@corva/ui 3.12.0-8 → 3.12.0-rc.0

package/components/OffsetWellPickerV4/components/Filter/WellSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellSection.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/Filter/WellSection.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { SingleSelect } from './SingleSelect';\n\nconst useStyles = makeStyles({\n  wellSection: {\n    width: '100%',\n  },\n});\n\nexport const WellSection = ({ selectedValue, wellSections, onChange }) => {\n  const classes = useStyles();\n  return (\n    <SingleSelect\n      label=\"Well Section\"\n      currentValue={selectedValue}\n      options={wellSections}\n      className={classes.wellSection}\n      onChange={event => onChange(event.target.value)}\n    />\n  );\n};\n\nWellSection.propTypes = {\n  selectedValue: PropTypes.string.isRequired,\n  wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n"],"names":["useStyles","makeStyles","wellSection","width","WellSection","_ref","selectedValue","wellSections","onChange","classes","_jsx","SingleSelect","label","currentValue","options","className","event","target","value","propTypes","PropTypes","string","isRequired","arrayOf","shape","func"],"mappings":"kKAKA,IAAMA,EAAYC,EAAW,CAC3BC,YAAa,CACXC,MAAO,UAIEC,EAAc,SAA+CC,GAAA,IAA5CC,IAAAA,cAAeC,IAAAA,aAAcC,IAAAA,SACnDC,EAAUT,IAChB,OACEU,EAACC,EAAY,CACXC,MAAM,eACNC,aAAcP,EACdQ,QAASP,EACTQ,UAAWN,EAAQP,YACnBM,SAAU,SAAAQ,GAAK,OAAIR,EAASQ,EAAMC,OAAOC,MAAM,GAGrD,EAEAd,EAAYe,UAAY,CACtBb,cAAec,EAAUC,OAAOC,WAChCf,aAAca,EAAUG,QAAQH,EAAUI,MAAM,CAAA,IAAKF,WACrDd,SAAUY,EAAUK,KAAKH"}

package/components/OffsetWellPickerV4/components/Map/WellsMap.js

@@ -1 +1,2 @@
 import e from"@babel/runtime/helpers/defineProperty";import l from"prop-types";import s from"classnames";import{ViewType as i}from"../../constants.js";import r from"./WellsMap.module.css.js";import a from"../../../OffsetWellMap/OffsetWellMap.js";import{jsx as t}from"react/jsx-runtime";var n=function(l){var n=l.isViewOnly,o=l.subjectWell,d=l.wells,f=l.offsetWellIds,p=l.radius,m=l.mapHidden,u=l.handleChangeOffsetWell,W=l.activeWellId,c=l.viewType;return t("div",{className:m?r.mapContainerHidden:s(r.mapContainer,e({},r.mapContainerMobile,c===i.mobile)),children:t(a,{isViewOnly:n,subjectWell:o,wells:d,offsetWellIds:f,radius:p,handleChangeOffsetWell:u,activeWellId:W})})};n.propTypes={isViewOnly:l.bool.isRequired,subjectWell:l.shape({}),wells:l.arrayOf(l.shape({})).isRequired,offsetWellIds:l.arrayOf(l.number).isRequired,radius:l.number,mapHidden:l.bool.isRequired,handleChangeOffsetWell:l.func.isRequired,activeWellId:l.number.isRequired,viewType:l.string.isRequired},n.defaultProps={subjectWell:null,radius:null};export{n as WellsMap};
+//# sourceMappingURL=WellsMap.js.map

package/components/OffsetWellPickerV4/components/Map/WellsMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellsMap.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/Map/WellsMap.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { ViewType } from '../../constants';\n\nimport styles from './WellsMap.module.css';\n\nimport OffsetWellMap from '~/components/OffsetWellMap';\n\nexport const WellsMap = ({\n  isViewOnly,\n  subjectWell,\n  wells,\n  offsetWellIds,\n  radius,\n  mapHidden,\n  handleChangeOffsetWell,\n  activeWellId,\n  viewType,\n}) => {\n  return (\n    <div\n      className={\n        mapHidden\n          ? styles.mapContainerHidden\n          : classNames(styles.mapContainer, {\n              [styles.mapContainerMobile]: viewType === ViewType.mobile,\n            })\n      }\n    >\n      <OffsetWellMap\n        isViewOnly={isViewOnly}\n        subjectWell={subjectWell}\n        wells={wells}\n        offsetWellIds={offsetWellIds}\n        radius={radius}\n        handleChangeOffsetWell={handleChangeOffsetWell}\n        activeWellId={activeWellId}\n      />\n    </div>\n  );\n};\n\nWellsMap.propTypes = {\n  isViewOnly: PropTypes.bool.isRequired,\n  subjectWell: PropTypes.shape({}),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n  radius: PropTypes.number,\n  mapHidden: PropTypes.bool.isRequired,\n  handleChangeOffsetWell: PropTypes.func.isRequired,\n  activeWellId: PropTypes.number.isRequired,\n  viewType: PropTypes.string.isRequired,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  radius: null,\n};\n"],"names":["WellsMap","_ref","isViewOnly","subjectWell","wells","offsetWellIds","radius","mapHidden","handleChangeOffsetWell","activeWellId","viewType","_jsx","className","styles","mapContainerHidden","classNames","mapContainer","mapContainerMobile","ViewType","mobile","children","OffsetWellMap","propTypes","PropTypes","bool","isRequired","shape","arrayOf","number","func","string","defaultProps"],"mappings":"8RASaA,IAAAA,EAAW,SAUlBC,GAAA,IATJC,IAAAA,WACAC,IAAAA,YACAC,IAAAA,MACAC,IAAAA,cACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,uBACAC,IAAAA,aACAC,IAAAA,SAEA,OACEC,EAAA,MAAA,CACEC,UACEL,EACIM,EAAOC,mBACPC,EAAWF,EAAOG,aACfH,EAAAA,CAAAA,EAAAA,EAAOI,mBAAqBP,IAAaQ,EAASC,SAE1DC,SAEDT,EAACU,EAAa,CACZnB,WAAYA,EACZC,YAAaA,EACbC,MAAOA,EACPC,cAAeA,EACfC,OAAQA,EACRE,uBAAwBA,EACxBC,aAAcA,KAItB,EAEAT,EAASsB,UAAY,CACnBpB,WAAYqB,EAAUC,KAAKC,WAC3BtB,YAAaoB,EAAUG,MAAM,IAC7BtB,MAAOmB,EAAUI,QAAQJ,EAAUG,MAAM,CAAA,IAAKD,WAC9CpB,cAAekB,EAAUI,QAAQJ,EAAUK,QAAQH,WACnDnB,OAAQiB,EAAUK,OAClBrB,UAAWgB,EAAUC,KAAKC,WAC1BjB,uBAAwBe,EAAUM,KAAKJ,WACvChB,aAAcc,EAAUK,OAAOH,WAC/Bf,SAAUa,EAAUO,OAAOL,YAG7BzB,EAAS+B,aAAe,CACtB5B,YAAa,KACbG,OAAQ"}

package/components/OffsetWellPickerV4/components/Map/WellsMap.module.css.js

@@ -1 +1,2 @@
 import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var a={mapContainerHidden:"WellsMap-module_mapContainerHidden__c8shs",mapContainer:"WellsMap-module_mapContainer__mEKOD",mapContainerMobile:"WellsMap-module_mapContainerMobile__4Js5W"};e(".WellsMap-module_mapContainerHidden__c8shs{display:none}.WellsMap-module_mapContainer__mEKOD{left:0;margin-bottom:16px;position:sticky;z-index:2}.WellsMap-module_mapContainerMobile__4Js5W{padding-right:16px}");export{a as default};
+//# sourceMappingURL=WellsMap.module.css.js.map

package/components/OffsetWellPickerV4/components/Map/WellsMap.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,4DAA+D;"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js

@@ -1 +1,2 @@
 import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as c}from"react";import n from"prop-types";import{TextField as i,InputAdornment as e,Popover as t}from"@material-ui/core";import r from"./AutoCompleteAssetSearch.js";import m from"./AdvancedSearch.module.css.js";import{jsxs as l,Fragment as a,jsx as u}from"react/jsx-runtime";import"@icon-park/react/es/all";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import{SearchIcon as p}from"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";var d=function(n){var d=n.companyId,I=n.subjectWellId,j=n.onChange,h=n.selectedWellIds,f=n.onHideAdvancedSearch,C=s(null),v=o(C,2),A=v[0],b=v[1],g=s(""),F=o(g,2),R=F[0],k=F[1],O=c(),W=function(){k(""),b(null),f()};return l(a,{children:[u(i,{"data-testid":"ows_advanced_search",id:"well-section-search-textfield",placeholder:"Add Offset ...",InputProps:{startAdornment:u(e,{position:"start",children:u(p,{size:"small",className:m.searchIcon})}),className:m.searchInput},classes:{root:m.searchRoot},ref:O,value:R,onChange:function(o){k(o.target.value),o.target.value&&b(O.current)},onClick:function(o){b(o.currentTarget)}}),u(t,{open:Boolean(A),anchorEl:A,onClose:W,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:u(r,{subjectWellId:I,value:R,company:d,selectedWellIds:h,onChange:j,onClose:W})})]})};d.propTypes={companyId:n.number.isRequired,subjectWellId:n.number.isRequired,onChange:n.func.isRequired,selectedWellIds:n.arrayOf(n.number).isRequired,onHideAdvancedSearch:n.func.isRequired};export{d as AdvancedSearch};
+//# sourceMappingURL=AdvancedSearch.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js"],"sourcesContent":["import { useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Popover, TextField, InputAdornment } from '@material-ui/core';\n\nimport AutoCompleteAssetSearch from './AutoCompleteAssetSearch';\n\nimport styles from './AdvancedSearch.module.css';\n\nimport { SearchIcon } from '~/icons';\n\nexport const AdvancedSearch = ({\n  companyId,\n  subjectWellId,\n  onChange,\n  selectedWellIds,\n  onHideAdvancedSearch,\n}) => {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [value, setValue] = useState('');\n  const searchRef = useRef();\n\n  const handlePopupOpen = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopupClose = () => {\n    setValue('');\n    setAnchorEl(null);\n    onHideAdvancedSearch();\n  };\n\n  return (\n    <>\n      <TextField\n        data-testid=\"ows_advanced_search\"\n        id=\"well-section-search-textfield\"\n        placeholder=\"Add Offset ...\"\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon size=\"small\" className={styles.searchIcon} />\n            </InputAdornment>\n          ),\n          className: styles.searchInput,\n        }}\n        classes={{ root: styles.searchRoot }}\n        ref={searchRef}\n        value={value}\n        onChange={event => {\n          setValue(event.target.value);\n          if (event.target.value) {\n            setAnchorEl(searchRef.current);\n          }\n        }}\n        onClick={handlePopupOpen}\n      />\n\n      <Popover\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handlePopupClose}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n      >\n        <AutoCompleteAssetSearch\n          subjectWellId={subjectWellId}\n          value={value}\n          company={companyId}\n          selectedWellIds={selectedWellIds}\n          onChange={onChange}\n          onClose={handlePopupClose}\n        />\n      </Popover>\n    </>\n  );\n};\n\nAdvancedSearch.propTypes = {\n  companyId: PropTypes.number.isRequired,\n  subjectWellId: PropTypes.number.isRequired,\n  onChange: PropTypes.func.isRequired,\n  selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n  onHideAdvancedSearch: PropTypes.func.isRequired,\n};\n"],"names":["AdvancedSearch","_ref","companyId","subjectWellId","onChange","selectedWellIds","onHideAdvancedSearch","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState4","_useState3","value","setValue","searchRef","useRef","handlePopupClose","_jsxs","_Fragment","children","_jsx","TextField","id","placeholder","InputProps","startAdornment","InputAdornment","position","SearchIcon","size","className","styles","searchIcon","searchInput","classes","root","searchRoot","ref","event","target","current","onClick","currentTarget","Popover","open","Boolean","onClose","anchorOrigin","vertical","horizontal","transformOrigin","AutoCompleteAssetSearch","company","propTypes","PropTypes","number","isRequired","func","arrayOf"],"mappings":"6oFAUaA,IAAAA,EAAiB,SAMxBC,GAAA,IALJC,IAAAA,UACAC,IAAAA,cACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,qBAEgCC,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GACFD,EAAAA,EAAS,IAAGM,EAAAJ,EAAAK,EAAA,GAA/BC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAYC,IAMZC,EAAmB,WACvBH,EAAS,IACTJ,EAAY,MACZN,KAGF,OACEc,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAS,CACR,cAAY,sBACZC,GAAG,gCACHC,YAAY,iBACZC,WAAY,CACVC,eACEL,EAACM,EAAc,CAACC,SAAS,QAAOR,SAC9BC,EAACQ,EAAU,CAACC,KAAK,QAAQC,UAAWC,EAAOC,eAG/CF,UAAWC,EAAOE,aAEpBC,QAAS,CAAEC,KAAMJ,EAAOK,YACxBC,IAAKvB,EACLF,MAAOA,EACPX,SAAU,SAAAqC,GACRzB,EAASyB,EAAMC,OAAO3B,OAClB0B,EAAMC,OAAO3B,OACfH,EAAYK,EAAU0B,QAExB,EACFC,QAjCkB,SAAAH,GACtB7B,EAAY6B,EAAMI,kBAmChBtB,EAACuB,EAAO,CACNC,KAAMC,QAAQrC,GACdA,SAAUA,EACVsC,QAAS9B,EACT+B,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QACZ9B,SAEFC,EAAC+B,EAAuB,CACtBnD,cAAeA,EACfY,MAAOA,EACPwC,QAASrD,EACTG,gBAAiBA,EACjBD,SAAUA,EACV6C,QAAS9B,QAKnB,EAEAnB,EAAewD,UAAY,CACzBtD,UAAWuD,EAAUC,OAAOC,WAC5BxD,cAAesD,EAAUC,OAAOC,WAChCvD,SAAUqD,EAAUG,KAAKD,WACzBtD,gBAAiBoD,EAAUI,QAAQJ,EAAUC,QAAQC,WACrDrD,qBAAsBmD,EAAUG,KAAKD"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.module.css.js

