npm - @corva/ui - Versions diffs - 3.17.0-9 → 3.17.0 - Mend

@corva/ui 3.17.0-9 → 3.17.0

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

Files changed (371) hide show

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

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as o}from"react";import s from"prop-types";import{startCase as r,isEmpty as i,omit as n}from"lodash";import p from"moment";import m from"classnames";import{Divider as a,ListItemText as c,FormControlLabel as l,Switch as d}from"@material-ui/core";import{StatusOptions as j,FilterType as u,OBJECTIVE_PERIOD_LIST as C}from"../../constants.js";import{RadiusInput as A}from"./RadiusInput.js";import{MultiSelect as S}from"./MultiSelect.js";import{WellSection as v}from"./WellSection.js";import{PeriodSelect as g}from"./PeriodSelect.js";import V from"./Filter.module.css.js";import{jsxs as b,jsx as h,Fragment 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/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../utils/mobileDetect.js";import"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../utils/env.js";import"../../../GradientManager/configuration/constants.js";import"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Grid.scss.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/Popover/Popover.scss.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/Avatar/constants.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/ModalWindow/ModalWindow.scss.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../types/shared/Completions.js";import"../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.constants.js";import"../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.scss.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import f from"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../utils/apiCalls.js";import"../../effects/useAdvancedWells.js";import"react-virtualized";import"../../effects/useAssetsData.js";import"../AppHeader/AppHeader.js";import"../Toolbar/Toolbar.js";import"../Map/WellsMap.js";import"../OffsetWellsTable/OffsetWellsTable.js";import"../OffsetWellsTable/AdvancedSearch/constants.js";import"../../utils/index.js";import"../../OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../../styles/typography/index.js";import"../../../../styles/counter/counter.module.scss.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";function I(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,s)}return o}function T(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?I(Object(s),!0).forEach((function(o){t(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):I(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}var P=function(s){var I=s.isHidden,P=s.isWDUser,x=s.filterOptions,y=s.wellSections,B=s.filters,F=s.selectedWellSection,M=s.subjectWell,L=s.onChangeFilters,k=s.onChangeBicWells,E=o({}),H=e(E,2),O=H[0],W=H[1],R=function(e,o){e===u.sideTracks?L(T(T({},B),{},t({},u.sideTracks,o))):L(o?T(T({},B),{},t({},e,o)):n(T({},B),[e]))},w=function(e){return function(o){var s=p(o);if(s.isValid()){var r=s.unix(),i=!1;"timeRangeFrom"===e?i=r>=B[u.timeRangeTo]:"timeRangeTo"===e&&(i=r<=B[u.timeRangeFrom]),W(i?t({},e,!0):{}),L(T(T({},B),{},t({},e,r)))}}};return b("div",{className:m(V.filterContainer,t({},V.hidden,I)),children:[h(a,{className:V.divideLine}),b("div",{className:V.filterGroup,children:[h(S,{label:"Status",options:j.map((function(t){return t.value})),currentValues:B[u.status],ValueComponent:function(t){var e,o=t.value;return b("div",{className:V.statusItem,children:[h("div",{className:V.statusIcon,style:{background:null===(e=j.find((function(t){return t.value===o})))||void 0===e?void 0:e.color}}),r(o)]})},ListMenuItem:function(t){var e,o=t.value;return b("div",{className:V.statusItem,children:[h("div",{className:V.statusIcon,style:{background:null===(e=j.find((function(t){return t.value===o})))||void 0===e?void 0:e.color}}),h(c,{primary:r(o)})]})},onChange:function(t){return R(u.status,t)}}),x.map((function(t,e){var o=t.value,s=t.label,r=t.options;return h(S,{label:s,options:r,currentValues:B[o],ListMenuItem:function(t){var e=t.value;return h(c,{primary:e})},onChange:function(t){return R(o,t)}},e)})),h(A,{"data-testid":"".concat("Filter","_radiusInput"),radius:B[u.radius],editable:!!M,onChange:function(t){return R(u.radius,t)}}),h(g,{label:"Last Active",currentValue:B[u.period]||"all",options:C,className:V.companySelect,onChange:function(t){return R(u.period,t)}}),"custom"===B[u.period]&&b(D,{children:[h("div",{className:V.filterItem,children:h(f,{variant:"inline",label:"Date From",format:"MM/DD/YY HH:mm",value:1e3*B[u.timeRangeFrom]||null,onChange:w("timeRangeFrom"),error:O.timeRangeFrom})}),h("div",{className:V.filterItem,children:h(f,{variant:"inline",label:"Date To",format:"MM/DD/YY HH:mm",value:1e3*B[u.timeRangeTo]||null,onChange:w("timeRangeTo"),error:O.timeRangeTo})})]}),h(l,{control:h(d,{"data-testid":"".concat("Filter","_ExcludeSidetracks"),size:"small",color:"primary",checked:B[u.sideTracks]||!1,onChange:function(t){return R(u.sideTracks,t.target.checked)}}),label:"Exclude Sidetracks",classes:{label:V.sidetrack}}),P&&!i(y)&&h(v,{selectedValue:F,wellSections:y,onChange:k})]})]})};P.propTypes={isHidden:s.bool.isRequired,isWDUser:s.bool.isRequired,filterOptions:s.arrayOf(s.shape({})).isRequired,wellSections:s.arrayOf(s.shape({})).isRequired,filters:s.shape({}).isRequired,selectedWellSection:s.string.isRequired,subjectWell:s.shape({}).isRequired,onChangeFilters:s.func.isRequired,onChangeBicWells:s.func.isRequired};export{P as Filter};
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as o}from"react";import s from"prop-types";import{startCase as r,isEmpty as i,omit as n}from"lodash";import p from"moment";import m from"classnames";import{Divider as a,ListItemText as c,FormControlLabel as l,Switch as d}from"@material-ui/core";import{StatusOptions as j,FilterType as u,OBJECTIVE_PERIOD_LIST as C}from"../../constants.js";import{RadiusInput as A}from"./RadiusInput.js";import{MultiSelect as S}from"./MultiSelect.js";import{WellSection as v}from"./WellSection.js";import{PeriodSelect as g}from"./PeriodSelect.js";import V from"./Filter.module.css.js";import{jsxs as b,jsx as h,Fragment 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/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../utils/mobileDetect.js";import"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Grid.scss.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/Popover/Popover.scss.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/Avatar/constants.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/ModalWindow/ModalWindow.scss.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../types/shared/Completions.js";import"../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.constants.js";import"../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.scss.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import I from"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../utils/apiCalls.js";import"../../effects/useAdvancedWells.js";import"react-virtualized";import"../../effects/useAssetsData.js";import"../AppHeader/AppHeader.js";import"../Toolbar/Toolbar.js";import"../Map/WellsMap.js";import"../OffsetWellsTable/OffsetWellsTable.js";import"../OffsetWellsTable/AdvancedSearch/constants.js";import"../../utils/index.js";import"../../OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../../styles/typography/index.js";import"../../../../styles/counter/counter.module.scss.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";function f(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,s)}return o}function T(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?f(Object(s),!0).forEach((function(o){t(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):f(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}var P=function(s){var f=s.isHidden,P=s.isWDUser,x=s.filterOptions,y=s.wellSections,B=s.filters,F=s.selectedWellSection,M=s.subjectWell,L=s.onChangeFilters,k=s.onChangeBicWells,E=o({}),H=e(E,2),O=H[0],W=H[1],R=function(e,o){e===u.sideTracks?L(T(T({},B),{},t({},u.sideTracks,o))):L(o?T(T({},B),{},t({},e,o)):n(T({},B),[e]))},w=function(e){return function(o){var s=p(o);if(s.isValid()){var r=s.unix(),i=!1;"timeRangeFrom"===e?i=r>=B[u.timeRangeTo]:"timeRangeTo"===e&&(i=r<=B[u.timeRangeFrom]),W(i?t({},e,!0):{}),L(T(T({},B),{},t({},e,r)))}}};return b("div",{className:m(V.filterContainer,t({},V.hidden,f)),children:[h(a,{className:V.divideLine}),b("div",{className:V.filterGroup,children:[h(S,{label:"Status",options:j.map((function(t){return t.value})),currentValues:B[u.status],ValueComponent:function(t){var e,o=t.value;return b("div",{className:V.statusItem,children:[h("div",{className:V.statusIcon,style:{background:null===(e=j.find((function(t){return t.value===o})))||void 0===e?void 0:e.color}}),r(o)]})},ListMenuItem:function(t){var e,o=t.value;return b("div",{className:V.statusItem,children:[h("div",{className:V.statusIcon,style:{background:null===(e=j.find((function(t){return t.value===o})))||void 0===e?void 0:e.color}}),h(c,{primary:r(o)})]})},onChange:function(t){return R(u.status,t)}}),x.map((function(t,e){var o=t.value,s=t.label,r=t.options;return h(S,{label:s,options:r,currentValues:B[o],ListMenuItem:function(t){var e=t.value;return h(c,{primary:e})},onChange:function(t){return R(o,t)}},e)})),h(A,{"data-testid":"".concat("Filter","_radiusInput"),radius:B[u.radius],editable:!!M,onChange:function(t){return R(u.radius,t)}}),h(g,{label:"Last Active",currentValue:B[u.period]||"all",options:C,className:V.companySelect,onChange:function(t){return R(u.period,t)}}),"custom"===B[u.period]&&b(D,{children:[h("div",{className:V.filterItem,children:h(I,{variant:"inline",label:"Date From",format:"MM/DD/YY HH:mm",value:1e3*B[u.timeRangeFrom]||null,onChange:w("timeRangeFrom"),error:O.timeRangeFrom})}),h("div",{className:V.filterItem,children:h(I,{variant:"inline",label:"Date To",format:"MM/DD/YY HH:mm",value:1e3*B[u.timeRangeTo]||null,onChange:w("timeRangeTo"),error:O.timeRangeTo})})]}),h(l,{control:h(d,{"data-testid":"".concat("Filter","_ExcludeSidetracks"),size:"small",color:"primary",checked:B[u.sideTracks]||!1,onChange:function(t){return R(u.sideTracks,t.target.checked)}}),label:"Exclude Sidetracks",classes:{label:V.sidetrack}}),P&&!i(y)&&h(v,{selectedValue:F,wellSections:y,onChange:k})]})]})};P.propTypes={isHidden:s.bool.isRequired,isWDUser:s.bool.isRequired,filterOptions:s.arrayOf(s.shape({})).isRequired,wellSections:s.arrayOf(s.shape({})).isRequired,filters:s.shape({}).isRequired,selectedWellSection:s.string.isRequired,subjectWell:s.shape({}).isRequired,onChangeFilters:s.func.isRequired,onChangeBicWells:s.func.isRequired};export{P as Filter};
 //# sourceMappingURL=Filter.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Filter.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/Filter/Filter.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty, omit, startCase } from 'lodash';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Divider, FormControlLabel, ListItemText, Switch } from '@material-ui/core';\n\nimport { FilterType, OBJECTIVE_PERIOD_LIST, StatusOptions } from '../../constants';\n\nimport { RadiusInput } from './RadiusInput';\nimport { MultiSelect } from './MultiSelect';\nimport { WellSection } from './WellSection';\nimport { PeriodSelect } from './PeriodSelect';\n\nimport styles from './Filter.module.css';\n\nimport { DateTimePicker } from '~/components';\n\nconst PAGE_NAME = 'Filter';\n\nexport const Filter = ({\n isHidden,\n isWDUser,\n filterOptions,\n wellSections,\n filters,\n selectedWellSection,\n subjectWell,\n onChangeFilters,\n onChangeBicWells,\n}) => {\n const [errors, setErrors] = useState({});\n\n const handleChangeFilter = (type, value) => {\n if (type === FilterType.sideTracks) {\n onChangeFilters({ ...filters, [FilterType.sideTracks]: value });\n } else {\n onChangeFilters(value ? { ...filters, [type]: value } : omit({ ...filters }, [type]));\n }\n };\n const handleCustomDateChange = key => dateString => {\n const newDate = moment(dateString);\n if (!newDate.isValid()) {\n return;\n }\n const timestamp = newDate.unix();\n\n let isInvalidDate = false;\n if (key === 'timeRangeFrom') {\n isInvalidDate = timestamp >= filters[FilterType.timeRangeTo];\n } else if (key === 'timeRangeTo') {\n isInvalidDate = timestamp <= filters[FilterType.timeRangeFrom];\n }\n\n if (isInvalidDate) {\n setErrors({\n [key]: true,\n });\n } else {\n setErrors({});\n }\n\n onChangeFilters({ ...filters, [key]: timestamp });\n };\n\n return (\n <div className={classNames(styles.filterContainer, { [styles.hidden]: isHidden })}>\n <Divider className={styles.divideLine} />\n <div className={styles.filterGroup}>\n <MultiSelect\n label=\"Status\"\n options={StatusOptions.map(item => item.value)}\n currentValues={filters[FilterType.status]}\n ValueComponent={({ value }) => (\n <div className={styles.statusItem}>\n <div\n className={styles.statusIcon}\n style={{ background: StatusOptions.find(item => item.value === value)?.color }}\n />\n {startCase(value)}\n </div>\n )}\n ListMenuItem={({ value }) => (\n <div className={styles.statusItem}>\n <div\n className={styles.statusIcon}\n style={{ background: StatusOptions.find(item => item.value === value)?.color }}\n />\n <ListItemText primary={startCase(value)} />\n </div>\n )}\n onChange={value => handleChangeFilter(FilterType.status, value)}\n />\n {filterOptions.map(({ value, label, options }, index) => (\n <MultiSelect\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n label={label}\n options={options}\n currentValues={filters[value]}\n ListMenuItem={({ value }) => <ListItemText primary={value} />}\n onChange={filterValue => handleChangeFilter(value, filterValue)}\n />\n ))}\n <RadiusInput\n data-testid={`${PAGE_NAME}_radiusInput`}\n radius={filters[FilterType.radius]}\n editable={!!subjectWell}\n onChange={value => handleChangeFilter(FilterType.radius, value)}\n />\n <PeriodSelect\n label=\"Last Active\"\n currentValue={filters[FilterType.period] \|\| 'all'}\n options={OBJECTIVE_PERIOD_LIST}\n className={styles.companySelect}\n onChange={value => handleChangeFilter(FilterType.period, value)}\n />\n {filters[FilterType.period] === 'custom' && (\n <>\n <div className={styles.filterItem}>\n <DateTimePicker\n variant=\"inline\"\n label=\"Date From\"\n format=\"MM/DD/YY HH:mm\"\n value={filters[FilterType.timeRangeFrom] * 1000 \|\| null}\n onChange={handleCustomDateChange('timeRangeFrom')}\n error={errors.timeRangeFrom}\n />\n </div>\n <div className={styles.filterItem}>\n <DateTimePicker\n variant=\"inline\"\n label=\"Date To\"\n format=\"MM/DD/YY HH:mm\"\n value={filters[FilterType.timeRangeTo] * 1000 \|\| null}\n onChange={handleCustomDateChange('timeRangeTo')}\n error={errors.timeRangeTo}\n />\n </div>\n </>\n )}\n <FormControlLabel\n control={\n <Switch\n data-testid={`${PAGE_NAME}_ExcludeSidetracks`}\n size=\"small\"\n color=\"primary\"\n checked={filters[FilterType.sideTracks] \|\| false}\n onChange={event => handleChangeFilter(FilterType.sideTracks, event.target.checked)}\n />\n }\n label=\"Exclude Sidetracks\"\n classes={{ label: styles.sidetrack }}\n />\n {isWDUser && !isEmpty(wellSections) && (\n <WellSection\n selectedValue={selectedWellSection}\n wellSections={wellSections}\n onChange={onChangeBicWells}\n />\n )}\n </div>\n </div>\n );\n};\n\nFilter.propTypes = {\n isHidden: PropTypes.bool.isRequired,\n isWDUser: PropTypes.bool.isRequired,\n filterOptions: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n filters: PropTypes.shape({}).isRequired,\n selectedWellSection: PropTypes.string.isRequired,\n subjectWell: PropTypes.shape({}).isRequired,\n onChangeFilters: PropTypes.func.isRequired,\n onChangeBicWells: PropTypes.func.isRequired,\n};\n"],"names":["Filter","_ref","isHidden","isWDUser","filterOptions","wellSections","filters","selectedWellSection","subjectWell","onChangeFilters","onChangeBicWells","_useState","useState","_useState2","_slicedToArray","errors","setErrors","handleChangeFilter","type","value","FilterType","sideTracks","_objectSpread","_defineProperty","omit","handleCustomDateChange","key","dateString","newDate","moment","isValid","timestamp","unix","isInvalidDate","timeRangeTo","timeRangeFrom","_jsxs","className","classNames","styles","filterContainer","hidden","children","_jsx","Divider","divideLine","filterGroup","MultiSelect","label","options","StatusOptions","map","item","currentValues","status","ValueComponent","_ref2","_StatusOptions$find","statusItem","statusIcon","style","background","find","color","startCase","ListMenuItem","_ref3","_StatusOptions$find2","ListItemText","primary","onChange","index","_ref5","filterValue","RadiusInput","concat","radius","editable","PeriodSelect","currentValue","period","OBJECTIVE_PERIOD_LIST","companySelect","_Fragment","filterItem","DateTimePicker","variant","format","error","FormControlLabel","control","Switch","size","checked","event","target","classes","sidetrack","isEmpty","WellSection","selectedValue","propTypes","PropTypes","bool","isRequired","arrayOf","shape","string","func"],"mappings":"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"}
1	+ {"version":3,"file":"Filter.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/Filter/Filter.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty, omit, startCase } from 'lodash';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Divider, FormControlLabel, ListItemText, Switch } from '@material-ui/core';\n\nimport { FilterType, OBJECTIVE_PERIOD_LIST, StatusOptions } from '../../constants';\n\nimport { RadiusInput } from './RadiusInput';\nimport { MultiSelect } from './MultiSelect';\nimport { WellSection } from './WellSection';\nimport { PeriodSelect } from './PeriodSelect';\n\nimport styles from './Filter.module.css';\n\nimport { DateTimePicker } from '~/components';\n\nconst PAGE_NAME = 'Filter';\n\nexport const Filter = ({\n isHidden,\n isWDUser,\n filterOptions,\n wellSections,\n filters,\n selectedWellSection,\n subjectWell,\n onChangeFilters,\n onChangeBicWells,\n}) => {\n const [errors, setErrors] = useState({});\n\n const handleChangeFilter = (type, value) => {\n if (type === FilterType.sideTracks) {\n onChangeFilters({ ...filters, [FilterType.sideTracks]: value });\n } else {\n onChangeFilters(value ? { ...filters, [type]: value } : omit({ ...filters }, [type]));\n }\n };\n const handleCustomDateChange = key => dateString => {\n const newDate = moment(dateString);\n if (!newDate.isValid()) {\n return;\n }\n const timestamp = newDate.unix();\n\n let isInvalidDate = false;\n if (key === 'timeRangeFrom') {\n isInvalidDate = timestamp >= filters[FilterType.timeRangeTo];\n } else if (key === 'timeRangeTo') {\n isInvalidDate = timestamp <= filters[FilterType.timeRangeFrom];\n }\n\n if (isInvalidDate) {\n setErrors({\n [key]: true,\n });\n } else {\n setErrors({});\n }\n\n onChangeFilters({ ...filters, [key]: timestamp });\n };\n\n return (\n <div className={classNames(styles.filterContainer, { [styles.hidden]: isHidden })}>\n <Divider className={styles.divideLine} />\n <div className={styles.filterGroup}>\n <MultiSelect\n label=\"Status\"\n options={StatusOptions.map(item => item.value)}\n currentValues={filters[FilterType.status]}\n ValueComponent={({ value }) => (\n <div className={styles.statusItem}>\n <div\n className={styles.statusIcon}\n style={{ background: StatusOptions.find(item => item.value === value)?.color }}\n />\n {startCase(value)}\n </div>\n )}\n ListMenuItem={({ value }) => (\n <div className={styles.statusItem}>\n <div\n className={styles.statusIcon}\n style={{ background: StatusOptions.find(item => item.value === value)?.color }}\n />\n <ListItemText primary={startCase(value)} />\n </div>\n )}\n onChange={value => handleChangeFilter(FilterType.status, value)}\n />\n {filterOptions.map(({ value, label, options }, index) => (\n <MultiSelect\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n label={label}\n options={options}\n currentValues={filters[value]}\n ListMenuItem={({ value }) => <ListItemText primary={value} />}\n onChange={filterValue => handleChangeFilter(value, filterValue)}\n />\n ))}\n <RadiusInput\n data-testid={`${PAGE_NAME}_radiusInput`}\n radius={filters[FilterType.radius]}\n editable={!!subjectWell}\n onChange={value => handleChangeFilter(FilterType.radius, value)}\n />\n <PeriodSelect\n label=\"Last Active\"\n currentValue={filters[FilterType.period] \|\| 'all'}\n options={OBJECTIVE_PERIOD_LIST}\n className={styles.companySelect}\n onChange={value => handleChangeFilter(FilterType.period, value)}\n />\n {filters[FilterType.period] === 'custom' && (\n <>\n <div className={styles.filterItem}>\n <DateTimePicker\n variant=\"inline\"\n label=\"Date From\"\n format=\"MM/DD/YY HH:mm\"\n value={filters[FilterType.timeRangeFrom] * 1000 \|\| null}\n onChange={handleCustomDateChange('timeRangeFrom')}\n error={errors.timeRangeFrom}\n />\n </div>\n <div className={styles.filterItem}>\n <DateTimePicker\n variant=\"inline\"\n label=\"Date To\"\n format=\"MM/DD/YY HH:mm\"\n value={filters[FilterType.timeRangeTo] * 1000 \|\| null}\n onChange={handleCustomDateChange('timeRangeTo')}\n error={errors.timeRangeTo}\n />\n </div>\n </>\n )}\n <FormControlLabel\n control={\n <Switch\n data-testid={`${PAGE_NAME}_ExcludeSidetracks`}\n size=\"small\"\n color=\"primary\"\n checked={filters[FilterType.sideTracks] \|\| false}\n onChange={event => handleChangeFilter(FilterType.sideTracks, event.target.checked)}\n />\n }\n label=\"Exclude Sidetracks\"\n classes={{ label: styles.sidetrack }}\n />\n {isWDUser && !isEmpty(wellSections) && (\n <WellSection\n selectedValue={selectedWellSection}\n wellSections={wellSections}\n onChange={onChangeBicWells}\n />\n )}\n </div>\n </div>\n );\n};\n\nFilter.propTypes = {\n isHidden: PropTypes.bool.isRequired,\n isWDUser: PropTypes.bool.isRequired,\n filterOptions: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n filters: PropTypes.shape({}).isRequired,\n selectedWellSection: PropTypes.string.isRequired,\n subjectWell: PropTypes.shape({}).isRequired,\n onChangeFilters: PropTypes.func.isRequired,\n onChangeBicWells: PropTypes.func.isRequired,\n};\n"],"names":["Filter","_ref","isHidden","isWDUser","filterOptions","wellSections","filters","selectedWellSection","subjectWell","onChangeFilters","onChangeBicWells","_useState","useState","_useState2","_slicedToArray","errors","setErrors","handleChangeFilter","type","value","FilterType","sideTracks","_objectSpread","_defineProperty","omit","handleCustomDateChange","key","dateString","newDate","moment","isValid","timestamp","unix","isInvalidDate","timeRangeTo","timeRangeFrom","_jsxs","className","classNames","styles","filterContainer","hidden","children","_jsx","Divider","divideLine","filterGroup","MultiSelect","label","options","StatusOptions","map","item","currentValues","status","ValueComponent","_ref2","_StatusOptions$find","statusItem","statusIcon","style","background","find","color","startCase","ListMenuItem","_ref3","_StatusOptions$find2","ListItemText","primary","onChange","index","_ref5","filterValue","RadiusInput","concat","radius","editable","PeriodSelect","currentValue","period","OBJECTIVE_PERIOD_LIST","companySelect","_Fragment","filterItem","DateTimePicker","variant","format","error","FormControlLabel","control","Switch","size","checked","event","target","classes","sidetrack","isEmpty","WellSection","selectedValue","propTypes","PropTypes","bool","isRequired","arrayOf","shape","string","func"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useMemo as r,useRef as n,useEffect as o}from"react";import i from"prop-types";import{get as s}from"lodash";import{withStyles as a,Tooltip as l,makeStyles as p,Chip as c,Input as u}from"@material-ui/core";import d from"@material-ui/icons/Close";import"../../../utils/apiCalls.js";import"../../../effects/useAdvancedWells.js";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../constants.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"../../../../../utils/env.js";import"../../../../GradientManager/configuration/constants.js";import"@babel/runtime/helpers/typeof";import"moment";import"react-virtualized";import{useAssetsData as m}from"../../../effects/useAssetsData.js";import f from"./AssetTypesSection.js";import h from"./AssetResultSection.js";import{SEARCH_CATEGORIES as x,CATEGORY_KEY_VALUES as g}from"./constants.js";import{jsxs as b,jsx as y,Fragment as j}from"react/jsx-runtime";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"}}}))(l),I=p((function(e){return{wrapper:{width:function(e){return e.searchWidth},maxWidth:"996px",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.company,l=i.subjectWellId,p=i.value,v=i.selectedWellIds,w=i.onChange,A=t(null),W=e(A,2),R=W[0],S=W[1],k=t(null),D=e(k,2),T=D[0],q=D[1],z=t(1),N=e(z,2),L=N[0],B=N[1],P=r((function(){return window.innerWidth-32}),[]),G=I({searchWidth:P}),H=n();o((function(){q(p)}),[p]);var K=m(T,R,L,a,v),O=e(K,2),U=O[0],F=O[1],M=r((function(){return R&&F&&0!==F.length?F[0][1].filter((function(e){return e.checked})).length:0}),[R,F]);return b("div",{className:G.wrapper,children:[y("div",{className:G.inputWrapper,children:b("div",{className:G.searchInput,children:[R&&b(j,{children:[y(c,{"data-not-migrated-muichip":!0,classes:{root:G.selectedChip,deleteIcon:G.selectedChipDeleteIcon},label:s(x,[R,"labelPlural"],"Assets"),deleteIcon:y(d,{}),onDelete:function(){S(null)}}),M>0&&b("span",{className:G.selectedLabel,children:[M," Selected"]})]}),y(u,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:H,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:T||"",placeholder:"Add Offset ...",onChange:function(e){var t=e.target.value;H.current.focus(),q(t),B(1)},onKeyUp:function(t){var r=t.target.value,n=t.keyCode,o=g.find((function(t){var n=e(t,2);return n[0],n[1].autoCategorizedKey===r.trim().toLowerCase()}));if(o&&(13===n||32===n))return q(""),S(o[0]),void B(1);""===r&&8===n&&(S(null),B(1))}}),y(C,{title:"Clear",children:y(d,{className:R||T?G.selectedChipDeleteIcon:G.disabledIcon,onClick:function(){H.current.focus(),q(""),S(null),B(1)}})})]})}),!R&&!T&&y(f,{onClickAssetType:function(e){H.current.focus(),S(e),B(1)}}),(R||T)&&y(h,{subjectWellId:l,page:L,assetType:R,loading:U,groupedAssets:F,onClickAsset:function(e,t){w(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var r=F[0][1];w(e,r.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&L>1&&B((function(e){return e-1})),"bottom"===e&&B((function(e){return e+1}))}})]})};v.propTypes={subjectWellId:i.number.isRequired,company:i.number.isRequired,value:i.string.isRequired,selectedWellIds:i.arrayOf(i.number).isRequired,onChange:i.func.isRequired};export{v as default};
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useMemo as r,useRef as n,useEffect as o}from"react";import i from"prop-types";import{get as s}from"lodash";import{withStyles as a,Tooltip as l,makeStyles as c,Chip as p,Input as d}from"@material-ui/core";import u from"@material-ui/icons/Close";import"../../../utils/apiCalls.js";import"../../../effects/useAdvancedWells.js";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../constants.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"@babel/runtime/helpers/typeof";import"moment";import"react-virtualized";import{useAssetsData as m}from"../../../effects/useAssetsData.js";import f from"./AssetTypesSection.js";import h from"./AssetResultSection.js";import{SEARCH_CATEGORIES as x,CATEGORY_KEY_VALUES as g}from"./constants.js";import{jsxs as b,jsx as y,Fragment as j}from"react/jsx-runtime";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"}}}))(l),I=c((function(e){return{wrapper:{width:function(e){return e.searchWidth},maxWidth:"996px",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.company,l=i.subjectWellId,c=i.value,v=i.selectedWellIds,w=i.onChange,A=t(null),W=e(A,2),R=W[0],S=W[1],k=t(null),D=e(k,2),T=D[0],q=D[1],z=t(1),N=e(z,2),L=N[0],B=N[1],P=r((function(){return window.innerWidth-32}),[]),G=I({searchWidth:P}),H=n();o((function(){q(c)}),[c]);var K=m(T,R,L,a,v),O=e(K,2),U=O[0],F=O[1],M=r((function(){return R&&F&&0!==F.length?F[0][1].filter((function(e){return e.checked})).length:0}),[R,F]);return b("div",{className:G.wrapper,children:[y("div",{className:G.inputWrapper,children:b("div",{className:G.searchInput,children:[R&&b(j,{children:[y(p,{"data-not-migrated-muichip":!0,classes:{root:G.selectedChip,deleteIcon:G.selectedChipDeleteIcon},label:s(x,[R,"labelPlural"],"Assets"),deleteIcon:y(u,{}),onDelete:function(){S(null)}}),M>0&&b("span",{className:G.selectedLabel,children:[M," Selected"]})]}),y(d,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:H,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:T||"",placeholder:"Add Offset ...",onChange:function(e){var t=e.target.value;H.current.focus(),q(t),B(1)},onKeyUp:function(t){var r=t.target.value,n=t.keyCode,o=g.find((function(t){var n=e(t,2);return n[0],n[1].autoCategorizedKey===r.trim().toLowerCase()}));if(o&&(13===n||32===n))return q(""),S(o[0]),void B(1);""===r&&8===n&&(S(null),B(1))}}),y(C,{title:"Clear",children:y(u,{className:R||T?G.selectedChipDeleteIcon:G.disabledIcon,onClick:function(){H.current.focus(),q(""),S(null),B(1)}})})]})}),!R&&!T&&y(f,{onClickAssetType:function(e){H.current.focus(),S(e),B(1)}}),(R||T)&&y(h,{subjectWellId:l,page:L,assetType:R,loading:U,groupedAssets:F,onClickAsset:function(e,t){w(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var r=F[0][1];w(e,r.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&L>1&&B((function(e){return e-1})),"bottom"===e&&B((function(e){return e+1}))}})]})};v.propTypes={subjectWellId:i.number.isRequired,company:i.number.isRequired,value:i.string.isRequired,selectedWellIds:i.arrayOf(i.number).isRequired,onChange:i.func.isRequired};export{v as default};
 //# sourceMappingURL=AutoCompleteAssetSearch.js.map

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

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

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

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