@corva/ui 3.1.0-rc.5 → 3.1.0

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

@@ -1,528 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { isEqual } from 'lodash';
-import PropTypes from 'prop-types';
-import { makeStyles, Menu, MenuItem, Checkbox } from '@material-ui/core';
-import { METRICS_LIST, DEFAULT_METRICS_KEY, ViewType, IOS_DEVICE, MAX_METRICS_COUNT } from '../../constants.js';
-import { getMobileOperatingSystem } from '../../utils/index.js';
-import '../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
-import '../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
-import '../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import { SettingTwoIcon } 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/Gap.js';
-import '../../../../utils/mobileDetect.js';
-import IconButton 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 { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'uuid';
-import '../../../IconMenu/index.js';
-import '../../../StyledMenuItem/index.js';
-import '../../../AppIcon/AppIcon.js';
-import '../../../DevCenter/AppHeader/AppHeader.js';
-import '../../../DevCenter/AppSideBar/AppSideBar.js';
-import '../../../DevCenter/AppsDataProvider/AppsDataProvider.js';
-import '@material-ui/icons';
-import '../../../DevCenter/AppContext.js';
-import '../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
-import '../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
-import 'react-router';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '../../../../utils/index.js';
-import '../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import '../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
-import '../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js';
-import '../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js';
-import '../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
-import '../../../../componentsV2/Text/Text.js';
-import '../../../../componentsV2/Grid/Grid.js';
-import '../../../../componentsV2/Grid/Grid.scss.js';
-import '../../../../componentsV2/Header/Header.scss.js';
-import '../../../../componentsV2/Button/Button.js';
-import '../../../../componentsV2/ButtonIcon/ButtonIcon.js';
-import '../../../../componentsV2/Tooltip/Tooltip.scss.js';
-import '../../../../componentsV2/Paper/Paper.js';
-import '../../../../componentsV2/Popover/Popover.scss.js';
-import '../../../../componentsV2/Radio/Radio.js';
-import '../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js';
-import '../../../../componentsV2/Checkbox/Checkbox.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../../componentsV2/TextInput/TextInput.js';
-import '../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js';
-import '../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js';
-import '../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js';
-import '../../../../componentsV2/TextLink/TextLink.js';
-import '../../../../componentsV2/Chip/Chip.js';
-import '../../../../componentsV2/ChipAlert/ChipAlert.js';
-import '../../../../componentsV2/ChipIndicator/ChipIndicator.js';
-import '../../../../componentsV2/Avatar/Avatar.js';
-import '../../../../componentsV2/Avatar/constants.js';
-import '../../../../componentsV2/AvatarGroup/AvatarGroup.scss.js';
-import '@material-ui/lab';
-import '../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js';
-import '../../../../componentsV2/Modal/Modal.scss.js';
-import '../../../../componentsV2/Menu/Menu.js';
-import '../../../../componentsV2/Counter/Counter.js';
-import '../../../../componentsV2/BadgeBase/BadgeBase.scss.js';
-import '../../../../componentsV2/BadgeDot/BadgeDot.scss.js';
-import '../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js';
-import '../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js';
-import '../../../../componentsV2/Switch/Switch.js';
-import '../../../../componentsV2/Tabs/Tabs.js';
-import '../../../../componentsV2/EmptyState/EmptyState.scss.js';
-import '../../../../componentsV2/FileIcon/FileIcon.js';
-import 'react-dropzone';
-import '../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js';
-import '../../../../componentsV2/FilesLoader/FilesLoader.scss.js';
-import '../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js';
-import '../../../../componentsV2/Skeleton/Skeleton.scss.js';
-import '../../../../utils/main.js';
-import '../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js';
-import '../../../../componentsV2/Stepper/Step/Step.scss.js';
-import '../../../../componentsV2/Stepper/Stepper.scss.js';
-import '../../../../componentsV2/ButtonLive/ButtonLive.js';
-import '../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js';
-import '../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js';
-import '../../../../componentsV2/Accordion/Accordion.scss.js';
-import '../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js';
-import '../../../../componentsV2/BadgeComment/BadgeComment.js';
-import '../../../../componentsV2/AppContainer/AppContainer.js';
-import '../../../../componentsV2/AppContainer/AppContainer.constants.js';
-import '../../../../componentsV2/AppFooter/AppFooter.js';
-import '../../../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js';
-import '../../../../componentsV2/AppHeader/AppHeader.constants.js';
-import '../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js';
-import '../../../../componentsV2/AppHeader/AppAssets/AppAssets.js';
-import '../../../PadModeSelect/PadModeSelect.js';
-import '../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js';
-import '../../../../constants/streamSourceType.js';
-import '../../../../componentsV2/AppHeader/AppHeader.scss.js';
-import '../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
-import '../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
-import '../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
-import '../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
-import 'rollbar';
-import '@rollbar/react';
-import '../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js';
-import '../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js';
-import '../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
-import '../../../Icons/AnnotationIcon.js';
-import '../../../Annotations/components/AnnotationsList/index.js';
-import '../../../Annotations/components/LastAnnotation/index.js';
-import '../../../Annotations/AnnotationsContext.js';
-import '../../../Toaster/Toaster.js';
-import 'querystring';
-import 'uuid/v1';
-import '../../../../clients/subscriptions.js';
-import 'query-string';
-import '../../../../clients/api/apiCore.js';
-import '../../../../clients/constants.js';
-import 'jsona';
-import '../../../StatusBadge/constants.js';
-import 'lodash/set';
-import 'lodash/get';
-import 'lodash/unset';
-import 'moment';
-import '../../../../clients/sso/auth0.js';
-import '../../../../clients/sso/oauth2.js';
-import 'lodash/isEmpty';
-import 'lodash/sortBy';
-import '../../../HelpCenter/HelpCenterIcon.js';
-import '../../../DevCenter/NavigationBar/NavigationBar.js';
-import '../../../DevCenter/SideBar/SideBar.js';
-import '../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
-import '../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js';
-import '../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
-import '../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
-import '../../../AssetEditor/index.js';
-import '../../../AssetEditorV2/index.js';
-import '../../../AppVersionsSelect/AppVersionsSelect.js';
-import '../../../LoadingIndicator/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 '@babel/runtime/helpers/typeof';
-import 'slate';
-import '../../../EmptyState/EmptyState.js';
-import '../../../ParameterCharts/ParameterCharts.js';
-import '../../../ParameterCharts/AddEditTrack.js';
-import '../../../ChartActionsList/ChartActionsList.js';
-import '../../../CopyToClipboard/CopyToClipboard.js';
-import '../../../AssetEditor/AssetEditorAutocomplete.js';
-import '../../../AssetEditor/SingleAssetEditor.js';
-import 'react-color';
-import '../../../SettingEditors/ColorEditor/style.css.js';
-import '../../../SettingEditors/DropdownEditor/index.js';
-import '../../../SwitchControl/index.js';
-import '../../../ColorPicker/ColorPicker.js';
-import '../../../Chart/components/ChartButton.js';
-import '../../../Chart/components/ChartButtons.js';
-import '../../../Chart/components/ChartWrapper.js';
-import '../../../Chart/components/AxisDropdown.js';
-import '../../../Chart/components/ChartSelect.js';
-import '../../../Chart/components/buttons/DragToZoomButton.js';
-import '../../../Chart/components/buttons/ZoomInButton.js';
-import '../../../Chart/components/buttons/ZoomOutButton.js';
-import '../../../Chart/components/buttons/PanButton.js';
-import '../../../Chart/components/buttons/ResetZoomButton.js';
-import '../../../Chart/components/buttons/HideAxesButton.js';
-import '../../../Chart/components/buttons/ChartTypeButton.js';
-import '../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
-import '../../../TruncatedText/index.js';
-import '../../../MiddleTruncatedText/MiddleTruncatedText.js';
-import '../../../RangeSlider/constants.js';
-import '../../../RangeSlider/Input.css.js';
-import '../../../RangeSlider/RangeSlider.css.js';
-import '../../../AdvancedSlider/AdvancedSlider.js';
-import '../../../Breadcrumbs/index.js';
-import '../../../VirtualizedTable/index.js';
-import '../../../EmptyView/EmptyView.js';
-import '../../../EmptyView/EmptyAppView/EmptyAppView.js';
-import '../../../Button/components/Button/index.js';
-import 'moment-timezone';
-import '../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
-import '../../../Button/components/LiveButton/styles.js';
-import '../../../ContextMenuItem/index.js';
-import '../../../FolderMenuItem/index.js';
-import '../../../EditableItem/EditableItem/index.js';
-import '../../../EditableItem/EditableItemWithBadge/index.js';
-import '../../../Checkbox/index.js';
-import '../../../FolderMenuItemWithLinks/index.js';
-import '../../../TextField/index.js';
-import '../../../Chip/index.js';
-import '../../../Counter/index.js';
-import '../../../AnchorsList/AnchorsList.js';
-import '../../../Select/index.js';
-import '../../../Select/SelectFilterBy.js';
-import '../../../CustomSelect/index.js';
-import '../../../Tabs/Tabs.js';
-import '../../../Tabs/Tab.js';
-import '../../../ResizableTable/ResizableTable.js';
-import '../../../GradientPicker/GradientPicker.js';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@material-ui/icons/AddCircle';
-import '../../../GradientManager/GradientPreview/GradientPreview.js';
-import '../../../GradientManager/GradientSelect.styles.js';
-import '../../../GradientManager/GradientManager.styles.js';
-import '../../../Drillstring/BHASchematic.js';
-import '../../../Drillstring/BHATable/index.js';
-import '../../../Drillstring/BHAComponentIcon.js';
-import '../../../Drillstring/BHAComponentDetail/index.js';
-import '../../../Drillstring/BHATileIcon.js';
-import '../../../Drillstring/BHATile/BHATile.js';
-import '../../../Drillstring/BHAList/BHAList.js';
-import '../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js';
-import '../../../Casing/CasingTable/index.js';
-import '../../../Casing/CasingComponentIcon.js';
-import '../../../Casing/CasingTileIcon.js';
-import '../../../Casing/CasingTableV2/CasingTableV2.js';
-import '../../../Casing/CasingTile/CasingTile.js';
-import '../../../DisabledSettingsMessage/DisabledSettingsMessage.js';
-import '../../../WellSummary/WellSummaryItemLabel.js';
-import '../../../WellSummary/WellSummaryItemTitle.js';
-import '../../../WellSummary/WellSummaryItemValue.js';
-import '../../../WellSummary/ActivitySummaryChart.js';
-import '../../../WellSummary/FracWirelineTimeChart.js';
-import '../../../BICOffsetPickerDialog/index.js';
-import '../../../OffsetWellButton/OffsetWellButton.js';
-import '../../../OffsetWellPickerV2/OffsetWellPickerDialog.js';
-import '../../../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 PAGE_NAME = 'MetricsSettingMenu';
-var metricsList = METRICS_LIST.filter(function (metrics) {
-  return metrics.key !== DEFAULT_METRICS_KEY;
-});
-var useStyles = makeStyles(function (theme) {
-  return {
-    checkBox: {
-      color: 'grey',
-      padding: '0px',
-      marginRight: '10px'
-    },
-    paper: {
-      transform: 'translate(-40px, 4px) scale(1, 1) !important',
-      maxHeight: 'calc(80% - 80px)',
-      backgroundColor: theme.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: theme.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'
-    }
-  };
-});
-var MetricsSettingMenu = function MetricsSettingMenu(_ref) {
-  var _classNames;
-  var viewType = _ref.viewType,
-    metricsKeys = _ref.metricsKeys,
-    onChange = _ref.onChange,
-    contentRef = _ref.contentRef;
-  var classes = useStyles();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedKeys = _useState2[0],
-    setSelectedKeys = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    anchorEl = _useState4[0],
-    setAnchorEl = _useState4[1];
-  useEffect(function () {
-    setSelectedKeys(metricsKeys || []);
-  }, [metricsKeys]);
-  var handleClick = function handleClick(event) {
-    setAnchorEl(event.currentTarget);
-  };
-  var handleClose = function handleClose() {
-    setAnchorEl(null);
-    if (!isEqual(selectedKeys, metricsKeys)) {
-      onChange(selectedKeys);
-    }
-  };
-  var handleChangeMetrics = function handleChangeMetrics(newKey) {
-    if (selectedKeys.includes(newKey)) {
-      setSelectedKeys(selectedKeys.filter(function (key) {
-        return key !== newKey;
-      }));
-    } else {
-      setSelectedKeys(selectedKeys.concat(newKey));
-    }
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(IconButton, {
-      "data-testid": "".concat(PAGE_NAME, "_gear"),
-      size: "small",
-      tooltipProps: {
-        title: viewType !== ViewType.mobile ? 'Select Metrics' : ''
-      },
-      onClick: handleClick,
-      children: /*#__PURE__*/jsx(SettingTwoIcon, {
-        size: "small"
-      })
-    }), /*#__PURE__*/jsxs(Menu, {
-      id: "simple-menu",
-      anchorEl: contentRef.current,
-      getContentAnchorEl: null,
-      anchorOrigin: {
-        vertical: 'center',
-        horizontal: 'right'
-      },
-      transformOrigin: {
-        vertical: 'center',
-        horizontal: 'right'
-      },
-      classes: {
-        paper: classNames(classes.paper, (_classNames = {}, _defineProperty(_classNames, classes.paperMobile, viewType === ViewType.mobile), _defineProperty(_classNames, classes.paperiOSMobile, getMobileOperatingSystem() === IOS_DEVICE), _classNames)),
-        list: classes.menuList
-      },
-      keepMounted: true,
-      open: Boolean(anchorEl),
-      onClose: handleClose,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classes.titleItem,
-        children: /*#__PURE__*/jsx("span", {
-          className: classes.titleLabel,
-          children: "Up to 2 Metrics"
-        })
-      }), metricsList.map(function (item) {
-        return /*#__PURE__*/jsxs(MenuItem, {
-          "data-testid": "".concat(PAGE_NAME, "_option_").concat(item.key, "MenuItem"),
-          className: classes.menuItem,
-          disabled: selectedKeys.length === MAX_METRICS_COUNT && !selectedKeys.includes(item.key),
-          onClick: function onClick() {
-            return handleChangeMetrics(item.key);
-          },
-          children: [/*#__PURE__*/jsx(Checkbox, {
-            checked: selectedKeys.includes(item.key),
-            className: classes.checkBox
-          }), item.label]
-        }, item.key);
-      })]
-    })]
-  });
-};
-MetricsSettingMenu.propTypes = {
-  viewType: PropTypes.string.isRequired,
-  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,
-  onChange: PropTypes.func.isRequired,
-  contentRef: PropTypes.shape({
-    current: PropTypes.instanceOf(Element)
-  }).isRequired
-};
-
-export { MetricsSettingMenu };
-//# sourceMappingURL=MetricsSettingMenu.js.map
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as o,useEffect as s}from"react";import r from"classnames";import{isEqual as i}from"lodash";import n from"prop-types";import{makeStyles as p,Menu as m,MenuItem as a,Checkbox as c}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 C}from"../../constants.js";import{getMobileOperatingSystem as A}from"../../utils/index.js";import{jsxs as g,Fragment as b,jsx as h}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 x}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/Gap.js";import"../../../../utils/mobileDetect.js";import S 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/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"../../../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../../../clients/subscriptions.js";import"../../../../clients/jsonApi/index.js";import"jsona";import"../../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../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"@babel/runtime/helpers/typeof";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 v=l.filter((function(t){return t.key!==d})),T=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,I=n.contentRef,f=T(),V=o([]),P=e(V,2),B=P[0],y=P[1],k=o(null),E=e(k,2),L=E[0],F=E[1];s((function(){y(d||[])}),[d]);return g(b,{children:[h(S,{"data-testid":"".concat("MetricsSettingMenu","_gear"),size:"small",tooltipProps:{title:l!==j.mobile?"Select Metrics":""},onClick:function(t){F(t.currentTarget)},children:h(x,{size:"small"})}),g(m,{id:"simple-menu",anchorEl:I.current,getContentAnchorEl:null,anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"right"},classes:{paper:r(f.paper,(p={},t(p,f.paperMobile,l===j.mobile),t(p,f.paperiOSMobile,A()===u),p)),list:f.menuList},keepMounted:!0,open:Boolean(L),onClose:function(){F(null),i(B,d)||D(B)},children:[h("div",{className:f.titleItem,children:h("span",{className:f.titleLabel,children:"Up to 2 Metrics"})}),v.map((function(t){return g(a,{"data-testid":"".concat("MetricsSettingMenu","_option_").concat(t.key,"MenuItem"),className:f.menuItem,disabled:B.length===C&&!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:[h(c,{checked:B.includes(t.key),className:f.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};

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.module.css.js

@@ -1,8 +1 @@
-import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".OffsetWellsTable-module_offsetWellsTable__pGL-8 {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\n.OffsetWellsTable-module_loadingContainer__lA0IJ {\n  position: absolute;\n  z-index: 1500;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n\n.OffsetWellsTable-module_stickyTable__LZCzy {\n  position: sticky;\n  top: 0;\n  z-index: 9;\n  background-color: var(--palette-background-b-7);\n  padding-right: 16px;\n}\n\n.OffsetWellsTable-module_searchCellWrapper__n8cod {\n  position: sticky;\n  display: inline-flex;\n  width: var(--dynamic-search-wrapper-width, 1020px);\n  left: 0px;\n  top: 49px;\n  z-index: 9;\n  background-color: var(--palette-background-b-7);\n}\n\n.OffsetWellsTable-module_searchCellWrapperExpanded__pWrzU {\n  width: var(--dynamic-search-wrapper-width, 1270px);\n}\n\n.OffsetWellsTable-module_searchCell__3IW23 {\n  position: sticky;\n  width: 1020px;\n  left: 0px;\n  top: 0px;\n  z-index: 9;\n}\n\n.OffsetWellsTable-module_searchCellEmpty__1sB-v {\n  position: relative;\n  width: 250px;\n}\n\n.OffsetWellsTable-module_bodyTable__djKsG {\n  position: relative;\n}\n\n.OffsetWellsTable-module_bodyGrid__Ss17M {\n  overflow: hidden !important;\n  margin-top: 12px !important;\n}\n\n.OffsetWellsTable-module_bodyGrid__Ss17M::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n.OffsetWellsTable-module_loadingCell__rBu7- {\n  height: 16px !important;\n  padding: 0px !important;\n  border-bottom: none !important;\n  text-align: center !important;\n  font-size: 12px !important;\n  color: var(--palette-primary-text-8) !important;\n  position: absolute;\n  width: 100%;\n  z-index: 1000;\n}\n\n.OffsetWellsTable-module_topShadow__MPc8N {\n  position: sticky;\n  z-index: 999;\n  top: 93px;\n  width: 100%;\n  height: 16px !important;\n  padding: 0px !important;\n  border-bottom: none !important;\n  background-image: linear-gradient(0deg, rgba(51, 51, 51, 0) 0%, #333 100%);\n}\n\n.OffsetWellsTable-module_viewOnlyShadow__DOW-4 {\n  top: 49px;\n}\n\n.OffsetWellsTable-module_bottomShadow__jxM6E {\n  position: sticky;\n  z-index: 999;\n  bottom: 0;\n  width: 100%;\n  height: 16px !important;\n  padding: 0px !important;\n  border-bottom: none !important;\n}\n\n.OffsetWellsTable-module_bottomShadow__jxM6E::after {\n  content: ' ';\n  position: absolute;\n  bottom: -1px;\n  width: 100%;\n  height: 16px !important;\n  background-image: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, #333 100%);\n}\n\n.OffsetWellsTable-module_wellNameFixed__tKtuD {\n  box-shadow: rgb(25 25 25) 4px 0px 6px -3px !important;\n}\n\n.OffsetWellsTable-module_noShadow__Ssp7E {\n  box-shadow: none !important;\n}\n";
-var styles = {"offsetWellsTable":"OffsetWellsTable-module_offsetWellsTable__pGL-8","loadingContainer":"OffsetWellsTable-module_loadingContainer__lA0IJ","stickyTable":"OffsetWellsTable-module_stickyTable__LZCzy","searchCellWrapper":"OffsetWellsTable-module_searchCellWrapper__n8cod","searchCellWrapperExpanded":"OffsetWellsTable-module_searchCellWrapperExpanded__pWrzU","searchCell":"OffsetWellsTable-module_searchCell__3IW23","searchCellEmpty":"OffsetWellsTable-module_searchCellEmpty__1sB-v","bodyTable":"OffsetWellsTable-module_bodyTable__djKsG","bodyGrid":"OffsetWellsTable-module_bodyGrid__Ss17M","loadingCell":"OffsetWellsTable-module_loadingCell__rBu7-","topShadow":"OffsetWellsTable-module_topShadow__MPc8N","viewOnlyShadow":"OffsetWellsTable-module_viewOnlyShadow__DOW-4","bottomShadow":"OffsetWellsTable-module_bottomShadow__jxM6E","wellNameFixed":"OffsetWellsTable-module_wellNameFixed__tKtuD","noShadow":"OffsetWellsTable-module_noShadow__Ssp7E"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=OffsetWellsTable.module.css.js.map
+import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var l={offsetWellsTable:"OffsetWellsTable-module_offsetWellsTable__pGL-8",loadingContainer:"OffsetWellsTable-module_loadingContainer__lA0IJ",stickyTable:"OffsetWellsTable-module_stickyTable__LZCzy",searchCellWrapper:"OffsetWellsTable-module_searchCellWrapper__n8cod",searchCellWrapperExpanded:"OffsetWellsTable-module_searchCellWrapperExpanded__pWrzU",searchCell:"OffsetWellsTable-module_searchCell__3IW23",searchCellEmpty:"OffsetWellsTable-module_searchCellEmpty__1sB-v",bodyTable:"OffsetWellsTable-module_bodyTable__djKsG",bodyGrid:"OffsetWellsTable-module_bodyGrid__Ss17M",loadingCell:"OffsetWellsTable-module_loadingCell__rBu7-",topShadow:"OffsetWellsTable-module_topShadow__MPc8N",viewOnlyShadow:"OffsetWellsTable-module_viewOnlyShadow__DOW-4",bottomShadow:"OffsetWellsTable-module_bottomShadow__jxM6E",wellNameFixed:"OffsetWellsTable-module_wellNameFixed__tKtuD",noShadow:"OffsetWellsTable-module_noShadow__Ssp7E"};e('.OffsetWellsTable-module_offsetWellsTable__pGL-8{display:flex;flex-direction:column;position:relative}.OffsetWellsTable-module_loadingContainer__lA0IJ{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1500}.OffsetWellsTable-module_stickyTable__LZCzy{background-color:var(--palette-background-b-7);padding-right:16px;position:sticky;top:0;z-index:9}.OffsetWellsTable-module_searchCellWrapper__n8cod{background-color:var(--palette-background-b-7);display:inline-flex;left:0;position:sticky;top:49px;width:var(--dynamic-search-wrapper-width,1020px);z-index:9}.OffsetWellsTable-module_searchCellWrapperExpanded__pWrzU{width:var(--dynamic-search-wrapper-width,1270px)}.OffsetWellsTable-module_searchCell__3IW23{left:0;position:sticky;top:0;width:1020px;z-index:9}.OffsetWellsTable-module_searchCellEmpty__1sB-v{position:relative;width:250px}.OffsetWellsTable-module_bodyTable__djKsG{position:relative}.OffsetWellsTable-module_bodyGrid__Ss17M{margin-top:12px!important;overflow:hidden!important}.OffsetWellsTable-module_bodyGrid__Ss17M::-webkit-scrollbar-corner{background:transparent}.OffsetWellsTable-module_loadingCell__rBu7-{border-bottom:none!important;color:var(--palette-primary-text-8)!important;font-size:12px!important;height:16px!important;padding:0!important;position:absolute;text-align:center!important;width:100%;z-index:1000}.OffsetWellsTable-module_topShadow__MPc8N{background-image:linear-gradient(0deg,rgba(51,51,51,0),#333);border-bottom:none!important;height:16px!important;padding:0!important;position:sticky;top:93px;width:100%;z-index:999}.OffsetWellsTable-module_viewOnlyShadow__DOW-4{top:49px}.OffsetWellsTable-module_bottomShadow__jxM6E{border-bottom:none!important;bottom:0;height:16px!important;padding:0!important;position:sticky;width:100%;z-index:999}.OffsetWellsTable-module_bottomShadow__jxM6E:after{background-image:linear-gradient(180deg,rgba(51,51,51,0),#333);bottom:-1px;content:" ";height:16px!important;position:absolute;width:100%}.OffsetWellsTable-module_wellNameFixed__tKtuD{box-shadow:4px 0 6px -3px #191919!important}.OffsetWellsTable-module_noShadow__Ssp7E{box-shadow:none!important}');export{l as default};