@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/OffsetWellPickerV3/components/OffsetWellSelectionView/index.js

@@ -1 +1,622 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/toConsumableArray";import o from"@babel/runtime/helpers/typeof";import s from"@babel/runtime/helpers/slicedToArray";import{memo as r,useState as i,useCallback as n,useEffect as p,useMemo as m}from"react";import a from"prop-types";import c from"classnames";import{union as l,get as d}from"lodash";import{makeStyles as j,Table as u}from"@material-ui/core";import{useWells as C,useFetchBicWellsData as f}from"../../effects/index.js";import{ALL_KEY as A,FILTER_BASEDON_TYPE as b,WELL_NAME_KEY as v,DEFAULT_WELL_SECTIONS as g}from"../../constants.js";import h from"../shared/OffsetWellTableHead.js";import S from"../shared/OffsetWellTableRows.js";import{jsx as T,jsxs as D}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@icon-park/react/es/all";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../utils/mobileDetect.js";import"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../utils/env.js";import"../../../GradientManager/configuration/constants.js";import"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Grid.scss.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/Popover/Popover.scss.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/Avatar/constants.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"../../../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../../../clients/subscriptions.js";import"../../../../clients/jsonApi/index.js";import"jsona";import"../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import P from"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../OffsetWellPickerV4/utils/index.js";import"../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../../styles/typography/index.js";import"../../../../styles/counter/counter.module.scss.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";function V(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,s)}return o}function I(t){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?V(Object(s),!0).forEach((function(o){e(t,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):V(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var x=j({offsetwellContainer:{position:"relative",flex:1,overflow:"auto","&::-webkit-scrollbar-corner":{background:"rgba(0, 0, 0, 0)"},display:"inline-block"},containerHidden:{display:"none"},loadingWrapper:{display:"flex",alignItems:"center",height:"550px"}});function y(r){var a=r.open,j=r.companyId,V=r.subjectWellId,y=r.filterBasedOn,B=r.setSectionOptions,E=r.selectedSection,O=r.setSelectedOffsetWells,k=r.isTablet,F=r.isMobile,W=x({isTablet:k,isMobile:F}),M=C(j),L=f(V),w=i([]),R=s(w,2),H=R[0],G=R[1],q=n((function(e){return"well"===e.name?"Entire Well":"section"===e.filterMode?"".concat(e.name):"".concat(e.name," in")}),[]);p((function(){if(M){var e,t=function(e,t){var o=e.find((function(e){return e.id===t}));return d(o,v)||"-"};if(L&&L.filters&&L.result){var s,r,i=(null==L||null===(s=L.filters)||void 0===s?void 0:s.filterTabs)||[],n=null==L||null===(r=L.filters)||void 0===r?void 0:r.filterMode;e=i.map((function(e){var s;return{id:e.value,name:e.value,filterMode:n,wells:(null===(s=L.result[e.value])||void 0===s?void 0:s.filter((function(e){return M.find((function(t){return t.id===e}))})).map((function(e){var s="object"===o(e)?e.id:e;return{id:s,name:t(M,s)}})))||[]}}))}else e=g;G(e);var p=[{id:A,name:"All"}];e.forEach((function(e){p.push({id:e.id,name:q(e)})})),B(p)}}),[M,L]);var z=m((function(){var o=H.reduce((function(e,t){return l(e,t.wells)}),[]).reduce((function(e,o){return e.find((function(e){return e.id===o.id}))?e:[].concat(t(e),[{id:o.id,name:o.name}])}),[]),s=[],r=H.filter((function(e){return E===A||E===e.id}));y===b.entireWell?s.push({id:"All Wells",numeric:!0,label:"All Wells (".concat(o.length,")")}):r.forEach((function(e){s.push({id:e.name,numeric:!0,label:"".concat(q(e)," (").concat(e.wells.length,")")})}));var i=[];return o.forEach((function(t){var o=s.reduce((function(o,s){return y===b.entireWell||r.find((function(e){return e.name===s.id})).wells.find((function(e){return t.name===e.name}))?I(I({},o),{},e({},s.id,1)):E===A?I(I({},o),{},e({},s.id,0)):null}),{id:t.id,name:t.name});o&&i.push(o)})),s.unshift({id:v,numeric:!1,label:"Well Names (".concat(i.length,")")}),[s,i]}),[H,E]),N=s(z,2),U=N[0],Z=N[1];p((function(){if(a){var e=Z.map((function(e){return{id:e.id}}));O(e)}}),[a,Z]);var K=i("asc"),X=s(K,2),J=X[0],Q=X[1],Y=i(v),$=s(Y,2),_=$[0],ee=$[1],te=!M;return T("div",{className:c(W.offsetwellContainer,e({},W.containerHidden,!a)),children:te?T("div",{className:W.loadingWrapper,children:T(P,{fullscreen:!1})}):D(u,{size:"small",style:{borderCollapse:"separate"},children:[T(h,{headCells:U,order:J,orderBy:_,onRequestSort:function(e,t){Q(_===t&&"asc"===J?"desc":"asc"),ee(t)},isTablet:k,isMobile:F,rowNum:Z.length}),T(S,{rows:Z,headCells:U.slice(1),order:J,orderBy:_,isTablet:k,isMobile:F})]})})}y.propTypes={open:a.bool.isRequired,companyId:a.number.isRequired,subjectWellId:a.number.isRequired,filterBasedOn:a.string.isRequired,setSectionOptions:a.func.isRequired,selectedSection:a.any.isRequired,setSelectedOffsetWells:a.func.isRequired,isTablet:a.bool.isRequired,isMobile:a.bool.isRequired};var B=r(y);export{B as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _typeof from '@babel/runtime/helpers/typeof';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { memo, useState, useCallback, useEffect, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { union, get } from 'lodash';
+import { makeStyles, Table } from '@material-ui/core';
+import { useWells, useFetchBicWellsData } from '../../effects/index.js';
+import { ALL_KEY, FILTER_BASEDON_TYPE, WELL_NAME_KEY, DEFAULT_WELL_SECTIONS } from '../../constants.js';
+import OffsetWellTableHead from '../shared/OffsetWellTableHead.js';
+import OffsetWellTableRows from '../shared/OffsetWellTableRows.js';
+import '../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
+import '../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import '../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@icon-park/react/es/all';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../../../../icons/IconParkProvider.js';
+import '../../../../icons/customIcons/icons/AddMessage.js';
+import '../../../../icons/customIcons/icons/Attention.js';
+import '../../../../icons/customIcons/icons/Collapse.js';
+import '../../../../icons/customIcons/icons/Dashboard.js';
+import '../../../../icons/customIcons/icons/Expand.js';
+import '../../../../icons/customIcons/icons/FolderClosed.js';
+import '../../../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../../../icons/customIcons/icons/FolderOpened.js';
+import '../../../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../../../icons/customIcons/icons/LessOrEqual.js';
+import '../../../../icons/customIcons/icons/Search.js';
+import '../../../../icons/customIcons/icons/Wellhub.js';
+import '../../../../icons/customIcons/icons/MultiRuler.js';
+import '../../../../icons/customIcons/icons/Checkbox.js';
+import '../../../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../../../icons/customIcons/icons/Radio.js';
+import '../../../../icons/customIcons/icons/RadioChecked.js';
+import '../../../../icons/customIcons/icons/SimulFrac.js';
+import '../../../../icons/customIcons/icons/ZipperFrac.js';
+import '../../../../icons/customIcons/icons/CautionFilled.js';
+import '../../../../icons/customIcons/icons/MoreApp.js';
+import '../../../../icons/customIcons/icons/Pad.js';
+import '../../../../icons/customIcons/icons/Gap.js';
+import '../../../../utils/mobileDetect.js';
+import '../../../IconButton/index.js';
+import '../../../../constants/goals.js';
+import '../../../../constants/segment.js';
+import '../../../../constants/alerts.js';
+import '../../../../constants/apps.js';
+import '../../../../constants/drillstring.js';
+import '../../../../constants/completion.js';
+import '../../../../constants/appPackages.js';
+import '../../../../constants/notifications.js';
+import '../../../../constants/feed.js';
+import '../../../../constants/bha.js';
+import '../../../../utils/env.js';
+import '../../../GradientManager/configuration/constants.js';
+import '../../../Modal/CorvaModal.css.js';
+import 'uuid';
+import '../../../IconMenu/index.js';
+import '../../../StyledMenuItem/index.js';
+import '../../../AppIcon/AppIcon.js';
+import '../../../DevCenter/AppHeader/AppHeader.js';
+import '../../../DevCenter/AppSideBar/AppSideBar.js';
+import '../../../DevCenter/AppsDataProvider/AppsDataProvider.js';
+import '@material-ui/icons';
+import '../../../DevCenter/AppContext.js';
+import '../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import '../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import 'react-router';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '../../../../utils/index.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../../../../componentsV2/Text/Text.js';
+import '../../../../componentsV2/Grid/Grid.js';
+import '../../../../componentsV2/Grid/Grid.scss.js';
+import '../../../../componentsV2/Header/Header.scss.js';
+import '../../../../componentsV2/Button/Button.js';
+import '../../../../componentsV2/ButtonIcon/ButtonIcon.js';
+import '../../../../componentsV2/Tooltip/Tooltip.scss.js';
+import '../../../../componentsV2/Paper/Paper.js';
+import '../../../../componentsV2/Popover/Popover.scss.js';
+import '../../../../componentsV2/Radio/Radio.js';
+import '../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js';
+import '../../../../componentsV2/Checkbox/Checkbox.js';
+import '../../../../componentsV2/TextInput/TextInput.js';
+import '../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js';
+import '../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js';
+import '../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js';
+import '../../../../componentsV2/TextLink/TextLink.js';
+import '../../../../componentsV2/Chip/Chip.js';
+import '../../../../componentsV2/ChipAlert/ChipAlert.js';
+import '../../../../componentsV2/ChipIndicator/ChipIndicator.js';
+import '../../../../componentsV2/Avatar/Avatar.js';
+import '../../../../componentsV2/Avatar/constants.js';
+import '../../../../componentsV2/AvatarGroup/AvatarGroup.scss.js';
+import '@material-ui/lab';
+import '../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js';
+import '../../../../componentsV2/Modal/Modal.scss.js';
+import '../../../../componentsV2/Menu/Menu.js';
+import '../../../../componentsV2/Counter/Counter.js';
+import '../../../../componentsV2/BadgeBase/BadgeBase.scss.js';
+import '../../../../componentsV2/BadgeDot/BadgeDot.scss.js';
+import '../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js';
+import '../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js';
+import '../../../../componentsV2/Switch/Switch.js';
+import '../../../../componentsV2/Tabs/Tabs.js';
+import '../../../../componentsV2/EmptyState/EmptyState.scss.js';
+import '../../../../componentsV2/FileIcon/FileIcon.js';
+import 'react-dropzone';
+import '../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js';
+import '../../../../componentsV2/FilesLoader/FilesLoader.scss.js';
+import '../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js';
+import '../../../../componentsV2/Skeleton/Skeleton.scss.js';
+import '../../../../utils/main.js';
+import '../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js';
+import '../../../../componentsV2/Stepper/Step/Step.scss.js';
+import '../../../../componentsV2/Stepper/Stepper.scss.js';
+import '../../../../componentsV2/ButtonLive/ButtonLive.js';
+import '../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js';
+import '../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js';
+import '../../../../componentsV2/Accordion/Accordion.scss.js';
+import '../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js';
+import '../../../../componentsV2/BadgeComment/BadgeComment.js';
+import '../../../../componentsV2/AppContainer/AppContainer.js';
+import '../../../../componentsV2/AppContainer/AppContainer.constants.js';
+import '../../../../componentsV2/AppFooter/AppFooter.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js';
+import '../../../../componentsV2/AppHeader/AppHeader.constants.js';
+import '../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js';
+import '../../../../componentsV2/AppHeader/AppAssets/AppAssets.js';
+import '../../../PadModeSelect/PadModeSelect.js';
+import '../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js';
+import '../../../../constants/streamSourceType.js';
+import '../../../../componentsV2/AppHeader/AppHeader.scss.js';
+import '../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import '../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import 'rollbar';
+import '@rollbar/react';
+import '../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js';
+import '../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js';
+import '../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../../../Icons/AnnotationIcon.js';
+import '../../../Annotations/components/AnnotationsList/index.js';
+import '../../../Annotations/components/LastAnnotation/index.js';
+import '../../../Annotations/AnnotationsContext.js';
+import '../../../Toaster/Toaster.js';
+import 'querystring';
+import 'uuid/v1';
+import '../../../../clients/subscriptions.js';
+import 'query-string';
+import '../../../../clients/api/apiCore.js';
+import '../../../../clients/constants.js';
+import 'jsona';
+import '../../../StatusBadge/constants.js';
+import 'lodash/set';
+import 'lodash/get';
+import 'lodash/unset';
+import 'moment';
+import '../../../../clients/sso/auth0.js';
+import '../../../../clients/sso/oauth2.js';
+import 'lodash/isEmpty';
+import 'lodash/sortBy';
+import '../../../HelpCenter/HelpCenterIcon.js';
+import '../../../DevCenter/NavigationBar/NavigationBar.js';
+import '../../../DevCenter/SideBar/SideBar.js';
+import '../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import '../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js';
+import '../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import '../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import '../../../AssetEditor/index.js';
+import '../../../AssetEditorV2/index.js';
+import '../../../AppVersionsSelect/AppVersionsSelect.js';
+import LoadingIndicator from '../../../LoadingIndicator/LoadingIndicator.js';
+import '../../../Typography.js';
+import '../../../RealTimeValuesSidebar/RealTimeSidebar.js';
+import '../../../CollapsableSidebar.js';
+import '../../../DateTimePicker/index.js';
+import '../../../DatePicker/index.js';
+import '../../../ErrorBoundary/ErrorBoundary.js';
+import '../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import '../../../SlateFormattedText/SlateFormattedText.js';
+import '../../../SlateFormattedText/RenderElements.js';
+import 'slate';
+import '../../../EmptyState/EmptyState.js';
+import '../../../ParameterCharts/ParameterCharts.js';
+import '../../../ParameterCharts/AddEditTrack.js';
+import '../../../ChartActionsList/ChartActionsList.js';
+import '../../../CopyToClipboard/CopyToClipboard.js';
+import '../../../AssetEditor/AssetEditorAutocomplete.js';
+import '../../../AssetEditor/SingleAssetEditor.js';
+import 'react-color';
+import '../../../SettingEditors/ColorEditor/style.css.js';
+import '../../../SettingEditors/DropdownEditor/index.js';
+import '../../../SwitchControl/index.js';
+import '../../../ColorPicker/ColorPicker.js';
+import '../../../Chart/components/ChartButton.js';
+import '../../../Chart/components/ChartButtons.js';
+import '../../../Chart/components/ChartWrapper.js';
+import '../../../Chart/components/AxisDropdown.js';
+import '../../../Chart/components/ChartSelect.js';
+import '../../../Chart/components/buttons/DragToZoomButton.js';
+import '../../../Chart/components/buttons/ZoomInButton.js';
+import '../../../Chart/components/buttons/ZoomOutButton.js';
+import '../../../Chart/components/buttons/PanButton.js';
+import '../../../Chart/components/buttons/ResetZoomButton.js';
+import '../../../Chart/components/buttons/HideAxesButton.js';
+import '../../../Chart/components/buttons/ChartTypeButton.js';
+import '../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import '../../../TruncatedText/index.js';
+import '../../../MiddleTruncatedText/MiddleTruncatedText.js';
+import '../../../RangeSlider/constants.js';
+import '../../../RangeSlider/Input.css.js';
+import '../../../RangeSlider/RangeSlider.css.js';
+import '../../../AdvancedSlider/AdvancedSlider.js';
+import '../../../Breadcrumbs/index.js';
+import '../../../VirtualizedTable/index.js';
+import '../../../EmptyView/EmptyView.js';
+import '../../../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../../../Button/components/Button/index.js';
+import 'moment-timezone';
+import '../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
+import '../../../Button/components/LiveButton/styles.js';
+import '../../../ContextMenuItem/index.js';
+import '../../../FolderMenuItem/index.js';
+import '../../../EditableItem/EditableItem/index.js';
+import '../../../EditableItem/EditableItemWithBadge/index.js';
+import '../../../Checkbox/index.js';
+import '../../../FolderMenuItemWithLinks/index.js';
+import '../../../TextField/index.js';
+import '../../../Chip/index.js';
+import '../../../Counter/index.js';
+import '../../../AnchorsList/AnchorsList.js';
+import '../../../Select/index.js';
+import '../../../Select/SelectFilterBy.js';
+import '../../../CustomSelect/index.js';
+import '../../../Tabs/Tabs.js';
+import '../../../Tabs/Tab.js';
+import '../../../ResizableTable/ResizableTable.js';
+import '../../../GradientPicker/GradientPicker.js';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@material-ui/icons/AddCircle';
+import '../../../GradientManager/GradientPreview/GradientPreview.js';
+import '../../../GradientManager/GradientSelect.styles.js';
+import '../../../GradientManager/GradientManager.styles.js';
+import '../../../Drillstring/BHASchematic.js';
+import '../../../Drillstring/BHATable/index.js';
+import '../../../Drillstring/BHAComponentIcon.js';
+import '../../../Drillstring/BHAComponentDetail/index.js';
+import '../../../Drillstring/BHATileIcon.js';
+import '../../../Drillstring/BHATile/BHATile.js';
+import '../../../Drillstring/BHAList/BHAList.js';
+import '../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js';
+import '../../../Casing/CasingTable/index.js';
+import '../../../Casing/CasingComponentIcon.js';
+import '../../../Casing/CasingTileIcon.js';
+import '../../../Casing/CasingTableV2/CasingTableV2.js';
+import '../../../Casing/CasingTile/CasingTile.js';
+import '../../../DisabledSettingsMessage/DisabledSettingsMessage.js';
+import '../../../WellSummary/WellSummaryItemLabel.js';
+import '../../../WellSummary/WellSummaryItemTitle.js';
+import '../../../WellSummary/WellSummaryItemValue.js';
+import '../../../WellSummary/ActivitySummaryChart.js';
+import '../../../WellSummary/FracWirelineTimeChart.js';
+import '../../../BICOffsetPickerDialog/index.js';
+import '../../../OffsetWellButton/OffsetWellButton.js';
+import '../../../OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import '../../index.js';
+import '../../../OffsetWellChips/Chip.js';
+import '../../../OffsetWellChips/ChipsContainer.js';
+import '../../../OffsetWellPickerV4/utils/apiCalls.js';
+import '../../../OffsetWellPickerV4/effects/useAdvancedWells.js';
+import '../../../OffsetWellPickerV4/constants.js';
+import 'react-virtualized';
+import '../../../OffsetWellPickerV4/effects/useAssetsData.js';
+import '../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js';
+import '../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js';
+import '../../../OffsetWellPickerV4/components/Filter/Filter.js';
+import '../../../OffsetWellPickerV4/components/Map/WellsMap.js';
+import '../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js';
+import '../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js';
+import '../../../OffsetWellPickerV4/utils/index.js';
+import '../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js';
+import '@material-ui/core/Snackbar';
+import '../../../Notifications/Toast.js';
+import '../../../../styles/typography/index.js';
+import '../../../../styles/counter/counter.module.scss.js';
+import '../../../OffsetWellMap/OffsetWellMap.js';
+import '../../../ConfirmationDialog.js';
+import '../../../TextLink/index.js';
+import '../../../Avatar/index.js';
+import '../../../Template/TemplatePopover/index.js';
+import '../../../Template/TemplateSharingDialog/index.js';
+import '../../../MenuItem/index.js';
+import '../../../MiddleTruncate/MiddleTruncate.js';
+import '../../../PinnableFilters/PinnableFilters.js';
+import '../../../HeaderLayout/HeaderLayout.js';
+import '../../../PadOffsetsPicker/PadOffsetsPicker.js';
+import '../../../PadOffsetsPicker/OffsetAssetChip.js';
+import '../../../PadOffsetsPicker/OffsetAssetsListExpander.js';
+import '../../../PadOffsetsPicker/StagesSelector.js';
+import '../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js';
+import '../../../Table/TableToolbar/TableToolbar.js';
+import '../../../Table/TableContainer/TableContainer.js';
+import '../../../Table/TableCell/TableCell.js';
+import '../../../Table/TablePagination/TablePagination.js';
+import '../../../Table/TablePaginationActions/TablePaginationActions.js';
+import '../../../Tooltip/ScrollableTooltip.js';
+import '../../../PriceInput/PriceInput.js';
+import '../../../LabelsCounter/LabelsCounter.js';
+import '../../../Stepper/Stepper.js';
+import '../../../Stepper/Step/Step.js';
+import '../../../Stepper/StepsWrapper.js';
+import '../../../Comment/CommentIcon/index.js';
+import '../../../FilesLoader/FilesLoader.js';
+import '../../../SearchInput/index.js';
+import '../../../FeedItem/FeedItem.js';
+import '../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import '../../../PostInput/PostInput.js';
+import '../../../KeyboardDateTimePicker.js';
+import '../../../AddComment/Popover.js';
+import '../../../AddComment/Popup.js';
+import '../../../StageDesignVActual/ComparisonBar/ComparisonBar.js';
+import '../../../StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import '../../../StageDesignVActual/ComparisonHeader.js';
+import '../../../StageDesignVActual/ComparisonRow.js';
+import '../../../EmbeddedApp/DevCenterEmbeddedApp.js';
+import '../../../EmbeddedApp/EmbeddedApp.js';
+import '../../../Autocomplete/Autocomplete.js';
+import '../../../DocumentViewer/DocumentViewer.js';
+import '../../../ColorPickerPalette/ColorPickerPalette.js';
+import '../../../Search/Search.js';
+import '../../../Search/components/Listbox.js';
+import '../../../Search/components/Paper.js';
+import '../../../Search/components/RecentSearches.js';
+import '../../../Search/components/Groups.js';
+import '../../../Search/components/SelectAllListItem.js';
+import '../../../StatusBadge/index.js';
+import '../../../Attachment/index.js';
+import '../../../EmojiIconButton.js';
+import '../../../FileUploadIconButton.js';
+import '../../../FilePreview/index.js';
+import '../../../FailedFileUploading.js';
+import '../../../UserMention/index.js';
+import '../../../CommentsInfo/index.js';
+import '../../../CommentInput/index.js';
+import '../../../Comment/index.js';
+import '../../../CommentLoader.js';
+import '../../../AssetNameLabel/AssetStatusBadge.js';
+import '../../../AssetEditorV2/components/PrimaryAssetSelect.js';
+import '../../../AssetEditorV2/components/SecondaryAssetSelect.js';
+import '../../../AssetEditorV2/components/SelectItem.js';
+import '../../../AssetEditorV2/components/MultipleAssetsToggle.js';
+import '../../../AssetEditorV2/components/PrimaryAssetSelectV2.js';
+import '../../../EChartsWrapper/EChartsWrapper.js';
+import '../../../AssetsMultipleSelector/AssetsMultipleSelector.js';
+import '@material-ui/icons/Close';
+import '@material-ui/icons/GetApp';
+import '../../../GoogleDocsViewer/index.js';
+import '../../../NewDocumentViewer/effects/useFileContent.js';
+import '../../../NewDocumentViewer/styles.js';
+import '../../../FilesLoaderV2/styles.js';
+import '../../../FilesDropzone/styles.js';
+import '../../../FilesProcessor/styles.js';
+import '../../../Hint/styles.js';
+import '@babel/runtime/helpers/taggedTemplateLiteral';
+import 'fparser';
+import '../../../Formula/useFormulaStyles.js';
+import '../../../Formula/RootXIcon.js';
+import '../../../Formula/FormulaTextEditor.js';
+import '../../../Formula/CloseSuggestion.js';
+import '../../../Formula/SuggestionsMenu.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles({
+  offsetwellContainer: {
+    position: 'relative',
+    flex: 1,
+    overflow: 'auto',
+    '&::-webkit-scrollbar-corner': {
+      background: 'rgba(0, 0, 0, 0)'
+    },
+    display: 'inline-block'
+  },
+  containerHidden: {
+    display: 'none'
+  },
+  loadingWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    height: '550px'
+  }
+});
+function OffsetWellSelectionView(_ref) {
+  var open = _ref.open,
+    companyId = _ref.companyId,
+    subjectWellId = _ref.subjectWellId,
+    filterBasedOn = _ref.filterBasedOn,
+    setSectionOptions = _ref.setSectionOptions,
+    selectedSection = _ref.selectedSection,
+    setSelectedOffsetWells = _ref.setSelectedOffsetWells,
+    isTablet = _ref.isTablet,
+    isMobile = _ref.isMobile;
+  var classes = useStyles({
+    isTablet: isTablet,
+    isMobile: isMobile
+  });
+  var wells = useWells(companyId);
+  var bicData = useFetchBicWellsData(subjectWellId);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    wellSections = _useState2[0],
+    setWellSections = _useState2[1];
+  var getSectionName = useCallback(function (section) {
+    if (section.name === 'well') return 'Entire Well';else if (section.filterMode === 'section') return "".concat(section.name);
+    return "".concat(section.name, " in");
+  }, []);
+
+  // NOTE: Create offset well sections wells data
+  useEffect(function () {
+    if (!wells) return;
+    var getWellName = function getWellName(wells, wellId) {
+      var well = wells.find(function (item) {
+        return item.id === wellId;
+      });
+      return get(well, WELL_NAME_KEY) || '-';
+    };
+    var advancedWellSections;
+    if (!bicData || !bicData.filters || !bicData.result) {
+      advancedWellSections = DEFAULT_WELL_SECTIONS;
+    } else {
+      var _bicData$filters, _bicData$filters2;
+      var filteredTabs = (bicData === null || bicData === void 0 ? void 0 : (_bicData$filters = bicData.filters) === null || _bicData$filters === void 0 ? void 0 : _bicData$filters.filterTabs) || [];
+      var filterMode = bicData === null || bicData === void 0 ? void 0 : (_bicData$filters2 = bicData.filters) === null || _bicData$filters2 === void 0 ? void 0 : _bicData$filters2.filterMode;
+      advancedWellSections = filteredTabs.map(function (area) {
+        var _bicData$result$area$;
+        return {
+          id: area.value,
+          name: area.value,
+          filterMode: filterMode,
+          wells: ((_bicData$result$area$ = bicData.result[area.value]) === null || _bicData$result$area$ === void 0 ? void 0 : _bicData$result$area$.filter(function (id) {
+            return wells.find(function (well) {
+              return well.id === id;
+            });
+          }).map(function (item) {
+            var id = _typeof(item) === 'object' ? item.id : item;
+            return {
+              id: id,
+              name: getWellName(wells, id)
+            };
+          })) || []
+        };
+      });
+    }
+    setWellSections(advancedWellSections);
+
+    // Create section options
+    var options = [{
+      id: ALL_KEY,
+      name: 'All'
+    }];
+    advancedWellSections.forEach(function (section) {
+      options.push({
+        id: section.id,
+        name: getSectionName(section)
+      });
+    });
+    setSectionOptions(options);
+  }, [wells, bicData]);
+
+  // NOTE: Create table data to display
+  var _useMemo = useMemo(function () {
+      // Get all wells
+      var unsortedWells = wellSections.reduce(function (result, section) {
+        return union(result, section.wells);
+      }, []);
+      var allWells = unsortedWells.reduce(function (result, well) {
+        if (!result.find(function (item) {
+          return item.id === well.id;
+        })) return [].concat(_toConsumableArray(result), [{
+          id: well.id,
+          name: well.name
+        }]);
+        return result;
+      }, []);
+
+      // Create header cells data
+      var headCells = [];
+      var filteredWellSections = wellSections.filter(function (section) {
+        return selectedSection === ALL_KEY || selectedSection === section.id;
+      });
+      if (filterBasedOn === FILTER_BASEDON_TYPE.entireWell) {
+        headCells.push({
+          id: 'All Wells',
+          numeric: true,
+          label: "All Wells (".concat(allWells.length, ")")
+        });
+      } else {
+        filteredWellSections.forEach(function (section) {
+          headCells.push({
+            id: section.name,
+            numeric: true,
+            label: "".concat(getSectionName(section), " (").concat(section.wells.length, ")")
+          });
+        });
+      }
+
+      // Create table rows data
+      var rows = [];
+      allWells.forEach(function (well) {
+        var rowItem = headCells.reduce(function (result, cell) {
+          if (filterBasedOn === FILTER_BASEDON_TYPE.entireWell) return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, cell.id, 1));
+          var matchedSection = filteredWellSections.find(function (section) {
+            return section.name === cell.id;
+          });
+          if (matchedSection.wells.find(function (item) {
+            return well.name === item.name;
+          })) return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, cell.id, 1));
+          if (selectedSection === ALL_KEY) return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, cell.id, 0));
+          return null;
+        }, {
+          id: well.id,
+          name: well.name
+        });
+        if (rowItem) rows.push(rowItem);
+      });
+
+      // Insert Well Names column
+      headCells.unshift({
+        id: WELL_NAME_KEY,
+        numeric: false,
+        label: "Well Names (".concat(rows.length, ")")
+      });
+      return [headCells, rows];
+    }, [wellSections, selectedSection]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    headCells = _useMemo2[0],
+    rows = _useMemo2[1];
+
+  // NOTE: Update offset wells
+  useEffect(function () {
+    if (!open) return;
+    var newOffsetWells = rows.map(function (row) {
+      return {
+        id: row.id
+      };
+    });
+    setSelectedOffsetWells(newOffsetWells);
+  }, [open, rows]);
+
+  // NOTE: Talbe sort
+  var _useState3 = useState('asc'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    order = _useState4[0],
+    setOrder = _useState4[1];
+  var _useState5 = useState(WELL_NAME_KEY),
+    _useState6 = _slicedToArray(_useState5, 2),
+    orderBy = _useState6[0],
+    setOrderBy = _useState6[1];
+  var handleRequestSort = function handleRequestSort(event, property) {
+    var isAsc = orderBy === property && order === 'asc';
+    setOrder(isAsc ? 'desc' : 'asc');
+    setOrderBy(property);
+  };
+  var isLoading = !wells;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(classes.offsetwellContainer, _defineProperty({}, classes.containerHidden, !open)),
+    children: isLoading ? /*#__PURE__*/jsx("div", {
+      className: classes.loadingWrapper,
+      children: /*#__PURE__*/jsx(LoadingIndicator, {
+        fullscreen: false
+      })
+    }) : /*#__PURE__*/jsxs(Table, {
+      size: "small",
+      style: {
+        borderCollapse: 'separate'
+      },
+      children: [/*#__PURE__*/jsx(OffsetWellTableHead, {
+        headCells: headCells,
+        order: order,
+        orderBy: orderBy,
+        onRequestSort: handleRequestSort,
+        isTablet: isTablet,
+        isMobile: isMobile,
+        rowNum: rows.length
+      }), /*#__PURE__*/jsx(OffsetWellTableRows, {
+        rows: rows,
+        headCells: headCells.slice(1),
+        order: order,
+        orderBy: orderBy,
+        isTablet: isTablet,
+        isMobile: isMobile
+      })]
+    })
+  });
+}
+OffsetWellSelectionView.propTypes = {
+  open: PropTypes.bool.isRequired,
+  companyId: PropTypes.number.isRequired,
+  subjectWellId: PropTypes.number.isRequired,
+  filterBasedOn: PropTypes.string.isRequired,
+  setSectionOptions: PropTypes.func.isRequired,
+  // eslint-disable-next-line react/forbid-prop-types
+  selectedSection: PropTypes.any.isRequired,
+  setSelectedOffsetWells: PropTypes.func.isRequired,
+  isTablet: PropTypes.bool.isRequired,
+  isMobile: PropTypes.bool.isRequired
+};
+var OffsetWellSelectionView$1 = memo(OffsetWellSelectionView);
+
+export { OffsetWellSelectionView$1 as default };
+//# sourceMappingURL=index.js.map