@corva/ui 0.34.0-rc.0 → 0.34.0-rc.3

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.js

@@ -1 +1,480 @@
-import e from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{memo as t,useState as i,useEffect as o,useMemo as l,useCallback as r}from"react";import s from"prop-types";import{get as c,orderBy as a,uniq as d}from"lodash";import{makeStyles as u,Dialog as f,DialogTitle as m,Typography as p,Tooltip as b,IconButton as g,DialogContent as h,DialogActions as y,Button as S}from"@material-ui/core";import j from"@material-ui/icons/Close";import{useTheme as W}from"@material-ui/core/styles";import v from"@material-ui/core/useMediaQuery";import I from"classnames";import C from"../../permissions/usePermissions.js";import{PERMISSIONS as O}from"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import"../../permissions/PermissionsContext.js";import A from"../LoadingIndicator/LoadingIndicator.js";import x from"./components/Filter/index.js";import N from"./components/Map/index.js";import w from"./components/Table/index.js";import{useCompanies as k,useWells as D,useCompanyMetricKey as P,useFilteredWells as T,useWellsWithCoords as B,useRadiusWells as R,useOffsetWells as z,useMetricsData as L}from"./effects/index.js";import{DEFAULT_SETTINGS as U}from"./constants.js";import{jsxs as q,jsx as E,Fragment as M}from"react/jsx-runtime";import F from"./effects/biDirectionalFiltering.js";function _(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function H(n){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?_(Object(i),!0).forEach((function(t){e(n,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):_(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var K=u((function(e){return{dialogTitles:{display:"flex",justifyContent:"space-between",alignItems:"center"},title:{fontSize:20},subTitle:{fontSize:14,color:"#03BCD4","&:hover":{cursor:"pointer",textDecoration:"underline"}},subTitleSpace:{fontSize:14,color:"#03BCD4"},titleArea:{display:"flex",alignItems:"center"},closeIconButton:{fontSize:20,padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:"#BDBDBD"},dialogActions:{justifyContent:"space-between",paddingTop:8,paddingBottom:8},bottomShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",bottom:"52px",zIndex:2},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column"},tabs:{background:"#414141"},selectedWells:{display:"flex",alignItems:"center"},selected:{fontSize:16},selectedLabel:{fontSize:12,marginLeft:14,color:"rgba(255, 255, 255, 0.54)"},selectedNumber:{fontSize:12,margin:4,color:"rgba(255, 255, 255, 0.8)"}}})),V=function(t){var s=t.isOpen,u=t.defaultSubjectWellId,_=t.companyId,V=t.offsetSetting,G=t.currentUser,Q=t.addWellsUsabilityInfo,$=t.unusableWellAlarm,J=t.isAdvancedSearch,X=t.bestCount,Y=t.onClose,Z=t.onSave,ee=K(),ne=W(),te=v(ne.breakpoints.down("sm")),ie=C([O.companySelectorView]),oe=n(ie,1)[0].active,le=i(_||c(V,"companyId")||+c(G,"company_id")),re=n(le,2),se=re[0],ce=re[1],ae=i(c(V,"subjectWellId")||u),de=n(ae,2),ue=de[0],fe=de[1],me=i(c(V,"filters")||U.filters),pe=n(me,2),be=pe[0],ge=pe[1],he=i(c(V,"radius")||U.radius),ye=n(he,2),Se=ye[0],je=ye[1],We=i(c(V,"excludeSideTrack")),ve=n(We,2),Ie=ve[0],Ce=ve[1],Oe=i([]),Ae=n(Oe,2),xe=Ae[0],Ne=Ae[1],we=i(U.sortInfo),ke=n(we,2),De=ke[0],Pe=ke[1],Te=i(!1),Be=n(Te,2),Re=Be[0],ze=Be[1],Le=i([]),Ue=n(Le,2),qe=Ue[0],Ee=Ue[1];o((function(){s&&(Ee(c(V,"selectedWellIds")||[]),ce(_||c(V,"companyId")||+c(G,"company_id")),fe(c(V,"subjectWellId")||u))}),[s,V]);var Me=l((function(){return!!ue}),[ue]),Fe=k(oe,J&&u,se),_e=D(se,Q),He=P(se);o((function(){Ne((function(e){return He?[He]:e}))}),[He]);var Ke=F(be,_e),Ve=T(be,Ie,_e),Ge=l((function(){return Ve&&ue?Ve.find((function(e){return e.id===ue})):null}),[Ve,ue]),Qe=B(Ve,Ge);R(Se,Qe,Ee);var $e=z(Se,_e,qe),Je=L(se,Qe),Xe=n(Je,2),Ye=Xe[0],Ze=Xe[1],en=l((function(){return Ze?a(Ze,De.key,1===De.direction?"asc":"desc"):Ze}),[De,Ze]),nn=r((function(e){ce(e),fe(null),Ee([]),ge(U.filters)}),[]),tn=r((function(e){var n=Ve.find((function(n){return n.id===e}));n&&n.is_usable&&Ee(d(qe.concat(e)))}),[qe,Ve]),on=r((function(e){Ee(d(qe.filter((function(n){return n!==e}))))}),[qe]),ln=r((function(){Ee(Ve.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[Ve]),rn=r((function(){Ee([])}),[Ve]),sn=r((function(e){Ee([]),fe(e)}),[_e]),cn=r((function(){Ee([]),fe(null)}),[]),an=r((function(e){je(e)}),[]),dn=r((function(e){Ce(e)}),[]),un=r((function(n,t){ge((function(i){return H(H({},i),{},e({},n,t))})),Ee([])}),[]),fn=r((function(){ge(H({},U.filters)),Ee([])}),[]),mn=r((function(){ze((function(e){return!e}))}),[]),pn=r((function(e){Ne(e)}),[]),bn=r((function(e){Pe((function(n){return n.key===e?H(H({},n),{},{direction:-1*n.direction}):{key:e,direction:1}}))}),[]),gn=function(){Y()},hn=!(_e&&Ve&&Qe&&Ze&&$e&&en);return q(f,{onBackdropClick:Y,onEscapeKeyDown:Y,maxWidth:"lg",fullWidth:!0,fullScreen:te,open:s,children:[E(m,{children:q("div",{className:ee.dialogTitles,children:[J?q("div",{className:ee.titleArea,children:[E(p,{className:ee.subTitle,onClick:gn,children:"Select Offset Wells"}),E(p,{className:ee.subTitleSpace,children:" / "}),E(p,{className:ee.title,children:"Advanced Search"})]}):E(p,{className:ee.title,children:"Select Offset Wells"}),E(b,{title:"Close",children:E(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:ee.closeIconButton,onClick:Y,children:E(j,{className:ee.closeIcon})})})]})}),E(h,{className:ee.dialogContent,children:hn?E(A,{fullscreen:!1}):q(M,{children:[E(x,{companyId:se,companies:Fe,canViewCompanies:oe,radius:Se,excludeSideTrack:Ie||!1,wells:Ve,subjectWell:Ge,filters:be,filtersOptions:Ke,mapHidden:Re,isRadiusEditable:Me,onChangeCompany:nn,onSetSubjectWell:sn,onChangeRadius:an,onChangeSidetrack:dn,onChangeFilters:un,onClearFilters:fn,onToggleMap:mn}),E(N,{subjectWell:Ge,wells:Ve,offsetWells:$e,radius:Se,mapHidden:Re,onSetSubjectWell:sn,onRemoveSubjectWell:cn,onAddOffsetWell:tn,onDeleteOffsetWell:on}),E(w,{subjectWell:Ge,wells:en,offsetWells:$e,metricsKeys:xe,sortInfo:De,isMetricsLoading:Ye,unusableWellAlarm:$,onChangeMetricsKeys:pn,onSorting:bn,onAddOffsetWell:tn,onDeleteOffsetWell:on,onAddAllOffsetWells:ln,onDeleteAllOffsetWells:rn})]})}),E("div",{className:ee.bottomShadow}),q(y,{className:I(ee.dialogActions,e({},ee.dialogActionsSmallScreen,te)),children:[J?q("div",{className:ee.selectedWells,children:[E(p,{className:ee.selected,children:"Selected:"}),E(p,{className:ee.selectedLabel,children:"Best:"}),E(p,{className:ee.selectedNumber,children:X}),E(p,{className:ee.selectedLabel,children:"Advanced Search:"}),E(p,{className:ee.selectedNumber,children:(null==$e?void 0:$e.length)||0})]}):E("div",{}),q("div",{children:[E(S,{onClick:gn,color:"primary",style:{marginRight:16},children:"CANCEL"}),q(S,{variant:"contained",color:"primary",onClick:function(){var e=H(H({},V),{},{companyId:se,subjectWellId:ue,radius:Se,excludeSideTrack:Ie,filters:be,selectedWellIds:d($e.map((function(e){return e.id})))});Z(e,$e)},children:["ADD (",(null==$e?void 0:$e.length)||0,")"]})]})]})]})};V.propTypes={isOpen:s.bool.isRequired,defaultSubjectWellId:s.number,companyId:s.number,offsetSetting:s.shape({}).isRequired,currentUser:s.shape({}).isRequired,addWellsUsabilityInfo:s.func,unusableWellAlarm:s.string,isAdvancedSearch:s.bool,bestCount:s.number,onSave:s.func.isRequired,onClose:s.func.isRequired},V.defaultProps={defaultSubjectWellId:null,companyId:null,addWellsUsabilityInfo:null,unusableWellAlarm:"Unable to add",isAdvancedSearch:!1,bestCount:0};var G=t(V);export{G as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { get, orderBy, uniq } from 'lodash';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/asyncToGenerator';
+import 'query-string';
+import '../../clients/api/apiCore.js';
+import '../../clients/constants.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyles, Dialog, DialogTitle, Typography, Tooltip, IconButton, DialogContent, DialogActions, Button } from '@material-ui/core';
+import CloseIcon from '@material-ui/icons/Close';
+import { memo, useState, useEffect, useMemo, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { useTheme } from '@material-ui/core/styles';
+import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
+import '../../permissions/PermissionsContext.js';
+import usePermissions from '../../permissions/usePermissions.js';
+import { PERMISSIONS } from '../../permissions/constants/index.js';
+import '../../permissions/ProvidePermissions.js';
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+import { DEFAULT_SETTINGS } from './constants.js';
+import Filter from './components/Filter/index.js';
+import useBidirectionalFiltering from './effects/biDirectionalFiltering.js';
+import { useCompanies, useWells, useCompanyMetricKey, useFilteredWells, useWellsWithCoords, useRadiusWells, useOffsetWells, useMetricsData } from './effects/index.js';
+import WellsMap from './components/Map/index.js';
+import WellsTable from './components/Table/index.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    dialogTitles: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    },
+    title: {
+      fontSize: 20
+    },
+    subTitle: {
+      fontSize: 14,
+      color: '#03BCD4',
+      '&:hover': {
+        cursor: 'pointer',
+        textDecoration: 'underline'
+      }
+    },
+    subTitleSpace: {
+      fontSize: 14,
+      color: '#03BCD4'
+    },
+    titleArea: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    closeIconButton: {
+      fontSize: 20,
+      padding: 4,
+      '&:hover $closeIcon': {
+        color: '#fff'
+      }
+    },
+    closeIcon: {
+      color: '#BDBDBD'
+    },
+    dialogActions: {
+      justifyContent: 'space-between',
+      paddingTop: 8,
+      paddingBottom: 8
+    },
+    bottomShadow: {
+      width: '100%',
+      height: '16px',
+      backgroundImage: "linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(theme.palette.background.b9, ")"),
+      position: 'absolute',
+      bottom: '52px',
+      zIndex: 2
+    },
+    dialogActionsSmallScreen: {
+      paddingRight: '100px' // Intercom
+
+    },
+    dialogContent: {
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    tabs: {
+      background: '#414141'
+    },
+    selectedWells: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    selected: {
+      fontSize: 16
+    },
+    selectedLabel: {
+      fontSize: 12,
+      marginLeft: 14,
+      color: 'rgba(255, 255, 255, 0.54)'
+    },
+    selectedNumber: {
+      fontSize: 12,
+      margin: 4,
+      color: 'rgba(255, 255, 255, 0.8)'
+    }
+  };
+});
+
+var OffsetsPickerDialog = function OffsetsPickerDialog(_ref) {
+  var isOpen = _ref.isOpen,
+      defaultSubjectWellId = _ref.defaultSubjectWellId,
+      companyId = _ref.companyId,
+      offsetSetting = _ref.offsetSetting,
+      currentUser = _ref.currentUser,
+      addWellsUsabilityInfo = _ref.addWellsUsabilityInfo,
+      unusableWellAlarm = _ref.unusableWellAlarm,
+      isAdvancedSearch = _ref.isAdvancedSearch,
+      bestCount = _ref.bestCount,
+      onClose = _ref.onClose,
+      onSave = _ref.onSave;
+  var classes = useStyles();
+  var theme = useTheme();
+  var isFullScreen = useMediaQuery(theme.breakpoints.down('sm'));
+
+  var _usePermissions = usePermissions([PERMISSIONS.companySelectorView]),
+      _usePermissions2 = _slicedToArray(_usePermissions, 1),
+      canViewCompanies = _usePermissions2[0].active;
+
+  var _useState = useState(companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')),
+      _useState2 = _slicedToArray(_useState, 2),
+      assetCompanyId = _useState2[0],
+      setAssetCompanyId = _useState2[1];
+
+  var _useState3 = useState(get(offsetSetting, 'subjectWellId') || defaultSubjectWellId),
+      _useState4 = _slicedToArray(_useState3, 2),
+      subjectWellId = _useState4[0],
+      setSubjectWellId = _useState4[1];
+
+  var _useState5 = useState(get(offsetSetting, 'filters') || DEFAULT_SETTINGS.filters),
+      _useState6 = _slicedToArray(_useState5, 2),
+      filters = _useState6[0],
+      setFilters = _useState6[1];
+
+  var _useState7 = useState(get(offsetSetting, 'radius') || DEFAULT_SETTINGS.radius),
+      _useState8 = _slicedToArray(_useState7, 2),
+      radius = _useState8[0],
+      setRadius = _useState8[1];
+
+  var _useState9 = useState(get(offsetSetting, 'excludeSideTrack')),
+      _useState10 = _slicedToArray(_useState9, 2),
+      excludeSideTrack = _useState10[0],
+      setExcludeSideTrack = _useState10[1];
+
+  var _useState11 = useState([]),
+      _useState12 = _slicedToArray(_useState11, 2),
+      metricsKeys = _useState12[0],
+      setMetricsKeys = _useState12[1];
+
+  var _useState13 = useState(DEFAULT_SETTINGS.sortInfo),
+      _useState14 = _slicedToArray(_useState13, 2),
+      sortInfo = _useState14[0],
+      setSortInfo = _useState14[1];
+
+  var _useState15 = useState(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      mapHidden = _useState16[0],
+      setMapHidden = _useState16[1];
+
+  var _useState17 = useState([]),
+      _useState18 = _slicedToArray(_useState17, 2),
+      selectedWellIds = _useState18[0],
+      setSelectedWellIds = _useState18[1];
+
+  useEffect(function () {
+    if (isOpen) {
+      setSelectedWellIds(get(offsetSetting, 'selectedWellIds') || []);
+      setAssetCompanyId(companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id'));
+      setSubjectWellId(get(offsetSetting, 'subjectWellId') || defaultSubjectWellId);
+    }
+  }, [isOpen, offsetSetting]);
+  var isRadiusEditable = useMemo(function () {
+    return !!subjectWellId;
+  }, [subjectWellId]); // NOTE: Fetch all companies
+
+  var companies = useCompanies(canViewCompanies, isAdvancedSearch && defaultSubjectWellId, assetCompanyId); // NOTE: fetch all wells for the currently selected company
+
+  var wells = useWells(assetCompanyId, addWellsUsabilityInfo); // Note: fetch company metric key
+
+  var companyMetricKey = useCompanyMetricKey(assetCompanyId);
+  useEffect(function () {
+    setMetricsKeys(function (prev) {
+      return companyMetricKey ? [companyMetricKey] : prev;
+    });
+  }, [companyMetricKey]); // NOTE: Get available options for every filters
+
+  var filtersOptions = useBidirectionalFiltering(filters, wells); // NOTE: Filter wells by target formation, string design, program, basin, county, area
+
+  var filteredWells = useFilteredWells(filters, excludeSideTrack, wells); // NOTE: get subject well from id
+
+  var subjectWell = useMemo(function () {
+    return filteredWells && subjectWellId ? filteredWells.find(function (well) {
+      return well.id === subjectWellId;
+    }) : null;
+  }, [filteredWells, subjectWellId]); // NOTE: All matched wells regardless of is_usable field
+
+  var filteredWellsWithCoords = useWellsWithCoords(filteredWells, subjectWell); // NOTE: Update selectedWellIds by radius
+
+  useRadiusWells(radius, filteredWellsWithCoords, setSelectedWellIds); // NOTE: Get offset wells (only usable wells)
+
+  var offsetWells = useOffsetWells(radius, wells, selectedWellIds); // NOTE: Fetch metrics for all filtered wells
+
+  var _useMetricsData = useMetricsData(assetCompanyId, filteredWellsWithCoords),
+      _useMetricsData2 = _slicedToArray(_useMetricsData, 2),
+      isMetricsLoading = _useMetricsData2[0],
+      filteredWellsWithMetric = _useMetricsData2[1]; // NOTE: Sort wells by focused metric
+
+
+  var sortedFilteredWells = useMemo(function () {
+    if (!filteredWellsWithMetric) {
+      return filteredWellsWithMetric;
+    }
+
+    return orderBy(filteredWellsWithMetric, sortInfo.key, sortInfo.direction === 1 ? 'asc' : 'desc');
+  }, [sortInfo, filteredWellsWithMetric]);
+  var handleChangeCompany = useCallback(function (newCompanyId) {
+    setAssetCompanyId(newCompanyId);
+    setSubjectWellId(null);
+    setSelectedWellIds([]);
+    setFilters(DEFAULT_SETTINGS.filters);
+  }, []);
+  var handleAddOffsetWell = useCallback(function (targetId) {
+    // Do not allow to add unusuable wells
+    var currentWell = filteredWells.find(function (well) {
+      return well.id === targetId;
+    });
+
+    if (!currentWell || !currentWell.is_usable) {
+      return;
+    }
+
+    setSelectedWellIds(uniq(selectedWellIds.concat(targetId)));
+  }, [selectedWellIds, filteredWells]);
+  var handleDeleteOffsetWell = useCallback(function (targetId) {
+    setSelectedWellIds(uniq(selectedWellIds.filter(function (wellId) {
+      return wellId !== targetId;
+    })));
+  }, [selectedWellIds]);
+  var handleAddAllOffsetWells = useCallback(function () {
+    setSelectedWellIds(filteredWells.filter(function (well) {
+      return well.is_usable;
+    }).map(function (well) {
+      return well.id;
+    }));
+  }, [filteredWells]);
+  var handleDeleteAllOffsetWells = useCallback(function () {
+    setSelectedWellIds([]);
+  }, [filteredWells]);
+  var handleSetSubjectWell = useCallback(function (targetId) {
+    setSelectedWellIds([]);
+    setSubjectWellId(targetId);
+  }, [wells]);
+  var handleRemoveSubjectWell = useCallback(function () {
+    setSelectedWellIds([]);
+    setSubjectWellId(null);
+  }, []);
+  var handleChangeRadius = useCallback(function (newRadius) {
+    setRadius(newRadius);
+  }, []);
+  var handleChangeSidetrack = useCallback(function (checked) {
+    setExcludeSideTrack(checked);
+  }, []);
+  var handleChangeFilters = useCallback(function (key, newValues) {
+    setFilters(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, key, newValues));
+    });
+    setSelectedWellIds([]);
+  }, []);
+  var handleClearFilters = useCallback(function () {
+    setFilters(_objectSpread({}, DEFAULT_SETTINGS.filters));
+    setSelectedWellIds([]);
+  }, []);
+  var handleToggleMap = useCallback(function () {
+    setMapHidden(function (value) {
+      return !value;
+    });
+  }, []);
+  var handleChangeMetricsKeys = useCallback(function (newMetricsKeys) {
+    setMetricsKeys(newMetricsKeys);
+  }, []); // NOTE: Use column index to determine which metric is used for sorting
+
+  var handleSorting = useCallback(function (newKey) {
+    setSortInfo(function (prevInfo) {
+      return prevInfo.key === newKey ? _objectSpread(_objectSpread({}, prevInfo), {}, {
+        direction: prevInfo.direction * -1
+      }) : {
+        key: newKey,
+        direction: 1
+      };
+    });
+  }, []);
+
+  var handleClose = function handleClose() {
+    onClose();
+  };
+
+  var handleSave = function handleSave() {
+    var setting = _objectSpread(_objectSpread({}, offsetSetting), {}, {
+      companyId: assetCompanyId,
+      subjectWellId: subjectWellId,
+      radius: radius,
+      excludeSideTrack: excludeSideTrack,
+      filters: filters,
+      selectedWellIds: uniq(offsetWells.map(function (offsetWell) {
+        return offsetWell.id;
+      }))
+    });
+
+    onSave(setting, offsetWells);
+  };
+
+  var isLoading = !wells || !filteredWells || !filteredWellsWithCoords || !filteredWellsWithMetric || !offsetWells || !sortedFilteredWells;
+  return /*#__PURE__*/jsxs(Dialog, {
+    onBackdropClick: onClose,
+    onEscapeKeyDown: onClose,
+    maxWidth: "lg",
+    fullWidth: true,
+    fullScreen: isFullScreen,
+    open: isOpen,
+    children: [/*#__PURE__*/jsx(DialogTitle, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: classes.dialogTitles,
+        children: [!isAdvancedSearch ? /*#__PURE__*/jsx(Typography, {
+          className: classes.title,
+          children: "Select Offset Wells"
+        }) : /*#__PURE__*/jsxs("div", {
+          className: classes.titleArea,
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: classes.subTitle,
+            onClick: handleClose,
+            children: "Select Offset Wells"
+          }), /*#__PURE__*/jsx(Typography, {
+            className: classes.subTitleSpace,
+            children: "\xA0/\xA0"
+          }), /*#__PURE__*/jsx(Typography, {
+            className: classes.title,
+            children: "Advanced Search"
+          })]
+        }), /*#__PURE__*/jsx(Tooltip, {
+          title: "Close",
+          children: /*#__PURE__*/jsx(IconButton, {
+            "data-not-migrated-muiiconbutton": true,
+            "aria-label": "close",
+            className: classes.closeIconButton,
+            onClick: onClose,
+            children: /*#__PURE__*/jsx(CloseIcon, {
+              className: classes.closeIcon
+            })
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsx(DialogContent, {
+      className: classes.dialogContent,
+      children: !isLoading ? /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Filter, {
+          companyId: assetCompanyId,
+          companies: companies,
+          canViewCompanies: canViewCompanies,
+          radius: radius,
+          excludeSideTrack: excludeSideTrack || false,
+          wells: filteredWells,
+          subjectWell: subjectWell,
+          filters: filters,
+          filtersOptions: filtersOptions,
+          mapHidden: mapHidden,
+          isRadiusEditable: isRadiusEditable,
+          onChangeCompany: handleChangeCompany,
+          onSetSubjectWell: handleSetSubjectWell,
+          onChangeRadius: handleChangeRadius,
+          onChangeSidetrack: handleChangeSidetrack,
+          onChangeFilters: handleChangeFilters,
+          onClearFilters: handleClearFilters,
+          onToggleMap: handleToggleMap
+        }), /*#__PURE__*/jsx(WellsMap, {
+          subjectWell: subjectWell,
+          wells: filteredWells,
+          offsetWells: offsetWells,
+          radius: radius,
+          mapHidden: mapHidden,
+          onSetSubjectWell: handleSetSubjectWell,
+          onRemoveSubjectWell: handleRemoveSubjectWell,
+          onAddOffsetWell: handleAddOffsetWell,
+          onDeleteOffsetWell: handleDeleteOffsetWell
+        }), /*#__PURE__*/jsx(WellsTable, {
+          subjectWell: subjectWell,
+          wells: sortedFilteredWells,
+          offsetWells: offsetWells,
+          metricsKeys: metricsKeys,
+          sortInfo: sortInfo,
+          isMetricsLoading: isMetricsLoading,
+          unusableWellAlarm: unusableWellAlarm,
+          onChangeMetricsKeys: handleChangeMetricsKeys,
+          onSorting: handleSorting,
+          onAddOffsetWell: handleAddOffsetWell,
+          onDeleteOffsetWell: handleDeleteOffsetWell,
+          onAddAllOffsetWells: handleAddAllOffsetWells,
+          onDeleteAllOffsetWells: handleDeleteAllOffsetWells
+        })]
+      }) : /*#__PURE__*/jsx(LoadingIndicator, {
+        fullscreen: false
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.bottomShadow
+    }), /*#__PURE__*/jsxs(DialogActions, {
+      className: classNames(classes.dialogActions, _defineProperty({}, classes.dialogActionsSmallScreen, isFullScreen)),
+      children: [isAdvancedSearch ? /*#__PURE__*/jsxs("div", {
+        className: classes.selectedWells,
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: classes.selected,
+          children: "Selected:"
+        }), /*#__PURE__*/jsx(Typography, {
+          className: classes.selectedLabel,
+          children: "Best:"
+        }), /*#__PURE__*/jsx(Typography, {
+          className: classes.selectedNumber,
+          children: bestCount
+        }), /*#__PURE__*/jsx(Typography, {
+          className: classes.selectedLabel,
+          children: "Advanced Search:"
+        }), /*#__PURE__*/jsx(Typography, {
+          className: classes.selectedNumber,
+          children: (offsetWells === null || offsetWells === void 0 ? void 0 : offsetWells.length) || 0
+        })]
+      }) : /*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx(Button, {
+          onClick: handleClose,
+          color: "primary",
+          style: {
+            marginRight: 16
+          },
+          children: "CANCEL"
+        }), /*#__PURE__*/jsxs(Button, {
+          variant: "contained",
+          color: "primary",
+          onClick: handleSave,
+          children: ["ADD (", (offsetWells === null || offsetWells === void 0 ? void 0 : offsetWells.length) || 0, ")"]
+        })]
+      })]
+    })]
+  });
+};
+
+OffsetsPickerDialog.propTypes = {
+  isOpen: PropTypes.bool.isRequired,
+  defaultSubjectWellId: PropTypes.number,
+  companyId: PropTypes.number,
+  offsetSetting: PropTypes.shape({}).isRequired,
+  currentUser: PropTypes.shape({}).isRequired,
+  addWellsUsabilityInfo: PropTypes.func,
+  // update offset wells usability info in specific apps ("is_usable" field)
+  unusableWellAlarm: PropTypes.string,
+  isAdvancedSearch: PropTypes.bool,
+  bestCount: PropTypes.number,
+  onSave: PropTypes.func.isRequired,
+  onClose: PropTypes.func.isRequired
+};
+OffsetsPickerDialog.defaultProps = {
+  defaultSubjectWellId: null,
+  companyId: null,
+  addWellsUsabilityInfo: null,
+  unusableWellAlarm: 'Unable to add',
+  isAdvancedSearch: false,
+  bestCount: 0
+};
+var OffsetWellPickerV2 = memo(OffsetsPickerDialog);
+
+export default OffsetWellPickerV2;
+//# sourceMappingURL=OffsetWellPickerDialog.js.map

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OffsetWellPickerDialog.js","sources":["../../../src/components/OffsetWellPickerV2/OffsetWellPickerDialog.js"],"sourcesContent":["import { memo, useState, useCallback, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { uniq, orderBy, get } from 'lodash';\nimport {\n  Button,\n  IconButton,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogActions,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useTheme } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport classnames from 'classnames';\n\nimport { usePermissions, PERMISSIONS } from '~/permissions';\nimport LoadingIndicator from '~components/LoadingIndicator';\n\nimport Filter from './components/Filter';\nimport WellsMap from './components/Map';\nimport WellsTable from './components/Table';\n\nimport {\n  useCompanies,\n  useCompanyMetricKey,\n  useWells,\n  useFilteredWells,\n  useWellsWithCoords,\n  useOffsetWells,\n  useBidirectionalFiltering,\n  useMetricsData,\n  useRadiusWells,\n} from './effects';\nimport { DEFAULT_SETTINGS } from './constants';\n\nconst useStyles = makeStyles(theme => ({\n  dialogTitles: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  title: {\n    fontSize: 20,\n  },\n  subTitle: {\n    fontSize: 14,\n    color: '#03BCD4',\n    '&:hover': {\n      cursor: 'pointer',\n      textDecoration: 'underline',\n    },\n  },\n  subTitleSpace: {\n    fontSize: 14,\n    color: '#03BCD4',\n  },\n  titleArea: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  closeIconButton: {\n    fontSize: 20,\n    padding: 4,\n    '&:hover $closeIcon': {\n      color: '#fff',\n    },\n  },\n  closeIcon: {\n    color: '#BDBDBD',\n  },\n  dialogActions: {\n    justifyContent: 'space-between',\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n  bottomShadow: {\n    width: '100%',\n    height: '16px',\n    backgroundImage: `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9})`,\n    position: 'absolute',\n    bottom: '52px',\n    zIndex: 2,\n  },\n  dialogActionsSmallScreen: {\n    paddingRight: '100px', // Intercom\n  },\n  dialogContent: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  tabs: {\n    background: '#414141',\n  },\n  selectedWells: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  selected: {\n    fontSize: 16,\n  },\n  selectedLabel: {\n    fontSize: 12,\n    marginLeft: 14,\n    color: 'rgba(255, 255, 255, 0.54)',\n  },\n  selectedNumber: {\n    fontSize: 12,\n    margin: 4,\n    color: 'rgba(255, 255, 255, 0.8)',\n  },\n}));\n\nconst OffsetsPickerDialog = ({\n  isOpen,\n  defaultSubjectWellId,\n  companyId,\n  offsetSetting,\n  currentUser,\n  addWellsUsabilityInfo,\n  unusableWellAlarm,\n  isAdvancedSearch,\n  bestCount,\n  onClose,\n  onSave,\n}) => {\n  const classes = useStyles();\n  const theme = useTheme();\n  const isFullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n\n  const [{ active: canViewCompanies }] = usePermissions([PERMISSIONS.companySelectorView]);\n\n  const [assetCompanyId, setAssetCompanyId] = useState(\n    companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')\n  );\n  const [subjectWellId, setSubjectWellId] = useState(\n    get(offsetSetting, 'subjectWellId') || defaultSubjectWellId\n  );\n  const [filters, setFilters] = useState(get(offsetSetting, 'filters') || DEFAULT_SETTINGS.filters);\n  const [radius, setRadius] = useState(get(offsetSetting, 'radius') || DEFAULT_SETTINGS.radius);\n  const [excludeSideTrack, setExcludeSideTrack] = useState(get(offsetSetting, 'excludeSideTrack'));\n  const [metricsKeys, setMetricsKeys] = useState([]);\n  const [sortInfo, setSortInfo] = useState(DEFAULT_SETTINGS.sortInfo);\n  const [mapHidden, setMapHidden] = useState(false);\n  const [selectedWellIds, setSelectedWellIds] = useState([]);\n\n  useEffect(() => {\n    if (isOpen) {\n      setSelectedWellIds(get(offsetSetting, 'selectedWellIds') || []);\n      setAssetCompanyId(\n        companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')\n      );\n      setSubjectWellId(get(offsetSetting, 'subjectWellId') || defaultSubjectWellId);\n    }\n  }, [isOpen, offsetSetting]);\n\n  const isRadiusEditable = useMemo(() => {\n    return !!subjectWellId;\n  }, [subjectWellId]);\n\n  // NOTE: Fetch all companies\n  const companies = useCompanies(\n    canViewCompanies,\n    isAdvancedSearch && defaultSubjectWellId,\n    assetCompanyId\n  );\n\n  // NOTE: fetch all wells for the currently selected company\n  const wells = useWells(assetCompanyId, addWellsUsabilityInfo);\n\n  // Note: fetch company metric key\n  const companyMetricKey = useCompanyMetricKey(assetCompanyId);\n\n  useEffect(() => {\n    setMetricsKeys(prev => {\n      return companyMetricKey ? [companyMetricKey] : prev;\n    });\n  }, [companyMetricKey]);\n\n  // NOTE: Get available options for every filters\n  const filtersOptions = useBidirectionalFiltering(filters, wells);\n\n  // NOTE: Filter wells by target formation, string design, program, basin, county, area\n  const filteredWells = useFilteredWells(filters, excludeSideTrack, wells);\n\n  // NOTE: get subject well from id\n  const subjectWell = useMemo(() => {\n    return filteredWells && subjectWellId\n      ? filteredWells.find(well => well.id === subjectWellId)\n      : null;\n  }, [filteredWells, subjectWellId]);\n\n  // NOTE: All matched wells regardless of is_usable field\n  const filteredWellsWithCoords = useWellsWithCoords(filteredWells, subjectWell);\n\n  // NOTE: Update selectedWellIds by radius\n  useRadiusWells(radius, filteredWellsWithCoords, setSelectedWellIds);\n\n  // NOTE: Get offset wells (only usable wells)\n  const offsetWells = useOffsetWells(radius, wells, selectedWellIds);\n\n  // NOTE: Fetch metrics for all filtered wells\n  const [isMetricsLoading, filteredWellsWithMetric] = useMetricsData(\n    assetCompanyId,\n    filteredWellsWithCoords\n  );\n\n  // NOTE: Sort wells by focused metric\n  const sortedFilteredWells = useMemo(() => {\n    if (!filteredWellsWithMetric) {\n      return filteredWellsWithMetric;\n    }\n\n    return orderBy(\n      filteredWellsWithMetric,\n      sortInfo.key,\n      sortInfo.direction === 1 ? 'asc' : 'desc'\n    );\n  }, [sortInfo, filteredWellsWithMetric]);\n\n  const handleChangeCompany = useCallback(newCompanyId => {\n    setAssetCompanyId(newCompanyId);\n    setSubjectWellId(null);\n    setSelectedWellIds([]);\n    setFilters(DEFAULT_SETTINGS.filters);\n  }, []);\n\n  const handleAddOffsetWell = useCallback(\n    targetId => {\n      // Do not allow to add unusuable wells\n      const currentWell = filteredWells.find(well => well.id === targetId);\n      if (!currentWell || !currentWell.is_usable) {\n        return;\n      }\n\n      setSelectedWellIds(uniq(selectedWellIds.concat(targetId)));\n    },\n    [selectedWellIds, filteredWells]\n  );\n\n  const handleDeleteOffsetWell = useCallback(\n    targetId => {\n      setSelectedWellIds(uniq(selectedWellIds.filter(wellId => wellId !== targetId)));\n    },\n    [selectedWellIds]\n  );\n\n  const handleAddAllOffsetWells = useCallback(() => {\n    setSelectedWellIds(filteredWells.filter(well => well.is_usable).map(well => well.id));\n  }, [filteredWells]);\n\n  const handleDeleteAllOffsetWells = useCallback(() => {\n    setSelectedWellIds([]);\n  }, [filteredWells]);\n\n  const handleSetSubjectWell = useCallback(\n    targetId => {\n      setSelectedWellIds([]);\n      setSubjectWellId(targetId);\n    },\n    [wells]\n  );\n\n  const handleRemoveSubjectWell = useCallback(() => {\n    setSelectedWellIds([]);\n    setSubjectWellId(null);\n  }, []);\n\n  const handleChangeRadius = useCallback(newRadius => {\n    setRadius(newRadius);\n  }, []);\n\n  const handleChangeSidetrack = useCallback(checked => {\n    setExcludeSideTrack(checked);\n  }, []);\n\n  const handleChangeFilters = useCallback((key, newValues) => {\n    setFilters(prev => ({ ...prev, [key]: newValues }));\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleClearFilters = useCallback(() => {\n    setFilters({ ...DEFAULT_SETTINGS.filters });\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleToggleMap = useCallback(() => {\n    setMapHidden(value => !value);\n  }, []);\n\n  const handleChangeMetricsKeys = useCallback(newMetricsKeys => {\n    setMetricsKeys(newMetricsKeys);\n  }, []);\n\n  // NOTE: Use column index to determine which metric is used for sorting\n  const handleSorting = useCallback(newKey => {\n    setSortInfo(prevInfo => {\n      return prevInfo.key === newKey\n        ? {\n            ...prevInfo,\n            direction: prevInfo.direction * -1,\n          }\n        : {\n            key: newKey,\n            direction: 1,\n          };\n    });\n  }, []);\n\n  const handleClose = () => {\n    onClose();\n  };\n\n  const handleSave = () => {\n    const setting = {\n      ...offsetSetting,\n      companyId: assetCompanyId,\n      subjectWellId,\n      radius,\n      excludeSideTrack,\n      filters,\n      selectedWellIds: uniq(offsetWells.map(offsetWell => offsetWell.id)),\n    };\n\n    onSave(setting, offsetWells);\n  };\n\n  const isLoading =\n    !wells ||\n    !filteredWells ||\n    !filteredWellsWithCoords ||\n    !filteredWellsWithMetric ||\n    !offsetWells ||\n    !sortedFilteredWells;\n\n  return (\n    <Dialog\n      onBackdropClick={onClose}\n      onEscapeKeyDown={onClose}\n      maxWidth=\"lg\"\n      fullWidth\n      fullScreen={isFullScreen}\n      open={isOpen}\n    >\n      <DialogTitle>\n        <div className={classes.dialogTitles}>\n          {!isAdvancedSearch ? (\n            <Typography className={classes.title}>Select Offset Wells</Typography>\n          ) : (\n            <div className={classes.titleArea}>\n              <Typography className={classes.subTitle} onClick={handleClose}>\n                Select Offset Wells\n              </Typography>\n              <Typography className={classes.subTitleSpace}>&nbsp;/&nbsp;</Typography>\n              <Typography className={classes.title}>Advanced Search</Typography>\n            </div>\n          )}\n          <Tooltip title=\"Close\">\n            <IconButton\n              data-not-migrated-muiiconbutton\n              aria-label=\"close\"\n              className={classes.closeIconButton}\n              onClick={onClose}\n            >\n              <CloseIcon className={classes.closeIcon} />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </DialogTitle>\n      <DialogContent className={classes.dialogContent}>\n        {!isLoading ? (\n          <>\n            <Filter\n              companyId={assetCompanyId}\n              companies={companies}\n              canViewCompanies={canViewCompanies}\n              radius={radius}\n              excludeSideTrack={excludeSideTrack || false}\n              wells={filteredWells}\n              subjectWell={subjectWell}\n              filters={filters}\n              filtersOptions={filtersOptions}\n              mapHidden={mapHidden}\n              isRadiusEditable={isRadiusEditable}\n              onChangeCompany={handleChangeCompany}\n              onSetSubjectWell={handleSetSubjectWell}\n              onChangeRadius={handleChangeRadius}\n              onChangeSidetrack={handleChangeSidetrack}\n              onChangeFilters={handleChangeFilters}\n              onClearFilters={handleClearFilters}\n              onToggleMap={handleToggleMap}\n            />\n            <WellsMap\n              subjectWell={subjectWell}\n              wells={filteredWells}\n              offsetWells={offsetWells}\n              radius={radius}\n              mapHidden={mapHidden}\n              onSetSubjectWell={handleSetSubjectWell}\n              onRemoveSubjectWell={handleRemoveSubjectWell}\n              onAddOffsetWell={handleAddOffsetWell}\n              onDeleteOffsetWell={handleDeleteOffsetWell}\n            />\n\n            <WellsTable\n              subjectWell={subjectWell}\n              wells={sortedFilteredWells}\n              offsetWells={offsetWells}\n              metricsKeys={metricsKeys}\n              sortInfo={sortInfo}\n              isMetricsLoading={isMetricsLoading}\n              unusableWellAlarm={unusableWellAlarm}\n              onChangeMetricsKeys={handleChangeMetricsKeys}\n              onSorting={handleSorting}\n              onAddOffsetWell={handleAddOffsetWell}\n              onDeleteOffsetWell={handleDeleteOffsetWell}\n              onAddAllOffsetWells={handleAddAllOffsetWells}\n              onDeleteAllOffsetWells={handleDeleteAllOffsetWells}\n            />\n          </>\n        ) : (\n          <LoadingIndicator fullscreen={false} />\n        )}\n      </DialogContent>\n      <div className={classes.bottomShadow} />\n      <DialogActions\n        className={classnames(classes.dialogActions, {\n          [classes.dialogActionsSmallScreen]: isFullScreen,\n        })}\n      >\n        {isAdvancedSearch ? (\n          <div className={classes.selectedWells}>\n            <Typography className={classes.selected}>Selected:</Typography>\n            <Typography className={classes.selectedLabel}>Best:</Typography>\n            <Typography className={classes.selectedNumber}>{bestCount}</Typography>\n            <Typography className={classes.selectedLabel}>Advanced Search:</Typography>\n            <Typography className={classes.selectedNumber}>{offsetWells?.length || 0}</Typography>\n          </div>\n        ) : (\n          <div />\n        )}\n        <div>\n          <Button onClick={handleClose} color=\"primary\" style={{ marginRight: 16 }}>\n            CANCEL\n          </Button>\n          <Button variant=\"contained\" color=\"primary\" onClick={handleSave}>\n            ADD ({offsetWells?.length || 0})\n          </Button>\n        </div>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nOffsetsPickerDialog.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  defaultSubjectWellId: PropTypes.number,\n  companyId: PropTypes.number,\n  offsetSetting: PropTypes.shape({}).isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  addWellsUsabilityInfo: PropTypes.func, // update offset wells usability info in specific apps (\"is_usable\" field)\n  unusableWellAlarm: PropTypes.string,\n  isAdvancedSearch: PropTypes.bool,\n  bestCount: PropTypes.number,\n  onSave: PropTypes.func.isRequired,\n  onClose: PropTypes.func.isRequired,\n};\n\nOffsetsPickerDialog.defaultProps = {\n  defaultSubjectWellId: null,\n  companyId: null,\n  addWellsUsabilityInfo: null,\n  unusableWellAlarm: 'Unable to add',\n  isAdvancedSearch: false,\n  bestCount: 0,\n};\n\nexport default memo(OffsetsPickerDialog);\n"],"names":["useStyles","makeStyles","theme","dialogTitles","display","justifyContent","alignItems","title","fontSize","subTitle","color","cursor","textDecoration","subTitleSpace","titleArea","closeIconButton","padding","closeIcon","dialogActions","paddingTop","paddingBottom","bottomShadow","width","height","backgroundImage","palette","background","b9","position","bottom","zIndex","dialogActionsSmallScreen","paddingRight","dialogContent","flexDirection","tabs","selectedWells","selected","selectedLabel","marginLeft","selectedNumber","margin","OffsetsPickerDialog","isOpen","defaultSubjectWellId","companyId","offsetSetting","currentUser","addWellsUsabilityInfo","unusableWellAlarm","isAdvancedSearch","bestCount","onClose","onSave","classes","useTheme","isFullScreen","useMediaQuery","breakpoints","down","usePermissions","PERMISSIONS","companySelectorView","canViewCompanies","active","useState","get","assetCompanyId","setAssetCompanyId","subjectWellId","setSubjectWellId","DEFAULT_SETTINGS","filters","setFilters","radius","setRadius","excludeSideTrack","setExcludeSideTrack","metricsKeys","setMetricsKeys","sortInfo","setSortInfo","mapHidden","setMapHidden","selectedWellIds","setSelectedWellIds","useEffect","isRadiusEditable","useMemo","companies","useCompanies","wells","useWells","companyMetricKey","useCompanyMetricKey","prev","filtersOptions","useBidirectionalFiltering","filteredWells","useFilteredWells","subjectWell","find","well","id","filteredWellsWithCoords","useWellsWithCoords","useRadiusWells","offsetWells","useOffsetWells","useMetricsData","isMetricsLoading","filteredWellsWithMetric","sortedFilteredWells","orderBy","key","direction","handleChangeCompany","useCallback","newCompanyId","handleAddOffsetWell","targetId","currentWell","is_usable","uniq","concat","handleDeleteOffsetWell","filter","wellId","handleAddAllOffsetWells","map","handleDeleteAllOffsetWells","handleSetSubjectWell","handleRemoveSubjectWell","handleChangeRadius","newRadius","handleChangeSidetrack","checked","handleChangeFilters","newValues","handleClearFilters","handleToggleMap","value","handleChangeMetricsKeys","newMetricsKeys","handleSorting","newKey","prevInfo","handleClose","handleSave","setting","offsetWell","isLoading","_jsxs","_jsx","classnames","length","marginRight","propTypes","PropTypes","bool","isRequired","number","shape","func","string","defaultProps","memo"],"mappings":"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"}

package/components/OffsetWellPickerV2/components/Filter/ClearFiltersButton.js

@@ -1 +1,54 @@
-import r from"prop-types";import e from"@material-ui/icons/Clear";import{makeStyles as t}from"@material-ui/core/styles";import{Typography as a}from"@material-ui/core";import{jsxs as o,jsx as i}from"react/jsx-runtime";var l=t((function(r){return{wrapper:{display:"flex",alignItems:"flex-end",height:"56px",marginBottom:"12px",cursor:"pointer","&:hover $clearText":{color:r.palette.primary.text1},"&:hover $clearIcon":{color:r.palette.primary.text1}},clearText:{color:r.palette.primary.text6},clearIcon:{color:r.palette.primary.text6,marginLeft:"16px",marginRight:"5px"}}}));function p(r){var t=r.onClick,p=l();return o("div",{className:p.wrapper,onClick:t,children:[i(e,{className:p.clearIcon}),i(a,{className:p.clearText,children:"Clear"})]})}p.propTypes={onClick:r.func.isRequired,classes:r.shape({}).isRequired};export{p as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Typography } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import { makeStyles } from '@material-ui/core/styles';
+import ClearIcon from '@material-ui/icons/Clear';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    wrapper: {
+      display: 'flex',
+      alignItems: 'flex-end',
+      height: '56px',
+      marginBottom: '12px',
+      cursor: 'pointer',
+      '&:hover $clearText': {
+        color: theme.palette.primary.text1
+      },
+      '&:hover $clearIcon': {
+        color: theme.palette.primary.text1
+      }
+    },
+    clearText: {
+      color: theme.palette.primary.text6
+    },
+    clearIcon: {
+      color: theme.palette.primary.text6,
+      marginLeft: '16px',
+      marginRight: '5px'
+    }
+  };
+});
+
+function ClearFiltersButton(_ref) {
+  var onClick = _ref.onClick;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    onClick: onClick,
+    children: [/*#__PURE__*/jsx(ClearIcon, {
+      className: classes.clearIcon
+    }), /*#__PURE__*/jsx(Typography, {
+      className: classes.clearText,
+      children: "Clear"
+    })]
+  });
+}
+
+ClearFiltersButton.propTypes = {
+  onClick: PropTypes.func.isRequired,
+  classes: PropTypes.shape({}).isRequired
+};
+
+export default ClearFiltersButton;
+//# sourceMappingURL=ClearFiltersButton.js.map

package/components/OffsetWellPickerV2/components/Filter/ClearFiltersButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearFiltersButton.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Filter/ClearFiltersButton.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    alignItems: 'flex-end',\n    height: '56px',\n    marginBottom: '12px',\n    cursor: 'pointer',\n    '&:hover $clearText': {\n      color: theme.palette.primary.text1,\n  },\n    '&:hover $clearIcon': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  clearText: {\n    color: theme.palette.primary.text6,\n  },\n  clearIcon: {\n    color: theme.palette.primary.text6,\n    marginLeft: '16px',\n    marginRight: '5px',\n  },\n}));\n\nfunction ClearFiltersButton({ onClick }) {\n  const classes = useStyles();\n  return (\n    <div className={classes.wrapper} onClick={onClick}>\n      <ClearIcon className={classes.clearIcon} />\n      <Typography className={classes.clearText}>Clear</Typography>\n    </div>\n  );\n}\n\nClearFiltersButton.propTypes = {\n  onClick: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nexport default ClearFiltersButton;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","alignItems","height","marginBottom","cursor","color","palette","primary","text1","clearText","text6","clearIcon","marginLeft","marginRight","ClearFiltersButton","onClick","classes","_jsxs","_jsx","propTypes","PropTypes","func","isRequired","shape"],"mappings":";;;;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,UAAU,EAAE,UAFL;AAGPC,MAAAA,MAAM,EAAE,MAHD;AAIPC,MAAAA,YAAY,EAAE,MAJP;AAKPC,MAAAA,MAAM,EAAE,SALD;AAMP,4BAAsB;AACpBC,QAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBC;AADT,OANf;AASP,4BAAsB;AACpBH,QAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBC;AADT;AATf,KAD4B;AAcrCC,IAAAA,SAAS,EAAE;AACTJ,MAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBG;AADpB,KAd0B;AAiBrCC,IAAAA,SAAS,EAAE;AACTN,MAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBG,KADpB;AAETE,MAAAA,UAAU,EAAE,MAFH;AAGTC,MAAAA,WAAW,EAAE;AAHJ;AAjB0B,GAAL;AAAA,CAAN,CAA5B;;AAwBA,SAASC,kBAAT,OAAyC;AAAA,MAAXC,OAAW,QAAXA,OAAW;AACvC,MAAMC,OAAO,GAAGpB,SAAS,EAAzB;AACA,sBACEqB;AAAK,IAAA,SAAS,EAAED,OAAO,CAACjB,OAAxB;AAAiC,IAAA,OAAO,EAAEgB,OAA1C;AAAA,4BACEG,IAAC,SAAD;AAAW,MAAA,SAAS,EAAEF,OAAO,CAACL;AAA9B,MADF,eAEEO,IAAC,UAAD;AAAY,MAAA,SAAS,EAAEF,OAAO,CAACP,SAA/B;AAAA;AAAA,MAFF;AAAA,IADF;AAMD;;AAEDK,kBAAkB,CAACK,SAAnB,GAA+B;AAC7BJ,EAAAA,OAAO,EAAEK,SAAS,CAACC,IAAV,CAAeC,UADK;AAE7BN,EAAAA,OAAO,EAAEI,SAAS,CAACG,KAAV,CAAgB,EAAhB,EAAoBD;AAFA,CAA/B;;;;"}