@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/OffsetWellPickerV2/effects/index.js

@@ -1,315 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { useRef, useEffect, useState } from 'react';
-import { get } from 'lodash';
-import { fetchCompanies, fetchCompanyGoals, fetchWells, fetchMetricsData } from '../utils/apiCalls.js';
-import { METRICS_KEYS } from '../constants.js';
-import { mapbox } from '../../../utils/index.js';
-import { BENCHMARK_METRIC_GOAL } from '../../../constants/goals.js';
-import '../../../constants/segment.js';
-import '../../../constants/alerts.js';
-import '../../../constants/apps.js';
-import '../../../constants/drillstring.js';
-import '../../../constants/completion.js';
-import '../../../constants/appPackages.js';
-import '../../../constants/notifications.js';
-import '../../../constants/feed.js';
-import '../../../constants/bha.js';
-import '../../../utils/env.js';
-import '../../GradientManager/configuration/constants.js';
-export { default as useBidirectionalFiltering } from './biDirectionalFiltering.js';
-import { getCompanyGoalSetting } from '../../../utils/goals.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var getAssetV2Coordinates = mapbox.getAssetV2Coordinates,
-  getDistanceByCoordinates = mapbox.getDistanceByCoordinates;
-function usePrevious(value) {
-  var ref = useRef();
-  useEffect(function () {
-    ref.current = value;
-  });
-  return ref.current;
-}
-function useCompanies(canViewCompanies, isAdvancedSearch, companyId) {
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    companies = _useState2[0],
-    setCompanies = _useState2[1];
-  useEffect(function () {
-    function handleFetchCompanies() {
-      return _handleFetchCompanies.apply(this, arguments);
-    }
-    function _handleFetchCompanies() {
-      _handleFetchCompanies = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var data;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (canViewCompanies) {
-                  _context.next = 3;
-                  break;
-                }
-                setCompanies([]);
-                return _context.abrupt("return");
-              case 3:
-                _context.next = 5;
-                return fetchCompanies();
-              case 5:
-                data = _context.sent;
-                if (isAdvancedSearch) {
-                  data = data.filter(function (item) {
-                    return item.id === companyId;
-                  });
-                }
-                setCompanies(data);
-              case 8:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-      return _handleFetchCompanies.apply(this, arguments);
-    }
-    handleFetchCompanies();
-  }, [canViewCompanies]);
-  return companies;
-}
-function useCompanyMetricKey(companyId) {
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    metricKey = _useState4[0],
-    setMetricKey = _useState4[1];
-  useEffect(function () {
-    function handleFetchCompanyMetric() {
-      return _handleFetchCompanyMetric.apply(this, arguments);
-    }
-    function _handleFetchCompanyMetric() {
-      _handleFetchCompanyMetric = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var companyGoals, companyMetricKey;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return fetchCompanyGoals(companyId);
-              case 2:
-                companyGoals = _context2.sent;
-                companyMetricKey = getCompanyGoalSetting(companyGoals, BENCHMARK_METRIC_GOAL);
-                setMetricKey(companyMetricKey);
-              case 5:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      }));
-      return _handleFetchCompanyMetric.apply(this, arguments);
-    }
-    setMetricKey(null);
-    handleFetchCompanyMetric();
-  }, [companyId]);
-  return metricKey;
-}
-function useWells(companyId, addWellsUsabilityInfo) {
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    wells = _useState6[0],
-    setWells = _useState6[1];
-  useEffect(function () {
-    function handleFetchWells() {
-      return _handleFetchWells.apply(this, arguments);
-    }
-    function _handleFetchWells() {
-      _handleFetchWells = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var data;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                if (!companyId) {
-                  _context3.next = 6;
-                  break;
-                }
-                _context3.next = 3;
-                return fetchWells(companyId, addWellsUsabilityInfo);
-              case 3:
-                _context3.t0 = _context3.sent;
-                _context3.next = 7;
-                break;
-              case 6:
-                _context3.t0 = null;
-              case 7:
-                data = _context3.t0;
-                setWells(data);
-              case 9:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3);
-      }));
-      return _handleFetchWells.apply(this, arguments);
-    }
-    setWells(null);
-    handleFetchWells();
-  }, [companyId]);
-  return wells;
-}
-function useWellsWithCoords(wells, subjectWell) {
-  var _useState7 = useState(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    wellsWithCoords = _useState8[0],
-    setWellsWithCoords = _useState8[1];
-  useEffect(function () {
-    if (!wells) {
-      setWellsWithCoords(wells);
-      return;
-    }
-    var subjectWellCoord = subjectWell && getAssetV2Coordinates(subjectWell, 'topHole');
-    if (!subjectWellCoord) {
-      setWellsWithCoords(wells);
-      return;
-    }
-    var result = [];
-    wells.forEach(function (well) {
-      var coord = getAssetV2Coordinates(well, 'topHole');
-      if (coord) {
-        var distance = parseFloat(getDistanceByCoordinates(subjectWellCoord, coord));
-        result.push(_objectSpread(_objectSpread({}, well), {}, {
-          distance: distance
-        }));
-      } else {
-        result.push(well);
-      }
-    });
-    setWellsWithCoords(result);
-  }, [wells, subjectWell]);
-  return wellsWithCoords;
-}
-function useOffsetWells(radius, allWells, selectedWellIds) {
-  var _useState9 = useState(null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    offsetWells = _useState10[0],
-    setOffsetWells = _useState10[1];
-  useEffect(function () {
-    if (!allWells) {
-      // still loading...
-      setOffsetWells(null);
-      return;
-    }
-    var result = [];
-    // NOTE: Add selected wells
-    allWells.forEach(function (well) {
-      if (selectedWellIds.includes(well.id) && well.is_usable) {
-        result.push(well);
-      }
-    });
-    setOffsetWells(result);
-  }, [radius, allWells, selectedWellIds]);
-  return offsetWells;
-}
-function useMetricsData(companyId, wells) {
-  var fetchedData = useRef({});
-  var _useState11 = useState(true),
-    _useState12 = _slicedToArray(_useState11, 2),
-    loading = _useState12[0],
-    setLoading = _useState12[1];
-  var _useState13 = useState(null),
-    _useState14 = _slicedToArray(_useState13, 2),
-    data = _useState14[0],
-    setData = _useState14[1];
-  useEffect(function () {
-    function handleFetchMetricsData(_x) {
-      return _handleFetchMetricsData.apply(this, arguments);
-    }
-    function _handleFetchMetricsData() {
-      _handleFetchMetricsData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(wellIdsToFetch) {
-        var records, wellsMetrics, result;
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _context4.next = 2;
-                return fetchMetricsData(companyId, wellIdsToFetch);
-              case 2:
-                records = _context4.sent;
-                wellsMetrics = {};
-                wellIdsToFetch.forEach(function (wellId) {
-                  var wellMetrics = {};
-                  var wellRecords = records.filter(function (item) {
-                    return get(item, 'asset_id') === wellId;
-                  });
-                  METRICS_KEYS.forEach(function (metricsKey) {
-                    var record = wellRecords.find(function (item) {
-                      return get(item, 'data.key') === metricsKey;
-                    });
-                    var value = get(record, 'data.value');
-                    wellMetrics[metricsKey] = Number.isFinite(value) ? parseFloat(value).toFixed(2) : null;
-                  });
-                  wellsMetrics[wellId] = wellMetrics;
-                });
-
-                // NOTE: Store previous fetching result
-                fetchedData.current = _objectSpread(_objectSpread({}, fetchedData.current), wellsMetrics);
-                result = [];
-                wells.forEach(function (well) {
-                  result.push(_objectSpread(_objectSpread({}, well), fetchedData.current[well.id]));
-                });
-                setLoading(false);
-                setData(result);
-              case 10:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4);
-      }));
-      return _handleFetchMetricsData.apply(this, arguments);
-    }
-    if (!wells) {
-      // still loading...
-      setData(null);
-      return;
-    }
-    if (wells.length === 0) {
-      setData([]);
-      return;
-    }
-
-    // NOTE: Make api calls for only missing wells
-    var missingWellIds = [];
-    wells.forEach(function (well) {
-      if (!fetchedData.current[well.id]) {
-        missingWellIds.push(well.id);
-      }
-    });
-    setLoading(true);
-    handleFetchMetricsData(missingWellIds);
-  }, [wells]);
-  return [loading, data];
-}
-function useRadiusWells(radius, filteredWellsWithCoords, setSelectedWellIds) {
-  var initLoadingRef = useRef(false);
-  useEffect(function () {
-    if (filteredWellsWithCoords) {
-      if (initLoadingRef.current) {
-        var radiusWellIds = [];
-        filteredWellsWithCoords.forEach(function (well) {
-          if (well.distance <= radius) {
-            radiusWellIds.push(well.id);
-          }
-        });
-        setSelectedWellIds(radiusWellIds);
-      }
-      initLoadingRef.current = true;
-    }
-  }, [radius, filteredWellsWithCoords]);
-}
-
-export { useCompanies, useCompanyMetricKey, useMetricsData, useOffsetWells, usePrevious, useRadiusWells, useWells, useWellsWithCoords };
-//# sourceMappingURL=index.js.map
+import t from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/regenerator";import{useRef as o,useEffect as i,useState as s}from"react";import{get as a}from"lodash";import{fetchCompanies as c,fetchCompanyGoals as u,fetchWells as f,fetchMetricsData as p}from"../utils/apiCalls.js";import{METRICS_KEYS as l}from"../constants.js";import{mapbox as m}from"../../../utils/index.js";import{BENCHMARK_METRIC_GOAL as h}from"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../utils/env.js";import"../../GradientManager/configuration/constants.js";export{default as useBidirectionalFiltering}from"./biDirectionalFiltering.js";import{getCompanyGoalSetting as v}from"../../../utils/goals.js";function d(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.push.apply(r,e)}return r}function b(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?d(Object(e),!0).forEach((function(r){t(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):d(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var j=m.getAssetV2Coordinates,y=m.getDistanceByCoordinates;function g(t){var n=o();return i((function(){n.current=t})),n.current}function O(t,o,a){var u=s([]),f=r(u,2),p=f[0],l=f[1];return i((function(){function r(){return(r=n(e.mark((function n(){var r;return e.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t){n.next=3;break}return l([]),n.abrupt("return");case 3:return n.next=5,c();case 5:r=n.sent,o&&(r=r.filter((function(t){return t.id===a}))),l(r);case 8:case"end":return n.stop()}}),n)})))).apply(this,arguments)}!function(){r.apply(this,arguments)}()}),[t]),p}function x(t){var o=s(null),a=r(o,2),c=a[0],f=a[1];return i((function(){function r(){return(r=n(e.mark((function n(){var r,o;return e.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,u(t);case 2:r=n.sent,o=v(r,h),f(o);case 5:case"end":return n.stop()}}),n)})))).apply(this,arguments)}f(null),function(){r.apply(this,arguments)}()}),[t]),c}function w(t,o){var a=s(null),c=r(a,2),u=c[0],p=c[1];return i((function(){function r(){return(r=n(e.mark((function n(){var r;return e.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!t){n.next=6;break}return n.next=3,f(t,o);case 3:n.t0=n.sent,n.next=7;break;case 6:n.t0=null;case 7:r=n.t0,p(r);case 9:case"end":return n.stop()}}),n)})))).apply(this,arguments)}p(null),function(){r.apply(this,arguments)}()}),[t]),u}function k(t,n){var e=s(null),o=r(e,2),a=o[0],c=o[1];return i((function(){if(t){var r=n&&j(n,"topHole");if(r){var e=[];t.forEach((function(t){var n=j(t,"topHole");if(n){var o=parseFloat(y(r,n));e.push(b(b({},t),{},{distance:o}))}else e.push(t)})),c(e)}else c(t)}else c(t)}),[t,n]),a}function P(t,n,e){var o=s(null),a=r(o,2),c=a[0],u=a[1];return i((function(){if(n){var t=[];n.forEach((function(n){e.includes(n.id)&&n.is_usable&&t.push(n)})),u(t)}else u(null)}),[t,n,e]),c}function E(t,c){var u=o({}),f=s(!0),m=r(f,2),h=m[0],v=m[1],d=s(null),j=r(d,2),y=j[0],g=j[1];return i((function(){function r(){return(r=n(e.mark((function n(r){var o,i,s;return e.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,p(t,r);case 2:o=n.sent,i={},r.forEach((function(t){var n={},r=o.filter((function(n){return a(n,"asset_id")===t}));l.forEach((function(t){var e=r.find((function(n){return a(n,"data.key")===t})),o=a(e,"data.value");n[t]=Number.isFinite(o)?parseFloat(o).toFixed(2):null})),i[t]=n})),u.current=b(b({},u.current),i),s=[],c.forEach((function(t){s.push(b(b({},t),u.current[t.id]))})),v(!1),g(s);case 10:case"end":return n.stop()}}),n)})))).apply(this,arguments)}if(c)if(0!==c.length){var o=[];c.forEach((function(t){u.current[t.id]||o.push(t.id)})),v(!0),function(t){r.apply(this,arguments)}(o)}else g([]);else g(null)}),[c]),[h,y]}function D(t,n,r){var e=o(!1);i((function(){if(n){if(e.current){var o=[];n.forEach((function(n){n.distance<=t&&o.push(n.id)})),r(o)}e.current=!0}}),[t,n])}export{O as useCompanies,x as useCompanyMetricKey,E as useMetricsData,P as useOffsetWells,g as usePrevious,D as useRadiusWells,w as useWells,k as useWellsWithCoords};

