npm - @corva/ui - Versions diffs - 3.73.0-7 → 3.74.0-0 - Mend

@corva/ui 3.73.0-7 → 3.74.0-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1103) hide show

package/components/OffsetWellChips/types.d.ts CHANGED Viewed

@@ -3,11 +3,11 @@ export interface ChipProps<T> {
     title: string;
     isSubject?: boolean;
     maxWidth?: number;
-    onClick?: (e: MouseEvent<HTMLDivElement>, wellId: T) => void;
-    markColor?: string;
-    rigName?: string;
+    onClick?: ((e: MouseEvent<HTMLDivElement>, wellId: T) => void) | null;
+    markColor?: string | null;
+    rigName?: string | null;
     wellId: T;
-    onRemoveOffsetWell?: (wellId: T) => void;
+    onRemoveOffsetWell?: ((wellId: T) => void) | null;
     isShowMark?: boolean;
 }
 export interface ChipsContainerProps<T> {

package/components/OffsetWellChips/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellChips/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;~~IAC7D~~,SAAS,CAAC,EAAE,MAAM,CAAC;~~IACnB~~,OAAO,CAAC,EAAE,MAAM,CAAC;~~IACjB~~,MAAM,EAAE,CAAC,CAAC;IACV,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;~~IACzC~~,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1E,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACrB"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellChips/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,CAAC,CAAC;IACV,kBAAkB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1E,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACrB"}

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.d.ts CHANGED Viewed

