@corva/ui 3.38.0-2 → 3.38.0-3

package/cjs-bundle/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.js.map

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

package/cjs-bundle/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js

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

package/cjs-bundle/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","jsx","jsxs","_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","jsx","jsxs","_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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"}

package/cjs-bundle/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),s=require("prop-types"),i=require("lodash"),t=require("@material-ui/core"),o=require("../../constants.js"),n=require("../../utils/getIsImperial.js"),u=require("../../stores/view-store/useViewStore.js"),c=require("./OffsetWellsTableRow.js"),a=require("./OffsetWellsTable.module.css.js"),l=require("react/jsx-runtime");require("../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("classnames"),require("@icon-park/react/es/all"),require("../../../../icons/IconParkProvider.js"),require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../utils/mobileDetect.js"),require("../../../IconButton/index.js"),require("../../../../constants/goals.js"),require("../../../../constants/segment.js"),require("../../../../constants/alerts.js"),require("../../../../constants/apps.js"),require("../../../../constants/drillstring.js"),require("../../../../constants/completion.js"),require("../../../../constants/appPackages.js"),require("../../../../constants/notifications.js"),require("../../../../constants/feed.js"),require("../../../../constants/bha.js"),require("../../../../constants/corvaCompanyId.js"),require("../../../GradientManager/configuration/constants.js"),require("../../../Modal/CorvaModal.css.js"),require("uuid"),require("../../../IconMenu/index.js"),require("../../../StyledMenuItem/index.js"),require("../../../AppIcon/AppIcon.js"),require("../../../DevCenter/AppHeader/AppHeader.js"),require("../../../DevCenter/AppSideBar/AppSideBar.js"),require("../../../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@babel/runtime/helpers/defineProperty"),require("@material-ui/icons"),require("../../../DevCenter/AppContext.js"),require("../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../utils/index.js"),require("../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../../../componentsV2/Text/Text.js"),require("../../../../componentsV2/Grid/Grid.js"),require("../../../../componentsV2/Grid/Cell.js"),require("../../../../componentsV2/Header/Header.scss.js"),require("../../../../componentsV2/Button/Button.js"),require("../../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("../../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../../componentsV2/Popover/Popover.js"),require("../../../../componentsV2/Radio/Radio.js"),require("../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../../componentsV2/Checkbox/Checkbox.js"),require("../../../../componentsV2/TextInput/TextInput.js"),require("../../../../componentsV2/Label/Label.js"),require("../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../../componentsV2/TextLink/TextLink.js"),require("../../../../componentsV2/Chip/Chip.js"),require("../../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../../componentsV2/Avatar/Avatar.js"),require("../../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../../componentsV2/Paper/Paper.js"),require("../../../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("../../../../componentsV2/Modal/Modal.scss.js"),require("../../../../componentsV2/Menu/Menu.js"),require("../../../../componentsV2/utils.js"),require("../../../../componentsV2/Hint/Hint.scss.js"),require("../../../../componentsV2/Counter/Counter.js"),require("../../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../../componentsV2/Switch/Switch.js"),require("../../../../componentsV2/Tabs/Tabs.js"),require("../../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../../componentsV2/FileIcon/FileIcon.js"),require("../../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../../utils/main.js"),require("../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../../componentsV2/ButtonText/ButtonText.js"),require("../../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../../componentsV2/AppContainer/AppContainer.js"),require("../../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../../componentsV2/AppFooter/AppFooter.js"),require("../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../../PadModeSelect/PadModeSelect.js"),require("../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../../constants/streamSourceType.js"),require("../../../../types/shared/Completions.js"),require("../../../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../../../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../../clients/subscriptions/constants.js"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../clients/api/apiCore.js"),require("../../../../clients/constants.js"),require("../../../../clients/sso/auth0.js"),require("../../../../clients/sso/oauth2.js"),require("../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../../../utils/env.js"),require("../../../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../../../utils/getSingleAsset.js"),require("../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../../componentsV2/AppSettings/AppSettings.js"),require("../../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../../componentsV2/DatePicker/DatePicker.js"),require("../../../../componentsV2/DragHandle/DragHandle.js"),require("../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js"),require("../../../Icons/AnnotationIcon.js"),require("../../../Annotations/components/AnnotationsList/index.js"),require("../../../Annotations/components/LastAnnotation/index.js"),require("../../../Annotations/AnnotationsContext.js"),require("../../../Toaster/Toaster.js"),require("../../../HelpCenter/HelpCenterIcon.js"),require("../../../DevCenter/NavigationBar/NavigationBar.js"),require("../../../DevCenter/SideBar/SideBar.js"),require("../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"),require("../../../AssetEditor/index.js"),require("../../../AssetEditorV2/index.js"),require("../../../AppVersionsSelect/AppVersionsSelect.js");var p=require("../../../LoadingIndicator/LoadingIndicator.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../Typography.js"),require("../../../RealTimeValuesSidebar/RealTimeSidebar.js"),require("../../../CollapsableSidebar.js"),require("../../../DateTimePicker/index.js"),require("../../../DatePicker/index.js"),require("../../../ErrorBoundary/ErrorBoundary.js"),require("../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../../../SlateFormattedText/SlateFormattedText.js"),require("../../../SlateFormattedText/RenderElements.js"),require("slate"),require("../../../EmptyState/EmptyState.js"),require("../../../ParameterCharts/ParameterCharts.js"),require("../../../ParameterCharts/AddEditTrack.js"),require("../../../ChartActionsList/ChartActionsList.js"),require("../../../CopyToClipboard/CopyToClipboard.js"),require("../../../AssetEditor/AssetEditorAutocomplete.js"),require("../../../AssetEditor/SingleAssetEditor.js"),require("react-color"),require("../../../SettingEditors/ColorEditor/style.css.js"),require("../../../SettingEditors/DropdownEditor/index.js"),require("../../../SwitchControl/index.js"),require("../../../ColorPicker/ColorPicker.js"),require("../../../Chart/components/ChartButton.js"),require("../../../Chart/components/ChartButtons.js"),require("../../../Chart/components/ChartWrapper.js"),require("../../../Chart/components/AxisDropdown.js"),require("../../../Chart/components/ChartSelect.js"),require("../../../Chart/components/buttons/DragToZoomButton.js"),require("../../../Chart/components/buttons/ZoomInButton.js"),require("../../../Chart/components/buttons/ZoomOutButton.js"),require("../../../Chart/components/buttons/PanButton.js"),require("../../../Chart/components/buttons/ResetZoomButton.js"),require("../../../Chart/components/buttons/HideAxesButton.js"),require("../../../Chart/components/buttons/ChartTypeButton.js"),require("../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),require("../../../TruncatedText/index.js"),require("../../../MiddleTruncatedText/MiddleTruncatedText.js"),require("../../../RangeSlider/constants.js"),require("../../../RangeSlider/Input.css.js"),require("../../../RangeSlider/RangeSlider.css.js"),require("../../../AdvancedSlider/AdvancedSlider.js"),require("../../../Breadcrumbs/index.js"),require("../../../VirtualizedTable/index.js"),require("../../../EmptyView/EmptyView.js"),require("../../../EmptyView/EmptyAppView/EmptyAppView.js"),require("../../../Button/components/Button/index.js"),require("moment-timezone"),require("../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../../Button/components/LiveButton/styles.js"),require("../../../ContextMenuItem/index.js"),require("../../../FolderMenuItem/index.js"),require("../../../EditableItem/EditableItem/index.js"),require("../../../EditableItem/EditableItemWithBadge/index.js"),require("../../../Checkbox/index.js"),require("../../../FolderMenuItemWithLinks/index.js"),require("../../../TextField/index.js"),require("../../../Chip/index.js"),require("../../../Counter/index.js"),require("../../../AnchorsList/AnchorsList.js"),require("../../../Select/index.js"),require("../../../Select/SelectFilterBy.js"),require("../../../CustomSelect/index.js"),require("../../../Tabs/Tabs.js"),require("../../../Tabs/Tab.js"),require("../../../ResizableTable/ResizableTable.js"),require("../../../GradientPicker/GradientPicker.js"),require("../../../GradientManager/GradientList.js"),require("@material-ui/icons/AddCircle"),require("../../../GradientManager/GradientPreview/GradientPreview.js"),require("../../../GradientManager/GradientSelect.styles.js"),require("../../../GradientManager/GradientManager.styles.js"),require("../../../Drillstring/BHASchematic.js"),require("../../../Drillstring/BHATable/index.js"),require("../../../Drillstring/BHAComponentIcon.js"),require("../../../Drillstring/BHAComponentDetail/index.js"),require("../../../Drillstring/BHATileIcon.js"),require("../../../Drillstring/BHATile/BHATile.js"),require("../../../Drillstring/BHAList/BHAList.js"),require("../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js"),require("../../../Casing/CasingTable/index.js"),require("../../../Casing/CasingComponentIcon.js"),require("../../../Casing/CasingTileIcon.js"),require("../../../Casing/CasingTableV2/CasingTableV2.js"),require("../../../Casing/CasingTile/CasingTile.js"),require("../../../DisabledSettingsMessage/DisabledSettingsMessage.js"),require("../../../WellSummary/WellSummaryItemLabel.js"),require("../../../WellSummary/WellSummaryItemTitle.js"),require("../../../WellSummary/WellSummaryItemValue.js"),require("../../../WellSummary/ActivitySummaryChart.js"),require("../../../WellSummary/FracWirelineTimeChart.js"),require("../../../BICOffsetPickerDialog/index.js"),require("../../../OffsetWellButton/OffsetWellButton.js"),require("../../../OffsetWellPickerV2/OffsetWellPickerDialog.js"),require("../../../OffsetWellPickerV3/index.js"),require("../../../OffsetWellChips/Chip.js"),require("../../../OffsetWellChips/ChipsContainer.js"),require("zustand"),require("../../stores/picker-props-store/PickerPropsStoreContext.js"),require("lodash/isEqual"),require("../../stores/filter-store/FilterStoreContext.js"),require("../../stores/view-store/ViewStoreContext.js"),require("../../api/shared/dataFormatter.js"),require("geolib"),require("../../../../utils/convert.js"),require("../../utils/wellTransformations.js"),require("react-virtualized"),require("../../effects/useAssetsData.js"),require("../../../../permissions/PermissionsContext.js"),require("../../../../permissions/constants/index.js"),require("../../../../permissions/withPermissionsHOC.js"),require("../../../../permissions/ProvidePermissions.js"),require("../AppHeader/AppHeader.js"),require("../Filter/Filter.js"),require("react-map-gl/mapbox"),require("mapbox-gl/dist/mapbox-gl.css"),require("../Map/OffsetWellMap/components/RadiusInput/RadiusInput.module.css.js"),require("../Map/OffsetWellMap/components/MapControls/MapControls.module.css.js"),require("@material-ui/icons/Info"),require("@material-ui/icons/Block"),require("../Map/OffsetWellMap/components/WellTooltip/WellTooltip.module.css.js"),require("../Map/OffsetWellMap/components/LayerSwitcher/LayerSwitcher.module.css.js"),require("../Map/OffsetWellMap/components/LassoTip/LassoTip.module.css.js"),require("@turf/circle"),require("@turf/bbox"),require("../Map/OffsetWellMap/hooks/useWellMarkers.js"),require("@mapbox/mapbox-gl-draw"),require("@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css"),require("../Map/OffsetWellMap/OffsetWellMap.module.css.js"),require("../../../../config/mapbox/index.js"),require("../Map/WellsMap.module.css.js"),require("./OffsetWellsTableHead.js"),require("./AdvancedSearch/AdvancedSearch.js"),require("./AdvancedSearch/constants.js"),require("../../utils/index.js"),require("../../OffsetWellPickerV5.module.css.js"),require("@material-ui/core/Snackbar"),require("../../../Notifications/Toast.js"),require("../../../Notifications/Notifications.scss.js"),require("../../../../styles/typography/index.js"),require("../../../../styles/counter/counter.module.scss.js"),require("../../../OffsetWellPickerV4/utils/apiCalls.js"),require("../../../OffsetWellPickerV4/effects/useAdvancedWells.js"),require("../../../OffsetWellPickerV4/constants.js"),require("../../../OffsetWellPickerV4/effects/useAssetsData.js"),require("../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js"),require("../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js"),require("../../../OffsetWellPickerV4/components/Filter/Filter.js"),require("../../../OffsetWellPickerV4/components/Map/WellsMap.js"),require("../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js"),require("../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js"),require("../../../OffsetWellPickerV4/utils/index.js"),require("../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js"),require("../../../OffsetWellMap/OffsetWellMap.js"),require("../../../ConfirmationDialog.js"),require("../../../TextLink/index.js"),require("../../../Avatar/index.js"),require("../../../Template/TemplatePopover/index.js"),require("../../../Template/TemplateSharingDialog/index.js"),require("../../../MenuItem/index.js"),require("../../../MiddleTruncate/MiddleTruncate.js"),require("../../../PinnableFilters/PinnableFilters.js"),require("../../../HeaderLayout/HeaderLayout.js"),require("../../../PadOffsetsPicker/PadOffsetsPicker.js"),require("../../../PadOffsetsPicker/OffsetAssetChip.js"),require("../../../PadOffsetsPicker/OffsetAssetsListExpander.js"),require("../../../PadOffsetsPicker/StagesSelector.js"),require("../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js"),require("../../../Table/TableToolbar/TableToolbar.js"),require("../../../Table/TableContainer/TableContainer.js"),require("../../../Table/TableCell/TableCell.js"),require("../../../Table/TablePagination/TablePagination.js"),require("../../../Table/TablePaginationActions/TablePaginationActions.js"),require("../../../Tooltip/ScrollableTooltip.js"),require("../../../PriceInput/PriceInput.js"),require("../../../LabelsCounter/LabelsCounter.js"),require("../../../Stepper/Stepper.js"),require("../../../Stepper/Step/Step.js"),require("../../../Stepper/StepsWrapper.js"),require("../../../Comment/CommentIcon/index.js"),require("../../../FilesLoader/FilesLoader.js"),require("../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/CSVFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/DocFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/EDMFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/ImageFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/JsonFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/LasFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/OtherFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/PdfFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/TxtFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/VideoFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/XmlFileIcon.js"),require("../../../SearchInput/index.js"),require("../../../FeedItem/FeedItem.js"),require("../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"),require("../../../PostInput/PostInput.js"),require("../../../KeyboardDateTimePicker.js"),require("../../../AddComment/Popover.js"),require("../../../AddComment/Popup.js"),require("../../../StageDesignVActual/ComparisonBar/ComparisonBar.js"),require("../../../StageDesignVActual/ElementsComparison/ElementsComparison.js"),require("../../../StageDesignVActual/ComparisonHeader.js"),require("../../../StageDesignVActual/ComparisonRow.js"),require("../../../EmbeddedApp/DevCenterEmbeddedApp.js"),require("../../../EmbeddedApp/EmbeddedApp.js"),require("../../../Autocomplete/Autocomplete.js"),require("../../../DocumentViewer/DocumentViewer.js"),require("../../../ColorPickerPalette/ColorPickerPalette.js"),require("../../../Search/Search.js"),require("../../../Search/components/Listbox.js"),require("../../../Search/components/Paper.js"),require("../../../Search/components/RecentSearches.js"),require("../../../Search/components/Groups.js"),require("../../../Search/components/SelectAllListItem.js"),require("../../../StatusBadge/index.js"),require("../../../Attachment/index.js"),require("../../../EmojiIconButton.js"),require("../../../FileUploadIconButton.js"),require("../../../FilePreview/index.js"),require("../../../FailedFileUploading.js"),require("../../../UserMention/index.js"),require("../../../CommentsInfo/index.js"),require("../../../CommentInput/index.js"),require("../../../Comment/index.js"),require("../../../CommentLoader.js"),require("../../../AssetNameLabel/AssetStatusBadge.js"),require("../../../AssetEditorV2/components/PrimaryAssetSelect.js"),require("../../../AssetEditorV2/components/SecondaryAssetSelect.js"),require("../../../AssetEditorV2/components/SelectItem.js"),require("../../../AssetEditorV2/components/MultipleAssetsToggle.js"),require("../../../AssetEditorV2/components/PrimaryAssetSelectV2.js"),require("../../../EChartsWrapper/EChartsWrapper.js"),require("../../../AssetsMultipleSelector/AssetsMultipleSelector.js"),require("@material-ui/icons/Close"),require("@material-ui/icons/GetApp"),require("../../../GoogleDocsViewer/index.js"),require("../../../NewDocumentViewer/effects/useFileContent.js"),require("../../../NewDocumentViewer/styles.js"),require("../../../FilesLoaderV2/styles.js"),require("../../../FilesDropzone/styles.js"),require("../../../FilesProcessor/styles.js"),require("../../../Hint/styles.js"),require("@babel/runtime/helpers/taggedTemplateLiteral"),require("fparser"),require("../../../Formula/useFormulaStyles.js"),require("../../../Formula/RootXIcon.js"),require("../../../Formula/FormulaTextEditor.js"),require("../../../Formula/CloseSuggestion.js"),require("../../../Formula/SuggestionsMenu.js");var d=q(e),m=q(s),j=function(e){var s=e.isTableLoading,q=e.subjectWellId,m=e.columnsWithDict,j=e.wells,A=e.metricsKeys,C=e.handleChangeOffsetWell,f=e.isLastWell,V=e.isLimitedOffsetWells,S=e.maxOffsetWellNumber,I=e.wellSections,b=e.setActiveWellId,g=e.taScores,h=r.useState([]),v=d.default(h,2),T=v[0],D=v[1],x=u.useViewStore((function(e){return e.isHScrollMoved})),P=u.useViewStore((function(e){return e.isWellNameExpand})),F=r.useRef();r.useEffect((function(){var e=i.uniqBy(j,"id");D(e)}),[j,j.length]);var W=r.useMemo((function(){return i.uniqBy(T,"id")}),[T]),M=r.useMemo((function(){return n.getIsImperial()}),[]),B=r.useMemo((function(){var e=new Map(o.METRICS_LIST.map((function(e){return[e.key,e]})));return(A||[]).map((function(r){return e.get(r)})).filter(Boolean)}),[A]),y=r.useMemo((function(){return P?o.EXPANDED_WELL_NAME_WIDTH-58:o.TableColumns[0].minWidth[A.length]-58}),[P,null==A?void 0:A.length]);r.useEffect((function(){if(F.current){var e=F.current.querySelectorAll(".".concat(a.wellNameFixed));x?e.forEach((function(e){return e.classList.remove(a.noShadow)})):e.forEach((function(e){return e.classList.add(a.noShadow)}))}}),[x,T]);var L=r.useRef();return m&&W?l.jsxs("div",{className:a.offsetWellsTable,children:[l.jsx("div",{className:a.bodyTableWrapper,ref:L,children:l.jsx(t.Table,{"aria-label":"ows table body",innerRef:F,className:a.bodyTable,children:l.jsxs(t.TableBody,{children:[W.map((function(e){return l.jsx(c.OffsetWellsTableRow,{columnsWithDict:m,subjectWellId:q,data:e,metricsKeys:A,metricsColumns:B,handleChangeOffsetWell:C,wellNameStyle:a.wellNameFixed,wellNameWidth:y,isImperial:M,isLimitedOffsetWells:V,maxOffsetWellNumber:S,wellSections:I,setActiveWellId:b,taScores:g,offsetWellsContainerRef:L},e.id)})),!f&&l.jsx(t.TableRow,{children:l.jsx(t.TableCell,{className:a.loadingCell,children:l.jsx("span",{children:"Loading..."})})}),l.jsx(t.TableRow,{children:l.jsx(t.TableCell,{className:a.bottomShadow})})]})})}),s&&l.jsx("div",{className:a.loadingContainer,children:l.jsx(p,{fullscreen:!1,className:a.loadingIndicator})})]}):null};j.propTypes={isTableLoading:m.default.bool.isRequired,subjectWellId:m.default.number.isRequired,columnsWithDict:m.default.arrayOf(m.default.shape({})).isRequired,wells:m.default.arrayOf(m.default.shape({})).isRequired,metricsKeys:m.default.arrayOf(m.default.string).isRequired,handleChangeOffsetWell:m.default.func.isRequired,isLastWell:m.default.bool.isRequired,isLimitedOffsetWells:m.default.bool.isRequired,maxOffsetWellNumber:m.default.number.isRequired,wellSections:m.default.arrayOf(m.default.shape({})).isRequired,setActiveWellId:m.default.func.isRequired,taScores:m.default.arrayOf(m.default.shape({})).isRequired};var A=r.memo(j);exports.OffsetWellsTable=A;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),s=require("prop-types"),i=require("lodash"),t=require("@material-ui/core"),n=require("../../constants.js"),o=require("../../utils/getIsImperial.js"),u=require("../../stores/view-store/useViewStore.js"),c=require("./OffsetWellsTableRow.js"),a=require("./OffsetWellsTable.module.css.js"),l=require("react/jsx-runtime");require("../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("classnames"),require("@icon-park/react/es/all"),require("../../../../icons/IconParkProvider.js"),require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../utils/mobileDetect.js"),require("../../../IconButton/index.js"),require("../../../../constants/goals.js"),require("../../../../constants/segment.js"),require("../../../../constants/alerts.js"),require("../../../../constants/apps.js"),require("../../../../constants/drillstring.js"),require("../../../../constants/completion.js"),require("../../../../constants/appPackages.js"),require("../../../../constants/notifications.js"),require("../../../../constants/feed.js"),require("../../../../constants/bha.js"),require("../../../../constants/corvaCompanyId.js"),require("../../../GradientManager/configuration/constants.js"),require("../../../Modal/CorvaModal.css.js"),require("uuid"),require("../../../IconMenu/index.js"),require("../../../StyledMenuItem/index.js"),require("../../../AppIcon/AppIcon.js"),require("../../../DevCenter/AppHeader/AppHeader.js"),require("../../../DevCenter/AppSideBar/AppSideBar.js"),require("../../../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@babel/runtime/helpers/defineProperty"),require("@material-ui/icons"),require("../../../DevCenter/AppContext.js"),require("../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../utils/index.js"),require("../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../../../componentsV2/Text/Text.js"),require("../../../../componentsV2/Grid/Grid.js"),require("../../../../componentsV2/Grid/Cell.js"),require("../../../../componentsV2/Header/Header.scss.js"),require("../../../../componentsV2/Button/Button.js"),require("../../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("../../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../../componentsV2/Popover/Popover.js"),require("../../../../componentsV2/Radio/Radio.js"),require("../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../../componentsV2/Checkbox/Checkbox.js"),require("../../../../componentsV2/TextInput/TextInput.js"),require("../../../../componentsV2/Label/Label.js"),require("../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../../componentsV2/TextLink/TextLink.js"),require("../../../../componentsV2/Chip/Chip.js"),require("../../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../../componentsV2/Avatar/Avatar.js"),require("../../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../../componentsV2/Paper/Paper.js"),require("../../../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("../../../../componentsV2/Modal/Modal.scss.js"),require("../../../../componentsV2/Menu/Menu.js"),require("../../../../componentsV2/utils.js"),require("../../../../componentsV2/Hint/Hint.scss.js"),require("../../../../componentsV2/Counter/Counter.js"),require("../../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../../componentsV2/Switch/Switch.js"),require("../../../../componentsV2/Tabs/Tabs.js"),require("../../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../../componentsV2/FileIcon/FileIcon.js"),require("../../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../../utils/main.js"),require("../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../../componentsV2/ButtonText/ButtonText.js"),require("../../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../../componentsV2/AppContainer/AppContainer.js"),require("../../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../../componentsV2/AppFooter/AppFooter.js"),require("../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../../PadModeSelect/PadModeSelect.js"),require("../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../../constants/streamSourceType.js"),require("../../../../types/shared/Completions.js"),require("../../../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../../../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../../clients/subscriptions/constants.js"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../clients/api/apiCore.js"),require("../../../../clients/constants.js"),require("../../../../clients/sso/auth0.js"),require("../../../../clients/sso/oauth2.js"),require("../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../../../utils/env.js"),require("../../../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../../../utils/getSingleAsset.js"),require("../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../../componentsV2/AppSettings/AppSettings.js"),require("../../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../../componentsV2/DatePicker/DatePicker.js"),require("../../../../componentsV2/DragHandle/DragHandle.js"),require("../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js"),require("../../../Icons/AnnotationIcon.js"),require("../../../Annotations/components/AnnotationsList/index.js"),require("../../../Annotations/components/LastAnnotation/index.js"),require("../../../Annotations/AnnotationsContext.js"),require("../../../Toaster/Toaster.js"),require("../../../HelpCenter/HelpCenterIcon.js"),require("../../../DevCenter/NavigationBar/NavigationBar.js"),require("../../../DevCenter/SideBar/SideBar.js"),require("../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"),require("../../../AssetEditor/index.js"),require("../../../AssetEditorV2/index.js"),require("../../../AppVersionsSelect/AppVersionsSelect.js");var p=require("../../../LoadingIndicator/LoadingIndicator.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../Typography.js"),require("../../../RealTimeValuesSidebar/RealTimeSidebar.js"),require("../../../CollapsableSidebar.js"),require("../../../DateTimePicker/index.js"),require("../../../DatePicker/index.js"),require("../../../ErrorBoundary/ErrorBoundary.js"),require("../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../../../SlateFormattedText/SlateFormattedText.js"),require("../../../SlateFormattedText/RenderElements.js"),require("slate"),require("../../../EmptyState/EmptyState.js"),require("../../../ParameterCharts/ParameterCharts.js"),require("../../../ParameterCharts/AddEditTrack.js"),require("../../../ChartActionsList/ChartActionsList.js"),require("../../../CopyToClipboard/CopyToClipboard.js"),require("../../../AssetEditor/AssetEditorAutocomplete.js"),require("../../../AssetEditor/SingleAssetEditor.js"),require("react-color"),require("../../../SettingEditors/ColorEditor/style.css.js"),require("../../../SettingEditors/DropdownEditor/index.js"),require("../../../SwitchControl/index.js"),require("../../../ColorPicker/ColorPicker.js"),require("../../../Chart/components/ChartButton.js"),require("../../../Chart/components/ChartButtons.js"),require("../../../Chart/components/ChartWrapper.js"),require("../../../Chart/components/AxisDropdown.js"),require("../../../Chart/components/ChartSelect.js"),require("../../../Chart/components/buttons/DragToZoomButton.js"),require("../../../Chart/components/buttons/ZoomInButton.js"),require("../../../Chart/components/buttons/ZoomOutButton.js"),require("../../../Chart/components/buttons/PanButton.js"),require("../../../Chart/components/buttons/ResetZoomButton.js"),require("../../../Chart/components/buttons/HideAxesButton.js"),require("../../../Chart/components/buttons/ChartTypeButton.js"),require("../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),require("../../../TruncatedText/index.js"),require("../../../MiddleTruncatedText/MiddleTruncatedText.js"),require("../../../RangeSlider/constants.js"),require("../../../RangeSlider/Input.css.js"),require("../../../RangeSlider/RangeSlider.css.js"),require("../../../AdvancedSlider/AdvancedSlider.js"),require("../../../Breadcrumbs/index.js"),require("../../../VirtualizedTable/index.js"),require("../../../EmptyView/EmptyView.js"),require("../../../EmptyView/EmptyAppView/EmptyAppView.js"),require("../../../Button/components/Button/index.js"),require("moment-timezone"),require("../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../../Button/components/LiveButton/styles.js"),require("../../../ContextMenuItem/index.js"),require("../../../FolderMenuItem/index.js"),require("../../../EditableItem/EditableItem/index.js"),require("../../../EditableItem/EditableItemWithBadge/index.js"),require("../../../Checkbox/index.js"),require("../../../FolderMenuItemWithLinks/index.js"),require("../../../TextField/index.js"),require("../../../Chip/index.js"),require("../../../Counter/index.js"),require("../../../AnchorsList/AnchorsList.js"),require("../../../Select/index.js"),require("../../../Select/SelectFilterBy.js"),require("../../../CustomSelect/index.js"),require("../../../Tabs/Tabs.js"),require("../../../Tabs/Tab.js"),require("../../../ResizableTable/ResizableTable.js"),require("../../../GradientPicker/GradientPicker.js"),require("../../../GradientManager/GradientList.js"),require("@material-ui/icons/AddCircle"),require("../../../GradientManager/GradientPreview/GradientPreview.js"),require("../../../GradientManager/GradientSelect.styles.js"),require("../../../GradientManager/GradientManager.styles.js"),require("../../../Drillstring/BHASchematic.js"),require("../../../Drillstring/BHATable/index.js"),require("../../../Drillstring/BHAComponentIcon.js"),require("../../../Drillstring/BHAComponentDetail/index.js"),require("../../../Drillstring/BHATileIcon.js"),require("../../../Drillstring/BHATile/BHATile.js"),require("../../../Drillstring/BHAList/BHAList.js"),require("../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js"),require("../../../Casing/CasingTable/index.js"),require("../../../Casing/CasingComponentIcon.js"),require("../../../Casing/CasingTileIcon.js"),require("../../../Casing/CasingTableV2/CasingTableV2.js"),require("../../../Casing/CasingTile/CasingTile.js"),require("../../../DisabledSettingsMessage/DisabledSettingsMessage.js"),require("../../../WellSummary/WellSummaryItemLabel.js"),require("../../../WellSummary/WellSummaryItemTitle.js"),require("../../../WellSummary/WellSummaryItemValue.js"),require("../../../WellSummary/ActivitySummaryChart.js"),require("../../../WellSummary/FracWirelineTimeChart.js"),require("../../../BICOffsetPickerDialog/index.js"),require("../../../OffsetWellButton/OffsetWellButton.js"),require("../../../OffsetWellPickerV2/OffsetWellPickerDialog.js"),require("../../../OffsetWellPickerV3/index.js"),require("../../../OffsetWellChips/Chip.js"),require("../../../OffsetWellChips/ChipsContainer.js"),require("../../OffsetWellPickerV5WithStore.js"),require("../../../OffsetWellPickerV4/utils/apiCalls.js"),require("../../../OffsetWellPickerV4/effects/useAdvancedWells.js"),require("../../../OffsetWellPickerV4/constants.js"),require("react-virtualized"),require("../../../OffsetWellPickerV4/effects/useAssetsData.js"),require("../../../../permissions/PermissionsContext.js"),require("../../../../permissions/constants/index.js"),require("../../../../permissions/withPermissionsHOC.js"),require("../../../../permissions/ProvidePermissions.js"),require("../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js"),require("../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js"),require("../../../OffsetWellPickerV4/components/Filter/Filter.js"),require("../../../OffsetWellPickerV4/components/Map/WellsMap.js"),require("../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js"),require("../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js"),require("../../../OffsetWellPickerV4/utils/index.js"),require("../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js"),require("@material-ui/core/Snackbar"),require("../../../Notifications/Toast.js"),require("../../../Notifications/Notifications.scss.js"),require("../../../../styles/typography/index.js"),require("../../../../styles/counter/counter.module.scss.js"),require("../../../OffsetWellMap/OffsetWellMap.js"),require("../../../ConfirmationDialog.js"),require("../../../TextLink/index.js"),require("../../../Avatar/index.js"),require("../../../Template/TemplatePopover/index.js"),require("../../../Template/TemplateSharingDialog/index.js"),require("../../../MenuItem/index.js"),require("../../../MiddleTruncate/MiddleTruncate.js"),require("../../../PinnableFilters/PinnableFilters.js"),require("../../../HeaderLayout/HeaderLayout.js"),require("../../../PadOffsetsPicker/PadOffsetsPicker.js"),require("../../../PadOffsetsPicker/OffsetAssetChip.js"),require("../../../PadOffsetsPicker/OffsetAssetsListExpander.js"),require("../../../PadOffsetsPicker/StagesSelector.js"),require("../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js"),require("../../../Table/TableToolbar/TableToolbar.js"),require("../../../Table/TableContainer/TableContainer.js"),require("../../../Table/TableCell/TableCell.js"),require("../../../Table/TablePagination/TablePagination.js"),require("../../../Table/TablePaginationActions/TablePaginationActions.js"),require("../../../Tooltip/ScrollableTooltip.js"),require("../../../PriceInput/PriceInput.js"),require("../../../LabelsCounter/LabelsCounter.js"),require("../../../Stepper/Stepper.js"),require("../../../Stepper/Step/Step.js"),require("../../../Stepper/StepsWrapper.js"),require("../../../Comment/CommentIcon/index.js"),require("../../../FilesLoader/FilesLoader.js"),require("../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/CSVFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/DocFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/EDMFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/ImageFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/JsonFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/LasFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/OtherFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/PdfFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/TxtFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/VideoFileIcon.js"),require("../../../../componentsV2/FileIcon/icons/XmlFileIcon.js"),require("../../../SearchInput/index.js"),require("../../../FeedItem/FeedItem.js"),require("../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"),require("../../../PostInput/PostInput.js"),require("../../../KeyboardDateTimePicker.js"),require("../../../AddComment/Popover.js"),require("../../../AddComment/Popup.js"),require("../../../StageDesignVActual/ComparisonBar/ComparisonBar.js"),require("../../../StageDesignVActual/ElementsComparison/ElementsComparison.js"),require("../../../StageDesignVActual/ComparisonHeader.js"),require("../../../StageDesignVActual/ComparisonRow.js"),require("../../../EmbeddedApp/DevCenterEmbeddedApp.js"),require("../../../EmbeddedApp/EmbeddedApp.js"),require("../../../Autocomplete/Autocomplete.js"),require("../../../DocumentViewer/DocumentViewer.js"),require("../../../ColorPickerPalette/ColorPickerPalette.js"),require("../../../Search/Search.js"),require("../../../Search/components/Listbox.js"),require("../../../Search/components/Paper.js"),require("../../../Search/components/RecentSearches.js"),require("../../../Search/components/Groups.js"),require("../../../Search/components/SelectAllListItem.js"),require("../../../StatusBadge/index.js"),require("../../../Attachment/index.js"),require("../../../EmojiIconButton.js"),require("../../../FileUploadIconButton.js"),require("../../../FilePreview/index.js"),require("../../../FailedFileUploading.js"),require("../../../UserMention/index.js"),require("../../../CommentsInfo/index.js"),require("../../../CommentInput/index.js"),require("../../../Comment/index.js"),require("../../../CommentLoader.js"),require("../../../AssetNameLabel/AssetStatusBadge.js"),require("../../../AssetEditorV2/components/PrimaryAssetSelect.js"),require("../../../AssetEditorV2/components/SecondaryAssetSelect.js"),require("../../../AssetEditorV2/components/SelectItem.js"),require("../../../AssetEditorV2/components/MultipleAssetsToggle.js"),require("../../../AssetEditorV2/components/PrimaryAssetSelectV2.js"),require("../../../EChartsWrapper/EChartsWrapper.js"),require("../../../AssetsMultipleSelector/AssetsMultipleSelector.js"),require("@material-ui/icons/Close"),require("@material-ui/icons/GetApp"),require("../../../GoogleDocsViewer/index.js"),require("../../../NewDocumentViewer/effects/useFileContent.js"),require("../../../NewDocumentViewer/styles.js"),require("../../../FilesLoaderV2/styles.js"),require("../../../FilesDropzone/styles.js"),require("../../../FilesProcessor/styles.js"),require("../../../Hint/styles.js"),require("@babel/runtime/helpers/taggedTemplateLiteral"),require("fparser"),require("../../../Formula/useFormulaStyles.js"),require("../../../Formula/RootXIcon.js"),require("../../../Formula/FormulaTextEditor.js"),require("../../../Formula/CloseSuggestion.js"),require("../../../Formula/SuggestionsMenu.js");var d=q(e),m=q(s),j=function(e){var s=e.isTableLoading,q=e.subjectWellId,m=e.columnsWithDict,j=e.wells,A=e.metricsKeys,C=e.handleChangeOffsetWell,V=e.isLastWell,f=e.isLimitedOffsetWells,S=e.maxOffsetWellNumber,I=e.wellSections,b=e.setActiveWellId,g=e.taScores,h=e.isWellSectionColumnVisible,v=r.useState([]),D=d.default(v,2),T=D[0],P=D[1],x=u.useViewStore((function(e){return e.isHScrollMoved})),F=u.useViewStore((function(e){return e.isWellNameExpand})),B=r.useRef();r.useEffect((function(){var e=i.uniqBy(j,"id");P(e)}),[j,j.length]);var W=r.useMemo((function(){return i.uniqBy(T,"id")}),[T]),y=r.useMemo((function(){return o.getIsImperial()}),[]),L=r.useMemo((function(){var e=new Map(n.METRICS_LIST.map((function(e){return[e.key,e]})));return(A||[]).map((function(r){return e.get(r)})).filter(Boolean)}),[A]),M=r.useMemo((function(){return F?n.EXPANDED_WELL_NAME_WIDTH-58:n.TableColumns[0].minWidth[A.length]-58}),[F,null==A?void 0:A.length]);r.useEffect((function(){if(B.current){var e=B.current.querySelectorAll(".".concat(a.wellNameFixed));x?e.forEach((function(e){return e.classList.remove(a.noShadow)})):e.forEach((function(e){return e.classList.add(a.noShadow)}))}}),[x,T]);var E=r.useRef();return m&&W?l.jsxs("div",{className:a.offsetWellsTable,children:[l.jsx("div",{className:a.bodyTableWrapper,ref:E,children:l.jsx(t.Table,{"aria-label":"ows table body",innerRef:B,className:a.bodyTable,children:l.jsxs(t.TableBody,{children:[W.map((function(e){return l.jsx(c.OffsetWellsTableRow,{columnsWithDict:m,subjectWellId:q,data:e,metricsKeys:A,metricsColumns:L,handleChangeOffsetWell:C,wellNameStyle:a.wellNameFixed,wellNameWidth:M,isImperial:y,isLimitedOffsetWells:f,maxOffsetWellNumber:S,wellSections:I,setActiveWellId:b,taScores:g,offsetWellsContainerRef:E,isWellSectionColumnVisible:h},e.id)})),!V&&l.jsx(t.TableRow,{children:l.jsx(t.TableCell,{className:a.loadingCell,children:l.jsx("span",{children:"Loading..."})})}),l.jsx(t.TableRow,{children:l.jsx(t.TableCell,{className:a.bottomShadow})})]})})}),s&&l.jsx("div",{className:a.loadingContainer,children:l.jsx(p,{fullscreen:!1,className:a.loadingIndicator})})]}):null};j.propTypes={isTableLoading:m.default.bool.isRequired,subjectWellId:m.default.number.isRequired,columnsWithDict:m.default.arrayOf(m.default.shape({})).isRequired,wells:m.default.arrayOf(m.default.shape({})).isRequired,metricsKeys:m.default.arrayOf(m.default.string).isRequired,handleChangeOffsetWell:m.default.func.isRequired,isLastWell:m.default.bool.isRequired,isLimitedOffsetWells:m.default.bool.isRequired,maxOffsetWellNumber:m.default.number.isRequired,wellSections:m.default.arrayOf(m.default.shape({})).isRequired,setActiveWellId:m.default.func.isRequired,taScores:m.default.arrayOf(m.default.shape({})).isRequired,isWellSectionColumnVisible:m.default.bool.isRequired};var A=r.memo(j);exports.OffsetWellsTable=A;
 //# sourceMappingURL=OffsetWellsTable.js.map

package/cjs-bundle/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","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","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/cjs-bundle/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTableHead.js

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