@corva/ui 3.38.0-2 → 3.38.0-3

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

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as o,useEffect as r,useMemo as s}from"react";import i from"prop-types";import{get as n}from"lodash";import{withStyles as a,Tooltip as p,makeStyles as l,Chip as c,Input as m}from"@material-ui/core";import u from"@material-ui/icons/Close";import"@babel/runtime/helpers/defineProperty";import"uuid";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/jsonApi/index.js";import"../../../../../clients/subscriptions/constants.js";import"../../../../../clients/subscriptions.v1.js";import"../../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"../../../api/shared/dataFormatter.js";import"../../../constants.js";import"geolib";import"../../../../../utils/convert.js";import"zustand";import"../../../stores/picker-props-store/PickerPropsStoreContext.js";import{jsxs as d,jsx as f,Fragment as h}from"react/jsx-runtime";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/wellTransformations.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"../../../../../constants/corvaCompanyId.js";import"../../../../GradientManager/configuration/constants.js";import"react-virtualized";import{useAssetsData as j}from"../../../effects/useAssetsData.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"../../../../../permissions/ProvidePermissions.js";import{AssetTypesSection as x}from"./AssetTypesSection.js";import{AssetResultSection as g}from"./AssetResultSection.js";import{SEARCH_CATEGORIES as b,CATEGORY_KEY_VALUES as C}from"./constants.js";var y=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"}}}))(p),v=l((function(e){return{wrapper:{width:function(e){return e.searchWidth||"auto"},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"}}})),I=function(i){var a=i.company,p=i.subjectWellId,l=i.value,I=i.selectedWellIds,w=i.onChange,A=i.searchWidth,W=i.onClose,k=t(null),R=e(k,2),S=R[0],P=R[1],D=t(null),T=e(D,2),q=T[0],z=T[1],N=t(1),L=e(N,2),B=L[0],H=L[1],O=v({searchWidth:A}),F=o();r((function(){z(l)}),[l]);var G=j(q,S,B,a,I),K=e(G,2),U=K[0],M=K[1],$=s((function(){return S&&M&&0!==M.length?M[0][1].filter((function(e){return e.checked})).length:0}),[S,M]);return d("div",{className:O.wrapper,children:[f("div",{className:O.inputWrapper,children:d("div",{className:O.searchInput,children:[S&&d(h,{children:[f(c,{"data-not-migrated-muichip":!0,classes:{root:O.selectedChip,deleteIcon:O.selectedChipDeleteIcon},label:n(b,[S,"labelPlural"],"Assets"),deleteIcon:f(u,{}),onDelete:function(){P(null)}}),$>0&&d("span",{className:O.selectedLabel,children:[$," Selected"]})]}),f(m,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:F,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:q||"",placeholder:"Add Offset ...",onChange:function(e){var t=e.target.value;F.current.focus(),z(t),H(1)},onKeyUp:function(t){var o=t.target.value,r=t.keyCode,s=C.find((function(t){var r=e(t,2);return r[0],r[1].autoCategorizedKey===o.trim().toLowerCase()}));if(s&&(13===r||32===r))return z(""),P(s[0]),void H(1);""===o&&8===r&&(P(null),H(1))}}),f(y,{title:"Clear",children:f(u,{className:S||q?O.selectedChipDeleteIcon:O.disabledIcon,onClick:function(){z(""),P(null),H(1),W()}})})]})}),!S&&!q&&f(x,{onClickAssetType:function(e){F.current.focus(),P(e),H(1)}}),(S||q)&&f(g,{subjectWellId:p,page:B,assetType:S,loading:U,groupedAssets:M,onClickAsset:function(e,t){w(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var o=M[0][1];w(e,o.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&B>1&&H((function(e){return e-1})),"bottom"===e&&H((function(e){return e+1}))}})]})};I.propTypes={subjectWellId:i.number.isRequired,company:i.number.isRequired,value:i.string.isRequired,selectedWellIds:i.arrayOf(i.number).isRequired,onChange:i.func.isRequired,searchWidth:i.number,onClose:i.func.isRequired},I.defaultProps={searchWidth:null};export{I as AutoCompleteAssetSearch};
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as s,useEffect as o,useMemo as r}from"react";import i from"prop-types";import{get as n}from"lodash";import{withStyles as a,Tooltip as p,makeStyles as l,Chip as c,Input as m}from"@material-ui/core";import d from"@material-ui/icons/Close";import"@babel/runtime/helpers/defineProperty";import"uuid";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/jsonApi/index.js";import"../../../../../clients/subscriptions/constants.js";import"../../../../../clients/subscriptions.v1.js";import"../../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"../../../api/shared/dataFormatter.js";import"../../../constants.js";import"geolib";import"../../../../../utils/convert.js";import"zustand";import"../../../stores/picker-props-store/PickerPropsStoreContext.js";import{jsxs as u,jsx as f,Fragment as h}from"react/jsx-runtime";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/wellTransformations.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"../../../../../constants/corvaCompanyId.js";import"../../../../GradientManager/configuration/constants.js";import"react-virtualized";import{useAssetsData as g}from"../../../effects/useAssetsData.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"../../../../../permissions/ProvidePermissions.js";import{AssetTypesSection as j}from"./AssetTypesSection.js";import{AssetResultSection as x}from"./AssetResultSection.js";import{SEARCH_CATEGORIES as b,CATEGORY_KEY_VALUES as y}from"./constants.js";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"}}}))(p),I=l((function(e){return{wrapper:{width:function(e){return e.searchWidth||"auto"},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,p=i.subjectWellId,l=i.value,v=i.selectedWellIds,A=i.onChange,w=i.searchWidth,W=i.onClose,S=i.loadingAssetIds,k=t(null),R=e(k,2),P=R[0],D=R[1],T=t(null),q=e(T,2),z=q[0],N=q[1],L=t(1),B=e(L,2),H=B[0],O=B[1],F=I({searchWidth:w}),G=s();o((function(){N(l)}),[l]);var K=g(z,P,H,a,v),U=e(K,2),M=U[0],$=U[1],_=r((function(){return P&&$&&0!==$.length?$[0][1].filter((function(e){return e.checked})).length:0}),[P,$]);return u("div",{className:F.wrapper,children:[f("div",{className:F.inputWrapper,children:u("div",{className:F.searchInput,children:[P&&u(h,{children:[f(c,{"data-not-migrated-muichip":!0,classes:{root:F.selectedChip,deleteIcon:F.selectedChipDeleteIcon},label:n(b,[P,"labelPlural"],"Assets"),deleteIcon:f(d,{}),onDelete:function(){D(null)}}),_>0&&u("span",{className:F.selectedLabel,children:[_," Selected"]})]}),f(m,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:G,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:z||"",placeholder:"Search for Wells ...",onChange:function(e){var t=e.target.value;G.current.focus(),N(t),O(1)},onKeyUp:function(t){var s=t.target.value,o=t.keyCode,r=y.find((function(t){var o=e(t,2);return o[0],o[1].autoCategorizedKey===s.trim().toLowerCase()}));if(r&&(13===o||32===o))return N(""),D(r[0]),void O(1);""===s&&8===o&&(D(null),O(1))}}),f(C,{title:"Clear",children:f(d,{className:P||z?F.selectedChipDeleteIcon:F.disabledIcon,onClick:function(){N(""),D(null),O(1),W()}})})]})}),!P&&!z&&f(j,{onClickAssetType:function(e){G.current.focus(),D(e),O(1)}}),(P||z)&&f(x,{subjectWellId:p,page:H,assetType:P,loading:M,groupedAssets:$,onClickAsset:function(e,t){A(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var s=$[0][1];A(e,s.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&H>1&&O((function(e){return e-1})),"bottom"===e&&O((function(e){return e+1}))},loadingAssetIds:S})]})};v.propTypes={subjectWellId:i.number.isRequired,company:i.number.isRequired,value:i.string.isRequired,selectedWellIds:i.arrayOf(i.number).isRequired,onChange:i.func.isRequired,searchWidth:i.number,onClose:i.func.isRequired,loadingAssetIds:i.arrayOf(i.number)},v.defaultProps={searchWidth:null,loadingAssetIds:[]};export{v as AutoCompleteAssetSearch};
 //# sourceMappingURL=AutoCompleteAssetSearch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV5/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 || 'auto',\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\nexport const AutoCompleteAssetSearch = ({\n  company,\n  subjectWellId,\n  value,\n  selectedWellIds,\n  onChange,\n  searchWidth,\n  onClose,\n}) => {\n  const [assetType, setAssetType] = useState(null);\n  const [searchKey, setSearchKey] = useState(null);\n  const [page, setPage] = useState(1);\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    setSearchKey('');\n    setAssetType(null);\n    setPage(1);\n    onClose();\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  searchWidth: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n};\n\nAutoCompleteAssetSearch.defaultProps = {\n  searchWidth: null,\n};\n"],"names":["StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","_ref","searchWidth","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","onClose","useState","_useState2","_slicedToArray","_useState","assetType","setAssetType","_useState4","_useState3","searchKey","setSearchKey","_useState6","_useState5","page","setPage","classes","searchInputRef","useRef","useEffect","useAssetsData","_useAssetsData2","_useAssetsData","loading","groupedAssets","selectedCount","useMemo","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","defaultProps"],"mappings":"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"}
+{"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV5/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 || 'auto',\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\nexport const AutoCompleteAssetSearch = ({\n  company,\n  subjectWellId,\n  value,\n  selectedWellIds,\n  onChange,\n  searchWidth,\n  onClose,\n  loadingAssetIds,\n}) => {\n  const [assetType, setAssetType] = useState(null);\n  const [searchKey, setSearchKey] = useState(null);\n  const [page, setPage] = useState(1);\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    setSearchKey('');\n    setAssetType(null);\n    setPage(1);\n    onClose();\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=\"Search for Wells ...\"\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          loadingAssetIds={loadingAssetIds}\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  searchWidth: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  loadingAssetIds: PropTypes.arrayOf(PropTypes.number),\n};\n\nAutoCompleteAssetSearch.defaultProps = {\n  searchWidth: null,\n  loadingAssetIds: [],\n};\n"],"names":["StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","_ref","searchWidth","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","onClose","loadingAssetIds","useState","_useState2","_slicedToArray","_useState","assetType","setAssetType","_useState4","_useState3","searchKey","setSearchKey","_useState6","_useState5","page","setPage","classes","searchInputRef","useRef","useEffect","useAssetsData","_useAssetsData2","_useAssetsData","loading","groupedAssets","selectedCount","useMemo","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","defaultProps"],"mappings":"83EAYA,IAEMA,EAAgBC,GAAW,WAAA,MAAO,CACtCC,QAAS,CACPC,gBAAiB,UACjBC,MAAO,UACPC,SAAU,OACVC,WAAY,OACZC,aAAc,MACdC,UAAW,kCACXC,QAAS,OAEZ,GAVqBR,CAUlBS,GAEEC,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,MAAO,SAAAC,GAAc,SAAXC,aAAiC,MAAM,EACjDC,QAAS,OACTC,cAAe,SACfV,QAAS,IAEXW,aAAc,CACZF,QAAS,OACTH,MAAO,OACPM,OAAQ,YACRC,WAAY,SACZC,SAAU,SACVC,eAAgB,iBAElBC,aAAc,CACZC,OAAQ,OACRL,OAAQ,OAEVM,uBAAwB,CACtBZ,MAAO,OACPW,OAAQ,OACRtB,MAAOS,EAAMe,QAAQC,QAAQC,MAC7B,UAAW,CACT1B,MAAOS,EAAMe,QAAQC,QAAQE,QAGjCC,cAAe,CACbC,WAAY,IACZ5B,SAAU,OACVC,WAAY,OACZF,MAAOS,EAAMe,QAAQC,QAAQE,MAC7BG,WAAY,SACZC,YAAa,MACbC,aAAc,OAEhBC,aAAc,CACZtB,MAAO,OACPW,OAAQ,OACRtB,MAAOS,EAAMe,QAAQC,QAAQC,MAC7BQ,QAAS,IAEXC,gBAAiB,CACf9B,QAAS,EACT,qBAAsB,CACpBL,MAAOS,EAAMe,QAAQC,QAAQE,QAGjCS,YAAa,CACXzB,MAAO,OACPG,QAAS,OACTC,cAAe,MACfK,eAAgB,gBAChBF,WAAY,SACZmB,aAAc,qBAEhBC,UAAW,CACTtC,MAAOS,EAAMe,QAAQC,QAAQC,MAC7BzB,SAAU,QAEb,IAEYsC,EAA0B,SASjCC,GAAA,IARJC,IAAAA,QACAC,IAAAA,cACAC,IAAAA,MACAC,IAAAA,gBACAC,IAAAA,SACAhC,IAAAA,YACAiC,IAAAA,QACAC,IAAAA,gBAEkCC,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAzCC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACID,EAAAA,EAAS,MAAKM,EAAAJ,EAAAK,EAAA,GAAzCC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACNN,EAAAA,EAAS,GAAEU,EAAAR,EAAAS,EAAA,GAA5BC,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GACdI,EAAUvD,EAAU,CAAEM,YAAAA,IACtBkD,EAAiBC,IAEvBC,GAAU,WACRR,EAAad,EACf,GAAG,CAACA,IAEJ,IAAiCuB,EAAAA,EAC/BV,EACAJ,EACAQ,EACAnB,EACAG,GACDuB,EAAAjB,EAAAkB,EAAA,GANMC,EAAOF,EAAA,GAAEG,EAAaH,EAAA,GAQvBI,EAAgBC,GAAQ,WAC5B,OAAKpB,GAAckB,GAA0C,IAAzBA,EAAcG,OAC3CH,EAAc,GAAG,GAAGI,QAAO,SAAAC,GAAK,OAAIA,EAAMC,OAAO,IAAEH,OADa,CAEzE,GAAG,CAACrB,EAAWkB,IAwEf,OACEO,EAAA,MAAA,CAAKC,UAAWhB,EAAQpD,QAAQqE,SAC9B,CAAAC,EAAA,MAAA,CAAKF,UAAWhB,EAAQ9C,aAAa+D,SACnCF,EAAA,MAAA,CAAKC,UAAWhB,EAAQ1B,YAAY2C,SAAA,CACjC3B,GACCyB,EAAAI,EAAA,CAAAF,SAAA,CACEC,EAACE,EAAI,CACH,6BAAyB,EACzBpB,QAAS,CAAEqB,KAAMrB,EAAQzC,aAAc+D,WAAYtB,EAAQvC,wBAC3D8D,MAAOC,EAAIC,EAAmB,CAACnC,EAAW,eAAgB,UAC1DgC,WAAYJ,EAACQ,EAAa,IAC1BC,SAjFgB,WAC5BpC,EAAa,SAkFFkB,EAAgB,GACfM,EAAA,OAAA,CAAMC,UAAWhB,EAAQlC,cAAcmD,SAAA,CAAER,EAAa,kBAI5DS,EAACU,EAAK,CACJ,cAAA,GAAAC,OAtMM,0BAsMkC,gBACxCC,SAAU7B,EACV8B,WAAS,EACTC,kBAAgB,EAChBC,WAAS,EACTpD,MAAOa,GAAa,GACpBwC,YAAY,uBACZnD,SAtFoB,SAA2BoD,GAAA,IAAdtD,EAAKsD,EAAfC,OAAUvD,MACzCoB,EAAeoC,QAAQC,QACvB3C,EAAad,GACbkB,EAAQ,IAoFAwC,QAjFa,SAAAC,GACrB,IAAQ3D,EAAU2D,EAAEJ,OAAZvD,MACA4D,EAAYD,EAAZC,QAEFC,EAAoBC,EAAoBC,MAC5C,SAAAC,GAAA,IAAAC,EAAA1D,EAAAyD,EAAA,GAAS,OAANC,EAAA,GAAMA,EAAA,GAAWC,qBAAuBlE,EAAMmE,OAAOC,iBAK1D,GAAIP,IAAkC,KAAZD,GAA8B,KAAZA,GAI1C,OAHA9C,EAAa,IACbJ,EAAamD,EAAkB,SAC/B3C,EAAQ,GAMI,KAAVlB,GAA4B,IAAZ4D,IAClBlD,EAAa,MACbQ,EAAQ,OA8DJmB,EAACpF,EAAa,CAACoH,MAAM,QAAOjC,SAC1BC,EAACQ,EAAS,CACRV,UACE1B,GAAaI,EAAYM,EAAQvC,uBAAyBuC,EAAQ7B,aAEpEgF,QA/Dc,WACxBxD,EAAa,IACbJ,EAAa,MACbQ,EAAQ,GACRf,eAiEIM,IAAcI,GAAawB,EAACkC,EAAiB,CAACC,iBA1GtB,SAAAC,GAC5BrD,EAAeoC,QAAQC,QACvB/C,EAAa+D,GACbvD,EAAQ,OAwGJT,GAAaI,IACbwB,EAACqC,EAAkB,CACjB3E,cAAeA,EACfkB,KAAMA,EACNR,UAAWA,EACXiB,QAASA,EACTC,cAAeA,EACfgD,aA7DkB,SAAC3C,EAAOvB,GAChCP,GAAU8B,EAAMC,QAAS,CAACD,EAAM4C,iBAAkBnE,IA6D5CoE,gBA1DsB,SAACC,EAAarE,GAC1C,IAAMsE,EAASpD,EAAc,GAAG,GAChCzB,EACE4E,EACAC,EAAOC,KAAI,SAAAhD,GAAK,OAAIA,EAAM4C,mBAC1BnE,IAsDIwE,gBAxEoB,SAAAC,GACT,QAAbA,GAAsBjE,EAAO,GAC/BC,GAAQ,SAAAiE,GAAI,OAAIA,EAAO,KAER,WAAbD,GACFhE,GAAQ,SAAAiE,GAAI,OAAIA,EAAO,MAoEnB/E,gBAAiBA,MAK3B,EAEAR,EAAwBwF,UAAY,CAClCrF,cAAesF,EAAUC,OAAOC,WAChCzF,QAASuF,EAAUC,OAAOC,WAC1BvF,MAAOqF,EAAUG,OAAOD,WACxBtF,gBAAiBoF,EAAUI,QAAQJ,EAAUC,QAAQC,WACrDrF,SAAUmF,EAAUK,KAAKH,WACzBrH,YAAamH,EAAUC,OACvBnF,QAASkF,EAAUK,KAAKH,WACxBnF,gBAAiBiF,EAAUI,QAAQJ,EAAUC,SAG/C1F,EAAwB+F,aAAe,CACrCzH,YAAa,KACbkC,gBAAiB"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.d.ts

@@ -1,5 +1,5 @@
 export const OffsetWellsTable: import("react").MemoExoticComponent<{
-    ({ isTableLoading, subjectWellId, columnsWithDict, wells: updatedWells, metricsKeys, handleChangeOffsetWell, isLastWell, isLimitedOffsetWells, maxOffsetWellNumber, wellSections, setActiveWellId, taScores, }: {
+    ({ isTableLoading, subjectWellId, columnsWithDict, wells: updatedWells, metricsKeys, handleChangeOffsetWell, isLastWell, isLimitedOffsetWells, maxOffsetWellNumber, wellSections, setActiveWellId, taScores, isWellSectionColumnVisible, }: {
         isTableLoading: any;
         subjectWellId: any;
         columnsWithDict: any;
@@ -12,6 +12,7 @@ export const OffsetWellsTable: import("react").MemoExoticComponent<{
         wellSections: any;
         setActiveWellId: any;
         taScores: any;
+        isWellSectionColumnVisible: any;
     }): JSX.Element;
     propTypes: {
         isTableLoading: PropTypes.Validator<boolean>;
@@ -26,6 +27,7 @@ export const OffsetWellsTable: import("react").MemoExoticComponent<{
         wellSections: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
         setActiveWellId: PropTypes.Validator<(...args: any[]) => any>;
         taScores: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
+        isWellSectionColumnVisible: PropTypes.Validator<boolean>;
     };
 }>;
 import PropTypes from 'prop-types';

package/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellsTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js"],"names":[],"mappings":"AA0IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAgE;sBAzI1C,YAAY"}
+{"version":3,"file":"OffsetWellsTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js"],"names":[],"mappings":"AA6IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAgE;sBA5I1C,YAAY"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{memo as t,useState as o,useRef as s,useEffect as i,useMemo as r}from"react";import n from"prop-types";import{uniqBy as p}from"lodash";import{Table as m,TableBody as c,TableRow as a,TableCell as l}from"@material-ui/core";import{METRICS_LIST as d,EXPANDED_WELL_NAME_WIDTH as j,TableColumns as u}from"../../constants.js";import{getIsImperial as A}from"../../utils/getIsImperial.js";import{useViewStore as C}from"../../stores/view-store/useViewStore.js";import{OffsetWellsTableRow as V}from"./OffsetWellsTableRow.js";import f from"./OffsetWellsTable.module.css.js";import{jsxs as S,jsx as I}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"classnames";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/SearchOne.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/Global.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"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/Lasso.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"../../../../constants/corvaCompanyId.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"@babel/runtime/helpers/defineProperty";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/Cell.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/Popover/Popover.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/Label/Label.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/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/ModalWindow/ModalWindow.scss.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/Hint/Hint.scss.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.constants.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"../../../../componentsV2/Tag/Tag.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/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.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"../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../../utils/env.js";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/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.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"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.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.constants.js";import"../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.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.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.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 g 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"zustand";import"../../stores/picker-props-store/PickerPropsStoreContext.js";import"lodash/isEqual";import"../../stores/filter-store/FilterStoreContext.js";import"../../stores/view-store/ViewStoreContext.js";import"../../api/shared/dataFormatter.js";import"geolib";import"../../../../utils/convert.js";import"../../utils/wellTransformations.js";import"react-virtualized";import"../../effects/useAssetsData.js";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"../../../../permissions/ProvidePermissions.js";import"../AppHeader/AppHeader.js";import"../Filter/Filter.js";import"react-map-gl/mapbox";import"mapbox-gl/dist/mapbox-gl.css";import"../Map/OffsetWellMap/components/RadiusInput/RadiusInput.module.css.js";import"../Map/OffsetWellMap/components/MapControls/MapControls.module.css.js";import"@material-ui/icons/Info";import"@material-ui/icons/Block";import"../Map/OffsetWellMap/components/WellTooltip/WellTooltip.module.css.js";import"../Map/OffsetWellMap/components/LayerSwitcher/LayerSwitcher.module.css.js";import"../Map/OffsetWellMap/components/LassoTip/LassoTip.module.css.js";import"@turf/circle";import"@turf/bbox";import"../Map/OffsetWellMap/hooks/useWellMarkers.js";import"@mapbox/mapbox-gl-draw";import"@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css";import"../Map/OffsetWellMap/OffsetWellMap.module.css.js";import"../../../../config/mapbox/index.js";import"../Map/WellsMap.module.css.js";import"./OffsetWellsTableHead.js";import"./AdvancedSearch/AdvancedSearch.js";import"./AdvancedSearch/constants.js";import"../../utils/index.js";import"../../OffsetWellPickerV5.module.css.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../Notifications/Notifications.scss.js";import"../../../../styles/typography/index.js";import"../../../../styles/counter/counter.module.scss.js";import"../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../OffsetWellPickerV4/constants.js";import"../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../OffsetWellPickerV4/utils/index.js";import"../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.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"../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../../componentsV2/FileIcon/icons/XmlFileIcon.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=function(t){var n=t.isTableLoading,b=t.subjectWellId,h=t.columnsWithDict,v=t.wells,D=t.metricsKeys,P=t.handleChangeOffsetWell,T=t.isLastWell,x=t.isLimitedOffsetWells,F=t.maxOffsetWellNumber,W=t.wellSections,B=t.setActiveWellId,M=t.taScores,y=o([]),L=e(y,2),k=L[0],O=L[1],E=C((function(e){return e.isHScrollMoved})),w=C((function(e){return e.isWellNameExpand})),H=s();i((function(){var e=p(v,"id");O(e)}),[v,v.length]);var R=r((function(){return p(k,"id")}),[k]),q=r((function(){return A()}),[]),G=r((function(){var e=new Map(d.map((function(e){return[e.key,e]})));return(D||[]).map((function(t){return e.get(t)})).filter(Boolean)}),[D]),N=r((function(){return w?j-58:u[0].minWidth[D.length]-58}),[w,null==D?void 0:D.length]);i((function(){if(H.current){var e=H.current.querySelectorAll(".".concat(f.wellNameFixed));E?e.forEach((function(e){return e.classList.remove(f.noShadow)})):e.forEach((function(e){return e.classList.add(f.noShadow)}))}}),[E,k]);var z=s();return h&&R?S("div",{className:f.offsetWellsTable,children:[I("div",{className:f.bodyTableWrapper,ref:z,children:I(m,{"aria-label":"ows table body",innerRef:H,className:f.bodyTable,children:S(c,{children:[R.map((function(e){return I(V,{columnsWithDict:h,subjectWellId:b,data:e,metricsKeys:D,metricsColumns:G,handleChangeOffsetWell:P,wellNameStyle:f.wellNameFixed,wellNameWidth:N,isImperial:q,isLimitedOffsetWells:x,maxOffsetWellNumber:F,wellSections:W,setActiveWellId:B,taScores:M,offsetWellsContainerRef:z},e.id)})),!T&&I(a,{children:I(l,{className:f.loadingCell,children:I("span",{children:"Loading..."})})}),I(a,{children:I(l,{className:f.bottomShadow})})]})})}),n&&I("div",{className:f.loadingContainer,children:I(g,{fullscreen:!1,className:f.loadingIndicator})})]}):null};b.propTypes={isTableLoading:n.bool.isRequired,subjectWellId:n.number.isRequired,columnsWithDict:n.arrayOf(n.shape({})).isRequired,wells:n.arrayOf(n.shape({})).isRequired,metricsKeys:n.arrayOf(n.string).isRequired,handleChangeOffsetWell:n.func.isRequired,isLastWell:n.bool.isRequired,isLimitedOffsetWells:n.bool.isRequired,maxOffsetWellNumber:n.number.isRequired,wellSections:n.arrayOf(n.shape({})).isRequired,setActiveWellId:n.func.isRequired,taScores:n.arrayOf(n.shape({})).isRequired};var h=t(b);export{h as OffsetWellsTable};
+import e from"@babel/runtime/helpers/slicedToArray";import{memo as t,useState as o,useRef as s,useEffect as i,useMemo as n}from"react";import r from"prop-types";import{uniqBy as p}from"lodash";import{Table as m,TableBody as c,TableRow as a,TableCell as l}from"@material-ui/core";import{METRICS_LIST as d,EXPANDED_WELL_NAME_WIDTH as j,TableColumns as u}from"../../constants.js";import{getIsImperial as A}from"../../utils/getIsImperial.js";import{useViewStore as C}from"../../stores/view-store/useViewStore.js";import{OffsetWellsTableRow as V}from"./OffsetWellsTableRow.js";import S from"./OffsetWellsTable.module.css.js";import{jsxs as f,jsx as I}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"classnames";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/SearchOne.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/Global.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"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/Lasso.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"../../../../constants/corvaCompanyId.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"@babel/runtime/helpers/defineProperty";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/Cell.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/Popover/Popover.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/Label/Label.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/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/ModalWindow/ModalWindow.scss.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/Hint/Hint.scss.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.constants.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"../../../../componentsV2/Tag/Tag.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/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.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"../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../../utils/env.js";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/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.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"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.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.constants.js";import"../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.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.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.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 g 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"../../OffsetWellPickerV5WithStore.js";import"../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"../../../../permissions/ProvidePermissions.js";import"../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../OffsetWellPickerV4/utils/index.js";import"../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../Notifications/Notifications.scss.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"../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../../componentsV2/FileIcon/icons/XmlFileIcon.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=function(t){var r=t.isTableLoading,b=t.subjectWellId,h=t.columnsWithDict,v=t.wells,D=t.metricsKeys,P=t.handleChangeOffsetWell,T=t.isLastWell,x=t.isLimitedOffsetWells,F=t.maxOffsetWellNumber,B=t.wellSections,W=t.setActiveWellId,y=t.taScores,L=t.isWellSectionColumnVisible,M=o([]),k=e(M,2),E=k[0],O=k[1],H=C((function(e){return e.isHScrollMoved})),w=C((function(e){return e.isWellNameExpand})),R=s();i((function(){var e=p(v,"id");O(e)}),[v,v.length]);var q=n((function(){return p(E,"id")}),[E]),G=n((function(){return A()}),[]),N=n((function(){var e=new Map(d.map((function(e){return[e.key,e]})));return(D||[]).map((function(t){return e.get(t)})).filter(Boolean)}),[D]),z=n((function(){return w?j-58:u[0].minWidth[D.length]-58}),[w,null==D?void 0:D.length]);i((function(){if(R.current){var e=R.current.querySelectorAll(".".concat(S.wellNameFixed));H?e.forEach((function(e){return e.classList.remove(S.noShadow)})):e.forEach((function(e){return e.classList.add(S.noShadow)}))}}),[H,E]);var U=s();return h&&q?f("div",{className:S.offsetWellsTable,children:[I("div",{className:S.bodyTableWrapper,ref:U,children:I(m,{"aria-label":"ows table body",innerRef:R,className:S.bodyTable,children:f(c,{children:[q.map((function(e){return I(V,{columnsWithDict:h,subjectWellId:b,data:e,metricsKeys:D,metricsColumns:N,handleChangeOffsetWell:P,wellNameStyle:S.wellNameFixed,wellNameWidth:z,isImperial:G,isLimitedOffsetWells:x,maxOffsetWellNumber:F,wellSections:B,setActiveWellId:W,taScores:y,offsetWellsContainerRef:U,isWellSectionColumnVisible:L},e.id)})),!T&&I(a,{children:I(l,{className:S.loadingCell,children:I("span",{children:"Loading..."})})}),I(a,{children:I(l,{className:S.bottomShadow})})]})})}),r&&I("div",{className:S.loadingContainer,children:I(g,{fullscreen:!1,className:S.loadingIndicator})})]}):null};b.propTypes={isTableLoading:r.bool.isRequired,subjectWellId:r.number.isRequired,columnsWithDict:r.arrayOf(r.shape({})).isRequired,wells:r.arrayOf(r.shape({})).isRequired,metricsKeys:r.arrayOf(r.string).isRequired,handleChangeOffsetWell:r.func.isRequired,isLastWell:r.bool.isRequired,isLimitedOffsetWells:r.bool.isRequired,maxOffsetWellNumber:r.number.isRequired,wellSections:r.arrayOf(r.shape({})).isRequired,setActiveWellId:r.func.isRequired,taScores:r.arrayOf(r.shape({})).isRequired,isWellSectionColumnVisible:r.bool.isRequired};var h=t(b);export{h as OffsetWellsTable};
 //# sourceMappingURL=OffsetWellsTable.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellsTable.js","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js"],"sourcesContent":["import { useState, memo, useEffect, useMemo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { uniqBy } from 'lodash';\nimport { Table, TableBody, TableCell, TableRow } from '@material-ui/core';\n\nimport { EXPANDED_WELL_NAME_WIDTH, METRICS_LIST, TableColumns } from '../../constants';\nimport { getIsImperial } from '../../utils/getIsImperial';\nimport { useViewStore } from '../../stores/view-store/useViewStore';\n\nimport { OffsetWellsTableRow } from './OffsetWellsTableRow';\n\nimport styles from './OffsetWellsTable.module.css';\n\nimport { LoadingIndicator } from '~/components';\n\nconst DIFF_WELL_NAME_WIDTH = 58;\n\nconst OffsetWellsTableComponent = ({\n  isTableLoading,\n  subjectWellId,\n  columnsWithDict,\n  wells: updatedWells,\n  metricsKeys,\n  handleChangeOffsetWell,\n  isLastWell,\n  isLimitedOffsetWells,\n  maxOffsetWellNumber,\n  wellSections,\n  setActiveWellId,\n  taScores,\n}) => {\n  const [wells, setWells] = useState([]);\n  const isHScrollMoved = useViewStore(state => state.isHScrollMoved);\n  const isWellNameExpand = useViewStore(state => state.isWellNameExpand);\n  /** @type {ReturnType<typeof useRef<HTMLElement>>} */\n  const bodyTableRef = useRef();\n\n  useEffect(() => {\n    const uniqUpdatedWells = uniqBy(updatedWells, 'id');\n    setWells(uniqUpdatedWells);\n  }, [updatedWells, updatedWells.length]);\n\n  const uniqWells = useMemo(() => uniqBy(wells, 'id'), [wells]);\n\n  const isImperial = useMemo(() => getIsImperial(), []);\n\n  const metricsColumns = useMemo(() => {\n    // NOTE: Pay attention to the order of metrics and duplication\n    const metricsMap = new Map(METRICS_LIST.map(item => [item.key, item]));\n    return (metricsKeys || []).map(key => metricsMap.get(key)).filter(Boolean);\n  }, [metricsKeys]);\n\n  const wellNameWidth = useMemo(() => {\n    if (isWellNameExpand) return EXPANDED_WELL_NAME_WIDTH - DIFF_WELL_NAME_WIDTH;\n    return TableColumns[0].minWidth[metricsKeys.length] - DIFF_WELL_NAME_WIDTH;\n  }, [isWellNameExpand, metricsKeys?.length]);\n\n  // NOTE: Remove shadow from column - Body table only now\n  useEffect(() => {\n    if (!bodyTableRef.current) return;\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    // TODO: Check reference stability. Initially had bodyTableRef.current\n  }, [isHScrollMoved, wells]);\n\n  const offsetWellsContainerRef = useRef();\n\n  if (!columnsWithDict || !uniqWells) return null;\n\n  return (\n    <div className={styles.offsetWellsTable}>\n      <div className={styles.bodyTableWrapper} ref={offsetWellsContainerRef}>\n        <Table aria-label=\"ows table body\" innerRef={bodyTableRef} className={styles.bodyTable}>\n          <TableBody>\n            {uniqWells.map(well => (\n              <OffsetWellsTableRow\n                key={well.id}\n                columnsWithDict={columnsWithDict}\n                subjectWellId={subjectWellId}\n                data={well}\n                metricsKeys={metricsKeys}\n                metricsColumns={metricsColumns}\n                handleChangeOffsetWell={handleChangeOffsetWell}\n                wellNameStyle={styles.wellNameFixed}\n                wellNameWidth={wellNameWidth}\n                isImperial={isImperial}\n                isLimitedOffsetWells={isLimitedOffsetWells}\n                maxOffsetWellNumber={maxOffsetWellNumber}\n                wellSections={wellSections}\n                setActiveWellId={setActiveWellId}\n                taScores={taScores}\n                offsetWellsContainerRef={offsetWellsContainerRef}\n              />\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      </div>\n\n      {isTableLoading && (\n        <div className={styles.loadingContainer}>\n          <LoadingIndicator fullscreen={false} className={styles.loadingIndicator} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nOffsetWellsTableComponent.propTypes = {\n  isTableLoading: PropTypes.bool.isRequired,\n  subjectWellId: PropTypes.number.isRequired,\n  columnsWithDict: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  handleChangeOffsetWell: PropTypes.func.isRequired,\n  isLastWell: PropTypes.bool.isRequired,\n  isLimitedOffsetWells: PropTypes.bool.isRequired,\n  maxOffsetWellNumber: PropTypes.number.isRequired,\n  wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  setActiveWellId: PropTypes.func.isRequired,\n  taScores: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n};\n\nexport const OffsetWellsTable = memo(OffsetWellsTableComponent);\n"],"names":["OffsetWellsTableComponent","_ref","isTableLoading","subjectWellId","columnsWithDict","updatedWells","wells","metricsKeys","handleChangeOffsetWell","isLastWell","isLimitedOffsetWells","maxOffsetWellNumber","wellSections","setActiveWellId","taScores","useState","_useState2","_slicedToArray","_useState","setWells","isHScrollMoved","useViewStore","state","isWellNameExpand","bodyTableRef","useRef","useEffect","uniqUpdatedWells","uniqBy","length","uniqWells","useMemo","isImperial","getIsImperial","metricsColumns","metricsMap","Map","METRICS_LIST","map","item","key","get","filter","Boolean","wellNameWidth","EXPANDED_WELL_NAME_WIDTH","TableColumns","minWidth","current","bodyColumns","querySelectorAll","styles","wellNameFixed","forEach","th","classList","remove","noShadow","add","offsetWellsContainerRef","_jsxs","className","offsetWellsTable","children","_jsx","bodyTableWrapper","ref","Table","innerRef","bodyTable","TableBody","well","OffsetWellsTableRow","data","wellNameStyle","id","TableRow","TableCell","loadingCell","bottomShadow","loadingContainer","LoadingIndicator","fullscreen","loadingIndicator","propTypes","PropTypes","bool","isRequired","number","arrayOf","shape","string","func","OffsetWellsTable","memo"],"mappings":"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"}
+{"version":3,"file":"OffsetWellsTable.js","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js"],"sourcesContent":["import { useState, memo, useEffect, useMemo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { uniqBy } from 'lodash';\nimport { Table, TableBody, TableCell, TableRow } from '@material-ui/core';\n\nimport { EXPANDED_WELL_NAME_WIDTH, METRICS_LIST, TableColumns } from '../../constants';\nimport { getIsImperial } from '../../utils/getIsImperial';\nimport { useViewStore } from '../../stores/view-store/useViewStore';\n\nimport { OffsetWellsTableRow } from './OffsetWellsTableRow';\n\nimport styles from './OffsetWellsTable.module.css';\n\nimport { LoadingIndicator } from '~/components';\n\nconst DIFF_WELL_NAME_WIDTH = 58;\n\nconst OffsetWellsTableComponent = ({\n  isTableLoading,\n  subjectWellId,\n  columnsWithDict,\n  wells: updatedWells,\n  metricsKeys,\n  handleChangeOffsetWell,\n  isLastWell,\n  isLimitedOffsetWells,\n  maxOffsetWellNumber,\n  wellSections,\n  setActiveWellId,\n  taScores,\n  isWellSectionColumnVisible,\n}) => {\n  const [wells, setWells] = useState([]);\n  const isHScrollMoved = useViewStore(state => state.isHScrollMoved);\n  const isWellNameExpand = useViewStore(state => state.isWellNameExpand);\n  /** @type {ReturnType<typeof useRef<HTMLElement>>} */\n  const bodyTableRef = useRef();\n\n  useEffect(() => {\n    const uniqUpdatedWells = uniqBy(updatedWells, 'id');\n    setWells(uniqUpdatedWells);\n  }, [updatedWells, updatedWells.length]);\n\n  const uniqWells = useMemo(() => uniqBy(wells, 'id'), [wells]);\n\n  const isImperial = useMemo(() => getIsImperial(), []);\n\n  const metricsColumns = useMemo(() => {\n    // NOTE: Pay attention to the order of metrics and duplication\n    const metricsMap = new Map(METRICS_LIST.map(item => [item.key, item]));\n    return (metricsKeys || []).map(key => metricsMap.get(key)).filter(Boolean);\n  }, [metricsKeys]);\n\n  const wellNameWidth = useMemo(() => {\n    if (isWellNameExpand) return EXPANDED_WELL_NAME_WIDTH - DIFF_WELL_NAME_WIDTH;\n    return TableColumns[0].minWidth[metricsKeys.length] - DIFF_WELL_NAME_WIDTH;\n  }, [isWellNameExpand, metricsKeys?.length]);\n\n  // NOTE: Remove shadow from column - Body table only now\n  useEffect(() => {\n    if (!bodyTableRef.current) return;\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    // TODO: Check reference stability. Initially had bodyTableRef.current\n  }, [isHScrollMoved, wells]);\n\n  const offsetWellsContainerRef = useRef();\n\n  if (!columnsWithDict || !uniqWells) return null;\n\n  return (\n    <div className={styles.offsetWellsTable}>\n      <div className={styles.bodyTableWrapper} ref={offsetWellsContainerRef}>\n        <Table aria-label=\"ows table body\" innerRef={bodyTableRef} className={styles.bodyTable}>\n          <TableBody>\n            {uniqWells.map(well => (\n              <OffsetWellsTableRow\n                key={well.id}\n                columnsWithDict={columnsWithDict}\n                subjectWellId={subjectWellId}\n                data={well}\n                metricsKeys={metricsKeys}\n                metricsColumns={metricsColumns}\n                handleChangeOffsetWell={handleChangeOffsetWell}\n                wellNameStyle={styles.wellNameFixed}\n                wellNameWidth={wellNameWidth}\n                isImperial={isImperial}\n                isLimitedOffsetWells={isLimitedOffsetWells}\n                maxOffsetWellNumber={maxOffsetWellNumber}\n                wellSections={wellSections}\n                setActiveWellId={setActiveWellId}\n                taScores={taScores}\n                offsetWellsContainerRef={offsetWellsContainerRef}\n                isWellSectionColumnVisible={isWellSectionColumnVisible}\n              />\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      </div>\n\n      {isTableLoading && (\n        <div className={styles.loadingContainer}>\n          <LoadingIndicator fullscreen={false} className={styles.loadingIndicator} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nOffsetWellsTableComponent.propTypes = {\n  isTableLoading: PropTypes.bool.isRequired,\n  subjectWellId: PropTypes.number.isRequired,\n  columnsWithDict: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  handleChangeOffsetWell: PropTypes.func.isRequired,\n  isLastWell: PropTypes.bool.isRequired,\n  isLimitedOffsetWells: PropTypes.bool.isRequired,\n  maxOffsetWellNumber: PropTypes.number.isRequired,\n  wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  setActiveWellId: PropTypes.func.isRequired,\n  taScores: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  isWellSectionColumnVisible: PropTypes.bool.isRequired,\n};\n\nexport const OffsetWellsTable = memo(OffsetWellsTableComponent);\n"],"names":["OffsetWellsTableComponent","_ref","isTableLoading","subjectWellId","columnsWithDict","updatedWells","wells","metricsKeys","handleChangeOffsetWell","isLastWell","isLimitedOffsetWells","maxOffsetWellNumber","wellSections","setActiveWellId","taScores","isWellSectionColumnVisible","useState","_useState2","_slicedToArray","_useState","setWells","isHScrollMoved","useViewStore","state","isWellNameExpand","bodyTableRef","useRef","useEffect","uniqUpdatedWells","uniqBy","length","uniqWells","useMemo","isImperial","getIsImperial","metricsColumns","metricsMap","Map","METRICS_LIST","map","item","key","get","filter","Boolean","wellNameWidth","EXPANDED_WELL_NAME_WIDTH","TableColumns","minWidth","current","bodyColumns","querySelectorAll","styles","wellNameFixed","forEach","th","classList","remove","noShadow","add","offsetWellsContainerRef","_jsxs","className","offsetWellsTable","children","_jsx","bodyTableWrapper","ref","Table","innerRef","bodyTable","TableBody","well","OffsetWellsTableRow","data","wellNameStyle","id","TableRow","TableCell","loadingCell","bottomShadow","loadingContainer","LoadingIndicator","fullscreen","loadingIndicator","propTypes","PropTypes","bool","isRequired","number","arrayOf","shape","string","func","OffsetWellsTable","memo"],"mappings":"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"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTableHead.d.ts

@@ -1,5 +1,5 @@
 export const OffsetWellsTableHead: import("react").MemoExoticComponent<{
-    ({ columnsWithDict, metricsKeys, sortBy, sortDirection, indeterminate, isAllWellsSelected, onChangeSort, onUpdateMetricsKey, handleChangeAllOffsetWells, wellNameStyle, isImperial, isTaColumnVisible, }: {
+    ({ columnsWithDict, metricsKeys, sortBy, sortDirection, indeterminate, isAllWellsSelected, onChangeSort, onUpdateMetricsKey, handleChangeAllOffsetWells, wellNameStyle, isImperial, isTaColumnVisible, isWellSectionColumnVisible, }: {
         columnsWithDict: any;
         metricsKeys: any;
         sortBy: any;
@@ -12,6 +12,7 @@ export const OffsetWellsTableHead: import("react").MemoExoticComponent<{
         wellNameStyle: any;
         isImperial: any;
         isTaColumnVisible: any;
+        isWellSectionColumnVisible: any;
     }): JSX.Element;
     propTypes: {
         columnsWithDict: PropTypes.Validator<PropTypes.InferProps<{
@@ -26,13 +27,13 @@ export const OffsetWellsTableHead: import("react").MemoExoticComponent<{
         sortDirection: PropTypes.Validator<string>;
         indeterminate: PropTypes.Validator<boolean>;
         isAllWellsSelected: PropTypes.Validator<boolean>;
-        style: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
         onChangeSort: PropTypes.Validator<(...args: any[]) => any>;
         onUpdateMetricsKey: PropTypes.Validator<(...args: any[]) => any>;
         handleChangeAllOffsetWells: PropTypes.Validator<(...args: any[]) => any>;
         wellNameStyle: PropTypes.Validator<string>;
         isImperial: PropTypes.Validator<boolean>;
         isTaColumnVisible: PropTypes.Validator<boolean>;
+        isWellSectionColumnVisible: PropTypes.Validator<boolean>;
     };
 }>;
 import PropTypes from 'prop-types';

package/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTableHead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellsTableHead.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTableHead.js"],"names":[],"mappings":"AAoTA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAwE;sBAlTlD,YAAY"}
+{"version":3,"file":"OffsetWellsTableHead.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTableHead.js"],"names":[],"mappings":"AAyTA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAwE;sBAvTlD,YAAY"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTableHead.js

@@ -1,2 +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 o,useState as t}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{ColumnType as p,EXPANDED_WELL_NAME_WIDTH as h}from"../../constants.js";import{usePickerPropsStore as f}from"../../stores/picker-props-store/usePickerPropsStore.js";import{useViewStore as j}from"../../stores/view-store/useViewStore.js";import{MetricsSelect as y}from"./MetricsSelect.js";import b from"./OffsetWellsTableHead.module.css.js";import{RightIcon as C}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/SearchOne.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/Global.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"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/Lasso.js";import{jsxs as I,jsx as v}from"react/jsx-runtime";var S=["title"];function W(e,s){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),i.push.apply(i,o)}return i}function g(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?W(Object(o),!0).forEach((function(i){s(e,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):W(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var O="OffsetWellsTableHead",N=function(e){var s=e.title,o=i(e,S);return v(d,{placement:"top-end",title:s,children:v(u,g({},o))})},k=function(e,s){var i=e.find((function(e){return e.key===s}));return(null==i?void 0:i.minWidth)||0},x=function(e,s){var i=e.find((function(e){return e.key===s}));return(null==i?void 0:i.flex)||0},A=function(i){var o=i.columnsWithDict,n=i.metricsKeys,u=i.sortBy,S=i.sortDirection,W=i.indeterminate,g=i.isAllWellsSelected,A=i.onChangeSort,w=i.onUpdateMetricsKey,D=i.handleChangeAllOffsetWells,R=i.wellNameStyle,E=i.isImperial,P=i.isTaColumnVisible,q=f((function(e){return e.open})),F=f((function(e){return e.isViewOnly})),L=j((function(e){return e.isWellNameExpand})),_=j((function(e){return e.toggleWellNameExpand})),T=t(!1),M=e(T,2),V=M[0],K=M[1],U=null==o?void 0:o.some((function(e){return e.key===p.company})),z=function(e){A(e,e===u&&S===r.ASC?r.DESC:r.ASC)};return I(l,{className:b.tableRow,children:[I(a,{"data-testid":"".concat(O,"_wellName"),className:c(b.headCell,b.wellNameCell,R),style:L?{minWidth:h,flex:0}:{minWidth:k(o,p.name),flex:x(o,p.name)},children:[I("div",{className:b.nameWrapper,children:[!F&&q&&v(m,{"data-testid":"".concat(O,"_allWellsSelector"),size:"medium",onChange:function(e){return D(e.target.checked)},checked:g,indeterminate:W}),v(N,{title:"Sort",active:u===p.name,direction:u===p.name&&S===r.DESC?"desc":"asc",classes:{root:c(b.headerLabel,s({},b.cellDataViewOnly,F))},onClick:function(){return z(p.name)},children:"Well Name"})]}),v(d,{title:L?"Collapse":"Expand",children:v(C,{size:"small",className:c(b.wellNameExpandIcon,s({},b.wellNameCollapsed,!L)),onClick:_})})]}),v(a,{"data-testid":"".concat(O,"_nameExpander_").concat(L),className:b.headCell,style:{minWidth:k(o,p.status),flex:x(o,p.status)}}),U&&v(a,{"data-testid":"".concat(O,"_company"),className:b.headCell,style:{minWidth:k(o,p.company),flex:x(o,p.company)},children:v("div",{className:b.nameWrapper,children:v(N,{title:"Sort",active:u===p.company,direction:u===p.company&&S===r.DESC?"desc":"asc",classes:{root:b.headerLabel},onClick:function(){return z(p.company)},children:"Company"})})}),v(a,{"data-testid":"".concat(O,"_rig"),className:b.headCell,style:{minWidth:k(o,p.rig),flex:x(o,p.rig)},children:v("div",{className:b.nameWrapper,children:v(N,{title:"Sort",active:u===p.rig,direction:u===p.rig&&S===r.DESC?"desc":"asc",classes:{root:b.headerLabel},onClick:function(){return z(p.rig)},children:"Rig"})})}),v(a,{"data-testid":"".concat(O,"_distance"),className:b.headCell,style:{minWidth:k(o,p.distance),flex:x(o,p.distance)},children:v("div",{className:b.nameWrapper,children:v(N,{title:"Sort",active:u===p.distance,direction:u===p.distance&&S===r.DESC?"desc":"asc",classes:{root:b.headerLabel},onClick:function(){return z(p.distance)},children:"Distance (".concat(E?"miles":"km",")")})})}),P&&v(a,{"data-testid":"".concat(O,"_ta"),className:b.headCell,style:{minWidth:k(o,p.taScore),flex:x(o,p.taScore)},children:v("div",{className:b.nameWrapper,children:"TA %"})}),v(a,{"data-testid":"".concat(O,"_LastActive"),className:b.headCell,style:{minWidth:k(o,p.lastActive),flex:x(o,p.lastActive)},children:v("div",{className:b.nameWrapper,children:v(N,{title:"Sort",active:u===p.lastActive,direction:u===p.lastActive&&S===r.DESC?"desc":"asc",classes:{root:b.headerLabel},onClick:function(){return z(p.lastActive)},children:"Last Active"})})}),n.map((function(e){return v(a,{"data-testid":"".concat(O,"_").concat(e),className:b.headCell,style:{minWidth:k(o,e),flex:x(o,e)},children:v(N,{title:V?"":"Sort",active:u===e,direction:u===e&&S===r.DESC?"desc":"asc",classes:{root:b.headerLabel},onClick:function(){return z(e)},children:v(y,{isTooltipVisible:n.length>1,currentValue:e,metricsKeys:n,onChange:function(s){return w(e,s)},setIsMenuOpen:K})})},e)})),v(a,{"data-testid":"".concat(O,"_WellSection"),className:b.headCell,style:{minWidth:k(o,p.wellSection),flex:x(o,p.wellSection)},children:v("span",{className:b.headerLabel,children:"Well Section"})})]})};A.propTypes={columnsWithDict:n.arrayOf(n.shape({key:n.string,label:n.string,type:n.string,minWidth:n.number,flex: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,onUpdateMetricsKey:n.func.isRequired,handleChangeAllOffsetWells:n.func.isRequired,wellNameStyle:n.string.isRequired,isImperial:n.bool.isRequired,isTaColumnVisible:n.bool.isRequired};var w=o(A);export{w as OffsetWellsTableHead};
+import e from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/helpers/objectWithoutProperties";import{memo as o,useState as t}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{ColumnType as p,EXPANDED_WELL_NAME_WIDTH as h}from"../../constants.js";import{usePickerPropsStore as f}from"../../stores/picker-props-store/usePickerPropsStore.js";import{useViewStore as j}from"../../stores/view-store/useViewStore.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/SearchOne.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/Global.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"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/Lasso.js";import{jsxs as I,jsx as v}from"react/jsx-runtime";var S=["title"];function W(e,s){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),i.push.apply(i,o)}return i}function g(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?W(Object(o),!0).forEach((function(i){s(e,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):W(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var O="OffsetWellsTableHead",N=function(e){var s=e.title,o=i(e,S);return v(d,{placement:"top-end",title:s,children:v(u,g({},o))})},k=function(e,s){var i=e.find((function(e){return e.key===s}));return(null==i?void 0:i.minWidth)||0},x=function(e,s){var i=e.find((function(e){return e.key===s}));return(null==i?void 0:i.flex)||0},A=function(i){var o=i.columnsWithDict,n=i.metricsKeys,u=i.sortBy,S=i.sortDirection,W=i.indeterminate,g=i.isAllWellsSelected,A=i.onChangeSort,w=i.onUpdateMetricsKey,D=i.handleChangeAllOffsetWells,R=i.wellNameStyle,E=i.isImperial,P=i.isTaColumnVisible,q=i.isWellSectionColumnVisible,F=f((function(e){return e.open})),L=f((function(e){return e.isViewOnly})),_=j((function(e){return e.isWellNameExpand})),T=j((function(e){return e.toggleWellNameExpand})),V=t(!1),M=e(V,2),K=M[0],U=M[1],z=null==o?void 0:o.some((function(e){return e.key===p.company})),G=function(e){A(e,e===u&&S===r.ASC?r.DESC:r.ASC)};return I(l,{className:C.tableRow,children:[I(a,{"data-testid":"".concat(O,"_wellName"),className:c(C.headCell,C.wellNameCell,R),style:_?{minWidth:h,flex:0}:{minWidth:k(o,p.name),flex:x(o,p.name)},children:[I("div",{className:C.nameWrapper,children:[!L&&F&&v(m,{"data-testid":"".concat(O,"_allWellsSelector"),size:"medium",onChange:function(e){return D(e.target.checked)},checked:g,indeterminate:W}),v(N,{title:"Sort",active:u===p.name,direction:u===p.name&&S===r.DESC?"desc":"asc",classes:{root:c(C.headerLabel,s({},C.cellDataViewOnly,L))},onClick:function(){return G(p.name)},children:"Well Name"})]}),v(d,{title:_?"Collapse":"Expand",children:v(y,{size:"small",className:c(C.wellNameExpandIcon,s({},C.wellNameCollapsed,!_)),onClick:T})})]}),v(a,{"data-testid":"".concat(O,"_nameExpander_").concat(_),className:C.headCell,style:{minWidth:k(o,p.status),flex:x(o,p.status)},children:v("div",{className:C.statusPlaceholder})}),z&&v(a,{"data-testid":"".concat(O,"_company"),className:C.headCell,style:{minWidth:k(o,p.company),flex:x(o,p.company)},children:v("div",{className:C.nameWrapper,children:v(N,{title:"Sort",active:u===p.company,direction:u===p.company&&S===r.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return G(p.company)},children:"Company"})})}),v(a,{"data-testid":"".concat(O,"_rig"),className:C.headCell,style:{minWidth:k(o,p.rig),flex:x(o,p.rig)},children:v("div",{className:C.nameWrapper,children:v(N,{title:"Sort",active:u===p.rig,direction:u===p.rig&&S===r.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return G(p.rig)},children:"Rig"})})}),v(a,{"data-testid":"".concat(O,"_distance"),className:C.headCell,style:{minWidth:k(o,p.distance),flex:x(o,p.distance)},children:v("div",{className:C.nameWrapper,children:v(N,{title:"Sort",active:u===p.distance,direction:u===p.distance&&S===r.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return G(p.distance)},children:"Distance (".concat(E?"miles":"km",")")})})}),P&&v(a,{"data-testid":"".concat(O,"_ta"),className:C.headCell,style:{minWidth:k(o,p.taScore),flex:x(o,p.taScore)},children:v("div",{className:C.nameWrapper,children:"TA %"})}),v(a,{"data-testid":"".concat(O,"_LastActive"),className:C.headCell,style:{minWidth:k(o,p.lastActive),flex:x(o,p.lastActive)},children:v("div",{className:C.nameWrapper,children:v(N,{title:"Sort",active:u===p.lastActive,direction:u===p.lastActive&&S===r.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return G(p.lastActive)},children:"Last Active"})})}),n.map((function(e){return v(a,{"data-testid":"".concat(O,"_").concat(e),className:C.headCell,style:{minWidth:k(o,e),flex:x(o,e)},children:v(N,{title:K?"":"Sort",active:u===e,direction:u===e&&S===r.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return G(e)},children:v(b,{isTooltipVisible:n.length>1,currentValue:e,metricsKeys:n,onChange:function(s){return w(e,s)},setIsMenuOpen:U})})},e)})),q&&v(a,{"data-testid":"".concat(O,"_WellSection"),className:C.headCell,style:{minWidth:k(o,p.wellSection),flex:x(o,p.wellSection)},children:v("span",{className:C.headerLabel,children:"Well Section"})})]})};A.propTypes={columnsWithDict:n.arrayOf(n.shape({key:n.string,label:n.string,type:n.string,minWidth:n.number,flex: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,onChangeSort:n.func.isRequired,onUpdateMetricsKey:n.func.isRequired,handleChangeAllOffsetWells:n.func.isRequired,wellNameStyle:n.string.isRequired,isImperial:n.bool.isRequired,isTaColumnVisible:n.bool.isRequired,isWellSectionColumnVisible:n.bool.isRequired};var w=o(A);export{w as OffsetWellsTableHead};
 //# sourceMappingURL=OffsetWellsTableHead.js.map