@@ -1 +1,2 @@
 import e from'./../../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={searchRoot:"AdvancedSearch-module_searchRoot__USptK",searchInput:"AdvancedSearch-module_searchInput__ZIsPt",searchIcon:"AdvancedSearch-module_searchIcon__pD5bZ"};e(".AdvancedSearch-module_searchRoot__USptK{left:12px;margin-left:12px!important;margin-top:12px!important;position:sticky!important;width:calc(100% - 24px);z-index:999}.AdvancedSearch-module_searchInput__ZIsPt{font-size:16px!important}.AdvancedSearch-module_searchInput__ZIsPt:hover:before{border-bottom:2px solid var(--palette-primary-text-1)!important}.AdvancedSearch-module_searchInput__ZIsPt:hover .AdvancedSearch-module_searchIcon__pD5bZ{fill:var(--palette-primary-text-1)!important}.AdvancedSearch-module_searchInput__ZIsPt:focus-within .AdvancedSearch-module_searchIcon__pD5bZ{fill:var(--palette-primary-main)!important}.AdvancedSearch-module_searchIcon__pD5bZ{fill:var(--palette-primary-text-6)!important;font-size:24px!important}");export{t as default};
+//# sourceMappingURL=AdvancedSearch.module.css.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,+DAAkE;"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.js

@@ -1 +1,2 @@
 import e from"@babel/runtime/helpers/slicedToArray";import{useRef as t,useState as r,useMemo as i,useEffect as s}from"react";import n from"classnames";import a from"prop-types";import{sum as l,startCase as o,get as c,isEmpty as u}from"lodash";import{makeStyles as d,List as p,ListSubheader as m,Chip as h,ListItem as f,Checkbox as g,Typography as x}from"@material-ui/core";import{StatusOptions as b,ROWS_PER_PAGE as v}from"../../../constants.js";import{SEARCH_CATEGORIES as y}from"./constants.js";import{jsxs as R,jsx as A}from"react/jsx-runtime";var I=d((function(e){return{assetListWrapper:{margin:"8px 0",flex:1},assetListContainer:{maxHeight:"350px",backgroundColor:e.palette.background.paper,position:"relative",overflow:"auto"},listSection:{backgroundColor:"inherit"},ul:{backgroundColor:"inherit",padding:0},listGutters:{padding:"2px 8px"},assetTypeSubheaderChip:{height:"24px",color:e.palette.primary.text6},assetItemTextRoot:{minWidth:"300px"},assetItemTextPrimary:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},loadingInfo:{textAlign:"center",fontSize:"12px",lineHeight:"17px",color:e.palette.primary.text8},empty:{color:e.palette.primary.text6,fontSize:"12px",fontStyle:"italic",marginLeft:"8px"},menuItem:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},allMenuItem:{boxShadow:"inset 0px -1px 0px rgba(255, 255, 255, 0.25)"},statusWrapper:{display:"flex",alignItems:"center",width:"102px"},status:{width:"8px",height:"8px",marginRight:"8px",borderRadius:"50%",cursor:"default"}}})),k=function(a){var d=a.subjectWellId,k=a.page,C=a.assetType,S=a.loading,N=a.groupedAssets,T=a.onClickAsset,w=a.onClickAllAsset,H=a.onScrollReached,q=I(),W=t(null),j=r("top"),L=e(j,2),_=L[0],G=L[1],M=r(0),z=e(M,2),O=z[0],P=z[1],Y=l(null==N?void 0:N.map((function(t){var r=e(t,2);r[0];var i=r[1];return(null==i?void 0:i.length)||0}))),B=i((function(){if(1===N.length){var e=N[0][1],t=e.filter((function(e){return e.checked})).length;return[t>0&&e.length!==t,t===e.length]}return[!1,!1]}),[N]),D=e(B,2),E=D[0],F=D[1];s((function(){S?P(Y):("top"===_&&W.current.scrollTo(0,5),"bottom"===_&&W.current.scrollTo(0,W.current.scrollHeight-W.current.offsetHeight-5),"auto"===_&&W.current.scrollTo(0,(W.current.scrollHeight-W.current.offsetHeight)*O/Y))}),[S]);return R("div",{className:q.assetListWrapper,children:[R(p,{className:q.assetListContainer,subheader:A("li",{}),onScroll:function(t){if(t.target.scrollHeight!==t.target.offsetHeight){var r=t.target.scrollTop+t.target.offsetHeight;Math.abs(t.target.scrollHeight-r)<1&&!function(t,r){return!t.find((function(t){var i=e(t,2);return i[0],i[1].length===v*r}))}(N,k)&&(G("auto"),H("bottom"))}},ref:W,children:[N.map((function(t){var r=e(t,2),i=r[0],s=r[1];return A("li",{className:q.listSection,children:R("ul",{className:q.ul,children:[!C&&A(m,{classes:{gutters:q.listGutters},children:A(h,{className:q.assetTypeSubheaderChip,variant:"outlined",label:y[i].labelPlural},i)}),C&&A(f,{button:!0,classes:{gutters:q.listGutters},onClick:function(){return w(!F,i)},children:A("div",{className:n(q.menuItem,q.allMenuItem),children:R("div",{children:[A(g,{checked:F,indeterminate:E,style:{marginRight:8}}),"All"]})})}),s.map((function(e){var t;return A(f,{"data-testid":"".concat("AssetResultSection","_item_").concat(e.name,"MenuItem"),button:!0,classes:{gutters:q.listGutters},disabled:e.type===y.well.name&&!e.visibility.includes("visible")||!e.redirectAssetId||e.redirectAssetId===d,onClick:function(){return T(e,i)},children:R("div",{className:q.menuItem,children:[R("div",{children:[A(g,{checked:e.checked,style:{marginRight:8}}),e.name]}),R("div",{className:q.statusWrapper,children:[A("div",{className:q.status,style:{background:null===(t=b.find((function(t){return t.value===e.status})))||void 0===t?void 0:t.color}}),o(e.status)]})]})},"item-".concat(i,"-").concat(c(e,"asset_id")?c(e,"asset_id"):c(e,"id")))}))]})},"section-".concat(i))})),u(N)&&A("div",{className:q.empty,children:"Your search did not match any Asset Name"})]}),S&&A(x,{"data-testid":"".concat("AssetResultSection","_loading"),className:q.loadingInfo,children:"Loading..."})]})};k.propTypes={subjectWellId:a.number.isRequired,page:a.number.isRequired,assetType:a.string.isRequired,loading:a.bool.isRequired,groupedAssets:a.arrayOf(a.shape({})).isRequired,onClickAsset:a.func.isRequired,onClickAllAsset:a.func.isRequired,onScrollReached:a.func.isRequired};export{k as default};
+//# sourceMappingURL=AssetResultSection.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetResultSection.js","sources":["../../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.js"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty, startCase, sum } from 'lodash';\nimport {\n  makeStyles,\n  List,\n  ListSubheader,\n  Chip,\n  ListItem,\n  Checkbox,\n  Typography,\n} from '@material-ui/core';\n\nimport { StatusOptions, ROWS_PER_PAGE } from '../../../constants';\n\nimport { SEARCH_CATEGORIES } from './constants';\n\nconst PAGE_NAME = 'AssetResultSection';\nconst useStyles = makeStyles(theme => ({\n  assetListWrapper: {\n    margin: '8px 0',\n    flex: 1,\n  },\n  assetListContainer: {\n    maxHeight: '350px',\n    backgroundColor: theme.palette.background.paper,\n    position: 'relative',\n    overflow: 'auto',\n  },\n  listSection: {\n    backgroundColor: 'inherit',\n  },\n  ul: {\n    backgroundColor: 'inherit',\n    padding: 0,\n  },\n  listGutters: {\n    padding: '2px 8px',\n  },\n  assetTypeSubheaderChip: {\n    height: '24px',\n    color: theme.palette.primary.text6,\n  },\n  assetItemTextRoot: {\n    minWidth: '300px',\n  },\n  assetItemTextPrimary: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n  },\n  loadingInfo: {\n    textAlign: 'center',\n    fontSize: '12px',\n    lineHeight: '17px',\n    color: theme.palette.primary.text8,\n  },\n  empty: {\n    color: theme.palette.primary.text6,\n    fontSize: '12px',\n    fontStyle: 'italic',\n    marginLeft: '8px',\n  },\n  menuItem: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: '100%',\n  },\n  allMenuItem: {\n    boxShadow: 'inset 0px -1px 0px rgba(255, 255, 255, 0.25)',\n  },\n  statusWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '102px',\n  },\n  status: {\n    width: '8px',\n    height: '8px',\n    marginRight: '8px',\n    borderRadius: '50%',\n    cursor: 'default',\n  },\n}));\n\nconst isLastPage = (data, page) => {\n  return !data.find(([_, value]) => value.length === ROWS_PER_PAGE * page);\n};\n\nconst AssetResultSection = ({\n  subjectWellId,\n  page,\n  assetType,\n  loading,\n  groupedAssets,\n  onClickAsset,\n  onClickAllAsset,\n  onScrollReached,\n}) => {\n  const classes = useStyles();\n  const listRef = useRef(null);\n  const [scrollPosition, setScrollPosition] = useState('top');\n  const [assetsLen, setAssetsLen] = useState(0);\n  const assetsNum = sum(groupedAssets?.map(([_, assets]) => assets?.length || 0));\n\n  const [indeterminate, isAllWellsSelected] = useMemo(() => {\n    if (groupedAssets.length === 1) {\n      const assets = groupedAssets[0][1];\n      const selectedCount = assets.filter(asset => asset.checked).length;\n      const indeterminate = selectedCount > 0 && assets.length !== selectedCount;\n      const isAllWellsSelected = selectedCount === assets.length;\n      return [indeterminate, isAllWellsSelected];\n    }\n    return [false, false];\n  }, [groupedAssets]);\n\n  useEffect(() => {\n    if (loading) {\n      setAssetsLen(assetsNum);\n      return;\n    }\n    if (scrollPosition === 'top') {\n      listRef.current.scrollTo(0, 5);\n    }\n    if (scrollPosition === 'bottom') {\n      listRef.current.scrollTo(0, listRef.current.scrollHeight - listRef.current.offsetHeight - 5);\n    }\n    if (scrollPosition === 'auto') {\n      listRef.current.scrollTo(\n        0,\n        ((listRef.current.scrollHeight - listRef.current.offsetHeight) * assetsLen) / assetsNum\n      );\n    }\n  }, [loading]);\n\n  const handleScrollList = e => {\n    if (e.target.scrollHeight === e.target.offsetHeight) return;\n    const currentScrollBottom = e.target.scrollTop + e.target.offsetHeight;\n\n    // NOTE: if scroll is near 1px from the bottom, then load new data.\n    if (\n      Math.abs(e.target.scrollHeight - currentScrollBottom) < 1 &&\n      !isLastPage(groupedAssets, page)\n    ) {\n      setScrollPosition('auto');\n      onScrollReached('bottom');\n    }\n  };\n\n  return (\n    <div className={classes.assetListWrapper}>\n      <List\n        className={classes.assetListContainer}\n        subheader={<li />}\n        onScroll={handleScrollList}\n        ref={listRef}\n      >\n        {groupedAssets.map(([assetTypeKey, asstes]) => (\n          <li key={`section-${assetTypeKey}`} className={classes.listSection}>\n            <ul className={classes.ul}>\n              {!assetType && (\n                <ListSubheader classes={{ gutters: classes.listGutters }}>\n                  <Chip\n                    key={assetTypeKey}\n                    className={classes.assetTypeSubheaderChip}\n                    variant=\"outlined\"\n                    label={SEARCH_CATEGORIES[assetTypeKey].labelPlural}\n                  />\n                </ListSubheader>\n              )}\n              {assetType && (\n                <ListItem\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  onClick={() => onClickAllAsset(!isAllWellsSelected, assetTypeKey)}\n                >\n                  <div className={classNames(classes.menuItem, classes.allMenuItem)}>\n                    <div>\n                      <Checkbox\n                        checked={isAllWellsSelected}\n                        indeterminate={indeterminate}\n                        style={{ marginRight: 8 }}\n                      />\n                      All\n                    </div>\n                  </div>\n                </ListItem>\n              )}\n              {asstes.map(asset => (\n                <ListItem\n                  data-testid={`${PAGE_NAME}_item_${asset.name}MenuItem`}\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  key={`item-${assetTypeKey}-${\n                    get(asset, 'asset_id') ? get(asset, 'asset_id') : get(asset, 'id')\n                  }`}\n                  disabled={\n                    (asset.type === SEARCH_CATEGORIES.well.name &&\n                      !asset.visibility.includes('visible')) ||\n                    !asset.redirectAssetId ||\n                    asset.redirectAssetId === subjectWellId\n                  }\n                  onClick={() => onClickAsset(asset, assetTypeKey)}\n                >\n                  <div className={classes.menuItem}>\n                    <div>\n                      <Checkbox checked={asset.checked} style={{ marginRight: 8 }} />\n                      {asset.name}\n                    </div>\n                    <div className={classes.statusWrapper}>\n                      <div\n                        className={classes.status}\n                        style={{\n                          background: StatusOptions.find(item => item.value === asset.status)\n                            ?.color,\n                        }}\n                      />\n                      {startCase(asset.status)}\n                    </div>\n                  </div>\n                </ListItem>\n              ))}\n            </ul>\n          </li>\n        ))}\n        {isEmpty(groupedAssets) && (\n          <div className={classes.empty}>Your search did not match any Asset Name</div>\n        )}\n      </List>\n      {loading && (\n        <Typography data-testid={`${PAGE_NAME}_loading`} className={classes.loadingInfo}>\n          Loading...\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nAssetResultSection.propTypes = {\n  subjectWellId: PropTypes.number.isRequired,\n  page: PropTypes.number.isRequired,\n  assetType: PropTypes.string.isRequired,\n  loading: PropTypes.bool.isRequired,\n  groupedAssets: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n  onClickAllAsset: PropTypes.func.isRequired,\n  onScrollReached: PropTypes.func.isRequired,\n};\n\nexport default AssetResultSection;\n"],"names":["useStyles","makeStyles","theme","assetListWrapper","margin","flex","assetListContainer","maxHeight","backgroundColor","palette","background","paper","position","overflow","listSection","ul","padding","listGutters","assetTypeSubheaderChip","height","color","primary","text6","assetItemTextRoot","minWidth","assetItemTextPrimary","whiteSpace","textOverflow","loadingInfo","textAlign","fontSize","lineHeight","text8","empty","fontStyle","marginLeft","menuItem","display","alignItems","justifyContent","width","allMenuItem","boxShadow","statusWrapper","status","marginRight","borderRadius","cursor","AssetResultSection","_ref3","subjectWellId","page","assetType","loading","groupedAssets","onClickAsset","onClickAllAsset","onScrollReached","classes","listRef","useRef","useState","_useState2","_slicedToArray","_useState","scrollPosition","setScrollPosition","_useState4","_useState3","assetsLen","setAssetsLen","assetsNum","sum","map","_ref4","_ref5","assets","length","useMemo","selectedCount","filter","asset","checked","_useMemo2","_useMemo","indeterminate","isAllWellsSelected","useEffect","current","scrollTo","scrollHeight","offsetHeight","_jsxs","className","children","List","subheader","_jsx","onScroll","e","target","currentScrollBottom","scrollTop","Math","abs","data","find","_ref","_ref2","ROWS_PER_PAGE","isLastPage","ref","_ref6","_ref7","assetTypeKey","asstes","ListSubheader","gutters","Chip","variant","label","SEARCH_CATEGORIES","labelPlural","ListItem","button","onClick","classNames","Checkbox","style","_StatusOptions$find","concat","name","disabled","type","well","visibility","includes","redirectAssetId","StatusOptions","item","value","startCase","get","isEmpty","Typography","propTypes","PropTypes","number","isRequired","string","bool","arrayOf","shape","func"],"mappings":"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"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AssetTypesSection.js