@@ -1,18 +1,18 @@
 import PropTypes from 'prop-types';
 declare const OffsetsPickerDialog: {
     ({ isOpen, defaultSubjectWellId, companyId, offsetSetting, currentUser, addWellsUsabilityInfo, unusableWellAlarm, isAdvancedSearch, bestCount, maxOffsetSize, onClose, onSave, }: {
-        addWellsUsabilityInfo: any;
-        bestCount: any;
-        companyId: any;
+        addWellsUsabilityInfo?: null | undefined;
+        bestCount?: number | undefined;
+        companyId?: null | undefined;
         currentUser: any;
-        defaultSubjectWellId: any;
-        isAdvancedSearch: any;
+        defaultSubjectWellId?: null | undefined;
+        isAdvancedSearch?: boolean | undefined;
         isOpen: any;
-        maxOffsetSize: any;
+        maxOffsetSize?: number | undefined;
         offsetSetting: any;
         onClose: any;
         onSave: any;
-        unusableWellAlarm: any;
+        unusableWellAlarm?: string | undefined;
     }): import("react").JSX.Element;
     propTypes: {
         isOpen: PropTypes.Validator<boolean>;
@@ -28,15 +28,6 @@ declare const OffsetsPickerDialog: {
         onSave: PropTypes.Validator<(...args: any[]) => any>;
         onClose: PropTypes.Validator<(...args: any[]) => any>;
     };
-    defaultProps: {
-        defaultSubjectWellId: null;
-        companyId: null;
-        addWellsUsabilityInfo: null;
-        unusableWellAlarm: string;
-        isAdvancedSearch: boolean;
-        bestCount: number;
-        maxOffsetSize: number;
-    };
 };
 declare const _default: import("react").MemoExoticComponent<typeof OffsetsPickerDialog>;
 export default _default;

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OffsetWellPickerDialog.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellPickerV2/OffsetWellPickerDialog.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAqHnC,QAAA,MAAM,mBAAmB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CAqYxB,CAAC"}
1	+ {"version":3,"file":"OffsetWellPickerDialog.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellPickerV2/OffsetWellPickerDialog.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAqHnC,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqYxB,CAAC"}

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{memo as n,useState as i,useEffect as o,useMemo as s,useCallback as r}from"react";import l from"prop-types";import{get as c,orderBy as a,uniq as m}from"lodash";import{makeStyles as d,Dialog as u,DialogTitle as p,Typography as f,Tooltip as b,IconButton as g,DialogContent as j,DialogActions as h,Button as y}from"@material-ui/core";import S from"@material-ui/icons/Close";import{useTheme as C}from"@material-ui/core/styles";import v from"@material-ui/core/useMediaQuery";import W from"classnames";import O from"./components/Filter/index.js";import I from"./components/Map/index.js";import x from"./components/Table/index.js";import{useCompanies as A,useWells as N,useCompanyMetricKey as D,useWellsWithCoords as P,useRadiusWells as k,useOffsetWells as w,useMetricsData as T}from"./effects/index.js";import{getFilteredWells as B,getFilteredWellsByNonEngineered as E}from"./utils/index.js";import{DEFAULT_SETTINGS as z}from"./constants.js";import R from"../LoadingIndicator/LoadingIndicator.js";import L from"../../permissions/usePermissions.js";import{PERMISSIONS as q}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"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../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"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import{useGlobalOffsetWellsSync as M}from"../../effects/useGlobalOffsetWellsSync.js";import{jsxs as U,jsx as _,Fragment as V}from"react/jsx-runtime";import F from"./effects/biDirectionalFiltering.js";function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function H(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?G(Object(i),!0).forEach((function(n){e(t,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):G(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var K=d((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)"}}})),Q=function(n){var l=n.isOpen,d=n.defaultSubjectWellId,G=n.companyId,Q=n.offsetSetting,$=n.currentUser,J=n.addWellsUsabilityInfo,X=n.unusableWellAlarm,Y=n.isAdvancedSearch,Z=n.bestCount,ee=n.maxOffsetSize,te=n.onClose,ne=n.onSave,ie=K(),oe=C(),se=v(oe.breakpoints.down("sm")),re=L([q.companySelectorView]),le=t(re,1)[0].active,ce=i(G||c(Q,"companyId")||+c($,"company_id")),ae=t(ce,2),me=ae[0],de=ae[1],ue=i(c(Q,"subjectWellId")||d),pe=t(ue,2),fe=pe[0],be=pe[1];M(Q,ne,ee);var ge=i(c(Q,"filters")||z.filters),je=t(ge,2),he=je[0],ye=je[1],Se=i(c(Q,"radius")||z.radius),Ce=t(Se,2),ve=Ce[0],We=Ce[1],Oe=i(c(Q,"excludeSideTrack")||!1),Ie=t(Oe,2),xe=Ie[0],Ae=Ie[1],Ne=i(c(Q,"includeNonEngineeredWells")||!1),De=t(Ne,2),Pe=De[0],ke=De[1],we=i([]),Te=t(we,2),Be=Te[0],Ee=Te[1],ze=i(z.sortInfo),Re=t(ze,2),Le=Re[0],qe=Re[1],Me=i(!1),Ue=t(Me,2),_e=Ue[0],Ve=Ue[1],Fe=i([]),Ge=t(Fe,2),He=Ge[0],Ke=Ge[1];o((function(){l&&(Ke(c(Q,"selectedWellIds")||[]),de(G||c(Q,"companyId")||+c($,"company_id")),be(c(Q,"subjectWellId")||d))}),[l,Q]);var Qe=s((function(){return!!fe}),[fe]),$e=A(le,Y&&d,me),Je=N(me,J),Xe=D(me);o((function(){Ee((function(e){return Xe?[Xe]:e}))}),[Xe]);var Ye=F(he,Je),Ze=s((function(){return B(he,xe,Je)}),[he,xe,Je]),et=s((function(){return E(Ze,Pe)}),[Ze,Pe]),tt=s((function(){return et&&fe?et.find((function(e){return e.id===fe})):null}),[et,fe]),nt=P(Ze,tt),it=s((function(){return E(nt,!1)}),[nt]),ot=Pe?nt:it,st=nt&&nt.length!==it.length;k(ve,nt,Ke);var rt=w(ve,Je,He),lt=T(me,ot),ct=t(lt,2),at=ct[0],mt=ct[1],dt=s((function(){return mt?a(mt,Le.key,1===Le.direction?"asc":"desc"):mt}),[Le,mt]),ut=r((function(e){de(e),be(null),Ke([]),ye(z.filters)}),[]),pt=r((function(e){var t=et.find((function(t){return t.id===e}));t&&t.is_usable&&Ke(m(He.concat(e)))}),[He,et]),ft=r((function(e){Ke(m(He.filter((function(t){return t!==e}))))}),[He]),bt=r((function(){Ke(et.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[et]),gt=r((function(){Ke([])}),[]),jt=r((function(e){Ke([]),be(e)}),[Je]),ht=r((function(){Ke([]),be(null)}),[]),yt=r((function(e){We(e)}),[]),St=r((function(e){Ae(e)}),[]),Ct=r((function(e){e||Ke((function(e){return e.filter((function(e){return it.map((function(e){return e.id})).includes(e)}))})),ke(e)}),[it]),vt=r((function(t,n){ye((function(i){return H(H({},i),{},e({},t,n))})),Ke([])}),[]),Wt=r((function(){ye(H({},z.filters)),Ke([])}),[]),Ot=r((function(){Ve((function(e){return!e}))}),[]),It=r((function(e){Ee(e)}),[]),xt=r((function(e){qe((function(t){return t.key===e?H(H({},t),{},{direction:-1*t.direction}):{key:e,direction:1}}))}),[]),At=function(){te()},Nt=!(Je&&et&&ot&&mt&&rt&&dt);return U(u,{onBackdropClick:te,onEscapeKeyDown:te,maxWidth:"lg",fullWidth:!0,fullScreen:se,open:l,children:[_(p,{children:U("div",{className:ie.dialogTitles,children:[Y?U("div",{className:ie.titleArea,children:[_(f,{className:ie.subTitle,onClick:At,children:"Select Offset Wells"}),_(f,{className:ie.subTitleSpace,children:" / "}),_(f,{className:ie.title,children:"Advanced Search"})]}):_(f,{className:ie.title,children:"Select Offset Wells"}),_(b,{title:"Close",children:_(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:ie.closeIconButton,onClick:te,children:_(S,{className:ie.closeIcon})})})]})}),_(j,{className:ie.dialogContent,children:Nt?_(R,{fullscreen:!1}):U(V,{children:[_(O,{companyId:me,companies:$e,canViewCompanies:le,radius:ve,excludeSideTrack:xe,includeNonEngineeredWells:Pe,wells:et,subjectWell:tt,filters:he,filtersOptions:Ye,mapHidden:_e,isRadiusEditable:Qe,isExistNonEngineeredWells:st,onChangeCompany:ut,onSetSubjectWell:jt,onChangeRadius:yt,onChangeSidetrack:St,onChangeNonEngineeredWells:Ct,onChangeFilters:vt,onClearFilters:Wt,onToggleMap:Ot}),_(I,{subjectWell:tt,wells:et,offsetWells:rt,radius:ve,mapHidden:_e,onSetSubjectWell:jt,onRemoveSubjectWell:ht,onAddOffsetWell:pt,onDeleteOffsetWell:ft}),_(x,{subjectWell:tt,wells:dt,offsetWells:rt,metricsKeys:Be,sortInfo:Le,isMetricsLoading:at,unusableWellAlarm:X,onChangeMetricsKeys:It,onSorting:xt,onAddOffsetWell:pt,onDeleteOffsetWell:ft,onAddAllOffsetWells:bt,onDeleteAllOffsetWells:gt})]})}),_("div",{className:ie.bottomShadow}),U(h,{className:W(ie.dialogActions,e({},ie.dialogActionsSmallScreen,se)),children:[Y?U("div",{className:ie.selectedWells,children:[_(f,{className:ie.selected,children:"Selected:"}),_(f,{className:ie.selectedLabel,children:"Best:"}),_(f,{className:ie.selectedNumber,children:Z}),_(f,{className:ie.selectedLabel,children:"Advanced Search:"}),_(f,{className:ie.selectedNumber,children:(null==rt?void 0:rt.length)||0})]}):_("div",{}),U("div",{children:[_(y,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:At,color:"primary",style:{marginRight:16},children:"CANCEL"}),U(y,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=H(H({},Q),{},{companyId:me,subjectWellId:fe,radius:ve,excludeSideTrack:xe,includeNonEngineeredWells:Pe,filters:he,selectedWellIds:m(rt.map((function(e){return e.id})))});ne(e,rt)},children:["ADD (",(null==rt?void 0:rt.length)||0,")"]})]})]})]})};Q.propTypes={isOpen:l.bool.isRequired,defaultSubjectWellId:l.number,companyId:l.number,offsetSetting:l.shape({}).isRequired,currentUser:l.shape({}).isRequired,addWellsUsabilityInfo:l.func,unusableWellAlarm:l.string,isAdvancedSearch:l.bool,bestCount:l.number,maxOffsetSize:l.number,onSave:l.func.isRequired,onClose:l.func.isRequired},Q.defaultProps={defaultSubjectWellId:null,companyId:null,addWellsUsabilityInfo:null,unusableWellAlarm:"Unable to add",isAdvancedSearch:!1,bestCount:0,maxOffsetSize:1e3};var $=n(Q);export{$ as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{memo as n,useState as i,useEffect as o,useMemo as s,useCallback as r}from"react";import l from"prop-types";import{get as c,orderBy as a,uniq as m}from"lodash";import{makeStyles as d,Dialog as u,DialogTitle as p,Typography as f,Tooltip as b,IconButton as g,DialogContent as j,DialogActions as h,Button as y}from"@material-ui/core";import S from"@material-ui/icons/Close";import{useTheme as v}from"@material-ui/core/styles";import C from"@material-ui/core/useMediaQuery";import W from"classnames";import O from"./components/Filter/index.js";import x from"./components/Map/index.js";import A from"./components/Table/index.js";import{useCompanies as I,useWells as N,useCompanyMetricKey as D,useWellsWithCoords as k,useRadiusWells as w,useOffsetWells as P,useMetricsData as T}from"./effects/index.js";import{getFilteredWells as B,getFilteredWellsByNonEngineered as E}from"./utils/index.js";import{DEFAULT_SETTINGS as z}from"./constants.js";import R from"../LoadingIndicator/LoadingIndicator.js";import L from"../../permissions/usePermissions.js";import{PERMISSIONS as q}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"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../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"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import{useGlobalOffsetWellsSync as M}from"../../effects/useGlobalOffsetWellsSync.js";import{jsxs as _,jsx as U,Fragment as V}from"react/jsx-runtime";import F from"./effects/biDirectionalFiltering.js";function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function H(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?G(Object(i),!0).forEach((function(n){e(t,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):G(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var K=d((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)"}}})),Q=function(n){var l=n.isOpen,d=n.defaultSubjectWellId,G=void 0===d?null:d,Q=n.companyId,$=void 0===Q?null:Q,J=n.offsetSetting,X=n.currentUser,Y=n.addWellsUsabilityInfo,Z=void 0===Y?null:Y,ee=n.unusableWellAlarm,te=void 0===ee?"Unable to add":ee,ne=n.isAdvancedSearch,ie=void 0!==ne&&ne,oe=n.bestCount,se=void 0===oe?0:oe,re=n.maxOffsetSize,le=void 0===re?1e3:re,ce=n.onClose,ae=n.onSave,me=K(),de=v(),ue=C(de.breakpoints.down("sm")),pe=L([q.companySelectorView]),fe=t(pe,1)[0].active,be=i($||c(J,"companyId")||+c(X,"company_id")),ge=t(be,2),je=ge[0],he=ge[1],ye=i(c(J,"subjectWellId")||G),Se=t(ye,2),ve=Se[0],Ce=Se[1];M(J,ae,le);var We=i(c(J,"filters")||z.filters),Oe=t(We,2),xe=Oe[0],Ae=Oe[1],Ie=i(c(J,"radius")||z.radius),Ne=t(Ie,2),De=Ne[0],ke=Ne[1],we=i(c(J,"excludeSideTrack")||!1),Pe=t(we,2),Te=Pe[0],Be=Pe[1],Ee=i(c(J,"includeNonEngineeredWells")||!1),ze=t(Ee,2),Re=ze[0],Le=ze[1],qe=i([]),Me=t(qe,2),_e=Me[0],Ue=Me[1],Ve=i(z.sortInfo),Fe=t(Ve,2),Ge=Fe[0],He=Fe[1],Ke=i(!1),Qe=t(Ke,2),$e=Qe[0],Je=Qe[1],Xe=i([]),Ye=t(Xe,2),Ze=Ye[0],et=Ye[1];o((function(){l&&(et(c(J,"selectedWellIds")||[]),he($||c(J,"companyId")||+c(X,"company_id")),Ce(c(J,"subjectWellId")||G))}),[l,J]);var tt=s((function(){return!!ve}),[ve]),nt=I(fe,ie&&G,je),it=N(je,Z),ot=D(je);o((function(){Ue((function(e){return ot?[ot]:e}))}),[ot]);var st=F(xe,it),rt=s((function(){return B(xe,Te,it)}),[xe,Te,it]),lt=s((function(){return E(rt,Re)}),[rt,Re]),ct=s((function(){return lt&&ve?lt.find((function(e){return e.id===ve})):null}),[lt,ve]),at=k(rt,ct),mt=s((function(){return E(at,!1)}),[at]),dt=Re?at:mt,ut=at&&at.length!==mt.length;w(De,at,et);var pt=P(De,it,Ze),ft=T(je,dt),bt=t(ft,2),gt=bt[0],jt=bt[1],ht=s((function(){return jt?a(jt,Ge.key,1===Ge.direction?"asc":"desc"):jt}),[Ge,jt]),yt=r((function(e){he(e),Ce(null),et([]),Ae(z.filters)}),[]),St=r((function(e){var t=lt.find((function(t){return t.id===e}));t&&t.is_usable&&et(m(Ze.concat(e)))}),[Ze,lt]),vt=r((function(e){et(m(Ze.filter((function(t){return t!==e}))))}),[Ze]),Ct=r((function(){et(lt.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[lt]),Wt=r((function(){et([])}),[]),Ot=r((function(e){et([]),Ce(e)}),[it]),xt=r((function(){et([]),Ce(null)}),[]),At=r((function(e){ke(e)}),[]),It=r((function(e){Be(e)}),[]),Nt=r((function(e){e||et((function(e){return e.filter((function(e){return mt.map((function(e){return e.id})).includes(e)}))})),Le(e)}),[mt]),Dt=r((function(t,n){Ae((function(i){return H(H({},i),{},e({},t,n))})),et([])}),[]),kt=r((function(){Ae(H({},z.filters)),et([])}),[]),wt=r((function(){Je((function(e){return!e}))}),[]),Pt=r((function(e){Ue(e)}),[]),Tt=r((function(e){He((function(t){return t.key===e?H(H({},t),{},{direction:-1*t.direction}):{key:e,direction:1}}))}),[]),Bt=function(){ce()},Et=!(it&&lt&&dt&&jt&&pt&&ht);return _(u,{onBackdropClick:ce,onEscapeKeyDown:ce,maxWidth:"lg",fullWidth:!0,fullScreen:ue,open:l,children:[U(p,{children:_("div",{className:me.dialogTitles,children:[ie?_("div",{className:me.titleArea,children:[U(f,{className:me.subTitle,onClick:Bt,children:"Select Offset Wells"}),U(f,{className:me.subTitleSpace,children:" / "}),U(f,{className:me.title,children:"Advanced Search"})]}):U(f,{className:me.title,children:"Select Offset Wells"}),U(b,{title:"Close",children:U(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:me.closeIconButton,onClick:ce,children:U(S,{className:me.closeIcon})})})]})}),U(j,{className:me.dialogContent,children:Et?U(R,{fullscreen:!1}):_(V,{children:[U(O,{companyId:je,companies:nt,canViewCompanies:fe,radius:De,excludeSideTrack:Te,includeNonEngineeredWells:Re,wells:lt,subjectWell:ct,filters:xe,filtersOptions:st,mapHidden:$e,isRadiusEditable:tt,isExistNonEngineeredWells:ut,onChangeCompany:yt,onSetSubjectWell:Ot,onChangeRadius:At,onChangeSidetrack:It,onChangeNonEngineeredWells:Nt,onChangeFilters:Dt,onClearFilters:kt,onToggleMap:wt}),U(x,{subjectWell:ct,wells:lt,offsetWells:pt,radius:De,mapHidden:$e,onSetSubjectWell:Ot,onRemoveSubjectWell:xt,onAddOffsetWell:St,onDeleteOffsetWell:vt}),U(A,{subjectWell:ct,wells:ht,offsetWells:pt,metricsKeys:_e,sortInfo:Ge,isMetricsLoading:gt,unusableWellAlarm:te,onChangeMetricsKeys:Pt,onSorting:Tt,onAddOffsetWell:St,onDeleteOffsetWell:vt,onAddAllOffsetWells:Ct,onDeleteAllOffsetWells:Wt})]})}),U("div",{className:me.bottomShadow}),_(h,{className:W(me.dialogActions,e({},me.dialogActionsSmallScreen,ue)),children:[ie?_("div",{className:me.selectedWells,children:[U(f,{className:me.selected,children:"Selected:"}),U(f,{className:me.selectedLabel,children:"Best:"}),U(f,{className:me.selectedNumber,children:se}),U(f,{className:me.selectedLabel,children:"Advanced Search:"}),U(f,{className:me.selectedNumber,children:(null==pt?void 0:pt.length)||0})]}):U("div",{}),_("div",{children:[U(y,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:Bt,color:"primary",style:{marginRight:16},children:"CANCEL"}),_(y,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=H(H({},J),{},{companyId:je,subjectWellId:ve,radius:De,excludeSideTrack:Te,includeNonEngineeredWells:Re,filters:xe,selectedWellIds:m(pt.map((function(e){return e.id})))});ae(e,pt)},children:["ADD (",(null==pt?void 0:pt.length)||0,")"]})]})]})]})};Q.propTypes={isOpen:l.bool.isRequired,defaultSubjectWellId:l.number,companyId:l.number,offsetSetting:l.shape({}).isRequired,currentUser:l.shape({}).isRequired,addWellsUsabilityInfo:l.func,unusableWellAlarm:l.string,isAdvancedSearch:l.bool,bestCount:l.number,maxOffsetSize:l.number,onSave:l.func.isRequired,onClose:l.func.isRequired};var $=n(Q);export{$ as default};
 //# sourceMappingURL=OffsetWellPickerDialog.js.map

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
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 Filter from './components/Filter';\nimport WellsMap from './components/Map';\nimport WellsTable from './components/Table';\nimport {\n useCompanies,\n useCompanyMetricKey,\n useWells,\n useWellsWithCoords,\n useOffsetWells,\n useBidirectionalFiltering,\n useMetricsData,\n useRadiusWells,\n} from './effects';\nimport { getFilteredWells, getFilteredWellsByNonEngineered } from './utils';\nimport { DEFAULT_SETTINGS } from './constants';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport { usePermissions, PERMISSIONS } from '~/permissions';\nimport { useGlobalOffsetWellsSync } from '~/effects';\n\nconst PAGE_NAME = 'OffsetsPickerDialog';\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 maxOffsetSize,\n onClose,\n onSave,\n}) => {\n const classes = useStyles();\n const theme = useTheme();\n const isFullScreen = useMediaQuery(theme.breakpoints.down('sm'));\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\n useGlobalOffsetWellsSync(offsetSetting, onSave, maxOffsetSize, subjectWellId);\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(\n get(offsetSetting, 'excludeSideTrack') \|\| false\n );\n const [includeNonEngineeredWells, setIncludeNonEngineeredWells] = useState(\n get(offsetSetting, 'includeNonEngineeredWells') \|\| false\n );\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 initialFilteredWells = useMemo(\n () => getFilteredWells(filters, excludeSideTrack, wells),\n [filters, excludeSideTrack, wells]\n );\n\n const filteredWells = useMemo(\n () => getFilteredWellsByNonEngineered(initialFilteredWells, includeNonEngineeredWells),\n [initialFilteredWells, includeNonEngineeredWells]\n );\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(initialFilteredWells, subjectWell);\n\n const engineeredWells = useMemo(\n () => getFilteredWellsByNonEngineered(filteredWellsWithCoords, false),\n [filteredWellsWithCoords]\n );\n const filteredWellsByNonEngineered = includeNonEngineeredWells\n ? filteredWellsWithCoords\n : engineeredWells;\n const isExistNonEngineeredWells =\n filteredWellsWithCoords && filteredWellsWithCoords.length !== engineeredWells.length;\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 filteredWellsByNonEngineered\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 }, []);\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 handleChangeNonEngineeredWells = useCallback(\n checked => {\n if (!checked)\n setSelectedWellIds(prev =>\n prev.filter(item => engineeredWells.map(well => well.id).includes(item))\n );\n setIncludeNonEngineeredWells(checked);\n },\n [engineeredWells]\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 includeNonEngineeredWells,\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 !filteredWellsByNonEngineered \|\|\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}> / </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}\n includeNonEngineeredWells={includeNonEngineeredWells}\n wells={filteredWells}\n subjectWell={subjectWell}\n filters={filters}\n filtersOptions={filtersOptions}\n mapHidden={mapHidden}\n isRadiusEditable={isRadiusEditable}\n isExistNonEngineeredWells={isExistNonEngineeredWells}\n onChangeCompany={handleChangeCompany}\n onSetSubjectWell={handleSetSubjectWell}\n onChangeRadius={handleChangeRadius}\n onChangeSidetrack={handleChangeSidetrack}\n onChangeNonEngineeredWells={handleChangeNonEngineeredWells}\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\n data-testid={`${PAGE_NAME}_cancel`}\n onClick={handleClose}\n color=\"primary\"\n style={{ marginRight: 16 }}\n >\n CANCEL\n </Button>\n <Button\n data-testid={`${PAGE_NAME}_add`}\n variant=\"contained\"\n color=\"primary\"\n onClick={handleSave}\n >\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,\n unusableWellAlarm: PropTypes.string,\n isAdvancedSearch: PropTypes.bool,\n bestCount: PropTypes.number,\n maxOffsetSize: 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 maxOffsetSize: 1000, // infinite\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","concat","palette","background","b9","position","bottom","zIndex","dialogActionsSmallScreen","paddingRight","dialogContent","flexDirection","tabs","selectedWells","selected","selectedLabel","marginLeft","selectedNumber","margin","OffsetsPickerDialog","_ref","isOpen","defaultSubjectWellId","companyId","offsetSetting","currentUser","addWellsUsabilityInfo","unusableWellAlarm","isAdvancedSearch","bestCount","maxOffsetSize","onClose","onSave","classes","useTheme","isFullScreen","useMediaQuery","breakpoints","down","_usePermissions","usePermissions","PERMISSIONS","companySelectorView","canViewCompanies","_slicedToArray","active","_useState","useState","get","_useState2","assetCompanyId","setAssetCompanyId","_useState4","_useState3","subjectWellId","setSubjectWellId","useGlobalOffsetWellsSync","_useState5","DEFAULT_SETTINGS","filters","_useState6","setFilters","_useState7","radius","_useState8","setRadius","_useState10","_useState9","excludeSideTrack","setExcludeSideTrack","_useState12","_useState11","includeNonEngineeredWells","setIncludeNonEngineeredWells","_useState14","_useState13","metricsKeys","setMetricsKeys","_useState15","sortInfo","_useState16","setSortInfo","_useState18","_useState17","mapHidden","setMapHidden","_useState20","_useState19","selectedWellIds","setSelectedWellIds","useEffect","isRadiusEditable","useMemo","companies","useCompanies","wells","useWells","companyMetricKey","useCompanyMetricKey","prev","filtersOptions","useBidirectionalFiltering","initialFilteredWells","getFilteredWells","filteredWells","getFilteredWellsByNonEngineered","subjectWell","find","well","id","filteredWellsWithCoords","useWellsWithCoords","engineeredWells","filteredWellsByNonEngineered","isExistNonEngineeredWells","length","useRadiusWells","offsetWells","useOffsetWells","_useMetricsData","useMetricsData","_useMetricsData2","isMetricsLoading","filteredWellsWithMetric","sortedFilteredWells","orderBy","key","direction","handleChangeCompany","useCallback","newCompanyId","handleAddOffsetWell","targetId","currentWell","is_usable","uniq","handleDeleteOffsetWell","filter","wellId","handleAddAllOffsetWells","map","handleDeleteAllOffsetWells","handleSetSubjectWell","handleRemoveSubjectWell","handleChangeRadius","newRadius","handleChangeSidetrack","checked","handleChangeNonEngineeredWells","item","includes","handleChangeFilters","newValues","_objectSpread","_defineProperty","handleClearFilters","handleToggleMap","value","handleChangeMetricsKeys","newMetricsKeys","handleSorting","newKey","prevInfo","handleClose","isLoading","_jsxs","Dialog","onBackdropClick","onEscapeKeyDown","maxWidth","fullWidth","fullScreen","open","children","_jsx","DialogTitle","className","Typography","onClick","Tooltip","IconButton","CloseIcon","DialogContent","LoadingIndicator","fullscreen","_Fragment","Filter","onChangeCompany","onSetSubjectWell","onChangeRadius","onChangeSidetrack","onChangeNonEngineeredWells","onChangeFilters","onClearFilters","onToggleMap","WellsMap","onRemoveSubjectWell","onAddOffsetWell","onDeleteOffsetWell","WellsTable","onChangeMetricsKeys","onSorting","onAddAllOffsetWells","onDeleteAllOffsetWells","DialogActions","classnames","Button","style","marginRight","variant","setting","offsetWell","propTypes","PropTypes","bool","isRequired","number","shape","func","string","defaultProps","memo"],"mappings":"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"}
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 Filter from './components/Filter';\nimport WellsMap from './components/Map';\nimport WellsTable from './components/Table';\nimport {\n useCompanies,\n useCompanyMetricKey,\n useWells,\n useWellsWithCoords,\n useOffsetWells,\n useBidirectionalFiltering,\n useMetricsData,\n useRadiusWells,\n} from './effects';\nimport { getFilteredWells, getFilteredWellsByNonEngineered } from './utils';\nimport { DEFAULT_SETTINGS } from './constants';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport { usePermissions, PERMISSIONS } from '~/permissions';\nimport { useGlobalOffsetWellsSync } from '~/effects';\n\nconst PAGE_NAME = 'OffsetsPickerDialog';\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 = null,\n companyId = null,\n offsetSetting,\n currentUser,\n addWellsUsabilityInfo = null,\n unusableWellAlarm = 'Unable to add',\n isAdvancedSearch = false,\n bestCount = 0,\n maxOffsetSize = 1000,\n onClose,\n onSave,\n}) => {\n const classes = useStyles();\n const theme = useTheme();\n const isFullScreen = useMediaQuery(theme.breakpoints.down('sm'));\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\n useGlobalOffsetWellsSync(offsetSetting, onSave, maxOffsetSize, subjectWellId);\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(\n get(offsetSetting, 'excludeSideTrack') \|\| false\n );\n const [includeNonEngineeredWells, setIncludeNonEngineeredWells] = useState(\n get(offsetSetting, 'includeNonEngineeredWells') \|\| false\n );\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 initialFilteredWells = useMemo(\n () => getFilteredWells(filters, excludeSideTrack, wells),\n [filters, excludeSideTrack, wells]\n );\n\n const filteredWells = useMemo(\n () => getFilteredWellsByNonEngineered(initialFilteredWells, includeNonEngineeredWells),\n [initialFilteredWells, includeNonEngineeredWells]\n );\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(initialFilteredWells, subjectWell);\n\n const engineeredWells = useMemo(\n () => getFilteredWellsByNonEngineered(filteredWellsWithCoords, false),\n [filteredWellsWithCoords]\n );\n const filteredWellsByNonEngineered = includeNonEngineeredWells\n ? filteredWellsWithCoords\n : engineeredWells;\n const isExistNonEngineeredWells =\n filteredWellsWithCoords && filteredWellsWithCoords.length !== engineeredWells.length;\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 filteredWellsByNonEngineered\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 }, []);\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 handleChangeNonEngineeredWells = useCallback(\n checked => {\n if (!checked)\n setSelectedWellIds(prev =>\n prev.filter(item => engineeredWells.map(well => well.id).includes(item))\n );\n setIncludeNonEngineeredWells(checked);\n },\n [engineeredWells]\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 includeNonEngineeredWells,\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 !filteredWellsByNonEngineered \|\|\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}> / </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}\n includeNonEngineeredWells={includeNonEngineeredWells}\n wells={filteredWells}\n subjectWell={subjectWell}\n filters={filters}\n filtersOptions={filtersOptions}\n mapHidden={mapHidden}\n isRadiusEditable={isRadiusEditable}\n isExistNonEngineeredWells={isExistNonEngineeredWells}\n onChangeCompany={handleChangeCompany}\n onSetSubjectWell={handleSetSubjectWell}\n onChangeRadius={handleChangeRadius}\n onChangeSidetrack={handleChangeSidetrack}\n onChangeNonEngineeredWells={handleChangeNonEngineeredWells}\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\n data-testid={`${PAGE_NAME}_cancel`}\n onClick={handleClose}\n color=\"primary\"\n style={{ marginRight: 16 }}\n >\n CANCEL\n </Button>\n <Button\n data-testid={`${PAGE_NAME}_add`}\n variant=\"contained\"\n color=\"primary\"\n onClick={handleSave}\n >\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,\n unusableWellAlarm: PropTypes.string,\n isAdvancedSearch: PropTypes.bool,\n bestCount: PropTypes.number,\n maxOffsetSize: PropTypes.number,\n onSave: PropTypes.func.isRequired,\n onClose: PropTypes.func.isRequired,\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","concat","palette","background","b9","position","bottom","zIndex","dialogActionsSmallScreen","paddingRight","dialogContent","flexDirection","tabs","selectedWells","selected","selectedLabel","marginLeft","selectedNumber","margin","OffsetsPickerDialog","_ref","isOpen","_ref$defaultSubjectWe","defaultSubjectWellId","_ref$companyId","companyId","offsetSetting","currentUser","_ref$addWellsUsabilit","addWellsUsabilityInfo","_ref$unusableWellAlar","unusableWellAlarm","_ref$isAdvancedSearch","isAdvancedSearch","_ref$bestCount","bestCount","_ref$maxOffsetSize","maxOffsetSize","onClose","onSave","classes","useTheme","isFullScreen","useMediaQuery","breakpoints","down","_usePermissions","usePermissions","PERMISSIONS","companySelectorView","canViewCompanies","_slicedToArray","active","_useState","useState","get","_useState2","assetCompanyId","setAssetCompanyId","_useState4","_useState3","subjectWellId","setSubjectWellId","useGlobalOffsetWellsSync","_useState5","DEFAULT_SETTINGS","filters","_useState6","setFilters","_useState7","radius","_useState8","setRadius","_useState10","_useState9","excludeSideTrack","setExcludeSideTrack","_useState12","_useState11","includeNonEngineeredWells","setIncludeNonEngineeredWells","_useState14","_useState13","metricsKeys","setMetricsKeys","_useState15","sortInfo","_useState16","setSortInfo","_useState18","_useState17","mapHidden","setMapHidden","_useState20","_useState19","selectedWellIds","setSelectedWellIds","useEffect","isRadiusEditable","useMemo","companies","useCompanies","wells","useWells","companyMetricKey","useCompanyMetricKey","prev","filtersOptions","useBidirectionalFiltering","initialFilteredWells","getFilteredWells","filteredWells","getFilteredWellsByNonEngineered","subjectWell","find","well","id","filteredWellsWithCoords","useWellsWithCoords","engineeredWells","filteredWellsByNonEngineered","isExistNonEngineeredWells","length","useRadiusWells","offsetWells","useOffsetWells","_useMetricsData","useMetricsData","_useMetricsData2","isMetricsLoading","filteredWellsWithMetric","sortedFilteredWells","orderBy","key","direction","handleChangeCompany","useCallback","newCompanyId","handleAddOffsetWell","targetId","currentWell","is_usable","uniq","handleDeleteOffsetWell","filter","wellId","handleAddAllOffsetWells","map","handleDeleteAllOffsetWells","handleSetSubjectWell","handleRemoveSubjectWell","handleChangeRadius","newRadius","handleChangeSidetrack","checked","handleChangeNonEngineeredWells","item","includes","handleChangeFilters","newValues","_objectSpread","_defineProperty","handleClearFilters","handleToggleMap","value","handleChangeMetricsKeys","newMetricsKeys","handleSorting","newKey","prevInfo","handleClose","isLoading","_jsxs","Dialog","onBackdropClick","onEscapeKeyDown","maxWidth","fullWidth","fullScreen","open","children","_jsx","DialogTitle","className","Typography","onClick","Tooltip","IconButton","CloseIcon","DialogContent","LoadingIndicator","fullscreen","_Fragment","Filter","onChangeCompany","onSetSubjectWell","onChangeRadius","onChangeSidetrack","onChangeNonEngineeredWells","onChangeFilters","onClearFilters","onToggleMap","WellsMap","onRemoveSubjectWell","onAddOffsetWell","onDeleteOffsetWell","WellsTable","onChangeMetricsKeys","onSorting","onAddAllOffsetWells","onDeleteAllOffsetWells","DialogActions","classnames","Button","style","marginRight","variant","setting","offsetWell","propTypes","PropTypes","bool","isRequired","number","shape","func","string","memo"],"mappings":"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"}

