@corva/ui 3.47.0-1 → 3.47.0-3

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useRef as s,useMemo as t}from"react";import e from"classnames";import n from"prop-types";import{startCase as i,get as r,isEmpty as p}from"lodash";import{makeStyles as c,List as m,ListSubheader as a,Chip as l,ListItem as d,Checkbox as u,Typography as j}from"@material-ui/core";import{StatusOptions as A,ROWS_PER_PAGE as V}from"../../../constants.js";import{SEARCH_CATEGORIES as h}from"./constants.js";import"../../../../../componentsV2/Text/Text.js";import"../../../../../componentsV2/Grid/Grid.js";import"../../../../../componentsV2/Grid/Cell.js";import{jsxs as g,jsx as C}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 I}from"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../componentsV2/TextLink/TextLink.js";import{LoaderCircular as v}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"../../../../../icons/customIcons/icons/Radius.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 S=c((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"}}})),f=function(n){var c=n.subjectWellId,f=n.page,b=n.assetType,x=n.loading,P=n.groupedAssets,T=n.onClickAsset,D=n.onClickAllAsset,y=n.onScrollReached,k=n.loadingAssetIds,L=S(),H=s(null),M=t((function(){if(1===P.length){var o=P[0][1],s=o.filter((function(o){return o.checked})).length;return[s>0&&o.length!==s,s===o.length]}return[!1,!1]}),[P]),B=o(M,2),F=B[0],q=B[1];return g("div",{className:L.assetListWrapper,children:[g(m,{className:L.assetListContainer,subheader:C("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===V*t}))}(P,f)&&y("bottom")}},ref:H,children:[P.map((function(s){var t=o(s,2),n=t[0],p=t[1];return C("li",{className:L.listSection,children:g("ul",{className:L.ul,children:[!b&&C(a,{classes:{gutters:L.listGutters},children:C(l,{className:L.assetTypeSubheaderChip,variant:"outlined",label:h[n].labelPlural},n)}),b&&C(d,{button:!0,classes:{gutters:L.listGutters},onClick:function(){return D(!q,n)},children:C("div",{className:e(L.menuItem,L.allMenuItem),children:g("div",{children:[C(u,{checked:q,indeterminate:F,style:{marginRight:8}}),"All"]})})}),p.map((function(o){var s;return C(d,{"data-testid":"".concat("AssetResultSection","_item_").concat(o.name,"MenuItem"),button:!0,classes:{gutters:L.listGutters},disabled:o.type===h.well.name&&!o.visibility.includes("visible")||!o.redirectAssetId||o.redirectAssetId===c,onClick:function(){return T(o,n)},children:g("div",{className:L.menuItem,children:[C("div",{className:L.controlWrapper,children:null!=k&&k.includes(o.redirectAssetId)?C(v,{size:"small"}):C(u,{checked:o.checked})}),C("div",{className:L.assetNameWrapper,children:C(I,{children:o.name})}),g("div",{className:L.statusWrapper,children:[C("div",{className:L.status,style:{background:null===(s=A.find((function(s){return s.value===o.status})))||void 0===s?void 0:s.color}}),i(o.status)]})]})},"item-".concat(n,"-").concat(r(o,"asset_id")?r(o,"asset_id"):r(o,"id")))}))]})},"section-".concat(n))})),p(P)&&C("div",{className:L.empty,children:"Your search did not match any Asset Name"})]}),x&&C(j,{"data-testid":"".concat("AssetResultSection","_loading"),className:L.loadingInfo,children:"Loading..."})]})};f.propTypes={subjectWellId:n.number.isRequired,page:n.number.isRequired,assetType:n.string.isRequired,loading:n.bool.isRequired,groupedAssets:n.arrayOf(n.shape({})).isRequired,onClickAsset:n.func.isRequired,onClickAllAsset:n.func.isRequired,onScrollReached:n.func.isRequired,loadingAssetIds:n.arrayOf(n.number)},f.defaultProps={loadingAssetIds:[]};export{f as AssetResultSection};
+import o from"@babel/runtime/helpers/slicedToArray";import{useRef as s,useMemo as t}from"react";import e from"classnames";import n from"prop-types";import{startCase as i,get as r,isEmpty as p}from"lodash";import{makeStyles as c,List as m,ListSubheader as a,Chip as l,ListItem as d,Checkbox as u,Typography as j}from"@material-ui/core";import{StatusOptions as A,ROWS_PER_PAGE as V}from"../../../constants.js";import{SEARCH_CATEGORIES as h}from"./constants.js";import"../../../../../componentsV2/Text/Text.js";import"../../../../../componentsV2/Grid/Grid.js";import"../../../../../componentsV2/Grid/Cell.js";import{jsxs as g,jsx as C}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 I}from"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../componentsV2/TextLink/TextLink.js";import{LoaderCircular as S}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"../../../../../icons/customIcons/icons/Radius.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";import"../../../../../componentsV2/Slider/constants.js";import"../../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../../componentsV2/Slider/Slider.scss.js";var v=c((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"}}})),f=function(n){var c=n.subjectWellId,f=n.page,b=n.assetType,x=n.loading,T=n.groupedAssets,P=n.onClickAsset,D=n.onClickAllAsset,y=n.onScrollReached,k=n.loadingAssetIds,L=v(),H=s(null),M=t((function(){if(1===T.length){var o=T[0][1],s=o.filter((function(o){return o.checked})).length;return[s>0&&o.length!==s,s===o.length]}return[!1,!1]}),[T]),B=o(M,2),F=B[0],q=B[1];return g("div",{className:L.assetListWrapper,children:[g(m,{className:L.assetListContainer,subheader:C("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===V*t}))}(T,f)&&y("bottom")}},ref:H,children:[T.map((function(s){var t=o(s,2),n=t[0],p=t[1];return C("li",{className:L.listSection,children:g("ul",{className:L.ul,children:[!b&&C(a,{classes:{gutters:L.listGutters},children:C(l,{className:L.assetTypeSubheaderChip,variant:"outlined",label:h[n].labelPlural},n)}),b&&C(d,{button:!0,classes:{gutters:L.listGutters},onClick:function(){return D(!q,n)},children:C("div",{className:e(L.menuItem,L.allMenuItem),children:g("div",{children:[C(u,{checked:q,indeterminate:F,style:{marginRight:8}}),"All"]})})}),p.map((function(o){var s;return C(d,{"data-testid":"".concat("AssetResultSection","_item_").concat(o.name,"MenuItem"),button:!0,classes:{gutters:L.listGutters},disabled:o.type===h.well.name&&!o.visibility.includes("visible")||!o.redirectAssetId||o.redirectAssetId===c,onClick:function(){return P(o,n)},children:g("div",{className:L.menuItem,children:[C("div",{className:L.controlWrapper,children:null!=k&&k.includes(o.redirectAssetId)?C(S,{size:"small"}):C(u,{checked:o.checked})}),C("div",{className:L.assetNameWrapper,children:C(I,{children:o.name})}),g("div",{className:L.statusWrapper,children:[C("div",{className:L.status,style:{background:null===(s=A.find((function(s){return s.value===o.status})))||void 0===s?void 0:s.color}}),i(o.status)]})]})},"item-".concat(n,"-").concat(r(o,"asset_id")?r(o,"asset_id"):r(o,"id")))}))]})},"section-".concat(n))})),p(T)&&C("div",{className:L.empty,children:"Your search did not match any Asset Name"})]}),x&&C(j,{"data-testid":"".concat("AssetResultSection","_loading"),className:L.loadingInfo,children:"Loading..."})]})};f.propTypes={subjectWellId:n.number.isRequired,page:n.number.isRequired,assetType:n.string.isRequired,loading:n.bool.isRequired,groupedAssets:n.arrayOf(n.shape({})).isRequired,onClickAsset:n.func.isRequired,onClickAllAsset:n.func.isRequired,onScrollReached:n.func.isRequired,loadingAssetIds:n.arrayOf(n.number)},f.defaultProps={loadingAssetIds:[]};export{f 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 { useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty, startCase } from 'lodash';\nimport {\n  makeStyles,\n  List,\n  ListSubheader,\n  Chip,\n  ListItem,\n  Checkbox,\n  Typography,\n} from '@material-ui/core';\n\nimport { StatusOptions, ROWS_PER_PAGE } from '../../../constants';\n\nimport { SEARCH_CATEGORIES } from './constants';\n\nimport { LoaderCircular, TextMiddleTruncated } from '~/componentsV2';\n\nconst PAGE_NAME = 'AssetResultSection';\nconst useStyles = makeStyles(theme => ({\n  assetListWrapper: {\n    margin: '8px 0',\n    flex: 1,\n  },\n  assetListContainer: {\n    maxHeight: '350px',\n    backgroundColor: theme.palette.background.paper,\n    position: 'relative',\n    overflow: 'auto',\n  },\n  listSection: {\n    backgroundColor: 'inherit',\n  },\n  ul: {\n    backgroundColor: 'inherit',\n    padding: 0,\n  },\n  listGutters: {\n    padding: '2px 8px',\n  },\n  assetTypeSubheaderChip: {\n    height: '24px',\n    color: theme.palette.primary.text6,\n  },\n  assetItemTextRoot: {\n    minWidth: '300px',\n  },\n  assetItemTextPrimary: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n  },\n  loadingInfo: {\n    textAlign: 'center',\n    fontSize: '12px',\n    lineHeight: '17px',\n    color: theme.palette.primary.text8,\n  },\n  empty: {\n    color: theme.palette.primary.text6,\n    fontSize: '12px',\n    fontStyle: 'italic',\n    marginLeft: '8px',\n  },\n  menuItem: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: '100%',\n    gap: '8px',\n  },\n  allMenuItem: {\n    boxShadow: 'inset 0px -1px 0px rgba(255, 255, 255, 0.25)',\n  },\n  statusWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '102px',\n    flexShrink: 0,\n  },\n  status: {\n    width: '8px',\n    height: '8px',\n    marginRight: '8px',\n    borderRadius: '50%',\n    cursor: 'default',\n  },\n  controlWrapper: {\n    width: 40,\n    height: 40,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  },\n  assetNameWrapper: {\n    flexGrow: 1,\n    overflow: 'hidden',\n  },\n}));\n\nconst isLastPage = (data, page) => {\n  return !data.find(([_, value]) => value.length === ROWS_PER_PAGE * page);\n};\n\nexport const AssetResultSection = ({\n  subjectWellId,\n  page,\n  assetType,\n  loading,\n  groupedAssets,\n  onClickAsset,\n  onClickAllAsset,\n  onScrollReached,\n  loadingAssetIds,\n}) => {\n  const classes = useStyles();\n  const listRef = useRef(null);\n\n  const [indeterminate, isAllWellsSelected] = useMemo(() => {\n    if (groupedAssets.length === 1) {\n      const assets = groupedAssets[0][1];\n      const selectedCount = assets.filter(asset => asset.checked).length;\n      const indeterminate = selectedCount > 0 && assets.length !== selectedCount;\n      const isAllWellsSelected = selectedCount === assets.length;\n      return [indeterminate, isAllWellsSelected];\n    }\n    return [false, false];\n  }, [groupedAssets]);\n\n  const handleScrollList = e => {\n    if (e.target.scrollHeight === e.target.offsetHeight) return;\n    const currentScrollBottom = e.target.scrollTop + e.target.offsetHeight;\n\n    // NOTE: if scroll is near 1px from the bottom, then load new data.\n    if (\n      Math.abs(e.target.scrollHeight - currentScrollBottom) < 1 &&\n      !isLastPage(groupedAssets, page)\n    ) {\n      onScrollReached('bottom');\n    }\n  };\n\n  return (\n    <div className={classes.assetListWrapper}>\n      <List\n        className={classes.assetListContainer}\n        subheader={<li />}\n        onScroll={handleScrollList}\n        ref={listRef}\n      >\n        {groupedAssets.map(([assetTypeKey, asstes]) => (\n          <li key={`section-${assetTypeKey}`} className={classes.listSection}>\n            <ul className={classes.ul}>\n              {!assetType && (\n                <ListSubheader classes={{ gutters: classes.listGutters }}>\n                  <Chip\n                    key={assetTypeKey}\n                    className={classes.assetTypeSubheaderChip}\n                    variant=\"outlined\"\n                    label={SEARCH_CATEGORIES[assetTypeKey].labelPlural}\n                  />\n                </ListSubheader>\n              )}\n              {assetType && (\n                <ListItem\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  onClick={() => onClickAllAsset(!isAllWellsSelected, assetTypeKey)}\n                >\n                  <div className={classNames(classes.menuItem, classes.allMenuItem)}>\n                    <div>\n                      <Checkbox\n                        checked={isAllWellsSelected}\n                        indeterminate={indeterminate}\n                        style={{ marginRight: 8 }}\n                      />\n                      All\n                    </div>\n                  </div>\n                </ListItem>\n              )}\n              {asstes.map(asset => (\n                <ListItem\n                  data-testid={`${PAGE_NAME}_item_${asset.name}MenuItem`}\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  key={`item-${assetTypeKey}-${\n                    get(asset, 'asset_id') ? get(asset, 'asset_id') : get(asset, 'id')\n                  }`}\n                  disabled={\n                    (asset.type === SEARCH_CATEGORIES.well.name &&\n                      !asset.visibility.includes('visible')) ||\n                    !asset.redirectAssetId ||\n                    asset.redirectAssetId === subjectWellId\n                  }\n                  onClick={() => onClickAsset(asset, assetTypeKey)}\n                >\n                  <div className={classes.menuItem}>\n                    <div className={classes.controlWrapper}>\n                      {loadingAssetIds?.includes(asset.redirectAssetId) ? (\n                        <LoaderCircular size=\"small\" />\n                      ) : (\n                        <Checkbox checked={asset.checked} />\n                      )}\n                    </div>\n                    <div className={classes.assetNameWrapper}>\n                      <TextMiddleTruncated>{asset.name}</TextMiddleTruncated>\n                    </div>\n                    <div className={classes.statusWrapper}>\n                      <div\n                        className={classes.status}\n                        style={{\n                          background: StatusOptions.find(item => item.value === asset.status)\n                            ?.color,\n                        }}\n                      />\n                      {startCase(asset.status)}\n                    </div>\n                  </div>\n                </ListItem>\n              ))}\n            </ul>\n          </li>\n        ))}\n        {isEmpty(groupedAssets) && (\n          <div className={classes.empty}>Your search did not match any Asset Name</div>\n        )}\n      </List>\n      {loading && (\n        <Typography data-testid={`${PAGE_NAME}_loading`} className={classes.loadingInfo}>\n          Loading...\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nAssetResultSection.propTypes = {\n  subjectWellId: PropTypes.number.isRequired,\n  page: PropTypes.number.isRequired,\n  assetType: PropTypes.string.isRequired,\n  loading: PropTypes.bool.isRequired,\n  groupedAssets: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n  onClickAllAsset: PropTypes.func.isRequired,\n  onScrollReached: PropTypes.func.isRequired,\n  loadingAssetIds: PropTypes.arrayOf(PropTypes.number),\n};\n\nAssetResultSection.defaultProps = {\n  loadingAssetIds: [],\n};\n"],"names":["useStyles","makeStyles","theme","assetListWrapper","margin","flex","assetListContainer","maxHeight","backgroundColor","palette","background","paper","position","overflow","listSection","ul","padding","listGutters","assetTypeSubheaderChip","height","color","primary","text6","assetItemTextRoot","minWidth","assetItemTextPrimary","whiteSpace","textOverflow","loadingInfo","textAlign","fontSize","lineHeight","text8","empty","fontStyle","marginLeft","menuItem","display","alignItems","justifyContent","width","gap","allMenuItem","boxShadow","statusWrapper","flexShrink","status","marginRight","borderRadius","cursor","controlWrapper","assetNameWrapper","flexGrow","AssetResultSection","_ref3","subjectWellId","page","assetType","loading","groupedAssets","onClickAsset","onClickAllAsset","onScrollReached","loadingAssetIds","classes","listRef","useRef","useMemo","length","assets","selectedCount","filter","asset","checked","_useMemo2","_slicedToArray","_useMemo","indeterminate","isAllWellsSelected","_jsxs","className","children","List","subheader","_jsx","onScroll","e","target","scrollHeight","offsetHeight","currentScrollBottom","scrollTop","Math","abs","data","find","_ref","_ref2","ROWS_PER_PAGE","isLastPage","ref","map","_ref4","_ref5","assetTypeKey","asstes","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 { useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty, startCase } from 'lodash';\nimport {\n  makeStyles,\n  List,\n  ListSubheader,\n  Chip,\n  ListItem,\n  Checkbox,\n  Typography,\n} from '@material-ui/core';\n\nimport { StatusOptions, ROWS_PER_PAGE } from '../../../constants';\n\nimport { SEARCH_CATEGORIES } from './constants';\n\nimport { LoaderCircular, TextMiddleTruncated } from '~/componentsV2';\n\nconst PAGE_NAME = 'AssetResultSection';\nconst useStyles = makeStyles(theme => ({\n  assetListWrapper: {\n    margin: '8px 0',\n    flex: 1,\n  },\n  assetListContainer: {\n    maxHeight: '350px',\n    backgroundColor: theme.palette.background.paper,\n    position: 'relative',\n    overflow: 'auto',\n  },\n  listSection: {\n    backgroundColor: 'inherit',\n  },\n  ul: {\n    backgroundColor: 'inherit',\n    padding: 0,\n  },\n  listGutters: {\n    padding: '2px 8px',\n  },\n  assetTypeSubheaderChip: {\n    height: '24px',\n    color: theme.palette.primary.text6,\n  },\n  assetItemTextRoot: {\n    minWidth: '300px',\n  },\n  assetItemTextPrimary: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n  },\n  loadingInfo: {\n    textAlign: 'center',\n    fontSize: '12px',\n    lineHeight: '17px',\n    color: theme.palette.primary.text8,\n  },\n  empty: {\n    color: theme.palette.primary.text6,\n    fontSize: '12px',\n    fontStyle: 'italic',\n    marginLeft: '8px',\n  },\n  menuItem: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: '100%',\n    gap: '8px',\n  },\n  allMenuItem: {\n    boxShadow: 'inset 0px -1px 0px rgba(255, 255, 255, 0.25)',\n  },\n  statusWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '102px',\n    flexShrink: 0,\n  },\n  status: {\n    width: '8px',\n    height: '8px',\n    marginRight: '8px',\n    borderRadius: '50%',\n    cursor: 'default',\n  },\n  controlWrapper: {\n    width: 40,\n    height: 40,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  },\n  assetNameWrapper: {\n    flexGrow: 1,\n    overflow: 'hidden',\n  },\n}));\n\nconst isLastPage = (data, page) => {\n  return !data.find(([_, value]) => value.length === ROWS_PER_PAGE * page);\n};\n\nexport const AssetResultSection = ({\n  subjectWellId,\n  page,\n  assetType,\n  loading,\n  groupedAssets,\n  onClickAsset,\n  onClickAllAsset,\n  onScrollReached,\n  loadingAssetIds,\n}) => {\n  const classes = useStyles();\n  const listRef = useRef(null);\n\n  const [indeterminate, isAllWellsSelected] = useMemo(() => {\n    if (groupedAssets.length === 1) {\n      const assets = groupedAssets[0][1];\n      const selectedCount = assets.filter(asset => asset.checked).length;\n      const indeterminate = selectedCount > 0 && assets.length !== selectedCount;\n      const isAllWellsSelected = selectedCount === assets.length;\n      return [indeterminate, isAllWellsSelected];\n    }\n    return [false, false];\n  }, [groupedAssets]);\n\n  const handleScrollList = e => {\n    if (e.target.scrollHeight === e.target.offsetHeight) return;\n    const currentScrollBottom = e.target.scrollTop + e.target.offsetHeight;\n\n    // NOTE: if scroll is near 1px from the bottom, then load new data.\n    if (\n      Math.abs(e.target.scrollHeight - currentScrollBottom) < 1 &&\n      !isLastPage(groupedAssets, page)\n    ) {\n      onScrollReached('bottom');\n    }\n  };\n\n  return (\n    <div className={classes.assetListWrapper}>\n      <List\n        className={classes.assetListContainer}\n        subheader={<li />}\n        onScroll={handleScrollList}\n        ref={listRef}\n      >\n        {groupedAssets.map(([assetTypeKey, asstes]) => (\n          <li key={`section-${assetTypeKey}`} className={classes.listSection}>\n            <ul className={classes.ul}>\n              {!assetType && (\n                <ListSubheader classes={{ gutters: classes.listGutters }}>\n                  <Chip\n                    key={assetTypeKey}\n                    className={classes.assetTypeSubheaderChip}\n                    variant=\"outlined\"\n                    label={SEARCH_CATEGORIES[assetTypeKey].labelPlural}\n                  />\n                </ListSubheader>\n              )}\n              {assetType && (\n                <ListItem\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  onClick={() => onClickAllAsset(!isAllWellsSelected, assetTypeKey)}\n                >\n                  <div className={classNames(classes.menuItem, classes.allMenuItem)}>\n                    <div>\n                      <Checkbox\n                        checked={isAllWellsSelected}\n                        indeterminate={indeterminate}\n                        style={{ marginRight: 8 }}\n                      />\n                      All\n                    </div>\n                  </div>\n                </ListItem>\n              )}\n              {asstes.map(asset => (\n                <ListItem\n                  data-testid={`${PAGE_NAME}_item_${asset.name}MenuItem`}\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  key={`item-${assetTypeKey}-${\n                    get(asset, 'asset_id') ? get(asset, 'asset_id') : get(asset, 'id')\n                  }`}\n                  disabled={\n                    (asset.type === SEARCH_CATEGORIES.well.name &&\n                      !asset.visibility.includes('visible')) ||\n                    !asset.redirectAssetId ||\n                    asset.redirectAssetId === subjectWellId\n                  }\n                  onClick={() => onClickAsset(asset, assetTypeKey)}\n                >\n                  <div className={classes.menuItem}>\n                    <div className={classes.controlWrapper}>\n                      {loadingAssetIds?.includes(asset.redirectAssetId) ? (\n                        <LoaderCircular size=\"small\" />\n                      ) : (\n                        <Checkbox checked={asset.checked} />\n                      )}\n                    </div>\n                    <div className={classes.assetNameWrapper}>\n                      <TextMiddleTruncated>{asset.name}</TextMiddleTruncated>\n                    </div>\n                    <div className={classes.statusWrapper}>\n                      <div\n                        className={classes.status}\n                        style={{\n                          background: StatusOptions.find(item => item.value === asset.status)\n                            ?.color,\n                        }}\n                      />\n                      {startCase(asset.status)}\n                    </div>\n                  </div>\n                </ListItem>\n              ))}\n            </ul>\n          </li>\n        ))}\n        {isEmpty(groupedAssets) && (\n          <div className={classes.empty}>Your search did not match any Asset Name</div>\n        )}\n      </List>\n      {loading && (\n        <Typography data-testid={`${PAGE_NAME}_loading`} className={classes.loadingInfo}>\n          Loading...\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nAssetResultSection.propTypes = {\n  subjectWellId: PropTypes.number.isRequired,\n  page: PropTypes.number.isRequired,\n  assetType: PropTypes.string.isRequired,\n  loading: PropTypes.bool.isRequired,\n  groupedAssets: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n  onClickAllAsset: PropTypes.func.isRequired,\n  onScrollReached: PropTypes.func.isRequired,\n  loadingAssetIds: PropTypes.arrayOf(PropTypes.number),\n};\n\nAssetResultSection.defaultProps = {\n  loadingAssetIds: [],\n};\n"],"names":["useStyles","makeStyles","theme","assetListWrapper","margin","flex","assetListContainer","maxHeight","backgroundColor","palette","background","paper","position","overflow","listSection","ul","padding","listGutters","assetTypeSubheaderChip","height","color","primary","text6","assetItemTextRoot","minWidth","assetItemTextPrimary","whiteSpace","textOverflow","loadingInfo","textAlign","fontSize","lineHeight","text8","empty","fontStyle","marginLeft","menuItem","display","alignItems","justifyContent","width","gap","allMenuItem","boxShadow","statusWrapper","flexShrink","status","marginRight","borderRadius","cursor","controlWrapper","assetNameWrapper","flexGrow","AssetResultSection","_ref3","subjectWellId","page","assetType","loading","groupedAssets","onClickAsset","onClickAllAsset","onScrollReached","loadingAssetIds","classes","listRef","useRef","useMemo","length","assets","selectedCount","filter","asset","checked","_useMemo2","_slicedToArray","_useMemo","indeterminate","isAllWellsSelected","_jsxs","className","children","List","subheader","_jsx","onScroll","e","target","scrollHeight","offsetHeight","currentScrollBottom","scrollTop","Math","abs","data","find","_ref","_ref2","ROWS_PER_PAGE","isLastPage","ref","map","_ref4","_ref5","assetTypeKey","asstes","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/AdvancedSearch/AutoCompleteAssetSearch.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as r,useEffect as o,useMemo as s}from"react";import i from"prop-types";import{get as n}from"lodash";import{withStyles as a,Tooltip as p,makeStyles as l,Chip as c,Input as m}from"@material-ui/core";import d from"@material-ui/icons/Close";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/regenerator";import"uuid";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/jsonApi/index.js";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"../../../constants.js";import"../../../api/shared/dataFormatter.js";import"../../../utils/wellTransformations.js";import"zustand";import"../../../stores/picker-props-store/PickerPropsStoreContext.js";import{jsxs as u,jsx as f,Fragment as h}from"react/jsx-runtime";import"../../../../../utils/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"react-virtualized";import{useAssetsData as g}from"../../../effects/useAssetsData.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"../../../../../permissions/ProvidePermissions.js";import"lodash/debounce";import"lodash/isEqual";import"@mapbox/tilebelt";import"../../../stores/viewport-store/ViewportStoreContext.js";import"../../../stores/filter-store/FilterStoreContext.js";import"lz-string";import"../../../stores/viewport-store/ViewportStoreProvider.js";import"@turf/bbox";import"@turf/circle";import{AssetTypesSection as x}from"./AssetTypesSection.js";import{AssetResultSection as b}from"./AssetResultSection.js";import{SEARCH_CATEGORIES as j,CATEGORY_KEY_VALUES as y}from"./constants.js";var C=a((function(){return{tooltip:{backgroundColor:"#414141",color:"#ffffff",fontSize:"11px",lineHeight:"16px",borderRadius:"4px",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",padding:"4px"}}}))(p),I=l((function(e){return{wrapper:{width:function(e){return e.searchWidth||"auto"},display:"flex",flexDirection:"column",padding:16},inputWrapper:{display:"flex",width:"auto",margin:"0 8px 8px",alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},selectedChip:{height:"24px",margin:"4px"},selectedChipDeleteIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},selectedLabel:{fontWeight:400,fontSize:"16px",lineHeight:"22px",color:e.palette.primary.text1,whiteSpace:"nowrap",paddingLeft:"4px",paddingRight:"8px"},disabledIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,opacity:.4},closeIconButton:{padding:0,"&:hover $closeIcon":{color:e.palette.primary.text1}},searchInput:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"2px solid #03BCD4"},closeIcon:{color:e.palette.primary.text6,fontSize:"18px"}}})),v=function(i){var a=i.companyIds,p=i.subjectWellId,l=i.value,v=i.selectedWellIds,A=i.onChange,w=i.searchWidth,W=i.onClose,S=i.loadingAssetIds,k=t(null),P=e(k,2),R=P[0],D=P[1],z=t(null),T=e(z,2),q=T[0],N=T[1],L=t(1),O=e(L,2),B=O[0],F=O[1],H=I({searchWidth:w}),_=r();o((function(){N(l)}),[l]);var G=g(q,R,B,a,v),K=e(G,2),U=K[0],V=K[1],E=s((function(){return R&&V&&0!==V.length?V[0][1].filter((function(e){return e.checked})).length:0}),[R,V]);return u("div",{className:H.wrapper,children:[f("div",{className:H.inputWrapper,children:u("div",{className:H.searchInput,children:[R&&u(h,{children:[f(c,{"data-not-migrated-muichip":!0,classes:{root:H.selectedChip,deleteIcon:H.selectedChipDeleteIcon},label:n(j,[R,"labelPlural"],"Assets"),deleteIcon:f(d,{}),onDelete:function(){D(null)}}),E>0&&u("span",{className:H.selectedLabel,children:[E," Selected"]})]}),f(m,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:_,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:q||"",placeholder:"Search for Wells ...",onChange:function(e){var t=e.target.value;_.current.focus(),N(t),F(1)},onKeyUp:function(t){var r=t.target.value,o=t.keyCode,s=y.find((function(t){var o=e(t,2);return o[0],o[1].autoCategorizedKey===r.trim().toLowerCase()}));if(s&&(13===o||32===o))return N(""),D(s[0]),void F(1);""===r&&8===o&&(D(null),F(1))}}),f(C,{title:"Clear",children:f(d,{className:R||q?H.selectedChipDeleteIcon:H.disabledIcon,onClick:function(){N(""),D(null),F(1),W()}})})]})}),!R&&!q&&f(x,{onClickAssetType:function(e){_.current.focus(),D(e),F(1)}}),(R||q)&&f(b,{subjectWellId:p,page:B,assetType:R,loading:U,groupedAssets:V,onClickAsset:function(e,t){t===j.rig.name?A(!e.checked,[e.redirectAssetId],t,[e.asset_id]):A(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var r=V[0][1];t===j.rig.name?A(e,r.map((function(e){return e.redirectAssetId})),t,r.map((function(e){return e.asset_id}))):A(e,r.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&B>1&&F((function(e){return e-1})),"bottom"===e&&F((function(e){return e+1}))},loadingAssetIds:S})]})};v.propTypes={subjectWellId:i.number.isRequired,companyIds:i.arrayOf(i.number),value:i.string.isRequired,selectedWellIds:i.arrayOf(i.number).isRequired,onChange:i.func.isRequired,searchWidth:i.number,onClose:i.func.isRequired,loadingAssetIds:i.arrayOf(i.number)},v.defaultProps={companyIds:null,searchWidth:null,loadingAssetIds:[]};export{v as AutoCompleteAssetSearch};
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as r,useEffect as o,useMemo as s}from"react";import i from"prop-types";import{get as n}from"lodash";import{withStyles as a,Tooltip as p,makeStyles as l,Chip as c,Input as m}from"@material-ui/core";import d from"@material-ui/icons/Close";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/regenerator";import"uuid";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/jsonApi/index.js";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"../../../constants.js";import"../../../api/shared/dataFormatter.js";import"../../../utils/wellTransformations.js";import"zustand";import"../../../stores/picker-props-store/PickerPropsStoreContext.js";import{jsxs as u,jsx as f,Fragment as h}from"react/jsx-runtime";import"../../../viewport/ViewportProvider.js";import"../../../viewport/ViewportContext.js";import"../../../../../utils/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"react-virtualized";import{useAssetsData as g}from"../../../effects/useAssetsData.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"../../../../../permissions/ProvidePermissions.js";import"lodash/debounce";import"lodash/isEqual";import"@mapbox/tilebelt";import"../../../stores/viewport-store/ViewportStoreContext.js";import"../../../stores/filter-store/FilterStoreContext.js";import"../../../stores/company-safeguard/CompanySafeguardContext.js";import"lz-string";import"../../../stores/viewport-store/ViewportStoreProvider.js";import"@turf/bbox";import"@turf/circle";import"../../Map/OffsetWellMap/constants.js";import{AssetTypesSection as j}from"./AssetTypesSection.js";import{AssetResultSection as x}from"./AssetResultSection.js";import{SEARCH_CATEGORIES as b,CATEGORY_KEY_VALUES as C}from"./constants.js";var y=a((function(){return{tooltip:{backgroundColor:"#414141",color:"#ffffff",fontSize:"11px",lineHeight:"16px",borderRadius:"4px",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",padding:"4px"}}}))(p),I=l((function(e){return{wrapper:{width:function(e){return e.searchWidth||"auto"},display:"flex",flexDirection:"column",padding:16},inputWrapper:{display:"flex",width:"auto",margin:"0 8px 8px",alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},selectedChip:{height:"24px",margin:"4px"},selectedChipDeleteIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},selectedLabel:{fontWeight:400,fontSize:"16px",lineHeight:"22px",color:e.palette.primary.text1,whiteSpace:"nowrap",paddingLeft:"4px",paddingRight:"8px"},disabledIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,opacity:.4},closeIconButton:{padding:0,"&:hover $closeIcon":{color:e.palette.primary.text1}},searchInput:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"2px solid #03BCD4"},closeIcon:{color:e.palette.primary.text6,fontSize:"18px"}}})),v=function(i){var a=i.companyIds,p=i.subjectWellId,l=i.value,v=i.selectedWellIds,w=i.onChange,A=i.searchWidth,W=i.onClose,S=i.loadingAssetIds,k=t(null),P=e(k,2),R=P[0],D=P[1],z=t(null),T=e(z,2),q=T[0],N=T[1],O=t(1),L=e(O,2),V=L[0],B=L[1],F=I({searchWidth:A}),H=r();o((function(){N(l)}),[l]);var M=g(q,R,V,a,v),_=e(M,2),G=_[0],K=_[1],U=s((function(){return R&&K&&0!==K.length?K[0][1].filter((function(e){return e.checked})).length:0}),[R,K]);return u("div",{className:F.wrapper,children:[f("div",{className:F.inputWrapper,children:u("div",{className:F.searchInput,children:[R&&u(h,{children:[f(c,{"data-not-migrated-muichip":!0,classes:{root:F.selectedChip,deleteIcon:F.selectedChipDeleteIcon},label:n(b,[R,"labelPlural"],"Assets"),deleteIcon:f(d,{}),onDelete:function(){D(null)}}),U>0&&u("span",{className:F.selectedLabel,children:[U," Selected"]})]}),f(m,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:H,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:q||"",placeholder:"Search for Wells ...",onChange:function(e){var t=e.target.value;H.current.focus(),N(t),B(1)},onKeyUp:function(t){var r=t.target.value,o=t.keyCode,s=C.find((function(t){var o=e(t,2);return o[0],o[1].autoCategorizedKey===r.trim().toLowerCase()}));if(s&&(13===o||32===o))return N(""),D(s[0]),void B(1);""===r&&8===o&&(D(null),B(1))}}),f(y,{title:"Clear",children:f(d,{className:R||q?F.selectedChipDeleteIcon:F.disabledIcon,onClick:function(){N(""),D(null),B(1),W()}})})]})}),!R&&!q&&f(j,{onClickAssetType:function(e){H.current.focus(),D(e),B(1)}}),(R||q)&&f(x,{subjectWellId:p,page:V,assetType:R,loading:G,groupedAssets:K,onClickAsset:function(e,t){t===b.rig.name?w(!e.checked,[e.redirectAssetId],t,[e.asset_id]):w(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var r=K[0][1];t===b.rig.name?w(e,r.map((function(e){return e.redirectAssetId})),t,r.map((function(e){return e.asset_id}))):w(e,r.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&V>1&&B((function(e){return e-1})),"bottom"===e&&B((function(e){return e+1}))},loadingAssetIds:S})]})};v.propTypes={subjectWellId:i.number.isRequired,companyIds:i.arrayOf(i.number),value:i.string.isRequired,selectedWellIds:i.arrayOf(i.number).isRequired,onChange:i.func.isRequired,searchWidth:i.number,onClose:i.func.isRequired,loadingAssetIds:i.arrayOf(i.number)},v.defaultProps={companyIds:null,searchWidth:null,loadingAssetIds:[]};export{v as AutoCompleteAssetSearch};
 //# sourceMappingURL=AutoCompleteAssetSearch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { useAssetsData } from '../../../effects';\n\nimport { AssetTypesSection } from './AssetTypesSection';\nimport { AssetResultSection } from './AssetResultSection';\nimport { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AutoCompleteAssetSearch';\n\nconst StyledTooltip = withStyles(() => ({\n  tooltip: {\n    backgroundColor: '#414141',\n    color: '#ffffff',\n    fontSize: '11px',\n    lineHeight: '16px',\n    borderRadius: '4px',\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n    padding: '4px',\n  },\n}))(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    width: ({ searchWidth }) => searchWidth || 'auto',\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 16,\n  },\n  inputWrapper: {\n    display: 'flex',\n    width: 'auto',\n    margin: '0 8px 8px',\n    alignItems: 'center',\n    flexWrap: 'nowrap',\n    justifyContent: 'space-between',\n  },\n  selectedChip: {\n    height: '24px',\n    margin: '4px',\n  },\n  selectedChipDeleteIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  selectedLabel: {\n    fontWeight: 400,\n    fontSize: '16px',\n    lineHeight: '22px',\n    color: theme.palette.primary.text1,\n    whiteSpace: 'nowrap',\n    paddingLeft: '4px',\n    paddingRight: '8px',\n  },\n  disabledIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    opacity: 0.4,\n  },\n  closeIconButton: {\n    padding: 0,\n    '&:hover $closeIcon': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  searchInput: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    borderBottom: '2px solid #03BCD4',\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n    fontSize: '18px',\n  },\n}));\n\nexport const AutoCompleteAssetSearch = ({\n  companyIds,\n  subjectWellId,\n  value,\n  selectedWellIds,\n  onChange,\n  searchWidth,\n  onClose,\n  loadingAssetIds,\n}) => {\n  const [assetType, setAssetType] = useState(null);\n  const [searchKey, setSearchKey] = useState(null);\n  const [page, setPage] = useState(1);\n  const classes = useStyles({ searchWidth });\n  const searchInputRef = useRef();\n\n  useEffect(() => {\n    setSearchKey(value);\n  }, [value]);\n\n  const [loading, groupedAssets] = useAssetsData(\n    searchKey,\n    assetType,\n    page,\n    companyIds,\n    selectedWellIds\n  );\n\n  const selectedCount = useMemo(() => {\n    if (!assetType || !groupedAssets || groupedAssets.length === 0) return 0;\n    return groupedAssets[0][1].filter(asset => asset.checked).length;\n  }, [assetType, groupedAssets]);\n\n  const handleDeleteAssetType = () => {\n    setAssetType(null);\n  };\n\n  const handleChangeAssetType = key => {\n    searchInputRef.current.focus();\n    setAssetType(key);\n    setPage(1);\n  };\n\n  const handleChangeSearchKey = ({ target: { value } }) => {\n    searchInputRef.current.focus();\n    setSearchKey(value);\n    setPage(1);\n  };\n\n  const handleKeyPress = e => {\n    const { value } = e.target;\n    const { keyCode } = e;\n\n    const availableCategory = CATEGORY_KEY_VALUES.find(\n      ([_, item]) => item.autoCategorizedKey === value.trim().toLowerCase()\n    );\n\n    // NOTE: when type one of categories defined and press enter key or space key\n    // then asset type will be auto selected and clear input field\n    if (availableCategory && (keyCode === 13 || keyCode === 32)) {\n      setSearchKey('');\n      setAssetType(availableCategory[0]);\n      setPage(1);\n      return;\n    }\n\n    // NOTE: when there is no value in input field and press back space key,\n    // then clear asset type as well.\n    if (value === '' && keyCode === 8) {\n      setAssetType(null);\n      setPage(1);\n    }\n  };\n\n  const handleSearchClear = () => {\n    setSearchKey('');\n    setAssetType(null);\n    setPage(1);\n    onClose();\n  };\n\n  const handleScrollReached = position => {\n    if (position === 'top' && page > 1) {\n      setPage(prev => prev - 1);\n    }\n    if (position === 'bottom') {\n      setPage(prev => prev + 1);\n    }\n  };\n\n  const handleChangeAsset = (asset, assetType) => {\n    if (assetType === SEARCH_CATEGORIES.rig.name) {\n      onChange(!asset.checked, [asset.redirectAssetId], assetType, [asset.asset_id]);\n    } else {\n      onChange(!asset.checked, [asset.redirectAssetId], assetType);\n    }\n  };\n\n  const handleChangeAllAssets = (isAllAdding, assetType) => {\n    const assets = groupedAssets[0][1];\n    if (assetType === SEARCH_CATEGORIES.rig.name) {\n      onChange(\n        isAllAdding,\n        assets.map(asset => asset.redirectAssetId),\n        assetType,\n        assets.map(asset => asset.asset_id)\n      );\n    } else {\n      onChange(\n        isAllAdding,\n        assets.map(asset => asset.redirectAssetId),\n        assetType\n      );\n    }\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <div className={classes.inputWrapper}>\n        <div className={classes.searchInput}>\n          {assetType && (\n            <>\n              <Chip\n                data-not-migrated-muichip\n                classes={{ root: classes.selectedChip, deleteIcon: classes.selectedChipDeleteIcon }}\n                label={get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets')}\n                deleteIcon={<CloseIcon />}\n                onDelete={handleDeleteAssetType}\n              />\n              {selectedCount > 0 && (\n                <span className={classes.selectedLabel}>{selectedCount} Selected</span>\n              )}\n            </>\n          )}\n          <Input\n            data-testid={`${PAGE_NAME}_searchInput`}\n            inputRef={searchInputRef}\n            autoFocus\n            disableUnderline\n            fullWidth\n            value={searchKey || ''}\n            placeholder=\"Search for Wells ...\"\n            onChange={handleChangeSearchKey}\n            onKeyUp={handleKeyPress}\n          />\n          <StyledTooltip title=\"Clear\">\n            <CloseIcon\n              className={\n                assetType || searchKey ? classes.selectedChipDeleteIcon : classes.disabledIcon\n              }\n              onClick={handleSearchClear}\n            />\n          </StyledTooltip>\n        </div>\n      </div>\n\n      {!assetType && !searchKey && <AssetTypesSection onClickAssetType={handleChangeAssetType} />}\n      {(assetType || searchKey) && (\n        <AssetResultSection\n          subjectWellId={subjectWellId}\n          page={page}\n          assetType={assetType}\n          loading={loading}\n          groupedAssets={groupedAssets}\n          onClickAsset={handleChangeAsset}\n          onClickAllAsset={handleChangeAllAssets}\n          onScrollReached={handleScrollReached}\n          loadingAssetIds={loadingAssetIds}\n        />\n      )}\n    </div>\n  );\n};\n\nAutoCompleteAssetSearch.propTypes = {\n  subjectWellId: PropTypes.number.isRequired,\n  companyIds: PropTypes.arrayOf(PropTypes.number),\n  value: PropTypes.string.isRequired,\n  selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n  onChange: PropTypes.func.isRequired,\n  searchWidth: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  loadingAssetIds: PropTypes.arrayOf(PropTypes.number),\n};\n\nAutoCompleteAssetSearch.defaultProps = {\n  companyIds: null,\n  searchWidth: null,\n  loadingAssetIds: [],\n};\n"],"names":["StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","_ref","searchWidth","display","flexDirection","inputWrapper","margin","alignItems","flexWrap","justifyContent","selectedChip","height","selectedChipDeleteIcon","palette","primary","text6","text1","selectedLabel","fontWeight","whiteSpace","paddingLeft","paddingRight","disabledIcon","opacity","closeIconButton","searchInput","borderBottom","closeIcon","AutoCompleteAssetSearch","_ref2","companyIds","subjectWellId","value","selectedWellIds","onChange","onClose","loadingAssetIds","useState","_useState2","_slicedToArray","_useState","assetType","setAssetType","_useState4","_useState3","searchKey","setSearchKey","_useState6","_useState5","page","setPage","classes","searchInputRef","useRef","useEffect","useAssetsData","_useAssetsData2","_useAssetsData","loading","groupedAssets","selectedCount","useMemo","length","filter","asset","checked","_jsxs","className","children","_jsx","_Fragment","Chip","root","deleteIcon","label","get","SEARCH_CATEGORIES","CloseIcon","onDelete","Input","concat","inputRef","autoFocus","disableUnderline","fullWidth","placeholder","_ref3","target","current","focus","onKeyUp","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","_ref4","_ref5","autoCategorizedKey","trim","toLowerCase","title","onClick","AssetTypesSection","onClickAssetType","key","AssetResultSection","onClickAsset","rig","name","redirectAssetId","asset_id","onClickAllAsset","isAllAdding","assets","map","onScrollReached","position","prev","propTypes","PropTypes","number","isRequired","arrayOf","string","func","defaultProps"],"mappings":"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"}
+{"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { useAssetsData } from '../../../effects';\n\nimport { AssetTypesSection } from './AssetTypesSection';\nimport { AssetResultSection } from './AssetResultSection';\nimport { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AutoCompleteAssetSearch';\n\nconst StyledTooltip = withStyles(() => ({\n  tooltip: {\n    backgroundColor: '#414141',\n    color: '#ffffff',\n    fontSize: '11px',\n    lineHeight: '16px',\n    borderRadius: '4px',\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n    padding: '4px',\n  },\n}))(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    width: ({ searchWidth }) => searchWidth || 'auto',\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 16,\n  },\n  inputWrapper: {\n    display: 'flex',\n    width: 'auto',\n    margin: '0 8px 8px',\n    alignItems: 'center',\n    flexWrap: 'nowrap',\n    justifyContent: 'space-between',\n  },\n  selectedChip: {\n    height: '24px',\n    margin: '4px',\n  },\n  selectedChipDeleteIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  selectedLabel: {\n    fontWeight: 400,\n    fontSize: '16px',\n    lineHeight: '22px',\n    color: theme.palette.primary.text1,\n    whiteSpace: 'nowrap',\n    paddingLeft: '4px',\n    paddingRight: '8px',\n  },\n  disabledIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    opacity: 0.4,\n  },\n  closeIconButton: {\n    padding: 0,\n    '&:hover $closeIcon': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  searchInput: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    borderBottom: '2px solid #03BCD4',\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n    fontSize: '18px',\n  },\n}));\n\nexport const AutoCompleteAssetSearch = ({\n  companyIds,\n  subjectWellId,\n  value,\n  selectedWellIds,\n  onChange,\n  searchWidth,\n  onClose,\n  loadingAssetIds,\n}) => {\n  const [assetType, setAssetType] = useState(null);\n  const [searchKey, setSearchKey] = useState(null);\n  const [page, setPage] = useState(1);\n  const classes = useStyles({ searchWidth });\n  const searchInputRef = useRef();\n\n  useEffect(() => {\n    setSearchKey(value);\n  }, [value]);\n\n  const [loading, groupedAssets] = useAssetsData(\n    searchKey,\n    assetType,\n    page,\n    companyIds,\n    selectedWellIds\n  );\n\n  const selectedCount = useMemo(() => {\n    if (!assetType || !groupedAssets || groupedAssets.length === 0) return 0;\n    return groupedAssets[0][1].filter(asset => asset.checked).length;\n  }, [assetType, groupedAssets]);\n\n  const handleDeleteAssetType = () => {\n    setAssetType(null);\n  };\n\n  const handleChangeAssetType = key => {\n    searchInputRef.current.focus();\n    setAssetType(key);\n    setPage(1);\n  };\n\n  const handleChangeSearchKey = ({ target: { value } }) => {\n    searchInputRef.current.focus();\n    setSearchKey(value);\n    setPage(1);\n  };\n\n  const handleKeyPress = e => {\n    const { value } = e.target;\n    const { keyCode } = e;\n\n    const availableCategory = CATEGORY_KEY_VALUES.find(\n      ([_, item]) => item.autoCategorizedKey === value.trim().toLowerCase()\n    );\n\n    // NOTE: when type one of categories defined and press enter key or space key\n    // then asset type will be auto selected and clear input field\n    if (availableCategory && (keyCode === 13 || keyCode === 32)) {\n      setSearchKey('');\n      setAssetType(availableCategory[0]);\n      setPage(1);\n      return;\n    }\n\n    // NOTE: when there is no value in input field and press back space key,\n    // then clear asset type as well.\n    if (value === '' && keyCode === 8) {\n      setAssetType(null);\n      setPage(1);\n    }\n  };\n\n  const handleSearchClear = () => {\n    setSearchKey('');\n    setAssetType(null);\n    setPage(1);\n    onClose();\n  };\n\n  const handleScrollReached = position => {\n    if (position === 'top' && page > 1) {\n      setPage(prev => prev - 1);\n    }\n    if (position === 'bottom') {\n      setPage(prev => prev + 1);\n    }\n  };\n\n  const handleChangeAsset = (asset, assetType) => {\n    if (assetType === SEARCH_CATEGORIES.rig.name) {\n      onChange(!asset.checked, [asset.redirectAssetId], assetType, [asset.asset_id]);\n    } else {\n      onChange(!asset.checked, [asset.redirectAssetId], assetType);\n    }\n  };\n\n  const handleChangeAllAssets = (isAllAdding, assetType) => {\n    const assets = groupedAssets[0][1];\n    if (assetType === SEARCH_CATEGORIES.rig.name) {\n      onChange(\n        isAllAdding,\n        assets.map(asset => asset.redirectAssetId),\n        assetType,\n        assets.map(asset => asset.asset_id)\n      );\n    } else {\n      onChange(\n        isAllAdding,\n        assets.map(asset => asset.redirectAssetId),\n        assetType\n      );\n    }\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <div className={classes.inputWrapper}>\n        <div className={classes.searchInput}>\n          {assetType && (\n            <>\n              <Chip\n                data-not-migrated-muichip\n                classes={{ root: classes.selectedChip, deleteIcon: classes.selectedChipDeleteIcon }}\n                label={get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets')}\n                deleteIcon={<CloseIcon />}\n                onDelete={handleDeleteAssetType}\n              />\n              {selectedCount > 0 && (\n                <span className={classes.selectedLabel}>{selectedCount} Selected</span>\n              )}\n            </>\n          )}\n          <Input\n            data-testid={`${PAGE_NAME}_searchInput`}\n            inputRef={searchInputRef}\n            autoFocus\n            disableUnderline\n            fullWidth\n            value={searchKey || ''}\n            placeholder=\"Search for Wells ...\"\n            onChange={handleChangeSearchKey}\n            onKeyUp={handleKeyPress}\n          />\n          <StyledTooltip title=\"Clear\">\n            <CloseIcon\n              className={\n                assetType || searchKey ? classes.selectedChipDeleteIcon : classes.disabledIcon\n              }\n              onClick={handleSearchClear}\n            />\n          </StyledTooltip>\n        </div>\n      </div>\n\n      {!assetType && !searchKey && <AssetTypesSection onClickAssetType={handleChangeAssetType} />}\n      {(assetType || searchKey) && (\n        <AssetResultSection\n          subjectWellId={subjectWellId}\n          page={page}\n          assetType={assetType}\n          loading={loading}\n          groupedAssets={groupedAssets}\n          onClickAsset={handleChangeAsset}\n          onClickAllAsset={handleChangeAllAssets}\n          onScrollReached={handleScrollReached}\n          loadingAssetIds={loadingAssetIds}\n        />\n      )}\n    </div>\n  );\n};\n\nAutoCompleteAssetSearch.propTypes = {\n  subjectWellId: PropTypes.number.isRequired,\n  companyIds: PropTypes.arrayOf(PropTypes.number),\n  value: PropTypes.string.isRequired,\n  selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n  onChange: PropTypes.func.isRequired,\n  searchWidth: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  loadingAssetIds: PropTypes.arrayOf(PropTypes.number),\n};\n\nAutoCompleteAssetSearch.defaultProps = {\n  companyIds: null,\n  searchWidth: null,\n  loadingAssetIds: [],\n};\n"],"names":["StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","_ref","searchWidth","display","flexDirection","inputWrapper","margin","alignItems","flexWrap","justifyContent","selectedChip","height","selectedChipDeleteIcon","palette","primary","text6","text1","selectedLabel","fontWeight","whiteSpace","paddingLeft","paddingRight","disabledIcon","opacity","closeIconButton","searchInput","borderBottom","closeIcon","AutoCompleteAssetSearch","_ref2","companyIds","subjectWellId","value","selectedWellIds","onChange","onClose","loadingAssetIds","useState","_useState2","_slicedToArray","_useState","assetType","setAssetType","_useState4","_useState3","searchKey","setSearchKey","_useState6","_useState5","page","setPage","classes","searchInputRef","useRef","useEffect","useAssetsData","_useAssetsData2","_useAssetsData","loading","groupedAssets","selectedCount","useMemo","length","filter","asset","checked","_jsxs","className","children","_jsx","_Fragment","Chip","root","deleteIcon","label","get","SEARCH_CATEGORIES","CloseIcon","onDelete","Input","concat","inputRef","autoFocus","disableUnderline","fullWidth","placeholder","_ref3","target","current","focus","onKeyUp","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","_ref4","_ref5","autoCategorizedKey","trim","toLowerCase","title","onClick","AssetTypesSection","onClickAssetType","key","AssetResultSection","onClickAsset","rig","name","redirectAssetId","asset_id","onClickAllAsset","isAllAdding","assets","map","onScrollReached","position","prev","propTypes","PropTypes","number","isRequired","arrayOf","string","func","defaultProps"],"mappings":"g1FAYA,IAEMA,EAAgBC,GAAW,WAAA,MAAO,CACtCC,QAAS,CACPC,gBAAiB,UACjBC,MAAO,UACPC,SAAU,OACVC,WAAY,OACZC,aAAc,MACdC,UAAW,kCACXC,QAAS,OAEZ,GAVqBR,CAUlBS,GAEEC,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,MAAO,SAAAC,GAAc,SAAXC,aAAiC,MAAM,EACjDC,QAAS,OACTC,cAAe,SACfV,QAAS,IAEXW,aAAc,CACZF,QAAS,OACTH,MAAO,OACPM,OAAQ,YACRC,WAAY,SACZC,SAAU,SACVC,eAAgB,iBAElBC,aAAc,CACZC,OAAQ,OACRL,OAAQ,OAEVM,uBAAwB,CACtBZ,MAAO,OACPW,OAAQ,OACRtB,MAAOS,EAAMe,QAAQC,QAAQC,MAC7B,UAAW,CACT1B,MAAOS,EAAMe,QAAQC,QAAQE,QAGjCC,cAAe,CACbC,WAAY,IACZ5B,SAAU,OACVC,WAAY,OACZF,MAAOS,EAAMe,QAAQC,QAAQE,MAC7BG,WAAY,SACZC,YAAa,MACbC,aAAc,OAEhBC,aAAc,CACZtB,MAAO,OACPW,OAAQ,OACRtB,MAAOS,EAAMe,QAAQC,QAAQC,MAC7BQ,QAAS,IAEXC,gBAAiB,CACf9B,QAAS,EACT,qBAAsB,CACpBL,MAAOS,EAAMe,QAAQC,QAAQE,QAGjCS,YAAa,CACXzB,MAAO,OACPG,QAAS,OACTC,cAAe,MACfK,eAAgB,gBAChBF,WAAY,SACZmB,aAAc,qBAEhBC,UAAW,CACTtC,MAAOS,EAAMe,QAAQC,QAAQC,MAC7BzB,SAAU,QAEb,IAEYsC,EAA0B,SASjCC,GAAA,IARJC,IAAAA,WACAC,IAAAA,cACAC,IAAAA,MACAC,IAAAA,gBACAC,IAAAA,SACAhC,IAAAA,YACAiC,IAAAA,QACAC,IAAAA,gBAEkCC,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAzCC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACID,EAAAA,EAAS,MAAKM,EAAAJ,EAAAK,EAAA,GAAzCC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACNN,EAAAA,EAAS,GAAEU,EAAAR,EAAAS,EAAA,GAA5BC,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GACdI,EAAUvD,EAAU,CAAEM,YAAAA,IACtBkD,EAAiBC,IAEvBC,GAAU,WACRR,EAAad,EACf,GAAG,CAACA,IAEJ,IAAiCuB,EAAAA,EAC/BV,EACAJ,EACAQ,EACAnB,EACAG,GACDuB,EAAAjB,EAAAkB,EAAA,GANMC,EAAOF,EAAA,GAAEG,EAAaH,EAAA,GAQvBI,EAAgBC,GAAQ,WAC5B,OAAKpB,GAAckB,GAA0C,IAAzBA,EAAcG,OAC3CH,EAAc,GAAG,GAAGI,QAAO,SAAAC,GAAK,OAAIA,EAAMC,OAAO,IAAEH,OADa,CAEzE,GAAG,CAACrB,EAAWkB,IAqFf,OACEO,EAAA,MAAA,CAAKC,UAAWhB,EAAQpD,QAAQqE,SAC9B,CAAAC,EAAA,MAAA,CAAKF,UAAWhB,EAAQ9C,aAAa+D,SACnCF,EAAA,MAAA,CAAKC,UAAWhB,EAAQ1B,YAAY2C,SAAA,CACjC3B,GACCyB,EAAAI,EAAA,CAAAF,SAAA,CACEC,EAACE,EAAI,CACH,6BAAyB,EACzBpB,QAAS,CAAEqB,KAAMrB,EAAQzC,aAAc+D,WAAYtB,EAAQvC,wBAC3D8D,MAAOC,EAAIC,EAAmB,CAACnC,EAAW,eAAgB,UAC1DgC,WAAYJ,EAACQ,EAAa,IAC1BC,SA9FgB,WAC5BpC,EAAa,SA+FFkB,EAAgB,GACfM,EAAA,OAAA,CAAMC,UAAWhB,EAAQlC,cAAcmD,SAAA,CAAER,EAAa,kBAI5DS,EAACU,EAAK,CACJ,cAAA,GAAAC,OAnNM,0BAmNkC,gBACxCC,SAAU7B,EACV8B,WAAS,EACTC,kBAAgB,EAChBC,WAAS,EACTpD,MAAOa,GAAa,GACpBwC,YAAY,uBACZnD,SAnGoB,SAA2BoD,GAAA,IAAdtD,EAAKsD,EAAfC,OAAUvD,MACzCoB,EAAeoC,QAAQC,QACvB3C,EAAad,GACbkB,EAAQ,IAiGAwC,QA9Fa,SAAAC,GACrB,IAAQ3D,EAAU2D,EAAEJ,OAAZvD,MACA4D,EAAYD,EAAZC,QAEFC,EAAoBC,EAAoBC,MAC5C,SAAAC,GAAA,IAAAC,EAAA1D,EAAAyD,EAAA,GAAS,OAANC,EAAA,GAAMA,EAAA,GAAWC,qBAAuBlE,EAAMmE,OAAOC,iBAK1D,GAAIP,IAAkC,KAAZD,GAA8B,KAAZA,GAI1C,OAHA9C,EAAa,IACbJ,EAAamD,EAAkB,SAC/B3C,EAAQ,GAMI,KAAVlB,GAA4B,IAAZ4D,IAClBlD,EAAa,MACbQ,EAAQ,OA2EJmB,EAACpF,EAAa,CAACoH,MAAM,QAAOjC,SAC1BC,EAACQ,EAAS,CACRV,UACE1B,GAAaI,EAAYM,EAAQvC,uBAAyBuC,EAAQ7B,aAEpEgF,QA5Ec,WACxBxD,EAAa,IACbJ,EAAa,MACbQ,EAAQ,GACRf,eA8EIM,IAAcI,GAAawB,EAACkC,EAAiB,CAACC,iBAvHtB,SAAAC,GAC5BrD,EAAeoC,QAAQC,QACvB/C,EAAa+D,GACbvD,EAAQ,OAqHJT,GAAaI,IACbwB,EAACqC,EAAkB,CACjB3E,cAAeA,EACfkB,KAAMA,EACNR,UAAWA,EACXiB,QAASA,EACTC,cAAeA,EACfgD,aA1EkB,SAAC3C,EAAOvB,GAC5BA,IAAcmC,EAAkBgC,IAAIC,KACtC3E,GAAU8B,EAAMC,QAAS,CAACD,EAAM8C,iBAAkBrE,EAAW,CAACuB,EAAM+C,WAEpE7E,GAAU8B,EAAMC,QAAS,CAACD,EAAM8C,iBAAkBrE,IAuE9CuE,gBAnEsB,SAACC,EAAaxE,GAC1C,IAAMyE,EAASvD,EAAc,GAAG,GAC5BlB,IAAcmC,EAAkBgC,IAAIC,KACtC3E,EACE+E,EACAC,EAAOC,KAAI,SAAAnD,GAAK,OAAIA,EAAM8C,eAAgB,IAC1CrE,EACAyE,EAAOC,KAAI,SAAAnD,GAAK,OAAIA,EAAM+C,QAAQ,KAGpC7E,EACE+E,EACAC,EAAOC,KAAI,SAAAnD,GAAK,OAAIA,EAAM8C,mBAC1BrE,IAuDE2E,gBArFoB,SAAAC,GACT,QAAbA,GAAsBpE,EAAO,GAC/BC,GAAQ,SAAAoE,GAAI,OAAIA,EAAO,KAER,WAAbD,GACFnE,GAAQ,SAAAoE,GAAI,OAAIA,EAAO,MAiFnBlF,gBAAiBA,MAK3B,EAEAR,EAAwB2F,UAAY,CAClCxF,cAAeyF,EAAUC,OAAOC,WAChC5F,WAAY0F,EAAUG,QAAQH,EAAUC,QACxCzF,MAAOwF,EAAUI,OAAOF,WACxBzF,gBAAiBuF,EAAUG,QAAQH,EAAUC,QAAQC,WACrDxF,SAAUsF,EAAUK,KAAKH,WACzBxH,YAAasH,EAAUC,OACvBtF,QAASqF,EAAUK,KAAKH,WACxBtF,gBAAiBoF,EAAUG,QAAQH,EAAUC,SAG/C7F,EAAwBkG,aAAe,CACrChG,WAAY,KACZ5B,YAAa,KACbkC,gBAAiB"}

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"../../../../icons/customIcons/icons/Radius.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};
+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"../../../../icons/customIcons/icons/Radius.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";import"../../../../componentsV2/Slider/constants.js";import"../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../componentsV2/Slider/Slider.scss.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],b=s(!1),D=o(b,2),P=D[0],T=D[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":"8xZAWA,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":"48ZAWA,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/OffsetWellsTableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellsTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTableRow.js"],"names":[],"mappings":"AA6aA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAsE;sBA5ahD,YAAY"}
+{"version":3,"file":"OffsetWellsTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTableRow.js"],"names":[],"mappings":"AA8aA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAsE;sBA7ahD,YAAY"}

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

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