@@ -1 +1,2 @@
 import e from"@babel/runtime/helpers/slicedToArray";import r from"prop-types";import{makeStyles as t,Typography as i,Chip as a}from"@material-ui/core";import{CATEGORY_KEY_VALUES as o}from"./constants.js";import{jsxs as p,jsx as n}from"react/jsx-runtime";var l=t((function(e){return{assetSelectorWrapper:{margin:8},description:{color:e.palette.primary.text6,fontSize:"12px",lineHeight:"17px",paddingBottom:"8px"},assetTypeChip:{marginRight:"8px",color:e.palette.primary.text6,"&:last-child":{marginRight:"0px"}}}})),s=function(r){var t=r.onClickAssetType,s=l();return p("div",{className:s.assetSelectorWrapper,children:[n(i,{className:s.description,children:"I'm looking for..."}),n("div",{children:o.map((function(r){var i=e(r,2),o=i[0],p=i[1];return n(a,{"data-testid":"".concat("AssetTypesSection","_chip_").concat(p.labelPlural),className:s.assetTypeChip,variant:"outlined",label:p.labelPlural,onClick:function(){return t(o)}},o)}))})]})};s.propTypes={onClickAssetType:r.func.isRequired};export{s as default};
+//# sourceMappingURL=AssetTypesSection.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AssetTypesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTypesSection.js","sources":["../../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AssetTypesSection.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography, Chip } from '@material-ui/core';\n\nimport { CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AssetTypesSection';\n\nconst useStyles = makeStyles(theme => ({\n  assetSelectorWrapper: {\n    margin: 8,\n  },\n  description: {\n    color: theme.palette.primary.text6,\n    fontSize: '12px',\n    lineHeight: '17px',\n    paddingBottom: '8px',\n  },\n  assetTypeChip: {\n    marginRight: '8px',\n    color: theme.palette.primary.text6,\n    '&:last-child': {\n      marginRight: '0px',\n    },\n  },\n}));\n\nconst AssetTypesSection = ({ onClickAssetType }) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.assetSelectorWrapper}>\n      <Typography className={classes.description}>I&apos;m looking for...</Typography>\n      <div>\n        {CATEGORY_KEY_VALUES.map(([key, item]) => (\n          <Chip\n            data-testid={`${PAGE_NAME}_chip_${item.labelPlural}`}\n            key={key}\n            className={classes.assetTypeChip}\n            variant=\"outlined\"\n            label={item.labelPlural}\n            onClick={() => onClickAssetType(key)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nAssetTypesSection.propTypes = {\n  onClickAssetType: PropTypes.func.isRequired,\n};\n\nexport default AssetTypesSection;\n"],"names":["useStyles","makeStyles","theme","assetSelectorWrapper","margin","description","color","palette","primary","text6","fontSize","lineHeight","paddingBottom","assetTypeChip","marginRight","AssetTypesSection","_ref","onClickAssetType","classes","_jsxs","className","children","_jsx","Typography","CATEGORY_KEY_VALUES","map","_ref2","_ref3","_slicedToArray","key","item","Chip","concat","labelPlural","variant","label","onClick","propTypes","PropTypes","func","isRequired"],"mappings":"8PAKA,IAEMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,qBAAsB,CACpBC,OAAQ,GAEVC,YAAa,CACXC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7BC,SAAU,OACVC,WAAY,OACZC,cAAe,OAEjBC,cAAe,CACbC,YAAa,MACbR,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,eAAgB,CACdK,YAAa,QAGlB,IAEKC,EAAoB,SAA0BC,GAAA,IAAvBC,IAAAA,iBACrBC,EAAUlB,IAEhB,OACEmB,EAAA,MAAA,CAAKC,UAAWF,EAAQf,qBAAqBkB,SAAA,CAC3CC,EAACC,EAAU,CAACH,UAAWF,EAAQb,YAAYgB,SAAA,uBAC3CC,EAAA,MAAA,CAAAD,SACGG,EAAoBC,KAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAF,EAAA,GAAEG,EAAGF,EAAA,GAAEG,EAAIH,EAAA,GAAA,OAClCL,EAACS,EAAI,CACH,cAAA,GAAAC,OA9BM,oBA8BmB,UAAAA,OAASF,EAAKG,aAEvCb,UAAWF,EAAQL,cACnBqB,QAAQ,WACRC,MAAOL,EAAKG,YACZG,QAAS,WAAA,OAAMnB,EAAiBY,EAAI,GAJ/BA,UAUjB,EAEAd,EAAkBsB,UAAY,CAC5BpB,iBAAkBqB,EAAUC,KAAKC"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js

@@ -1 +1,2 @@
 import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useMemo as r,useRef as n,useEffect as o}from"react";import i from"prop-types";import{get as s}from"lodash";import{withStyles as a,Tooltip as l,makeStyles as p,Chip as c,Input as u}from"@material-ui/core";import d from"@material-ui/icons/Close";import"../../../utils/apiCalls.js";import"../../../effects/useAdvancedWells.js";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../constants.js";import"../../../../../utils/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../utils/env.js";import"../../../../GradientManager/configuration/constants.js";import"@babel/runtime/helpers/typeof";import"moment";import"react-virtualized";import{useAssetsData as m}from"../../../effects/useAssetsData.js";import f from"./AssetTypesSection.js";import h from"./AssetResultSection.js";import{SEARCH_CATEGORIES as x,CATEGORY_KEY_VALUES as g}from"./constants.js";import{jsxs as b,jsx as y,Fragment as j}from"react/jsx-runtime";var C=a((function(){return{tooltip:{backgroundColor:"#414141",color:"#ffffff",fontSize:"11px",lineHeight:"16px",borderRadius:"4px",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",padding:"4px"}}}))(l),I=p((function(e){return{wrapper:{width:function(e){return e.searchWidth},maxWidth:"996px",display:"flex",flexDirection:"column",padding:16},inputWrapper:{display:"flex",width:"auto",margin:"0 8px 8px",alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},selectedChip:{height:"24px",margin:"4px"},selectedChipDeleteIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},selectedLabel:{fontWeight:400,fontSize:"16px",lineHeight:"22px",color:e.palette.primary.text1,whiteSpace:"nowrap",paddingLeft:"4px",paddingRight:"8px"},disabledIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,opacity:.4},closeIconButton:{padding:0,"&:hover $closeIcon":{color:e.palette.primary.text1}},searchInput:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"2px solid #03BCD4"},closeIcon:{color:e.palette.primary.text6,fontSize:"18px"}}})),v=function(i){var a=i.company,l=i.subjectWellId,p=i.value,v=i.selectedWellIds,w=i.onChange,A=t(null),W=e(A,2),R=W[0],S=W[1],k=t(null),D=e(k,2),T=D[0],q=D[1],z=t(1),N=e(z,2),L=N[0],B=N[1],P=r((function(){return window.innerWidth-32}),[]),G=I({searchWidth:P}),H=n();o((function(){q(p)}),[p]);var K=m(T,R,L,a,v),O=e(K,2),U=O[0],F=O[1],M=r((function(){return R&&F&&0!==F.length?F[0][1].filter((function(e){return e.checked})).length:0}),[R,F]);return b("div",{className:G.wrapper,children:[y("div",{className:G.inputWrapper,children:b("div",{className:G.searchInput,children:[R&&b(j,{children:[y(c,{"data-not-migrated-muichip":!0,classes:{root:G.selectedChip,deleteIcon:G.selectedChipDeleteIcon},label:s(x,[R,"labelPlural"],"Assets"),deleteIcon:y(d,{}),onDelete:function(){S(null)}}),M>0&&b("span",{className:G.selectedLabel,children:[M," Selected"]})]}),y(u,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:H,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:T||"",placeholder:"Add Offset ...",onChange:function(e){var t=e.target.value;H.current.focus(),q(t),B(1)},onKeyUp:function(t){var r=t.target.value,n=t.keyCode,o=g.find((function(t){var n=e(t,2);return n[0],n[1].autoCategorizedKey===r.trim().toLowerCase()}));if(o&&(13===n||32===n))return q(""),S(o[0]),void B(1);""===r&&8===n&&(S(null),B(1))}}),y(C,{title:"Clear",children:y(d,{className:R||T?G.selectedChipDeleteIcon:G.disabledIcon,onClick:function(){H.current.focus(),q(""),S(null),B(1)}})})]})}),!R&&!T&&y(f,{onClickAssetType:function(e){H.current.focus(),S(e),B(1)}}),(R||T)&&y(h,{subjectWellId:l,page:L,assetType:R,loading:U,groupedAssets:F,onClickAsset:function(e,t){w(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var r=F[0][1];w(e,r.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&L>1&&B((function(e){return e-1})),"bottom"===e&&B((function(e){return e+1}))}})]})};v.propTypes={subjectWellId:i.number.isRequired,company:i.number.isRequired,value:i.string.isRequired,selectedWellIds:i.arrayOf(i.number).isRequired,onChange:i.func.isRequired};export{v as default};
