@corva/ui 0.65.0-1-test → 0.65.0-11

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

@@ -1,401 +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 SettingsIcon from '@material-ui/icons/Settings';
-import '../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
-import '../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js';
-import '../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
-import '../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.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/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
-import '../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
-import '../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
-import '../../../Modal/CorvaModal.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'moment-timezone';
-import '../../../Icons/AnnotationIcon.js';
-import '../../../Annotations/components/AnnotationsList/index.js';
-import '../../../Annotations/components/LastAnnotation/index.js';
-import '../../../Annotations/AnnotationsContext.js';
-import '../../../../utils/mobileDetect.js';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import 'querystring';
-import 'uuid/v1';
-import 'query-string';
-import '../../../../clients/api/apiCore.js';
-import '../../../../clients/constants.js';
-import '../../../../clients/subscriptions.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/notifications.js';
-import '../../../../constants/feed.js';
-import '../../../../constants/bha.js';
-import '../../../../utils/env.js';
-import '../../../GradientManager/configuration/constants.js';
-import '../../../../utils/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 '../../../HelpCenter/HelpCenterIcon.js';
-import '../../../DevCenter/AppContext.js';
-import '../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
-import '../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
-import '../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
-import '../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
-import '../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
-import 'react-router';
-import 'rollbar';
-import '@rollbar/react';
-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 '../../../SettingEditors/ColorEditor/index.js';
-import '../../../SettingEditors/DropdownEditor/index.js';
-import '../../../SettingEditors/RadioEditor/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 '../../../RangeSlider/RangeSlider.js';
-import '../../../AdvancedSlider/AdvancedSlider.js';
-import '../../../Breadcrumbs/index.js';
-import '../../../VirtualizedTable/index.js';
-import '../../../EmptyView/EmptyView.js';
-import '../../../EmptyView/EmptyAppView/EmptyAppView.js';
-import '../../../Button/index.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 IconButton from '../../../IconButton/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 '@material-ui/icons/Check';
-import '@material-ui/icons/Close';
-import '@material-ui/icons/Edit';
-import '@material-ui/icons/Delete';
-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 '../../../GradientPicker/GradientPicker.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 '../../OffsetWellPickerV4.js';
-import '../../../OffsetWellMap/OffsetWellMap.js';
-import '@material-ui/core/Snackbar';
-import '../../../Notifications/Toast.js';
-import '../../../Toaster/Toaster.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 '../../../PadModeSelect/PadModeSelect.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 '../../../Tooltip/ScrollableTooltip.js';
-import '../../../PriceInput/PriceInput.js';
-import '../../../LabelsCounter/LabelsCounter.js';
-import '../../../Stepper/Step.js';
-import '../../../Stepper/StepsWrapper.js';
-import '../../../Stepper/Stepper.js';
-import '../../../Comment/CommentIcon/index.js';
-import '../../../FilesLoader/FilesLoader.js';
-import '../../../FilesLoader/Icons/FileIcon.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/InputAdornmentLeft.js';
-import '../../../Search/components/Groups.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 { METRICS_LIST, DEFAULT_METRICS_KEY, ViewType, IOS_DEVICE, MAX_METRICS_COUNT } from '../../constants.js';
-import { getMobileOperatingSystem } from '../../utils/index.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(SettingsIcon, {})
-    }), /*#__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 e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as o}from"react";import i from"classnames";import{isEqual as n}from"lodash";import s from"prop-types";import{makeStyles as p,Menu as m,MenuItem as a,Checkbox as l}from"@material-ui/core";import c from"@material-ui/icons/Settings";import{jsxs as d,Fragment as j,jsx as C}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.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/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../Modal/CorvaModal.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"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../../utils/mobileDetect.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions.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/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../utils/env.js";import"../../../GradientManager/configuration/constants.js";import"../../../../utils/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"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"rollbar";import"@rollbar/react";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"../../../SettingEditors/ColorEditor/index.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SettingEditors/RadioEditor/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"../../../RangeSlider/RangeSlider.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/RemoveAppButton.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/index.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 u from"../../../IconButton/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"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientPicker/GradientPicker.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"../../OffsetWellPickerV4.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../Toaster/Toaster.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"../../../PadModeSelect/PadModeSelect.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"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Stepper/Stepper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../FilesLoader/Icons/FileIcon.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/InputAdornmentLeft.js";import"../../../Search/components/Groups.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{METRICS_LIST as A,DEFAULT_METRICS_KEY as g,ViewType as b,IOS_DEVICE as D,MAX_METRICS_COUNT as x}from"../../constants.js";import{getMobileOperatingSystem as h}from"../../utils/index.js";var v=A.filter((function(e){return e.key!==g})),S=p((function(e){return{checkBox:{color:"grey",padding:"0px",marginRight:"10px"},paper:{transform:"translate(-40px, 4px) scale(1, 1) !important",maxHeight:"calc(80% - 80px)",backgroundColor:e.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:e.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"}}})),f=function(s){var p,A=s.viewType,g=s.metricsKeys,f=s.onChange,P=s.contentRef,T=S(),I=r([]),y=t(I,2),B=y[0],E=y[1],k=r(null),M=t(k,2),L=M[0],V=M[1];o((function(){E(g||[])}),[g]);return d(j,{children:[C(u,{"data-testid":"".concat("MetricsSettingMenu","_gear"),size:"small",tooltipProps:{title:A!==b.mobile?"Select Metrics":""},onClick:function(e){V(e.currentTarget)},children:C(c,{})}),d(m,{id:"simple-menu",anchorEl:P.current,getContentAnchorEl:null,anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"right"},classes:{paper:i(T.paper,(p={},e(p,T.paperMobile,A===b.mobile),e(p,T.paperiOSMobile,h()===D),p)),list:T.menuList},keepMounted:!0,open:Boolean(L),onClose:function(){V(null),n(B,g)||f(B)},children:[C("div",{className:T.titleItem,children:C("span",{className:T.titleLabel,children:"Up to 2 Metrics"})}),v.map((function(e){return d(a,{"data-testid":"".concat("MetricsSettingMenu","_option_").concat(e.key,"MenuItem"),className:T.menuItem,disabled:B.length===x&&!B.includes(e.key),onClick:function(){return t=e.key,void(B.includes(t)?E(B.filter((function(e){return e!==t}))):E(B.concat(t)));var t},children:[C(l,{checked:B.includes(e.key),className:T.checkBox}),e.label]},e.key)}))]})]})};f.propTypes={viewType:s.string.isRequired,metricsKeys:s.arrayOf(s.string).isRequired,onChange:s.func.isRequired,contentRef:s.shape({current:s.instanceOf(Element)}).isRequired};export{f as MetricsSettingMenu};