package/components/OffsetWellPickerV2/components/Filter/ClearFiltersButton.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 declare function ClearFiltersButton({ onClick, 'data-testid': dataTestId }: {
-    "data-testid": any;
+    "data-testid"?: string | undefined;
     onClick: any;
 }): import("react").JSX.Element;
 declare namespace ClearFiltersButton {
@@ -9,9 +9,6 @@ declare namespace ClearFiltersButton {
         classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
         'data-testid': PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        'data-testid': string;
-    };
 }
 export default ClearFiltersButton;
 //# sourceMappingURL=ClearFiltersButton.d.ts.map

package/components/OffsetWellPickerV2/components/Filter/ClearFiltersButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ClearFiltersButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Filter/ClearFiltersButton.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AA6BnC,iBAAS,kBAAkB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,~~UAAU~~,EAAE;;;CAAA,+~~BAQjE~~;kBARQ,kBAAkB~~;;;;;;;;;;eAoBZ~~,kBAAkB"}
1	+ {"version":3,"file":"ClearFiltersButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Filter/ClearFiltersButton.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AA6BnC,iBAAS,kBAAkB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,UAAiC,EAAE;;;CAAA,+BAQxF;kBARQ,kBAAkB;;;;;;;eAgBZ,kBAAkB"}

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