+//# sourceMappingURL=AutoCompleteAssetSearch.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { useAssetsData } from '../../../effects';\n\nimport AssetTypesSection from './AssetTypesSection';\nimport AssetResultSection from './AssetResultSection';\nimport { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AutoCompleteAssetSearch';\n\nconst StyledTooltip = withStyles(() => ({\n  tooltip: {\n    backgroundColor: '#414141',\n    color: '#ffffff',\n    fontSize: '11px',\n    lineHeight: '16px',\n    borderRadius: '4px',\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n    padding: '4px',\n  },\n}))(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    width: ({ searchWidth }) => searchWidth,\n    maxWidth: '996px',\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 16,\n  },\n  inputWrapper: {\n    display: 'flex',\n    width: 'auto',\n    margin: '0 8px 8px',\n    alignItems: 'center',\n    flexWrap: 'nowrap',\n    justifyContent: 'space-between',\n  },\n  selectedChip: {\n    height: '24px',\n    margin: '4px',\n  },\n  selectedChipDeleteIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  selectedLabel: {\n    fontWeight: 400,\n    fontSize: '16px',\n    lineHeight: '22px',\n    color: theme.palette.primary.text1,\n    whiteSpace: 'nowrap',\n    paddingLeft: '4px',\n    paddingRight: '8px',\n  },\n  disabledIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    opacity: 0.4,\n  },\n  closeIconButton: {\n    padding: 0,\n    '&:hover $closeIcon': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  searchInput: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    borderBottom: '2px solid #03BCD4',\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n    fontSize: '18px',\n  },\n}));\n\nconst AutoCompleteAssetSearch = ({ company, subjectWellId, value, selectedWellIds, onChange }) => {\n  const [assetType, setAssetType] = useState(null);\n  const [searchKey, setSearchKey] = useState(null);\n  const [page, setPage] = useState(1);\n  const searchWidth = useMemo(() => window.innerWidth - 32, []);\n  const classes = useStyles({ searchWidth });\n  const searchInputRef = useRef();\n\n  useEffect(() => {\n    setSearchKey(value);\n  }, [value]);\n\n  const [loading, groupedAssets] = useAssetsData(\n    searchKey,\n    assetType,\n    page,\n    company,\n    selectedWellIds\n  );\n\n  const selectedCount = useMemo(() => {\n    if (!assetType || !groupedAssets || groupedAssets.length === 0) return 0;\n    return groupedAssets[0][1].filter(asset => asset.checked).length;\n  }, [assetType, groupedAssets]);\n\n  const handleDeleteAssetType = () => {\n    setAssetType(null);\n  };\n\n  const handleChangeAssetType = key => {\n    searchInputRef.current.focus();\n    setAssetType(key);\n    setPage(1);\n  };\n\n  const handleChangeSearchKey = ({ target: { value } }) => {\n    searchInputRef.current.focus();\n    setSearchKey(value);\n    setPage(1);\n  };\n\n  const handleKeyPress = e => {\n    const { value } = e.target;\n    const { keyCode } = e;\n\n    const availableCategory = CATEGORY_KEY_VALUES.find(\n      ([_, item]) => item.autoCategorizedKey === value.trim().toLowerCase()\n    );\n\n    // NOTE: when type one of categories defined and press enter key or space key\n    // then asset type will be auto selected and clear input field\n    if (availableCategory && (keyCode === 13 || keyCode === 32)) {\n      setSearchKey('');\n      setAssetType(availableCategory[0]);\n      setPage(1);\n      return;\n    }\n\n    // NOTE: when there is no value in input field and press back space key,\n    // then clear asset type as well.\n    if (value === '' && keyCode === 8) {\n      setAssetType(null);\n      setPage(1);\n    }\n  };\n\n  const handleSearchClear = () => {\n    searchInputRef.current.focus();\n    setSearchKey('');\n    setAssetType(null);\n    setPage(1);\n  };\n\n  const handleScrollReached = position => {\n    if (position === 'top' && page > 1) {\n      setPage(prev => prev - 1);\n    }\n    if (position === 'bottom') {\n      setPage(prev => prev + 1);\n    }\n  };\n\n  const handleChangeAsset = (asset, assetType) => {\n    onChange(!asset.checked, [asset.redirectAssetId], assetType);\n  };\n\n  const handleChangeAllAssets = (isAllAdding, assetType) => {\n    const assets = groupedAssets[0][1];\n    onChange(\n      isAllAdding,\n      assets.map(asset => asset.redirectAssetId),\n      assetType\n    );\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <div className={classes.inputWrapper}>\n        <div className={classes.searchInput}>\n          {assetType && (\n            <>\n              <Chip\n                data-not-migrated-muichip\n                classes={{ root: classes.selectedChip, deleteIcon: classes.selectedChipDeleteIcon }}\n                label={get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets')}\n                deleteIcon={<CloseIcon />}\n                onDelete={handleDeleteAssetType}\n              />\n              {selectedCount > 0 && (\n                <span className={classes.selectedLabel}>{selectedCount} Selected</span>\n              )}\n            </>\n          )}\n          <Input\n            data-testid={`${PAGE_NAME}_searchInput`}\n            inputRef={searchInputRef}\n            autoFocus\n            disableUnderline\n            fullWidth\n            value={searchKey || ''}\n            placeholder=\"Add Offset ...\"\n            onChange={handleChangeSearchKey}\n            onKeyUp={handleKeyPress}\n          />\n          <StyledTooltip title=\"Clear\">\n            <CloseIcon\n              className={\n                assetType || searchKey ? classes.selectedChipDeleteIcon : classes.disabledIcon\n              }\n              onClick={handleSearchClear}\n            />\n          </StyledTooltip>\n        </div>\n      </div>\n\n      {!assetType && !searchKey && <AssetTypesSection onClickAssetType={handleChangeAssetType} />}\n      {(assetType || searchKey) && (\n        <AssetResultSection\n          subjectWellId={subjectWellId}\n          page={page}\n          assetType={assetType}\n          loading={loading}\n          groupedAssets={groupedAssets}\n          onClickAsset={handleChangeAsset}\n          onClickAllAsset={handleChangeAllAssets}\n          onScrollReached={handleScrollReached}\n        />\n      )}\n    </div>\n  );\n};\n\nAutoCompleteAssetSearch.propTypes = {\n  subjectWellId: PropTypes.number.isRequired,\n  company: PropTypes.number.isRequired,\n  value: PropTypes.string.isRequired,\n  selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n\nexport default AutoCompleteAssetSearch;\n"],"names":["StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","_ref","searchWidth","maxWidth","display","flexDirection","inputWrapper","margin","alignItems","flexWrap","justifyContent","selectedChip","height","selectedChipDeleteIcon","palette","primary","text6","text1","selectedLabel","fontWeight","whiteSpace","paddingLeft","paddingRight","disabledIcon","opacity","closeIconButton","searchInput","borderBottom","closeIcon","AutoCompleteAssetSearch","_ref2","company","subjectWellId","value","selectedWellIds","onChange","useState","_useState2","_slicedToArray","_useState","assetType","setAssetType","_useState4","_useState3","searchKey","setSearchKey","_useState6","_useState5","page","setPage","useMemo","window","innerWidth","classes","searchInputRef","useRef","useEffect","useAssetsData","_useAssetsData2","_useAssetsData","loading","groupedAssets","selectedCount","length","filter","asset","checked","_jsxs","className","children","_jsx","_Fragment","Chip","root","deleteIcon","label","get","SEARCH_CATEGORIES","CloseIcon","onDelete","Input","concat","inputRef","autoFocus","disableUnderline","fullWidth","placeholder","_ref3","target","current","focus","onKeyUp","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","_ref4","_ref5","autoCategorizedKey","trim","toLowerCase","title","onClick","AssetTypesSection","onClickAssetType","key","AssetResultSection","onClickAsset","redirectAssetId","onClickAllAsset","isAllAdding","assets","map","onScrollReached","position","prev","propTypes","PropTypes","number","isRequired","string","arrayOf","func"],"mappings":"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"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js

@@ -1 +1,2 @@
 var e={well:{name:"well",labelSingular:"Well",labelPlural:"Wells",autoCategorizedKey:"well",isAssetType:!0},rig:{name:"rig",labelSingular:"Rig",labelPlural:"Rigs",autoCategorizedKey:"rig",isAssetType:!0}};Object.values(e).filter((function(e){return e.autoCategorizedKey})).map((function(e){return e.autoCategorizedKey}));var l=Object.entries(e);export{l as CATEGORY_KEY_VALUES,e as SEARCH_CATEGORIES};
+//# sourceMappingURL=constants.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js"],"sourcesContent":["export const SEARCH_CATEGORIES = {\n  well: {\n    name: 'well',\n    labelSingular: 'Well',\n    labelPlural: 'Wells',\n    autoCategorizedKey: 'well',\n    isAssetType: true,\n  },\n  rig: {\n    name: 'rig',\n    labelSingular: 'Rig',\n    labelPlural: 'Rigs',\n    autoCategorizedKey: 'rig',\n    isAssetType: true,\n  },\n};\n\nexport const AUTO_CATEGORIZE_KEYS = Object.values(SEARCH_CATEGORIES)\n  .filter(item => item.autoCategorizedKey)\n  .map(item => item.autoCategorizedKey);\n\nexport const CATEGORY_KEY_VALUES = Object.entries(SEARCH_CATEGORIES);\n"],"names":["SEARCH_CATEGORIES","well","name","labelSingular","labelPlural","autoCategorizedKey","isAssetType","rig","Object","values","filter","item","map","CATEGORY_KEY_VALUES","entries"],"mappings":"AAAO,IAAMA,EAAoB,CAC/BC,KAAM,CACJC,KAAM,OACNC,cAAe,OACfC,YAAa,QACbC,mBAAoB,OACpBC,aAAa,GAEfC,IAAK,CACHL,KAAM,MACNC,cAAe,MACfC,YAAa,OACbC,mBAAoB,MACpBC,aAAa,IAImBE,OAAOC,OAAOT,GAC/CU,QAAO,SAAAC,GAAI,OAAIA,EAAKN,kBAAkB,IACtCO,KAAI,SAAAD,GAAI,OAAIA,EAAKN,kBAAkB,IAE/B,IAAMQ,EAAsBL,OAAOM,QAAQd"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js

@@ -1 +1,2 @@
 import e from"prop-types";import{makeStyles as r,FormControl as t,Tooltip as i,Typography as n,MenuItem as o}from"@material-ui/core";import{METRICS_LIST as a,DEFAULT_METRICS_KEY as c}from"../../constants.js";import{getUnitDisplay as l}from"../../../../utils/index.js";import p from"../../../Select/index.js";import{jsx as s}from"react/jsx-runtime";var u=r((function(e){return{metricsForm:{width:"calc(100% - 32px)","& .MuiInputBase-root":{"&:hover $primaryText":{color:e.palette.primary.text1},"&:hover $primaryIcon":{color:e.palette.primary.text1},"&:focused $primaryIcon":{color:e.palette.primary.main}}},metricsSelect:{"&:before":{borderBottom:"none !important"},"&:after":{borderBottom:"none !important"}},primaryText:{fontWeight:500,fontSize:"12px",lineHeight:"14px",letterSpacing:"0.4px",color:e.palette.primary.text7,overflow:"hidden",textOverflow:"ellipsis"},primaryIcon:{color:e.palette.primary.text6},metricsMenuPaper:{backgroundColor:e.palette.background.b9,maxHeight:"calc(100% - 300px)",top:"150px !important"},valueLabel:{display:"-webkit-box",alignItems:"center",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflowWrap:"break-word",fontWeight:500,fontSize:"12px",lineHeight:"14px",letterSpacing:"0.4px",overflow:"hidden",whiteSpace:"normal"}}}));function m(e){var r=a.find((function(r){return r.key===e}));if(!r)return"";var t=r.unitType?" (".concat(l(r.unitType),")"):"";return r.label+t}var d=function(e){var r=e.isTooltipVisible,l=e.currentValue,d=e.metricsKeys,f=e.onChange,y=e.setIsMenuOpen,x=u(),h=a.filter((function(e){return!d.includes(e.key)}));return l!==c?s(t,{className:x.metricsForm,children:s(p,{"data-testid":"".concat("MetricsSelect","_select_").concat(l),className:x.metricsSelect,classes:{select:x.primaryText,icon:x.primaryIcon},MenuProps:{paper:x.metricsMenuPaper},value:l,renderValue:function(e){return s(i,{title:r?m(e):"",children:s(n,{className:x.valueLabel,children:m(e)})})},onOpen:function(){return y(!0)},onClose:function(){return y(!1)},onChange:function(e){return f(e.target.value)},children:h.map((function(e){return s(o,{"data-testid":"".concat("MetricsSelect","_option_").concat(e.key,"MenuItem"),value:e.key,children:e.label},e.key)}))})}):s(i,{title:r?m(l):"",children:s(n,{className:x.valueLabel,children:m(l)})})};d.propTypes={isTooltipVisible:e.bool.isRequired,currentValue:e.string.isRequired,metricsKeys:e.arrayOf(e.string).isRequired,onChange:e.func.isRequired,setIsMenuOpen:e.func.isRequired};export{d as MetricsSelect};