package/components/OffsetWellPickerV2/utils/index.js

@@ -1,30 +1 @@
-import { FILTERS } from '../constants.js';
-
-var getFilteredWell = function getFilteredWell(field, filter) {
-  return !filter || filter.length === 0 || filter.includes(field);
-};
-function getFilteredWells(dynamicFilters, excludeSideTrack, allWells) {
-  var sideTrackStrRegex = /\sST0/g;
-  if (!allWells) return allWells;
-  var filteredWells = Object.values(FILTERS).reduce(function (result, filterKey) {
-    return result.filter(function (well) {
-      return getFilteredWell(well[filterKey], dynamicFilters[filterKey]);
-    });
-  }, allWells);
-  return filteredWells.filter(function (well) {
-    return excludeSideTrack && !well.name.match(sideTrackStrRegex) || !excludeSideTrack;
-  });
-}
-function getFilteredWellsByNonEngineered(wells, includeNonEngineeredWells) {
-  var nonEngineeredNames = ['non-engineered', 'non engineered'];
-  if (!wells) return wells;
-  return includeNonEngineeredWells ? wells : wells.filter(function (well) {
-    return nonEngineeredNames.every(function (item) {
-      var _well$name;
-      return ((_well$name = well.name) === null || _well$name === void 0 ? void 0 : _well$name.toLowerCase().search(item)) === -1;
-    });
-  });
-}
-
-export { getFilteredWells, getFilteredWellsByNonEngineered };
-//# sourceMappingURL=index.js.map
+import{FILTERS as n}from"../constants.js";function e(e,r,t){var u=/\sST0/g;return t?Object.values(n).reduce((function(n,r){return n.filter((function(n){return t=n[r],!(u=e[r])||0===u.length||u.includes(t);var t,u}))}),t).filter((function(n){return r&&!n.name.match(u)||!r})):t}function r(n,e){var r=["non-engineered","non engineered"];return n?e?n:n.filter((function(n){return r.every((function(e){var r;return-1===(null===(r=n.name)||void 0===r?void 0:r.toLowerCase().search(e))}))})):n}export{e as getFilteredWells,r as getFilteredWellsByNonEngineered};

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