@@ -1,2 +1,2 @@
-import e from"prop-types";import r 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 i,jsx as o}from"react/jsx-runtime";var l=t((function(e){return{wrapper:{display:"flex",alignItems:"flex-end",height:"56px",marginBottom:"12px",cursor:"pointer","&:hover $clearText":{color:e.palette.primary.text1},"&:hover $clearIcon":{color:e.palette.primary.text1}},clearText:{color:e.palette.primary.text6},clearIcon:{color:e.palette.primary.text6,marginLeft:"16px",marginRight:"5px"}}}));function p(e){var t=e.onClick,p=e["data-testid"],c=l();return i("div",{"data-testid":p,className:c.wrapper,onClick:t,children:[o(r,{className:c.clearIcon}),o(a,{className:c.clearText,children:"Clear"})]})}p.propTypes={onClick:e.func.isRequired,classes:e.shape({}).isRequired,"data-testid":e.string},p.defaultProps={"data-testid":"ClearFiltersButton"};export{p as default};
+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 i,jsx as o}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=r["data-testid"],c=void 0===p?"ClearFiltersButton":p,s=l();return i("div",{"data-testid":c,className:s.wrapper,onClick:t,children:[o(e,{className:s.clearIcon}),o(a,{className:s.clearText,children:"Clear"})]})}p.propTypes={onClick:r.func.isRequired,classes:r.shape({}).isRequired,"data-testid":r.string};export{p as default};
 //# sourceMappingURL=ClearFiltersButton.js.map

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

	@@ -1 +1 @@
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, 'data-testid': dataTestId }) {\n const classes = useStyles();\n return (\n <div data-testid={dataTestId} 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 'data-testid': PropTypes.string,\n};\n\~~nClearFiltersButton.defaultProps = {\n 'data-testid': 'ClearFiltersButton',\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","_ref","onClick","dataTestId","classes","_jsxs","className","children","_jsx","ClearIcon","Typography","propTypes","PropTypes","func","isRequired","shape","string"~~,"defaultProps"~~],"mappings":"yNAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,OACTC,WAAY,WACZC,OAAQ,OACRC,aAAc,OACdC,OAAQ,UACR,qBAAsB,CACpBC,MAAOP,EAAMQ,QAAQC,QAAQC,OAE/B,qBAAsB,CACpBH,MAAOP,EAAMQ,QAAQC,QAAQC,QAGjCC,UAAW,CACTJ,MAAOP,EAAMQ,QAAQC,QAAQG,OAE/BC,UAAW,CACTN,MAAOP,EAAMQ,QAAQC,QAAQG,MAC7BE,WAAY,OACZC,YAAa,OAEhB,IAED,SAASC,~~EAA2DC~~,GAAA,~~IAAtCC~~,IAAAA,~~QAAwBC~~,~~IAAf~~,~~eAC~~/BC,~~EAAUtB~~,IAChB,~~OACEuB~~,EAAA,MAAA,CAAK,cAAaF,EAAYG,UAAWF,~~EAAQnB~~,QAASiB,QAASA,~~EAAQK~~,SAAA,CACzEC,EAACC,EAAS,CAACH,UAAWF,~~EAAQP~~,~~YAC9BW~~,EAACE,EAAU,CAACJ,UAAWF,~~EAAQT~~,~~UAAUY~~,SAAA,YAG/C,~~CAEAP~~,~~EAAmBW~~,UAAY,~~CAC7BT~~,~~QAASU~~,EAAUC,KAAKC,WACxBV,QAASQ,EAAUG,MAAM,CAAA,GAAID,WAC7B,cAAeF,EAAUI~~,QAG3BhB,EAAmBiB,aAAe,CAChC,cAAe~~"}
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, 'data-testid': dataTestId = 'ClearFiltersButton' }) {\n const classes = useStyles();\n return (\n <div data-testid={dataTestId} 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 'data-testid': PropTypes.string,\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","_ref","onClick","_ref$dataTestid","dataTestId","classes","_jsxs","className","children","_jsx","ClearIcon","Typography","propTypes","PropTypes","func","isRequired","shape","string"],"mappings":"yNAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,OACTC,WAAY,WACZC,OAAQ,OACRC,aAAc,OACdC,OAAQ,UACR,qBAAsB,CACpBC,MAAOP,EAAMQ,QAAQC,QAAQC,OAE/B,qBAAsB,CACpBH,MAAOP,EAAMQ,QAAQC,QAAQC,QAGjCC,UAAW,CACTJ,MAAOP,EAAMQ,QAAQC,QAAQG,OAE/BC,UAAW,CACTN,MAAOP,EAAMQ,QAAQC,QAAQG,MAC7BE,WAAY,OACZC,YAAa,OAEhB,IAED,SAASC,EAAkFC,GAAA,IAA7DC,IAAAA,QAAOC,EAAAF,EAAE,eAAeG,aAAa,qBAAoBD,EAC/EE,EAAUvB,IAChB,OACEwB,EAAA,MAAA,CAAK,cAAaF,EAAYG,UAAWF,EAAQpB,QAASiB,QAASA,EAAQM,SAAA,CACzEC,EAACC,EAAS,CAACH,UAAWF,EAAQR,YAC9BY,EAACE,EAAU,CAACJ,UAAWF,EAAQV,UAAUa,SAAA,YAG/C,CAEAR,EAAmBY,UAAY,CAC7BV,QAASW,EAAUC,KAAKC,WACxBV,QAASQ,EAAUG,MAAM,CAAA,GAAID,WAC7B,cAAeF,EAAUI"}

package/components/OffsetWellPickerV2/components/Filter/MultiSelect.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 declare function MultiSelect({ options, currentValues, title, size, renderValue, onChange, 'data-testid': dataTestId, }: {
     currentValues: any;
-    "data-testid": any;
+    "data-testid"?: string | undefined;
     onChange: any;
     options: any;
     renderValue: any;
@@ -18,9 +18,6 @@ declare namespace MultiSelect {
         onChange: PropTypes.Validator<(...args: any[]) => any>;
         'data-testid': PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        'data-testid': string;
-    };
 }
 export default MultiSelect;
 //# sourceMappingURL=MultiSelect.d.ts.map

package/components/OffsetWellPickerV2/components/Filter/MultiSelect.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Filter/MultiSelect.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA4BnC,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,aAAa,EACb,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,aAAa,EAAE,~~UAAU~~,~~GAC1B~~;;;;;;;;CAAA,+BAiFA;kBAzFQ,WAAW~~;;;;;;;;;;;;;;eAyGL~~,WAAW"}
1	+ {"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Filter/MultiSelect.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA4BnC,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,aAAa,EACb,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,aAAa,EAAE,UAA0B,GAC1C;;;;;;;;CAAA,+BAiFA;kBAzFQ,WAAW;;;;;;;;;;;eAqGL,WAAW"}

package/components/OffsetWellPickerV2/components/Filter/MultiSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as r}from"react";import i from"prop-types";import{makeStyles as a,FormControl as n,InputLabel as o,Select as c,MenuItem as l,Checkbox as s,ListItemText as u,Divider as d}from"@material-ui/core";import{jsxs as m,jsx as p}from"react/jsx-runtime";var f=a({checkBox:{color:"grey",paddingLeft:0},formControl:{marginLeft:10,marginTop:8,width:function(e){return e.size}},listItemPrimaryText:{color:"#fff"},paper:{backgroundColor:"#414141"}});function h(i){var a=i.options,h=i.currentValues,g=i.title,y=i.size,x=i.renderValue,k=i.onChange,v=i["data-testid"],C=t([]),q=e(C,2),P=q[0],R=q[1],T=t(!1),_=e(T,2),V=_[0],b=_[1],w=t(!1),z=e(w,2),I=z[0],N=z[1],O=f({size:y});r((function(){R(h.filter((function(e){return a.includes(e)})))}),[h,a]);return m(n,{className:O.formControl,children:[p(o,{shrink:!0,htmlFor:"c-owp-multi-select-".concat(g),children:g}),m(c,{"data-testid":"".concat(v,"_select_").concat(g),className:O.select,MenuProps:{classes:{paper:O.paper}},multiple:!0,displayEmpty:!0,fullWidth:!0,value:P,inputProps:{name:"c-owp-multi-select-".concat(g),id:"c-owp-multi-select-".concat(g)},renderValue:function(e){return x(e.length)},open:V,onOpen:function(){b(!0),N(!1)},onClose:function(){b(!1),I&&k(P),N(!1)},onChange:function(e){var t=e.target.value;R(t.includes("all")?[]:t),N(!0)},children:[m(l,{value:"all",children:[p(s,{"data-testid":"".concat(v,"_option_all"),checked:!0,indeterminate:P.length>0,className:O.checkBox}),p(u,{primary:x(0),classes:{primary:O.listItemPrimaryText}})]},"all"),p(d,{}),a.map((function(e){return m(l,{value:e,children:[p(s,{"data-testid":"".concat(v,"_option_").concat(e,"MenuItem"),checked:P.indexOf(e)>-1,className:O.checkBox}),p(u,{primary:e,classes:{primary:O.listItemPrimaryText}})]},e)}))]})]})}h.propTypes={options:i.arrayOf(i.string).isRequired,currentValues:i.arrayOf(i.string).isRequired,title:i.string.isRequired,size:i.number.isRequired,renderValue:i.func.isRequired,onChange:i.func.isRequired,"data-testid":i.string},h.defaultProps={"data-testid":"MultiSelect"};export{h as default};
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as r}from"react";import i from"prop-types";import{makeStyles as n,FormControl as a,InputLabel as o,Select as c,MenuItem as l,Checkbox as s,ListItemText as u,Divider as m}from"@material-ui/core";import{jsxs as p,jsx as d}from"react/jsx-runtime";var f=n({checkBox:{color:"grey",paddingLeft:0},formControl:{marginLeft:10,marginTop:8,width:function(e){return e.size}},listItemPrimaryText:{color:"#fff"},paper:{backgroundColor:"#414141"}});function h(i){var n=i.options,h=i.currentValues,g=i.title,y=i.size,x=i.renderValue,v=i.onChange,k=i["data-testid"],C=void 0===k?"MultiSelect":k,q=t([]),R=e(q,2),T=R[0],_=R[1],P=t(!1),V=e(P,2),b=V[0],w=V[1],z=t(!1),I=e(z,2),N=I[0],O=I[1],B=f({size:y});r((function(){_(h.filter((function(e){return n.includes(e)})))}),[h,n]);return p(a,{className:B.formControl,children:[d(o,{shrink:!0,htmlFor:"c-owp-multi-select-".concat(g),children:g}),p(c,{"data-testid":"".concat(C,"_select_").concat(g),className:B.select,MenuProps:{classes:{paper:B.paper}},multiple:!0,displayEmpty:!0,fullWidth:!0,value:T,inputProps:{name:"c-owp-multi-select-".concat(g),id:"c-owp-multi-select-".concat(g)},renderValue:function(e){return x(e.length)},open:b,onOpen:function(){w(!0),O(!1)},onClose:function(){w(!1),N&&v(T),O(!1)},onChange:function(e){var t=e.target.value;_(t.includes("all")?[]:t),O(!0)},children:[p(l,{value:"all",children:[d(s,{"data-testid":"".concat(C,"_option_all"),checked:!0,indeterminate:T.length>0,className:B.checkBox}),d(u,{primary:x(0),classes:{primary:B.listItemPrimaryText}})]},"all"),d(m,{}),n.map((function(e){return p(l,{value:e,children:[d(s,{"data-testid":"".concat(C,"_option_").concat(e,"MenuItem"),checked:T.indexOf(e)>-1,className:B.checkBox}),d(u,{primary:e,classes:{primary:B.listItemPrimaryText}})]},e)}))]})]})}h.propTypes={options:i.arrayOf(i.string).isRequired,currentValues:i.arrayOf(i.string).isRequired,title:i.string.isRequired,size:i.number.isRequired,renderValue:i.func.isRequired,onChange:i.func.isRequired,"data-testid":i.string};export{h as default};
 //# sourceMappingURL=MultiSelect.js.map

package/components/OffsetWellPickerV2/components/Filter/MultiSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelect.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Filter/MultiSelect.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Select,\n MenuItem,\n FormControl,\n InputLabel,\n Checkbox,\n ListItemText,\n Divider,\n makeStyles,\n} from '@material-ui/core';\n\nconst useStyles = makeStyles({\n checkBox: {\n color: 'grey',\n paddingLeft: 0,\n },\n formControl: {\n marginLeft: 10,\n marginTop: 8,\n width: ({ size }) => size,\n },\n listItemPrimaryText: { color: '#fff' },\n paper: {\n backgroundColor: '#414141',\n },\n});\n\nfunction MultiSelect({\n options,\n currentValues,\n title,\n size,\n renderValue,\n onChange,\n 'data-testid': dataTestId,\n}) {\n const [values, setValues] = useState([]);\n const [open, setOpen] = useState(false);\n const [isChanged, setIsChanged] = useState(false);\n\n const classes = useStyles({ size });\n\n useEffect(() => {\n setValues(currentValues.filter(value => options.includes(value)));\n }, [currentValues, options]);\n\n const handleOpen = () => {\n setOpen(true);\n setIsChanged(false);\n };\n\n const handleClose = () => {\n setOpen(false);\n if (isChanged) {\n onChange(values);\n }\n setIsChanged(false);\n };\n\n const handleChange = e => {\n const selectedValues = e.target.value;\n setValues(selectedValues.includes('all') ? [] : selectedValues);\n setIsChanged(true);\n };\n\n return (\n <FormControl className={classes.formControl}>\n <InputLabel shrink htmlFor={`c-owp-multi-select-${title}`}>\n {title}\n </InputLabel>\n <Select\n data-testid={`${dataTestId}_select_${title}`}\n className={classes.select}\n MenuProps={{ classes: { paper: classes.paper } }}\n multiple\n displayEmpty\n fullWidth\n value={values}\n inputProps={{\n name: `c-owp-multi-select-${title}`,\n id: `c-owp-multi-select-${title}`,\n }}\n renderValue={selected => renderValue(selected.length)}\n open={open}\n onOpen={handleOpen}\n onClose={handleClose}\n onChange={handleChange}\n >\n <MenuItem key=\"all\" value=\"all\">\n <Checkbox\n data-testid={`${dataTestId}_option_all`}\n checked\n indeterminate={values.length > 0}\n className={classes.checkBox}\n />\n <ListItemText\n primary={renderValue(0)}\n classes={{ primary: classes.listItemPrimaryText }}\n />\n </MenuItem>\n\n <Divider />\n\n {options.map(option => (\n <MenuItem key={option} value={option}>\n <Checkbox\n data-testid={`${dataTestId}_option_${option}MenuItem`}\n checked={values.indexOf(option) > -1}\n className={classes.checkBox}\n />\n <ListItemText primary={option} classes={{ primary: classes.listItemPrimaryText }} />\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n );\n}\n\nMultiSelect.propTypes = {\n options: PropTypes.arrayOf(PropTypes.string).isRequired,\n currentValues: PropTypes.arrayOf(PropTypes.string).isRequired,\n title: PropTypes.string.isRequired,\n size: PropTypes.number.isRequired,\n renderValue: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n 'data-testid': PropTypes.string,\n};\n\~~nMultiSelect.defaultProps = {\n 'data-testid': 'MultiSelect',\n};\n\~~nexport default MultiSelect;\n"],"names":["useStyles","makeStyles","checkBox","color","paddingLeft","formControl","marginLeft","marginTop","width","_ref","size","listItemPrimaryText","paper","backgroundColor","MultiSelect","_ref2","options","currentValues","title","renderValue","onChange","dataTestId","useState","_useState2","_slicedToArray","_useState","values","setValues","_useState4","_useState3","open","setOpen","_useState6","_useState5","isChanged","setIsChanged","classes","useEffect","filter","value","includes","_jsxs","FormControl","className","children","_jsx","InputLabel","shrink","htmlFor","concat","Select","select","MenuProps","multiple","displayEmpty","fullWidth","inputProps","name","id","selected","length","onOpen","onClose","e","selectedValues","target","MenuItem","Checkbox","checked","indeterminate","ListItemText","primary","Divider","map","option","indexOf","propTypes","PropTypes","arrayOf","string","isRequired","number","func"~~,"defaultProps"~~],"mappings":"uUAaA,IAAMA,EAAYC,EAAW,CAC3BC,SAAU,CACRC,MAAO,OACPC,YAAa,GAEfC,YAAa,CACXC,WAAY,GACZC,UAAW,EACXC,MAAO,SAAAC,GAAO,SAAJC,IAAe,GAE3BC,oBAAqB,CAAER,MAAO,QAC9BS,MAAO,CACLC,gBAAiB,aAIrB,SAASC,EAQNC,GAAA,IAPDC,IAAAA,QACAC,IAAAA,cACAC,IAAAA,MACAR,IAAAA,KACAS,IAAAA,YACAC,IAAAA,~~SACeC~~,~~IAAf~~,~~eAE4BC~~,EAAAA,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAAjCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GACAD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAAhCC,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GACcN,EAAAA,GAAS,GAAMU,EAAAR,EAAAS,EAAA,GAA1CC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAExBI,~~EAAUpC~~,EAAU,CAAEU,KAAAA,~~IAE5B2B~~,GAAU,WACRV,~~EAAUV~~,~~EAAcqB~~,QAAO,SAAAC,GAAK,~~OAAIvB~~,~~EAAQwB~~,SAASD,EAAM,IACjE,GAAG,~~CAACtB~~,EAAeD,IAqBnB,~~OACEyB~~,EAACC,EAAW,CAACC,UAAWP,~~EAAQ/B~~,~~YAAYuC~~,SAAA,CAC1CC,EAACC,EAAU,CAACC,QAAM,EAACC,QAAO,sBAAAC,~~OAAwB/B~~,~~GAAQ0B~~,~~SACvD1B~~,~~IAEHuB~~,EAACS,EAAM,CACL,cAAgB7B,GAAAA,OAAAA,~~EAAqBH~~,YAAAA,OAAAA,~~GACrCyB~~,UAAWP,EAAQe,OACnBC,UAAW,CAAEhB,QAAS,~~CAAExB~~,~~MAAOwB~~,~~EAAQxB~~,~~QACvCyC~~,UAAQ,EACRC,cAAY,EACZC,WAAS,EACThB,MAAOb,EACP8B,WAAY,CACVC,KAAI,sBAAAR,~~OAAwB/B~~,~~GAC5BwC~~,~~gCAA0BxC~~,IAE5BC,YAAa,~~SAAAwC~~,GAAQ,~~OAAIxC~~,~~EAAYwC~~,EAASC,OAAQ,EACtD9B,KAAMA,EACN+B,OAtCa,WACjB9B,GAAQ,GACRI,GAAa,IAqCT2B,QAlCc,WAClB/B,GAAQ,GACJG,~~GACFd~~,~~EAASM~~,GAEXS,GAAa,~~IA8BTf~~,SA3Be,~~SAAA2C~~,GACnB,IAAMC,EAAiBD,EAAEE,OAAO1B,MAChCZ,EAAUqC,EAAexB,SAAS,OAAS,GAAKwB,GAChD7B,GAAa,IAwBcS,SAAA,CAEvBH,EAACyB,EAAQ,CAAW3B,MAAM,MAAKK,SAAA,CAC7BC,EAACsB,EAAQ,CACP,cAAA,GAAAlB,OAAgB5B,EAAwB,eACxC+C,SAAO,EACPC,cAAe3C,EAAOkC,OAAS,EAC/BjB,UAAWP,~~EAAQlC~~,~~WAErB2C~~,EAACyB,EAAY,CACXC,~~QAASpD~~,EAAY,~~GACrBiB~~,QAAS,CAAEmC,QAASnC,~~EAAQzB~~,yBATlB,~~OAadkC~~,EAAC2B,EAAO,CAAA,~~GAEPxD~~,~~EAAQyD~~,KAAI,SAAAC,GAAM,OACjBjC,EAACyB,EAAQ,CAAc3B,MAAOmC,EAAO9B,SAAA,CACnCC,EAACsB,EAAQ,CACP,cAAgB9C,GAAAA,OAAAA,EAAqBqD,YAAAA,OAAAA,EAAiB,YACtDN,QAAS1C,EAAOiD,QAAQD,IAAW,EACnC/B,UAAWP,~~EAAQlC~~,~~WAErB2C~~,EAACyB,EAAY,CAACC,QAASG,EAAQtC,QAAS,CAAEmC,QAASnC,~~EAAQzB~~,~~yBAN9C+D~~,EAOJ,SAKrB,~~CAEA5D~~,~~EAAY8D~~,UAAY,~~CACtB5D~~,~~QAAS6D~~,EAAUC,QAAQD,EAAUE,QAAQC,~~WAC7C/D~~,~~cAAe4D~~,EAAUC,QAAQD,EAAUE,QAAQC,~~WACnD9D~~,~~MAAO2D~~,EAAUE,OAAOC,~~WACxBtE~~,~~KAAMmE~~,EAAUI,OAAOD,~~WACvB7D~~,~~YAAa0D~~,EAAUK,KAAKF,~~WAC5B5D~~,~~SAAUyD~~,EAAUK,KAAKF,WACzB,cAAeH,EAAUE~~,QAG3BjE,EAAYqE,aAAe,CACzB,cAAe~~"}
1	+ {"version":3,"file":"MultiSelect.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Filter/MultiSelect.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Select,\n MenuItem,\n FormControl,\n InputLabel,\n Checkbox,\n ListItemText,\n Divider,\n makeStyles,\n} from '@material-ui/core';\n\nconst useStyles = makeStyles({\n checkBox: {\n color: 'grey',\n paddingLeft: 0,\n },\n formControl: {\n marginLeft: 10,\n marginTop: 8,\n width: ({ size }) => size,\n },\n listItemPrimaryText: { color: '#fff' },\n paper: {\n backgroundColor: '#414141',\n },\n});\n\nfunction MultiSelect({\n options,\n currentValues,\n title,\n size,\n renderValue,\n onChange,\n 'data-testid': dataTestId = 'MultiSelect',\n}) {\n const [values, setValues] = useState([]);\n const [open, setOpen] = useState(false);\n const [isChanged, setIsChanged] = useState(false);\n\n const classes = useStyles({ size });\n\n useEffect(() => {\n setValues(currentValues.filter(value => options.includes(value)));\n }, [currentValues, options]);\n\n const handleOpen = () => {\n setOpen(true);\n setIsChanged(false);\n };\n\n const handleClose = () => {\n setOpen(false);\n if (isChanged) {\n onChange(values);\n }\n setIsChanged(false);\n };\n\n const handleChange = e => {\n const selectedValues = e.target.value;\n setValues(selectedValues.includes('all') ? [] : selectedValues);\n setIsChanged(true);\n };\n\n return (\n <FormControl className={classes.formControl}>\n <InputLabel shrink htmlFor={`c-owp-multi-select-${title}`}>\n {title}\n </InputLabel>\n <Select\n data-testid={`${dataTestId}_select_${title}`}\n className={classes.select}\n MenuProps={{ classes: { paper: classes.paper } }}\n multiple\n displayEmpty\n fullWidth\n value={values}\n inputProps={{\n name: `c-owp-multi-select-${title}`,\n id: `c-owp-multi-select-${title}`,\n }}\n renderValue={selected => renderValue(selected.length)}\n open={open}\n onOpen={handleOpen}\n onClose={handleClose}\n onChange={handleChange}\n >\n <MenuItem key=\"all\" value=\"all\">\n <Checkbox\n data-testid={`${dataTestId}_option_all`}\n checked\n indeterminate={values.length > 0}\n className={classes.checkBox}\n />\n <ListItemText\n primary={renderValue(0)}\n classes={{ primary: classes.listItemPrimaryText }}\n />\n </MenuItem>\n\n <Divider />\n\n {options.map(option => (\n <MenuItem key={option} value={option}>\n <Checkbox\n data-testid={`${dataTestId}_option_${option}MenuItem`}\n checked={values.indexOf(option) > -1}\n className={classes.checkBox}\n />\n <ListItemText primary={option} classes={{ primary: classes.listItemPrimaryText }} />\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n );\n}\n\nMultiSelect.propTypes = {\n options: PropTypes.arrayOf(PropTypes.string).isRequired,\n currentValues: PropTypes.arrayOf(PropTypes.string).isRequired,\n title: PropTypes.string.isRequired,\n size: PropTypes.number.isRequired,\n renderValue: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n 'data-testid': PropTypes.string,\n};\n\nexport default MultiSelect;\n"],"names":["useStyles","makeStyles","checkBox","color","paddingLeft","formControl","marginLeft","marginTop","width","_ref","size","listItemPrimaryText","paper","backgroundColor","MultiSelect","_ref2","options","currentValues","title","renderValue","onChange","_ref2$dataTestid","dataTestId","useState","_useState2","_slicedToArray","_useState","values","setValues","_useState4","_useState3","open","setOpen","_useState6","_useState5","isChanged","setIsChanged","classes","useEffect","filter","value","includes","_jsxs","FormControl","className","children","_jsx","InputLabel","shrink","htmlFor","concat","Select","select","MenuProps","multiple","displayEmpty","fullWidth","inputProps","name","id","selected","length","onOpen","onClose","e","selectedValues","target","MenuItem","Checkbox","checked","indeterminate","ListItemText","primary","Divider","map","option","indexOf","propTypes","PropTypes","arrayOf","string","isRequired","number","func"],"mappings":"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"}