+//# sourceMappingURL=MetricsSelect.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsSelect.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { MenuItem, FormControl, makeStyles, Typography, Tooltip } from '@material-ui/core';\n\nimport { DEFAULT_METRICS_KEY, METRICS_LIST } from '../../constants';\n\nimport { getUnitDisplay } from '~/utils';\nimport SelectComponent from '~/components/Select';\n\nconst PAGE_NAME = 'MetricsSelect';\n\nconst useStyles = makeStyles(theme => ({\n  metricsForm: {\n    width: 'calc(100% - 32px)',\n    '& .MuiInputBase-root': {\n      '&:hover $primaryText': {\n        color: theme.palette.primary.text1,\n      },\n      '&:hover $primaryIcon': {\n        color: theme.palette.primary.text1,\n      },\n      '&:focused $primaryIcon': {\n        color: theme.palette.primary.main,\n      },\n    },\n  },\n  metricsSelect: {\n    '&:before': {\n      borderBottom: 'none !important',\n    },\n    '&:after': {\n      borderBottom: 'none !important',\n    },\n  },\n  primaryText: {\n    fontWeight: 500,\n    fontSize: '12px',\n    lineHeight: '14px',\n    letterSpacing: '0.4px',\n    color: theme.palette.primary.text7,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  primaryIcon: {\n    color: theme.palette.primary.text6,\n  },\n  metricsMenuPaper: {\n    backgroundColor: theme.palette.background.b9,\n    maxHeight: 'calc(100% - 300px)',\n    top: '150px !important',\n  },\n  valueLabel: {\n    display: '-webkit-box',\n    alignItems: 'center',\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: 'vertical',\n    overflowWrap: 'break-word',\n    fontWeight: 500,\n    fontSize: '12px',\n    lineHeight: '14px',\n    letterSpacing: '0.4px',\n    overflow: 'hidden',\n    whiteSpace: 'normal',\n  },\n}));\n\nfunction getMetricsLabel(value) {\n  const metric = METRICS_LIST.find(item => item.key === value);\n  if (!metric) return '';\n  const displayUnit = metric.unitType ? ` (${getUnitDisplay(metric.unitType)})` : '';\n  return metric.label + displayUnit;\n}\n\nexport const MetricsSelect = ({\n  isTooltipVisible,\n  currentValue,\n  metricsKeys,\n  onChange,\n  setIsMenuOpen,\n}) => {\n  const styles = useStyles();\n  const filteredMetrics = METRICS_LIST.filter(item => !metricsKeys.includes(item.key));\n  return currentValue !== DEFAULT_METRICS_KEY ? (\n    <FormControl className={styles.metricsForm}>\n      <SelectComponent\n        data-testid={`${PAGE_NAME}_select_${currentValue}`}\n        className={styles.metricsSelect}\n        classes={{ select: styles.primaryText, icon: styles.primaryIcon }}\n        MenuProps={{ paper: styles.metricsMenuPaper }}\n        value={currentValue}\n        renderValue={value => (\n          <Tooltip title={isTooltipVisible ? getMetricsLabel(value) : ''}>\n            <Typography className={styles.valueLabel}>{getMetricsLabel(value)}</Typography>\n          </Tooltip>\n        )}\n        onOpen={() => setIsMenuOpen(true)}\n        onClose={() => setIsMenuOpen(false)}\n        onChange={e => onChange(e.target.value)}\n      >\n        {filteredMetrics.map(item => (\n          <MenuItem\n            data-testid={`${PAGE_NAME}_option_${item.key}MenuItem`}\n            key={item.key}\n            value={item.key}\n          >\n            {item.label}\n          </MenuItem>\n        ))}\n      </SelectComponent>\n    </FormControl>\n  ) : (\n    <Tooltip title={isTooltipVisible ? getMetricsLabel(currentValue) : ''}>\n      <Typography className={styles.valueLabel}>{getMetricsLabel(currentValue)}</Typography>\n    </Tooltip>\n  );\n};\n\nMetricsSelect.propTypes = {\n  isTooltipVisible: PropTypes.bool.isRequired,\n  currentValue: PropTypes.string.isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onChange: PropTypes.func.isRequired,\n  setIsMenuOpen: PropTypes.func.isRequired,\n};\n"],"names":["useStyles","makeStyles","theme","metricsForm","width","color","palette","primary","text1","main","metricsSelect","borderBottom","primaryText","fontWeight","fontSize","lineHeight","letterSpacing","text7","overflow","textOverflow","primaryIcon","text6","metricsMenuPaper","backgroundColor","background","b9","maxHeight","top","valueLabel","display","alignItems","WebkitLineClamp","WebkitBoxOrient","overflowWrap","whiteSpace","getMetricsLabel","value","metric","METRICS_LIST","find","item","key","displayUnit","unitType","concat","getUnitDisplay","label","MetricsSelect","_ref","isTooltipVisible","currentValue","metricsKeys","onChange","setIsMenuOpen","styles","filteredMetrics","filter","includes","DEFAULT_METRICS_KEY","_jsx","FormControl","className","children","SelectComponent","PAGE_NAME","classes","select","icon","MenuProps","paper","renderValue","Tooltip","title","Typography","onOpen","onClose","e","target","map","MenuItem","propTypes","PropTypes","bool","isRequired","string","arrayOf","func"],"mappings":"4VAQA,IAEMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,YAAa,CACXC,MAAO,oBACP,uBAAwB,CACtB,uBAAwB,CACtBC,MAAOH,EAAMI,QAAQC,QAAQC,OAE/B,uBAAwB,CACtBH,MAAOH,EAAMI,QAAQC,QAAQC,OAE/B,yBAA0B,CACxBH,MAAOH,EAAMI,QAAQC,QAAQE,QAInCC,cAAe,CACb,WAAY,CACVC,aAAc,mBAEhB,UAAW,CACTA,aAAc,oBAGlBC,YAAa,CACXC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZC,cAAe,QACfX,MAAOH,EAAMI,QAAQC,QAAQU,MAC7BC,SAAU,SACVC,aAAc,YAEhBC,YAAa,CACXf,MAAOH,EAAMI,QAAQC,QAAQc,OAE/BC,iBAAkB,CAChBC,gBAAiBrB,EAAMI,QAAQkB,WAAWC,GAC1CC,UAAW,qBACXC,IAAK,oBAEPC,WAAY,CACVC,QAAS,cACTC,WAAY,SACZC,gBAAiB,EACjBC,gBAAiB,WACjBC,aAAc,aACdpB,WAAY,IACZC,SAAU,OACVC,WAAY,OACZC,cAAe,QACfE,SAAU,SACVgB,WAAY,UAEf,IAED,SAASC,EAAgBC,GACvB,IAAMC,EAASC,EAAaC,MAAK,SAAAC,GAAI,OAAIA,EAAKC,MAAQL,KACtD,IAAKC,EAAQ,MAAO,GACpB,IAAMK,EAAcL,EAAOM,SAAQ,KAAAC,OAAQC,EAAeR,EAAOM,eAAe,GAChF,OAAON,EAAOS,MAAQJ,CACxB,CAEaK,IAAAA,EAAgB,SAMvBC,GAAA,IALJC,IAAAA,iBACAC,IAAAA,aACAC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,cAEMC,EAAStD,IACTuD,EAAkBjB,EAAakB,QAAO,SAAAhB,GAAI,OAAKW,EAAYM,SAASjB,EAAKC,QAC/E,OAAOS,IAAiBQ,EACtBC,EAACC,EAAW,CAACC,UAAWP,EAAOnD,YAAY2D,SACzCH,EAACI,EAAe,CACd,cAAgBC,GAAAA,OA5EN,gBA4E0Bd,YAAAA,OAAAA,GACpCW,UAAWP,EAAO5C,cAClBuD,QAAS,CAAEC,OAAQZ,EAAO1C,YAAauD,KAAMb,EAAOlC,aACpDgD,UAAW,CAAEC,MAAOf,EAAOhC,kBAC3Bc,MAAOc,EACPoB,YAAa,SAAAlC,GAAK,OAChBuB,EAACY,EAAO,CAACC,MAAOvB,EAAmBd,EAAgBC,GAAS,GAAG0B,SAC7DH,EAACc,EAAU,CAACZ,UAAWP,EAAO1B,WAAWkC,SAAE3B,EAAgBC,MAE7D,EACFsC,OAAQ,WAAA,OAAMrB,GAAc,EAAM,EAClCsB,QAAS,WAAA,OAAMtB,GAAc,EAAO,EACpCD,SAAU,SAAAwB,GAAC,OAAIxB,EAASwB,EAAEC,OAAOzC,MAAO,EAAA0B,SAEvCP,EAAgBuB,KAAI,SAAAtC,GAAI,OACvBmB,EAACoB,EAAQ,CACP,cAAA,GAAAnC,OA5FM,gBA4FmB,YAAAA,OAAWJ,EAAKC,IAAc,YAEvDL,MAAOI,EAAKC,IAAIqB,SAEftB,EAAKM,OAHDN,EAAKC,YASlBkB,EAACY,EAAO,CAACC,MAAOvB,EAAmBd,EAAgBe,GAAgB,GAAGY,SACpEH,EAACc,EAAU,CAACZ,UAAWP,EAAO1B,WAAWkC,SAAE3B,EAAgBe,MAGjE,EAEAH,EAAciC,UAAY,CACxB/B,iBAAkBgC,EAAUC,KAAKC,WACjCjC,aAAc+B,EAAUG,OAAOD,WAC/BhC,YAAa8B,EAAUI,QAAQJ,EAAUG,QAAQD,WACjD/B,SAAU6B,EAAUK,KAAKH,WACzB9B,cAAe4B,EAAUK,KAAKH"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSettingMenu.js

@@ -1 +1,2 @@
 import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as o,useEffect as s}from"react";import i from"classnames";import{isEqual as r}from"lodash";import n from"prop-types";import{makeStyles as p,Menu as m,MenuItem as c,Checkbox as a}from"@material-ui/core";import{METRICS_LIST as l,DEFAULT_METRICS_KEY as d,ViewType as j,IOS_DEVICE as u,MAX_METRICS_COUNT as C}from"../../constants.js";import{getMobileOperatingSystem as A}from"../../utils/index.js";import{jsxs as g,Fragment as S,jsx as V}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{SettingTwoIcon as h}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../utils/mobileDetect.js";import v from"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../utils/env.js";import"../../../GradientManager/configuration/constants.js";import"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Grid.scss.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/Popover/Popover.scss.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/Avatar/constants.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/ModalWindow/ModalWindow.scss.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../types/shared/Completions.js";import"../../../../clients/jsonApi/index.js";import"../../../PadModeSelect/types.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/subscriptions.js";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"lodash/flatten";import"lodash/partition";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.scss.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../utils/apiCalls.js";import"../../effects/useAdvancedWells.js";import"react-virtualized";import"../../effects/useAssetsData.js";import"../AppHeader/AppHeader.js";import"../Toolbar/Toolbar.js";import"../Filter/Filter.js";import"../Map/WellsMap.js";import"./OffsetWellsTable.js";import"./AdvancedSearch/constants.js";import"../../OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../../styles/typography/index.js";import"../../../../styles/counter/counter.module.scss.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";var b=l.filter((function(t){return t.key!==d})),I=p((function(t){return{checkBox:{color:"grey",padding:"0px",marginRight:"10px"},paper:{transform:"translate(-40px, 4px) scale(1, 1) !important",maxHeight:"calc(80% - 80px)",backgroundColor:t.palette.background.b9},paperMobile:{marginLeft:"8px",marginTop:"16px",maxHeight:"calc(80% - 20px)"},paperiOSMobile:{marginLeft:"0px !important"},titleItem:{position:"sticky",top:"0px",zIndex:9,marginBottom:"-8px",display:"flex",alignItems:"center",height:"40px",paddingLeft:"16px",background:t.palette.background.b9},titleLabel:{fontStyle:"italic",fontWeight:400,fontSize:"12px",lineHeight:"14px",letterSpacing:"0.4px",color:"#999999"},menuList:{paddingTop:"0px !important"},menuItem:{height:"54px !important"}}})),D=function(n){var p,l=n.viewType,d=n.metricsKeys,D=n.onChange,x=n.contentRef,T=I(),P=o([]),f=e(P,2),B=f[0],y=f[1],M=o(null),F=e(M,2),k=F[0],L=F[1];s((function(){y(d||[])}),[d]);return g(S,{children:[V(v,{"data-testid":"".concat("MetricsSettingMenu","_gear"),size:"small",tooltipProps:{title:l!==j.mobile?"Select Metrics":""},onClick:function(t){L(t.currentTarget)},children:V(h,{size:"small"})}),g(m,{id:"simple-menu",anchorEl:x.current,getContentAnchorEl:null,anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"right"},classes:{paper:i(T.paper,(p={},t(p,T.paperMobile,l===j.mobile),t(p,T.paperiOSMobile,A()===u),p)),list:T.menuList},keepMounted:!0,open:Boolean(k),onClose:function(){L(null),r(B,d)||D(B)},children:[V("div",{className:T.titleItem,children:V("span",{className:T.titleLabel,children:"Up to 2 Metrics"})}),b.map((function(t){return g(c,{"data-testid":"".concat("MetricsSettingMenu","_option_").concat(t.key,"MenuItem"),className:T.menuItem,disabled:B.length===C&&!B.includes(t.key),onClick:function(){return e=t.key,void(B.includes(e)?y(B.filter((function(t){return t!==e}))):y(B.concat(e)));var e},children:[V(a,{checked:B.includes(t.key),className:T.checkBox}),t.label]},t.key)}))]})]})};D.propTypes={viewType:n.string.isRequired,metricsKeys:n.arrayOf(n.string).isRequired,onChange:n.func.isRequired,contentRef:n.shape({current:n.instanceOf(Element)}).isRequired};export{D as MetricsSettingMenu};
