@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/OffsetWellPickerV2/effects/index.js

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

package/components/OffsetWellPickerV2/utils/index.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/index.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { Dialog, makeStyles, DialogTitle, DialogContent, Typography } from '@material-ui/core';\nimport { Close as CloseIcon } from '@material-ui/icons';\n\nimport { FILTERS_LIST } from '../../constants';\n\nimport RadiusInput from './RadiusInput';\nimport SidetrackSwitch from './SidetrackSwitch';\nimport MultiSelect from './MultiSelect';\nimport ClearFiltersButton from './ClearFiltersButton';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    display: 'flex',\n    marginBottom: '24px',\n  },\n  filters: {\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  fileterSection: {\n    display: 'flex',\n    width: '100%',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n  },\n  filterRow: {\n    display: 'flex',\n    width: '100%',\n    flexFlow: 'row wrap',\n    alignContent: 'flex-start',\n    gap: '24px',\n  },\n  paper: {\n    background: theme.palette.background.b4,\n    overflow: 'hidden',\n  },\n  dialogTitle: {\n    padding: '14px 0',\n    height: '60px',\n    borderBottom: `1px solid ${theme.palette.background.b7}`,\n  },\n  titleWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '0 16px',\n    fontSize: '18px',\n  },\n  title: {\n    fontSize: '20px',\n  },\n  dialogContent: {\n    display: 'flex',\n    width: '100%',\n    flexFlow: 'row wrap',\n    alignContent: 'flex-start',\n    height: '100%',\n    paddingRight: '16px',\n    justifyContent: 'space-between',\n  },\n}));\n\nfunction Filter({\n  radius,\n  excludeSideTrack,\n  filters,\n  filtersOptions,\n  isRadiusEditable,\n  filtersHidden,\n  onChangeFilters,\n  onChangeRadius,\n  onChangeSidetrack,\n  onClearFilters,\n  isTablet,\n  isMobile,\n  onToggleFilters,\n}) {\n  const classes = useStyles({ isMobile });\n  const multiSelectSize = isTablet ? 200 : 150;\n  const onClose = () => {\n    onToggleFilters(false);\n  };\n\n  if (filtersHidden && isMobile && !isTablet) {\n    return (\n      <Dialog\n        onBackdropClick={onClose}\n        onEscapeKeyDown={onClose}\n        fullScreen\n        maxWidth=\"xs\"\n        fullWidth\n        open\n        classes={{ paper: classes.paper }}\n      >\n        <DialogTitle className={classes.dialogTitle}>\n          <div className={classes.titleWrapper}>\n            <Typography className={classes.title}>Filter</Typography>\n            <CloseIcon className={classes.closeIcon} onClick={onClose} />\n          </div>\n        </DialogTitle>\n        <DialogContent className={classes.dialogContent}>\n          {FILTERS_LIST.map(({ key, title, renderValue }) => (\n            <MultiSelect\n              key={key}\n              title={title}\n              size={multiSelectSize}\n              options={get(filtersOptions, key, [])}\n              currentValues={get(filters, key, [])}\n              renderValue={renderValue}\n              onChange={newValues => onChangeFilters(key, newValues)}\n            />\n          ))}\n          <RadiusInput\n            radius={radius}\n            editable={isRadiusEditable}\n            onChange={onChangeRadius}\n            isMobile={isMobile}\n          />\n          <SidetrackSwitch\n            checked={excludeSideTrack}\n            onChange={onChangeSidetrack}\n            isMobile={isMobile}\n          />\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  if (!filtersHidden && (!isMobile || isTablet)) {\n    return (\n      <div className={classes.container}>\n        <div className={classes.filters}>\n          <div className={classes.fileterSection}>\n            <div className={classes.filterRow}>\n              {FILTERS_LIST.map(({ key, title, renderValue }) => (\n                <MultiSelect\n                  key={key}\n                  title={title}\n                  size={multiSelectSize}\n                  options={get(filtersOptions, key, [])}\n                  currentValues={get(filters, key, [])}\n                  renderValue={renderValue}\n                  onChange={newValues => onChangeFilters(key, newValues)}\n                />\n              ))}\n              <RadiusInput\n                radius={radius}\n                editable={isRadiusEditable}\n                onChange={onChangeRadius}\n                isTablet={isTablet}\n              />\n              <SidetrackSwitch\n                checked={excludeSideTrack}\n                onChange={onChangeSidetrack}\n                isMobile={isMobile}\n              />\n              <ClearFiltersButton onClick={onClearFilters} />\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  } else {\n    return null;\n  }\n}\n\nFilter.propTypes = {\n  subjectWell: PropTypes.shape({}),\n  radius: PropTypes.number.isRequired,\n  isRadiusEditable: PropTypes.bool.isRequired,\n  excludeSideTrack: PropTypes.bool.isRequired,\n  filters: PropTypes.shape({}).isRequired,\n  filtersOptions: PropTypes.shape({}).isRequired,\n  filtersHidden: PropTypes.bool.isRequired,\n  onChangeFilters: PropTypes.func.isRequired,\n  onChangeRadius: PropTypes.func.isRequired,\n  onChangeSidetrack: PropTypes.func.isRequired,\n  onClearFilters: PropTypes.func.isRequired,\n  isTablet: PropTypes.bool.isRequired,\n  isMobile: PropTypes.bool.isRequired,\n  onToggleFilters: PropTypes.func.isRequired,\n};\n\nFilter.defaultProps = {\n  subjectWell: null,\n};\n\nexport default memo(Filter);\n"],"names":["useStyles","makeStyles","theme","container","display","marginBottom","filters","flexWrap","fileterSection","width","alignItems","filterRow","flexFlow","alignContent","gap","paper","background","palette","b4","overflow","dialogTitle","padding","height","borderBottom","b7","titleWrapper","justifyContent","fontSize","title","dialogContent","paddingRight","Filter","radius","excludeSideTrack","filtersOptions","isRadiusEditable","filtersHidden","onChangeFilters","onChangeRadius","onChangeSidetrack","onClearFilters","isTablet","isMobile","onToggleFilters","classes","multiSelectSize","onClose","_jsxs","_jsx","CloseIcon","closeIcon","FILTERS_LIST","map","key","renderValue","get","newValues","propTypes","subjectWell","PropTypes","shape","number","isRequired","bool","func","defaultProps","memo"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,kEAAqE;AAC7F;AACA;AACA;AACA;AACA;AACA;"}