package/components/OffsetWellPickerV2/components/Filter/NonEngineeredWellsSwitch.d.ts CHANGED Viewed

@@ -1,26 +1,24 @@
 import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+declare const _default: import("react").ComponentType<Pick<Pick<{
     classes: any;
-    "data-testid": any;
+    "data-testid"?: string | undefined;
     onChange: any;
     value: any;
-}, never> & Pick<PropTypes.InferProps<{
+}, "data-testid"> & Pick<PropTypes.InferProps<{
     value: PropTypes.Validator<boolean>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     'data-testid': PropTypes.Requireable<string>;
-}>, "data-testid" | PropTypes.RequiredKeys<{
+}>, PropTypes.RequiredKeys<{
     value: PropTypes.Validator<boolean>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     'data-testid': PropTypes.Requireable<string>;
-}>>, PropTypes.RequiredKeys<{
-    value: PropTypes.Validator<boolean>;
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    'data-testid': PropTypes.Requireable<string>;
-}>> & {
-    'data-testid'?: string | null | undefined;
-} & {}, "data-testid" | "onChange" | "value"> & import("@material-ui/styles").StyledComponentProps<"formControl" | "infoIcon" | "infoTooltip" | "nonEngineeredWrapper" | "tooltipContent">>;
+}>> & Pick<{
+    classes: any;
+    "data-testid"?: string | undefined;
+    onChange: any;
+    value: any;
+}, never>, "data-testid" | "onChange" | "value"> & import("@material-ui/styles").StyledComponentProps<"formControl" | "infoIcon" | "infoTooltip" | "nonEngineeredWrapper" | "tooltipContent">>;
 export default _default;
 //# sourceMappingURL=NonEngineeredWellsSwitch.d.ts.map