+//# sourceMappingURL=MetricsSettingMenu.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSettingMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsSettingMenu.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSettingMenu.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { isEqual } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Menu, MenuItem, Checkbox, makeStyles } from '@material-ui/core';\n\nimport {\n  METRICS_LIST,\n  MAX_METRICS_COUNT,\n  ViewType,\n  IOS_DEVICE,\n  DEFAULT_METRICS_KEY,\n} from '../../constants';\nimport { getMobileOperatingSystem } from '../../utils';\n\nimport { IconButton } from '~/components';\nimport { SettingTwoIcon } from '~/icons';\n\nconst PAGE_NAME = 'MetricsSettingMenu';\nconst metricsList = METRICS_LIST.filter(metrics => metrics.key !== DEFAULT_METRICS_KEY);\n\nconst useStyles = makeStyles(theme => ({\n  checkBox: {\n    color: 'grey',\n    padding: '0px',\n    marginRight: '10px',\n  },\n  paper: {\n    transform: 'translate(-40px, 4px) scale(1, 1) !important',\n    maxHeight: 'calc(80% - 80px)',\n    backgroundColor: theme.palette.background.b9,\n  },\n  paperMobile: {\n    marginLeft: '8px',\n    marginTop: '16px',\n    maxHeight: 'calc(80% - 20px)',\n  },\n  paperiOSMobile: {\n    marginLeft: '0px !important',\n  },\n  titleItem: {\n    position: 'sticky',\n    top: '0px',\n    zIndex: 9,\n    marginBottom: '-8px',\n    display: 'flex',\n    alignItems: 'center',\n    height: '40px',\n    paddingLeft: '16px',\n    background: theme.palette.background.b9,\n  },\n  titleLabel: {\n    fontStyle: 'italic',\n    fontWeight: 400,\n    fontSize: '12px',\n    lineHeight: '14px',\n    letterSpacing: '0.4px',\n    color: '#999999',\n  },\n  menuList: {\n    paddingTop: '0px !important',\n  },\n  menuItem: {\n    height: '54px !important',\n  },\n}));\n\nexport const MetricsSettingMenu = ({ viewType, metricsKeys, onChange, contentRef }) => {\n  const classes = useStyles();\n  const [selectedKeys, setSelectedKeys] = useState([]);\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  useEffect(() => {\n    setSelectedKeys(metricsKeys || []);\n  }, [metricsKeys]);\n\n  const handleClick = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n    if (!isEqual(selectedKeys, metricsKeys)) {\n      onChange(selectedKeys);\n    }\n  };\n\n  const handleChangeMetrics = newKey => {\n    if (selectedKeys.includes(newKey)) {\n      setSelectedKeys(selectedKeys.filter(key => key !== newKey));\n    } else {\n      setSelectedKeys(selectedKeys.concat(newKey));\n    }\n  };\n\n  return (\n    <>\n      <IconButton\n        data-testid={`${PAGE_NAME}_gear`}\n        size=\"small\"\n        tooltipProps={{ title: viewType !== ViewType.mobile ? 'Select Metrics' : '' }}\n        onClick={handleClick}\n      >\n        <SettingTwoIcon size=\"small\" />\n      </IconButton>\n\n      <Menu\n        id=\"simple-menu\"\n        anchorEl={contentRef.current}\n        getContentAnchorEl={null}\n        anchorOrigin={{\n          vertical: 'center',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'center',\n          horizontal: 'right',\n        }}\n        classes={{\n          paper: classNames(classes.paper, {\n            [classes.paperMobile]: viewType === ViewType.mobile,\n            [classes.paperiOSMobile]: getMobileOperatingSystem() === IOS_DEVICE,\n          }),\n          list: classes.menuList,\n        }}\n        keepMounted\n        open={Boolean(anchorEl)}\n        onClose={handleClose}\n      >\n        <div className={classes.titleItem}>\n          <span className={classes.titleLabel}>Up to 2 Metrics</span>\n        </div>\n        {metricsList.map(item => (\n          <MenuItem\n            data-testid={`${PAGE_NAME}_option_${item.key}MenuItem`}\n            className={classes.menuItem}\n            disabled={selectedKeys.length === MAX_METRICS_COUNT && !selectedKeys.includes(item.key)}\n            key={item.key}\n            onClick={() => handleChangeMetrics(item.key)}\n          >\n            <Checkbox checked={selectedKeys.includes(item.key)} className={classes.checkBox} />\n            {item.label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  );\n};\n\nMetricsSettingMenu.propTypes = {\n  viewType: PropTypes.string.isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onChange: PropTypes.func.isRequired,\n  contentRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) }).isRequired,\n};\n"],"names":["metricsList","METRICS_LIST","filter","metrics","key","DEFAULT_METRICS_KEY","useStyles","makeStyles","theme","checkBox","color","padding","marginRight","paper","transform","maxHeight","backgroundColor","palette","background","b9","paperMobile","marginLeft","marginTop","paperiOSMobile","titleItem","position","top","zIndex","marginBottom","display","alignItems","height","paddingLeft","titleLabel","fontStyle","fontWeight","fontSize","lineHeight","letterSpacing","menuList","paddingTop","menuItem","MetricsSettingMenu","_ref","_classNames","viewType","metricsKeys","onChange","contentRef","classes","useState","_useState2","_slicedToArray","_useState","selectedKeys","setSelectedKeys","_useState4","_useState3","anchorEl","setAnchorEl","useEffect","_jsxs","_Fragment","children","_jsx","IconButton","concat","size","tooltipProps","title","ViewType","mobile","onClick","event","currentTarget","SettingTwoIcon","Menu","id","current","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","classNames","_defineProperty","getMobileOperatingSystem","IOS_DEVICE","list","keepMounted","open","Boolean","onClose","isEqual","className","map","item","MenuItem","disabled","length","MAX_METRICS_COUNT","includes","newKey","Checkbox","checked","label","propTypes","PropTypes","string","isRequired","arrayOf","func","shape","instanceOf","Element"],"mappings":"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"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js