@@ -1,204 +1 @@
-import { memo } from 'react';
-import PropTypes from 'prop-types';
-import { get } from 'lodash';
-import { makeStyles, Dialog, DialogTitle, Typography, DialogContent } from '@material-ui/core';
-import { Close } from '@material-ui/icons';
-import { FILTERS_LIST } from '../../constants.js';
-import RadiusInput from './RadiusInput.js';
-import SidetrackSwitch from './SidetrackSwitch.js';
-import MultiSelect from './MultiSelect.js';
-import ClearFiltersButton from './ClearFiltersButton.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    container: {
-      display: 'flex',
-      marginBottom: '24px'
-    },
-    filters: {
-      display: 'flex',
-      flexWrap: 'wrap'
-    },
-    fileterSection: {
-      display: 'flex',
-      width: '100%',
-      alignItems: 'center',
-      flexWrap: 'wrap'
-    },
-    filterRow: {
-      display: 'flex',
-      width: '100%',
-      flexFlow: 'row wrap',
-      alignContent: 'flex-start',
-      gap: '24px'
-    },
-    paper: {
-      background: theme.palette.background.b4,
-      overflow: 'hidden'
-    },
-    dialogTitle: {
-      padding: '14px 0',
-      height: '60px',
-      borderBottom: "1px solid ".concat(theme.palette.background.b7)
-    },
-    titleWrapper: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      padding: '0 16px',
-      fontSize: '18px'
-    },
-    title: {
-      fontSize: '20px'
-    },
-    dialogContent: {
-      display: 'flex',
-      width: '100%',
-      flexFlow: 'row wrap',
-      alignContent: 'flex-start',
-      height: '100%',
-      paddingRight: '16px',
-      justifyContent: 'space-between'
-    }
-  };
-});
-function Filter(_ref) {
-  var radius = _ref.radius,
-    excludeSideTrack = _ref.excludeSideTrack,
-    filters = _ref.filters,
-    filtersOptions = _ref.filtersOptions,
-    isRadiusEditable = _ref.isRadiusEditable,
-    filtersHidden = _ref.filtersHidden,
-    onChangeFilters = _ref.onChangeFilters,
-    onChangeRadius = _ref.onChangeRadius,
-    onChangeSidetrack = _ref.onChangeSidetrack,
-    onClearFilters = _ref.onClearFilters,
-    isTablet = _ref.isTablet,
-    isMobile = _ref.isMobile,
-    onToggleFilters = _ref.onToggleFilters;
-  var classes = useStyles({
-    isMobile: isMobile
-  });
-  var multiSelectSize = isTablet ? 200 : 150;
-  var onClose = function onClose() {
-    onToggleFilters(false);
-  };
-  if (filtersHidden && isMobile && !isTablet) {
-    return /*#__PURE__*/jsxs(Dialog, {
-      onBackdropClick: onClose,
-      onEscapeKeyDown: onClose,
-      fullScreen: true,
-      maxWidth: "xs",
-      fullWidth: true,
-      open: true,
-      classes: {
-        paper: classes.paper
-      },
-      children: [/*#__PURE__*/jsx(DialogTitle, {
-        className: classes.dialogTitle,
-        children: /*#__PURE__*/jsxs("div", {
-          className: classes.titleWrapper,
-          children: [/*#__PURE__*/jsx(Typography, {
-            className: classes.title,
-            children: "Filter"
-          }), /*#__PURE__*/jsx(Close, {
-            className: classes.closeIcon,
-            onClick: onClose
-          })]
-        })
-      }), /*#__PURE__*/jsxs(DialogContent, {
-        className: classes.dialogContent,
-        children: [FILTERS_LIST.map(function (_ref2) {
-          var key = _ref2.key,
-            title = _ref2.title,
-            renderValue = _ref2.renderValue;
-          return /*#__PURE__*/jsx(MultiSelect, {
-            title: title,
-            size: multiSelectSize,
-            options: get(filtersOptions, key, []),
-            currentValues: get(filters, key, []),
-            renderValue: renderValue,
-            onChange: function onChange(newValues) {
-              return onChangeFilters(key, newValues);
-            }
-          }, key);
-        }), /*#__PURE__*/jsx(RadiusInput, {
-          radius: radius,
-          editable: isRadiusEditable,
-          onChange: onChangeRadius,
-          isMobile: isMobile
-        }), /*#__PURE__*/jsx(SidetrackSwitch, {
-          checked: excludeSideTrack,
-          onChange: onChangeSidetrack,
-          isMobile: isMobile
-        })]
-      })]
-    });
-  }
-  if (!filtersHidden && (!isMobile || isTablet)) {
-    return /*#__PURE__*/jsx("div", {
-      className: classes.container,
-      children: /*#__PURE__*/jsx("div", {
-        className: classes.filters,
-        children: /*#__PURE__*/jsx("div", {
-          className: classes.fileterSection,
-          children: /*#__PURE__*/jsxs("div", {
-            className: classes.filterRow,
-            children: [FILTERS_LIST.map(function (_ref3) {
-              var key = _ref3.key,
-                title = _ref3.title,
-                renderValue = _ref3.renderValue;
-              return /*#__PURE__*/jsx(MultiSelect, {
-                title: title,
-                size: multiSelectSize,
-                options: get(filtersOptions, key, []),
-                currentValues: get(filters, key, []),
-                renderValue: renderValue,
-                onChange: function onChange(newValues) {
-                  return onChangeFilters(key, newValues);
-                }
-              }, key);
-            }), /*#__PURE__*/jsx(RadiusInput, {
-              radius: radius,
-              editable: isRadiusEditable,
-              onChange: onChangeRadius,
-              isTablet: isTablet
-            }), /*#__PURE__*/jsx(SidetrackSwitch, {
-              checked: excludeSideTrack,
-              onChange: onChangeSidetrack,
-              isMobile: isMobile
-            }), /*#__PURE__*/jsx(ClearFiltersButton, {
-              onClick: onClearFilters
-            })]
-          })
-        })
-      })
-    });
-  } else {
-    return null;
-  }
-}
-Filter.propTypes = {
-  subjectWell: PropTypes.shape({}),
-  radius: PropTypes.number.isRequired,
-  isRadiusEditable: PropTypes.bool.isRequired,
-  excludeSideTrack: PropTypes.bool.isRequired,
-  filters: PropTypes.shape({}).isRequired,
-  filtersOptions: PropTypes.shape({}).isRequired,
-  filtersHidden: PropTypes.bool.isRequired,
-  onChangeFilters: PropTypes.func.isRequired,
-  onChangeRadius: PropTypes.func.isRequired,
-  onChangeSidetrack: PropTypes.func.isRequired,
-  onClearFilters: PropTypes.func.isRequired,
-  isTablet: PropTypes.bool.isRequired,
-  isMobile: PropTypes.bool.isRequired,
-  onToggleFilters: PropTypes.func.isRequired
-};
-Filter.defaultProps = {
-  subjectWell: null
-};
-var Filter$1 = memo(Filter);
-
-export { Filter$1 as default };
-//# sourceMappingURL=index.js.map
+import{memo as e}from"react";import i from"prop-types";import{get as r}from"lodash";import{makeStyles as t,Dialog as l,DialogTitle as n,Typography as a,DialogContent as o}from"@material-ui/core";import{Close as s}from"@material-ui/icons";import{FILTERS_LIST as d}from"../../constants.js";import c from"./RadiusInput.js";import p from"./SidetrackSwitch.js";import u from"./MultiSelect.js";import f from"./ClearFiltersButton.js";import{jsxs as m,jsx as h}from"react/jsx-runtime";var g=t((function(e){return{container:{display:"flex",marginBottom:"24px"},filters:{display:"flex",flexWrap:"wrap"},fileterSection:{display:"flex",width:"100%",alignItems:"center",flexWrap:"wrap"},filterRow:{display:"flex",width:"100%",flexFlow:"row wrap",alignContent:"flex-start",gap:"24px"},paper:{background:e.palette.background.b4,overflow:"hidden"},dialogTitle:{padding:"14px 0",height:"60px",borderBottom:"1px solid ".concat(e.palette.background.b7)},titleWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 16px",fontSize:"18px"},title:{fontSize:"20px"},dialogContent:{display:"flex",width:"100%",flexFlow:"row wrap",alignContent:"flex-start",height:"100%",paddingRight:"16px",justifyContent:"space-between"}}}));function b(e){var i=e.radius,t=e.excludeSideTrack,b=e.filters,x=e.filtersOptions,C=e.isRadiusEditable,R=e.filtersHidden,w=e.onChangeFilters,k=e.onChangeRadius,q=e.onChangeSidetrack,y=e.onClearFilters,S=e.isTablet,v=e.isMobile,j=e.onToggleFilters,F=g({isMobile:v}),T=S?200:150,N=function(){j(!1)};return R&&v&&!S?m(l,{onBackdropClick:N,onEscapeKeyDown:N,fullScreen:!0,maxWidth:"xs",fullWidth:!0,open:!0,classes:{paper:F.paper},children:[h(n,{className:F.dialogTitle,children:m("div",{className:F.titleWrapper,children:[h(a,{className:F.title,children:"Filter"}),h(s,{className:F.closeIcon,onClick:N})]})}),m(o,{className:F.dialogContent,children:[d.map((function(e){var i=e.key,t=e.title,l=e.renderValue;return h(u,{title:t,size:T,options:r(x,i,[]),currentValues:r(b,i,[]),renderValue:l,onChange:function(e){return w(i,e)}},i)})),h(c,{radius:i,editable:C,onChange:k,isMobile:v}),h(p,{checked:t,onChange:q,isMobile:v})]})]}):R||v&&!S?null:h("div",{className:F.container,children:h("div",{className:F.filters,children:h("div",{className:F.fileterSection,children:m("div",{className:F.filterRow,children:[d.map((function(e){var i=e.key,t=e.title,l=e.renderValue;return h(u,{title:t,size:T,options:r(x,i,[]),currentValues:r(b,i,[]),renderValue:l,onChange:function(e){return w(i,e)}},i)})),h(c,{radius:i,editable:C,onChange:k,isTablet:S}),h(p,{checked:t,onChange:q,isMobile:v}),h(f,{onClick:y})]})})})})}b.propTypes={subjectWell:i.shape({}),radius:i.number.isRequired,isRadiusEditable:i.bool.isRequired,excludeSideTrack:i.bool.isRequired,filters:i.shape({}).isRequired,filtersOptions:i.shape({}).isRequired,filtersHidden:i.bool.isRequired,onChangeFilters:i.func.isRequired,onChangeRadius:i.func.isRequired,onChangeSidetrack:i.func.isRequired,onClearFilters:i.func.isRequired,isTablet:i.bool.isRequired,isMobile:i.bool.isRequired,onToggleFilters:i.func.isRequired},b.defaultProps={subjectWell:null};var x=e(b);export{x as default};

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

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

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

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