package/components/OffsetWellPickerV2/components/Filter/NonEngineeredWellsSwitch.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"prop-types";import{withStyles as t,Tooltip as i}from"@material-ui/core";import{InfoOutlined as n}from"@material-ui/icons";import{Switch as o}from"../../../../componentsV2/Switch/Switch.js";import{jsxs as r,jsx as a}from"react/jsx-runtime";function l(e){var t=e.value,l=e.onChange,s=e.classes,p=e["data-testid"];return r("div",{className:s.nonEngineeredWrapper,children:[a(o,{testId:p,onLabel:"Include Non-Verified Reference Wells",checked:t,onChange:function(e){l(e)},size:"small",className:s.formControl}),a(i,{title:r("div",{className:s.tooltipContent,children:[a("span",{children:"Non-Verified Reference Wells have minimal data and are used for displaying drilling parameters only."}),a("span",{children:"Metrics & models from these wells can be inaccurate."})]}),placement:"bottom-start",classes:{tooltip:s.infoTooltip},children:a(n,{fontSize:"small",className:s.infoIcon})})]})}l.propTypes={value:e.bool.isRequired,onChange:e.func.isRequired,classes:e.shape({}).isRequired,"data-testid":e.string},l.defaultProps={"data-testid":"NonEngineeredWellsSwitch"};var s=t((function(e){return{formControl:{display:"flex",alignItems:"flex-end",height:"100%"},nonEngineeredWrapper:{display:"flex",height:"56px",alignItems:"flex-end",marginLeft:"8px"},infoIcon:{marginLeft:"8px",marginBottom:"12px",fontSize:"13px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},infoTooltip:{fontSize:"12px",lineHeight:"16px",letterSpacing:"0.4px",color:e.palette.primary.text1,minWidth:"314px"},tooltipContent:{display:"flex",flexDirection:"column"}}}))(l);export{s as default};
+import e from"prop-types";import{withStyles as t,Tooltip as i}from"@material-ui/core";import{InfoOutlined as n}from"@material-ui/icons";import{Switch as o}from"../../../../componentsV2/Switch/Switch.js";import{jsxs as r,jsx as l}from"react/jsx-runtime";function a(e){var t=e.value,a=e.onChange,s=e.classes,p=e["data-testid"],c=void 0===p?"NonEngineeredWellsSwitch":p;return r("div",{className:s.nonEngineeredWrapper,children:[l(o,{testId:c,onLabel:"Include Non-Verified Reference Wells",checked:t,onChange:function(e){a(e)},size:"small",className:s.formControl}),l(i,{title:r("div",{className:s.tooltipContent,children:[l("span",{children:"Non-Verified Reference Wells have minimal data and are used for displaying drilling parameters only."}),l("span",{children:"Metrics & models from these wells can be inaccurate."})]}),placement:"bottom-start",classes:{tooltip:s.infoTooltip},children:l(n,{fontSize:"small",className:s.infoIcon})})]})}a.propTypes={value:e.bool.isRequired,onChange:e.func.isRequired,classes:e.shape({}).isRequired,"data-testid":e.string};var s=t((function(e){return{formControl:{display:"flex",alignItems:"flex-end",height:"100%"},nonEngineeredWrapper:{display:"flex",height:"56px",alignItems:"flex-end",marginLeft:"8px"},infoIcon:{marginLeft:"8px",marginBottom:"12px",fontSize:"13px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},infoTooltip:{fontSize:"12px",lineHeight:"16px",letterSpacing:"0.4px",color:e.palette.primary.text1,minWidth:"314px"},tooltipContent:{display:"flex",flexDirection:"column"}}}))(a);export{s as default};
 //# sourceMappingURL=NonEngineeredWellsSwitch.js.map

package/components/OffsetWellPickerV2/components/Filter/NonEngineeredWellsSwitch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NonEngineeredWellsSwitch.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Filter/NonEngineeredWellsSwitch.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles, Tooltip } from '@material-ui/core';\nimport { InfoOutlined as InfoOutlinedIcon } from '@material-ui/icons';\n\nimport { Switch } from '~/componentsV2/Switch';\n\nconst muiStyles = theme => ({\n formControl: {\n display: 'flex',\n alignItems: 'flex-end',\n height: '100%',\n },\n nonEngineeredWrapper: {\n display: 'flex',\n height: '56px',\n alignItems: 'flex-end',\n marginLeft: '8px',\n },\n infoIcon: {\n marginLeft: '8px',\n marginBottom: '12px',\n fontSize: '13px',\n color: theme.palette.primary.text6,\n '&:hover': {\n color: theme.palette.primary.text1,\n },\n },\n infoTooltip: {\n fontSize: '12px',\n lineHeight: '16px',\n letterSpacing: '0.4px',\n color: theme.palette.primary.text1,\n minWidth: '314px',\n },\n tooltipContent: {\n display: 'flex',\n flexDirection: 'column',\n },\n});\n\nfunction NonEngineeredWellsSwitch({ value, onChange, classes, 'data-testid': dataTestId }) {\n const handleChangeValue = checked => {\n onChange(checked);\n };\n\n return (\n <div className={classes.nonEngineeredWrapper}>\n <Switch\n testId={dataTestId}\n onLabel=\"Include Non-Verified Reference Wells\"\n checked={value}\n onChange={handleChangeValue}\n size=\"small\"\n className={classes.formControl}\n />\n <Tooltip\n title={\n <div className={classes.tooltipContent}>\n <span>\n Non-Verified Reference Wells have minimal data and are used for displaying drilling\n parameters only.\n </span>\n <span>Metrics & models from these wells can be inaccurate.</span>\n </div>\n }\n placement=\"bottom-start\"\n classes={{\n tooltip: classes.infoTooltip,\n }}\n >\n <InfoOutlinedIcon fontSize=\"small\" className={classes.infoIcon} />\n </Tooltip>\n </div>\n );\n}\n\nNonEngineeredWellsSwitch.propTypes = {\n value: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.shape({}).isRequired,\n 'data-testid': PropTypes.string,\n};\n\~~nNonEngineeredWellsSwitch.defaultProps = {\n 'data-testid': 'NonEngineeredWellsSwitch',\n};\n\~~nexport default withStyles(muiStyles)(NonEngineeredWellsSwitch);\n"],"names":["NonEngineeredWellsSwitch","_ref","value","onChange","classes","dataTestId","_jsxs","className","nonEngineeredWrapper","children","_jsx","Switch","testId","onLabel","checked","size","formControl","Tooltip","title","tooltipContent","placement","tooltip","infoTooltip","InfoOutlinedIcon","fontSize","infoIcon","propTypes","PropTypes","bool","isRequired","func","shape","string","~~defaultProps","~~NonEngineeredWellsSwitch$1","withStyles","theme","display","alignItems","height","marginLeft","marginBottom","color","palette","primary","text6","text1","lineHeight","letterSpacing","minWidth","flexDirection"],"mappings":"6PAwCA,SAASA,~~EAAkFC~~,GAAA,~~IAAvDC~~,IAAAA,~~MAAOC~~,IAAAA,~~SAAUC~~,IAAAA,~~QAAwBC~~,~~IAAf~~,~~eAK5D~~,~~OACEC~~,EAAA,MAAA,CAAKC,~~UAAWH~~,~~EAAQI~~,qBAAqBC,SAAA,CAC3CC,EAACC,EAAM,CACLC,OAAQP,EACRQ,QAAQ,uCACRC,~~QAASZ~~,EACTC,SAVoB,~~SAAAW~~,~~GACxBX~~,~~EAASW~~,IAULC,KAAK,QACLR,~~UAAWH~~,~~EAAQY~~,cAErBN,EAACO,EAAO,CACNC,MACEZ,EAAA,MAAA,CAAKC,~~UAAWH~~,~~EAAQe~~,eAAeV,SACrC,CAAAC,EAAA,OAAA,CAAAD,SAAA,yGAIAC,EAAA,OAAA,CAAAD,SAAA,4DAGJW,UAAU,~~eACVhB~~,QAAS,~~CACPiB~~,~~QAASjB~~,~~EAAQkB~~,aACjBb,SAEFC,EAACa,EAAgB,CAACC,SAAS,QAAQjB,~~UAAWH~~,~~EAAQqB~~,eAI9D,~~CAEAzB~~,~~EAAyB0B~~,UAAY,~~CACnCxB~~,~~MAAOyB~~,EAAUC,KAAKC,~~WACtB1B~~,~~SAAUwB~~,EAAUG,KAAKD,~~WACzBzB~~,~~QAASuB~~,EAAUI,MAAM,CAAA,GAAIF,WAC7B,cAAeF,EAAUK,~~QAG3BhC~~,~~EAAyBiC,aAAe,CACtC,cAAe,4BAGjB,~~IAAAC,EAAeC,~~GAjFG~~,SAAAC,GAAK,MAAK,~~CAC1BpB~~,YAAa,~~CACXqB~~,QAAS,OACTC,WAAY,WACZC,OAAQ,~~QAEV/B~~,qBAAsB,~~CACpB6B~~,QAAS,OACTE,OAAQ,OACRD,WAAY,WACZE,WAAY,~~OAEdf~~,SAAU,~~CACRe~~,WAAY,MACZC,aAAc,~~OACdjB~~,SAAU,~~OACVkB~~,MAAON,EAAMO,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAON,EAAMO,QAAQC,QAAQE,~~QAGjCxB~~,YAAa,CACXE,SAAU,~~OACVuB~~,WAAY,OACZC,cAAe,QACfN,MAAON,EAAMO,QAAQC,QAAQE,MAC7BG,SAAU,~~SAEZ9B~~,eAAgB,~~CACdkB~~,QAAS,OACTa,cAAe,UAElB,~~GAiDcf~~,CAAsBnC"}
1	+ {"version":3,"file":"NonEngineeredWellsSwitch.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Filter/NonEngineeredWellsSwitch.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles, Tooltip } from '@material-ui/core';\nimport { InfoOutlined as InfoOutlinedIcon } from '@material-ui/icons';\n\nimport { Switch } from '~/componentsV2/Switch';\n\nconst muiStyles = theme => ({\n formControl: {\n display: 'flex',\n alignItems: 'flex-end',\n height: '100%',\n },\n nonEngineeredWrapper: {\n display: 'flex',\n height: '56px',\n alignItems: 'flex-end',\n marginLeft: '8px',\n },\n infoIcon: {\n marginLeft: '8px',\n marginBottom: '12px',\n fontSize: '13px',\n color: theme.palette.primary.text6,\n '&:hover': {\n color: theme.palette.primary.text1,\n },\n },\n infoTooltip: {\n fontSize: '12px',\n lineHeight: '16px',\n letterSpacing: '0.4px',\n color: theme.palette.primary.text1,\n minWidth: '314px',\n },\n tooltipContent: {\n display: 'flex',\n flexDirection: 'column',\n },\n});\n\nfunction NonEngineeredWellsSwitch({\n value,\n onChange,\n classes,\n 'data-testid': dataTestId = 'NonEngineeredWellsSwitch',\n}) {\n const handleChangeValue = checked => {\n onChange(checked);\n };\n\n return (\n <div className={classes.nonEngineeredWrapper}>\n <Switch\n testId={dataTestId}\n onLabel=\"Include Non-Verified Reference Wells\"\n checked={value}\n onChange={handleChangeValue}\n size=\"small\"\n className={classes.formControl}\n />\n <Tooltip\n title={\n <div className={classes.tooltipContent}>\n <span>\n Non-Verified Reference Wells have minimal data and are used for displaying drilling\n parameters only.\n </span>\n <span>Metrics & models from these wells can be inaccurate.</span>\n </div>\n }\n placement=\"bottom-start\"\n classes={{\n tooltip: classes.infoTooltip,\n }}\n >\n <InfoOutlinedIcon fontSize=\"small\" className={classes.infoIcon} />\n </Tooltip>\n </div>\n );\n}\n\nNonEngineeredWellsSwitch.propTypes = {\n value: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.shape({}).isRequired,\n 'data-testid': PropTypes.string,\n};\n\nexport default withStyles(muiStyles)(NonEngineeredWellsSwitch);\n"],"names":["NonEngineeredWellsSwitch","_ref","value","onChange","classes","_ref$dataTestid","dataTestId","_jsxs","className","nonEngineeredWrapper","children","_jsx","Switch","testId","onLabel","checked","size","formControl","Tooltip","title","tooltipContent","placement","tooltip","infoTooltip","InfoOutlinedIcon","fontSize","infoIcon","propTypes","PropTypes","bool","isRequired","func","shape","string","NonEngineeredWellsSwitch$1","withStyles","theme","display","alignItems","height","marginLeft","marginBottom","color","palette","primary","text6","text1","lineHeight","letterSpacing","minWidth","flexDirection"],"mappings":"6PAwCA,SAASA,EAKNC,GAAA,IAJDC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,QAAOC,EAAAJ,EACP,eAAeK,aAAa,2BAA0BD,EAMtD,OACEE,EAAA,MAAA,CAAKC,UAAWJ,EAAQK,qBAAqBC,SAAA,CAC3CC,EAACC,EAAM,CACLC,OAAQP,EACRQ,QAAQ,uCACRC,QAASb,EACTC,SAVoB,SAAAY,GACxBZ,EAASY,IAULC,KAAK,QACLR,UAAWJ,EAAQa,cAErBN,EAACO,EAAO,CACNC,MACEZ,EAAA,MAAA,CAAKC,UAAWJ,EAAQgB,eAAeV,SACrC,CAAAC,EAAA,OAAA,CAAAD,SAAA,yGAIAC,EAAA,OAAA,CAAAD,SAAA,4DAGJW,UAAU,eACVjB,QAAS,CACPkB,QAASlB,EAAQmB,aACjBb,SAEFC,EAACa,EAAgB,CAACC,SAAS,QAAQjB,UAAWJ,EAAQsB,eAI9D,CAEA1B,EAAyB2B,UAAY,CACnCzB,MAAO0B,EAAUC,KAAKC,WACtB3B,SAAUyB,EAAUG,KAAKD,WACzB1B,QAASwB,EAAUI,MAAM,CAAA,GAAIF,WAC7B,cAAeF,EAAUK,QAG3B,IAAAC,EAAeC,GAlFG,SAAAC,GAAK,MAAK,CAC1BnB,YAAa,CACXoB,QAAS,OACTC,WAAY,WACZC,OAAQ,QAEV9B,qBAAsB,CACpB4B,QAAS,OACTE,OAAQ,OACRD,WAAY,WACZE,WAAY,OAEdd,SAAU,CACRc,WAAY,MACZC,aAAc,OACdhB,SAAU,OACViB,MAAON,EAAMO,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAON,EAAMO,QAAQC,QAAQE,QAGjCvB,YAAa,CACXE,SAAU,OACVsB,WAAY,OACZC,cAAe,QACfN,MAAON,EAAMO,QAAQC,QAAQE,MAC7BG,SAAU,SAEZ7B,eAAgB,CACdiB,QAAS,OACTa,cAAe,UAElB,GAkDcf,CAAsBnC"}

package/components/OffsetWellPickerV2/components/Filter/RadiusInput.d.ts CHANGED Viewed

@@ -1,30 +1,28 @@
 import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+declare const _default: import("react").ComponentType<Pick<Pick<{
     classes: any;
-    "data-testid": any;
+    "data-testid"?: string | undefined;
     editable: any;
     onChange: any;
     radius: any;
-}, never> & Pick<PropTypes.InferProps<{
+}, "data-testid"> & Pick<PropTypes.InferProps<{
     radius: PropTypes.Validator<number>;
     editable: PropTypes.Validator<boolean>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     'data-testid': PropTypes.Requireable<string>;
-}>, "data-testid" | PropTypes.RequiredKeys<{
+}>, PropTypes.RequiredKeys<{
     radius: PropTypes.Validator<number>;
     editable: PropTypes.Validator<boolean>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     'data-testid': PropTypes.Requireable<string>;
-}>>, PropTypes.RequiredKeys<{
-    radius: PropTypes.Validator<number>;
-    editable: PropTypes.Validator<boolean>;
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    'data-testid': PropTypes.Requireable<string>;
-}>> & {
-    'data-testid'?: string | null | undefined;
-} & {}, "data-testid" | "editable" | "onChange" | "radius"> & import("@material-ui/styles").StyledComponentProps<"formControl">>;
+}>> & Pick<{
+    classes: any;
+    "data-testid"?: string | undefined;
+    editable: any;
+    onChange: any;
+    radius: any;
+}, never>, "data-testid" | "editable" | "onChange" | "radius"> & import("@material-ui/styles").StyledComponentProps<"formControl">>;
 export default _default;
 //# sourceMappingURL=RadiusInput.d.ts.map

package/components/OffsetWellPickerV2/components/Filter/RadiusInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as t}from"react";import i from"prop-types";import{withStyles as a,Tooltip as o,TextField as s}from"@material-ui/core";import{debounce as n}from"lodash";import{jsx as l}from"react/jsx-runtime";var u=n((function(e){e()}),1500);function d(i){var a=i.radius,n=i.editable,d=i.onChange,m=i.classes,p=i["data-testid"],c=r(a),f=e(c,2),b=f[0],h=f[1],g=r(null),v=e(g,2),R=v[0],C=v[1];t((function(){h(a)}),[a]);return l(o,{title:n?"":"To make radius active select Subject Well.",children:l(s,{"data-testid":p,type:"number",label:"Radius (miles)",value:b,disabled:!n,onChange:function(e){var r=e.target.value;!Number.isFinite(+r)||+r<0?C("Incorrect radius"):(C(null),u((function(){d(+r)}))),h(r)},error:!!R,helperText:R,className:m.formControl})})}d.propTypes={radius:i.number.isRequired,editable:i.bool.isRequired,onChange:i.func.isRequired,classes:i.shape({}).isRequired,"data-testid":i.string},d.defaultProps={"data-testid":"RadiusInput"};var m=a({formControl:{width:130,marginLeft:10,marginTop:8}})(d);export{m as default};
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as i}from"react";import t from"prop-types";import{withStyles as a,Tooltip as o,TextField as s}from"@material-ui/core";import{debounce as n}from"lodash";import{jsx as l}from"react/jsx-runtime";var u=n((function(e){e()}),1500);function d(t){var a=t.radius,n=t.editable,d=t.onChange,m=t.classes,c=t["data-testid"],p=void 0===c?"RadiusInput":c,f=r(a),b=e(f,2),h=b[0],v=b[1],g=r(null),R=e(g,2),C=R[0],T=R[1];i((function(){v(a)}),[a]);return l(o,{title:n?"":"To make radius active select Subject Well.",children:l(s,{"data-testid":p,type:"number",label:"Radius (miles)",value:h,disabled:!n,onChange:function(e){var r=e.target.value;!Number.isFinite(+r)||+r<0?T("Incorrect radius"):(T(null),u((function(){d(+r)}))),v(r)},error:!!C,helperText:C,className:m.formControl})})}d.propTypes={radius:t.number.isRequired,editable:t.bool.isRequired,onChange:t.func.isRequired,classes:t.shape({}).isRequired,"data-testid":t.string};var m=a({formControl:{width:130,marginLeft:10,marginTop:8}})(d);export{m as default};
 //# sourceMappingURL=RadiusInput.js.map

package/components/OffsetWellPickerV2/components/Filter/RadiusInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadiusInput.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Filter/RadiusInput.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { TextField, Tooltip, withStyles } from '@material-ui/core';\nimport { debounce } from 'lodash';\n\nconst muiStyles = {\n formControl: {\n width: 130,\n marginLeft: 10,\n marginTop: 8,\n },\n};\n\nconst debouncedFunc = debounce(callback => {\n callback();\n}, 1500);\n\nfunction RadiusInput({ radius, editable, onChange, classes, 'data-testid': dataTestId }) {\n const [value, setValue] = useState(radius);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n setValue(radius);\n }, [radius]);\n\n const handleChangeValue = e => {\n const newValue = e.target.value;\n\n if (!Number.isFinite(+newValue) \|\| +newValue < 0) {\n setError('Incorrect radius');\n } else {\n setError(null);\n debouncedFunc(() => {\n onChange(+newValue);\n });\n }\n\n setValue(newValue);\n };\n\n return (\n <Tooltip title={!editable ? 'To make radius active select Subject Well.' : ''}>\n <TextField\n data-testid={dataTestId}\n type=\"number\"\n label=\"Radius (miles)\"\n value={value}\n disabled={!editable}\n onChange={handleChangeValue}\n error={!!error}\n helperText={error}\n className={classes.formControl}\n />\n </Tooltip>\n );\n}\n\nRadiusInput.propTypes = {\n radius: PropTypes.number.isRequired,\n editable: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.shape({}).isRequired,\n 'data-testid': PropTypes.string,\n};\n\~~nRadiusInput.defaultProps = {\n 'data-testid': 'RadiusInput',\n};\n\~~nexport default withStyles(muiStyles)(RadiusInput);\n"],"names":["debouncedFunc","debounce","callback","RadiusInput","_ref","radius","editable","onChange","classes","dataTestId","useState","_useState2","_slicedToArray","_useState","value","setValue","_useState4","_useState3","error","setError","useEffect","_jsx","Tooltip","title","children","TextField","type","label","disabled","e","newValue","target","Number","isFinite","helperText","className","formControl","propTypes","PropTypes","number","isRequired","bool","func","shape","string","~~defaultProps","~~RadiusInput$1","withStyles","width","marginLeft","marginTop"],"mappings":"mRAKA,IAQMA,EAAgBC,GAAS,SAAAC,GAC7BA,GACF,GAAG,MAEH,SAASC,~~EAAgFC~~,GAAA,~~IAAlEC~~,IAAAA,~~OAAQC~~,IAAAA,~~SAAUC~~,IAAAA,~~SAAUC~~,IAAAA,~~QAAwBC~~,~~IAAf~~,~~eAChCC~~,EAAAA,~~EAASL~~,~~GAAOM~~,EAAAC,EAAAC,EAAA,GAAnCC,EAAKH,EAAA,GAAEI,EAAQJ,EAAA,GACID,EAAAA,EAAS,MAAKM,EAAAJ,EAAAK,EAAA,GAAjCC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEtBI,GAAU,WACRL,~~EAASV~~,EACX,GAAG,CAACA,IAiBJ,~~OACEgB~~,EAACC,EAAO,CAACC,~~MAAQjB~~,EAA0D,GAA/C,~~6CAAkDkB~~,SAC5EH,EAACI,EAAS,CACR,cAAahB,EACbiB,KAAK,SACLC,MAAM,iBACNb,MAAOA,EACPc,~~UAAWtB~~,EACXC,SAvBoB,~~SAAAsB~~,GACxB,IAAMC,EAAWD,EAAEE,OAAOjB,OAErBkB,OAAOC,UAAUH,KAAcA,EAAW,EAC7CX,EAAS,qBAETA,EAAS,~~MACTnB~~,GAAc,WACZO,~~GAAUuB~~,EACZ,KAGFf,EAASe,IAYLZ,QAASA,EACTgB,WAAYhB,EACZiB,~~UAAW3B~~,~~EAAQ4B~~,eAI3B,~~CAEAjC~~,~~EAAYkC~~,UAAY,~~CACtBhC~~,~~OAAQiC~~,EAAUC,OAAOC,~~WACzBlC~~,~~SAAUgC~~,EAAUG,KAAKD,~~WACzBjC~~,~~SAAU+B~~,EAAUI,KAAKF,~~WACzBhC~~,~~QAAS8B~~,EAAUK,MAAM,CAAA,GAAIH,WAC7B,cAAeF,EAAUM,~~QAG3BzC~~,~~EAAY0C,aAAe,CACzB,cAAe,eAGjB,~~IAAAC,EAAeC,~~EAhEG~~,~~CAChBX~~,YAAa,~~CACXY~~,MAAO,IACPC,WAAY,GACZC,UAAW,~~IA4DAH~~,CAAsB5C"}
1	+ {"version":3,"file":"RadiusInput.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Filter/RadiusInput.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { TextField, Tooltip, withStyles } from '@material-ui/core';\nimport { debounce } from 'lodash';\n\nconst muiStyles = {\n formControl: {\n width: 130,\n marginLeft: 10,\n marginTop: 8,\n },\n};\n\nconst debouncedFunc = debounce(callback => {\n callback();\n}, 1500);\n\nfunction RadiusInput({\n radius,\n editable,\n onChange,\n classes,\n 'data-testid': dataTestId = 'RadiusInput',\n}) {\n const [value, setValue] = useState(radius);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n setValue(radius);\n }, [radius]);\n\n const handleChangeValue = e => {\n const newValue = e.target.value;\n\n if (!Number.isFinite(+newValue) \|\| +newValue < 0) {\n setError('Incorrect radius');\n } else {\n setError(null);\n debouncedFunc(() => {\n onChange(+newValue);\n });\n }\n\n setValue(newValue);\n };\n\n return (\n <Tooltip title={!editable ? 'To make radius active select Subject Well.' : ''}>\n <TextField\n data-testid={dataTestId}\n type=\"number\"\n label=\"Radius (miles)\"\n value={value}\n disabled={!editable}\n onChange={handleChangeValue}\n error={!!error}\n helperText={error}\n className={classes.formControl}\n />\n </Tooltip>\n );\n}\n\nRadiusInput.propTypes = {\n radius: PropTypes.number.isRequired,\n editable: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.shape({}).isRequired,\n 'data-testid': PropTypes.string,\n};\n\nexport default withStyles(muiStyles)(RadiusInput);\n"],"names":["debouncedFunc","debounce","callback","RadiusInput","_ref","radius","editable","onChange","classes","_ref$dataTestid","dataTestId","useState","_useState2","_slicedToArray","_useState","value","setValue","_useState4","_useState3","error","setError","useEffect","_jsx","Tooltip","title","children","TextField","type","label","disabled","e","newValue","target","Number","isFinite","helperText","className","formControl","propTypes","PropTypes","number","isRequired","bool","func","shape","string","RadiusInput$1","withStyles","width","marginLeft","marginTop"],"mappings":"mRAKA,IAQMA,EAAgBC,GAAS,SAAAC,GAC7BA,GACF,GAAG,MAEH,SAASC,EAMNC,GAAA,IALDC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,QAAOC,EAAAL,EACP,eAAeM,aAAa,cAAaD,EAEfE,EAAAA,EAASN,GAAOO,EAAAC,EAAAC,EAAA,GAAnCC,EAAKH,EAAA,GAAEI,EAAQJ,EAAA,GACID,EAAAA,EAAS,MAAKM,EAAAJ,EAAAK,EAAA,GAAjCC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEtBI,GAAU,WACRL,EAASX,EACX,GAAG,CAACA,IAiBJ,OACEiB,EAACC,EAAO,CAACC,MAAQlB,EAA0D,GAA/C,6CAAkDmB,SAC5EH,EAACI,EAAS,CACR,cAAahB,EACbiB,KAAK,SACLC,MAAM,iBACNb,MAAOA,EACPc,UAAWvB,EACXC,SAvBoB,SAAAuB,GACxB,IAAMC,EAAWD,EAAEE,OAAOjB,OAErBkB,OAAOC,UAAUH,KAAcA,EAAW,EAC7CX,EAAS,qBAETA,EAAS,MACTpB,GAAc,WACZO,GAAUwB,EACZ,KAGFf,EAASe,IAYLZ,QAASA,EACTgB,WAAYhB,EACZiB,UAAW5B,EAAQ6B,eAI3B,CAEAlC,EAAYmC,UAAY,CACtBjC,OAAQkC,EAAUC,OAAOC,WACzBnC,SAAUiC,EAAUG,KAAKD,WACzBlC,SAAUgC,EAAUI,KAAKF,WACzBjC,QAAS+B,EAAUK,MAAM,CAAA,GAAIH,WAC7B,cAAeF,EAAUM,QAG3B,IAAAC,EAAeC,EAlEG,CAChBV,YAAa,CACXW,MAAO,IACPC,WAAY,GACZC,UAAW,IA8DAH,CAAsB5C"}