@corva/ui 3.73.0-7 → 3.73.0-8

package/components/OffsetWellPickerV2/components/Table/MetricsSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetricsSelect.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/MetricsSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Select, MenuItem, FormControl, ListItemText } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst muiStyles = {\n  select: {\n    '&:before': {\n      borderBottom: 0,\n    },\n    '&:after': {\n      borderBottom: 0,\n    },\n  },\n  formControl: {\n    width: '150px',\n  },\n  listItem: {\n    padding: 0,\n  },\n  listItemPrimaryText: {\n    color: '#fff',\n    fontSize: '14px',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  paper: {\n    backgroundColor: '#414141',\n    maxHeight: '300px',\n  },\n};\n\nfunction MetricsSelect({ items, currentValue, onChange, classes, 'data-testid': dataTestId }) {\n  return (\n    <FormControl className={classes.formControl}>\n      <Select\n        data-testid={`${dataTestId}_select`}\n        className={classes.select}\n        MenuProps={{ classes: { paper: classes.paper } }}\n        autoWidth\n        value={currentValue}\n        onChange={e => onChange(e.target.value)}\n      >\n        {items.map(item => (\n          <MenuItem\n            data-testid={`${dataTestId}_option_${item.key}MenuItem`}\n            key={item.key}\n            value={item.key}\n          >\n            <ListItemText\n              primary={item.label}\n              classes={{ root: classes.listItem, primary: classes.listItemPrimaryText }}\n            />\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n}\n\nMetricsSelect.propTypes = {\n  items: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types\n  currentValue: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  'data-testid': PropTypes.string,\n};\n\nMetricsSelect.defaultProps = {\n  'data-testid': 'MetricsSelect',\n};\n\nexport default withStyles(muiStyles)(MetricsSelect);\n"],"names":["MetricsSelect","_ref","items","currentValue","onChange","classes","dataTestId","_jsx","FormControl","className","formControl","children","Select","concat","select","MenuProps","paper","autoWidth","value","e","target","map","item","MenuItem","key","ListItemText","primary","label","root","listItem","listItemPrimaryText","propTypes","PropTypes","array","isRequired","string","func","shape","defaultProps","MetricsSelect$1","withStyles","borderBottom","width","padding","color","fontSize","overflow","textOverflow","backgroundColor","maxHeight"],"mappings":"oNA+BA,SAASA,EAAqFC,GAAA,IAArEC,IAAAA,MAAOC,IAAAA,aAAcC,IAAAA,SAAUC,IAAAA,QAAwBC,IAAf,eAC/D,OACEC,EAACC,EAAW,CAACC,UAAWJ,EAAQK,YAAYC,SAC1CJ,EAACK,EAAM,CACL,cAAA,GAAAC,OAAgBP,EAAoB,WACpCG,UAAWJ,EAAQS,OACnBC,UAAW,CAAEV,QAAS,CAAEW,MAAOX,EAAQW,QACvCC,WAAS,EACTC,MAAOf,EACPC,SAAU,SAAAe,GAAC,OAAIf,EAASe,EAAEC,OAAOF,MAAO,EAAAP,SAEvCT,EAAMmB,KAAI,SAAAC,GAAI,OACbf,EAACgB,EAAQ,CACP,cAAA,GAAAV,OAAgBP,EAAU,YAAAO,OAAWS,EAAKE,IAAc,YAExDN,MAAOI,EAAKE,IAAIb,SAEhBJ,EAACkB,EAAY,CACXC,QAASJ,EAAKK,MACdtB,QAAS,CAAEuB,KAAMvB,EAAQwB,SAAUH,QAASrB,EAAQyB,wBALjDR,EAAKE,WAYtB,CAEAxB,EAAc+B,UAAY,CACxB7B,MAAO8B,EAAUC,MAAMC,WACvB/B,aAAc6B,EAAUG,OAAOD,WAC/B9B,SAAU4B,EAAUI,KAAKF,WACzB7B,QAAS2B,EAAUK,MAAM,CAAA,GAAIH,WAC7B,cAAeF,EAAUG,QAG3BnC,EAAcsC,aAAe,CAC3B,cAAe,iBAGjB,IAAAC,EAAeC,EAnEG,CAChB1B,OAAQ,CACN,WAAY,CACV2B,aAAc,GAEhB,UAAW,CACTA,aAAc,IAGlB/B,YAAa,CACXgC,MAAO,SAETb,SAAU,CACRc,QAAS,GAEXb,oBAAqB,CACnBc,MAAO,OACPC,SAAU,OACVC,SAAU,SACVC,aAAc,YAEhB/B,MAAO,CACLgC,gBAAiB,UACjBC,UAAW,UA4CAT,CAAsBxC"}
+{"version":3,"file":"MetricsSelect.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/MetricsSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Select, MenuItem, FormControl, ListItemText } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst muiStyles = {\n  select: {\n    '&:before': {\n      borderBottom: 0,\n    },\n    '&:after': {\n      borderBottom: 0,\n    },\n  },\n  formControl: {\n    width: '150px',\n  },\n  listItem: {\n    padding: 0,\n  },\n  listItemPrimaryText: {\n    color: '#fff',\n    fontSize: '14px',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  paper: {\n    backgroundColor: '#414141',\n    maxHeight: '300px',\n  },\n};\n\nfunction MetricsSelect({\n  items,\n  currentValue,\n  onChange,\n  classes,\n  'data-testid': dataTestId = 'MetricsSelect',\n}) {\n  return (\n    <FormControl className={classes.formControl}>\n      <Select\n        data-testid={`${dataTestId}_select`}\n        className={classes.select}\n        MenuProps={{ classes: { paper: classes.paper } }}\n        autoWidth\n        value={currentValue}\n        onChange={e => onChange(e.target.value)}\n      >\n        {items.map(item => (\n          <MenuItem\n            data-testid={`${dataTestId}_option_${item.key}MenuItem`}\n            key={item.key}\n            value={item.key}\n          >\n            <ListItemText\n              primary={item.label}\n              classes={{ root: classes.listItem, primary: classes.listItemPrimaryText }}\n            />\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n}\n\nMetricsSelect.propTypes = {\n  items: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types\n  currentValue: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  'data-testid': PropTypes.string,\n};\n\nexport default withStyles(muiStyles)(MetricsSelect);\n"],"names":["MetricsSelect","_ref","items","currentValue","onChange","classes","_ref$dataTestid","dataTestId","_jsx","FormControl","className","formControl","children","Select","concat","select","MenuProps","paper","autoWidth","value","e","target","map","item","MenuItem","key","ListItemText","primary","label","root","listItem","listItemPrimaryText","propTypes","PropTypes","array","isRequired","string","func","shape","MetricsSelect$1","withStyles","borderBottom","width","padding","color","fontSize","overflow","textOverflow","backgroundColor","maxHeight"],"mappings":"oNA+BA,SAASA,EAMNC,GAAA,IALDC,IAAAA,MACAC,IAAAA,aACAC,IAAAA,SACAC,IAAAA,QAAOC,EAAAL,EACP,eAAeM,aAAa,gBAAeD,EAE3C,OACEE,EAACC,EAAW,CAACC,UAAWL,EAAQM,YAAYC,SAC1CJ,EAACK,EAAM,CACL,cAAA,GAAAC,OAAgBP,EAAoB,WACpCG,UAAWL,EAAQU,OACnBC,UAAW,CAAEX,QAAS,CAAEY,MAAOZ,EAAQY,QACvCC,WAAS,EACTC,MAAOhB,EACPC,SAAU,SAAAgB,GAAC,OAAIhB,EAASgB,EAAEC,OAAOF,MAAO,EAAAP,SAEvCV,EAAMoB,KAAI,SAAAC,GAAI,OACbf,EAACgB,EAAQ,CACP,cAAA,GAAAV,OAAgBP,EAAU,YAAAO,OAAWS,EAAKE,IAAc,YAExDN,MAAOI,EAAKE,IAAIb,SAEhBJ,EAACkB,EAAY,CACXC,QAASJ,EAAKK,MACdvB,QAAS,CAAEwB,KAAMxB,EAAQyB,SAAUH,QAAStB,EAAQ0B,wBALjDR,EAAKE,WAYtB,CAEAzB,EAAcgC,UAAY,CACxB9B,MAAO+B,EAAUC,MAAMC,WACvBhC,aAAc8B,EAAUG,OAAOD,WAC/B/B,SAAU6B,EAAUI,KAAKF,WACzB9B,QAAS4B,EAAUK,MAAM,CAAA,GAAIH,WAC7B,cAAeF,EAAUG,QAG3B,IAAAG,EAAeC,EArEG,CAChBzB,OAAQ,CACN,WAAY,CACV0B,aAAc,GAEhB,UAAW,CACTA,aAAc,IAGlB9B,YAAa,CACX+B,MAAO,SAETZ,SAAU,CACRa,QAAS,GAEXZ,oBAAqB,CACnBa,MAAO,OACPC,SAAU,OACVC,SAAU,SACVC,aAAc,YAEhB9B,MAAO,CACL+B,gBAAiB,UACjBC,UAAW,UA8CAT,CAAsBxC"}

package/components/OffsetWellPickerV2/components/Table/index.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 export declare const ROW_HEIGHT = 48;
 export declare const HEADER_HEIGHT = 44;
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+declare const _default: import("react").ComponentType<Pick<Pick<{
     classes: any;
     isMetricsLoading: any;
     metricsKeys: any;
@@ -13,10 +13,10 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
     onDeleteOffsetWell: any;
     onSorting: any;
     sortInfo: any;
-    subjectWell: any;
+    subjectWell?: null | undefined;
     unusableWellAlarm: any;
     wells: any;
-}, never> & Pick<PropTypes.InferProps<{
+}, "subjectWell"> & Pick<PropTypes.InferProps<{
     subjectWell: PropTypes.Requireable<PropTypes.InferProps<{
         id: PropTypes.Requireable<number>;
     }>>;
@@ -36,7 +36,7 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
     onDeleteAllOffsetWells: PropTypes.Validator<(...args: any[]) => any>;
     onSorting: PropTypes.Validator<(...args: any[]) => any>;
     unusableWellAlarm: PropTypes.Validator<string>;
-}>, "subjectWell" | PropTypes.RequiredKeys<{
+}>, PropTypes.RequiredKeys<{
     subjectWell: PropTypes.Requireable<PropTypes.InferProps<{
         id: PropTypes.Requireable<number>;
     }>>;
@@ -56,30 +56,21 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
     onDeleteAllOffsetWells: PropTypes.Validator<(...args: any[]) => any>;
     onSorting: PropTypes.Validator<(...args: any[]) => any>;
     unusableWellAlarm: PropTypes.Validator<string>;
-}>>, PropTypes.RequiredKeys<{
-    subjectWell: PropTypes.Requireable<PropTypes.InferProps<{
-        id: PropTypes.Requireable<number>;
-    }>>;
-    wells: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
-    offsetWells: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
-    metricsKeys: PropTypes.Validator<(string | null | undefined)[]>;
-    isMetricsLoading: PropTypes.Validator<boolean>;
-    sortInfo: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-        key: PropTypes.Validator<string>;
-        direction: PropTypes.Validator<number>;
-    }>>>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    onChangeMetricsKeys: PropTypes.Validator<(...args: any[]) => any>;
-    onAddOffsetWell: PropTypes.Validator<(...args: any[]) => any>;
-    onDeleteOffsetWell: PropTypes.Validator<(...args: any[]) => any>;
-    onAddAllOffsetWells: PropTypes.Validator<(...args: any[]) => any>;
-    onDeleteAllOffsetWells: PropTypes.Validator<(...args: any[]) => any>;
-    onSorting: PropTypes.Validator<(...args: any[]) => any>;
-    unusableWellAlarm: PropTypes.Validator<string>;
-}>> & {
-    subjectWell?: PropTypes.InferProps<{
-        id: PropTypes.Requireable<number>;
-    }> | null | undefined;
-} & {}, "isMetricsLoading" | "metricsKeys" | "offsetWells" | "onAddAllOffsetWells" | "onAddOffsetWell" | "onChangeMetricsKeys" | "onDeleteAllOffsetWells" | "onDeleteOffsetWell" | "onSorting" | "sortInfo" | "subjectWell" | "unusableWellAlarm" | "wells"> & import("@material-ui/styles").StyledComponentProps<"addWellInput" | "ascendingSortIcon" | "bodyCell" | "cell" | "errorMsg" | "header" | "headerCell" | "metricsCellWrapper" | "metricsColumn" | "nameCell" | "nameCheckBox" | "nameWrapper" | "rigReleaseCell" | "row" | "rowCell" | "settingsCell" | "sortIcon" | "sortIconButton" | "table" | "tableCellLabel" | "tableCellLabelDisabled" | "tableRowHoverEnabled" | "tableTitle" | "tableTitleItems" | "tableWrapper" | "title" | "unitCell">>;
+}>> & Pick<{
+    classes: any;
+    isMetricsLoading: any;
+    metricsKeys: any;
+    offsetWells: any;
+    onAddAllOffsetWells: any;
+    onAddOffsetWell: any;
+    onChangeMetricsKeys: any;
+    onDeleteAllOffsetWells: any;
+    onDeleteOffsetWell: any;
+    onSorting: any;
+    sortInfo: any;
+    subjectWell?: null | undefined;
+    unusableWellAlarm: any;
+    wells: any;
+}, never>, "isMetricsLoading" | "metricsKeys" | "offsetWells" | "onAddAllOffsetWells" | "onAddOffsetWell" | "onChangeMetricsKeys" | "onDeleteAllOffsetWells" | "onDeleteOffsetWell" | "onSorting" | "sortInfo" | "subjectWell" | "unusableWellAlarm" | "wells"> & import("@material-ui/styles").StyledComponentProps<"addWellInput" | "ascendingSortIcon" | "bodyCell" | "cell" | "errorMsg" | "header" | "headerCell" | "metricsCellWrapper" | "metricsColumn" | "nameCell" | "nameCheckBox" | "nameWrapper" | "rigReleaseCell" | "row" | "rowCell" | "settingsCell" | "sortIcon" | "sortIconButton" | "table" | "tableCellLabel" | "tableCellLabelDisabled" | "tableRowHoverEnabled" | "tableTitle" | "tableTitleItems" | "tableWrapper" | "title" | "unitCell">>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/components/OffsetWellPickerV2/components/Table/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/toConsumableArray";import{memo as r,useMemo as i}from"react";import n from"prop-types";import{isEqual as l,get as a,clone as o}from"lodash";import s from"moment";import c from"classnames";import{withStyles as d,Checkbox as f,Typography as u,IconButton as m}from"@material-ui/core";import p from"@material-ui/icons/Sort";import h from"@material-ui/icons/NotInterested";import{List as b}from"react-window";import{METRICS_LIST as g,TABLE_COLUMNS as y,SETTINGS_COLUMN as w,METRICS_KEYS as x}from"../../constants.js";import C from"./SubjectIndicator.js";import v from"./MetricsAddMenu.js";import W from"./MetricsSelect.js";import{getUnitDisplay as k,convertValue as O}from"../../../../utils/index.js";import{jsx as N,Fragment as j,jsxs as I}from"react/jsx-runtime";function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function R(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?S(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):S(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var D=48,A="WellsTable";function _(e,t){var r,i=a(e,t);switch(t){case"distance":r=Number.isFinite(i)?parseFloat(i).toFixed(2):"N/A";break;case"rigReleaseDate":r=Number.isFinite(i)?s.unix(i).format("MM/DD/YYYY"):"N/A";break;default:r=i||""}return r}function q(r){var n=r.subjectWell,s=r.wells,d=r.offsetWells,S=r.metricsKeys,D=r.isMetricsLoading,q=r.sortInfo,T=r.unusableWellAlarm,B=r.classes,L=r.onChangeMetricsKeys,M=r.onAddOffsetWell,P=r.onDeleteOffsetWell,K=r.onAddAllOffsetWells,z=r.onDeleteAllOffsetWells,F=r.onSorting,Y=i((function(){return s.filter((function(e){return e.is_usable}))}),[s]),H=i((function(){var e=Y.map((function(e){return e.id})).sort(),t=d.map((function(e){return e.id})).sort();return e.length&&l(e,t)}),[Y,d]),E=i((function(){return S.reduce((function(e,t){return e.concat(g.filter((function(e){return e.key===t})))}),[])}),[S]),G=i((function(){return[].concat(t(y),t(E.map((function(e){return R(R({},e),{},{width:240})}))),[w])}),[E]),V=function(e){L(e)},X=function(e){e.target.checked?K():z()},$=function(t){return N(m,{"data-testid":"".concat(A,"_sortRemove"),"data-not-migrated-muiiconbutton":!0,className:B.sortIconButton,onClick:function(){return function(e){F(e)}(t)},children:t!==q.key?N(h,{className:B.sortIcon}):N(p,{className:c(B.sortIcon,e({},B.ascendingSortIcon,1===q.direction))})})},J=function(e){var t,r=e.label,i=e.dataKey;if("name"===i)return I("div",{"data-testid":"".concat(A,"_wellHeader"),className:B.nameWrapper,children:[N(f,{"data-testid":"".concat(A,"_selectAll"),classes:{checked:B.nameCheckBox,indeterminate:B.nameCheckBox},onClick:X,checked:H,indeterminate:d.length>0&&!H,size:"small"}),N(u,{className:c(B.cell,B.nameCell),children:r}),$(i)]});if(S.includes(i)){var n=E.find((function(e){return e.key===i})),l=E.findIndex((function(e){return e.key===i}));return I("div",{"data-testid":"".concat(A,"_header_").concat(i),className:B.metricsColumn,children:[N(W,{items:g,currentValue:i,onChange:(t=l,function(e){var r=o(S);r[t]=e,L(r)})}),N(u,{className:c(B.cell,B.unitCell),children:n.unitType?"(".concat(k(n.unitType,n.to),")"):""}),$(i)]})}return i===w.key?N("div",{className:B.settingsCell,children:N(v,{metricsKeys:S,onChange:V})}):I("div",{"data-testid":"".concat(A,"_header_").concat(r),className:B.nameWrapper,children:[N(u,{className:B.cell,children:r}),$(i)]})},Q=function(t){var r=t.well,i=t.dataKey;if("name"===i)return I("div",{"data-testid":"".concat(A,"_row_").concat(r.name),className:B.nameWrapper,children:[N(f,{"data-testid":"".concat(A,"_wellCheckbox"),color:"primary",checked:d.findIndex((function(e){return e.id===r.id}))>-1,onChange:function(e){return t=r.id,void(e.target.checked?M(t):P(t));var t},size:"small",disabled:!r.is_usable}),N(u,{"data-testid":"".concat(A,"_wellName"),className:c(B.tableCellLabel,e({},B.tableCellLabelDisabled,!r.is_usable)),children:_(r,i)}),n&&r.id===n.id&&N(C,{})]});if(i===w.key)return N("div",{className:B.settingsCell,children:!r.is_usable&&N(u,{className:B.errorMsg,children:T})});var l=null;if(S.includes(i)){var o=E.find((function(e){return e.key===i}));l=function(e,t,r){var i=a(e,t.key);if(x.includes(t.key)){if(Number.isFinite(i)||i)return t.unitType?O(i,t.unitType,t.from,t.to):i;if(r)return"loading..."}return""}(r,o,D)}else l=_(r,i);return N(u,{"data-testid":"".concat(A,"_cell}"),className:c(B.cell,B.tableCellLabel,e({},B.tableCellLabelDisabled,!r.is_usable)),children:l})};return N(j,{children:I("div",{className:B.tableWrapper,children:[N("div",{className:B.header,children:G.map((function(e){return N("div",{className:B.headerCell,style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},children:J({label:e.label,dataKey:e.key})},e.key)}))}),N("div",{className:B.table,children:N(b,{rowCount:s.length,rowHeight:48,rowComponent:function(e){var t=e.index,r=e.style,i=e.ariaAttributes,n=e.wells;return N("div",R(R({style:R({},r)},i),{},{className:B.row,children:G.map((function(e){return N("div",{style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},className:B.rowCell,children:Q({well:n[t],dataKey:e.key})},e.key)}))}))},rowProps:{wells:s,tableColumns:G}})})]})})}q.propTypes={subjectWell:n.shape({id:n.number}),wells:n.arrayOf(n.shape({})).isRequired,offsetWells:n.arrayOf(n.shape({})).isRequired,metricsKeys:n.arrayOf(n.string).isRequired,isMetricsLoading:n.bool.isRequired,sortInfo:n.shape({key:n.string.isRequired,direction:n.number.isRequired}).isRequired,classes:n.shape({}).isRequired,onChangeMetricsKeys:n.func.isRequired,onAddOffsetWell:n.func.isRequired,onDeleteOffsetWell:n.func.isRequired,onAddAllOffsetWells:n.func.isRequired,onDeleteAllOffsetWells:n.func.isRequired,onSorting:n.func.isRequired,unusableWellAlarm:n.string.isRequired},q.defaultProps={subjectWell:null};var T=d((function(e){return{title:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",marginBottom:"15px",marginTop:"16px"},tableWrapper:{marginTop:"24px",overflowX:"auto",overflowY:"hidden",position:"relative",minHeight:150,borderTop:"1px solid rgba(81, 81, 81, 1)",height:"100vh"},table:{position:"absolute!important",inset:"44px 0 0"},header:{display:"flex",flexFlow:"row nowrap",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",height:44,alignItems:"center"},headerCell:{flex:"0 0",alignSelf:"center",paddingRight:10,"&:first-child":{marginLeft:10}},row:{display:"flex",flexFlow:"row nowrap",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",height:48,alignItems:"center"},rowCell:{flex:"0 0",alignSelf:"center",paddingRight:10,"&:first-child":{paddingLeft:10}},cell:{color:"rgba(255, 255, 255, 0.54)",padding:"5px 10px",fontSize:"12px",whiteSpace:"nowrap"},nameWrapper:{display:"flex",alignItems:"center"},nameCell:{padding:0},unitCell:{padding:0},tableRowHoverEnabled:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},settingsCell:{textAlign:"right"},rigReleaseCell:{whiteSpace:"nowrap"},nameCheckBox:{color:e.palette.primary.main},bodyCell:{fontSize:"0.90rem",padding:"5px 10px"},metricsCellWrapper:{display:"flex",flexDirection:"row",alignContent:"center"},tableTitle:{fontSize:"16px",lineHeight:"140.6%",marginTop:10},tableTitleItems:{display:"flex",flexDirection:"row",alignItems:"center"},addWellInput:{width:300,marginTop:10},sortIconButton:{padding:"8px","&:hover $sortIcon":{color:"#fff"}},ascendingSortIcon:{transform:"scaleY(-1)"},sortIcon:{fontSize:"14px",color:"#BDBDBD"},metricsColumn:{display:"flex",alignItems:"center"},tableCellLabel:{fontSize:"0.90rem",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",color:"#fff"},tableCellLabelDisabled:{color:"#C4C4C4"},errorMsg:{color:"#C4C4C4",fontStyle:"italic",fontSize:"14px",padding:"0 16px",whiteSpace:"nowrap"}}}))(r(q));export{D as ROW_HEIGHT,T as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/toConsumableArray";import{memo as r,useMemo as i}from"react";import n from"prop-types";import{isEqual as l,get as a,clone as o}from"lodash";import s from"moment";import c from"classnames";import{withStyles as d,Checkbox as f,Typography as u,IconButton as m}from"@material-ui/core";import p from"@material-ui/icons/Sort";import h from"@material-ui/icons/NotInterested";import{List as b}from"react-window";import{METRICS_LIST as g,TABLE_COLUMNS as y,SETTINGS_COLUMN as w,METRICS_KEYS as x}from"../../constants.js";import C from"./SubjectIndicator.js";import v from"./MetricsAddMenu.js";import W from"./MetricsSelect.js";import{getUnitDisplay as k,convertValue as O}from"../../../../utils/index.js";import{jsx as N,Fragment as I,jsxs as S}from"react/jsx-runtime";function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function R(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?j(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var D=48,A="WellsTable";function _(e,t){var r,i=a(e,t);switch(t){case"distance":r=Number.isFinite(i)?parseFloat(i).toFixed(2):"N/A";break;case"rigReleaseDate":r=Number.isFinite(i)?s.unix(i).format("MM/DD/YYYY"):"N/A";break;default:r=i||""}return r}function q(r){var n=r.subjectWell,s=void 0===n?null:n,d=r.wells,j=r.offsetWells,D=r.metricsKeys,q=r.isMetricsLoading,T=r.sortInfo,B=r.unusableWellAlarm,L=r.classes,M=r.onChangeMetricsKeys,P=r.onAddOffsetWell,K=r.onDeleteOffsetWell,z=r.onAddAllOffsetWells,F=r.onDeleteAllOffsetWells,Y=r.onSorting,H=i((function(){return d.filter((function(e){return e.is_usable}))}),[d]),E=i((function(){var e=H.map((function(e){return e.id})).sort(),t=j.map((function(e){return e.id})).sort();return e.length&&l(e,t)}),[H,j]),G=i((function(){return D.reduce((function(e,t){return e.concat(g.filter((function(e){return e.key===t})))}),[])}),[D]),V=i((function(){return[].concat(t(y),t(G.map((function(e){return R(R({},e),{},{width:240})}))),[w])}),[G]),X=function(e){M(e)},$=function(e){e.target.checked?z():F()},J=function(t){return N(m,{"data-testid":"".concat(A,"_sortRemove"),"data-not-migrated-muiiconbutton":!0,className:L.sortIconButton,onClick:function(){return function(e){Y(e)}(t)},children:t!==T.key?N(h,{className:L.sortIcon}):N(p,{className:c(L.sortIcon,e({},L.ascendingSortIcon,1===T.direction))})})},Q=function(e){var t,r=e.label,i=e.dataKey;if("name"===i)return S("div",{"data-testid":"".concat(A,"_wellHeader"),className:L.nameWrapper,children:[N(f,{"data-testid":"".concat(A,"_selectAll"),classes:{checked:L.nameCheckBox,indeterminate:L.nameCheckBox},onClick:$,checked:E,indeterminate:j.length>0&&!E,size:"small"}),N(u,{className:c(L.cell,L.nameCell),children:r}),J(i)]});if(D.includes(i)){var n=G.find((function(e){return e.key===i})),l=G.findIndex((function(e){return e.key===i}));return S("div",{"data-testid":"".concat(A,"_header_").concat(i),className:L.metricsColumn,children:[N(W,{items:g,currentValue:i,onChange:(t=l,function(e){var r=o(D);r[t]=e,M(r)})}),N(u,{className:c(L.cell,L.unitCell),children:n.unitType?"(".concat(k(n.unitType,n.to),")"):""}),J(i)]})}return i===w.key?N("div",{className:L.settingsCell,children:N(v,{metricsKeys:D,onChange:X})}):S("div",{"data-testid":"".concat(A,"_header_").concat(r),className:L.nameWrapper,children:[N(u,{className:L.cell,children:r}),J(i)]})},U=function(t){var r=t.well,i=t.dataKey;if("name"===i)return S("div",{"data-testid":"".concat(A,"_row_").concat(r.name),className:L.nameWrapper,children:[N(f,{"data-testid":"".concat(A,"_wellCheckbox"),color:"primary",checked:j.findIndex((function(e){return e.id===r.id}))>-1,onChange:function(e){return t=r.id,void(e.target.checked?P(t):K(t));var t},size:"small",disabled:!r.is_usable}),N(u,{"data-testid":"".concat(A,"_wellName"),className:c(L.tableCellLabel,e({},L.tableCellLabelDisabled,!r.is_usable)),children:_(r,i)}),s&&r.id===s.id&&N(C,{})]});if(i===w.key)return N("div",{className:L.settingsCell,children:!r.is_usable&&N(u,{className:L.errorMsg,children:B})});var n=null;if(D.includes(i)){var l=G.find((function(e){return e.key===i}));n=function(e,t,r){var i=a(e,t.key);if(x.includes(t.key)){if(Number.isFinite(i)||i)return t.unitType?O(i,t.unitType,t.from,t.to):i;if(r)return"loading..."}return""}(r,l,q)}else n=_(r,i);return N(u,{"data-testid":"".concat(A,"_cell}"),className:c(L.cell,L.tableCellLabel,e({},L.tableCellLabelDisabled,!r.is_usable)),children:n})};return N(I,{children:S("div",{className:L.tableWrapper,children:[N("div",{className:L.header,children:V.map((function(e){return N("div",{className:L.headerCell,style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},children:Q({label:e.label,dataKey:e.key})},e.key)}))}),N("div",{className:L.table,children:N(b,{rowCount:d.length,rowHeight:48,rowComponent:function(e){var t=e.index,r=e.style,i=e.ariaAttributes,n=e.wells;return N("div",R(R({style:R({},r)},i),{},{className:L.row,children:V.map((function(e){return N("div",{style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},className:L.rowCell,children:U({well:n[t],dataKey:e.key})},e.key)}))}))},rowProps:{wells:d,tableColumns:V}})})]})})}q.propTypes={subjectWell:n.shape({id:n.number}),wells:n.arrayOf(n.shape({})).isRequired,offsetWells:n.arrayOf(n.shape({})).isRequired,metricsKeys:n.arrayOf(n.string).isRequired,isMetricsLoading:n.bool.isRequired,sortInfo:n.shape({key:n.string.isRequired,direction:n.number.isRequired}).isRequired,classes:n.shape({}).isRequired,onChangeMetricsKeys:n.func.isRequired,onAddOffsetWell:n.func.isRequired,onDeleteOffsetWell:n.func.isRequired,onAddAllOffsetWells:n.func.isRequired,onDeleteAllOffsetWells:n.func.isRequired,onSorting:n.func.isRequired,unusableWellAlarm:n.string.isRequired};var T=d((function(e){return{title:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",marginBottom:"15px",marginTop:"16px"},tableWrapper:{marginTop:"24px",overflowX:"auto",overflowY:"hidden",position:"relative",minHeight:150,borderTop:"1px solid rgba(81, 81, 81, 1)",height:"100vh"},table:{position:"absolute!important",inset:"44px 0 0"},header:{display:"flex",flexFlow:"row nowrap",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",height:44,alignItems:"center"},headerCell:{flex:"0 0",alignSelf:"center",paddingRight:10,"&:first-child":{marginLeft:10}},row:{display:"flex",flexFlow:"row nowrap",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",height:48,alignItems:"center"},rowCell:{flex:"0 0",alignSelf:"center",paddingRight:10,"&:first-child":{paddingLeft:10}},cell:{color:"rgba(255, 255, 255, 0.54)",padding:"5px 10px",fontSize:"12px",whiteSpace:"nowrap"},nameWrapper:{display:"flex",alignItems:"center"},nameCell:{padding:0},unitCell:{padding:0},tableRowHoverEnabled:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},settingsCell:{textAlign:"right"},rigReleaseCell:{whiteSpace:"nowrap"},nameCheckBox:{color:e.palette.primary.main},bodyCell:{fontSize:"0.90rem",padding:"5px 10px"},metricsCellWrapper:{display:"flex",flexDirection:"row",alignContent:"center"},tableTitle:{fontSize:"16px",lineHeight:"140.6%",marginTop:10},tableTitleItems:{display:"flex",flexDirection:"row",alignItems:"center"},addWellInput:{width:300,marginTop:10},sortIconButton:{padding:"8px","&:hover $sortIcon":{color:"#fff"}},ascendingSortIcon:{transform:"scaleY(-1)"},sortIcon:{fontSize:"14px",color:"#BDBDBD"},metricsColumn:{display:"flex",alignItems:"center"},tableCellLabel:{fontSize:"0.90rem",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",color:"#fff"},tableCellLabelDisabled:{color:"#C4C4C4"},errorMsg:{color:"#C4C4C4",fontStyle:"italic",fontSize:"14px",padding:"0 16px",whiteSpace:"nowrap"}}}))(r(q));export{D as ROW_HEIGHT,T as default};
 //# sourceMappingURL=index.js.map

package/components/OffsetWellPickerV2/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { clone, get, isEqual } from 'lodash';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Checkbox, IconButton, Typography, withStyles } from '@material-ui/core';\nimport SortIcon from '@material-ui/icons/Sort';\nimport NotInterestedIcon from '@material-ui/icons/NotInterested';\nimport { List } from 'react-window';\n\nimport { METRICS_KEYS, METRICS_LIST, SETTINGS_COLUMN, TABLE_COLUMNS } from '../../constants';\n\nimport SubjectIndicator from './SubjectIndicator';\nimport MetricsAddMenu from './MetricsAddMenu';\nimport MetricsSelect from './MetricsSelect';\n\nimport { convertValue, getUnitDisplay } from '~/utils';\n\nexport const ROW_HEIGHT = 48;\nexport const HEADER_HEIGHT = 44;\n\nconst PAGE_NAME = 'WellsTable';\n\nconst muiStyles = theme => ({\n  title: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginBottom: '15px',\n    marginTop: '16px',\n  },\n  tableWrapper: {\n    marginTop: '24px',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n    position: 'relative',\n    minHeight: 150,\n    borderTop: '1px solid rgba(81, 81, 81, 1)',\n    height: '100vh',\n  },\n  table: {\n    position: 'absolute!important',\n    inset: '44px 0 0',\n  },\n  header: {\n    display: 'flex',\n    flexFlow: 'row nowrap',\n    borderBottom: theme.isLightTheme\n      ? '1px solid rgba(224, 224, 224, 1)'\n      : '1px solid rgba(81, 81, 81, 1)',\n    height: 44,\n    alignItems: 'center',\n  },\n  headerCell: {\n    flex: '0 0',\n    alignSelf: 'center',\n    paddingRight: 10,\n    '&:first-child': { marginLeft: 10 },\n  },\n  row: {\n    display: 'flex',\n    flexFlow: 'row nowrap',\n    borderBottom: theme.isLightTheme\n      ? '1px solid rgba(224, 224, 224, 1)'\n      : '1px solid rgba(81, 81, 81, 1)',\n    height: ROW_HEIGHT,\n    alignItems: 'center',\n  },\n  rowCell: {\n    flex: '0 0',\n    alignSelf: 'center',\n    paddingRight: 10,\n    '&:first-child': { paddingLeft: 10 },\n  },\n  cell: {\n    color: 'rgba(255, 255, 255, 0.54)',\n    padding: '5px 10px',\n    fontSize: '12px',\n    whiteSpace: 'nowrap',\n  },\n  nameWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  nameCell: {\n    padding: 0,\n  },\n  unitCell: {\n    padding: 0,\n  },\n  tableRowHoverEnabled: {\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n    },\n  },\n  settingsCell: {\n    textAlign: 'right',\n  },\n  rigReleaseCell: {\n    whiteSpace: 'nowrap',\n  },\n  nameCheckBox: {\n    color: theme.palette.primary.main,\n  },\n  bodyCell: {\n    fontSize: '0.90rem',\n    padding: '5px 10px',\n  },\n  metricsCellWrapper: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignContent: 'center',\n  },\n  tableTitle: {\n    fontSize: '16px',\n    lineHeight: '140.6%',\n    marginTop: 10,\n  },\n  tableTitleItems: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  addWellInput: {\n    width: 300,\n    marginTop: 10,\n  },\n  sortIconButton: {\n    padding: '8px',\n    '&:hover $sortIcon': {\n      color: '#fff',\n    },\n  },\n  ascendingSortIcon: {\n    transform: 'scaleY(-1)',\n  },\n  sortIcon: {\n    fontSize: '14px',\n    color: '#BDBDBD',\n  },\n  metricsColumn: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  tableCellLabel: {\n    fontSize: '0.90rem',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    color: '#fff',\n  },\n  tableCellLabelDisabled: {\n    color: '#C4C4C4',\n  },\n  errorMsg: {\n    color: '#C4C4C4',\n    fontStyle: 'italic',\n    fontSize: '14px',\n    padding: '0 16px',\n    whiteSpace: 'nowrap',\n  },\n});\n\nfunction formatItem(item, key) {\n  const value = get(item, key);\n\n  let result;\n  switch (key) {\n    case 'distance':\n      result = Number.isFinite(value) ? parseFloat(value).toFixed(2) : 'N/A';\n      break;\n    case 'rigReleaseDate':\n      result = Number.isFinite(value) ? moment.unix(value).format('MM/DD/YYYY') : 'N/A';\n      break;\n    default:\n      result = value || '';\n  }\n\n  return result;\n}\n\nfunction formatMetricItem(item, metric, isMetricsLoading) {\n  const value = get(item, metric.key);\n\n  if (METRICS_KEYS.includes(metric.key)) {\n    if (Number.isFinite(value) || value) {\n      return metric.unitType ? convertValue(value, metric.unitType, metric.from, metric.to) : value;\n    }\n\n    if (isMetricsLoading) {\n      return 'loading...';\n    }\n  }\n\n  return '';\n}\n\n/* eslint-disable react/no-array-index-key */\nfunction WellsTable({\n  subjectWell,\n  wells,\n  offsetWells,\n  metricsKeys,\n  isMetricsLoading,\n  sortInfo,\n  unusableWellAlarm,\n  classes,\n  onChangeMetricsKeys,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n  onAddAllOffsetWells,\n  onDeleteAllOffsetWells,\n  onSorting,\n}) {\n  // NOTE: Get usable wells & offset wells only\n  const usableWells = useMemo(() => {\n    return wells.filter(item => item.is_usable);\n  }, [wells]);\n\n  // NOTE: Just compare among usable wells\n  const isAllUsableWellsSelected = useMemo(() => {\n    const usableWellIds = usableWells.map(well => well.id).sort();\n    const offsetWellIds = offsetWells.map(well => well.id).sort();\n    return usableWellIds.length && isEqual(usableWellIds, offsetWellIds);\n  }, [usableWells, offsetWells]);\n\n  const metricsColumns = useMemo(() => {\n    // NOTE: Pay attention to the order of metrics and duplication\n    return metricsKeys.reduce(\n      (result, key) => result.concat(METRICS_LIST.filter(item => item.key === key)),\n      []\n    );\n  }, [metricsKeys]);\n\n  // NOTE: Table columns\n  const tableColumns = useMemo(() => {\n    return [\n      ...TABLE_COLUMNS,\n      ...metricsColumns.map(item => ({ ...item, width: 240 })),\n      SETTINGS_COLUMN,\n    ];\n  }, [metricsColumns]);\n\n  const handleChangeMetricsKeys = newKeys => {\n    onChangeMetricsKeys(newKeys);\n  };\n\n  const handleChangeColumnMetricsKey = columnIdx => newKey => {\n    const newKeys = clone(metricsKeys);\n    newKeys[columnIdx] = newKey;\n    onChangeMetricsKeys(newKeys);\n  };\n\n  const handleSorting = dataKey => {\n    onSorting(dataKey);\n  };\n\n  const handleToggleWell = (targetId, checked) => {\n    if (checked) {\n      onAddOffsetWell(targetId);\n    } else {\n      onDeleteOffsetWell(targetId);\n    }\n  };\n\n  const handleToggleWells = e => {\n    if (e.target.checked) {\n      onAddAllOffsetWells();\n    } else {\n      onDeleteAllOffsetWells();\n    }\n  };\n\n  const sortIconRenderer = dataKey => {\n    return (\n      <IconButton\n        data-testid={`${PAGE_NAME}_sortRemove`}\n        data-not-migrated-muiiconbutton\n        className={classes.sortIconButton}\n        onClick={() => handleSorting(dataKey)}\n      >\n        {dataKey !== sortInfo.key ? (\n          <NotInterestedIcon className={classes.sortIcon} />\n        ) : (\n          <SortIcon\n            className={classNames(classes.sortIcon, {\n              [classes.ascendingSortIcon]: sortInfo.direction === 1,\n            })}\n          />\n        )}\n      </IconButton>\n    );\n  };\n\n  // NOTE: Table renderers\n  const headerRenderer = headerData => {\n    const { label, dataKey } = headerData;\n\n    // name column\n    if (dataKey === 'name') {\n      return (\n        <div data-testid={`${PAGE_NAME}_wellHeader`} className={classes.nameWrapper}>\n          <Checkbox\n            data-testid={`${PAGE_NAME}_selectAll`}\n            classes={{\n              checked: classes.nameCheckBox,\n              indeterminate: classes.nameCheckBox,\n            }}\n            onClick={handleToggleWells}\n            checked={isAllUsableWellsSelected}\n            indeterminate={offsetWells.length > 0 && !isAllUsableWellsSelected}\n            size=\"small\"\n          />\n          <Typography className={classNames(classes.cell, classes.nameCell)}>{label}</Typography>\n          {sortIconRenderer(dataKey)}\n        </div>\n      );\n    }\n\n    // metrics columns\n    if (metricsKeys.includes(dataKey)) {\n      const currentMetric = metricsColumns.find(item => item.key === dataKey);\n      const metricIndex = metricsColumns.findIndex(item => item.key === dataKey);\n      return (\n        <div data-testid={`${PAGE_NAME}_header_${dataKey}`} className={classes.metricsColumn}>\n          <MetricsSelect\n            items={METRICS_LIST}\n            currentValue={dataKey}\n            onChange={handleChangeColumnMetricsKey(metricIndex)}\n          />\n          <Typography className={classNames(classes.cell, classes.unitCell)}>\n            {currentMetric.unitType\n              ? `(${getUnitDisplay(currentMetric.unitType, currentMetric.to)})`\n              : ''}\n          </Typography>\n          {sortIconRenderer(dataKey)}\n        </div>\n      );\n    }\n\n    // settings column\n    if (dataKey === SETTINGS_COLUMN.key) {\n      return (\n        <div className={classes.settingsCell}>\n          <MetricsAddMenu metricsKeys={metricsKeys} onChange={handleChangeMetricsKeys} />\n        </div>\n      );\n    }\n\n    return (\n      <div data-testid={`${PAGE_NAME}_header_${label}`} className={classes.nameWrapper}>\n        <Typography className={classes.cell}>{label}</Typography>\n        {sortIconRenderer(dataKey)}\n      </div>\n    );\n  };\n\n  const cellRenderer = ({ well, dataKey }) => {\n    if (dataKey === 'name') {\n      return (\n        <div data-testid={`${PAGE_NAME}_row_${well.name}`} className={classes.nameWrapper}>\n          <Checkbox\n            data-testid={`${PAGE_NAME}_wellCheckbox`}\n            color=\"primary\"\n            checked={offsetWells.findIndex(offsetWell => offsetWell.id === well.id) > -1}\n            onChange={e => handleToggleWell(well.id, e.target.checked)}\n            size=\"small\"\n            disabled={!well.is_usable}\n          />\n\n          <Typography\n            data-testid={`${PAGE_NAME}_wellName`}\n            className={classNames(classes.tableCellLabel, {\n              [classes.tableCellLabelDisabled]: !well.is_usable,\n            })}\n          >\n            {formatItem(well, dataKey)}\n          </Typography>\n          {subjectWell && well.id === subjectWell.id && <SubjectIndicator />}\n        </div>\n      );\n    }\n\n    // settings column\n    if (dataKey === SETTINGS_COLUMN.key) {\n      return (\n        <div className={classes.settingsCell}>\n          {!well.is_usable && (\n            <Typography className={classes.errorMsg}>{unusableWellAlarm}</Typography>\n          )}\n        </div>\n      );\n    }\n\n    let formattedCellData = null;\n    if (metricsKeys.includes(dataKey)) {\n      const currentMetric = metricsColumns.find(item => item.key === dataKey);\n      formattedCellData = formatMetricItem(well, currentMetric, isMetricsLoading);\n    } else {\n      formattedCellData = formatItem(well, dataKey);\n    }\n    return (\n      <Typography\n        data-testid={`${PAGE_NAME}_cell}`}\n        className={classNames(classes.cell, classes.tableCellLabel, {\n          [classes.tableCellLabelDisabled]: !well.is_usable,\n        })}\n      >\n        {formattedCellData}\n      </Typography>\n    );\n  };\n\n  return (\n    <>\n      <div className={classes.tableWrapper}>\n        <div className={classes.header}>\n          {tableColumns.map(column => (\n            <div\n              className={classes.headerCell}\n              key={column.key}\n              style={{\n                flexBasis: column.width,\n                minWidth: column.minWidth,\n                flexGrow: column.minWidth ? 1 : 0,\n              }}\n            >\n              {headerRenderer({ label: column.label, dataKey: column.key })}\n            </div>\n          ))}\n        </div>\n        <div className={classes.table}>\n          <List\n            rowCount={wells.length}\n            rowHeight={ROW_HEIGHT}\n            rowComponent={({ index, style, ariaAttributes, wells }) => {\n              return (\n                <div style={{ ...style }} {...ariaAttributes} className={classes.row}>\n                  {tableColumns.map(column => (\n                    <div\n                      key={column.key}\n                      style={{\n                        flexBasis: column.width,\n                        minWidth: column.minWidth,\n                        flexGrow: column.minWidth ? 1 : 0,\n                      }}\n                      className={classes.rowCell}\n                    >\n                      {cellRenderer({\n                        well: wells[index],\n                        dataKey: column.key,\n                      })}\n                    </div>\n                  ))}\n                </div>\n              );\n            }}\n            rowProps={{ wells, tableColumns }}\n          />\n        </div>\n      </div>\n    </>\n  );\n}\n\nWellsTable.propTypes = {\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  isMetricsLoading: PropTypes.bool.isRequired,\n  sortInfo: PropTypes.shape({\n    key: PropTypes.string.isRequired,\n    direction: PropTypes.number.isRequired,\n  }).isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  onChangeMetricsKeys: PropTypes.func.isRequired,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n  onAddAllOffsetWells: PropTypes.func.isRequired,\n  onDeleteAllOffsetWells: PropTypes.func.isRequired,\n  onSorting: PropTypes.func.isRequired,\n  unusableWellAlarm: PropTypes.string.isRequired,\n  // isAdvancedSearch: PropTypes.bool,\n};\n\nWellsTable.defaultProps = {\n  subjectWell: null,\n  // isAdvancedSearch: false,\n};\n\nexport default withStyles(muiStyles)(memo(WellsTable));\n"],"names":["ROW_HEIGHT","PAGE_NAME","formatItem","item","key","result","value","get","Number","isFinite","parseFloat","toFixed","moment","unix","format","WellsTable","_ref","subjectWell","wells","offsetWells","metricsKeys","isMetricsLoading","sortInfo","unusableWellAlarm","classes","onChangeMetricsKeys","onAddOffsetWell","onDeleteOffsetWell","onAddAllOffsetWells","onDeleteAllOffsetWells","onSorting","usableWells","useMemo","filter","is_usable","isAllUsableWellsSelected","usableWellIds","map","well","id","sort","offsetWellIds","length","isEqual","metricsColumns","reduce","concat","METRICS_LIST","tableColumns","_toConsumableArray","TABLE_COLUMNS","_objectSpread","width","SETTINGS_COLUMN","handleChangeMetricsKeys","newKeys","handleToggleWells","e","target","checked","sortIconRenderer","dataKey","_jsx","IconButton","className","sortIconButton","onClick","handleSorting","children","NotInterestedIcon","sortIcon","SortIcon","classNames","_defineProperty","ascendingSortIcon","direction","headerRenderer","headerData","columnIdx","label","_jsxs","nameWrapper","Checkbox","nameCheckBox","indeterminate","size","Typography","cell","nameCell","includes","currentMetric","find","metricIndex","findIndex","metricsColumn","MetricsSelect","items","currentValue","onChange","newKey","clone","unitCell","unitType","getUnitDisplay","to","settingsCell","MetricsAddMenu","cellRenderer","_ref2","name","color","offsetWell","targetId","disabled","tableCellLabel","tableCellLabelDisabled","SubjectIndicator","errorMsg","formattedCellData","metric","METRICS_KEYS","convertValue","from","formatMetricItem","_Fragment","tableWrapper","header","column","headerCell","style","flexBasis","minWidth","flexGrow","table","List","rowCount","rowHeight","rowComponent","_ref3","index","ariaAttributes","row","rowCell","rowProps","propTypes","PropTypes","shape","number","arrayOf","isRequired","string","bool","func","defaultProps","withStyles","theme","title","display","justifyContent","alignItems","flexWrap","marginBottom","marginTop","overflowX","overflowY","position","minHeight","borderTop","height","inset","flexFlow","borderBottom","isLightTheme","flex","alignSelf","paddingRight","marginLeft","paddingLeft","padding","fontSize","whiteSpace","tableRowHoverEnabled","backgroundColor","textAlign","rigReleaseCell","palette","primary","main","bodyCell","metricsCellWrapper","flexDirection","alignContent","tableTitle","lineHeight","tableTitleItems","addWellInput","transform","overflow","textOverflow","fontStyle","memo"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { clone, get, isEqual } from 'lodash';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Checkbox, IconButton, Typography, withStyles } from '@material-ui/core';\nimport SortIcon from '@material-ui/icons/Sort';\nimport NotInterestedIcon from '@material-ui/icons/NotInterested';\nimport { List } from 'react-window';\n\nimport { METRICS_KEYS, METRICS_LIST, SETTINGS_COLUMN, TABLE_COLUMNS } from '../../constants';\n\nimport SubjectIndicator from './SubjectIndicator';\nimport MetricsAddMenu from './MetricsAddMenu';\nimport MetricsSelect from './MetricsSelect';\n\nimport { convertValue, getUnitDisplay } from '~/utils';\n\nexport const ROW_HEIGHT = 48;\nexport const HEADER_HEIGHT = 44;\n\nconst PAGE_NAME = 'WellsTable';\n\nconst muiStyles = theme => ({\n  title: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginBottom: '15px',\n    marginTop: '16px',\n  },\n  tableWrapper: {\n    marginTop: '24px',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n    position: 'relative',\n    minHeight: 150,\n    borderTop: '1px solid rgba(81, 81, 81, 1)',\n    height: '100vh',\n  },\n  table: {\n    position: 'absolute!important',\n    inset: '44px 0 0',\n  },\n  header: {\n    display: 'flex',\n    flexFlow: 'row nowrap',\n    borderBottom: theme.isLightTheme\n      ? '1px solid rgba(224, 224, 224, 1)'\n      : '1px solid rgba(81, 81, 81, 1)',\n    height: 44,\n    alignItems: 'center',\n  },\n  headerCell: {\n    flex: '0 0',\n    alignSelf: 'center',\n    paddingRight: 10,\n    '&:first-child': { marginLeft: 10 },\n  },\n  row: {\n    display: 'flex',\n    flexFlow: 'row nowrap',\n    borderBottom: theme.isLightTheme\n      ? '1px solid rgba(224, 224, 224, 1)'\n      : '1px solid rgba(81, 81, 81, 1)',\n    height: ROW_HEIGHT,\n    alignItems: 'center',\n  },\n  rowCell: {\n    flex: '0 0',\n    alignSelf: 'center',\n    paddingRight: 10,\n    '&:first-child': { paddingLeft: 10 },\n  },\n  cell: {\n    color: 'rgba(255, 255, 255, 0.54)',\n    padding: '5px 10px',\n    fontSize: '12px',\n    whiteSpace: 'nowrap',\n  },\n  nameWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  nameCell: {\n    padding: 0,\n  },\n  unitCell: {\n    padding: 0,\n  },\n  tableRowHoverEnabled: {\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n    },\n  },\n  settingsCell: {\n    textAlign: 'right',\n  },\n  rigReleaseCell: {\n    whiteSpace: 'nowrap',\n  },\n  nameCheckBox: {\n    color: theme.palette.primary.main,\n  },\n  bodyCell: {\n    fontSize: '0.90rem',\n    padding: '5px 10px',\n  },\n  metricsCellWrapper: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignContent: 'center',\n  },\n  tableTitle: {\n    fontSize: '16px',\n    lineHeight: '140.6%',\n    marginTop: 10,\n  },\n  tableTitleItems: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  addWellInput: {\n    width: 300,\n    marginTop: 10,\n  },\n  sortIconButton: {\n    padding: '8px',\n    '&:hover $sortIcon': {\n      color: '#fff',\n    },\n  },\n  ascendingSortIcon: {\n    transform: 'scaleY(-1)',\n  },\n  sortIcon: {\n    fontSize: '14px',\n    color: '#BDBDBD',\n  },\n  metricsColumn: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  tableCellLabel: {\n    fontSize: '0.90rem',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    color: '#fff',\n  },\n  tableCellLabelDisabled: {\n    color: '#C4C4C4',\n  },\n  errorMsg: {\n    color: '#C4C4C4',\n    fontStyle: 'italic',\n    fontSize: '14px',\n    padding: '0 16px',\n    whiteSpace: 'nowrap',\n  },\n});\n\nfunction formatItem(item, key) {\n  const value = get(item, key);\n\n  let result;\n  switch (key) {\n    case 'distance':\n      result = Number.isFinite(value) ? parseFloat(value).toFixed(2) : 'N/A';\n      break;\n    case 'rigReleaseDate':\n      result = Number.isFinite(value) ? moment.unix(value).format('MM/DD/YYYY') : 'N/A';\n      break;\n    default:\n      result = value || '';\n  }\n\n  return result;\n}\n\nfunction formatMetricItem(item, metric, isMetricsLoading) {\n  const value = get(item, metric.key);\n\n  if (METRICS_KEYS.includes(metric.key)) {\n    if (Number.isFinite(value) || value) {\n      return metric.unitType ? convertValue(value, metric.unitType, metric.from, metric.to) : value;\n    }\n\n    if (isMetricsLoading) {\n      return 'loading...';\n    }\n  }\n\n  return '';\n}\n\n/* eslint-disable react/no-array-index-key */\nfunction WellsTable({\n  subjectWell = null,\n  wells,\n  offsetWells,\n  metricsKeys,\n  isMetricsLoading,\n  sortInfo,\n  unusableWellAlarm,\n  classes,\n  onChangeMetricsKeys,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n  onAddAllOffsetWells,\n  onDeleteAllOffsetWells,\n  onSorting,\n}) {\n  // NOTE: Get usable wells & offset wells only\n  const usableWells = useMemo(() => {\n    return wells.filter(item => item.is_usable);\n  }, [wells]);\n\n  // NOTE: Just compare among usable wells\n  const isAllUsableWellsSelected = useMemo(() => {\n    const usableWellIds = usableWells.map(well => well.id).sort();\n    const offsetWellIds = offsetWells.map(well => well.id).sort();\n    return usableWellIds.length && isEqual(usableWellIds, offsetWellIds);\n  }, [usableWells, offsetWells]);\n\n  const metricsColumns = useMemo(() => {\n    // NOTE: Pay attention to the order of metrics and duplication\n    return metricsKeys.reduce(\n      (result, key) => result.concat(METRICS_LIST.filter(item => item.key === key)),\n      []\n    );\n  }, [metricsKeys]);\n\n  // NOTE: Table columns\n  const tableColumns = useMemo(() => {\n    return [\n      ...TABLE_COLUMNS,\n      ...metricsColumns.map(item => ({ ...item, width: 240 })),\n      SETTINGS_COLUMN,\n    ];\n  }, [metricsColumns]);\n\n  const handleChangeMetricsKeys = newKeys => {\n    onChangeMetricsKeys(newKeys);\n  };\n\n  const handleChangeColumnMetricsKey = columnIdx => newKey => {\n    const newKeys = clone(metricsKeys);\n    newKeys[columnIdx] = newKey;\n    onChangeMetricsKeys(newKeys);\n  };\n\n  const handleSorting = dataKey => {\n    onSorting(dataKey);\n  };\n\n  const handleToggleWell = (targetId, checked) => {\n    if (checked) {\n      onAddOffsetWell(targetId);\n    } else {\n      onDeleteOffsetWell(targetId);\n    }\n  };\n\n  const handleToggleWells = e => {\n    if (e.target.checked) {\n      onAddAllOffsetWells();\n    } else {\n      onDeleteAllOffsetWells();\n    }\n  };\n\n  const sortIconRenderer = dataKey => {\n    return (\n      <IconButton\n        data-testid={`${PAGE_NAME}_sortRemove`}\n        data-not-migrated-muiiconbutton\n        className={classes.sortIconButton}\n        onClick={() => handleSorting(dataKey)}\n      >\n        {dataKey !== sortInfo.key ? (\n          <NotInterestedIcon className={classes.sortIcon} />\n        ) : (\n          <SortIcon\n            className={classNames(classes.sortIcon, {\n              [classes.ascendingSortIcon]: sortInfo.direction === 1,\n            })}\n          />\n        )}\n      </IconButton>\n    );\n  };\n\n  // NOTE: Table renderers\n  const headerRenderer = headerData => {\n    const { label, dataKey } = headerData;\n\n    // name column\n    if (dataKey === 'name') {\n      return (\n        <div data-testid={`${PAGE_NAME}_wellHeader`} className={classes.nameWrapper}>\n          <Checkbox\n            data-testid={`${PAGE_NAME}_selectAll`}\n            classes={{\n              checked: classes.nameCheckBox,\n              indeterminate: classes.nameCheckBox,\n            }}\n            onClick={handleToggleWells}\n            checked={isAllUsableWellsSelected}\n            indeterminate={offsetWells.length > 0 && !isAllUsableWellsSelected}\n            size=\"small\"\n          />\n          <Typography className={classNames(classes.cell, classes.nameCell)}>{label}</Typography>\n          {sortIconRenderer(dataKey)}\n        </div>\n      );\n    }\n\n    // metrics columns\n    if (metricsKeys.includes(dataKey)) {\n      const currentMetric = metricsColumns.find(item => item.key === dataKey);\n      const metricIndex = metricsColumns.findIndex(item => item.key === dataKey);\n      return (\n        <div data-testid={`${PAGE_NAME}_header_${dataKey}`} className={classes.metricsColumn}>\n          <MetricsSelect\n            items={METRICS_LIST}\n            currentValue={dataKey}\n            onChange={handleChangeColumnMetricsKey(metricIndex)}\n          />\n          <Typography className={classNames(classes.cell, classes.unitCell)}>\n            {currentMetric.unitType\n              ? `(${getUnitDisplay(currentMetric.unitType, currentMetric.to)})`\n              : ''}\n          </Typography>\n          {sortIconRenderer(dataKey)}\n        </div>\n      );\n    }\n\n    // settings column\n    if (dataKey === SETTINGS_COLUMN.key) {\n      return (\n        <div className={classes.settingsCell}>\n          <MetricsAddMenu metricsKeys={metricsKeys} onChange={handleChangeMetricsKeys} />\n        </div>\n      );\n    }\n\n    return (\n      <div data-testid={`${PAGE_NAME}_header_${label}`} className={classes.nameWrapper}>\n        <Typography className={classes.cell}>{label}</Typography>\n        {sortIconRenderer(dataKey)}\n      </div>\n    );\n  };\n\n  const cellRenderer = ({ well, dataKey }) => {\n    if (dataKey === 'name') {\n      return (\n        <div data-testid={`${PAGE_NAME}_row_${well.name}`} className={classes.nameWrapper}>\n          <Checkbox\n            data-testid={`${PAGE_NAME}_wellCheckbox`}\n            color=\"primary\"\n            checked={offsetWells.findIndex(offsetWell => offsetWell.id === well.id) > -1}\n            onChange={e => handleToggleWell(well.id, e.target.checked)}\n            size=\"small\"\n            disabled={!well.is_usable}\n          />\n\n          <Typography\n            data-testid={`${PAGE_NAME}_wellName`}\n            className={classNames(classes.tableCellLabel, {\n              [classes.tableCellLabelDisabled]: !well.is_usable,\n            })}\n          >\n            {formatItem(well, dataKey)}\n          </Typography>\n          {subjectWell && well.id === subjectWell.id && <SubjectIndicator />}\n        </div>\n      );\n    }\n\n    // settings column\n    if (dataKey === SETTINGS_COLUMN.key) {\n      return (\n        <div className={classes.settingsCell}>\n          {!well.is_usable && (\n            <Typography className={classes.errorMsg}>{unusableWellAlarm}</Typography>\n          )}\n        </div>\n      );\n    }\n\n    let formattedCellData = null;\n    if (metricsKeys.includes(dataKey)) {\n      const currentMetric = metricsColumns.find(item => item.key === dataKey);\n      formattedCellData = formatMetricItem(well, currentMetric, isMetricsLoading);\n    } else {\n      formattedCellData = formatItem(well, dataKey);\n    }\n    return (\n      <Typography\n        data-testid={`${PAGE_NAME}_cell}`}\n        className={classNames(classes.cell, classes.tableCellLabel, {\n          [classes.tableCellLabelDisabled]: !well.is_usable,\n        })}\n      >\n        {formattedCellData}\n      </Typography>\n    );\n  };\n\n  return (\n    <>\n      <div className={classes.tableWrapper}>\n        <div className={classes.header}>\n          {tableColumns.map(column => (\n            <div\n              className={classes.headerCell}\n              key={column.key}\n              style={{\n                flexBasis: column.width,\n                minWidth: column.minWidth,\n                flexGrow: column.minWidth ? 1 : 0,\n              }}\n            >\n              {headerRenderer({ label: column.label, dataKey: column.key })}\n            </div>\n          ))}\n        </div>\n        <div className={classes.table}>\n          <List\n            rowCount={wells.length}\n            rowHeight={ROW_HEIGHT}\n            rowComponent={({ index, style, ariaAttributes, wells }) => {\n              return (\n                <div style={{ ...style }} {...ariaAttributes} className={classes.row}>\n                  {tableColumns.map(column => (\n                    <div\n                      key={column.key}\n                      style={{\n                        flexBasis: column.width,\n                        minWidth: column.minWidth,\n                        flexGrow: column.minWidth ? 1 : 0,\n                      }}\n                      className={classes.rowCell}\n                    >\n                      {cellRenderer({\n                        well: wells[index],\n                        dataKey: column.key,\n                      })}\n                    </div>\n                  ))}\n                </div>\n              );\n            }}\n            rowProps={{ wells, tableColumns }}\n          />\n        </div>\n      </div>\n    </>\n  );\n}\n\nWellsTable.propTypes = {\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  isMetricsLoading: PropTypes.bool.isRequired,\n  sortInfo: PropTypes.shape({\n    key: PropTypes.string.isRequired,\n    direction: PropTypes.number.isRequired,\n  }).isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  onChangeMetricsKeys: PropTypes.func.isRequired,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n  onAddAllOffsetWells: PropTypes.func.isRequired,\n  onDeleteAllOffsetWells: PropTypes.func.isRequired,\n  onSorting: PropTypes.func.isRequired,\n  unusableWellAlarm: PropTypes.string.isRequired,\n  // isAdvancedSearch: PropTypes.bool,\n};\n\nexport default withStyles(muiStyles)(memo(WellsTable));\n"],"names":["ROW_HEIGHT","PAGE_NAME","formatItem","item","key","result","value","get","Number","isFinite","parseFloat","toFixed","moment","unix","format","WellsTable","_ref","_ref$subjectWell","subjectWell","wells","offsetWells","metricsKeys","isMetricsLoading","sortInfo","unusableWellAlarm","classes","onChangeMetricsKeys","onAddOffsetWell","onDeleteOffsetWell","onAddAllOffsetWells","onDeleteAllOffsetWells","onSorting","usableWells","useMemo","filter","is_usable","isAllUsableWellsSelected","usableWellIds","map","well","id","sort","offsetWellIds","length","isEqual","metricsColumns","reduce","concat","METRICS_LIST","tableColumns","_toConsumableArray","TABLE_COLUMNS","_objectSpread","width","SETTINGS_COLUMN","handleChangeMetricsKeys","newKeys","handleToggleWells","e","target","checked","sortIconRenderer","dataKey","_jsx","IconButton","className","sortIconButton","onClick","handleSorting","children","NotInterestedIcon","sortIcon","SortIcon","classNames","_defineProperty","ascendingSortIcon","direction","headerRenderer","headerData","columnIdx","label","_jsxs","nameWrapper","Checkbox","nameCheckBox","indeterminate","size","Typography","cell","nameCell","includes","currentMetric","find","metricIndex","findIndex","metricsColumn","MetricsSelect","items","currentValue","onChange","newKey","clone","unitCell","unitType","getUnitDisplay","to","settingsCell","MetricsAddMenu","cellRenderer","_ref2","name","color","offsetWell","targetId","disabled","tableCellLabel","tableCellLabelDisabled","SubjectIndicator","errorMsg","formattedCellData","metric","METRICS_KEYS","convertValue","from","formatMetricItem","_Fragment","tableWrapper","header","column","headerCell","style","flexBasis","minWidth","flexGrow","table","List","rowCount","rowHeight","rowComponent","_ref3","index","ariaAttributes","row","rowCell","rowProps","propTypes","PropTypes","shape","number","arrayOf","isRequired","string","bool","func","withStyles","theme","title","display","justifyContent","alignItems","flexWrap","marginBottom","marginTop","overflowX","overflowY","position","minHeight","borderTop","height","inset","flexFlow","borderBottom","isLightTheme","flex","alignSelf","paddingRight","marginLeft","paddingLeft","padding","fontSize","whiteSpace","tableRowHoverEnabled","backgroundColor","textAlign","rigReleaseCell","palette","primary","main","bodyCell","metricsCellWrapper","flexDirection","alignContent","tableTitle","lineHeight","tableTitleItems","addWellInput","transform","overflow","textOverflow","fontStyle","memo"],"mappings":"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"}

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

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

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

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

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.d.ts

@@ -1,14 +1,14 @@
 import 'mapbox-gl/dist/mapbox-gl.css';
 declare function WellsMap({ open, subjectWell, wells, offsetWells, radius, formationColors, popUpFormatter, coordsDataPath, onAddOffsetWell, onDeleteOffsetWell, }: {
-    coordsDataPath: any;
+    coordsDataPath?: string | undefined;
     formationColors: any;
-    offsetWells: any;
+    offsetWells?: null | undefined;
     onAddOffsetWell: any;
     onDeleteOffsetWell: any;
     open: any;
-    popUpFormatter: any;
+    popUpFormatter?: null | undefined;
     radius: any;
-    subjectWell: any;
+    subjectWell?: null | undefined;
     wells: any;
 }): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WellsMap>;

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js"],"names":[],"mappings":"AAUA,OAAO,8BAA8B,CAAC;AA8BtC,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,eAAe,EACf,cAAc,EACd,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;;CAAA,+BAgPA"}
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js"],"names":[],"mappings":"AAUA,OAAO,8BAA8B,CAAC;AA8BtC,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,WAAkB,EAClB,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,eAAe,EACf,cAAqB,EACrB,cAAgD,EAChD,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;;CAAA,+BAgPA"}

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

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{memo as r,useRef as t,useState as n,useMemo as o,useEffect as u,createElement as l}from"react";import i from"prop-types";import{get as c,sortBy as a}from"lodash";import s from"./Map.css.js";import{mapbox as d}from"../../../../../../utils/index.js";import{createAdaptiveRoot as f}from"../../../../../../utils/createAdaptiveRoot.js";import"../../../../../../config/mapboxGl/index.js";import{IS_MAPBOX_ENABLED as p}from"../../../../../../config/mapbox/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsx as m,Fragment as v}from"react/jsx-runtime";import y from"mapbox-gl";var g=d.isValidCoordinates,h=[29.749907,-95.358421],w={type:"FeatureCollection",features:[]},b=function(r){var t=e(r,2),n=t[0];return[t[1],n]};function D(r){var i=r.open,d=r.subjectWell,D=r.wells,x=r.offsetWells,B=r.radius,C=r.formationColors,j=r.popUpFormatter,F=r.coordsDataPath,W=r.onAddOffsetWell,M=r.onDeleteOffsetWell,P=t(null),L=t(),O=t(null),R=t(null),q=t(null),I=t(null),S=t(null),T=t(),k=n(!1),A=e(k,2),N=A[0],U=A[1],E=o((function(){return d&&c(d,F)}),[d,F]);return u((function(){p&&i&&!L.current&&(L.current=new y.Map({container:P.current,style:"mapbox://styles/mapbox/dark-v9",center:b(h),zoom:1,attributionControl:!1,scrollZoom:!1}),L.current.addControl(new y.NavigationControl({showCompass:!1}),"bottom-right"),L.current.on("load",(function(){L.current.addSource("radius-circle",{type:"geojson",data:w}),L.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),L.current.addSource("wells",{type:"geojson",data:w}),L.current.addLayer({id:"wells",type:"circle",source:"wells",layout:{"circle-sort-key":["get","sortKey"]},paint:{"circle-radius":["get","radius"],"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),U(!0)})))}),[i]),u((function(){return function(){var e;null===(e=I.current)||void 0===e||e.unmount(),I.current=null,S.current=null,L.current&&(L.current.remove(),L.current=null,O.current=null,R.current=null)}}),[]),u((function(){if(L.current&&N&&i){if(!E)return L.current.getSource("radius-circle").setData(w),void(O.current=null);var r=function(r,t){for(var n=e(r,2),o=n[0],u=n[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,i=[],c=t/(111320*Math.cos(o*Math.PI/180)),a=t/110574,s=0;s<=l;s+=1){var d=s/l*(2*Math.PI);i.push([u+c*Math.cos(d),o+a*Math.sin(d)])}return i}(E,1609.34*B);L.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[r]}}),O.current=r.reduce((function(e,r){return e.extend(r)}),new y.LngLatBounds)}}),[B,E,i,N]),u((function(){if(L.current&&N&&i){var e=T.current;T.current=D;var r=x.map((function(e){return e.id})),t=a(D,(function(e){return r.includes(e.id)})),n=[],o={},u=new y.LngLatBounds;t.forEach((function(e){var t=c(e,F);if(t&&g(t)){var l=d&&d.id===e.id,i=r.includes(e.id),a=l?10:5,s=l||i?"#00FFFF":c(C,e.formation,"#BDBDBD"),f=l||i?1:.3;o[e.id]=e,u.extend(b(t)),n.push({type:"Feature",geometry:{type:"Point",coordinates:b(t)},properties:{wellId:e.id,radius:a,color:s,opacity:f,sortKey:i?1:0}})}})),L.current.getSource("wells").setData({type:"FeatureCollection",features:n}),R.current=n.length?u:null;var s=L.current,p=null,h=function(e){s.getCanvas().style.cursor="pointer";var r=o[e.features[0].properties.wellId];if(r&&r.id!==p&&(p=r.id,j)){var t=l(j,{well:r,color:c(C,r.formation,"#BDBDBD")});S.current||(S.current=document.createElement("div"),I.current=f(S.current)),I.current.render(m(v,{children:t})),q.current||(q.current=new y.Popup({closeButton:!1,maxWidth:"none"})),q.current.setLngLat(b(c(r,F))).setDOMContent(S.current).addTo(s)}},w=function(){var e;p=null,s.getCanvas().style.cursor="",null===(e=q.current)||void 0===e||e.remove()},B=function(e){var t=e.features[0].properties.wellId,n=d&&d.id===t;r.includes(t)&&!n?M(t):W(t)};return s.on("mousemove","wells",h),s.on("mouseleave","wells",w),s.on("click","wells",B),setTimeout((function(){L.current&&O.current&&D!==e&&L.current.fitBounds(O.current,{padding:5})}),500),function(){s.off("mousemove","wells",h),s.off("mouseleave","wells",w),s.off("click","wells",B)}}}),[d,D,x,i,N]),u((function(){i&&setTimeout((function(){d?L.current&&O.current&&L.current.fitBounds(O.current,{padding:5}):L.current&&R.current&&L.current.fitBounds(R.current)}),500)}),[B,d,i,N]),m("div",{className:s.map,children:m("div",{className:s.mapMain,ref:P})})}D.propTypes={open:i.bool.isRequired,subjectWell:i.shape({id:i.number,formation:i.string}),wells:i.arrayOf(i.shape({})).isRequired,offsetWells:i.arrayOf(i.shape({})),radius:i.number.isRequired,formationColors:i.shape({}).isRequired,popUpFormatter:i.func,coordsDataPath:i.string,onAddOffsetWell:i.func.isRequired,onDeleteOffsetWell:i.func.isRequired},D.defaultProps={subjectWell:null,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var x=r(D);export{x as default};
+import r from"@babel/runtime/helpers/slicedToArray";import{memo as e,useRef as t,useState as n,useMemo as o,useEffect as u,createElement as i}from"react";import l from"prop-types";import{get as c,sortBy as a}from"lodash";import s from"./Map.css.js";import{mapbox as d}from"../../../../../../utils/index.js";import{createAdaptiveRoot as f}from"../../../../../../utils/createAdaptiveRoot.js";import"../../../../../../config/mapboxGl/index.js";import{IS_MAPBOX_ENABLED as p}from"../../../../../../config/mapbox/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsx as m,Fragment as v}from"react/jsx-runtime";import y from"mapbox-gl";var g=d.isValidCoordinates,h=[29.749907,-95.358421],w={type:"FeatureCollection",features:[]},b=function(e){var t=r(e,2),n=t[0];return[t[1],n]};function x(e){var l=e.open,d=e.subjectWell,x=void 0===d?null:d,D=e.wells,B=e.offsetWells,C=void 0===B?null:B,j=e.radius,F=e.formationColors,M=e.popUpFormatter,W=void 0===M?null:M,L=e.coordsDataPath,O=void 0===L?"settings.top_hole.coordinates":L,P=e.onAddOffsetWell,R=e.onDeleteOffsetWell,q=t(null),I=t(),S=t(null),T=t(null),k=t(null),A=t(null),N=t(null),E=t(),K=n(!1),U=r(K,2),z=U[0],G=U[1],V=o((function(){return x&&c(x,O)}),[x,O]);return u((function(){p&&l&&!I.current&&(I.current=new y.Map({container:q.current,style:"mapbox://styles/mapbox/dark-v9",center:b(h),zoom:1,attributionControl:!1,scrollZoom:!1}),I.current.addControl(new y.NavigationControl({showCompass:!1}),"bottom-right"),I.current.on("load",(function(){I.current.addSource("radius-circle",{type:"geojson",data:w}),I.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),I.current.addSource("wells",{type:"geojson",data:w}),I.current.addLayer({id:"wells",type:"circle",source:"wells",layout:{"circle-sort-key":["get","sortKey"]},paint:{"circle-radius":["get","radius"],"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),G(!0)})))}),[l]),u((function(){return function(){var r;null===(r=A.current)||void 0===r||r.unmount(),A.current=null,N.current=null,I.current&&(I.current.remove(),I.current=null,S.current=null,T.current=null)}}),[]),u((function(){if(I.current&&z&&l){if(!V)return I.current.getSource("radius-circle").setData(w),void(S.current=null);var e=function(e,t){for(var n=r(e,2),o=n[0],u=n[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,l=[],c=t/(111320*Math.cos(o*Math.PI/180)),a=t/110574,s=0;s<=i;s+=1){var d=s/i*(2*Math.PI);l.push([u+c*Math.cos(d),o+a*Math.sin(d)])}return l}(V,1609.34*j);I.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[e]}}),S.current=e.reduce((function(r,e){return r.extend(e)}),new y.LngLatBounds)}}),[j,V,l,z]),u((function(){if(I.current&&z&&l){var r=E.current;E.current=D;var e=C.map((function(r){return r.id})),t=a(D,(function(r){return e.includes(r.id)})),n=[],o={},u=new y.LngLatBounds;t.forEach((function(r){var t=c(r,O);if(t&&g(t)){var i=x&&x.id===r.id,l=e.includes(r.id),a=i?10:5,s=i||l?"#00FFFF":c(F,r.formation,"#BDBDBD"),d=i||l?1:.3;o[r.id]=r,u.extend(b(t)),n.push({type:"Feature",geometry:{type:"Point",coordinates:b(t)},properties:{wellId:r.id,radius:a,color:s,opacity:d,sortKey:l?1:0}})}})),I.current.getSource("wells").setData({type:"FeatureCollection",features:n}),T.current=n.length?u:null;var s=I.current,d=null,p=function(r){s.getCanvas().style.cursor="pointer";var e=o[r.features[0].properties.wellId];if(e&&e.id!==d&&(d=e.id,W)){var t=i(W,{well:e,color:c(F,e.formation,"#BDBDBD")});N.current||(N.current=document.createElement("div"),A.current=f(N.current)),A.current.render(m(v,{children:t})),k.current||(k.current=new y.Popup({closeButton:!1,maxWidth:"none"})),k.current.setLngLat(b(c(e,O))).setDOMContent(N.current).addTo(s)}},h=function(){var r;d=null,s.getCanvas().style.cursor="",null===(r=k.current)||void 0===r||r.remove()},w=function(r){var t=r.features[0].properties.wellId,n=x&&x.id===t;e.includes(t)&&!n?R(t):P(t)};return s.on("mousemove","wells",p),s.on("mouseleave","wells",h),s.on("click","wells",w),setTimeout((function(){I.current&&S.current&&D!==r&&I.current.fitBounds(S.current,{padding:5})}),500),function(){s.off("mousemove","wells",p),s.off("mouseleave","wells",h),s.off("click","wells",w)}}}),[x,D,C,l,z]),u((function(){l&&setTimeout((function(){x?I.current&&S.current&&I.current.fitBounds(S.current,{padding:5}):I.current&&T.current&&I.current.fitBounds(T.current)}),500)}),[j,x,l,z]),m("div",{className:s.map,children:m("div",{className:s.mapMain,ref:q})})}x.propTypes={open:l.bool.isRequired,subjectWell:l.shape({id:l.number,formation:l.string}),wells:l.arrayOf(l.shape({})).isRequired,offsetWells:l.arrayOf(l.shape({})),radius:l.number.isRequired,formationColors:l.shape({}).isRequired,popUpFormatter:l.func,coordsDataPath:l.string,onAddOffsetWell:l.func.isRequired,onDeleteOffsetWell:l.func.isRequired};var D=e(x);export{D as default};
 //# sourceMappingURL=Map.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, sortBy } from 'lodash';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nconst { isValidCoordinates } = mapbox;\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\n\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl has no geographic-radius circle primitive, so approximate it with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n  const ring = [];\n  const distanceX = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const distanceY = radiusMeters / 110574;\n  for (let i = 0; i <= points; i += 1) {\n    const theta = (i / points) * (2 * Math.PI);\n    ring.push([lng + distanceX * Math.cos(theta), lat + distanceY * Math.sin(theta)]);\n  }\n  return ring;\n};\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  open,\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  formationColors,\n  popUpFormatter,\n  coordsDataPath,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef();\n  const radiusCircleBoundsRef = useRef(null);\n  const markersBoundsRef = useRef(null);\n  const popupRef = useRef(null);\n  const tooltipRootRef = useRef(null);\n  const tooltipContainerRef = useRef(null);\n  const prevWellsRef = useRef();\n  const [isMapReady, setIsMapReady] = useState(false);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!IS_MAPBOX_ENABLED || !open || mapRef.current) return;\n\n    mapRef.current = new mapboxgl.Map({\n      container: mapContainerRef.current,\n      style: 'mapbox://styles/mapbox/dark-v9',\n      center: toLngLat(DEFAULT_COORDS),\n      zoom: 1,\n      attributionControl: false,\n      scrollZoom: false,\n    });\n\n    mapRef.current.addControl(\n      new mapboxgl.NavigationControl({ showCompass: false }),\n      'bottom-right'\n    );\n\n    // NOTE: Sources/layers can only be added once the style has loaded.\n    // The radius circle layer is added first so well markers render above it (was bringToBack)\n    mapRef.current.on('load', () => {\n      mapRef.current.addSource(RADIUS_CIRCLE_ID, {\n        type: 'geojson',\n        data: EMPTY_FEATURE_COLLECTION,\n      });\n      mapRef.current.addLayer({\n        id: RADIUS_CIRCLE_ID,\n        type: 'fill',\n        source: RADIUS_CIRCLE_ID,\n        paint: {\n          'fill-color': RADIUS_CIRCLE_COLOR,\n          'fill-opacity': 0.2,\n        },\n      });\n\n      mapRef.current.addSource(WELLS_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      mapRef.current.addLayer({\n        id: WELLS_ID,\n        type: 'circle',\n        source: WELLS_ID,\n        layout: {\n          'circle-sort-key': ['get', 'sortKey'],\n        },\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': ['get', 'color'],\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      setIsMapReady(true);\n    });\n  }, [open]);\n\n  useEffect(\n    () => () => {\n      tooltipRootRef.current?.unmount();\n      tooltipRootRef.current = null;\n      tooltipContainerRef.current = null;\n\n      if (mapRef.current) {\n        mapRef.current.remove();\n        mapRef.current = null;\n        radiusCircleBoundsRef.current = null;\n        markersBoundsRef.current = null;\n      }\n    },\n    []\n  );\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady || !open) {\n      return;\n    }\n\n    if (!subjectWellCoords) {\n      mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n      radiusCircleBoundsRef.current = null;\n      return;\n    }\n\n    const ring = makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE);\n    mapRef.current.getSource(RADIUS_CIRCLE_ID).setData({\n      type: 'Feature',\n      geometry: { type: 'Polygon', coordinates: [ring] },\n    });\n    radiusCircleBoundsRef.current = ring.reduce(\n      (bounds, coord) => bounds.extend(coord),\n      new mapboxgl.LngLatBounds()\n    );\n  }, [radius, subjectWellCoords, open, isMapReady]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady || !open) {\n      return undefined;\n    }\n\n    const prevWells = prevWellsRef.current;\n    prevWellsRef.current = wells;\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n    const sortedWells = sortBy(wells, well => offsetWellIds.includes(well.id));\n\n    const features = [];\n    const wellsById = {};\n    const bounds = new mapboxgl.LngLatBounds();\n    sortedWells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? DEFAULT_SUBJECT_WELL_MARKER_SIZE : DEFAULT_WELL_MARKER_SIZE;\n        const color =\n          isWellSubject || isWellOffset\n            ? OFFSET_WELL_COLOR\n            : get(formationColors, well.formation, '#BDBDBD');\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        wellsById[well.id] = well;\n        bounds.extend(toLngLat(coords));\n        features.push({\n          type: 'Feature',\n          geometry: { type: 'Point', coordinates: toLngLat(coords) },\n          // NOTE: sortKey keeps offset wells rendered on top (was sortedWells insertion order)\n          properties: { wellId: well.id, radius: r, color, opacity, sortKey: isWellOffset ? 1 : 0 },\n        });\n      }\n    });\n\n    mapRef.current.getSource(WELLS_ID).setData({ type: 'FeatureCollection', features });\n    markersBoundsRef.current = features.length ? bounds : null;\n\n    const map = mapRef.current;\n    let hoveredWellId = null;\n\n    const handleMouseMove = e => {\n      map.getCanvas().style.cursor = 'pointer';\n\n      const well = wellsById[e.features[0].properties.wellId];\n      if (!well || well.id === hoveredWellId) {\n        return;\n      }\n      hoveredWellId = well.id;\n\n      if (popUpFormatter) {\n        const popUpContent = createElement(popUpFormatter, {\n          well,\n          color: get(formationColors, well.formation, '#BDBDBD'),\n        });\n        // NOTE: Custom popup may have buttons. Reuse a single container/root and update its content.\n        if (!tooltipContainerRef.current) {\n          tooltipContainerRef.current = document.createElement('div');\n          tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n        }\n        tooltipRootRef.current.render(<>{popUpContent}</>);\n\n        if (!popupRef.current) {\n          popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n        }\n        popupRef.current\n          .setLngLat(toLngLat(get(well, coordsDataPath)))\n          .setDOMContent(tooltipContainerRef.current)\n          .addTo(map);\n      }\n    };\n\n    const handleMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n      popupRef.current?.remove();\n    };\n\n    const handleClick = e => {\n      const { wellId } = e.features[0].properties;\n      const isWellSubject = subjectWell && subjectWell.id === wellId;\n      const isWellOffset = offsetWellIds.includes(wellId);\n\n      if (isWellOffset && !isWellSubject) {\n        onDeleteOffsetWell(wellId);\n      } else {\n        onAddOffsetWell(wellId);\n      }\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleMouseLeave);\n    map.on('click', WELLS_ID, handleClick);\n\n    setTimeout(() => {\n      if (mapRef.current && radiusCircleBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleBoundsRef.current, { padding: 5 });\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleMouseLeave);\n      map.off('click', WELLS_ID, handleClick);\n    };\n  }, [subjectWell, wells, offsetWells, open, isMapReady]);\n\n  useEffect(() => {\n    if (!open) return;\n\n    setTimeout(() => {\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleBoundsRef.current) {\n          mapRef.current.fitBounds(radiusCircleBoundsRef.current, {\n            padding: 5,\n          });\n        }\n      } else if (mapRef.current && markersBoundsRef.current) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n  }, [radius, subjectWell, open, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  open: PropTypes.bool.isRequired,\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  formationColors: PropTypes.shape({}).isRequired,\n  popUpFormatter: PropTypes.func,\n  coordsDataPath: PropTypes.string,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  popUpFormatter: null,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref5","open","subjectWell","wells","offsetWells","radius","formationColors","popUpFormatter","coordsDataPath","onAddOffsetWell","onDeleteOffsetWell","mapContainerRef","useRef","mapRef","radiusCircleBoundsRef","markersBoundsRef","popupRef","tooltipRootRef","tooltipContainerRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","subjectWellCoords","useMemo","get","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","id","source","paint","layout","_tooltipRootRef$curre","unmount","remove","getSource","setData","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","geometry","coordinates","reduce","bounds","coord","extend","LngLatBounds","prevWells","offsetWellIds","map","well","sortedWells","sortBy","includes","wellsById","forEach","coords","isWellSubject","isWellOffset","r","color","formation","opacity","properties","wellId","sortKey","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","popUpContent","createElement","document","createAdaptiveRoot","render","_jsx","_Fragment","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","_popupRef$current","handleClick","setTimeout","fitBounds","padding","off","className","styles","mapMain","ref","propTypes","PropTypes","bool","isRequired","shape","number","string","arrayOf","func","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Map.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, sortBy } from 'lodash';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nconst { isValidCoordinates } = mapbox;\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\n\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl has no geographic-radius circle primitive, so approximate it with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n  const ring = [];\n  const distanceX = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const distanceY = radiusMeters / 110574;\n  for (let i = 0; i <= points; i += 1) {\n    const theta = (i / points) * (2 * Math.PI);\n    ring.push([lng + distanceX * Math.cos(theta), lat + distanceY * Math.sin(theta)]);\n  }\n  return ring;\n};\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  open,\n  subjectWell = null,\n  wells,\n  offsetWells = null,\n  radius,\n  formationColors,\n  popUpFormatter = null,\n  coordsDataPath = 'settings.top_hole.coordinates',\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef();\n  const radiusCircleBoundsRef = useRef(null);\n  const markersBoundsRef = useRef(null);\n  const popupRef = useRef(null);\n  const tooltipRootRef = useRef(null);\n  const tooltipContainerRef = useRef(null);\n  const prevWellsRef = useRef();\n  const [isMapReady, setIsMapReady] = useState(false);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!IS_MAPBOX_ENABLED || !open || mapRef.current) return;\n\n    mapRef.current = new mapboxgl.Map({\n      container: mapContainerRef.current,\n      style: 'mapbox://styles/mapbox/dark-v9',\n      center: toLngLat(DEFAULT_COORDS),\n      zoom: 1,\n      attributionControl: false,\n      scrollZoom: false,\n    });\n\n    mapRef.current.addControl(\n      new mapboxgl.NavigationControl({ showCompass: false }),\n      'bottom-right'\n    );\n\n    // NOTE: Sources/layers can only be added once the style has loaded.\n    // The radius circle layer is added first so well markers render above it (was bringToBack)\n    mapRef.current.on('load', () => {\n      mapRef.current.addSource(RADIUS_CIRCLE_ID, {\n        type: 'geojson',\n        data: EMPTY_FEATURE_COLLECTION,\n      });\n      mapRef.current.addLayer({\n        id: RADIUS_CIRCLE_ID,\n        type: 'fill',\n        source: RADIUS_CIRCLE_ID,\n        paint: {\n          'fill-color': RADIUS_CIRCLE_COLOR,\n          'fill-opacity': 0.2,\n        },\n      });\n\n      mapRef.current.addSource(WELLS_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      mapRef.current.addLayer({\n        id: WELLS_ID,\n        type: 'circle',\n        source: WELLS_ID,\n        layout: {\n          'circle-sort-key': ['get', 'sortKey'],\n        },\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': ['get', 'color'],\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      setIsMapReady(true);\n    });\n  }, [open]);\n\n  useEffect(\n    () => () => {\n      tooltipRootRef.current?.unmount();\n      tooltipRootRef.current = null;\n      tooltipContainerRef.current = null;\n\n      if (mapRef.current) {\n        mapRef.current.remove();\n        mapRef.current = null;\n        radiusCircleBoundsRef.current = null;\n        markersBoundsRef.current = null;\n      }\n    },\n    []\n  );\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady || !open) {\n      return;\n    }\n\n    if (!subjectWellCoords) {\n      mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n      radiusCircleBoundsRef.current = null;\n      return;\n    }\n\n    const ring = makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE);\n    mapRef.current.getSource(RADIUS_CIRCLE_ID).setData({\n      type: 'Feature',\n      geometry: { type: 'Polygon', coordinates: [ring] },\n    });\n    radiusCircleBoundsRef.current = ring.reduce(\n      (bounds, coord) => bounds.extend(coord),\n      new mapboxgl.LngLatBounds()\n    );\n  }, [radius, subjectWellCoords, open, isMapReady]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady || !open) {\n      return undefined;\n    }\n\n    const prevWells = prevWellsRef.current;\n    prevWellsRef.current = wells;\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n    const sortedWells = sortBy(wells, well => offsetWellIds.includes(well.id));\n\n    const features = [];\n    const wellsById = {};\n    const bounds = new mapboxgl.LngLatBounds();\n    sortedWells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? DEFAULT_SUBJECT_WELL_MARKER_SIZE : DEFAULT_WELL_MARKER_SIZE;\n        const color =\n          isWellSubject || isWellOffset\n            ? OFFSET_WELL_COLOR\n            : get(formationColors, well.formation, '#BDBDBD');\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        wellsById[well.id] = well;\n        bounds.extend(toLngLat(coords));\n        features.push({\n          type: 'Feature',\n          geometry: { type: 'Point', coordinates: toLngLat(coords) },\n          // NOTE: sortKey keeps offset wells rendered on top (was sortedWells insertion order)\n          properties: { wellId: well.id, radius: r, color, opacity, sortKey: isWellOffset ? 1 : 0 },\n        });\n      }\n    });\n\n    mapRef.current.getSource(WELLS_ID).setData({ type: 'FeatureCollection', features });\n    markersBoundsRef.current = features.length ? bounds : null;\n\n    const map = mapRef.current;\n    let hoveredWellId = null;\n\n    const handleMouseMove = e => {\n      map.getCanvas().style.cursor = 'pointer';\n\n      const well = wellsById[e.features[0].properties.wellId];\n      if (!well || well.id === hoveredWellId) {\n        return;\n      }\n      hoveredWellId = well.id;\n\n      if (popUpFormatter) {\n        const popUpContent = createElement(popUpFormatter, {\n          well,\n          color: get(formationColors, well.formation, '#BDBDBD'),\n        });\n        // NOTE: Custom popup may have buttons. Reuse a single container/root and update its content.\n        if (!tooltipContainerRef.current) {\n          tooltipContainerRef.current = document.createElement('div');\n          tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n        }\n        tooltipRootRef.current.render(<>{popUpContent}</>);\n\n        if (!popupRef.current) {\n          popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n        }\n        popupRef.current\n          .setLngLat(toLngLat(get(well, coordsDataPath)))\n          .setDOMContent(tooltipContainerRef.current)\n          .addTo(map);\n      }\n    };\n\n    const handleMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n      popupRef.current?.remove();\n    };\n\n    const handleClick = e => {\n      const { wellId } = e.features[0].properties;\n      const isWellSubject = subjectWell && subjectWell.id === wellId;\n      const isWellOffset = offsetWellIds.includes(wellId);\n\n      if (isWellOffset && !isWellSubject) {\n        onDeleteOffsetWell(wellId);\n      } else {\n        onAddOffsetWell(wellId);\n      }\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleMouseLeave);\n    map.on('click', WELLS_ID, handleClick);\n\n    setTimeout(() => {\n      if (mapRef.current && radiusCircleBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleBoundsRef.current, { padding: 5 });\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleMouseLeave);\n      map.off('click', WELLS_ID, handleClick);\n    };\n  }, [subjectWell, wells, offsetWells, open, isMapReady]);\n\n  useEffect(() => {\n    if (!open) return;\n\n    setTimeout(() => {\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleBoundsRef.current) {\n          mapRef.current.fitBounds(radiusCircleBoundsRef.current, {\n            padding: 5,\n          });\n        }\n      } else if (mapRef.current && markersBoundsRef.current) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n  }, [radius, subjectWell, open, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  open: PropTypes.bool.isRequired,\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  formationColors: PropTypes.shape({}).isRequired,\n  popUpFormatter: PropTypes.func,\n  coordsDataPath: PropTypes.string,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref5","open","_ref5$subjectWell","subjectWell","wells","_ref5$offsetWells","offsetWells","radius","formationColors","_ref5$popUpFormatter","popUpFormatter","_ref5$coordsDataPath","coordsDataPath","onAddOffsetWell","onDeleteOffsetWell","mapContainerRef","useRef","mapRef","radiusCircleBoundsRef","markersBoundsRef","popupRef","tooltipRootRef","tooltipContainerRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","subjectWellCoords","useMemo","get","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","id","source","paint","layout","_tooltipRootRef$curre","unmount","remove","getSource","setData","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","geometry","coordinates","reduce","bounds","coord","extend","LngLatBounds","prevWells","offsetWellIds","map","well","sortedWells","sortBy","includes","wellsById","forEach","coords","isWellSubject","isWellOffset","r","color","formation","opacity","properties","wellId","sortKey","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","popUpContent","createElement","document","createAdaptiveRoot","render","_jsx","_Fragment","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","_popupRef$current","handleClick","setTimeout","fitBounds","padding","off","className","styles","mapMain","ref","propTypes","PropTypes","bool","isRequired","shape","number","string","arrayOf","func","memo"],"mappings":"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"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.d.ts

@@ -5,8 +5,8 @@ declare function MapContainer({ open, subjectWell, wells, offsetWells, radius, m
     onAddOffsetWell: any;
     onDeleteOffsetWell: any;
     open: any;
-    radius: any;
-    subjectWell: any;
+    radius?: null | undefined;
+    subjectWell?: null | undefined;
     wells: any;
 }): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof MapContainer>;

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js"],"names":[],"mappings":"AAgBA,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,QAAQ,EACR,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;CAAA,+BAsBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js"],"names":[],"mappings":"AAgBA,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,WAAkB,EAClB,KAAK,EACL,WAAW,EACX,MAAa,EACb,SAAS,EACT,QAAQ,EACR,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;CAAA,+BAsBA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport FormationsLegend from './FormationsLegend';\nimport popupGenerator from './popupGenerator';\nimport { getAllFormations } from './utils';\nimport Map from './Map';\n\nconst useStyles = makeStyles({\n  mapContainerHidden: {\n    marginTop: '20px',\n    display: 'none',\n  },\n});\n\nfunction MapContainer({\n  open,\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  mapHidden,\n  isMobile,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n}) {\n  const classes = useStyles();\n\n  const [formations, formationColors] = useMemo(() => getAllFormations(wells), [wells]);\n\n  return (\n    <div className={mapHidden && classes.mapContainerHidden}>\n      <Map\n        open={open}\n        subjectWell={subjectWell}\n        wells={wells}\n        offsetWells={offsetWells}\n        radius={radius}\n        formationColors={formationColors}\n        popUpFormatter={popupGenerator()}\n        coordsDataPath=\"topHole.coordinates\"\n        onAddOffsetWell={onAddOffsetWell}\n        onDeleteOffsetWell={onDeleteOffsetWell}\n      />\n      {!isMobile && <FormationsLegend formations={formations} formationColors={formationColors} />}\n    </div>\n  );\n}\n\nMapContainer.propTypes = {\n  open: PropTypes.bool.isRequired,\n  subjectWell: PropTypes.shape({}),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  radius: PropTypes.number,\n  mapHidden: PropTypes.bool.isRequired,\n  isMobile: PropTypes.bool.isRequired,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nMapContainer.defaultProps = {\n  subjectWell: null,\n  radius: null,\n};\n\nexport default memo(MapContainer);\n"],"names":["useStyles","makeStyles","mapContainerHidden","marginTop","display","MapContainer","_ref","open","subjectWell","wells","offsetWells","radius","mapHidden","isMobile","onAddOffsetWell","onDeleteOffsetWell","classes","_useMemo","useMemo","getAllFormations","_useMemo2","_slicedToArray","formations","formationColors","_jsxs","className","children","_jsx","Map","popUpFormatter","popupGenerator","coordsDataPath","FormationsLegend","propTypes","PropTypes","bool","isRequired","shape","arrayOf","number","func","defaultProps","memo"],"mappings":"uWASA,IAAMA,EAAYC,EAAW,CAC3BC,mBAAoB,CAClBC,UAAW,OACXC,QAAS,UAIb,SAASC,EAUNC,GAAA,IATDC,IAAAA,KACAC,IAAAA,YACAC,IAAAA,MACAC,IAAAA,YACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,mBAEMC,EAAUhB,IAEhBiB,EAAsCC,GAAQ,WAAA,OAAMC,EAAiBV,KAAQ,CAACA,IAAOW,EAAAC,EAAAJ,EAAA,GAA9EK,EAAUF,EAAA,GAAEG,EAAeH,EAAA,GAElC,OACEI,EAAA,MAAA,CAAKC,UAAWb,GAAaI,EAAQd,mBAAmBwB,SAAA,CACtDC,EAACC,EAAG,CACFrB,KAAMA,EACNC,YAAaA,EACbC,MAAOA,EACPC,YAAaA,EACbC,OAAQA,EACRY,gBAAiBA,EACjBM,eAAgBC,IAChBC,eAAe,sBACfjB,gBAAiBA,EACjBC,mBAAoBA,KAEpBF,GAAYc,EAACK,EAAgB,CAACV,WAAYA,EAAYC,gBAAiBA,MAG/E,CAEAlB,EAAa4B,UAAY,CACvB1B,KAAM2B,EAAUC,KAAKC,WACrB5B,YAAa0B,EAAUG,MAAM,IAC7B5B,MAAOyB,EAAUI,QAAQJ,EAAUG,MAAM,CAAA,IAAKD,WAC9C1B,YAAawB,EAAUI,QAAQJ,EAAUG,MAAM,CAAA,IAAKD,WACpDzB,OAAQuB,EAAUK,OAClB3B,UAAWsB,EAAUC,KAAKC,WAC1BvB,SAAUqB,EAAUC,KAAKC,WACzBtB,gBAAiBoB,EAAUM,KAAKJ,WAChCrB,mBAAoBmB,EAAUM,KAAKJ,YAGrC/B,EAAaoC,aAAe,CAC1BjC,YAAa,KACbG,OAAQ,MAGV,IAAe+B,EAAAA,EAAKrC"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Map/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport FormationsLegend from './FormationsLegend';\nimport popupGenerator from './popupGenerator';\nimport { getAllFormations } from './utils';\nimport Map from './Map';\n\nconst useStyles = makeStyles({\n  mapContainerHidden: {\n    marginTop: '20px',\n    display: 'none',\n  },\n});\n\nfunction MapContainer({\n  open,\n  subjectWell = null,\n  wells,\n  offsetWells,\n  radius = null,\n  mapHidden,\n  isMobile,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n}) {\n  const classes = useStyles();\n\n  const [formations, formationColors] = useMemo(() => getAllFormations(wells), [wells]);\n\n  return (\n    <div className={mapHidden && classes.mapContainerHidden}>\n      <Map\n        open={open}\n        subjectWell={subjectWell}\n        wells={wells}\n        offsetWells={offsetWells}\n        radius={radius}\n        formationColors={formationColors}\n        popUpFormatter={popupGenerator()}\n        coordsDataPath=\"topHole.coordinates\"\n        onAddOffsetWell={onAddOffsetWell}\n        onDeleteOffsetWell={onDeleteOffsetWell}\n      />\n      {!isMobile && <FormationsLegend formations={formations} formationColors={formationColors} />}\n    </div>\n  );\n}\n\nMapContainer.propTypes = {\n  open: PropTypes.bool.isRequired,\n  subjectWell: PropTypes.shape({}),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  radius: PropTypes.number,\n  mapHidden: PropTypes.bool.isRequired,\n  isMobile: PropTypes.bool.isRequired,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nexport default memo(MapContainer);\n"],"names":["useStyles","makeStyles","mapContainerHidden","marginTop","display","MapContainer","_ref","open","_ref$subjectWell","subjectWell","wells","offsetWells","_ref$radius","radius","mapHidden","isMobile","onAddOffsetWell","onDeleteOffsetWell","classes","_useMemo","useMemo","getAllFormations","_useMemo2","_slicedToArray","formations","formationColors","_jsxs","className","children","_jsx","Map","popUpFormatter","popupGenerator","coordsDataPath","FormationsLegend","propTypes","PropTypes","bool","isRequired","shape","arrayOf","number","func","memo"],"mappings":"uWASA,IAAMA,EAAYC,EAAW,CAC3BC,mBAAoB,CAClBC,UAAW,OACXC,QAAS,UAIb,SAASC,EAUNC,GAAA,IATDC,IAAAA,KAAIC,EAAAF,EACJG,YAAAA,aAAc,KAAID,EAClBE,IAAAA,MACAC,IAAAA,YAAWC,EAAAN,EACXO,OAAAA,aAAS,KAAID,EACbE,IAAAA,UACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,mBAEMC,EAAUlB,IAEhBmB,EAAsCC,GAAQ,WAAA,OAAMC,EAAiBX,KAAQ,CAACA,IAAOY,EAAAC,EAAAJ,EAAA,GAA9EK,EAAUF,EAAA,GAAEG,EAAeH,EAAA,GAElC,OACEI,EAAA,MAAA,CAAKC,UAAWb,GAAaI,EAAQhB,mBAAmB0B,SAAA,CACtDC,EAACC,EAAG,CACFvB,KAAMA,EACNE,YAAaA,EACbC,MAAOA,EACPC,YAAaA,EACbE,OAAQA,EACRY,gBAAiBA,EACjBM,eAAgBC,IAChBC,eAAe,sBACfjB,gBAAiBA,EACjBC,mBAAoBA,KAEpBF,GAAYc,EAACK,EAAgB,CAACV,WAAYA,EAAYC,gBAAiBA,MAG/E,CAEApB,EAAa8B,UAAY,CACvB5B,KAAM6B,EAAUC,KAAKC,WACrB7B,YAAa2B,EAAUG,MAAM,IAC7B7B,MAAO0B,EAAUI,QAAQJ,EAAUG,MAAM,CAAA,IAAKD,WAC9C3B,YAAayB,EAAUI,QAAQJ,EAAUG,MAAM,CAAA,IAAKD,WACpDzB,OAAQuB,EAAUK,OAClB3B,UAAWsB,EAAUC,KAAKC,WAC1BvB,SAAUqB,EAAUC,KAAKC,WACzBtB,gBAAiBoB,EAAUM,KAAKJ,WAChCrB,mBAAoBmB,EAAUM,KAAKJ,YAGrC,IAAeK,EAAAA,EAAKtC"}