npm - @corva/ui - Versions diffs - 3.17.0-18 → 3.17.0-19 - Mend

@corva/ui 3.17.0-18 → 3.17.0-19

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 (302) hide show

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

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

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

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

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