npm - @corva/ui - Versions diffs - 3.37.0-6 → 3.37.0-8 - Mend

@corva/ui 3.37.0-6 → 3.37.0-8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1124) hide show

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

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

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"OffsetWellsTable.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js"],"sourcesContent":["import { useState, memo, useCallback, useEffect, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { uniqBy } from 'lodash';\nimport { Table, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\n\nimport {\n ColumnType,\n EXPANDED_WELL_NAME_WIDTH,\n SEARCH_CELL_DEFAULT_WIDTH,\n SEARCH_CELL_EXPAND_WIDTH,\n METRICS_LIST,\n TableColumns,\n ViewType,\n} from '../../constants';\nimport { getIsImperial } from '../../utils/unitSystem';\n\nimport { AdvancedSearch } from './AdvancedSearch';\nimport OffsetWellsTableHead from './OffsetWellsTableHead';\nimport OffsetWellsTableRow from './OffsetWellsTableRow';\n\nimport styles from './OffsetWellsTable.module.css';\n\nimport { LoadingIndicator } from '~/components';\n\nconst DIFF_WELL_NAME_WIDTH = 58;\n\nfunction getCellWidth(columnsWithDict, key) {\n const cell = columnsWithDict.find(item => item.key === key);\n return cell?.width \|\| 0;\n}\n\nconst OffsetWellsTable = ({\n open,\n isTableLoading,\n companyId,\n subjectWellId,\n sortBy,\n setSortBy,\n sortDirection,\n setSortDirection,\n columnsWithDict,\n wells: updatedWells,\n metricsKeys,\n setMetricsKeys,\n handleChangeOffsetWell,\n handleChangeAllOffsetWells,\n handleAddRemoveAssets,\n isWellNameExpand,\n setIsWellNameExpand,\n isHScrollMoved,\n onHideAdvancedSearch,\n isViewOnly,\n isLastWell,\n contentRef,\n offsetWellsContainerRef,\n isLimitedOffsetWells,\n maxOffsetWellNumber,\n wellSections,\n setActiveWellId,\n viewType,\n isWDUser,\n taScores,\n}) => {\n const [wells, setWells] = useState([]);\n /** @type {ReturnType<typeof useRef<HTMLElement>>} /\n const headTableRef = useRef();\n /* @type {ReturnType<typeof useRef<HTMLElement>>} */\n const bodyTableRef = useRef();\n\n useEffect(() => {\n const uniqUpdatedWells = uniqBy(updatedWells, 'id');\n setWells(uniqUpdatedWells);\n }, [updatedWells, updatedWells.length]);\n\n const uniqWells = useMemo(() => uniqBy(wells, 'id'), [wells]);\n\n const [selectedWells, indeterminate, isAllWellsSelected] = useMemo(() => {\n const selectedWells = uniqWells.filter(well => well.checked);\n const indeterminate =\n uniqWells.length !== selectedWells.length && selectedWells.length && !isLimitedOffsetWells;\n const isAllWellsSelected = selectedWells.length === uniqWells.length \|\| isLimitedOffsetWells;\n\n return [selectedWells, indeterminate, isAllWellsSelected];\n }, [uniqWells, isLimitedOffsetWells]);\n\n const isImperial = useMemo(() => getIsImperial(), []);\n\n const metricsColumns = useMemo(() => {\n // NOTE: Pay attention to the order of metrics and duplication\n return (metricsKeys \|\| []).reduce(\n (result, key) => result.concat(METRICS_LIST.filter(item => item.key === key)),\n []\n );\n }, [metricsKeys]);\n\n const wellNameWidth = useMemo(() => {\n if (isWellNameExpand) return EXPANDED_WELL_NAME_WIDTH - DIFF_WELL_NAME_WIDTH;\n return TableColumns[0].width[metricsKeys.length] - DIFF_WELL_NAME_WIDTH;\n }, [isWellNameExpand, metricsKeys?.length]);\n\n const searchWrapperWidth = useMemo(() => {\n let initialWidth = isWellNameExpand ? SEARCH_CELL_EXPAND_WIDTH : SEARCH_CELL_DEFAULT_WIDTH;\n // Include TA column width if visible\n if (taScores.length) {\n initialWidth += getCellWidth(columnsWithDict, ColumnType.taScore);\n }\n // Include Company column width when present\n if (columnsWithDict?.some(col => col.key === ColumnType.company)) {\n initialWidth += getCellWidth(columnsWithDict, ColumnType.company);\n }\n return `${initialWidth}px`;\n }, [isWellNameExpand, taScores, columnsWithDict]);\n\n // NOTE: Remove shadow from column\n useEffect(() => {\n if (viewType === ViewType.mobile \|\| !headTableRef.current \|\| !bodyTableRef.current) return;\n // Head table\n const headColumn = headTableRef.current.querySelector(`.${styles.wellNameFixed}`);\n if (!isHScrollMoved) {\n headColumn.classList.add(styles.noShadow);\n } else {\n headColumn.classList.remove(styles.noShadow);\n }\n\n // Body table\n const bodyColumns = bodyTableRef.current.querySelectorAll(`.${styles.wellNameFixed}`);\n if (!isHScrollMoved) {\n bodyColumns.forEach(th => th.classList.add(styles.noShadow));\n } else {\n bodyColumns.forEach(th => th.classList.remove(styles.noShadow));\n }\n }, [isHScrollMoved, bodyTableRef.current, headTableRef.current, wells]);\n\n const handleChangeSortBy = useCallback((sortKey, sortDirection) => {\n setSortBy(sortKey);\n setSortDirection(sortDirection);\n }, []);\n\n const handleChangeMetricsKeys = useCallback(newMetricsKeys => {\n setMetricsKeys(newMetricsKeys);\n }, []);\n\n const handleUpdateMetricsKey = useCallback((key, newValue) => {\n setMetricsKeys(prevKeys => prevKeys.map(item => (item === key ? newValue : item)));\n }, []);\n\n if (!columnsWithDict \|\| !uniqWells) return null;\n\n return (\n <div className={styles.offsetWellsTable}>\n <div className={styles.stickyTable}>\n <Table aria-label=\"ows table head\" innerRef={headTableRef}>\n <TableHead>\n <OffsetWellsTableHead\n open={open}\n columnsWithDict={columnsWithDict}\n metricsKeys={metricsKeys}\n sortBy={sortBy}\n sortDirection={sortDirection}\n indeterminate={indeterminate}\n isAllWellsSelected={isAllWellsSelected}\n onChangeSort={handleChangeSortBy}\n onChangeMetricsKeys={handleChangeMetricsKeys}\n onUpdateMetricsKey={handleUpdateMetricsKey}\n isWellNameExpand={isWellNameExpand}\n setIsWellNameExpand={setIsWellNameExpand}\n handleChangeAllOffsetWells={handleChangeAllOffsetWells}\n wellNameStyle={styles.wellNameFixed}\n isViewOnly={isViewOnly}\n isImperial={isImperial}\n contentRef={contentRef}\n viewType={viewType}\n isTaColumnVisible={!!taScores.length}\n />\n </TableHead>\n </Table>\n </div>\n\n {!isViewOnly && (\n <div\n className={classNames(styles.searchCellWrapper, {\n [styles.searchCellWrapperExpanded]: isWellNameExpand,\n })}\n style={{ '--dynamic-search-wrapper-width': searchWrapperWidth }}\n >\n <div className={styles.searchCell}>\n <AdvancedSearch\n companyId={companyId}\n subjectWellId={subjectWellId}\n onChange={handleAddRemoveAssets}\n selectedWellIds={selectedWells.map(({ id }) => id)}\n onHideAdvancedSearch={onHideAdvancedSearch}\n />\n </div>\n {!!isWellNameExpand && <div className={styles.searchCellEmpty} />}\n </div>\n )}\n\n <Table aria-label=\"ows table body\" innerRef={bodyTableRef} className={styles.bodyTable}>\n <TableBody>\n <TableRow>\n <TableCell\n className={classNames(styles.topShadow, { [styles.viewOnlyShadow]: isViewOnly })}\n />\n </TableRow>\n {uniqWells.map(well => (\n <OffsetWellsTableRow\n key={well.id}\n columnsWithDict={columnsWithDict}\n subjectWellId={subjectWellId}\n data={well}\n metricsKeys={metricsKeys}\n metricsColumns={metricsColumns}\n handleChangeOffsetWell={handleChangeOffsetWell}\n isWellNameExpand={isWellNameExpand}\n wellNameStyle={styles.wellNameFixed}\n wellNameWidth={wellNameWidth}\n isViewOnly={isViewOnly}\n isImperial={isImperial}\n isLimitedOffsetWells={isLimitedOffsetWells}\n maxOffsetWellNumber={maxOffsetWellNumber}\n wellSections={wellSections}\n setActiveWellId={setActiveWellId}\n viewType={viewType}\n isWDUser={isWDUser}\n taScores={taScores}\n offsetWellsContainerRef={offsetWellsContainerRef}\n />\n ))}\n {!isLastWell && (\n <TableRow>\n <TableCell className={styles.loadingCell}>\n <span>Loading...</span>\n </TableCell>\n </TableRow>\n )}\n <TableRow>\n <TableCell className={styles.bottomShadow} />\n </TableRow>\n </TableBody>\n </Table>\n\n {isTableLoading && (\n <div className={styles.loadingContainer}>\n <LoadingIndicator fullscreen={false} className={styles.loadingIndicator} />\n </div>\n )}\n </div>\n );\n};\n\nOffsetWellsTable.propTypes = {\n open: PropTypes.bool.isRequired,\n isTableLoading: PropTypes.bool.isRequired,\n companyId: PropTypes.number.isRequired,\n subjectWellId: PropTypes.number.isRequired,\n sortBy: PropTypes.string.isRequired,\n setSortBy: PropTypes.func.isRequired,\n sortDirection: PropTypes.string.isRequired,\n setSortDirection: PropTypes.func.isRequired,\n columnsWithDict: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n setMetricsKeys: PropTypes.func.isRequired,\n handleChangeOffsetWell: PropTypes.func.isRequired,\n handleChangeAllOffsetWells: PropTypes.func.isRequired,\n handleAddRemoveAssets: PropTypes.func.isRequired,\n setIsWellNameExpand: PropTypes.func.isRequired,\n isWellNameExpand: PropTypes.bool.isRequired,\n isHScrollMoved: PropTypes.bool.isRequired,\n onHideAdvancedSearch: PropTypes.func.isRequired,\n isViewOnly: PropTypes.bool.isRequired,\n isLastWell: PropTypes.bool.isRequired,\n isLimitedOffsetWells: PropTypes.bool.isRequired,\n maxOffsetWellNumber: PropTypes.number.isRequired,\n contentRef: PropTypes.shape({}).isRequired,\n offsetWellsContainerRef: PropTypes.shape({}).isRequired,\n wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n setActiveWellId: PropTypes.func.isRequired,\n viewType: PropTypes.string.isRequired,\n isWDUser: PropTypes.bool.isRequired,\n taScores: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n};\n\nexport default memo(OffsetWellsTable);\n"],"names":["getCellWidth","columnsWithDict","key","cell","find","item","width","OffsetWellsTable","_ref","open","isTableLoading","companyId","subjectWellId","sortBy","setSortBy","sortDirection","setSortDirection","updatedWells","wells","metricsKeys","setMetricsKeys","handleChangeOffsetWell","handleChangeAllOffsetWells","handleAddRemoveAssets","isWellNameExpand","setIsWellNameExpand","isHScrollMoved","onHideAdvancedSearch","isViewOnly","isLastWell","contentRef","offsetWellsContainerRef","isLimitedOffsetWells","maxOffsetWellNumber","wellSections","setActiveWellId","viewType","isWDUser","taScores","useState","_useState2","_slicedToArray","_useState","setWells","headTableRef","useRef","bodyTableRef","useEffect","uniqUpdatedWells","uniqBy","length","uniqWells","useMemo","selectedWells","filter","well","checked","_useMemo2","_useMemo","indeterminate","isAllWellsSelected","isImperial","getIsImperial","metricsColumns","reduce","result","concat","METRICS_LIST","wellNameWidth","EXPANDED_WELL_NAME_WIDTH","TableColumns","searchWrapperWidth","initialWidth","SEARCH_CELL_EXPAND_WIDTH","SEARCH_CELL_DEFAULT_WIDTH","ColumnType","taScore","some","col","company","ViewType","mobile","current","headColumn","querySelector","styles","wellNameFixed","classList","remove","noShadow","add","bodyColumns","querySelectorAll","forEach","th","handleChangeSortBy","useCallback","sortKey","handleChangeMetricsKeys","newMetricsKeys","handleUpdateMetricsKey","newValue","prevKeys","map","_jsxs","className","offsetWellsTable","children","_jsx","stickyTable","Table","innerRef","TableHead","OffsetWellsTableHead","onChangeSort","onChangeMetricsKeys","onUpdateMetricsKey","wellNameStyle","isTaColumnVisible","classNames","searchCellWrapper","searchCellWrapperExpanded","style","searchCell","AdvancedSearch","onChange","selectedWellIds","_ref2","id","searchCellEmpty","bodyTable","TableBody","TableRow","TableCell","topShadow","_defineProperty","viewOnlyShadow","OffsetWellsTableRow","data","loadingCell","bottomShadow","loadingContainer","LoadingIndicator","fullscreen","loadingIndicator","propTypes","PropTypes","bool","isRequired","number","string","func","arrayOf","shape","memo"],"mappings":"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"}
1	+ {"version":3,"file":"OffsetWellsTable.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js"],"sourcesContent":["import { useState, memo, useCallback, useEffect, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { uniqBy } from 'lodash';\nimport { Table, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\n\nimport {\n ColumnType,\n EXPANDED_WELL_NAME_WIDTH,\n SEARCH_CELL_DEFAULT_WIDTH,\n SEARCH_CELL_EXPAND_WIDTH,\n METRICS_LIST,\n TableColumns,\n ViewType,\n} from '../../constants';\nimport { getIsImperial } from '../../utils/unitSystem';\n\nimport { AdvancedSearch } from './AdvancedSearch';\nimport OffsetWellsTableHead from './OffsetWellsTableHead';\nimport OffsetWellsTableRow from './OffsetWellsTableRow';\n\nimport styles from './OffsetWellsTable.module.css';\n\nimport { LoadingIndicator } from '~/components';\n\nconst DIFF_WELL_NAME_WIDTH = 58;\n\nfunction getCellWidth(columnsWithDict, key) {\n const cell = columnsWithDict.find(item => item.key === key);\n return cell?.width \|\| 0;\n}\n\nconst OffsetWellsTable = ({\n open,\n isTableLoading,\n companyId,\n subjectWellId,\n sortBy,\n setSortBy,\n sortDirection,\n setSortDirection,\n columnsWithDict,\n wells: updatedWells,\n metricsKeys,\n setMetricsKeys,\n handleChangeOffsetWell,\n handleChangeAllOffsetWells,\n handleAddRemoveAssets,\n isWellNameExpand,\n setIsWellNameExpand,\n isHScrollMoved,\n onHideAdvancedSearch,\n isViewOnly,\n isLastWell,\n contentRef,\n offsetWellsContainerRef,\n isLimitedOffsetWells,\n maxOffsetWellNumber,\n wellSections,\n setActiveWellId,\n viewType,\n isWDUser,\n taScores,\n}) => {\n const [wells, setWells] = useState([]);\n /** @type {ReturnType<typeof useRef<HTMLElement>>} /\n const headTableRef = useRef();\n /* @type {ReturnType<typeof useRef<HTMLElement>>} */\n const bodyTableRef = useRef();\n\n useEffect(() => {\n const uniqUpdatedWells = uniqBy(updatedWells, 'id');\n setWells(uniqUpdatedWells);\n }, [updatedWells, updatedWells.length]);\n\n const uniqWells = useMemo(() => uniqBy(wells, 'id'), [wells]);\n\n const [selectedWells, indeterminate, isAllWellsSelected] = useMemo(() => {\n const selectedWells = uniqWells.filter(well => well.checked);\n const indeterminate =\n uniqWells.length !== selectedWells.length && selectedWells.length && !isLimitedOffsetWells;\n const isAllWellsSelected = selectedWells.length === uniqWells.length \|\| isLimitedOffsetWells;\n\n return [selectedWells, indeterminate, isAllWellsSelected];\n }, [uniqWells, isLimitedOffsetWells]);\n\n const isImperial = useMemo(() => getIsImperial(), []);\n\n const metricsColumns = useMemo(() => {\n // NOTE: Pay attention to the order of metrics and duplication\n return (metricsKeys \|\| []).reduce(\n (result, key) => result.concat(METRICS_LIST.filter(item => item.key === key)),\n []\n );\n }, [metricsKeys]);\n\n const wellNameWidth = useMemo(() => {\n if (isWellNameExpand) return EXPANDED_WELL_NAME_WIDTH - DIFF_WELL_NAME_WIDTH;\n return TableColumns[0].width[metricsKeys.length] - DIFF_WELL_NAME_WIDTH;\n }, [isWellNameExpand, metricsKeys?.length]);\n\n const searchWrapperWidth = useMemo(() => {\n let initialWidth = isWellNameExpand ? SEARCH_CELL_EXPAND_WIDTH : SEARCH_CELL_DEFAULT_WIDTH;\n // Include TA column width if visible\n if (taScores.length) {\n initialWidth += getCellWidth(columnsWithDict, ColumnType.taScore);\n }\n // Include Company column width when present\n if (columnsWithDict?.some(col => col.key === ColumnType.company)) {\n initialWidth += getCellWidth(columnsWithDict, ColumnType.company);\n }\n return `${initialWidth}px`;\n }, [isWellNameExpand, taScores, columnsWithDict]);\n\n // NOTE: Remove shadow from column\n useEffect(() => {\n if (viewType === ViewType.mobile \|\| !headTableRef.current \|\| !bodyTableRef.current) return;\n // Head table\n const headColumn = headTableRef.current.querySelector(`.${styles.wellNameFixed}`);\n if (!isHScrollMoved) {\n headColumn.classList.add(styles.noShadow);\n } else {\n headColumn.classList.remove(styles.noShadow);\n }\n\n // Body table\n const bodyColumns = bodyTableRef.current.querySelectorAll(`.${styles.wellNameFixed}`);\n if (!isHScrollMoved) {\n bodyColumns.forEach(th => th.classList.add(styles.noShadow));\n } else {\n bodyColumns.forEach(th => th.classList.remove(styles.noShadow));\n }\n }, [isHScrollMoved, bodyTableRef.current, headTableRef.current, wells]);\n\n const handleChangeSortBy = useCallback((sortKey, sortDirection) => {\n setSortBy(sortKey);\n setSortDirection(sortDirection);\n }, []);\n\n const handleChangeMetricsKeys = useCallback(newMetricsKeys => {\n setMetricsKeys(newMetricsKeys);\n }, []);\n\n const handleUpdateMetricsKey = useCallback((key, newValue) => {\n setMetricsKeys(prevKeys => prevKeys.map(item => (item === key ? newValue : item)));\n }, []);\n\n if (!columnsWithDict \|\| !uniqWells) return null;\n\n return (\n <div className={styles.offsetWellsTable}>\n <div className={styles.stickyTable}>\n <Table aria-label=\"ows table head\" innerRef={headTableRef}>\n <TableHead>\n <OffsetWellsTableHead\n open={open}\n columnsWithDict={columnsWithDict}\n metricsKeys={metricsKeys}\n sortBy={sortBy}\n sortDirection={sortDirection}\n indeterminate={indeterminate}\n isAllWellsSelected={isAllWellsSelected}\n onChangeSort={handleChangeSortBy}\n onChangeMetricsKeys={handleChangeMetricsKeys}\n onUpdateMetricsKey={handleUpdateMetricsKey}\n isWellNameExpand={isWellNameExpand}\n setIsWellNameExpand={setIsWellNameExpand}\n handleChangeAllOffsetWells={handleChangeAllOffsetWells}\n wellNameStyle={styles.wellNameFixed}\n isViewOnly={isViewOnly}\n isImperial={isImperial}\n contentRef={contentRef}\n viewType={viewType}\n isTaColumnVisible={!!taScores.length}\n />\n </TableHead>\n </Table>\n </div>\n\n {!isViewOnly && (\n <div\n className={classNames(styles.searchCellWrapper, {\n [styles.searchCellWrapperExpanded]: isWellNameExpand,\n })}\n style={{ '--dynamic-search-wrapper-width': searchWrapperWidth }}\n >\n <div className={styles.searchCell}>\n <AdvancedSearch\n companyId={companyId}\n subjectWellId={subjectWellId}\n onChange={handleAddRemoveAssets}\n selectedWellIds={selectedWells.map(({ id }) => id)}\n onHideAdvancedSearch={onHideAdvancedSearch}\n />\n </div>\n {!!isWellNameExpand && <div className={styles.searchCellEmpty} />}\n </div>\n )}\n\n <Table aria-label=\"ows table body\" innerRef={bodyTableRef} className={styles.bodyTable}>\n <TableBody>\n <TableRow>\n <TableCell\n className={classNames(styles.topShadow, { [styles.viewOnlyShadow]: isViewOnly })}\n />\n </TableRow>\n {uniqWells.map(well => (\n <OffsetWellsTableRow\n key={well.id}\n columnsWithDict={columnsWithDict}\n subjectWellId={subjectWellId}\n data={well}\n metricsKeys={metricsKeys}\n metricsColumns={metricsColumns}\n handleChangeOffsetWell={handleChangeOffsetWell}\n isWellNameExpand={isWellNameExpand}\n wellNameStyle={styles.wellNameFixed}\n wellNameWidth={wellNameWidth}\n isViewOnly={isViewOnly}\n isImperial={isImperial}\n isLimitedOffsetWells={isLimitedOffsetWells}\n maxOffsetWellNumber={maxOffsetWellNumber}\n wellSections={wellSections}\n setActiveWellId={setActiveWellId}\n viewType={viewType}\n isWDUser={isWDUser}\n taScores={taScores}\n offsetWellsContainerRef={offsetWellsContainerRef}\n />\n ))}\n {!isLastWell && (\n <TableRow>\n <TableCell className={styles.loadingCell}>\n <span>Loading...</span>\n </TableCell>\n </TableRow>\n )}\n <TableRow>\n <TableCell className={styles.bottomShadow} />\n </TableRow>\n </TableBody>\n </Table>\n\n {isTableLoading && (\n <div className={styles.loadingContainer}>\n <LoadingIndicator fullscreen={false} className={styles.loadingIndicator} />\n </div>\n )}\n </div>\n );\n};\n\nOffsetWellsTable.propTypes = {\n open: PropTypes.bool.isRequired,\n isTableLoading: PropTypes.bool.isRequired,\n companyId: PropTypes.number.isRequired,\n subjectWellId: PropTypes.number.isRequired,\n sortBy: PropTypes.string.isRequired,\n setSortBy: PropTypes.func.isRequired,\n sortDirection: PropTypes.string.isRequired,\n setSortDirection: PropTypes.func.isRequired,\n columnsWithDict: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n setMetricsKeys: PropTypes.func.isRequired,\n handleChangeOffsetWell: PropTypes.func.isRequired,\n handleChangeAllOffsetWells: PropTypes.func.isRequired,\n handleAddRemoveAssets: PropTypes.func.isRequired,\n setIsWellNameExpand: PropTypes.func.isRequired,\n isWellNameExpand: PropTypes.bool.isRequired,\n isHScrollMoved: PropTypes.bool.isRequired,\n onHideAdvancedSearch: PropTypes.func.isRequired,\n isViewOnly: PropTypes.bool.isRequired,\n isLastWell: PropTypes.bool.isRequired,\n isLimitedOffsetWells: PropTypes.bool.isRequired,\n maxOffsetWellNumber: PropTypes.number.isRequired,\n contentRef: PropTypes.shape({}).isRequired,\n offsetWellsContainerRef: PropTypes.shape({}).isRequired,\n wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n setActiveWellId: PropTypes.func.isRequired,\n viewType: PropTypes.string.isRequired,\n isWDUser: PropTypes.bool.isRequired,\n taScores: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n};\n\nexport default memo(OffsetWellsTable);\n"],"names":["getCellWidth","columnsWithDict","key","cell","find","item","width","OffsetWellsTable","_ref","open","isTableLoading","companyId","subjectWellId","sortBy","setSortBy","sortDirection","setSortDirection","updatedWells","wells","metricsKeys","setMetricsKeys","handleChangeOffsetWell","handleChangeAllOffsetWells","handleAddRemoveAssets","isWellNameExpand","setIsWellNameExpand","isHScrollMoved","onHideAdvancedSearch","isViewOnly","isLastWell","contentRef","offsetWellsContainerRef","isLimitedOffsetWells","maxOffsetWellNumber","wellSections","setActiveWellId","viewType","isWDUser","taScores","useState","_useState2","_slicedToArray","_useState","setWells","headTableRef","useRef","bodyTableRef","useEffect","uniqUpdatedWells","uniqBy","length","uniqWells","useMemo","selectedWells","filter","well","checked","_useMemo2","_useMemo","indeterminate","isAllWellsSelected","isImperial","getIsImperial","metricsColumns","reduce","result","concat","METRICS_LIST","wellNameWidth","EXPANDED_WELL_NAME_WIDTH","TableColumns","searchWrapperWidth","initialWidth","SEARCH_CELL_EXPAND_WIDTH","SEARCH_CELL_DEFAULT_WIDTH","ColumnType","taScore","some","col","company","ViewType","mobile","current","headColumn","querySelector","styles","wellNameFixed","classList","remove","noShadow","add","bodyColumns","querySelectorAll","forEach","th","handleChangeSortBy","useCallback","sortKey","handleChangeMetricsKeys","newMetricsKeys","handleUpdateMetricsKey","newValue","prevKeys","map","_jsxs","className","offsetWellsTable","children","_jsx","stickyTable","Table","innerRef","TableHead","OffsetWellsTableHead","onChangeSort","onChangeMetricsKeys","onUpdateMetricsKey","wellNameStyle","isTaColumnVisible","classNames","searchCellWrapper","searchCellWrapperExpanded","style","searchCell","AdvancedSearch","onChange","selectedWellIds","_ref2","id","searchCellEmpty","bodyTable","TableBody","TableRow","TableCell","topShadow","_defineProperty","viewOnlyShadow","OffsetWellsTableRow","data","loadingCell","bottomShadow","loadingContainer","LoadingIndicator","fullscreen","loadingIndicator","propTypes","PropTypes","bool","isRequired","number","string","func","arrayOf","shape","memo"],"mappings":"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"}

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

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

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTableHead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OffsetWellsTableHead.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTableHead.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { SortDirection } from 'react-virtualized';\nimport {\n Checkbox,\n Tooltip,\n TableSortLabel as MuiTableSortLabel,\n TableCell,\n TableRow,\n} from '@material-ui/core';\n\nimport { ColumnType, EXPANDED_WELL_NAME_WIDTH, ViewType } from '../../constants';\n\nimport { MetricsSettingMenu } from './MetricsSettingMenu';\nimport { MetricsSelect } from './MetricsSelect';\n\nimport styles from './OffsetWellsTableHead.module.css';\n\nimport { RightIcon } from '~/icons';\n\nconst PAGE_NAME = 'OffsetWellsTableHead';\n\nconst TableSortLabel = ({ title, ...props }) => (\n <Tooltip placement=\"top-end\" title={title}>\n <MuiTableSortLabel {...props} />\n </Tooltip>\n);\n\nfunction getCellWidth(columnsWithDict, key) {\n const cell = columnsWithDict.find(item => item.key === key);\n return cell?.width \|\| 0;\n}\n\nconst OffsetWellsTableHead = ({\n open,\n columnsWithDict,\n metricsKeys,\n sortBy,\n sortDirection,\n indeterminate,\n isAllWellsSelected,\n onChangeSort,\n onChangeMetricsKeys,\n onUpdateMetricsKey,\n isWellNameExpand,\n setIsWellNameExpand,\n handleChangeAllOffsetWells,\n wellNameStyle,\n isViewOnly,\n isImperial,\n contentRef,\n viewType,\n isTaColumnVisible,\n}) => {\n const [isMetricsMenuOpen, setIsMetricsMenuOpen] = useState(false);\n const hasCompanyColumn = columnsWithDict?.some(col => col.key === ColumnType.company);\n\n const handleSort = key => {\n onChangeSort(\n key,\n key === sortBy && sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC\n );\n };\n\n return (\n <TableRow className={styles.tableRow}>\n <TableCell\n data-testid={`${PAGE_NAME}_wellName`}\n className={classNames(styles.headCell, styles.wellNameCell, {\n [wellNameStyle]: viewType !== ViewType.mobile,\n [styles.wellNameCellMobile]: viewType === ViewType.mobile,\n })}\n style={{\n width: isWellNameExpand\n ? EXPANDED_WELL_NAME_WIDTH\n : getCellWidth(columnsWithDict, ColumnType.name),\n }}\n >\n <div className={styles.nameWrapper}>\n {!isViewOnly && open && (\n <Checkbox\n data-testid={`${PAGE_NAME}_allWellsSelector`}\n size=\"medium\"\n onChange={event => handleChangeAllOffsetWells(event.target.checked)}\n checked={isAllWellsSelected}\n indeterminate={indeterminate}\n />\n )}\n <TableSortLabel\n title=\"Sort\"\n active={sortBy === ColumnType.name}\n direction={\n sortBy === ColumnType.name && sortDirection === SortDirection.DESC ? 'desc' : 'asc'\n }\n classes={{\n root: classNames(styles.headerLabel, {\n [styles.cellDataViewOnly]: isViewOnly,\n }),\n }}\n onClick={() => handleSort(ColumnType.name)}\n >\n Well Name\n </TableSortLabel>\n </div>\n <Tooltip title={isWellNameExpand ? 'Collapse' : 'Expand'}>\n <RightIcon\n size=\"small\"\n className={classNames(styles.wellNameExpandIcon, {\n [styles.wellNameCollapsed]: !isWellNameExpand,\n })}\n onClick={() => setIsWellNameExpand(!isWellNameExpand)}\n />\n </Tooltip>\n </TableCell>\n\n <TableCell\n data-testid={`${PAGE_NAME}_nameExpander_${isWellNameExpand}`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.status) }}\n />\n\n {hasCompanyColumn && (\n <TableCell\n data-testid={`${PAGE_NAME}_company`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.company) }}\n >\n <div className={styles.nameWrapper}>\n <TableSortLabel\n title=\"Sort\"\n active={sortBy === ColumnType.company}\n direction={\n sortBy === ColumnType.company && sortDirection === SortDirection.DESC\n ? 'desc'\n : 'asc'\n }\n classes={{ root: styles.headerLabel }}\n onClick={() => handleSort(ColumnType.company)}\n >\n Company\n </TableSortLabel>\n </div>\n </TableCell>\n )}\n\n <TableCell\n data-testid={`${PAGE_NAME}_rig`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.rig) }}\n >\n <div className={styles.nameWrapper}>\n <TableSortLabel\n title=\"Sort\"\n active={sortBy === ColumnType.rig}\n direction={\n sortBy === ColumnType.rig && sortDirection === SortDirection.DESC ? 'desc' : 'asc'\n }\n classes={{ root: styles.headerLabel }}\n onClick={() => handleSort(ColumnType.rig)}\n >\n Rig\n </TableSortLabel>\n </div>\n </TableCell>\n\n <TableCell\n data-testid={`${PAGE_NAME}_distance`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.distance) }}\n >\n <div className={styles.nameWrapper}>\n <TableSortLabel\n title=\"Sort\"\n active={sortBy === ColumnType.distance}\n direction={\n sortBy === ColumnType.distance && sortDirection === SortDirection.DESC\n ? 'desc'\n : 'asc'\n }\n classes={{ root: styles.headerLabel }}\n onClick={() => handleSort(ColumnType.distance)}\n >\n {`Distance (${isImperial ? 'miles' : 'km'})`}\n </TableSortLabel>\n </div>\n </TableCell>\n {isTaColumnVisible && (\n <TableCell\n data-testid={`${PAGE_NAME}_ta`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.taScore) }}\n >\n <div className={styles.nameWrapper}>TA %</div>\n </TableCell>\n )}\n\n <TableCell\n data-testid={`${PAGE_NAME}_LastActive`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.lastActive) }}\n >\n <div className={styles.nameWrapper}>\n <TableSortLabel\n title=\"Sort\"\n active={sortBy === ColumnType.lastActive}\n direction={\n sortBy === ColumnType.lastActive && sortDirection === SortDirection.DESC\n ? 'desc'\n : 'asc'\n }\n classes={{ root: styles.headerLabel }}\n onClick={() => handleSort(ColumnType.lastActive)}\n >\n Last Active\n </TableSortLabel>\n </div>\n </TableCell>\n\n {metricsKeys.map(metricsKey => (\n <TableCell\n data-testid={`${PAGE_NAME}_${metricsKey}`}\n key={metricsKey}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, metricsKey) }}\n >\n <TableSortLabel\n title={isMetricsMenuOpen ? '' : 'Sort'}\n active={sortBy === metricsKey}\n direction={\n sortBy === metricsKey && sortDirection === SortDirection.DESC ? 'desc' : 'asc'\n }\n classes={{ root: styles.headerLabel }}\n onClick={() => handleSort(metricsKey)}\n >\n <MetricsSelect\n isTooltipVisible={metricsKeys.length > 1}\n currentValue={metricsKey}\n metricsKeys={metricsKeys}\n onChange={newValue => onUpdateMetricsKey(metricsKey, newValue)}\n setIsMenuOpen={setIsMetricsMenuOpen}\n />\n </TableSortLabel>\n </TableCell>\n ))}\n\n <TableCell\n data-testid={`${PAGE_NAME}_WellSection`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.wellSection) }}\n >\n <div className={styles.settingsHeader}>\n <span className={styles.headerLabel}>Well Section</span>\n <MetricsSettingMenu\n viewType={viewType}\n metricsKeys={metricsKeys}\n onChange={onChangeMetricsKeys}\n contentRef={contentRef}\n />\n </div>\n </TableCell>\n </TableRow>\n );\n};\n\nOffsetWellsTableHead.propTypes = {\n open: PropTypes.bool.isRequired,\n columnsWithDict: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n label: PropTypes.string,\n type: PropTypes.string,\n width: PropTypes.number,\n })\n ).isRequired,\n metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n sortBy: PropTypes.string.isRequired,\n sortDirection: PropTypes.string.isRequired,\n indeterminate: PropTypes.bool.isRequired,\n isAllWellsSelected: PropTypes.bool.isRequired,\n style: PropTypes.shape({}).isRequired,\n onChangeSort: PropTypes.func.isRequired,\n onChangeMetricsKeys: PropTypes.func.isRequired,\n onUpdateMetricsKey: PropTypes.func.isRequired,\n isWellNameExpand: PropTypes.bool.isRequired,\n setIsWellNameExpand: PropTypes.func.isRequired,\n handleChangeAllOffsetWells: PropTypes.func.isRequired,\n wellNameStyle: PropTypes.string.isRequired,\n isViewOnly: PropTypes.bool.isRequired,\n isImperial: PropTypes.bool.isRequired,\n contentRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) }).isRequired,\n viewType: PropTypes.string.isRequired,\n isTaColumnVisible: PropTypes.bool.isRequired,\n};\n\nexport default memo(OffsetWellsTableHead);\n"],"names":["PAGE_NAME","TableSortLabel","_ref","title","props","_objectWithoutProperties","_excluded","_jsx","Tooltip","placement","children","MuiTableSortLabel","_objectSpread","getCellWidth","columnsWithDict","key","cell","find","item","width","OffsetWellsTableHead","_ref2","_classNames","open","metricsKeys","sortBy","sortDirection","indeterminate","isAllWellsSelected","onChangeSort","onChangeMetricsKeys","onUpdateMetricsKey","isWellNameExpand","setIsWellNameExpand","handleChangeAllOffsetWells","wellNameStyle","isViewOnly","isImperial","contentRef","viewType","isTaColumnVisible","useState","_useState2","_slicedToArray","_useState","isMetricsMenuOpen","setIsMetricsMenuOpen","hasCompanyColumn","some","col","ColumnType","company","handleSort","SortDirection","ASC","DESC","_jsxs","TableRow","className","styles","tableRow","TableCell","concat","classNames","headCell","wellNameCell","ViewType","mobile","wellNameCellMobile","style","EXPANDED_WELL_NAME_WIDTH","name","nameWrapper","Checkbox","size","onChange","event","target","checked","active","direction","classes","root","headerLabel","_defineProperty","cellDataViewOnly","onClick","RightIcon","wellNameExpandIcon","wellNameCollapsed","status","rig","distance","taScore","lastActive","map","metricsKey","MetricsSelect","isTooltipVisible","length","currentValue","newValue","setIsMenuOpen","wellSection","settingsHeader","MetricsSettingMenu","propTypes","PropTypes","bool","isRequired","arrayOf","shape","string","label","type","number","func","current","instanceOf","Element","memo"],"mappings":"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"}
1	+ {"version":3,"file":"OffsetWellsTableHead.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTableHead.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { SortDirection } from 'react-virtualized';\nimport {\n Checkbox,\n Tooltip,\n TableSortLabel as MuiTableSortLabel,\n TableCell,\n TableRow,\n} from '@material-ui/core';\n\nimport { ColumnType, EXPANDED_WELL_NAME_WIDTH, ViewType } from '../../constants';\n\nimport { MetricsSettingMenu } from './MetricsSettingMenu';\nimport { MetricsSelect } from './MetricsSelect';\n\nimport styles from './OffsetWellsTableHead.module.css';\n\nimport { RightIcon } from '~/icons';\n\nconst PAGE_NAME = 'OffsetWellsTableHead';\n\nconst TableSortLabel = ({ title, ...props }) => (\n <Tooltip placement=\"top-end\" title={title}>\n <MuiTableSortLabel {...props} />\n </Tooltip>\n);\n\nfunction getCellWidth(columnsWithDict, key) {\n const cell = columnsWithDict.find(item => item.key === key);\n return cell?.width \|\| 0;\n}\n\nconst OffsetWellsTableHead = ({\n open,\n columnsWithDict,\n metricsKeys,\n sortBy,\n sortDirection,\n indeterminate,\n isAllWellsSelected,\n onChangeSort,\n onChangeMetricsKeys,\n onUpdateMetricsKey,\n isWellNameExpand,\n setIsWellNameExpand,\n handleChangeAllOffsetWells,\n wellNameStyle,\n isViewOnly,\n isImperial,\n contentRef,\n viewType,\n isTaColumnVisible,\n}) => {\n const [isMetricsMenuOpen, setIsMetricsMenuOpen] = useState(false);\n const hasCompanyColumn = columnsWithDict?.some(col => col.key === ColumnType.company);\n\n const handleSort = key => {\n onChangeSort(\n key,\n key === sortBy && sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC\n );\n };\n\n return (\n <TableRow className={styles.tableRow}>\n <TableCell\n data-testid={`${PAGE_NAME}_wellName`}\n className={classNames(styles.headCell, styles.wellNameCell, {\n [wellNameStyle]: viewType !== ViewType.mobile,\n [styles.wellNameCellMobile]: viewType === ViewType.mobile,\n })}\n style={{\n width: isWellNameExpand\n ? EXPANDED_WELL_NAME_WIDTH\n : getCellWidth(columnsWithDict, ColumnType.name),\n }}\n >\n <div className={styles.nameWrapper}>\n {!isViewOnly && open && (\n <Checkbox\n data-testid={`${PAGE_NAME}_allWellsSelector`}\n size=\"medium\"\n onChange={event => handleChangeAllOffsetWells(event.target.checked)}\n checked={isAllWellsSelected}\n indeterminate={indeterminate}\n />\n )}\n <TableSortLabel\n title=\"Sort\"\n active={sortBy === ColumnType.name}\n direction={\n sortBy === ColumnType.name && sortDirection === SortDirection.DESC ? 'desc' : 'asc'\n }\n classes={{\n root: classNames(styles.headerLabel, {\n [styles.cellDataViewOnly]: isViewOnly,\n }),\n }}\n onClick={() => handleSort(ColumnType.name)}\n >\n Well Name\n </TableSortLabel>\n </div>\n <Tooltip title={isWellNameExpand ? 'Collapse' : 'Expand'}>\n <RightIcon\n size=\"small\"\n className={classNames(styles.wellNameExpandIcon, {\n [styles.wellNameCollapsed]: !isWellNameExpand,\n })}\n onClick={() => setIsWellNameExpand(!isWellNameExpand)}\n />\n </Tooltip>\n </TableCell>\n\n <TableCell\n data-testid={`${PAGE_NAME}_nameExpander_${isWellNameExpand}`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.status) }}\n />\n\n {hasCompanyColumn && (\n <TableCell\n data-testid={`${PAGE_NAME}_company`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.company) }}\n >\n <div className={styles.nameWrapper}>\n <TableSortLabel\n title=\"Sort\"\n active={sortBy === ColumnType.company}\n direction={\n sortBy === ColumnType.company && sortDirection === SortDirection.DESC\n ? 'desc'\n : 'asc'\n }\n classes={{ root: styles.headerLabel }}\n onClick={() => handleSort(ColumnType.company)}\n >\n Company\n </TableSortLabel>\n </div>\n </TableCell>\n )}\n\n <TableCell\n data-testid={`${PAGE_NAME}_rig`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.rig) }}\n >\n <div className={styles.nameWrapper}>\n <TableSortLabel\n title=\"Sort\"\n active={sortBy === ColumnType.rig}\n direction={\n sortBy === ColumnType.rig && sortDirection === SortDirection.DESC ? 'desc' : 'asc'\n }\n classes={{ root: styles.headerLabel }}\n onClick={() => handleSort(ColumnType.rig)}\n >\n Rig\n </TableSortLabel>\n </div>\n </TableCell>\n\n <TableCell\n data-testid={`${PAGE_NAME}_distance`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.distance) }}\n >\n <div className={styles.nameWrapper}>\n <TableSortLabel\n title=\"Sort\"\n active={sortBy === ColumnType.distance}\n direction={\n sortBy === ColumnType.distance && sortDirection === SortDirection.DESC\n ? 'desc'\n : 'asc'\n }\n classes={{ root: styles.headerLabel }}\n onClick={() => handleSort(ColumnType.distance)}\n >\n {`Distance (${isImperial ? 'miles' : 'km'})`}\n </TableSortLabel>\n </div>\n </TableCell>\n {isTaColumnVisible && (\n <TableCell\n data-testid={`${PAGE_NAME}_ta`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.taScore) }}\n >\n <div className={styles.nameWrapper}>TA %</div>\n </TableCell>\n )}\n\n <TableCell\n data-testid={`${PAGE_NAME}_LastActive`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.lastActive) }}\n >\n <div className={styles.nameWrapper}>\n <TableSortLabel\n title=\"Sort\"\n active={sortBy === ColumnType.lastActive}\n direction={\n sortBy === ColumnType.lastActive && sortDirection === SortDirection.DESC\n ? 'desc'\n : 'asc'\n }\n classes={{ root: styles.headerLabel }}\n onClick={() => handleSort(ColumnType.lastActive)}\n >\n Last Active\n </TableSortLabel>\n </div>\n </TableCell>\n\n {metricsKeys.map(metricsKey => (\n <TableCell\n data-testid={`${PAGE_NAME}_${metricsKey}`}\n key={metricsKey}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, metricsKey) }}\n >\n <TableSortLabel\n title={isMetricsMenuOpen ? '' : 'Sort'}\n active={sortBy === metricsKey}\n direction={\n sortBy === metricsKey && sortDirection === SortDirection.DESC ? 'desc' : 'asc'\n }\n classes={{ root: styles.headerLabel }}\n onClick={() => handleSort(metricsKey)}\n >\n <MetricsSelect\n isTooltipVisible={metricsKeys.length > 1}\n currentValue={metricsKey}\n metricsKeys={metricsKeys}\n onChange={newValue => onUpdateMetricsKey(metricsKey, newValue)}\n setIsMenuOpen={setIsMetricsMenuOpen}\n />\n </TableSortLabel>\n </TableCell>\n ))}\n\n <TableCell\n data-testid={`${PAGE_NAME}_WellSection`}\n className={styles.headCell}\n style={{ width: getCellWidth(columnsWithDict, ColumnType.wellSection) }}\n >\n <div className={styles.settingsHeader}>\n <span className={styles.headerLabel}>Well Section</span>\n <MetricsSettingMenu\n viewType={viewType}\n metricsKeys={metricsKeys}\n onChange={onChangeMetricsKeys}\n contentRef={contentRef}\n />\n </div>\n </TableCell>\n </TableRow>\n );\n};\n\nOffsetWellsTableHead.propTypes = {\n open: PropTypes.bool.isRequired,\n columnsWithDict: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n label: PropTypes.string,\n type: PropTypes.string,\n width: PropTypes.number,\n })\n ).isRequired,\n metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n sortBy: PropTypes.string.isRequired,\n sortDirection: PropTypes.string.isRequired,\n indeterminate: PropTypes.bool.isRequired,\n isAllWellsSelected: PropTypes.bool.isRequired,\n style: PropTypes.shape({}).isRequired,\n onChangeSort: PropTypes.func.isRequired,\n onChangeMetricsKeys: PropTypes.func.isRequired,\n onUpdateMetricsKey: PropTypes.func.isRequired,\n isWellNameExpand: PropTypes.bool.isRequired,\n setIsWellNameExpand: PropTypes.func.isRequired,\n handleChangeAllOffsetWells: PropTypes.func.isRequired,\n wellNameStyle: PropTypes.string.isRequired,\n isViewOnly: PropTypes.bool.isRequired,\n isImperial: PropTypes.bool.isRequired,\n contentRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) }).isRequired,\n viewType: PropTypes.string.isRequired,\n isTaColumnVisible: PropTypes.bool.isRequired,\n};\n\nexport default memo(OffsetWellsTableHead);\n"],"names":["PAGE_NAME","TableSortLabel","_ref","title","props","_objectWithoutProperties","_excluded","_jsx","Tooltip","placement","children","MuiTableSortLabel","_objectSpread","getCellWidth","columnsWithDict","key","cell","find","item","width","OffsetWellsTableHead","_ref2","_classNames","open","metricsKeys","sortBy","sortDirection","indeterminate","isAllWellsSelected","onChangeSort","onChangeMetricsKeys","onUpdateMetricsKey","isWellNameExpand","setIsWellNameExpand","handleChangeAllOffsetWells","wellNameStyle","isViewOnly","isImperial","contentRef","viewType","isTaColumnVisible","useState","_useState2","_slicedToArray","_useState","isMetricsMenuOpen","setIsMetricsMenuOpen","hasCompanyColumn","some","col","ColumnType","company","handleSort","SortDirection","ASC","DESC","_jsxs","TableRow","className","styles","tableRow","TableCell","concat","classNames","headCell","wellNameCell","ViewType","mobile","wellNameCellMobile","style","EXPANDED_WELL_NAME_WIDTH","name","nameWrapper","Checkbox","size","onChange","event","target","checked","active","direction","classes","root","headerLabel","_defineProperty","cellDataViewOnly","onClick","RightIcon","wellNameExpandIcon","wellNameCollapsed","status","rig","distance","taScore","lastActive","map","metricsKey","MetricsSelect","isTooltipVisible","length","currentValue","newValue","setIsMenuOpen","wellSection","settingsHeader","MetricsSettingMenu","propTypes","PropTypes","bool","isRequired","arrayOf","shape","string","label","type","number","func","current","instanceOf","Element","memo"],"mappings":"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"}