@corva/ui 3.43.0-4 → 3.43.0-6

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useRef as s,useState as t,useMemo as e,useEffect as n}from"react";import i from"classnames";import r from"prop-types";import{sum as p,startCase as c,get as m,isEmpty as a}from"lodash";import{makeStyles as l,List as d,ListSubheader as u,Chip as j,ListItem as A,Checkbox as V,Typography as h}from"@material-ui/core";import{StatusOptions as g,ROWS_PER_PAGE as C}from"../../../constants.js";import{SEARCH_CATEGORIES as I}from"./constants.js";import"../../../../../componentsV2/Text/Text.js";import"../../../../../componentsV2/Grid/Grid.js";import"../../../../../componentsV2/Grid/Cell.js";import{jsxs as v,jsx as S}from"react/jsx-runtime";import"../../../../../componentsV2/Header/Header.scss.js";import"../../../../../componentsV2/Button/Button.js";import"../../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../../componentsV2/Popover/Popover.js";import"../../../../../componentsV2/Radio/Radio.js";import"../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../../componentsV2/TextInput/TextInput.js";import"../../../../../componentsV2/Label/Label.js";import"../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import{TextMiddleTruncated as f}from"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../componentsV2/TextLink/TextLink.js";import{LoaderCircular as b}from"../../../../../componentsV2/LoaderCircular/LoaderCircular.js";import"../../../../../componentsV2/Chip/Chip.js";import"../../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../../componentsV2/Avatar/Avatar.js";import"../../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../../componentsV2/Paper/Paper.js";import"../../../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../componentsV2/utils.js";import"../../../../../componentsV2/Hint/Hint.scss.js";import"../../../../../componentsV2/Counter/Counter.js";import"../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../../componentsV2/TemplatesControl/utils.js";import"../../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../../componentsV2/TemplatesControl/types.js";import"../../../../../utils/index.js";import"../../../../../clients/jsonApi/index.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../permissions/ProvidePermissions.js";import"../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../componentsV2/Switch/Switch.js";import"../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../utils/main.js";import"../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../../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"../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";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"@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"../../../../AppIcon/AppIcon.js";import"../../../../../utils/getSingleAsset.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";var x=l((function(o){return{assetListWrapper:{margin:"8px 0",flex:1},assetListContainer:{maxHeight:"350px",backgroundColor:o.palette.background.paper,position:"relative",overflow:"auto"},listSection:{backgroundColor:"inherit"},ul:{backgroundColor:"inherit",padding:0},listGutters:{padding:"2px 8px"},assetTypeSubheaderChip:{height:"24px",color:o.palette.primary.text6},assetItemTextRoot:{minWidth:"300px"},assetItemTextPrimary:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},loadingInfo:{textAlign:"center",fontSize:"12px",lineHeight:"17px",color:o.palette.primary.text8},empty:{color:o.palette.primary.text6,fontSize:"12px",fontStyle:"italic",marginLeft:"8px"},menuItem:{display:"flex",alignItems:"center",justifyContent:"flex-start",width:"100%",gap:"8px"},allMenuItem:{boxShadow:"inset 0px -1px 0px rgba(255, 255, 255, 0.25)"},statusWrapper:{display:"flex",alignItems:"center",width:"102px",flexShrink:0},status:{width:"8px",height:"8px",marginRight:"8px",borderRadius:"50%",cursor:"default"},controlWrapper:{width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},assetNameWrapper:{flexGrow:1,overflow:"hidden"}}})),T=function(r){var l=r.subjectWellId,T=r.page,P=r.assetType,D=r.loading,y=r.groupedAssets,H=r.onClickAsset,k=r.onClickAllAsset,L=r.onScrollReached,M=r.loadingAssetIds,B=x(),F=s(null),q=t("top"),R=o(q,2),W=R[0],w=R[1],G=t(0),N=o(G,2),O=N[0],E=N[1],z=p(null==y?void 0:y.map((function(s){var t=o(s,2);t[0];var e=t[1];return(null==e?void 0:e.length)||0}))),U=e((function(){if(1===y.length){var o=y[0][1],s=o.filter((function(o){return o.checked})).length;return[s>0&&o.length!==s,s===o.length]}return[!1,!1]}),[y]),_=o(U,2),Y=_[0],Z=_[1];n((function(){D?E(z):("top"===W&&F.current.scrollTo(0,5),"bottom"===W&&F.current.scrollTo(0,F.current.scrollHeight-F.current.offsetHeight-5),"auto"===W&&F.current.scrollTo(0,(F.current.scrollHeight-F.current.offsetHeight)*O/z))}),[O,z,D,W]);return v("div",{className:B.assetListWrapper,children:[v(d,{className:B.assetListContainer,subheader:S("li",{}),onScroll:function(s){if(s.target.scrollHeight!==s.target.offsetHeight){var t=s.target.scrollTop+s.target.offsetHeight;Math.abs(s.target.scrollHeight-t)<1&&!function(s,t){return!s.find((function(s){var e=o(s,2);return e[0],e[1].length===C*t}))}(y,T)&&(w("auto"),L("bottom"))}},ref:F,children:[y.map((function(s){var t=o(s,2),e=t[0],n=t[1];return S("li",{className:B.listSection,children:v("ul",{className:B.ul,children:[!P&&S(u,{classes:{gutters:B.listGutters},children:S(j,{className:B.assetTypeSubheaderChip,variant:"outlined",label:I[e].labelPlural},e)}),P&&S(A,{button:!0,classes:{gutters:B.listGutters},onClick:function(){return k(!Z,e)},children:S("div",{className:i(B.menuItem,B.allMenuItem),children:v("div",{children:[S(V,{checked:Z,indeterminate:Y,style:{marginRight:8}}),"All"]})})}),n.map((function(o){var s;return S(A,{"data-testid":"".concat("AssetResultSection","_item_").concat(o.name,"MenuItem"),button:!0,classes:{gutters:B.listGutters},disabled:o.type===I.well.name&&!o.visibility.includes("visible")||!o.redirectAssetId||o.redirectAssetId===l,onClick:function(){return H(o,e)},children:v("div",{className:B.menuItem,children:[S("div",{className:B.controlWrapper,children:null!=M&&M.includes(o.redirectAssetId)?S(b,{size:"small"}):S(V,{checked:o.checked})}),S("div",{className:B.assetNameWrapper,children:S(f,{children:o.name})}),v("div",{className:B.statusWrapper,children:[S("div",{className:B.status,style:{background:null===(s=g.find((function(s){return s.value===o.status})))||void 0===s?void 0:s.color}}),c(o.status)]})]})},"item-".concat(e,"-").concat(m(o,"asset_id")?m(o,"asset_id"):m(o,"id")))}))]})},"section-".concat(e))})),a(y)&&S("div",{className:B.empty,children:"Your search did not match any Asset Name"})]}),D&&S(h,{"data-testid":"".concat("AssetResultSection","_loading"),className:B.loadingInfo,children:"Loading..."})]})};T.propTypes={subjectWellId:r.number.isRequired,page:r.number.isRequired,assetType:r.string.isRequired,loading:r.bool.isRequired,groupedAssets:r.arrayOf(r.shape({})).isRequired,onClickAsset:r.func.isRequired,onClickAllAsset:r.func.isRequired,onScrollReached:r.func.isRequired,loadingAssetIds:r.arrayOf(r.number)},T.defaultProps={loadingAssetIds:[]};export{T as AssetResultSection};
+import o from"@babel/runtime/helpers/slicedToArray";import{useRef as s,useState as t,useMemo as e,useEffect as n}from"react";import i from"classnames";import r from"prop-types";import{sum as p,startCase as c,get as m,isEmpty as a}from"lodash";import{makeStyles as l,List as d,ListSubheader as u,Chip as j,ListItem as A,Checkbox as V,Typography as h}from"@material-ui/core";import{StatusOptions as g,ROWS_PER_PAGE as C}from"../../../constants.js";import{SEARCH_CATEGORIES as I}from"./constants.js";import"../../../../../componentsV2/Text/Text.js";import"../../../../../componentsV2/Grid/Grid.js";import"../../../../../componentsV2/Grid/Cell.js";import{jsxs as v,jsx as S}from"react/jsx-runtime";import"../../../../../componentsV2/Header/Header.scss.js";import"../../../../../componentsV2/Button/Button.js";import"../../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../../componentsV2/Popover/Popover.js";import"../../../../../componentsV2/Radio/Radio.js";import"../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../../componentsV2/TextInput/TextInput.js";import"../../../../../componentsV2/Label/Label.js";import"../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import{TextMiddleTruncated as f}from"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../componentsV2/TextLink/TextLink.js";import{LoaderCircular as b}from"../../../../../componentsV2/LoaderCircular/LoaderCircular.js";import"../../../../../componentsV2/Chip/Chip.js";import"../../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../../componentsV2/Avatar/Avatar.js";import"../../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../../componentsV2/Paper/Paper.js";import"../../../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../componentsV2/utils.js";import"../../../../../componentsV2/Hint/Hint.scss.js";import"../../../../../componentsV2/Counter/Counter.js";import"../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../../componentsV2/TemplatesControl/utils.js";import"../../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../../componentsV2/TemplatesControl/types.js";import"../../../../../utils/index.js";import"../../../../../clients/jsonApi/index.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../permissions/ProvidePermissions.js";import"../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../componentsV2/Switch/Switch.js";import"../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../utils/main.js";import"../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";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"../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";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"@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"../../../../AppIcon/AppIcon.js";import"../../../../../utils/getSingleAsset.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";var x=l((function(o){return{assetListWrapper:{margin:"8px 0",flex:1},assetListContainer:{maxHeight:"350px",backgroundColor:o.palette.background.paper,position:"relative",overflow:"auto"},listSection:{backgroundColor:"inherit"},ul:{backgroundColor:"inherit",padding:0},listGutters:{padding:"2px 8px"},assetTypeSubheaderChip:{height:"24px",color:o.palette.primary.text6},assetItemTextRoot:{minWidth:"300px"},assetItemTextPrimary:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},loadingInfo:{textAlign:"center",fontSize:"12px",lineHeight:"17px",color:o.palette.primary.text8},empty:{color:o.palette.primary.text6,fontSize:"12px",fontStyle:"italic",marginLeft:"8px"},menuItem:{display:"flex",alignItems:"center",justifyContent:"flex-start",width:"100%",gap:"8px"},allMenuItem:{boxShadow:"inset 0px -1px 0px rgba(255, 255, 255, 0.25)"},statusWrapper:{display:"flex",alignItems:"center",width:"102px",flexShrink:0},status:{width:"8px",height:"8px",marginRight:"8px",borderRadius:"50%",cursor:"default"},controlWrapper:{width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},assetNameWrapper:{flexGrow:1,overflow:"hidden"}}})),T=function(r){var l=r.subjectWellId,T=r.page,P=r.assetType,D=r.loading,y=r.groupedAssets,H=r.onClickAsset,k=r.onClickAllAsset,L=r.onScrollReached,M=r.loadingAssetIds,B=x(),F=s(null),q=t("top"),R=o(q,2),W=R[0],w=R[1],G=t(0),N=o(G,2),O=N[0],E=N[1],z=p(null==y?void 0:y.map((function(s){var t=o(s,2);t[0];var e=t[1];return(null==e?void 0:e.length)||0}))),U=e((function(){if(1===y.length){var o=y[0][1],s=o.filter((function(o){return o.checked})).length;return[s>0&&o.length!==s,s===o.length]}return[!1,!1]}),[y]),_=o(U,2),Y=_[0],Z=_[1];n((function(){D?E(z):("top"===W&&F.current.scrollTo(0,5),"bottom"===W&&F.current.scrollTo(0,F.current.scrollHeight-F.current.offsetHeight-5),"auto"===W&&F.current.scrollTo(0,(F.current.scrollHeight-F.current.offsetHeight)*O/z))}),[O,z,D,W]);return v("div",{className:B.assetListWrapper,children:[v(d,{className:B.assetListContainer,subheader:S("li",{}),onScroll:function(s){if(s.target.scrollHeight!==s.target.offsetHeight){var t=s.target.scrollTop+s.target.offsetHeight;Math.abs(s.target.scrollHeight-t)<1&&!function(s,t){return!s.find((function(s){var e=o(s,2);return e[0],e[1].length===C*t}))}(y,T)&&(w("auto"),L("bottom"))}},ref:F,children:[y.map((function(s){var t=o(s,2),e=t[0],n=t[1];return S("li",{className:B.listSection,children:v("ul",{className:B.ul,children:[!P&&S(u,{classes:{gutters:B.listGutters},children:S(j,{className:B.assetTypeSubheaderChip,variant:"outlined",label:I[e].labelPlural},e)}),P&&S(A,{button:!0,classes:{gutters:B.listGutters},onClick:function(){return k(!Z,e)},children:S("div",{className:i(B.menuItem,B.allMenuItem),children:v("div",{children:[S(V,{checked:Z,indeterminate:Y,style:{marginRight:8}}),"All"]})})}),n.map((function(o){var s;return S(A,{"data-testid":"".concat("AssetResultSection","_item_").concat(o.name,"MenuItem"),button:!0,classes:{gutters:B.listGutters},disabled:o.type===I.well.name&&!o.visibility.includes("visible")||!o.redirectAssetId||o.redirectAssetId===l,onClick:function(){return H(o,e)},children:v("div",{className:B.menuItem,children:[S("div",{className:B.controlWrapper,children:null!=M&&M.includes(o.redirectAssetId)?S(b,{size:"small"}):S(V,{checked:o.checked})}),S("div",{className:B.assetNameWrapper,children:S(f,{children:o.name})}),v("div",{className:B.statusWrapper,children:[S("div",{className:B.status,style:{background:null===(s=g.find((function(s){return s.value===o.status})))||void 0===s?void 0:s.color}}),c(o.status)]})]})},"item-".concat(e,"-").concat(m(o,"asset_id")?m(o,"asset_id"):m(o,"id")))}))]})},"section-".concat(e))})),a(y)&&S("div",{className:B.empty,children:"Your search did not match any Asset Name"})]}),D&&S(h,{"data-testid":"".concat("AssetResultSection","_loading"),className:B.loadingInfo,children:"Loading..."})]})};T.propTypes={subjectWellId:r.number.isRequired,page:r.number.isRequired,assetType:r.string.isRequired,loading:r.bool.isRequired,groupedAssets:r.arrayOf(r.shape({})).isRequired,onClickAsset:r.func.isRequired,onClickAllAsset:r.func.isRequired,onScrollReached:r.func.isRequired,loadingAssetIds:r.arrayOf(r.number)},T.defaultProps={loadingAssetIds:[]};export{T as AssetResultSection};
 //# sourceMappingURL=AssetResultSection.js.map

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

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

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useEffect as e}from"react";import{isEqual as n}from"lodash";import i from"prop-types";import{METRICS_LIST as p,DEFAULT_METRICS_KEY as r,MAX_METRICS_COUNT as c}from"../../constants.js";import m from"./MetricsSettingMenu.module.scss.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Cell.js";import{jsxs as a,Fragment as l,jsx as d}from"react/jsx-runtime";import"classnames";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import{ButtonIcon as j}from"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as u}from"../../../../componentsV2/Tooltip/Tooltip.js";import"../../../../componentsV2/Popover/Popover.js";import"../../../../componentsV2/Radio/Radio.js";import"@material-ui/core";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import{Checkbox as V}from"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/Label/Label.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../../componentsV2/Modal/Modal.scss.js";import{Menu as A}from"../../../../componentsV2/Menu/Menu.js";import{SettingTwoIcon as C}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/Hint/Hint.scss.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../componentsV2/TemplatesControl/utils.js";import"../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../componentsV2/TemplatesControl/types.js";import"../../../../utils/index.js";import"../../../../clients/jsonApi/index.js";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../permissions/ProvidePermissions.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../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"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";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"@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"../../../AppIcon/AppIcon.js";import"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";var I=p.filter((function(o){return o.key!==r})),S=function(i){var p=i.metricsKeys,r=i.onChange,S=s([]),h=o(S,2),v=h[0],g=h[1],D=s(!1),P=o(D,2),b=P[0],T=P[1],M=t(null);e((function(){g(p||[])}),[p]);return a(l,{children:[d(u,{title:"Select Metrics",children:d(j,{ref:M,"data-testid":"".concat("MetricsSettingMenu","_gear"),size:"small",onClick:function(){T(!0)},type:b?"secondaryBg":"tertiaryBg",children:d(C,{size:"small"})})}),a(A,{open:b,anchorEl:M.current,onClose:function(){T(!1),n(v,p)||r(v)},placement:"bottom-end",className:m.menu,children:[d(A.Item,{disabled:!0,className:m.titleItem,children:"Up to 2 Metrics"}),I.map((function(o){var s=v.includes(o.key),t=v.length===c&&!s;return d(A.Item,{"data-testid":"".concat("MetricsSettingMenu","_option_").concat(o.key,"MenuItem"),disabled:t,onClick:function(){return s=o.key,void(v.includes(s)?g(v.filter((function(o){return o!==s}))):g(v.concat(s)));var s},prefix:d(V,{checked:s}),children:o.label},o.key)}))]})]})};S.propTypes={metricsKeys:i.arrayOf(i.string).isRequired,onChange:i.func.isRequired};export{S as MetricsSettingMenu};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useEffect as e}from"react";import{isEqual as n}from"lodash";import i from"prop-types";import{METRICS_LIST as p,DEFAULT_METRICS_KEY as r,MAX_METRICS_COUNT as c}from"../../constants.js";import m from"./MetricsSettingMenu.module.scss.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Cell.js";import{jsxs as a,Fragment as l,jsx as d}from"react/jsx-runtime";import"classnames";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import{ButtonIcon as j}from"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as u}from"../../../../componentsV2/Tooltip/Tooltip.js";import"../../../../componentsV2/Popover/Popover.js";import"../../../../componentsV2/Radio/Radio.js";import"@material-ui/core";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import{Checkbox as V}from"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/Label/Label.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../../componentsV2/Modal/Modal.scss.js";import{Menu as A}from"../../../../componentsV2/Menu/Menu.js";import{SettingTwoIcon as C}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/Hint/Hint.scss.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../componentsV2/TemplatesControl/utils.js";import"../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../componentsV2/TemplatesControl/types.js";import"../../../../utils/index.js";import"../../../../clients/jsonApi/index.js";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../permissions/ProvidePermissions.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";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"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";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"@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"../../../AppIcon/AppIcon.js";import"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";var I=p.filter((function(o){return o.key!==r})),S=function(i){var p=i.metricsKeys,r=i.onChange,S=s([]),h=o(S,2),v=h[0],g=h[1],D=s(!1),b=o(D,2),P=b[0],T=b[1],M=t(null);e((function(){g(p||[])}),[p]);return a(l,{children:[d(u,{title:"Select Metrics",children:d(j,{ref:M,"data-testid":"".concat("MetricsSettingMenu","_gear"),size:"small",onClick:function(){T(!0)},type:P?"secondaryBg":"tertiaryBg",children:d(C,{size:"small"})})}),a(A,{open:P,anchorEl:M.current,onClose:function(){T(!1),n(v,p)||r(v)},placement:"bottom-end",className:m.menu,children:[d(A.Item,{disabled:!0,className:m.titleItem,children:"Up to 2 Metrics"}),I.map((function(o){var s=v.includes(o.key),t=v.length===c&&!s;return d(A.Item,{"data-testid":"".concat("MetricsSettingMenu","_option_").concat(o.key,"MenuItem"),disabled:t,onClick:function(){return s=o.key,void(v.includes(s)?g(v.filter((function(o){return o!==s}))):g(v.concat(s)));var s},prefix:d(V,{checked:s}),children:o.label},o.key)}))]})]})};S.propTypes={metricsKeys:i.arrayOf(i.string).isRequired,onChange:i.func.isRequired};export{S as MetricsSettingMenu};
 //# sourceMappingURL=MetricsSettingMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MetricsSettingMenu.js","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricsSettingMenu.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { isEqual } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport { METRICS_LIST, MAX_METRICS_COUNT, DEFAULT_METRICS_KEY } from '../../constants';\n\nimport styles from './MetricsSettingMenu.module.scss';\n\nimport { Menu, Checkbox, ButtonIcon, Tooltip } from '~/componentsV2';\nimport { SettingTwoIcon } from '~/icons';\n\nconst PAGE_NAME = 'MetricsSettingMenu';\nconst metricsList = METRICS_LIST.filter(metrics => metrics.key !== DEFAULT_METRICS_KEY);\n\nexport const MetricsSettingMenu = ({ metricsKeys, onChange }) => {\n  const [selectedKeys, setSelectedKeys] = useState([]);\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef(null);\n\n  useEffect(() => {\n    setSelectedKeys(metricsKeys || []);\n  }, [metricsKeys]);\n\n  const handleClick = () => {\n    setIsOpen(true);\n  };\n\n  const handleClose = () => {\n    setIsOpen(false);\n    if (!isEqual(selectedKeys, metricsKeys)) {\n      onChange(selectedKeys);\n    }\n  };\n\n  const handleChangeMetrics = newKey => {\n    if (selectedKeys.includes(newKey)) {\n      setSelectedKeys(selectedKeys.filter(key => key !== newKey));\n    } else {\n      setSelectedKeys(selectedKeys.concat(newKey));\n    }\n  };\n\n  return (\n    <>\n      <Tooltip title=\"Select Metrics\">\n        <ButtonIcon\n          ref={anchorRef}\n          data-testid={`${PAGE_NAME}_gear`}\n          size=\"small\"\n          onClick={handleClick}\n          type={isOpen ? 'secondaryBg' : 'tertiaryBg'}\n        >\n          <SettingTwoIcon size=\"small\" />\n        </ButtonIcon>\n      </Tooltip>\n\n      <Menu\n        open={isOpen}\n        anchorEl={anchorRef.current}\n        onClose={handleClose}\n        placement=\"bottom-end\"\n        className={styles.menu}\n      >\n        <Menu.Item disabled className={styles.titleItem}>\n          Up to 2 Metrics\n        </Menu.Item>\n\n        {metricsList.map(item => {\n          const isChecked = selectedKeys.includes(item.key);\n          const isDisabled = selectedKeys.length === MAX_METRICS_COUNT && !isChecked;\n\n          return (\n            <Menu.Item\n              key={item.key}\n              data-testid={`${PAGE_NAME}_option_${item.key}MenuItem`}\n              disabled={isDisabled}\n              onClick={() => handleChangeMetrics(item.key)}\n              prefix={<Checkbox checked={isChecked} />}\n            >\n              {item.label}\n            </Menu.Item>\n          );\n        })}\n      </Menu>\n    </>\n  );\n};\n\nMetricsSettingMenu.propTypes = {\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n"],"names":["metricsList","METRICS_LIST","filter","metrics","key","DEFAULT_METRICS_KEY","MetricsSettingMenu","_ref","metricsKeys","onChange","useState","_useState2","_slicedToArray","_useState","selectedKeys","setSelectedKeys","_useState4","_useState3","isOpen","setIsOpen","anchorRef","useRef","useEffect","_jsxs","_Fragment","children","_jsx","Tooltip","title","ButtonIcon","ref","concat","size","onClick","type","SettingTwoIcon","Menu","open","anchorEl","current","onClose","isEqual","placement","className","styles","menu","Item","disabled","titleItem","map","item","isChecked","includes","isDisabled","length","MAX_METRICS_COUNT","newKey","prefix","Checkbox","checked","label","propTypes","PropTypes","arrayOf","string","isRequired","func"],"mappings":"stZAWA,IACMA,EAAcC,EAAaC,QAAO,SAAAC,GAAO,OAAIA,EAAQC,MAAQC,CAAmB,IAEzEC,EAAqB,SAA+BC,GAAA,IAA5BC,IAAAA,YAAaC,IAAAA,SACRC,EAAAA,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAA7CC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACRD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAApCC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,EAAYC,EAAO,MAEzBC,GAAU,WACRP,EAAgBP,GAAe,GACjC,GAAG,CAACA,IAqBJ,OACEe,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAO,CAACC,MAAM,iBAAgBH,SAC7BC,EAACG,EAAU,CACTC,IAAKV,EACL,cAAA,GAAAW,OApCQ,qBAoCyB,SACjCC,KAAK,QACLC,QA1BY,WAClBd,GAAU,IA0BJe,KAAMhB,EAAS,cAAgB,aAAaO,SAE5CC,EAACS,EAAc,CAACH,KAAK,cAIzBT,EAACa,EAAI,CACHC,KAAMnB,EACNoB,SAAUlB,EAAUmB,QACpBC,QAhCc,WAClBrB,GAAU,GACLsB,EAAQ3B,EAAcN,IACzBC,EAASK,IA8BP4B,UAAU,aACVC,UAAWC,EAAOC,KAAKpB,SAEvB,CAAAC,EAACU,EAAKU,KAAI,CAACC,UAAQ,EAACJ,UAAWC,EAAOI,UAAUvB,SAAA,oBAI/CzB,EAAYiD,KAAI,SAAAC,GACf,IAAMC,EAAYrC,EAAasC,SAASF,EAAK9C,KACvCiD,EAAavC,EAAawC,SAAWC,IAAsBJ,EAEjE,OACEzB,EAACU,EAAKU,KAAI,CAER,cAAA,GAAAf,OA/DI,qBA+DqB,YAAAA,OAAWmB,EAAK9C,IAAc,YACvD2C,SAAUM,EACVpB,QAAS,WAAA,OA1COuB,EA0CmBN,EAAK9C,SAzC9CU,EAAasC,SAASI,GACxBzC,EAAgBD,EAAaZ,QAAO,SAAAE,GAAG,OAAIA,IAAQoD,CAAM,KAEzDzC,EAAgBD,EAAaiB,OAAOyB,KAJZ,IAAAA,CA0C6B,EAC7CC,OAAQ/B,EAACgC,EAAQ,CAACC,QAASR,IAAc1B,SAExCyB,EAAKU,OANDV,EAAK9C,IAShB,SAIR,EAEAE,EAAmBuD,UAAY,CAC7BrD,YAAasD,EAAUC,QAAQD,EAAUE,QAAQC,WACjDxD,SAAUqD,EAAUI,KAAKD"}