@@ -1 +1,2 @@
 import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{memo as o,useState as s,useRef as r,useEffect as i,useMemo as n,useCallback as p,Fragment as m}from"react";import a from"classnames";import c from"prop-types";import{uniqBy as l}from"lodash";import{Table as d,TableHead as j,TableBody as u,TableRow as C,TableCell as A}from"@material-ui/core";import{METRICS_LIST as h,EXPANDED_WELL_NAME_WIDTH as f,TableColumns as S,ViewType as v,ROW_HEIGHT as b,SEARCH_CELL_EXPAND_WIDTH as g,SEARCH_CELL_DEFAULT_WIDTH as V,ColumnType as D}from"../../constants.js";import{getIsImperial as I}from"../../utils/unitSystem.js";import{AdvancedSearch as T}from"./AdvancedSearch/AdvancedSearch.js";import y from"./OffsetWellsTableHead.js";import P from"./OffsetWellsTableRow.js";import x from"./OffsetWellsTable.module.css.js";import{jsxs as B,jsx as W}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@icon-park/react/es/all";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../utils/mobileDetect.js";import"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../utils/env.js";import"../../../GradientManager/configuration/constants.js";import"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Grid.scss.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/Popover/Popover.scss.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/Avatar/constants.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/ModalWindow/ModalWindow.scss.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../types/shared/Completions.js";import"../../../../clients/jsonApi/index.js";import"../../../PadModeSelect/types.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/subscriptions.js";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"lodash/flatten";import"lodash/partition";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.scss.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import w from"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../utils/apiCalls.js";import"../../effects/useAdvancedWells.js";import"react-virtualized";import"../../effects/useAssetsData.js";import"../AppHeader/AppHeader.js";import"../Toolbar/Toolbar.js";import"../Filter/Filter.js";import"../Map/WellsMap.js";import"./AdvancedSearch/constants.js";import"../../utils/index.js";import"../../OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../../styles/typography/index.js";import"../../../../styles/counter/counter.module.scss.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";function E(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,s)}return o}function F(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?E(Object(s),!0).forEach((function(o){t(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):E(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}var M=function(o){var c=o.open,E=o.isTableLoading,M=o.companyId,O=o.subjectWellId,L=o.sortBy,R=o.setSortBy,k=o.sortDirection,H=o.setSortDirection,q=o.columnsWithDict,N=o.wells,G=o.metricsKeys,U=o.setMetricsKeys,z=o.handleChangeOffsetWell,K=o.handleChangeAllOffsetWells,Z=o.handleAddRemoveAssets,X=o.isWellNameExpand,J=o.setIsWellNameExpand,Q=o.isHScrollMoved,Y=o.onHideAdvancedSearch,$=o.isViewOnly,_=o.isLastWell,ee=o.contentRef,te=o.isLimitedOffsetWells,oe=o.maxOffsetWellNumber,se=o.wellSections,re=o.setActiveWellId,ie=o.viewType,ne=o.isWDUser,pe=o.taScores,me=s([]),ae=e(me,2),ce=ae[0],le=ae[1],de=s(null),je=e(de,2),ue=je[0],Ce=je[1],Ae=s(0),he=e(Ae,2),fe=he[0],Se=he[1],ve=s(0),be=e(ve,2),ge=be[0],Ve=be[1],De=r(),Ie=r(),Te=r();i((function(){var t=l(ce,"id"),o=l(N,"id");if(!ue)return le(o),void Ve(0);var s=function(e,t,o,s){var r,i=e.findIndex((function(e){return t===e.id})),n=o.findIndex((function(e){return t===e.id}));-1===n&&(n=o.length);var p=Math.round(((null===(r=s.current)||void 0===r?void 0:r.clientHeight)-145)/b+1),m=n-i;Math.abs(m)>p&&(n=i+p*Math.sign(m));var a=n-i;return[i,n,a,200*(.4*Math.abs(a)+2),Math.min(i,n),(Math.abs(a)+1)*b]}(t,ue,o,ee),r=e(s,6),i=r[0],n=r[1],p=r[2],m=r[3],a=r[4],c=r[5];if(Te.current=m,n===i)le(o);else{Se(a),Ve(c);var d=function(e,t,o,s){return e.map((function(e,r){var i=o<r&&r<=s||s<=r&&r<o;return r===o?F(F({},e),{},{moveTo:t}):i?F(F({},e),{},{moveTo:o<s?-1:1,delayTime:Math.abs(r-o)}):e}))}(t,p,i,n);le(d),setTimeout((function(){le(o),Ve(0),Ce(null)}),m)}}),[N,N.length]);var ye=n((function(){return l(ce,"id")}),[ce]),Pe=n((function(){var e=ye.filter((function(e){return e.checked}));return[e,ye.length!==e.length&&e.length&&!te,e.length===ye.length||te]}),[ye,te]),xe=e(Pe,3),Be=xe[0],We=xe[1],we=xe[2],Ee=n((function(){return I()}),[]),Fe=n((function(){return(G||[]).reduce((function(e,t){return e.concat(h.filter((function(e){return e.key===t})))}),[])}),[G]),Me=n((function(){return X?f-58:S[0].width[G.length]-58}),[X,null==G?void 0:G.length]),Oe=n((function(){var e=X?g:V;return pe.length&&(e+=function(e,t){var o=e.find((function(e){return e.key===t}));return(null==o?void 0:o.width)||0}(q,D.taScore)),"".concat(e,"px")}),[X,pe]);i((function(){if(ie!==v.mobile&&De.current&&Ie.current){var e=De.current.querySelector(".".concat(x.wellNameFixed));Q?e.classList.remove(x.noShadow):e.classList.add(x.noShadow);var t=Ie.current.querySelectorAll(".".concat(x.wellNameFixed));Q?t.forEach((function(e){return e.classList.remove(x.noShadow)})):t.forEach((function(e){return e.classList.add(x.noShadow)}))}}),[Q,Ie.current,De.current,ce]);var Le=p((function(e,t){R(e),H(t)}),[]),Re=p((function(e){U(e)}),[]),ke=p((function(e,t){U((function(o){return o.map((function(o){return o===e?t:o}))}))}),[]);return q&&ye?B("div",{className:x.offsetWellsTable,children:[W("div",{className:x.stickyTable,children:W(d,{"aria-label":"ows table head",innerRef:De,children:W(j,{children:W(y,{open:c,columnsWithDict:q,metricsKeys:G,sortBy:L,sortDirection:k,indeterminate:We,isAllWellsSelected:we,onChangeSort:Le,onChangeMetricsKeys:Re,onUpdateMetricsKey:ke,isWellNameExpand:X,setIsWellNameExpand:J,handleChangeAllOffsetWells:K,wellNameStyle:x.wellNameFixed,isViewOnly:$,isImperial:Ee,contentRef:ee,viewType:ie,isTaColumnVisible:!!pe.length})})})}),!$&&B("div",{className:a(x.searchCellWrapper,t({},x.searchCellWrapperExpanded,X)),style:{"--dynamic-search-wrapper-width":Oe},children:[W("div",{className:x.searchCell,children:W(T,{companyId:M,subjectWellId:O,onChange:Z,selectedWellIds:Be.map((function(e){return e.id})),onHideAdvancedSearch:Y})}),!!X&&W("div",{className:x.searchCellEmpty})]}),W(d,{"aria-label":"ows table body",innerRef:Ie,className:x.bodyTable,children:B(u,{children:[W(C,{children:W(A,{className:a(x.topShadow,t({},x.viewOnlyShadow,$))})}),ye.map((function(e,t){return B(m,{children:[W(C,{children:ue&&ge>0&&t===fe&&W(A,{style:{height:ge}})}),W(P,{columnsWithDict:q,subjectWellId:O,data:e,metricsKeys:G,metricsColumns:Fe,handleChangeOffsetWell:z,isWellNameExpand:X,wellNameStyle:x.wellNameFixed,wellNameWidth:Me,isViewOnly:$,isImperial:Ee,isLimitedOffsetWells:te,maxOffsetWellNumber:oe,wellSections:se,setActiveWellId:re,viewType:ie,newCheckedWellId:null!=e&&e.moveTo?ue:0,setNewCheckedWellId:Ce,index:null!=e&&e.moveTo?t:0,flyDuration:null!=e&&e.moveTo?Te.current:0,isWDUser:ne,taScores:pe})]},e.id)})),!_&&W(C,{children:W(A,{className:x.loadingCell,children:W("span",{children:"Loading..."})})}),W(C,{children:W(A,{className:x.bottomShadow})})]})}),E&&W("div",{className:x.loadingContainer,children:W(w,{fullscreen:!1,className:x.loadingIndicator})})]}):null};M.propTypes={open:c.bool.isRequired,isTableLoading:c.bool.isRequired,companyId:c.number.isRequired,subjectWellId:c.number.isRequired,sortBy:c.string.isRequired,setSortBy:c.func.isRequired,sortDirection:c.string.isRequired,setSortDirection:c.func.isRequired,columnsWithDict:c.arrayOf(c.shape({})).isRequired,wells:c.arrayOf(c.shape({})).isRequired,metricsKeys:c.arrayOf(c.string).isRequired,setMetricsKeys:c.func.isRequired,handleChangeOffsetWell:c.func.isRequired,handleChangeAllOffsetWells:c.func.isRequired,handleAddRemoveAssets:c.func.isRequired,setIsWellNameExpand:c.func.isRequired,isWellNameExpand:c.bool.isRequired,isHScrollMoved:c.bool.isRequired,onHideAdvancedSearch:c.func.isRequired,isViewOnly:c.bool.isRequired,isLastWell:c.bool.isRequired,isLimitedOffsetWells:c.bool.isRequired,maxOffsetWellNumber:c.number.isRequired,contentRef:c.shape({}).isRequired,wellSections:c.arrayOf(c.shape({})).isRequired,setActiveWellId:c.func.isRequired,viewType:c.string.isRequired,isWDUser:c.bool.isRequired,taScores:c.arrayOf(c.shape({})).isRequired};var O=o(M);export{O as default};
+//# sourceMappingURL=OffsetWellsTable.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OffsetWellsTable.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js"],"sourcesContent":["import { useState, memo, useCallback, useEffect, useMemo, useRef, Fragment } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { uniqBy } from 'lodash';\nimport { Table, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\n\nimport {\n  ColumnType,\n  EXPANDED_WELL_NAME_WIDTH,\n  SEARCH_CELL_DEFAULT_WIDTH,\n  SEARCH_CELL_EXPAND_WIDTH,\n  METRICS_LIST,\n  ROW_HEIGHT,\n  TableColumns,\n  ViewType,\n} from '../../constants';\nimport { getIsImperial } from '../../utils/unitSystem';\n\nimport { AdvancedSearch } from './AdvancedSearch';\nimport OffsetWellsTableHead from './OffsetWellsTableHead';\nimport OffsetWellsTableRow from './OffsetWellsTableRow';\n\nimport styles from './OffsetWellsTable.module.css';\n\nimport { LoadingIndicator } from '~/components';\n\nconst FLYING_DURATION = 200;\nconst DIFF_WELL_NAME_WIDTH = 58;\n\nconst getWellsForAnimation = (wells, moveRowCount, oldPosition, newPosition) => {\n  const newWells = wells.map((well, index) => {\n    const isMoveRow =\n      (oldPosition < index && index <= newPosition) ||\n      (newPosition <= index && index < oldPosition);\n\n    if (index === oldPosition) {\n      return { ...well, moveTo: moveRowCount };\n    } else if (isMoveRow) {\n      return {\n        ...well,\n        moveTo: oldPosition < newPosition ? -1 : 1,\n        delayTime: Math.abs(index - oldPosition),\n      };\n    }\n    return well;\n  });\n  return newWells;\n};\n\nconst getParametersForAnimation = (wells, newCheckedWellId, updatedWells, contentRef) => {\n  const oldPosition = wells.findIndex(well => newCheckedWellId === well.id);\n  let newPosition = updatedWells.findIndex(well => newCheckedWellId === well.id);\n  if (newPosition === -1) newPosition = updatedWells.length;\n  const showRowNumber = Math.round((contentRef.current?.clientHeight - 145) / ROW_HEIGHT + 1);\n  const diffPosition = newPosition - oldPosition;\n  if (Math.abs(diffPosition) > showRowNumber) {\n    newPosition = oldPosition + showRowNumber * Math.sign(diffPosition);\n  }\n\n  const moveRowCount = newPosition - oldPosition;\n  const newFlyDuration = (Math.abs(moveRowCount) * 0.4 + 2) * FLYING_DURATION;\n  const newEmptyRowIndex = Math.min(oldPosition, newPosition);\n  const newEmptyRowSize = (Math.abs(moveRowCount) + 1) * ROW_HEIGHT;\n\n  return [\n    oldPosition,\n    newPosition,\n    moveRowCount,\n    newFlyDuration,\n    newEmptyRowIndex,\n    newEmptyRowSize,\n  ];\n};\n\nfunction getCellWidth(columnsWithDict, key) {\n  const cell = columnsWithDict.find(item => item.key === key);\n  return cell?.width || 0;\n}\n\nconst OffsetWellsTable = ({\n  open,\n  isTableLoading,\n  companyId,\n  subjectWellId,\n  sortBy,\n  setSortBy,\n  sortDirection,\n  setSortDirection,\n  columnsWithDict,\n  wells: updatedWells,\n  metricsKeys,\n  setMetricsKeys,\n  handleChangeOffsetWell,\n  handleChangeAllOffsetWells,\n  handleAddRemoveAssets,\n  isWellNameExpand,\n  setIsWellNameExpand,\n  isHScrollMoved,\n  onHideAdvancedSearch,\n  isViewOnly,\n  isLastWell,\n  contentRef,\n  isLimitedOffsetWells,\n  maxOffsetWellNumber,\n  wellSections,\n  setActiveWellId,\n  viewType,\n  isWDUser,\n  taScores,\n}) => {\n  const [wells, setWells] = useState([]);\n  const [newCheckedWellId, setNewCheckedWellId] = useState(null);\n  const [emptyRowIndex, setEmptyRowIndex] = useState(0);\n  const [emptyRowSize, setEmptyRowSize] = useState(0);\n  /** @type {ReturnType<typeof useRef<HTMLElement>>} */\n  const headTableRef = useRef();\n  /** @type {ReturnType<typeof useRef<HTMLElement>>} */\n  const bodyTableRef = useRef();\n  const flyDurationRef = useRef();\n\n  useEffect(() => {\n    const uniqOldWells = uniqBy(wells, 'id');\n    const uniqUpdatedWells = uniqBy(updatedWells, 'id');\n\n    if (!newCheckedWellId) {\n      setWells(uniqUpdatedWells);\n      setEmptyRowSize(0);\n      return;\n    }\n\n    const [\n      oldPosition,\n      newPosition,\n      moveRowCount,\n      newFlyDuration,\n      newEmptyRowIndex,\n      newEmptyRowSize,\n    ] = getParametersForAnimation(uniqOldWells, newCheckedWellId, uniqUpdatedWells, contentRef);\n\n    flyDurationRef.current = newFlyDuration;\n\n    if (newPosition === oldPosition) {\n      setWells(uniqUpdatedWells);\n    } else {\n      setEmptyRowIndex(newEmptyRowIndex);\n      setEmptyRowSize(newEmptyRowSize);\n      const newWells = getWellsForAnimation(uniqOldWells, moveRowCount, oldPosition, newPosition);\n      setWells(newWells);\n\n      setTimeout(() => {\n        setWells(uniqUpdatedWells);\n        setEmptyRowSize(0);\n        setNewCheckedWellId(null);\n      }, newFlyDuration);\n    }\n  }, [updatedWells, updatedWells.length]);\n\n  const uniqWells = useMemo(() => uniqBy(wells, 'id'), [wells]);\n\n  const [selectedWells, indeterminate, isAllWellsSelected] = useMemo(() => {\n    const selectedWells = uniqWells.filter(well => well.checked);\n    const indeterminate =\n      uniqWells.length !== selectedWells.length && selectedWells.length && !isLimitedOffsetWells;\n    const isAllWellsSelected = selectedWells.length === uniqWells.length || isLimitedOffsetWells;\n\n    return [selectedWells, indeterminate, isAllWellsSelected];\n  }, [uniqWells, isLimitedOffsetWells]);\n\n  const isImperial = useMemo(() => getIsImperial(), []);\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  const wellNameWidth = useMemo(() => {\n    if (isWellNameExpand) return EXPANDED_WELL_NAME_WIDTH - DIFF_WELL_NAME_WIDTH;\n    return TableColumns[0].width[metricsKeys.length] - DIFF_WELL_NAME_WIDTH;\n  }, [isWellNameExpand, metricsKeys?.length]);\n\n  const searchWrapperWidth = useMemo(() => {\n    let initialWidth = isWellNameExpand ? SEARCH_CELL_EXPAND_WIDTH : SEARCH_CELL_DEFAULT_WIDTH;\n    if (taScores.length) {\n      initialWidth += getCellWidth(columnsWithDict, ColumnType.taScore);\n    }\n    return `${initialWidth}px`;\n  }, [isWellNameExpand, taScores]);\n\n  // NOTE: Remove shadow from column\n  useEffect(() => {\n    if (viewType === ViewType.mobile || !headTableRef.current || !bodyTableRef.current) return;\n    // Head table\n    const headColumn = headTableRef.current.querySelector(`.${styles.wellNameFixed}`);\n    if (!isHScrollMoved) {\n      headColumn.classList.add(styles.noShadow);\n    } else {\n      headColumn.classList.remove(styles.noShadow);\n    }\n\n    // Body table\n    const bodyColumns = bodyTableRef.current.querySelectorAll(`.${styles.wellNameFixed}`);\n    if (!isHScrollMoved) {\n      bodyColumns.forEach(th => th.classList.add(styles.noShadow));\n    } else {\n      bodyColumns.forEach(th => th.classList.remove(styles.noShadow));\n    }\n  }, [isHScrollMoved, bodyTableRef.current, headTableRef.current, wells]);\n\n  const handleChangeSortBy = useCallback((sortKey, sortDirection) => {\n    setSortBy(sortKey);\n    setSortDirection(sortDirection);\n  }, []);\n\n  const handleChangeMetricsKeys = useCallback(newMetricsKeys => {\n    setMetricsKeys(newMetricsKeys);\n  }, []);\n\n  const handleUpdateMetricsKey = useCallback((key, newValue) => {\n    setMetricsKeys(prevKeys => prevKeys.map(item => (item === key ? newValue : item)));\n  }, []);\n\n  if (!columnsWithDict || !uniqWells) return null;\n\n  return (\n    <div className={styles.offsetWellsTable}>\n      <div className={styles.stickyTable}>\n        <Table aria-label=\"ows table head\" innerRef={headTableRef}>\n          <TableHead>\n            <OffsetWellsTableHead\n              open={open}\n              columnsWithDict={columnsWithDict}\n              metricsKeys={metricsKeys}\n              sortBy={sortBy}\n              sortDirection={sortDirection}\n              indeterminate={indeterminate}\n              isAllWellsSelected={isAllWellsSelected}\n              onChangeSort={handleChangeSortBy}\n              onChangeMetricsKeys={handleChangeMetricsKeys}\n              onUpdateMetricsKey={handleUpdateMetricsKey}\n              isWellNameExpand={isWellNameExpand}\n              setIsWellNameExpand={setIsWellNameExpand}\n              handleChangeAllOffsetWells={handleChangeAllOffsetWells}\n              wellNameStyle={styles.wellNameFixed}\n              isViewOnly={isViewOnly}\n              isImperial={isImperial}\n              contentRef={contentRef}\n              viewType={viewType}\n              isTaColumnVisible={!!taScores.length}\n            />\n          </TableHead>\n        </Table>\n      </div>\n\n      {!isViewOnly && (\n        <div\n          className={classNames(styles.searchCellWrapper, {\n            [styles.searchCellWrapperExpanded]: isWellNameExpand,\n          })}\n          style={{ '--dynamic-search-wrapper-width': searchWrapperWidth }}\n        >\n          <div className={styles.searchCell}>\n            <AdvancedSearch\n              companyId={companyId}\n              subjectWellId={subjectWellId}\n              onChange={handleAddRemoveAssets}\n              selectedWellIds={selectedWells.map(({ id }) => id)}\n              onHideAdvancedSearch={onHideAdvancedSearch}\n            />\n          </div>\n          {!!isWellNameExpand && <div className={styles.searchCellEmpty} />}\n        </div>\n      )}\n\n      <Table aria-label=\"ows table body\" innerRef={bodyTableRef} className={styles.bodyTable}>\n        <TableBody>\n          <TableRow>\n            <TableCell\n              className={classNames(styles.topShadow, { [styles.viewOnlyShadow]: isViewOnly })}\n            />\n          </TableRow>\n          {uniqWells.map((well, index) => (\n            <Fragment key={well.id}>\n              <TableRow>\n                {newCheckedWellId && emptyRowSize > 0 && index === emptyRowIndex && (\n                  <TableCell style={{ height: emptyRowSize }} />\n                )}\n              </TableRow>\n              <OffsetWellsTableRow\n                columnsWithDict={columnsWithDict}\n                subjectWellId={subjectWellId}\n                data={well}\n                metricsKeys={metricsKeys}\n                metricsColumns={metricsColumns}\n                handleChangeOffsetWell={handleChangeOffsetWell}\n                isWellNameExpand={isWellNameExpand}\n                wellNameStyle={styles.wellNameFixed}\n                wellNameWidth={wellNameWidth}\n                isViewOnly={isViewOnly}\n                isImperial={isImperial}\n                isLimitedOffsetWells={isLimitedOffsetWells}\n                maxOffsetWellNumber={maxOffsetWellNumber}\n                wellSections={wellSections}\n                setActiveWellId={setActiveWellId}\n                viewType={viewType}\n                newCheckedWellId={well?.moveTo ? newCheckedWellId : 0}\n                setNewCheckedWellId={setNewCheckedWellId}\n                index={well?.moveTo ? index : 0}\n                flyDuration={well?.moveTo ? flyDurationRef.current : 0}\n                isWDUser={isWDUser}\n                taScores={taScores}\n              />\n            </Fragment>\n          ))}\n          {!isLastWell && (\n            <TableRow>\n              <TableCell className={styles.loadingCell}>\n                <span>Loading...</span>\n              </TableCell>\n            </TableRow>\n          )}\n          <TableRow>\n            <TableCell className={styles.bottomShadow} />\n          </TableRow>\n        </TableBody>\n      </Table>\n\n      {isTableLoading && (\n        <div className={styles.loadingContainer}>\n          <LoadingIndicator fullscreen={false} className={styles.loadingIndicator} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nOffsetWellsTable.propTypes = {\n  open: PropTypes.bool.isRequired,\n  isTableLoading: PropTypes.bool.isRequired,\n  companyId: PropTypes.number.isRequired,\n  subjectWellId: PropTypes.number.isRequired,\n  sortBy: PropTypes.string.isRequired,\n  setSortBy: PropTypes.func.isRequired,\n  sortDirection: PropTypes.string.isRequired,\n  setSortDirection: PropTypes.func.isRequired,\n  columnsWithDict: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  setMetricsKeys: PropTypes.func.isRequired,\n  handleChangeOffsetWell: PropTypes.func.isRequired,\n  handleChangeAllOffsetWells: PropTypes.func.isRequired,\n  handleAddRemoveAssets: PropTypes.func.isRequired,\n  setIsWellNameExpand: PropTypes.func.isRequired,\n  isWellNameExpand: PropTypes.bool.isRequired,\n  isHScrollMoved: PropTypes.bool.isRequired,\n  onHideAdvancedSearch: PropTypes.func.isRequired,\n  isViewOnly: PropTypes.bool.isRequired,\n  isLastWell: PropTypes.bool.isRequired,\n  isLimitedOffsetWells: PropTypes.bool.isRequired,\n  maxOffsetWellNumber: PropTypes.number.isRequired,\n  contentRef: PropTypes.shape({}).isRequired,\n  wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  setActiveWellId: PropTypes.func.isRequired,\n  viewType: PropTypes.string.isRequired,\n  isWDUser: PropTypes.bool.isRequired,\n  taScores: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n};\n\nexport default memo(OffsetWellsTable);\n"],"names":["OffsetWellsTable","_ref","open","isTableLoading","companyId","subjectWellId","sortBy","setSortBy","sortDirection","setSortDirection","columnsWithDict","updatedWells","wells","metricsKeys","setMetricsKeys","handleChangeOffsetWell","handleChangeAllOffsetWells","handleAddRemoveAssets","isWellNameExpand","setIsWellNameExpand","isHScrollMoved","onHideAdvancedSearch","isViewOnly","isLastWell","contentRef","isLimitedOffsetWells","maxOffsetWellNumber","wellSections","setActiveWellId","viewType","isWDUser","taScores","useState","_useState2","_slicedToArray","_useState","setWells","_useState4","_useState3","newCheckedWellId","setNewCheckedWellId","_useState6","_useState5","emptyRowIndex","setEmptyRowIndex","_useState8","_useState7","emptyRowSize","setEmptyRowSize","headTableRef","useRef","bodyTableRef","flyDurationRef","useEffect","uniqOldWells","uniqBy","uniqUpdatedWells","getParametersForAnimation","_contentRef$current","oldPosition","findIndex","well","id","newPosition","length","showRowNumber","Math","round","current","clientHeight","ROW_HEIGHT","diffPosition","abs","sign","moveRowCount","min","_getParametersForAnim2","_getParametersForAnim","newFlyDuration","newEmptyRowIndex","newEmptyRowSize","newWells","map","index","isMoveRow","_objectSpread","moveTo","delayTime","getWellsForAnimation","setTimeout","uniqWells","useMemo","selectedWells","filter","checked","_useMemo2","_useMemo","indeterminate","isAllWellsSelected","isImperial","getIsImperial","metricsColumns","reduce","result","key","concat","METRICS_LIST","item","wellNameWidth","EXPANDED_WELL_NAME_WIDTH","TableColumns","width","searchWrapperWidth","initialWidth","SEARCH_CELL_EXPAND_WIDTH","SEARCH_CELL_DEFAULT_WIDTH","cell","find","getCellWidth","ColumnType","taScore","ViewType","mobile","headColumn","querySelector","styles","wellNameFixed","classList","remove","noShadow","add","bodyColumns","querySelectorAll","forEach","th","handleChangeSortBy","useCallback","sortKey","handleChangeMetricsKeys","newMetricsKeys","handleUpdateMetricsKey","newValue","prevKeys","_jsxs","className","offsetWellsTable","children","_jsx","stickyTable","Table","innerRef","TableHead","OffsetWellsTableHead","onChangeSort","onChangeMetricsKeys","onUpdateMetricsKey","wellNameStyle","isTaColumnVisible","classNames","searchCellWrapper","searchCellWrapperExpanded","style","searchCell","AdvancedSearch","onChange","selectedWellIds","_ref2","searchCellEmpty","bodyTable","TableBody","TableRow","TableCell","topShadow","_defineProperty","viewOnlyShadow","Fragment","height","OffsetWellsTableRow","data","flyDuration","loadingCell","bottomShadow","loadingContainer","LoadingIndicator","fullscreen","loadingIndicator","propTypes","PropTypes","bool","isRequired","number","string","func","arrayOf","shape","memo"],"mappings":"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"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.module.css.js

@@ -1 +1,2 @@
 import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var l={offsetWellsTable:"OffsetWellsTable-module_offsetWellsTable__pGL-8",loadingContainer:"OffsetWellsTable-module_loadingContainer__lA0IJ",loadingIndicator:"OffsetWellsTable-module_loadingIndicator__j5pye",stickyTable:"OffsetWellsTable-module_stickyTable__LZCzy",searchCellWrapper:"OffsetWellsTable-module_searchCellWrapper__n8cod",searchCellWrapperExpanded:"OffsetWellsTable-module_searchCellWrapperExpanded__pWrzU",searchCell:"OffsetWellsTable-module_searchCell__3IW23",searchCellEmpty:"OffsetWellsTable-module_searchCellEmpty__1sB-v",bodyTable:"OffsetWellsTable-module_bodyTable__djKsG",bodyGrid:"OffsetWellsTable-module_bodyGrid__Ss17M",loadingCell:"OffsetWellsTable-module_loadingCell__rBu7-",topShadow:"OffsetWellsTable-module_topShadow__MPc8N",viewOnlyShadow:"OffsetWellsTable-module_viewOnlyShadow__DOW-4",bottomShadow:"OffsetWellsTable-module_bottomShadow__jxM6E",wellNameFixed:"OffsetWellsTable-module_wellNameFixed__tKtuD",noShadow:"OffsetWellsTable-module_noShadow__Ssp7E"};e('.OffsetWellsTable-module_offsetWellsTable__pGL-8{display:flex;flex-direction:column;height:100%;position:relative}.OffsetWellsTable-module_loadingContainer__lA0IJ{align-items:center;backdrop-filter:blur(1px);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1500}.OffsetWellsTable-module_loadingIndicator__j5pye{position:absolute;top:0}.OffsetWellsTable-module_stickyTable__LZCzy{background-color:var(--palette-background-b-7);padding-right:16px;position:sticky;top:0;z-index:9}.OffsetWellsTable-module_searchCellWrapper__n8cod{background-color:var(--palette-background-b-7);display:inline-flex;left:0;position:sticky;top:49px;width:var(--dynamic-search-wrapper-width,1020px);z-index:9}.OffsetWellsTable-module_searchCellWrapperExpanded__pWrzU{width:var(--dynamic-search-wrapper-width,1270px)}.OffsetWellsTable-module_searchCell__3IW23{left:0;position:sticky;top:0;width:1020px;z-index:9}.OffsetWellsTable-module_searchCellEmpty__1sB-v{position:relative;width:250px}.OffsetWellsTable-module_bodyTable__djKsG{position:relative}.OffsetWellsTable-module_bodyGrid__Ss17M{margin-top:12px!important;overflow:hidden!important}.OffsetWellsTable-module_bodyGrid__Ss17M::-webkit-scrollbar-corner{background:transparent}.OffsetWellsTable-module_loadingCell__rBu7-{border-bottom:none!important;color:var(--palette-primary-text-8)!important;font-size:12px!important;height:16px!important;padding:0!important;position:absolute;text-align:center!important;width:100%;z-index:1000}.OffsetWellsTable-module_topShadow__MPc8N{background-image:linear-gradient(0deg,rgba(51,51,51,0),#333);border-bottom:none!important;height:16px!important;padding:0!important;position:sticky;top:93px;width:100%;z-index:999}.OffsetWellsTable-module_viewOnlyShadow__DOW-4{top:49px}.OffsetWellsTable-module_bottomShadow__jxM6E{border-bottom:none!important;bottom:0;height:16px!important;padding:0!important;position:sticky;width:100%;z-index:999}.OffsetWellsTable-module_bottomShadow__jxM6E:after{background-image:linear-gradient(180deg,rgba(51,51,51,0),#333);bottom:-1px;content:" ";height:16px!important;position:absolute;width:100%}.OffsetWellsTable-module_wellNameFixed__tKtuD{box-shadow:4px 0 6px -3px #191919!important}.OffsetWellsTable-module_noShadow__Ssp7E{box-shadow:none!important}');export{l as default};
+//# sourceMappingURL=OffsetWellsTable.module.css.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,4DAA+D;"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTableHead.js

@@ -1 +1,2 @@
 import e from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/helpers/objectWithoutProperties";import{memo as t,useState as o}from"react";import c from"classnames";import n from"prop-types";import{SortDirection as r}from"react-virtualized";import{TableRow as l,TableCell as a,Checkbox as m,Tooltip as d,TableSortLabel as u}from"@material-ui/core";import{ViewType as p,EXPANDED_WELL_NAME_WIDTH as h,ColumnType as f}from"../../constants.js";import{MetricsSettingMenu as j}from"./MetricsSettingMenu.js";import{MetricsSelect as b}from"./MetricsSelect.js";import C from"./OffsetWellsTableHead.module.css.js";import{RightIcon as y}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import{jsxs as I,jsx as g}from"react/jsx-runtime";var v=["title"];function O(e,s){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),i.push.apply(i,t)}return i}function w(e){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?O(Object(t),!0).forEach((function(i){s(e,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))}))}return e}var S="OffsetWellsTableHead",N=function(e){var s=e.title,t=i(e,v);return g(d,{placement:"top-end",title:s,children:g(u,w({},t))})};function R(e,s){var i=e.find((function(e){return e.key===s}));return(null==i?void 0:i.width)||0}var W=function(i){var t,n=i.open,u=i.columnsWithDict,v=i.metricsKeys,O=i.sortBy,w=i.sortDirection,W=i.indeterminate,q=i.isAllWellsSelected,A=i.onChangeSort,k=i.onChangeMetricsKeys,E=i.onUpdateMetricsKey,D=i.isWellNameExpand,P=i.setIsWellNameExpand,x=i.handleChangeAllOffsetWells,F=i.wellNameStyle,M=i.isViewOnly,T=i.isImperial,L=i.contentRef,_=i.viewType,K=i.isTaColumnVisible,V=o(!1),U=e(V,2),z=U[0],H=U[1],B=function(e){A(e,e===O&&w===r.ASC?r.DESC:r.ASC)};return I(l,{className:C.tableRow,children:[I(a,{"data-testid":"".concat(S,"_wellName"),className:c(C.headCell,C.wellNameCell,(t={},s(t,F,_!==p.mobile),s(t,C.wellNameCellMobile,_===p.mobile),t)),style:{width:D?h:R(u,f.name)},children:[I("div",{className:C.nameWrapper,children:[!M&&n&&g(m,{"data-testid":"".concat(S,"_allWellsSelector"),size:"medium",onChange:function(e){return x(e.target.checked)},checked:q,indeterminate:W}),g(N,{title:"Sort",active:O===f.name,direction:O===f.name&&w===r.DESC?"desc":"asc",classes:{root:c(C.headerLabel,s({},C.cellDataViewOnly,M))},onClick:function(){return B(f.name)},children:"Well Name"})]}),g(d,{title:D?"Collapse":"Expand",children:g(y,{size:"small",className:c(C.wellNameExpandIcon,s({},C.wellNameCollapsed,!D)),onClick:function(){return P(!D)}})})]}),g(a,{"data-testid":"".concat(S,"_nameExpander_").concat(D),className:C.headCell,style:{width:R(u,f.status)}}),g(a,{"data-testid":"".concat(S,"_rig"),className:C.headCell,style:{width:R(u,f.rig)},children:g("div",{className:C.nameWrapper,children:g(N,{title:"Sort",active:O===f.rig,direction:O===f.rig&&w===r.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return B(f.rig)},children:"Rig"})})}),g(a,{"data-testid":"".concat(S,"_distance"),className:C.headCell,style:{width:R(u,f.distance)},children:g("div",{className:C.nameWrapper,children:g(N,{title:"Sort",active:O===f.distance,direction:O===f.distance&&w===r.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return B(f.distance)},children:"Distance (".concat(T?"miles":"km",")")})})}),K&&g(a,{"data-testid":"".concat(S,"_ta"),className:C.headCell,style:{width:R(u,f.taScore)},children:g("div",{className:C.nameWrapper,children:"TA %"})}),g(a,{"data-testid":"".concat(S,"_LastActive"),className:C.headCell,style:{width:R(u,f.lastActive)},children:g("div",{className:C.nameWrapper,children:g(N,{title:"Sort",active:O===f.lastActive,direction:O===f.lastActive&&w===r.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return B(f.lastActive)},children:"Last Active"})})}),v.map((function(e){return g(a,{"data-testid":"".concat(S,"_").concat(e),className:C.headCell,style:{width:R(u,e)},children:g(N,{title:z?"":"Sort",active:O===e,direction:O===e&&w===r.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return B(e)},children:g(b,{isTooltipVisible:v.length>1,currentValue:e,metricsKeys:v,onChange:function(s){return E(e,s)},setIsMenuOpen:H})})},e)})),g(a,{"data-testid":"".concat(S,"_WellSection"),className:C.headCell,style:{width:R(u,f.wellSection)},children:I("div",{className:C.settingsHeader,children:[g("span",{className:C.headerLabel,children:"Well Section"}),g(j,{viewType:_,metricsKeys:v,onChange:k,contentRef:L})]})})]})};W.propTypes={open:n.bool.isRequired,columnsWithDict:n.arrayOf(n.shape({key:n.string,label:n.string,type:n.string,width:n.number})).isRequired,metricsKeys:n.arrayOf(n.string).isRequired,sortBy:n.string.isRequired,sortDirection:n.string.isRequired,indeterminate:n.bool.isRequired,isAllWellsSelected:n.bool.isRequired,style:n.shape({}).isRequired,onChangeSort:n.func.isRequired,onChangeMetricsKeys:n.func.isRequired,onUpdateMetricsKey:n.func.isRequired,isWellNameExpand:n.bool.isRequired,setIsWellNameExpand:n.func.isRequired,handleChangeAllOffsetWells:n.func.isRequired,wellNameStyle:n.string.isRequired,isViewOnly:n.bool.isRequired,isImperial:n.bool.isRequired,contentRef:n.shape({current:n.instanceOf(Element)}).isRequired,viewType:n.string.isRequired,isTaColumnVisible:n.bool.isRequired};var q=t(W);export{q as default};
+//# sourceMappingURL=OffsetWellsTableHead.js.map