@corva/ui 3.47.0-1 → 3.47.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 { useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty, startCase } 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\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  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      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","useMemo","length","assets","selectedCount","filter","asset","checked","_useMemo2","_slicedToArray","_useMemo","indeterminate","isAllWellsSelected","_jsxs","className","children","List","subheader","_jsx","onScroll","e","target","scrollHeight","offsetHeight","currentScrollBottom","scrollTop","Math","abs","data","find","_ref","_ref2","ROWS_PER_PAGE","isLastPage","ref","map","_ref4","_ref5","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":"6gcAqBMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,iBAAkB,CAChBC,OAAQ,QACRC,KAAM,GAERC,mBAAoB,CAClBC,UAAW,QACXC,gBAAiBN,EAAMO,QAAQC,WAAWC,MAC1CC,SAAU,WACVC,SAAU,QAEZC,YAAa,CACXN,gBAAiB,WAEnBO,GAAI,CACFP,gBAAiB,UACjBQ,QAAS,GAEXC,YAAa,CACXD,QAAS,WAEXE,uBAAwB,CACtBC,OAAQ,OACRC,MAAOlB,EAAMO,QAAQY,QAAQC,OAE/BC,kBAAmB,CACjBC,SAAU,SAEZC,qBAAsB,CACpBZ,SAAU,SACVa,WAAY,SACZC,aAAc,YAEhBC,YAAa,CACXC,UAAW,SACXC,SAAU,OACVC,WAAY,OACZX,MAAOlB,EAAMO,QAAQY,QAAQW,OAE/BC,MAAO,CACLb,MAAOlB,EAAMO,QAAQY,QAAQC,MAC7BQ,SAAU,OACVI,UAAW,SACXC,WAAY,OAEdC,SAAU,CACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,aAChBC,MAAO,OACPC,IAAK,OAEPC,YAAa,CACXC,UAAW,gDAEbC,cAAe,CACbP,QAAS,OACTC,WAAY,SACZE,MAAO,QACPK,WAAY,GAEdC,OAAQ,CACNN,MAAO,MACPrB,OAAQ,MACR4B,YAAa,MACbC,aAAc,MACdC,OAAQ,WAEVC,eAAgB,CACdV,MAAO,GACPrB,OAAQ,GACRkB,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBM,WAAY,GAEdM,iBAAkB,CAChBC,SAAU,EACVvC,SAAU,UAEb,IAMYwC,EAAqB,SAU5BC,GAAA,IATJC,IAAAA,cACAC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,cACAC,IAAAA,aACAC,IAAAA,gBACAC,IAAAA,gBACAC,IAAAA,gBAEMC,EAAUhE,IACViE,EAAUC,SAAO,MAEqBC,EAAAA,EAAAA,SAAQ,WAClD,GAA6B,IAAzBR,EAAcS,OAAc,CAC9B,IAAMC,EAASV,EAAc,GAAG,GAC1BW,EAAgBD,EAAOE,QAAO,SAAAC,GAAK,OAAIA,EAAMC,OAAO,IAAEL,OAG5D,MAAO,CAFeE,EAAgB,GAAKD,EAAOD,SAAWE,EAClCA,IAAkBD,EAAOD,OAEtD,CACA,MAAO,EAAC,GAAO,EACjB,GAAG,CAACT,IAAee,EAAAC,EAAAA,QAAAC,EAAA,GATZC,EAAaH,EAAA,GAAEI,EAAkBJ,EAAA,GAwBxC,OACEK,EAAAA,KAAA,MAAA,CAAKC,UAAWhB,EAAQ7D,iBAAiB8E,SAAA,CACvCF,OAACG,OAAI,CACHF,UAAWhB,EAAQ1D,mBACnB6E,UAAWC,EAAAA,IAAO,KAAA,IAClBC,SAlBmB,SAAAC,GACvB,GAAIA,EAAEC,OAAOC,eAAiBF,EAAEC,OAAOE,aAAvC,CACA,IAAMC,EAAsBJ,EAAEC,OAAOI,UAAYL,EAAEC,OAAOE,aAIxDG,KAAKC,IAAIP,EAAEC,OAAOC,aAAeE,GAAuB,IAnC3C,SAACI,EAAMtC,GACxB,OAAQsC,EAAKC,MAAK,SAAAC,GAAA,IAAAC,EAAAtB,EAAAA,QAAAqB,EAAA,GAAU,OAAPC,EAAA,GAAOA,EAAA,GAAY7B,SAAW8B,EAAaA,cAAG1C,IACrE,CAkCO2C,CAAWxC,EAAeH,IAE3BM,EAAgB,SARmC,GAkBjDsC,IAAKnC,EAAQgB,SAEZtB,CAAAA,EAAc0C,KAAI,SAAAC,GAAA,IAAAC,EAAA5B,EAAAA,QAAA2B,EAAA,GAAEE,EAAYD,EAAA,GAAEE,EAAMF,EAAA,GAAA,OACvCnB,EAAAA,IAAA,KAAA,CAAoCJ,UAAWhB,EAAQlD,YAAYmE,SACjEF,EAAA2B,KAAA,KAAA,CAAI1B,UAAWhB,EAAQjD,GAAGkE,SAAA,EACtBxB,GACA2B,EAAAA,IAACuB,EAAAA,cAAa,CAAC3C,QAAS,CAAE4C,QAAS5C,EAAQ/C,aAAcgE,SACvDG,MAACyB,OAAI,CAEH7B,UAAWhB,EAAQ9C,uBACnB4F,QAAQ,WACRC,MAAOC,EAAAA,kBAAkBR,GAAcS,aAHlCT,KAOV/C,GACC2B,EAAA8B,IAACC,WAAQ,CACPC,QAAM,EACNpD,QAAS,CAAE4C,QAAS5C,EAAQ/C,aAC5BoG,QAAS,WAAA,OAAMxD,GAAiBiB,EAAoB0B,EAAc,EAAAvB,SAElEG,EAAA8B,IAAA,MAAA,CAAKlC,UAAWsC,EAAAA,QAAWtD,EAAQ5B,SAAU4B,EAAQtB,aAAauC,SAChEF,EAAA2B,KAAA,MAAA,CAAAzB,SAAA,CACEG,MAACmC,WAAQ,CACP9C,QAASK,EACTD,cAAeA,EACf2C,MAAO,CAAEzE,YAAa,KACtB,aAMT0D,EAAOJ,KAAI,SAAA7B,GAAK,IAAAiD,EAAA,OACfrC,EAAAA,IAAC+B,EAAAA,SAAQ,CACP,cAAA,GAAAO,OAtKA,qBAsKyB,UAAAA,OAASlD,EAAMmD,KAAe,YACvDP,QAAM,EACNpD,QAAS,CAAE4C,QAAS5C,EAAQ/C,aAI5B2G,SACGpD,EAAMqD,OAASb,EAAiBA,kBAACc,KAAKH,OACpCnD,EAAMuD,WAAWC,SAAS,aAC5BxD,EAAMyD,iBACPzD,EAAMyD,kBAAoB1E,EAE5B8D,QAAS,WAAA,OAAMzD,EAAaY,EAAOgC,EAAc,EAAAvB,SAEjDF,EAAA2B,KAAA,MAAA,CAAK1B,UAAWhB,EAAQ5B,SAAS6C,SAC/B,CAAAG,EAAA8B,IAAA,MAAA,CAAKlC,UAAWhB,EAAQd,eAAe+B,SACpClB,SAAAA,EAAiBiE,SAASxD,EAAMyD,iBAC/B7C,EAAAA,IAAC8C,EAAAA,eAAc,CAACC,KAAK,UAErB/C,MAACmC,WAAQ,CAAC9C,QAASD,EAAMC,YAG7BW,EAAA8B,IAAA,MAAA,CAAKlC,UAAWhB,EAAQb,iBAAiB8B,SACvCG,MAACgD,sBAAmB,CAAAnD,SAAET,EAAMmD,SAE9B5C,EAAA2B,KAAA,MAAA,CAAK1B,UAAWhB,EAAQpB,cAAcqC,SACpC,CAAAG,EAAA8B,IAAA,MAAA,CACElC,UAAWhB,EAAQlB,OACnB0E,MAAO,CACL9G,qBAAY2H,EAAaA,cAACtC,MAAK,SAAAuC,GAAI,OAAIA,EAAKC,QAAU/D,EAAM1B,MAAM,wBAAtD2E,EACRrG,SAGPoH,EAASA,UAAChE,EAAM1B,eA9BR0D,QAAAA,OAAAA,cACXiC,EAAGA,IAACjE,EAAO,YAAciE,EAAGA,IAACjE,EAAO,YAAciE,EAAGA,IAACjE,EAAO,OAgCtD,QAEV,WAAAkD,OAtEalB,GAwErB,IACAkC,EAAAA,QAAQ/E,IACPyB,EAAAA,IAAA,MAAA,CAAKJ,UAAWhB,EAAQ/B,MAAMgD,SAAA,gDAGjCvB,GACC0B,EAAA8B,IAACyB,aAAU,CAAC,cAAA,GAAAjB,OApNF,qBAoNsC,YAAC1C,UAAWhB,EAAQpC,YAAYqD,SAAA,iBAMxF,EAEA5B,EAAmBuF,UAAY,CAC7BrF,cAAesF,EAAAA,QAAUC,OAAOC,WAChCvF,KAAMqF,EAAAA,QAAUC,OAAOC,WACvBtF,UAAWoF,EAAAA,QAAUG,OAAOD,WAC5BrF,QAASmF,EAAAA,QAAUI,KAAKF,WACxBpF,cAAekF,EAAS,QAACK,QAAQL,EAAAA,QAAUM,MAAM,CAAA,IAAKJ,WACtDnF,aAAciF,EAAAA,QAAUO,KAAKL,WAC7BlF,gBAAiBgF,EAAAA,QAAUO,KAAKL,WAChCjF,gBAAiB+E,EAAAA,QAAUO,KAAKL,WAChChF,gBAAiB8E,EAAS,QAACK,QAAQL,EAAAA,QAAUC,SAG/CzF,EAAmBgG,aAAe,CAChCtF,gBAAiB"}
+{"version":3,"file":"AssetResultSection.js","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.js"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty, startCase } 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\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  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      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","useMemo","length","assets","selectedCount","filter","asset","checked","_useMemo2","_slicedToArray","_useMemo","indeterminate","isAllWellsSelected","_jsxs","className","children","List","subheader","_jsx","onScroll","e","target","scrollHeight","offsetHeight","currentScrollBottom","scrollTop","Math","abs","data","find","_ref","_ref2","ROWS_PER_PAGE","isLastPage","ref","map","_ref4","_ref5","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/asyncToGenerator"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/regenerator"),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("../../../constants.js"),require("../../../api/shared/dataFormatter.js"),require("../../../utils/wellTransformations.js"),require("zustand"),require("../../../stores/picker-props-store/PickerPropsStoreContext.js");var o=require("react/jsx-runtime");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 a=require("../../../effects/useAssetsData.js");require("../../../../../permissions/PermissionsContext.js"),require("../../../../../permissions/constants/index.js"),require("../../../../../permissions/withPermissionsHOC.js"),require("../../../../../permissions/ProvidePermissions.js"),require("lodash/debounce"),require("lodash/isEqual"),require("@mapbox/tilebelt"),require("../../../stores/viewport-store/ViewportStoreContext.js"),require("../../../stores/filter-store/FilterStoreContext.js"),require("lz-string"),require("../../../stores/viewport-store/ViewportStoreProvider.js"),require("@turf/bbox"),require("@turf/circle");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"}}})),x=function(e){var r=e.companyIds,n=e.subjectWellId,d=e.value,f=e.selectedWellIds,x=e.onChange,j=e.searchWidth,g=e.onClose,b=e.loadingAssetIds,C=t.useState(null),y=p.default(C,2),I=y[0],A=y[1],v=t.useState(null),S=p.default(v,2),w=S[0],R=S[1],W=t.useState(1),E=p.default(W,2),k=E[0],T=E[1],P=m({searchWidth:j}),_=t.useRef();t.useEffect((function(){R(d)}),[d]);var D=a.useAssetsData(w,I,k,r,f),O=p.default(D,2),z=O[0],G=O[1],H=t.useMemo((function(){return I&&G&&0!==G.length?G[0][1].filter((function(e){return e.checked})).length:0}),[I,G]);return o.jsxs("div",{className:P.wrapper,children:[o.jsx("div",{className:P.inputWrapper,children:o.jsxs("div",{className:P.searchInput,children:[I&&o.jsxs(o.Fragment,{children:[o.jsx(i.Chip,{"data-not-migrated-muichip":!0,classes:{root:P.selectedChip,deleteIcon:P.selectedChipDeleteIcon},label:s.get(c.SEARCH_CATEGORIES,[I,"labelPlural"],"Assets"),deleteIcon:o.jsx(h.default,{}),onDelete:function(){A(null)}}),H>0&&o.jsxs("span",{className:P.selectedLabel,children:[H," Selected"]})]}),o.jsx(i.Input,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:_,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:w||"",placeholder:"Search for Wells ...",onChange:function(e){var t=e.target.value;_.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(""),A(s[0]),void T(1);""===t&&8===r&&(A(null),T(1))}}),o.jsx(q,{title:"Clear",children:o.jsx(h.default,{className:I||w?P.selectedChipDeleteIcon:P.disabledIcon,onClick:function(){R(""),A(null),T(1),g()}})})]})}),!I&&!w&&o.jsx(u.AssetTypesSection,{onClickAssetType:function(e){_.current.focus(),A(e),T(1)}}),(I||w)&&o.jsx(l.AssetResultSection,{subjectWellId:n,page:k,assetType:I,loading:z,groupedAssets:G,onClickAsset:function(e,t){t===c.SEARCH_CATEGORIES.rig.name?x(!e.checked,[e.redirectAssetId],t,[e.asset_id]):x(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var r=G[0][1];t===c.SEARCH_CATEGORIES.rig.name?x(e,r.map((function(e){return e.redirectAssetId})),t,r.map((function(e){return e.asset_id}))):x(e,r.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&k>1&&T((function(e){return e-1})),"bottom"===e&&T((function(e){return e+1}))},loadingAssetIds:b})]})};x.propTypes={subjectWellId:f.default.number.isRequired,companyIds:f.default.arrayOf(f.default.number),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)},x.defaultProps={companyIds:null,searchWidth:null,loadingAssetIds:[]},exports.AutoCompleteAssetSearch=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),t=require("prop-types"),s=require("lodash"),i=require("@material-ui/core"),n=require("@material-ui/icons/Close");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/regenerator"),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("../../../constants.js"),require("../../../api/shared/dataFormatter.js"),require("../../../utils/wellTransformations.js"),require("zustand"),require("../../../stores/picker-props-store/PickerPropsStoreContext.js");var o=require("react/jsx-runtime");require("../../../viewport/ViewportProvider.js"),require("../../../viewport/ViewportContext.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 a=require("../../../effects/useAssetsData.js");require("../../../../../permissions/PermissionsContext.js"),require("../../../../../permissions/constants/index.js"),require("../../../../../permissions/withPermissionsHOC.js"),require("../../../../../permissions/ProvidePermissions.js"),require("lodash/debounce"),require("lodash/isEqual"),require("@mapbox/tilebelt"),require("../../../stores/viewport-store/ViewportStoreContext.js"),require("../../../stores/filter-store/FilterStoreContext.js"),require("../../../stores/company-safeguard/CompanySafeguardContext.js"),require("lz-string"),require("../../../stores/viewport-store/ViewportStoreProvider.js"),require("@turf/bbox"),require("@turf/circle"),require("../../Map/OffsetWellMap/constants.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(t),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 t=e.companyIds,n=e.subjectWellId,d=e.value,f=e.selectedWellIds,j=e.onChange,x=e.searchWidth,g=e.onClose,b=e.loadingAssetIds,C=r.useState(null),y=p.default(C,2),I=y[0],A=y[1],v=r.useState(null),S=p.default(v,2),w=S[0],R=S[1],W=r.useState(1),E=p.default(W,2),k=E[0],P=E[1],T=m({searchWidth:x}),O=r.useRef();r.useEffect((function(){R(d)}),[d]);var _=a.useAssetsData(w,I,k,t,f),D=p.default(_,2),z=D[0],G=D[1],H=r.useMemo((function(){return I&&G&&0!==G.length?G[0][1].filter((function(e){return e.checked})).length:0}),[I,G]);return o.jsxs("div",{className:T.wrapper,children:[o.jsx("div",{className:T.inputWrapper,children:o.jsxs("div",{className:T.searchInput,children:[I&&o.jsxs(o.Fragment,{children:[o.jsx(i.Chip,{"data-not-migrated-muichip":!0,classes:{root:T.selectedChip,deleteIcon:T.selectedChipDeleteIcon},label:s.get(c.SEARCH_CATEGORIES,[I,"labelPlural"],"Assets"),deleteIcon:o.jsx(h.default,{}),onDelete:function(){A(null)}}),H>0&&o.jsxs("span",{className:T.selectedLabel,children:[H," Selected"]})]}),o.jsx(i.Input,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:O,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:w||"",placeholder:"Search for Wells ...",onChange:function(e){var r=e.target.value;O.current.focus(),R(r),P(1)},onKeyUp:function(e){var r=e.target.value,t=e.keyCode,s=c.CATEGORY_KEY_VALUES.find((function(e){var t=p.default(e,2);return t[0],t[1].autoCategorizedKey===r.trim().toLowerCase()}));if(s&&(13===t||32===t))return R(""),A(s[0]),void P(1);""===r&&8===t&&(A(null),P(1))}}),o.jsx(q,{title:"Clear",children:o.jsx(h.default,{className:I||w?T.selectedChipDeleteIcon:T.disabledIcon,onClick:function(){R(""),A(null),P(1),g()}})})]})}),!I&&!w&&o.jsx(u.AssetTypesSection,{onClickAssetType:function(e){O.current.focus(),A(e),P(1)}}),(I||w)&&o.jsx(l.AssetResultSection,{subjectWellId:n,page:k,assetType:I,loading:z,groupedAssets:G,onClickAsset:function(e,r){r===c.SEARCH_CATEGORIES.rig.name?j(!e.checked,[e.redirectAssetId],r,[e.asset_id]):j(!e.checked,[e.redirectAssetId],r)},onClickAllAsset:function(e,r){var t=G[0][1];r===c.SEARCH_CATEGORIES.rig.name?j(e,t.map((function(e){return e.redirectAssetId})),r,t.map((function(e){return e.asset_id}))):j(e,t.map((function(e){return e.redirectAssetId})),r)},onScrollReached:function(e){"top"===e&&k>1&&P((function(e){return e-1})),"bottom"===e&&P((function(e){return e+1}))},loadingAssetIds:b})]})};j.propTypes={subjectWellId:f.default.number.isRequired,companyIds:f.default.arrayOf(f.default.number),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={companyIds:null,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  companyIds,\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    companyIds,\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    if (assetType === SEARCH_CATEGORIES.rig.name) {\n      onChange(!asset.checked, [asset.redirectAssetId], assetType, [asset.asset_id]);\n    } else {\n      onChange(!asset.checked, [asset.redirectAssetId], assetType);\n    }\n  };\n\n  const handleChangeAllAssets = (isAllAdding, assetType) => {\n    const assets = groupedAssets[0][1];\n    if (assetType === SEARCH_CATEGORIES.rig.name) {\n      onChange(\n        isAllAdding,\n        assets.map(asset => asset.redirectAssetId),\n        assetType,\n        assets.map(asset => asset.asset_id)\n      );\n    } else {\n      onChange(\n        isAllAdding,\n        assets.map(asset => asset.redirectAssetId),\n        assetType\n      );\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  companyIds: PropTypes.arrayOf(PropTypes.number),\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  companyIds: null,\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","companyIds","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","rig","name","redirectAssetId","asset_id","onClickAllAsset","isAllAdding","assets","map","onScrollReached","position","prev","propTypes","PropTypes","number","isRequired","arrayOf","string","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  companyIds,\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    companyIds,\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    if (assetType === SEARCH_CATEGORIES.rig.name) {\n      onChange(!asset.checked, [asset.redirectAssetId], assetType, [asset.asset_id]);\n    } else {\n      onChange(!asset.checked, [asset.redirectAssetId], assetType);\n    }\n  };\n\n  const handleChangeAllAssets = (isAllAdding, assetType) => {\n    const assets = groupedAssets[0][1];\n    if (assetType === SEARCH_CATEGORIES.rig.name) {\n      onChange(\n        isAllAdding,\n        assets.map(asset => asset.redirectAssetId),\n        assetType,\n        assets.map(asset => asset.asset_id)\n      );\n    } else {\n      onChange(\n        isAllAdding,\n        assets.map(asset => asset.redirectAssetId),\n        assetType\n      );\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  companyIds: PropTypes.arrayOf(PropTypes.number),\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  companyIds: null,\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","companyIds","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","rig","name","redirectAssetId","asset_id","onClickAllAsset","isAllAdding","assets","map","onScrollReached","position","prev","propTypes","PropTypes","number","isRequired","arrayOf","string","func","defaultProps"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),r=require("lodash"),o=require("prop-types"),n=require("../../constants.js"),t=require("./MetricsSettingMenu.module.scss.js");require("../../../../componentsV2/Text/Text.js"),require("../../../../componentsV2/Grid/Grid.js"),require("../../../../componentsV2/Grid/Cell.js");var i=require("react/jsx-runtime");require("classnames"),require("../../../../componentsV2/Header/Header.scss.js"),require("../../../../componentsV2/Button/Button.js");var c=require("../../../../componentsV2/ButtonIcon/ButtonIcon.js"),u=require("../../../../componentsV2/Tooltip/Tooltip.js");require("../../../../componentsV2/Popover/Popover.js"),require("../../../../componentsV2/Radio/Radio.js"),require("@material-ui/core"),require("../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js");var p=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.js"),require("uuid"),require("../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../../componentsV2/Modal/Modal.scss.js");var a=require("../../../../componentsV2/Menu/Menu.js"),l=require("../../../../icons/iconParkIcons.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../componentsV2/utils.js"),require("../../../../componentsV2/Hint/Hint.scss.js"),require("../../../../componentsV2/Counter/Counter.js"),require("../../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../../../componentsV2/TemplatesControl/utils.js"),require("../../../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../../../componentsV2/TemplatesControl/Store/utils.js"),require("../../../../componentsV2/TemplatesControl/types.js"),require("../../../../utils/index.js"),require("../../../../clients/jsonApi/index.js"),require("../../../../permissions/PermissionsContext.js"),require("../../../../permissions/constants/index.js"),require("../../../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../permissions/ProvidePermissions.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("immutable"),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("../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),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("@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("../../../AppIcon/AppIcon.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("../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js");var m=q(e),d=q(o),j=n.METRICS_LIST.filter((function(e){return e.key!==n.DEFAULT_METRICS_KEY})),V=function(e){var o=e.metricsKeys,q=e.onChange,d=s.useState([]),V=m.default(d,2),A=V[0],C=V[1],I=s.useState(!1),S=m.default(I,2),v=S[0],h=S[1],g=s.useRef(null);s.useEffect((function(){C(o||[])}),[o]);return i.jsxs(i.Fragment,{children:[i.jsx(u.Tooltip,{title:"Select Metrics",children:i.jsx(c.ButtonIcon,{ref:g,"data-testid":"".concat("MetricsSettingMenu","_gear"),size:"small",onClick:function(){h(!0)},type:v?"secondaryBg":"tertiaryBg",children:i.jsx(l.SettingTwoIcon,{size:"small"})})}),i.jsxs(a.Menu,{open:v,anchorEl:g.current,onClose:function(){h(!1),r.isEqual(A,o)||q(A)},placement:"bottom-end",className:t.menu,children:[i.jsx(a.Menu.Item,{disabled:!0,className:t.titleItem,children:"Up to 2 Metrics"}),j.map((function(e){var s=A.includes(e.key),r=A.length===n.MAX_METRICS_COUNT&&!s;return i.jsx(a.Menu.Item,{"data-testid":"".concat("MetricsSettingMenu","_option_").concat(e.key,"MenuItem"),disabled:r,onClick:function(){return s=e.key,void(A.includes(s)?C(A.filter((function(e){return e!==s}))):C(A.concat(s)));var s},prefix:i.jsx(p.Checkbox,{checked:s}),children:e.label},e.key)}))]})]})};V.propTypes={metricsKeys:d.default.arrayOf(d.default.string).isRequired,onChange:d.default.func.isRequired},exports.MetricsSettingMenu=V;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),r=require("lodash"),o=require("prop-types"),n=require("../../constants.js"),t=require("./MetricsSettingMenu.module.scss.js");require("../../../../componentsV2/Text/Text.js"),require("../../../../componentsV2/Grid/Grid.js"),require("../../../../componentsV2/Grid/Cell.js");var i=require("react/jsx-runtime");require("classnames"),require("../../../../componentsV2/Header/Header.scss.js"),require("../../../../componentsV2/Button/Button.js");var c=require("../../../../componentsV2/ButtonIcon/ButtonIcon.js"),u=require("../../../../componentsV2/Tooltip/Tooltip.js");require("../../../../componentsV2/Popover/Popover.js"),require("../../../../componentsV2/Radio/Radio.js"),require("@material-ui/core"),require("../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js");var p=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.js"),require("uuid"),require("../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../../componentsV2/Modal/Modal.scss.js");var a=require("../../../../componentsV2/Menu/Menu.js"),l=require("../../../../icons/iconParkIcons.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../componentsV2/utils.js"),require("../../../../componentsV2/Hint/Hint.scss.js"),require("../../../../componentsV2/Counter/Counter.js"),require("../../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../../../componentsV2/TemplatesControl/utils.js"),require("../../../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../../../componentsV2/TemplatesControl/Store/utils.js"),require("../../../../componentsV2/TemplatesControl/types.js"),require("../../../../utils/index.js"),require("../../../../clients/jsonApi/index.js"),require("../../../../permissions/PermissionsContext.js"),require("../../../../permissions/constants/index.js"),require("../../../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../permissions/ProvidePermissions.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("immutable"),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("../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),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("@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("../../../AppIcon/AppIcon.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("../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../../componentsV2/Slider/constants.js"),require("../../../../componentsV2/Slider/components/SliderThumb.js"),require("../../../../componentsV2/Slider/Slider.scss.js");var m=q(e),d=q(o),j=n.METRICS_LIST.filter((function(e){return e.key!==n.DEFAULT_METRICS_KEY})),V=function(e){var o=e.metricsKeys,q=e.onChange,d=s.useState([]),V=m.default(d,2),A=V[0],C=V[1],S=s.useState(!1),I=m.default(S,2),v=I[0],h=I[1],g=s.useRef(null);s.useEffect((function(){C(o||[])}),[o]);return i.jsxs(i.Fragment,{children:[i.jsx(u.Tooltip,{title:"Select Metrics",children:i.jsx(c.ButtonIcon,{ref:g,"data-testid":"".concat("MetricsSettingMenu","_gear"),size:"small",onClick:function(){h(!0)},type:v?"secondaryBg":"tertiaryBg",children:i.jsx(l.SettingTwoIcon,{size:"small"})})}),i.jsxs(a.Menu,{open:v,anchorEl:g.current,onClose:function(){h(!1),r.isEqual(A,o)||q(A)},placement:"bottom-end",className:t.menu,children:[i.jsx(a.Menu.Item,{disabled:!0,className:t.titleItem,children:"Up to 2 Metrics"}),j.map((function(e){var s=A.includes(e.key),r=A.length===n.MAX_METRICS_COUNT&&!s;return i.jsx(a.Menu.Item,{"data-testid":"".concat("MetricsSettingMenu","_option_").concat(e.key,"MenuItem"),disabled:r,onClick:function(){return s=e.key,void(A.includes(s)?C(A.filter((function(e){return e!==s}))):C(A.concat(s)));var s},prefix:i.jsx(p.Checkbox,{checked:s}),children:e.label},e.key)}))]})]})};V.propTypes={metricsKeys:d.default.arrayOf(d.default.string).isRequired,onChange:d.default.func.isRequired},exports.MetricsSettingMenu=V;
 //# sourceMappingURL=MetricsSettingMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MetricsSettingMenu.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricsSettingMenu.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { isEqual } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport { METRICS_LIST, MAX_METRICS_COUNT, DEFAULT_METRICS_KEY } from '../../constants';\n\nimport styles from './MetricsSettingMenu.module.scss';\n\nimport { Menu, Checkbox, ButtonIcon, Tooltip } from '~/componentsV2';\nimport { SettingTwoIcon } from '~/icons';\n\nconst PAGE_NAME = 'MetricsSettingMenu';\nconst metricsList = METRICS_LIST.filter(metrics => metrics.key !== DEFAULT_METRICS_KEY);\n\nexport const MetricsSettingMenu = ({ metricsKeys, onChange }) => {\n  const [selectedKeys, setSelectedKeys] = useState([]);\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef(null);\n\n  useEffect(() => {\n    setSelectedKeys(metricsKeys || []);\n  }, [metricsKeys]);\n\n  const handleClick = () => {\n    setIsOpen(true);\n  };\n\n  const handleClose = () => {\n    setIsOpen(false);\n    if (!isEqual(selectedKeys, metricsKeys)) {\n      onChange(selectedKeys);\n    }\n  };\n\n  const handleChangeMetrics = newKey => {\n    if (selectedKeys.includes(newKey)) {\n      setSelectedKeys(selectedKeys.filter(key => key !== newKey));\n    } else {\n      setSelectedKeys(selectedKeys.concat(newKey));\n    }\n  };\n\n  return (\n    <>\n      <Tooltip title=\"Select Metrics\">\n        <ButtonIcon\n          ref={anchorRef}\n          data-testid={`${PAGE_NAME}_gear`}\n          size=\"small\"\n          onClick={handleClick}\n          type={isOpen ? 'secondaryBg' : 'tertiaryBg'}\n        >\n          <SettingTwoIcon size=\"small\" />\n        </ButtonIcon>\n      </Tooltip>\n\n      <Menu\n        open={isOpen}\n        anchorEl={anchorRef.current}\n        onClose={handleClose}\n        placement=\"bottom-end\"\n        className={styles.menu}\n      >\n        <Menu.Item disabled className={styles.titleItem}>\n          Up to 2 Metrics\n        </Menu.Item>\n\n        {metricsList.map(item => {\n          const isChecked = selectedKeys.includes(item.key);\n          const isDisabled = selectedKeys.length === MAX_METRICS_COUNT && !isChecked;\n\n          return (\n            <Menu.Item\n              key={item.key}\n              data-testid={`${PAGE_NAME}_option_${item.key}MenuItem`}\n              disabled={isDisabled}\n              onClick={() => handleChangeMetrics(item.key)}\n              prefix={<Checkbox checked={isChecked} />}\n            >\n              {item.label}\n            </Menu.Item>\n          );\n        })}\n      </Menu>\n    </>\n  );\n};\n\nMetricsSettingMenu.propTypes = {\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n"],"names":["metricsList","METRICS_LIST","filter","metrics","key","DEFAULT_METRICS_KEY","MetricsSettingMenu","_ref","metricsKeys","onChange","useState","_useState2","_slicedToArray","_useState","selectedKeys","setSelectedKeys","_useState4","_useState3","isOpen","setIsOpen","anchorRef","useRef","useEffect","_jsxs","_Fragment","children","_jsx","Tooltip","title","ButtonIcon","ref","concat","size","onClick","type","SettingTwoIcon","Menu","open","anchorEl","current","onClose","isEqual","placement","className","styles","menu","Item","disabled","titleItem","map","item","isChecked","includes","isDisabled","length","MAX_METRICS_COUNT","jsx","newKey","prefix","Checkbox","checked","label","propTypes","PropTypes","arrayOf","string","isRequired","func"],"mappings":"02aAYMA,EAAcC,EAAYA,aAACC,QAAO,SAAAC,GAAO,OAAIA,EAAQC,MAAQC,qBAAmB,IAEzEC,EAAqB,SAA+BC,GAAA,IAA5BC,IAAAA,YAAaC,IAAAA,SACRC,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAA7CC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACRD,EAAAA,EAAQA,UAAC,GAAMM,EAAAJ,EAAAA,QAAAK,EAAA,GAApCC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,EAAYC,SAAO,MAEzBC,EAAAA,WAAU,WACRP,EAAgBP,GAAe,GACjC,GAAG,CAACA,IAqBJ,OACEe,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,UAAO,CAACC,MAAM,iBAAgBH,SAC7BC,MAACG,aAAU,CACTC,IAAKV,EACL,cAAA,GAAAW,OApCQ,qBAoCyB,SACjCC,KAAK,QACLC,QA1BY,WAClBd,GAAU,IA0BJe,KAAMhB,EAAS,cAAgB,aAAaO,SAE5CC,MAACS,iBAAc,CAACH,KAAK,cAIzBT,OAACa,OAAI,CACHC,KAAMnB,EACNoB,SAAUlB,EAAUmB,QACpBC,QAhCc,WAClBrB,GAAU,GACLsB,EAAOA,QAAC3B,EAAcN,IACzBC,EAASK,IA8BP4B,UAAU,aACVC,UAAWC,EAAOC,KAAKpB,SAEvB,CAAAC,EAAAA,IAACU,EAAIA,KAACU,KAAI,CAACC,UAAQ,EAACJ,UAAWC,EAAOI,UAAUvB,SAAA,oBAI/CzB,EAAYiD,KAAI,SAAAC,GACf,IAAMC,EAAYrC,EAAasC,SAASF,EAAK9C,KACvCiD,EAAavC,EAAawC,SAAWC,EAAiBA,oBAAKJ,EAEjE,OACEzB,EAAA8B,IAACpB,EAAIA,KAACU,KAAI,CAER,cAAA,GAAAf,OA/DI,qBA+DqB,YAAAA,OAAWmB,EAAK9C,IAAc,YACvD2C,SAAUM,EACVpB,QAAS,WAAA,OA1COwB,EA0CmBP,EAAK9C,SAzC9CU,EAAasC,SAASK,GACxB1C,EAAgBD,EAAaZ,QAAO,SAAAE,GAAG,OAAIA,IAAQqD,CAAM,KAEzD1C,EAAgBD,EAAaiB,OAAO0B,KAJZ,IAAAA,CA0C6B,EAC7CC,OAAQhC,MAACiC,WAAQ,CAACC,QAAST,IAAc1B,SAExCyB,EAAKW,OANDX,EAAK9C,IAShB,SAIR,EAEAE,EAAmBwD,UAAY,CAC7BtD,YAAauD,EAAAA,QAAUC,QAAQD,EAAAA,QAAUE,QAAQC,WACjDzD,SAAUsD,EAAAA,QAAUI,KAAKD"}
+{"version":3,"file":"MetricsSettingMenu.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricsSettingMenu.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { isEqual } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport { METRICS_LIST, MAX_METRICS_COUNT, DEFAULT_METRICS_KEY } from '../../constants';\n\nimport styles from './MetricsSettingMenu.module.scss';\n\nimport { Menu, Checkbox, ButtonIcon, Tooltip } from '~/componentsV2';\nimport { SettingTwoIcon } from '~/icons';\n\nconst PAGE_NAME = 'MetricsSettingMenu';\nconst metricsList = METRICS_LIST.filter(metrics => metrics.key !== DEFAULT_METRICS_KEY);\n\nexport const MetricsSettingMenu = ({ metricsKeys, onChange }) => {\n  const [selectedKeys, setSelectedKeys] = useState([]);\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef(null);\n\n  useEffect(() => {\n    setSelectedKeys(metricsKeys || []);\n  }, [metricsKeys]);\n\n  const handleClick = () => {\n    setIsOpen(true);\n  };\n\n  const handleClose = () => {\n    setIsOpen(false);\n    if (!isEqual(selectedKeys, metricsKeys)) {\n      onChange(selectedKeys);\n    }\n  };\n\n  const handleChangeMetrics = newKey => {\n    if (selectedKeys.includes(newKey)) {\n      setSelectedKeys(selectedKeys.filter(key => key !== newKey));\n    } else {\n      setSelectedKeys(selectedKeys.concat(newKey));\n    }\n  };\n\n  return (\n    <>\n      <Tooltip title=\"Select Metrics\">\n        <ButtonIcon\n          ref={anchorRef}\n          data-testid={`${PAGE_NAME}_gear`}\n          size=\"small\"\n          onClick={handleClick}\n          type={isOpen ? 'secondaryBg' : 'tertiaryBg'}\n        >\n          <SettingTwoIcon size=\"small\" />\n        </ButtonIcon>\n      </Tooltip>\n\n      <Menu\n        open={isOpen}\n        anchorEl={anchorRef.current}\n        onClose={handleClose}\n        placement=\"bottom-end\"\n        className={styles.menu}\n      >\n        <Menu.Item disabled className={styles.titleItem}>\n          Up to 2 Metrics\n        </Menu.Item>\n\n        {metricsList.map(item => {\n          const isChecked = selectedKeys.includes(item.key);\n          const isDisabled = selectedKeys.length === MAX_METRICS_COUNT && !isChecked;\n\n          return (\n            <Menu.Item\n              key={item.key}\n              data-testid={`${PAGE_NAME}_option_${item.key}MenuItem`}\n              disabled={isDisabled}\n              onClick={() => handleChangeMetrics(item.key)}\n              prefix={<Checkbox checked={isChecked} />}\n            >\n              {item.label}\n            </Menu.Item>\n          );\n        })}\n      </Menu>\n    </>\n  );\n};\n\nMetricsSettingMenu.propTypes = {\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n"],"names":["metricsList","METRICS_LIST","filter","metrics","key","DEFAULT_METRICS_KEY","MetricsSettingMenu","_ref","metricsKeys","onChange","useState","_useState2","_slicedToArray","_useState","selectedKeys","setSelectedKeys","_useState4","_useState3","isOpen","setIsOpen","anchorRef","useRef","useEffect","_jsxs","_Fragment","children","_jsx","Tooltip","title","ButtonIcon","ref","concat","size","onClick","type","SettingTwoIcon","Menu","open","anchorEl","current","onClose","isEqual","placement","className","styles","menu","Item","disabled","titleItem","map","item","isChecked","includes","isDisabled","length","MAX_METRICS_COUNT","jsx","newKey","prefix","Checkbox","checked","label","propTypes","PropTypes","arrayOf","string","isRequired","func"],"mappings":"iibAYMA,EAAcC,EAAYA,aAACC,QAAO,SAAAC,GAAO,OAAIA,EAAQC,MAAQC,qBAAmB,IAEzEC,EAAqB,SAA+BC,GAAA,IAA5BC,IAAAA,YAAaC,IAAAA,SACRC,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAA7CC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACRD,EAAAA,EAAQA,UAAC,GAAMM,EAAAJ,EAAAA,QAAAK,EAAA,GAApCC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,EAAYC,SAAO,MAEzBC,EAAAA,WAAU,WACRP,EAAgBP,GAAe,GACjC,GAAG,CAACA,IAqBJ,OACEe,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,UAAO,CAACC,MAAM,iBAAgBH,SAC7BC,MAACG,aAAU,CACTC,IAAKV,EACL,cAAA,GAAAW,OApCQ,qBAoCyB,SACjCC,KAAK,QACLC,QA1BY,WAClBd,GAAU,IA0BJe,KAAMhB,EAAS,cAAgB,aAAaO,SAE5CC,MAACS,iBAAc,CAACH,KAAK,cAIzBT,OAACa,OAAI,CACHC,KAAMnB,EACNoB,SAAUlB,EAAUmB,QACpBC,QAhCc,WAClBrB,GAAU,GACLsB,EAAOA,QAAC3B,EAAcN,IACzBC,EAASK,IA8BP4B,UAAU,aACVC,UAAWC,EAAOC,KAAKpB,SAEvB,CAAAC,EAAAA,IAACU,EAAIA,KAACU,KAAI,CAACC,UAAQ,EAACJ,UAAWC,EAAOI,UAAUvB,SAAA,oBAI/CzB,EAAYiD,KAAI,SAAAC,GACf,IAAMC,EAAYrC,EAAasC,SAASF,EAAK9C,KACvCiD,EAAavC,EAAawC,SAAWC,EAAiBA,oBAAKJ,EAEjE,OACEzB,EAAA8B,IAACpB,EAAIA,KAACU,KAAI,CAER,cAAA,GAAAf,OA/DI,qBA+DqB,YAAAA,OAAWmB,EAAK9C,IAAc,YACvD2C,SAAUM,EACVpB,QAAS,WAAA,OA1COwB,EA0CmBP,EAAK9C,SAzC9CU,EAAasC,SAASK,GACxB1C,EAAgBD,EAAaZ,QAAO,SAAAE,GAAG,OAAIA,IAAQqD,CAAM,KAEzD1C,EAAgBD,EAAaiB,OAAO0B,KAJZ,IAAAA,CA0C6B,EAC7CC,OAAQhC,MAACiC,WAAQ,CAACC,QAAST,IAAc1B,SAExCyB,EAAKW,OANDX,EAAK9C,IAShB,SAIR,EAEAE,EAAmBwD,UAAY,CAC7BtD,YAAauD,EAAAA,QAAUC,QAAQD,EAAAA,QAAUE,QAAQC,WACjDzD,SAAUsD,EAAAA,QAAUI,KAAKD"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),l=require("@babel/runtime/helpers/defineProperty"),t=require("react"),i=require("prop-types"),a=require("lodash"),n=require("classnames"),o=require("moment"),s=require("@material-ui/core"),u=require("../../constants.js"),d=require("../../stores/picker-props-store/usePickerPropsStore.js"),r=require("../../stores/view-store/useViewStore.js"),c=require("./MetricCell.js"),m=require("./SubjectWellMark.js"),f=require("./ViewWellSectionsName.js"),p=require("./OffsetWellsTableRow.module.css.js"),y=require("../../../../utils/index.js"),h=require("../../../../utils/mobileDetect.js"),v=require("react/jsx-runtime");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=b(e),g=b(l),T=b(i),x=b(n),W=b(o),j="OffsetWellsTableRow",w=function(e,l){var t=a.get(e,u.ColumnType.distance);return Number.isFinite(t)?l?t:y.convertValue(t,"length","mi","km"):"—"},N=function(e){var l,i,n,o,y,b,T,N,q,S,k,M,R,D,O,_,A,I,P=e.columnsWithDict,V=e.data,E=e.subjectWellId,L=e.metricsKeys,H=e.metricsColumns,Y=e.handleChangeOffsetWell,z=e.wellNameStyle,F=e.wellNameWidth,K=e.isImperial,U=e.isLimitedOffsetWells,B=e.maxOffsetWellNumber,X=e.wellSections,G=e.setActiveWellId,J=e.onRowClick,Q=e.taScores,Z=e.isWellSectionColumnVisible,$=e.loadingWellIds,ee=e.registerRow,le=d.usePickerPropsStore((function(e){return e.isWDUser})),te=d.usePickerPropsStore((function(e){return e.isViewOnly})),ie=r.useViewStore((function(e){return e.isWellNameExpand})),ae=r.useViewStore((function(e){return e.isMapHidden})),ne=E===V.id,oe=g.default({},p.subjectWellRow,ne),se=t.useState(V.checked),ue=C.default(se,2),de=ue[0],re=ue[1],ce=null==P?void 0:P.some((function(e){return e.key===u.ColumnType.company})),me=t.useMemo((function(){return new Map((null==P?void 0:P.map((function(e){return[e.key,e]})))||[])}),[P]),fe=t.useMemo((function(){return new Map((null==H?void 0:H.map((function(e){return[e.key,e]})))||[])}),[H]),pe=t.useMemo((function(){return new Map((null==Q?void 0:Q.map((function(e){return[e.wellId,e.taScore]})))||[])}),[Q]),ye=t.useMemo((function(){return new Map((null==X?void 0:X.map((function(e){return[e.label,e.color]})))||[])}),[X]),he=t.useMemo((function(){return new Map(u.StatusOptions.map((function(e){return[e.value,e.color]})))}),[]),ve=t.useCallback((function(e){ee(V.id,e)}),[ee,V.id]),be=!1,Ce=V[u.ColumnType.name]||"—",ge=Ce;if(!ie&&2*F<8*Ce.length){var Te=function(e){var l=document.createElement("span");document.body.appendChild(l),l.style.font="Roboto",l.style.fontSize="14px",l.style.letterSpacing="0.01071em",l.style.height="auto",l.style.width="auto",l.style.position="absolute",l.style.whiteSpace="nowrap",l.innerHTML=e;var t=Math.ceil(l.clientWidth);return document.body.removeChild(l),t}(Ce);if(Te>2*F){var xe=2*F/(Te/Ce.length);ge="".concat(Ce.substring(0,xe/2-2),"\n... ").concat(Ce.substring(Ce.length-xe/2+6)),be=!0}}t.useEffect((function(){re(V.checked)}),[V.checked]);var We,je,we=t.useMemo((function(){return V[u.ColumnType.wellSection]}),[V]),Ne=t.useMemo((function(){return te?"View only mode. To edit offsets, use ".concat(le?"Offset Selection App":"WellHub","."):U&&!V.checked?"App can't process more than (".concat(B-1,") Offset Wells."):""}),[te,U,V.checked,le,B]),qe=t.useMemo((function(){return Z?"wellSection":L.length>0?"lastMetric":"lastActive"}),[Z,L.length]);return v.jsxs(s.TableRow,{ref:ve,"data-testid":"".concat(j,"_row_").concat(Ce),"data-well-id":V.id,className:p.bodyRow,title:ae?void 0:"Click to show on map",onClick:function(){ae||null==J||J(V.id)},onMouseEnter:function(){G(V.id)},onMouseLeave:function(){G(null)},children:[v.jsxs(s.TableCell,{"data-testid":"".concat(j,"_well"),className:x.default(p.bodyCell,p.wellNameCell,oe,z),style:ie?{minWidth:u.EXPANDED_WELL_NAME_WIDTH,flex:0}:{minWidth:(null===(l=me.get(u.ColumnType.name))||void 0===l?void 0:l.minWidth)||0,flex:(null===(i=me.get(u.ColumnType.name))||void 0===i?void 0:i.flex)||0},children:[ne&&v.jsx(m.SubjectWellMark,{className:x.default(p.subjectWellMark)}),!ne&&v.jsx(s.Tooltip,{title:Ne,placement:"bottom-start",classes:{tooltipPlacementBottom:p.checkboxTooltip},children:v.jsx("div",{onClick:function(e){return e.stopPropagation()},children:v.jsx(s.Checkbox,{"data-testid":"".concat(j,"_checkbox"),size:"medium",checked:de,classes:{disabled:p.checkboxDisabled},disabled:te||U&&!V.checked,onChange:function(e){return l=e.target.checked,Y(V,l),void re(l);var l}})})}),v.jsx(s.Tooltip,{title:be?Ce:"",children:v.jsx(s.Typography,{variant:"body2",className:x.default(p.wellNameCursor,(n={},g.default(n,p.cellDataViewOnly,ne),g.default(n,p.wellNamePreWrap,be),n)),children:be?ge:Ce})})]}),v.jsx(s.TableCell,{"data-testid":"".concat(j,"_dot"),className:x.default(p.bodyCell,oe),style:{minWidth:(null===(o=me.get(u.ColumnType.status))||void 0===o?void 0:o.minWidth)||0,flex:(null===(y=me.get(u.ColumnType.status))||void 0===y?void 0:y.flex)||0},children:!ne&&v.jsx(s.Tooltip,{title:a.startCase(V[u.ColumnType.status]),enterTouchDelay:h.isMobileDetected?0:void 0,leaveTouchDelay:h.isMobileDetected?u.LEAVE_TOUCH_DELAY:void 0,children:v.jsx("div",{className:p.statusContainer,children:v.jsx("div",{"data-testid":"".concat(j,"_color"),className:p.status,style:{background:he.get(V[u.ColumnType.status])}})})})}),ce&&v.jsx(s.TableCell,{"data-testid":"".concat(j,"_company"),className:x.default(p.bodyCell,oe),style:{minWidth:(null===(b=me.get(u.ColumnType.company))||void 0===b?void 0:b.minWidth)||0,flex:(null===(T=me.get(u.ColumnType.company))||void 0===T?void 0:T.flex)||0},children:v.jsx(s.Typography,{variant:"body2",className:p.cellData,children:V[u.ColumnType.company]&&"Null"!==V[u.ColumnType.company]?V[u.ColumnType.company]:"—"})}),v.jsx(s.TableCell,{"data-testid":"".concat(j,"_rig"),className:x.default(p.bodyCell,oe),style:{minWidth:(null===(N=me.get(u.ColumnType.rig))||void 0===N?void 0:N.minWidth)||0,flex:(null===(q=me.get(u.ColumnType.rig))||void 0===q?void 0:q.flex)||0},children:v.jsx(s.Typography,{variant:"body2",className:p.cellData,children:V[u.ColumnType.rig]&&"Null"!==V[u.ColumnType.rig]?V[u.ColumnType.rig]:"—"})}),v.jsx(s.TableCell,{"data-testid":"".concat(j,"_distance"),className:x.default(p.bodyCell,oe),style:{minWidth:(null===(S=me.get(u.ColumnType.distance))||void 0===S?void 0:S.minWidth)||0,flex:(null===(k=me.get(u.ColumnType.distance))||void 0===k?void 0:k.flex)||0},children:v.jsx(s.Typography,{variant:"body2",className:p.cellData,children:w(V,K)})}),!!Q.length&&v.jsx(s.TableCell,{"data-testid":"".concat(j,"_ta"),className:x.default(p.bodyCell,oe),style:{minWidth:(null===(M=me.get(u.ColumnType.taScore))||void 0===M?void 0:M.minWidth)||0,flex:(null===(R=me.get(u.ColumnType.taScore))||void 0===R?void 0:R.flex)||0},children:v.jsx(s.Typography,{variant:"body2",className:p.cellData,children:null!==(D=pe.get(V.id))&&void 0!==D?D:""})}),v.jsx(s.TableCell,{"data-testid":"".concat(j,"_lastActive"),className:x.default(p.bodyCell,oe,g.default({},p.lastCell,"lastActive"===qe)),style:{minWidth:(null===(O=me.get(u.ColumnType.lastActive))||void 0===O?void 0:O.minWidth)||0,flex:(null===(_=me.get(u.ColumnType.lastActive))||void 0===_?void 0:_.flex)||0},children:v.jsx(s.Typography,{variant:"body2",className:p.cellData,children:V[u.ColumnType.lastActive]&&Number.isFinite(V[u.ColumnType.lastActive])?W.default.unix(V[u.ColumnType.lastActive]).format("MM/DD/YYYY"):"—"})}),L.map((function(e,l){var t,i,n=fe.get(e),o=n?a.get(V,n.key):void 0;return v.jsx(s.TableCell,{"data-testid":"".concat(j,"_").concat(e),className:x.default(p.bodyCell,oe,g.default({},p.lastCell,"lastMetric"===qe&&l===L.length-1)),style:{minWidth:(null===(t=me.get(e))||void 0===t?void 0:t.minWidth)||0,flex:(null===(i=me.get(e))||void 0===i?void 0:i.flex)||0},children:v.jsx(c.MetricCell,{value:o,wellId:V.id,loadingWellIds:$,metric:n})},e)})),Z&&v.jsx(s.TableCell,{"data-testid":"".concat(j,"_wellSection"),className:x.default(p.bodyCell,p.lastCell,oe),style:{minWidth:(null===(A=me.get(u.ColumnType.wellSection))||void 0===A?void 0:A.minWidth)||0,flex:(null===(I=me.get(u.ColumnType.wellSection))||void 0===I?void 0:I.flex)||0},children:we&&we.length>1?v.jsx(s.Tooltip,{classes:{tooltip:p.customTooltip},title:v.jsx(f.ViewWellSectionsName,{wellSectionNames:we}),children:v.jsx("div",{className:p.sectionLength,children:we.length})}):v.jsx(s.Tooltip,{title:we||"",children:v.jsx(s.Typography,{variant:"body2",className:p.cellData,style:{color:we&&1===we.length&&(We=we,je=C.default(We,1)[0],ye.get(je))},children:we})})})]})};N.propTypes={columnsWithDict:T.default.arrayOf(T.default.shape({})).isRequired,data:T.default.shape({id:T.default.number,checked:T.default.bool,name:T.default.string,status:T.default.string}).isRequired,subjectWellId:T.default.number.isRequired,metricsKeys:T.default.arrayOf(T.default.string).isRequired,metricsColumns:T.default.arrayOf(T.default.shape({})).isRequired,handleChangeOffsetWell:T.default.func.isRequired,wellNameStyle:T.default.string.isRequired,wellNameWidth:T.default.number.isRequired,isImperial:T.default.bool.isRequired,isLimitedOffsetWells:T.default.bool.isRequired,maxOffsetWellNumber:T.default.number.isRequired,wellSections:T.default.arrayOf(T.default.shape({})).isRequired,setActiveWellId:T.default.func.isRequired,onRowClick:T.default.func.isRequired,taScores:T.default.arrayOf(T.default.shape({})).isRequired,isWellSectionColumnVisible:T.default.bool.isRequired,loadingWellIds:T.default.instanceOf(Set).isRequired,registerRow:T.default.func.isRequired};var q=t.memo(N);exports.OffsetWellsTableRow=q;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),l=require("@babel/runtime/helpers/defineProperty"),t=require("react"),i=require("prop-types"),a=require("lodash"),n=require("classnames"),o=require("moment"),s=require("@material-ui/core"),r=require("../../constants.js"),u=require("../../stores/picker-props-store/usePickerPropsStore.js"),d=require("../../stores/view-store/useViewStore.js");require("../../viewport/ViewportProvider.js");var c=require("../../viewport/useViewType.js"),m=require("./MetricCell.js"),f=require("./SubjectWellMark.js"),p=require("./ViewWellSectionsName.js"),y=require("./OffsetWellsTableRow.module.css.js"),h=require("../../../../utils/index.js"),v=require("react/jsx-runtime");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=b(e),g=b(l),T=b(i),x=b(n),W=b(o),w="OffsetWellsTableRow",j=function(e,l){var t=a.get(e,r.ColumnType.distance);return Number.isFinite(t)?l?t:h.convertValue(t,"length","mi","km"):"—"},N=function(e){var l,i,n,o,h,b,T,N,q,S,k,M,R,O,_,D,A,V,P=e.columnsWithDict,I=e.data,E=e.subjectWellId,L=e.metricsKeys,H=e.metricsColumns,Y=e.handleChangeOffsetWell,z=e.wellNameStyle,F=e.wellNameWidth,K=e.isImperial,U=e.isLimitedOffsetWells,B=e.maxOffsetWellNumber,X=e.wellSections,G=e.setActiveWellId,J=e.onRowClick,Q=e.taScores,Z=e.isWellSectionColumnVisible,$=e.loadingWellIds,ee=e.registerRow,le=c.useViewType().isMobile,te=u.usePickerPropsStore((function(e){return e.isWDUser})),ie=u.usePickerPropsStore((function(e){return e.isViewOnly})),ae=d.useViewStore((function(e){return e.isWellNameExpand})),ne=d.useViewStore((function(e){return e.isMapHidden})),oe=E===I.id,se=g.default({},y.subjectWellRow,oe),re=t.useState(I.checked),ue=C.default(re,2),de=ue[0],ce=ue[1],me=null==P?void 0:P.some((function(e){return e.key===r.ColumnType.company})),fe=t.useMemo((function(){return new Map((null==P?void 0:P.map((function(e){return[e.key,e]})))||[])}),[P]),pe=t.useMemo((function(){return new Map((null==H?void 0:H.map((function(e){return[e.key,e]})))||[])}),[H]),ye=t.useMemo((function(){return new Map((null==Q?void 0:Q.map((function(e){return[e.wellId,e.taScore]})))||[])}),[Q]),he=t.useMemo((function(){return new Map((null==X?void 0:X.map((function(e){return[e.label,e.color]})))||[])}),[X]),ve=t.useMemo((function(){return new Map(r.StatusOptions.map((function(e){return[e.value,e.color]})))}),[]),be=t.useCallback((function(e){ee(I.id,e)}),[ee,I.id]),Ce=!1,ge=I[r.ColumnType.name]||"—",Te=ge;if(!ae&&2*F<8*ge.length){var xe=function(e){var l=document.createElement("span");document.body.appendChild(l),l.style.font="Roboto",l.style.fontSize="14px",l.style.letterSpacing="0.01071em",l.style.height="auto",l.style.width="auto",l.style.position="absolute",l.style.whiteSpace="nowrap",l.innerHTML=e;var t=Math.ceil(l.clientWidth);return document.body.removeChild(l),t}(ge);if(xe>2*F){var We=2*F/(xe/ge.length);Te="".concat(ge.substring(0,We/2-2),"\n... ").concat(ge.substring(ge.length-We/2+6)),Ce=!0}}t.useEffect((function(){ce(I.checked)}),[I.checked]);var we,je,Ne=t.useMemo((function(){return I[r.ColumnType.wellSection]}),[I]),qe=t.useMemo((function(){return ie?"View only mode. To edit offsets, use ".concat(te?"Offset Selection App":"WellHub","."):U&&!I.checked?"App can't process more than (".concat(B-1,") Offset Wells."):""}),[ie,U,I.checked,te,B]),Se=t.useMemo((function(){return Z?"wellSection":L.length>0?"lastMetric":"lastActive"}),[Z,L.length]);return v.jsxs(s.TableRow,{ref:be,"data-testid":"".concat(w,"_row_").concat(ge),"data-well-id":I.id,className:y.bodyRow,title:ne?void 0:"Click to show on map",onClick:function(){ne||null==J||J(I.id)},onMouseEnter:function(){G(I.id)},onMouseLeave:function(){G(null)},children:[v.jsxs(s.TableCell,{"data-testid":"".concat(w,"_well"),className:x.default(y.bodyCell,y.wellNameCell,se,z),style:ae?{minWidth:r.EXPANDED_WELL_NAME_WIDTH,flex:0}:{minWidth:(null===(l=fe.get(r.ColumnType.name))||void 0===l?void 0:l.minWidth)||0,flex:(null===(i=fe.get(r.ColumnType.name))||void 0===i?void 0:i.flex)||0},children:[oe&&v.jsx(f.SubjectWellMark,{className:x.default(y.subjectWellMark)}),!oe&&v.jsx(s.Tooltip,{title:qe,placement:"bottom-start",classes:{tooltipPlacementBottom:y.checkboxTooltip},children:v.jsx("div",{onClick:function(e){return e.stopPropagation()},children:v.jsx(s.Checkbox,{"data-testid":"".concat(w,"_checkbox"),size:"medium",checked:de,classes:{disabled:y.checkboxDisabled},disabled:ie||U&&!I.checked,onChange:function(e){return l=e.target.checked,Y(I,l),void ce(l);var l}})})}),v.jsx(s.Tooltip,{title:Ce?ge:"",children:v.jsx(s.Typography,{variant:"body2",className:x.default(y.wellNameCursor,(n={},g.default(n,y.cellDataViewOnly,oe),g.default(n,y.wellNamePreWrap,Ce),n)),children:Ce?Te:ge})})]}),v.jsx(s.TableCell,{"data-testid":"".concat(w,"_dot"),className:x.default(y.bodyCell,se),style:{minWidth:(null===(o=fe.get(r.ColumnType.status))||void 0===o?void 0:o.minWidth)||0,flex:(null===(h=fe.get(r.ColumnType.status))||void 0===h?void 0:h.flex)||0},children:!oe&&v.jsx(s.Tooltip,{title:a.startCase(I[r.ColumnType.status]),enterTouchDelay:le?0:void 0,leaveTouchDelay:le?r.LEAVE_TOUCH_DELAY:void 0,children:v.jsx("div",{className:y.statusContainer,children:v.jsx("div",{"data-testid":"".concat(w,"_color"),className:y.status,style:{background:ve.get(I[r.ColumnType.status])}})})})}),me&&v.jsx(s.TableCell,{"data-testid":"".concat(w,"_company"),className:x.default(y.bodyCell,se),style:{minWidth:(null===(b=fe.get(r.ColumnType.company))||void 0===b?void 0:b.minWidth)||0,flex:(null===(T=fe.get(r.ColumnType.company))||void 0===T?void 0:T.flex)||0},children:v.jsx(s.Typography,{variant:"body2",className:y.cellData,children:I[r.ColumnType.company]&&"Null"!==I[r.ColumnType.company]?I[r.ColumnType.company]:"—"})}),v.jsx(s.TableCell,{"data-testid":"".concat(w,"_rig"),className:x.default(y.bodyCell,se),style:{minWidth:(null===(N=fe.get(r.ColumnType.rig))||void 0===N?void 0:N.minWidth)||0,flex:(null===(q=fe.get(r.ColumnType.rig))||void 0===q?void 0:q.flex)||0},children:v.jsx(s.Typography,{variant:"body2",className:y.cellData,children:I[r.ColumnType.rig]&&"Null"!==I[r.ColumnType.rig]?I[r.ColumnType.rig]:"—"})}),v.jsx(s.TableCell,{"data-testid":"".concat(w,"_distance"),className:x.default(y.bodyCell,se),style:{minWidth:(null===(S=fe.get(r.ColumnType.distance))||void 0===S?void 0:S.minWidth)||0,flex:(null===(k=fe.get(r.ColumnType.distance))||void 0===k?void 0:k.flex)||0},children:v.jsx(s.Typography,{variant:"body2",className:y.cellData,children:j(I,K)})}),!!Q.length&&v.jsx(s.TableCell,{"data-testid":"".concat(w,"_ta"),className:x.default(y.bodyCell,se),style:{minWidth:(null===(M=fe.get(r.ColumnType.taScore))||void 0===M?void 0:M.minWidth)||0,flex:(null===(R=fe.get(r.ColumnType.taScore))||void 0===R?void 0:R.flex)||0},children:v.jsx(s.Typography,{variant:"body2",className:y.cellData,children:null!==(O=ye.get(I.id))&&void 0!==O?O:""})}),v.jsx(s.TableCell,{"data-testid":"".concat(w,"_lastActive"),className:x.default(y.bodyCell,se,g.default({},y.lastCell,"lastActive"===Se)),style:{minWidth:(null===(_=fe.get(r.ColumnType.lastActive))||void 0===_?void 0:_.minWidth)||0,flex:(null===(D=fe.get(r.ColumnType.lastActive))||void 0===D?void 0:D.flex)||0},children:v.jsx(s.Typography,{variant:"body2",className:y.cellData,children:I[r.ColumnType.lastActive]&&Number.isFinite(I[r.ColumnType.lastActive])?W.default.unix(I[r.ColumnType.lastActive]).format("MM/DD/YYYY"):"—"})}),L.map((function(e,l){var t,i,n=pe.get(e),o=n?a.get(I,n.key):void 0;return v.jsx(s.TableCell,{"data-testid":"".concat(w,"_").concat(e),className:x.default(y.bodyCell,se,g.default({},y.lastCell,"lastMetric"===Se&&l===L.length-1)),style:{minWidth:(null===(t=fe.get(e))||void 0===t?void 0:t.minWidth)||0,flex:(null===(i=fe.get(e))||void 0===i?void 0:i.flex)||0},children:v.jsx(m.MetricCell,{value:o,wellId:I.id,loadingWellIds:$,metric:n})},e)})),Z&&v.jsx(s.TableCell,{"data-testid":"".concat(w,"_wellSection"),className:x.default(y.bodyCell,y.lastCell,se),style:{minWidth:(null===(A=fe.get(r.ColumnType.wellSection))||void 0===A?void 0:A.minWidth)||0,flex:(null===(V=fe.get(r.ColumnType.wellSection))||void 0===V?void 0:V.flex)||0},children:Ne&&Ne.length>1?v.jsx(s.Tooltip,{classes:{tooltip:y.customTooltip},title:v.jsx(p.ViewWellSectionsName,{wellSectionNames:Ne}),children:v.jsx("div",{className:y.sectionLength,children:Ne.length})}):v.jsx(s.Tooltip,{title:Ne||"",children:v.jsx(s.Typography,{variant:"body2",className:y.cellData,style:{color:Ne&&1===Ne.length&&(we=Ne,je=C.default(we,1)[0],he.get(je))},children:Ne})})})]})};N.propTypes={columnsWithDict:T.default.arrayOf(T.default.shape({})).isRequired,data:T.default.shape({id:T.default.number,checked:T.default.bool,name:T.default.string,status:T.default.string}).isRequired,subjectWellId:T.default.number.isRequired,metricsKeys:T.default.arrayOf(T.default.string).isRequired,metricsColumns:T.default.arrayOf(T.default.shape({})).isRequired,handleChangeOffsetWell:T.default.func.isRequired,wellNameStyle:T.default.string.isRequired,wellNameWidth:T.default.number.isRequired,isImperial:T.default.bool.isRequired,isLimitedOffsetWells:T.default.bool.isRequired,maxOffsetWellNumber:T.default.number.isRequired,wellSections:T.default.arrayOf(T.default.shape({})).isRequired,setActiveWellId:T.default.func.isRequired,onRowClick:T.default.func.isRequired,taScores:T.default.arrayOf(T.default.shape({})).isRequired,isWellSectionColumnVisible:T.default.bool.isRequired,loadingWellIds:T.default.instanceOf(Set).isRequired,registerRow:T.default.func.isRequired};var q=t.memo(N);exports.OffsetWellsTableRow=q;
 //# sourceMappingURL=OffsetWellsTableRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellsTableRow.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTableRow.js"],"sourcesContent":["import { memo, useCallback, useEffect, useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { startCase, get } from 'lodash';\nimport classNames from 'classnames';\nimport moment from 'moment';\nimport { Typography, Checkbox, Tooltip, TableCell, TableRow } from '@material-ui/core';\n\nimport {\n  ColumnType,\n  EXPANDED_WELL_NAME_WIDTH,\n  LEAVE_TOUCH_DELAY,\n  StatusOptions,\n} from '../../constants';\nimport { usePickerPropsStore } from '../../stores/picker-props-store/usePickerPropsStore';\nimport { useViewStore } from '../../stores/view-store/useViewStore';\n\nimport { MetricCell } from './MetricCell';\nimport { SubjectWellMark } from './SubjectWellMark';\nimport { ViewWellSectionsName } from './ViewWellSectionsName';\n\nimport styles from './OffsetWellsTableRow.module.css';\n\nimport { convertValue } from '~/utils';\nimport { isMobileDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'OffsetWellsTableRow';\nconst AVG_CHAR_WIDTH = 8;\n\nconst formatDistance = (data, isImperial) => {\n  const value = get(data, ColumnType.distance);\n  if (Number.isFinite(value)) {\n    return isImperial ? value : convertValue(value, 'length', 'mi', 'km');\n  }\n  return '—';\n};\n\nconst getTextWidth = strText => {\n  const text = document.createElement('span');\n  document.body.appendChild(text);\n  text.style.font = 'Roboto';\n  text.style.fontSize = '14px';\n  text.style.letterSpacing = '0.01071em';\n  text.style.height = 'auto';\n  text.style.width = 'auto';\n  text.style.position = 'absolute';\n  text.style.whiteSpace = 'nowrap';\n  text.innerHTML = strText;\n  const textWidth = Math.ceil(text.clientWidth);\n  document.body.removeChild(text);\n  return textWidth;\n};\n\nconst OffsetWellsTableRowComponent = ({\n  columnsWithDict,\n  data,\n  subjectWellId,\n  metricsKeys,\n  metricsColumns,\n  handleChangeOffsetWell,\n  wellNameStyle,\n  wellNameWidth,\n  isImperial,\n  isLimitedOffsetWells,\n  maxOffsetWellNumber,\n  wellSections,\n  setActiveWellId,\n  onRowClick,\n  taScores,\n  isWellSectionColumnVisible,\n  loadingWellIds,\n  registerRow,\n}) => {\n  const isWDUser = usePickerPropsStore(state => state.isWDUser);\n  const isViewOnly = usePickerPropsStore(state => state.isViewOnly);\n  const isWellNameExpand = useViewStore(state => state.isWellNameExpand);\n  const isMapHidden = useViewStore(state => state.isMapHidden);\n  const isSubjectWell = subjectWellId === data.id;\n  const borderStyle = { [styles.subjectWellRow]: isSubjectWell };\n  const [isChecked, setIsChecked] = useState(data.checked);\n  const hasCompanyColumn = columnsWithDict?.some(col => col.key === ColumnType.company);\n\n  // Memoize lookup Maps for O(1) access instead of O(n) find() calls\n  const columnsMap = useMemo(\n    () => new Map(columnsWithDict?.map(col => [col.key, col]) || []),\n    [columnsWithDict]\n  );\n  const metricsMap = useMemo(\n    () => new Map(metricsColumns?.map(m => [m.key, m]) || []),\n    [metricsColumns]\n  );\n  const taScoresMap = useMemo(\n    () => new Map(taScores?.map(t => [t.wellId, t.taScore]) || []),\n    [taScores]\n  );\n  const wellSectionsMap = useMemo(\n    () => new Map(wellSections?.map(ws => [ws.label, ws.color]) || []),\n    [wellSections]\n  );\n  const statusOptionsMap = useMemo(\n    () => new Map(StatusOptions.map(opt => [opt.value, opt.color])),\n    []\n  );\n\n  const rowRef = useCallback(\n    node => {\n      registerRow(data.id, node);\n    },\n    [registerRow, data.id]\n  );\n\n  let isOverFlowWellName = false;\n  const wellName = data[ColumnType.name] || '—';\n  let truncWellName = wellName;\n  if (!isWellNameExpand && wellNameWidth * 2 < wellName.length * AVG_CHAR_WIDTH) {\n    const wellNameRealWidth = getTextWidth(wellName);\n    if (wellNameRealWidth > wellNameWidth * 2) {\n      const maxCounts = (wellNameWidth * 2) / (wellNameRealWidth / wellName.length);\n      truncWellName = `${wellName.substring(0, maxCounts / 2 - 2)}\\n... ${wellName.substring(\n        wellName.length - maxCounts / 2 + 6\n      )}`;\n      isOverFlowWellName = true;\n    }\n  }\n\n  const handleChangeCheckbox = checked => {\n    handleChangeOffsetWell(data, checked);\n    setIsChecked(checked);\n  };\n\n  useEffect(() => {\n    setIsChecked(data.checked);\n  }, [data.checked]);\n\n  const getSectionColor = ([sectionName]) => {\n    return wellSectionsMap.get(sectionName);\n  };\n\n  const wellSectionData = useMemo(() => {\n    return data[ColumnType.wellSection];\n  }, [data]);\n\n  const checkboxTooltipText = useMemo(() => {\n    if (isViewOnly) {\n      return `View only mode. To edit offsets, use ${\n        isWDUser ? 'Offset Selection App' : 'WellHub'\n      }.`;\n    } else if (isLimitedOffsetWells && !data.checked) {\n      return `App can't process more than (${maxOffsetWellNumber - 1}) Offset Wells.`;\n    } else {\n      return '';\n    }\n  }, [isViewOnly, isLimitedOffsetWells, data.checked, isWDUser, maxOffsetWellNumber]);\n\n  const lastCellColumn = useMemo(() => {\n    if (isWellSectionColumnVisible) {\n      return 'wellSection';\n    }\n\n    if (metricsKeys.length > 0) {\n      return 'lastMetric';\n    }\n\n    return 'lastActive';\n  }, [isWellSectionColumnVisible, metricsKeys.length]);\n\n  const handleMouseEnter = () => {\n    setActiveWellId(data.id);\n  };\n\n  const handleMouseLeave = () => {\n    setActiveWellId(null);\n  };\n\n  const handleRowClick = () => {\n    if (!isMapHidden) {\n      onRowClick?.(data.id);\n    }\n  };\n\n  return (\n    <TableRow\n      ref={rowRef}\n      data-testid={`${PAGE_NAME}_row_${wellName}`}\n      data-well-id={data.id}\n      className={styles.bodyRow}\n      title={isMapHidden ? undefined : 'Click to show on map'}\n      onClick={handleRowClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <TableCell\n        data-testid={`${PAGE_NAME}_well`}\n        className={classNames(styles.bodyCell, styles.wellNameCell, borderStyle, wellNameStyle)}\n        style={\n          isWellNameExpand\n            ? { minWidth: EXPANDED_WELL_NAME_WIDTH, flex: 0 }\n            : {\n                minWidth: columnsMap.get(ColumnType.name)?.minWidth || 0,\n                flex: columnsMap.get(ColumnType.name)?.flex || 0,\n              }\n        }\n      >\n        {isSubjectWell && <SubjectWellMark className={classNames(styles.subjectWellMark)} />}\n        {!isSubjectWell && (\n          <Tooltip\n            title={checkboxTooltipText}\n            placement=\"bottom-start\"\n            classes={{ tooltipPlacementBottom: styles.checkboxTooltip }}\n          >\n            <div onClick={e => e.stopPropagation()}>\n              <Checkbox\n                data-testid={`${PAGE_NAME}_checkbox`}\n                size=\"medium\"\n                checked={isChecked}\n                classes={{ disabled: styles.checkboxDisabled }}\n                disabled={isViewOnly || (isLimitedOffsetWells && !data.checked)}\n                onChange={event => handleChangeCheckbox(event.target.checked)}\n              />\n            </div>\n          </Tooltip>\n        )}\n        <Tooltip title={isOverFlowWellName ? wellName : ''}>\n          <Typography\n            variant=\"body2\"\n            className={classNames(styles.wellNameCursor, {\n              [styles.cellDataViewOnly]: isSubjectWell,\n              [styles.wellNamePreWrap]: isOverFlowWellName,\n            })}\n          >\n            {isOverFlowWellName ? truncWellName : wellName}\n          </Typography>\n        </Tooltip>\n      </TableCell>\n\n      <TableCell\n        data-testid={`${PAGE_NAME}_dot`}\n        className={classNames(styles.bodyCell, borderStyle)}\n        style={{\n          minWidth: columnsMap.get(ColumnType.status)?.minWidth || 0,\n          flex: columnsMap.get(ColumnType.status)?.flex || 0,\n        }}\n      >\n        {!isSubjectWell && (\n          <Tooltip\n            title={startCase(data[ColumnType.status])}\n            enterTouchDelay={isMobileDetected ? 0 : undefined}\n            leaveTouchDelay={isMobileDetected ? LEAVE_TOUCH_DELAY : undefined}\n          >\n            <div className={styles.statusContainer}>\n              <div\n                data-testid={`${PAGE_NAME}_color`}\n                className={styles.status}\n                style={{\n                  background: statusOptionsMap.get(data[ColumnType.status]),\n                }}\n              />\n            </div>\n          </Tooltip>\n        )}\n      </TableCell>\n\n      {hasCompanyColumn && (\n        <TableCell\n          data-testid={`${PAGE_NAME}_company`}\n          className={classNames(styles.bodyCell, borderStyle)}\n          style={{\n            minWidth: columnsMap.get(ColumnType.company)?.minWidth || 0,\n            flex: columnsMap.get(ColumnType.company)?.flex || 0,\n          }}\n        >\n          <Typography variant=\"body2\" className={styles.cellData}>\n            {data[ColumnType.company] && data[ColumnType.company] !== 'Null'\n              ? data[ColumnType.company]\n              : '—'}\n          </Typography>\n        </TableCell>\n      )}\n\n      <TableCell\n        data-testid={`${PAGE_NAME}_rig`}\n        className={classNames(styles.bodyCell, borderStyle)}\n        style={{\n          minWidth: columnsMap.get(ColumnType.rig)?.minWidth || 0,\n          flex: columnsMap.get(ColumnType.rig)?.flex || 0,\n        }}\n      >\n        <Typography variant=\"body2\" className={styles.cellData}>\n          {data[ColumnType.rig] && data[ColumnType.rig] !== 'Null' ? data[ColumnType.rig] : '—'}\n        </Typography>\n      </TableCell>\n\n      <TableCell\n        data-testid={`${PAGE_NAME}_distance`}\n        className={classNames(styles.bodyCell, borderStyle)}\n        style={{\n          minWidth: columnsMap.get(ColumnType.distance)?.minWidth || 0,\n          flex: columnsMap.get(ColumnType.distance)?.flex || 0,\n        }}\n      >\n        <Typography variant=\"body2\" className={styles.cellData}>\n          {formatDistance(data, isImperial)}\n        </Typography>\n      </TableCell>\n\n      {!!taScores.length && (\n        <TableCell\n          data-testid={`${PAGE_NAME}_ta`}\n          className={classNames(styles.bodyCell, borderStyle)}\n          style={{\n            minWidth: columnsMap.get(ColumnType.taScore)?.minWidth || 0,\n            flex: columnsMap.get(ColumnType.taScore)?.flex || 0,\n          }}\n        >\n          <Typography variant=\"body2\" className={styles.cellData}>\n            {taScoresMap.get(data.id) ?? ''}\n          </Typography>\n        </TableCell>\n      )}\n\n      <TableCell\n        data-testid={`${PAGE_NAME}_lastActive`}\n        className={classNames(styles.bodyCell, borderStyle, {\n          [styles.lastCell]: lastCellColumn === 'lastActive',\n        })}\n        style={{\n          minWidth: columnsMap.get(ColumnType.lastActive)?.minWidth || 0,\n          flex: columnsMap.get(ColumnType.lastActive)?.flex || 0,\n        }}\n      >\n        <Typography variant=\"body2\" className={styles.cellData}>\n          {data[ColumnType.lastActive] && Number.isFinite(data[ColumnType.lastActive])\n            ? moment.unix(data[ColumnType.lastActive]).format('MM/DD/YYYY')\n            : '—'}\n        </Typography>\n      </TableCell>\n\n      {metricsKeys.map((metricsKey, index) => {\n        const metric = metricsMap.get(metricsKey);\n        const value = metric ? get(data, metric.key) : undefined;\n\n        return (\n          <TableCell\n            data-testid={`${PAGE_NAME}_${metricsKey}`}\n            key={metricsKey}\n            className={classNames(styles.bodyCell, borderStyle, {\n              [styles.lastCell]:\n                lastCellColumn === 'lastMetric' && index === metricsKeys.length - 1,\n            })}\n            style={{\n              minWidth: columnsMap.get(metricsKey)?.minWidth || 0,\n              flex: columnsMap.get(metricsKey)?.flex || 0,\n            }}\n          >\n            <MetricCell\n              value={value}\n              wellId={data.id}\n              loadingWellIds={loadingWellIds}\n              metric={metric}\n            />\n          </TableCell>\n        );\n      })}\n\n      {isWellSectionColumnVisible && (\n        <TableCell\n          data-testid={`${PAGE_NAME}_wellSection`}\n          className={classNames(styles.bodyCell, styles.lastCell, borderStyle)}\n          style={{\n            minWidth: columnsMap.get(ColumnType.wellSection)?.minWidth || 0,\n            flex: columnsMap.get(ColumnType.wellSection)?.flex || 0,\n          }}\n        >\n          {wellSectionData && wellSectionData.length > 1 ? (\n            <Tooltip\n              classes={{\n                tooltip: styles.customTooltip,\n              }}\n              title={<ViewWellSectionsName wellSectionNames={wellSectionData} />}\n            >\n              <div className={styles.sectionLength}>{wellSectionData.length}</div>\n            </Tooltip>\n          ) : (\n            <Tooltip title={wellSectionData || ''}>\n              <Typography\n                variant=\"body2\"\n                className={styles.cellData}\n                style={{\n                  color:\n                    wellSectionData &&\n                    wellSectionData.length === 1 &&\n                    getSectionColor(wellSectionData),\n                }}\n              >\n                {wellSectionData}\n              </Typography>\n            </Tooltip>\n          )}\n        </TableCell>\n      )}\n    </TableRow>\n  );\n};\n\nOffsetWellsTableRowComponent.propTypes = {\n  columnsWithDict: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  data: PropTypes.shape({\n    id: PropTypes.number,\n    checked: PropTypes.bool,\n    name: PropTypes.string,\n    status: PropTypes.string,\n  }).isRequired,\n  subjectWellId: PropTypes.number.isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  metricsColumns: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  handleChangeOffsetWell: PropTypes.func.isRequired,\n  wellNameStyle: PropTypes.string.isRequired,\n  wellNameWidth: PropTypes.number.isRequired,\n  isImperial: 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  onRowClick: PropTypes.func.isRequired,\n  taScores: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  isWellSectionColumnVisible: PropTypes.bool.isRequired,\n  loadingWellIds: PropTypes.instanceOf(Set).isRequired,\n  registerRow: PropTypes.func.isRequired,\n};\n\nexport const OffsetWellsTableRow = memo(OffsetWellsTableRowComponent);\n"],"names":["PAGE_NAME","formatDistance","data","isImperial","value","get","ColumnType","distance","Number","isFinite","convertValue","OffsetWellsTableRowComponent","_ref","_columnsMap$get","_columnsMap$get2","_classNames","_columnsMap$get3","_columnsMap$get4","_columnsMap$get5","_columnsMap$get6","_columnsMap$get7","_columnsMap$get8","_columnsMap$get9","_columnsMap$get10","_columnsMap$get11","_columnsMap$get12","_taScoresMap$get","_columnsMap$get13","_columnsMap$get14","_columnsMap$get17","_columnsMap$get18","columnsWithDict","subjectWellId","metricsKeys","metricsColumns","handleChangeOffsetWell","wellNameStyle","wellNameWidth","isLimitedOffsetWells","maxOffsetWellNumber","wellSections","setActiveWellId","onRowClick","taScores","isWellSectionColumnVisible","loadingWellIds","registerRow","isWDUser","usePickerPropsStore","state","isViewOnly","isWellNameExpand","useViewStore","isMapHidden","isSubjectWell","id","borderStyle","styles","subjectWellRow","_useState","useState","checked","_useState2","_slicedToArray","isChecked","setIsChecked","hasCompanyColumn","some","col","key","company","columnsMap","useMemo","Map","map","metricsMap","m","taScoresMap","t","wellId","taScore","wellSectionsMap","ws","label","color","statusOptionsMap","StatusOptions","opt","rowRef","useCallback","node","isOverFlowWellName","wellName","name","truncWellName","length","wellNameRealWidth","strText","text","document","createElement","body","appendChild","style","font","fontSize","letterSpacing","height","width","position","whiteSpace","innerHTML","textWidth","Math","ceil","clientWidth","removeChild","getTextWidth","maxCounts","substring","concat","useEffect","_ref2","sectionName","wellSectionData","wellSection","checkboxTooltipText","lastCellColumn","_jsxs","TableRow","ref","className","bodyRow","title","undefined","onClick","onMouseEnter","onMouseLeave","children","TableCell","classNames","bodyCell","wellNameCell","minWidth","EXPANDED_WELL_NAME_WIDTH","flex","_jsx","jsx","SubjectWellMark","subjectWellMark","Tooltip","placement","classes","tooltipPlacementBottom","checkboxTooltip","e","stopPropagation","Checkbox","size","disabled","checkboxDisabled","onChange","event","target","Typography","variant","wellNameCursor","cellDataViewOnly","wellNamePreWrap","status","startCase","enterTouchDelay","isMobileDetected","leaveTouchDelay","LEAVE_TOUCH_DELAY","statusContainer","background","cellData","rig","lastCell","lastActive","moment","unix","format","metricsKey","index","_columnsMap$get15","_columnsMap$get16","metric","MetricCell","tooltip","customTooltip","ViewWellSectionsName","wellSectionNames","sectionLength","propTypes","PropTypes","arrayOf","shape","isRequired","number","bool","string","func","instanceOf","Set","OffsetWellsTableRow","memo"],"mappings":"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"}
+{"version":3,"file":"OffsetWellsTableRow.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTableRow.js"],"sourcesContent":["import { memo, useCallback, useEffect, useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { startCase, get } from 'lodash';\nimport classNames from 'classnames';\nimport moment from 'moment';\nimport { Typography, Checkbox, Tooltip, TableCell, TableRow } from '@material-ui/core';\n\nimport {\n  ColumnType,\n  EXPANDED_WELL_NAME_WIDTH,\n  LEAVE_TOUCH_DELAY,\n  StatusOptions,\n} from '../../constants';\nimport { usePickerPropsStore } from '../../stores/picker-props-store/usePickerPropsStore';\nimport { useViewStore } from '../../stores/view-store/useViewStore';\nimport { useViewType } from '../../viewport';\n\nimport { MetricCell } from './MetricCell';\nimport { SubjectWellMark } from './SubjectWellMark';\nimport { ViewWellSectionsName } from './ViewWellSectionsName';\n\nimport styles from './OffsetWellsTableRow.module.css';\n\nimport { convertValue } from '~/utils';\n\nconst PAGE_NAME = 'OffsetWellsTableRow';\nconst AVG_CHAR_WIDTH = 8;\n\nconst formatDistance = (data, isImperial) => {\n  const value = get(data, ColumnType.distance);\n  if (Number.isFinite(value)) {\n    return isImperial ? value : convertValue(value, 'length', 'mi', 'km');\n  }\n  return '—';\n};\n\nconst getTextWidth = strText => {\n  const text = document.createElement('span');\n  document.body.appendChild(text);\n  text.style.font = 'Roboto';\n  text.style.fontSize = '14px';\n  text.style.letterSpacing = '0.01071em';\n  text.style.height = 'auto';\n  text.style.width = 'auto';\n  text.style.position = 'absolute';\n  text.style.whiteSpace = 'nowrap';\n  text.innerHTML = strText;\n  const textWidth = Math.ceil(text.clientWidth);\n  document.body.removeChild(text);\n  return textWidth;\n};\n\nconst OffsetWellsTableRowComponent = ({\n  columnsWithDict,\n  data,\n  subjectWellId,\n  metricsKeys,\n  metricsColumns,\n  handleChangeOffsetWell,\n  wellNameStyle,\n  wellNameWidth,\n  isImperial,\n  isLimitedOffsetWells,\n  maxOffsetWellNumber,\n  wellSections,\n  setActiveWellId,\n  onRowClick,\n  taScores,\n  isWellSectionColumnVisible,\n  loadingWellIds,\n  registerRow,\n}) => {\n  const { isMobile } = useViewType();\n  const isWDUser = usePickerPropsStore(state => state.isWDUser);\n  const isViewOnly = usePickerPropsStore(state => state.isViewOnly);\n  const isWellNameExpand = useViewStore(state => state.isWellNameExpand);\n  const isMapHidden = useViewStore(state => state.isMapHidden);\n  const isSubjectWell = subjectWellId === data.id;\n  const borderStyle = { [styles.subjectWellRow]: isSubjectWell };\n  const [isChecked, setIsChecked] = useState(data.checked);\n  const hasCompanyColumn = columnsWithDict?.some(col => col.key === ColumnType.company);\n\n  // Memoize lookup Maps for O(1) access instead of O(n) find() calls\n  const columnsMap = useMemo(\n    () => new Map(columnsWithDict?.map(col => [col.key, col]) || []),\n    [columnsWithDict]\n  );\n  const metricsMap = useMemo(\n    () => new Map(metricsColumns?.map(m => [m.key, m]) || []),\n    [metricsColumns]\n  );\n  const taScoresMap = useMemo(\n    () => new Map(taScores?.map(t => [t.wellId, t.taScore]) || []),\n    [taScores]\n  );\n  const wellSectionsMap = useMemo(\n    () => new Map(wellSections?.map(ws => [ws.label, ws.color]) || []),\n    [wellSections]\n  );\n  const statusOptionsMap = useMemo(\n    () => new Map(StatusOptions.map(opt => [opt.value, opt.color])),\n    []\n  );\n\n  const rowRef = useCallback(\n    node => {\n      registerRow(data.id, node);\n    },\n    [registerRow, data.id]\n  );\n\n  let isOverFlowWellName = false;\n  const wellName = data[ColumnType.name] || '—';\n  let truncWellName = wellName;\n  if (!isWellNameExpand && wellNameWidth * 2 < wellName.length * AVG_CHAR_WIDTH) {\n    const wellNameRealWidth = getTextWidth(wellName);\n    if (wellNameRealWidth > wellNameWidth * 2) {\n      const maxCounts = (wellNameWidth * 2) / (wellNameRealWidth / wellName.length);\n      truncWellName = `${wellName.substring(0, maxCounts / 2 - 2)}\\n... ${wellName.substring(\n        wellName.length - maxCounts / 2 + 6\n      )}`;\n      isOverFlowWellName = true;\n    }\n  }\n\n  const handleChangeCheckbox = checked => {\n    handleChangeOffsetWell(data, checked);\n    setIsChecked(checked);\n  };\n\n  useEffect(() => {\n    setIsChecked(data.checked);\n  }, [data.checked]);\n\n  const getSectionColor = ([sectionName]) => {\n    return wellSectionsMap.get(sectionName);\n  };\n\n  const wellSectionData = useMemo(() => {\n    return data[ColumnType.wellSection];\n  }, [data]);\n\n  const checkboxTooltipText = useMemo(() => {\n    if (isViewOnly) {\n      return `View only mode. To edit offsets, use ${\n        isWDUser ? 'Offset Selection App' : 'WellHub'\n      }.`;\n    } else if (isLimitedOffsetWells && !data.checked) {\n      return `App can't process more than (${maxOffsetWellNumber - 1}) Offset Wells.`;\n    } else {\n      return '';\n    }\n  }, [isViewOnly, isLimitedOffsetWells, data.checked, isWDUser, maxOffsetWellNumber]);\n\n  const lastCellColumn = useMemo(() => {\n    if (isWellSectionColumnVisible) {\n      return 'wellSection';\n    }\n\n    if (metricsKeys.length > 0) {\n      return 'lastMetric';\n    }\n\n    return 'lastActive';\n  }, [isWellSectionColumnVisible, metricsKeys.length]);\n\n  const handleMouseEnter = () => {\n    setActiveWellId(data.id);\n  };\n\n  const handleMouseLeave = () => {\n    setActiveWellId(null);\n  };\n\n  const handleRowClick = () => {\n    if (!isMapHidden) {\n      onRowClick?.(data.id);\n    }\n  };\n\n  return (\n    <TableRow\n      ref={rowRef}\n      data-testid={`${PAGE_NAME}_row_${wellName}`}\n      data-well-id={data.id}\n      className={styles.bodyRow}\n      title={isMapHidden ? undefined : 'Click to show on map'}\n      onClick={handleRowClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <TableCell\n        data-testid={`${PAGE_NAME}_well`}\n        className={classNames(styles.bodyCell, styles.wellNameCell, borderStyle, wellNameStyle)}\n        style={\n          isWellNameExpand\n            ? { minWidth: EXPANDED_WELL_NAME_WIDTH, flex: 0 }\n            : {\n                minWidth: columnsMap.get(ColumnType.name)?.minWidth || 0,\n                flex: columnsMap.get(ColumnType.name)?.flex || 0,\n              }\n        }\n      >\n        {isSubjectWell && <SubjectWellMark className={classNames(styles.subjectWellMark)} />}\n        {!isSubjectWell && (\n          <Tooltip\n            title={checkboxTooltipText}\n            placement=\"bottom-start\"\n            classes={{ tooltipPlacementBottom: styles.checkboxTooltip }}\n          >\n            <div onClick={e => e.stopPropagation()}>\n              <Checkbox\n                data-testid={`${PAGE_NAME}_checkbox`}\n                size=\"medium\"\n                checked={isChecked}\n                classes={{ disabled: styles.checkboxDisabled }}\n                disabled={isViewOnly || (isLimitedOffsetWells && !data.checked)}\n                onChange={event => handleChangeCheckbox(event.target.checked)}\n              />\n            </div>\n          </Tooltip>\n        )}\n        <Tooltip title={isOverFlowWellName ? wellName : ''}>\n          <Typography\n            variant=\"body2\"\n            className={classNames(styles.wellNameCursor, {\n              [styles.cellDataViewOnly]: isSubjectWell,\n              [styles.wellNamePreWrap]: isOverFlowWellName,\n            })}\n          >\n            {isOverFlowWellName ? truncWellName : wellName}\n          </Typography>\n        </Tooltip>\n      </TableCell>\n\n      <TableCell\n        data-testid={`${PAGE_NAME}_dot`}\n        className={classNames(styles.bodyCell, borderStyle)}\n        style={{\n          minWidth: columnsMap.get(ColumnType.status)?.minWidth || 0,\n          flex: columnsMap.get(ColumnType.status)?.flex || 0,\n        }}\n      >\n        {!isSubjectWell && (\n          <Tooltip\n            title={startCase(data[ColumnType.status])}\n            enterTouchDelay={isMobile ? 0 : undefined}\n            leaveTouchDelay={isMobile ? LEAVE_TOUCH_DELAY : undefined}\n          >\n            <div className={styles.statusContainer}>\n              <div\n                data-testid={`${PAGE_NAME}_color`}\n                className={styles.status}\n                style={{\n                  background: statusOptionsMap.get(data[ColumnType.status]),\n                }}\n              />\n            </div>\n          </Tooltip>\n        )}\n      </TableCell>\n\n      {hasCompanyColumn && (\n        <TableCell\n          data-testid={`${PAGE_NAME}_company`}\n          className={classNames(styles.bodyCell, borderStyle)}\n          style={{\n            minWidth: columnsMap.get(ColumnType.company)?.minWidth || 0,\n            flex: columnsMap.get(ColumnType.company)?.flex || 0,\n          }}\n        >\n          <Typography variant=\"body2\" className={styles.cellData}>\n            {data[ColumnType.company] && data[ColumnType.company] !== 'Null'\n              ? data[ColumnType.company]\n              : '—'}\n          </Typography>\n        </TableCell>\n      )}\n\n      <TableCell\n        data-testid={`${PAGE_NAME}_rig`}\n        className={classNames(styles.bodyCell, borderStyle)}\n        style={{\n          minWidth: columnsMap.get(ColumnType.rig)?.minWidth || 0,\n          flex: columnsMap.get(ColumnType.rig)?.flex || 0,\n        }}\n      >\n        <Typography variant=\"body2\" className={styles.cellData}>\n          {data[ColumnType.rig] && data[ColumnType.rig] !== 'Null' ? data[ColumnType.rig] : '—'}\n        </Typography>\n      </TableCell>\n\n      <TableCell\n        data-testid={`${PAGE_NAME}_distance`}\n        className={classNames(styles.bodyCell, borderStyle)}\n        style={{\n          minWidth: columnsMap.get(ColumnType.distance)?.minWidth || 0,\n          flex: columnsMap.get(ColumnType.distance)?.flex || 0,\n        }}\n      >\n        <Typography variant=\"body2\" className={styles.cellData}>\n          {formatDistance(data, isImperial)}\n        </Typography>\n      </TableCell>\n\n      {!!taScores.length && (\n        <TableCell\n          data-testid={`${PAGE_NAME}_ta`}\n          className={classNames(styles.bodyCell, borderStyle)}\n          style={{\n            minWidth: columnsMap.get(ColumnType.taScore)?.minWidth || 0,\n            flex: columnsMap.get(ColumnType.taScore)?.flex || 0,\n          }}\n        >\n          <Typography variant=\"body2\" className={styles.cellData}>\n            {taScoresMap.get(data.id) ?? ''}\n          </Typography>\n        </TableCell>\n      )}\n\n      <TableCell\n        data-testid={`${PAGE_NAME}_lastActive`}\n        className={classNames(styles.bodyCell, borderStyle, {\n          [styles.lastCell]: lastCellColumn === 'lastActive',\n        })}\n        style={{\n          minWidth: columnsMap.get(ColumnType.lastActive)?.minWidth || 0,\n          flex: columnsMap.get(ColumnType.lastActive)?.flex || 0,\n        }}\n      >\n        <Typography variant=\"body2\" className={styles.cellData}>\n          {data[ColumnType.lastActive] && Number.isFinite(data[ColumnType.lastActive])\n            ? moment.unix(data[ColumnType.lastActive]).format('MM/DD/YYYY')\n            : '—'}\n        </Typography>\n      </TableCell>\n\n      {metricsKeys.map((metricsKey, index) => {\n        const metric = metricsMap.get(metricsKey);\n        const value = metric ? get(data, metric.key) : undefined;\n\n        return (\n          <TableCell\n            data-testid={`${PAGE_NAME}_${metricsKey}`}\n            key={metricsKey}\n            className={classNames(styles.bodyCell, borderStyle, {\n              [styles.lastCell]:\n                lastCellColumn === 'lastMetric' && index === metricsKeys.length - 1,\n            })}\n            style={{\n              minWidth: columnsMap.get(metricsKey)?.minWidth || 0,\n              flex: columnsMap.get(metricsKey)?.flex || 0,\n            }}\n          >\n            <MetricCell\n              value={value}\n              wellId={data.id}\n              loadingWellIds={loadingWellIds}\n              metric={metric}\n            />\n          </TableCell>\n        );\n      })}\n\n      {isWellSectionColumnVisible && (\n        <TableCell\n          data-testid={`${PAGE_NAME}_wellSection`}\n          className={classNames(styles.bodyCell, styles.lastCell, borderStyle)}\n          style={{\n            minWidth: columnsMap.get(ColumnType.wellSection)?.minWidth || 0,\n            flex: columnsMap.get(ColumnType.wellSection)?.flex || 0,\n          }}\n        >\n          {wellSectionData && wellSectionData.length > 1 ? (\n            <Tooltip\n              classes={{\n                tooltip: styles.customTooltip,\n              }}\n              title={<ViewWellSectionsName wellSectionNames={wellSectionData} />}\n            >\n              <div className={styles.sectionLength}>{wellSectionData.length}</div>\n            </Tooltip>\n          ) : (\n            <Tooltip title={wellSectionData || ''}>\n              <Typography\n                variant=\"body2\"\n                className={styles.cellData}\n                style={{\n                  color:\n                    wellSectionData &&\n                    wellSectionData.length === 1 &&\n                    getSectionColor(wellSectionData),\n                }}\n              >\n                {wellSectionData}\n              </Typography>\n            </Tooltip>\n          )}\n        </TableCell>\n      )}\n    </TableRow>\n  );\n};\n\nOffsetWellsTableRowComponent.propTypes = {\n  columnsWithDict: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  data: PropTypes.shape({\n    id: PropTypes.number,\n    checked: PropTypes.bool,\n    name: PropTypes.string,\n    status: PropTypes.string,\n  }).isRequired,\n  subjectWellId: PropTypes.number.isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  metricsColumns: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  handleChangeOffsetWell: PropTypes.func.isRequired,\n  wellNameStyle: PropTypes.string.isRequired,\n  wellNameWidth: PropTypes.number.isRequired,\n  isImperial: 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  onRowClick: PropTypes.func.isRequired,\n  taScores: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  isWellSectionColumnVisible: PropTypes.bool.isRequired,\n  loadingWellIds: PropTypes.instanceOf(Set).isRequired,\n  registerRow: PropTypes.func.isRequired,\n};\n\nexport const OffsetWellsTableRow = memo(OffsetWellsTableRowComponent);\n"],"names":["PAGE_NAME","formatDistance","data","isImperial","value","get","ColumnType","distance","Number","isFinite","convertValue","OffsetWellsTableRowComponent","_ref","_columnsMap$get","_columnsMap$get2","_classNames","_columnsMap$get3","_columnsMap$get4","_columnsMap$get5","_columnsMap$get6","_columnsMap$get7","_columnsMap$get8","_columnsMap$get9","_columnsMap$get10","_columnsMap$get11","_columnsMap$get12","_taScoresMap$get","_columnsMap$get13","_columnsMap$get14","_columnsMap$get17","_columnsMap$get18","columnsWithDict","subjectWellId","metricsKeys","metricsColumns","handleChangeOffsetWell","wellNameStyle","wellNameWidth","isLimitedOffsetWells","maxOffsetWellNumber","wellSections","setActiveWellId","onRowClick","taScores","isWellSectionColumnVisible","loadingWellIds","registerRow","isMobile","useViewType","isWDUser","usePickerPropsStore","state","isViewOnly","isWellNameExpand","useViewStore","isMapHidden","isSubjectWell","id","borderStyle","styles","subjectWellRow","_useState","useState","checked","_useState2","_slicedToArray","isChecked","setIsChecked","hasCompanyColumn","some","col","key","company","columnsMap","useMemo","Map","map","metricsMap","m","taScoresMap","t","wellId","taScore","wellSectionsMap","ws","label","color","statusOptionsMap","StatusOptions","opt","rowRef","useCallback","node","isOverFlowWellName","wellName","name","truncWellName","length","wellNameRealWidth","strText","text","document","createElement","body","appendChild","style","font","fontSize","letterSpacing","height","width","position","whiteSpace","innerHTML","textWidth","Math","ceil","clientWidth","removeChild","getTextWidth","maxCounts","substring","concat","useEffect","_ref2","sectionName","wellSectionData","wellSection","checkboxTooltipText","lastCellColumn","_jsxs","TableRow","ref","className","bodyRow","title","undefined","onClick","onMouseEnter","onMouseLeave","children","TableCell","classNames","bodyCell","wellNameCell","minWidth","EXPANDED_WELL_NAME_WIDTH","flex","_jsx","jsx","SubjectWellMark","subjectWellMark","Tooltip","placement","classes","tooltipPlacementBottom","checkboxTooltip","e","stopPropagation","Checkbox","size","disabled","checkboxDisabled","onChange","event","target","Typography","variant","wellNameCursor","cellDataViewOnly","wellNamePreWrap","status","startCase","enterTouchDelay","leaveTouchDelay","LEAVE_TOUCH_DELAY","statusContainer","background","cellData","rig","lastCell","lastActive","moment","unix","format","metricsKey","index","_columnsMap$get15","_columnsMap$get16","metric","MetricCell","tooltip","customTooltip","ViewWellSectionsName","wellSectionNames","sectionLength","propTypes","PropTypes","arrayOf","shape","isRequired","number","bool","string","func","instanceOf","Set","OffsetWellsTableRow","memo"],"mappings":"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"}