+{"version":3,"file":"MetricsSettingMenu.js","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/MetricsSettingMenu.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { isEqual } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport { METRICS_LIST, MAX_METRICS_COUNT, DEFAULT_METRICS_KEY } from '../../constants';\n\nimport styles from './MetricsSettingMenu.module.scss';\n\nimport { Menu, Checkbox, ButtonIcon, Tooltip } from '~/componentsV2';\nimport { SettingTwoIcon } from '~/icons';\n\nconst PAGE_NAME = 'MetricsSettingMenu';\nconst metricsList = METRICS_LIST.filter(metrics => metrics.key !== DEFAULT_METRICS_KEY);\n\nexport const MetricsSettingMenu = ({ metricsKeys, onChange }) => {\n  const [selectedKeys, setSelectedKeys] = useState([]);\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef(null);\n\n  useEffect(() => {\n    setSelectedKeys(metricsKeys || []);\n  }, [metricsKeys]);\n\n  const handleClick = () => {\n    setIsOpen(true);\n  };\n\n  const handleClose = () => {\n    setIsOpen(false);\n    if (!isEqual(selectedKeys, metricsKeys)) {\n      onChange(selectedKeys);\n    }\n  };\n\n  const handleChangeMetrics = newKey => {\n    if (selectedKeys.includes(newKey)) {\n      setSelectedKeys(selectedKeys.filter(key => key !== newKey));\n    } else {\n      setSelectedKeys(selectedKeys.concat(newKey));\n    }\n  };\n\n  return (\n    <>\n      <Tooltip title=\"Select Metrics\">\n        <ButtonIcon\n          ref={anchorRef}\n          data-testid={`${PAGE_NAME}_gear`}\n          size=\"small\"\n          onClick={handleClick}\n          type={isOpen ? 'secondaryBg' : 'tertiaryBg'}\n        >\n          <SettingTwoIcon size=\"small\" />\n        </ButtonIcon>\n      </Tooltip>\n\n      <Menu\n        open={isOpen}\n        anchorEl={anchorRef.current}\n        onClose={handleClose}\n        placement=\"bottom-end\"\n        className={styles.menu}\n      >\n        <Menu.Item disabled className={styles.titleItem}>\n          Up to 2 Metrics\n        </Menu.Item>\n\n        {metricsList.map(item => {\n          const isChecked = selectedKeys.includes(item.key);\n          const isDisabled = selectedKeys.length === MAX_METRICS_COUNT && !isChecked;\n\n          return (\n            <Menu.Item\n              key={item.key}\n              data-testid={`${PAGE_NAME}_option_${item.key}MenuItem`}\n              disabled={isDisabled}\n              onClick={() => handleChangeMetrics(item.key)}\n              prefix={<Checkbox checked={isChecked} />}\n            >\n              {item.label}\n            </Menu.Item>\n          );\n        })}\n      </Menu>\n    </>\n  );\n};\n\nMetricsSettingMenu.propTypes = {\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n"],"names":["metricsList","METRICS_LIST","filter","metrics","key","DEFAULT_METRICS_KEY","MetricsSettingMenu","_ref","metricsKeys","onChange","useState","_useState2","_slicedToArray","_useState","selectedKeys","setSelectedKeys","_useState4","_useState3","isOpen","setIsOpen","anchorRef","useRef","useEffect","_jsxs","_Fragment","children","_jsx","Tooltip","title","ButtonIcon","ref","concat","size","onClick","type","SettingTwoIcon","Menu","open","anchorEl","current","onClose","isEqual","placement","className","styles","menu","Item","disabled","titleItem","map","item","isChecked","includes","isDisabled","length","MAX_METRICS_COUNT","newKey","prefix","Checkbox","checked","label","propTypes","PropTypes","arrayOf","string","isRequired","func"],"mappings":"wuZAWA,IACMA,EAAcC,EAAaC,QAAO,SAAAC,GAAO,OAAIA,EAAQC,MAAQC,CAAmB,IAEzEC,EAAqB,SAA+BC,GAAA,IAA5BC,IAAAA,YAAaC,IAAAA,SACRC,EAAAA,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAA7CC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACRD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAApCC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,EAAYC,EAAO,MAEzBC,GAAU,WACRP,EAAgBP,GAAe,GACjC,GAAG,CAACA,IAqBJ,OACEe,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAO,CAACC,MAAM,iBAAgBH,SAC7BC,EAACG,EAAU,CACTC,IAAKV,EACL,cAAA,GAAAW,OApCQ,qBAoCyB,SACjCC,KAAK,QACLC,QA1BY,WAClBd,GAAU,IA0BJe,KAAMhB,EAAS,cAAgB,aAAaO,SAE5CC,EAACS,EAAc,CAACH,KAAK,cAIzBT,EAACa,EAAI,CACHC,KAAMnB,EACNoB,SAAUlB,EAAUmB,QACpBC,QAhCc,WAClBrB,GAAU,GACLsB,EAAQ3B,EAAcN,IACzBC,EAASK,IA8BP4B,UAAU,aACVC,UAAWC,EAAOC,KAAKpB,SAEvB,CAAAC,EAACU,EAAKU,KAAI,CAACC,UAAQ,EAACJ,UAAWC,EAAOI,UAAUvB,SAAA,oBAI/CzB,EAAYiD,KAAI,SAAAC,GACf,IAAMC,EAAYrC,EAAasC,SAASF,EAAK9C,KACvCiD,EAAavC,EAAawC,SAAWC,IAAsBJ,EAEjE,OACEzB,EAACU,EAAKU,KAAI,CAER,cAAA,GAAAf,OA/DI,qBA+DqB,YAAAA,OAAWmB,EAAK9C,IAAc,YACvD2C,SAAUM,EACVpB,QAAS,WAAA,OA1COuB,EA0CmBN,EAAK9C,SAzC9CU,EAAasC,SAASI,GACxBzC,EAAgBD,EAAaZ,QAAO,SAAAE,GAAG,OAAIA,IAAQoD,CAAM,KAEzDzC,EAAgBD,EAAaiB,OAAOyB,KAJZ,IAAAA,CA0C6B,EAC7CC,OAAQ/B,EAACgC,EAAQ,CAACC,QAASR,IAAc1B,SAExCyB,EAAKU,OANDV,EAAK9C,IAShB,SAIR,EAEAE,EAAmBuD,UAAY,CAC7BrD,YAAasD,EAAUC,QAAQD,EAAUE,QAAQC,WACjDxD,SAAUqD,EAAUI,KAAKD"}

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

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