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

package/components/OffsetWellPickerV3/components/TabSelection/index.js

@@ -1,500 +1 @@
-import { useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { isEmpty, get } from 'lodash';
-import classNames from 'classnames';
-import { makeStyles, Typography, MenuItem, Tooltip, Chip } from '@material-ui/core';
-import { ToggleButtonGroup, ToggleButton } from '@material-ui/lab';
-import FilterListIcon from '@material-ui/icons/FilterList';
-import SortIcon from '@material-ui/icons/Sort';
-import CloseIcon from '@material-ui/icons/Close';
-import '@babel/runtime/helpers/defineProperty';
-import '../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import { jsxs, 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 '@babel/runtime/helpers/slicedToArray';
-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/index.js';
-import '../../../TextField/index.js';
-import '../../../Chip/index.js';
-import '../../../Counter/index.js';
-import '../../../AnchorsList/AnchorsList.js';
-import Select from '../../../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/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 '../../index.js';
-import '../../../OffsetWellChips/Chip.js';
-import '../../../OffsetWellChips/ChipsContainer.js';
-import '../../../OffsetWellPickerV4/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 { DATA_SOURCE_TYPE, SELECTION_TAB_TYPE, SELECTION_TABS_LABEL, FILTER_BASEDON_TYPE } from '../../constants.js';
-import ToggleMapButton from './ToggleMapButton.js';
-import { DEFAULT_SETTINGS } from '../CustomSelectionView/constants.js';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    tabSelectionWrapper: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      paddingTop: '12px',
-      flexDirection: function flexDirection(_ref) {
-        var isTablet = _ref.isTablet,
-          isMobile = _ref.isMobile;
-        return !isTablet && isMobile && 'column';
-      },
-      gap: function gap(_ref2) {
-        var isTablet = _ref2.isTablet,
-          isMobile = _ref2.isMobile;
-        return !isTablet && isMobile && '12px';
-      },
-      marginBottom: function marginBottom(_ref3) {
-        var isMobile = _ref3.isMobile,
-          isTablet = _ref3.isTablet;
-        return isMobile && !isTablet ? '16px' : '24px';
-      }
-    },
-    toggleButton: {
-      width: function width(_ref4) {
-        var isTablet = _ref4.isTablet,
-          isMobile = _ref4.isMobile;
-        if (isTablet) return '160px';else if (isMobile) return '100%';else return '215px';
-      },
-      padding: function padding(_ref5) {
-        var isMobile = _ref5.isMobile;
-        return isMobile && '0px !important';
-      }
-    },
-    toggleLabel: {
-      marginTop: '2px'
-    },
-    wellSections: {
-      fontSize: '12px',
-      color: theme.palette.primary.text6,
-      marginRight: '16px'
-    },
-    actionWrapper: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'space-evenly'
-    },
-    customAction: {
-      justifyContent: 'space-between'
-    },
-    filterWrapper: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      marginRight: function marginRight(_ref6) {
-        var isMobile = _ref6.isMobile,
-          isTablet = _ref6.isTablet;
-        return isMobile && !isTablet ? '0px' : '16px';
-      },
-      padding: '5px 8px',
-      cursor: 'pointer',
-      color: theme.palette.primary.text6,
-      '&:hover': {
-        background: theme.palette.background.b7,
-        boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.16)',
-        borderRadius: '4px',
-        color: theme.palette.primary.text1
-      }
-    },
-    filters: {
-      fontSize: '13px',
-      fontWeight: 500,
-      letterSpacing: '1px'
-    },
-    selectComponent: {
-      maxWidth: 240,
-      minWidth: 60
-    },
-    filterContainer: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    selectedChip: {
-      background: "".concat(theme.palette.background.b7, " !important")
-    },
-    chipLabel: {
-      color: "".concat(theme.palette.primary.text6, " !important")
-    }
-  };
-});
-function TabSelection(_ref7) {
-  var dataSource = _ref7.dataSource,
-    filterBasedOn = _ref7.filterBasedOn,
-    selectedTab = _ref7.selectedTab,
-    setSelectedTab = _ref7.setSelectedTab,
-    sectionOptions = _ref7.sectionOptions,
-    selectedSection = _ref7.selectedSection,
-    setSelectedSection = _ref7.setSelectedSection,
-    mapHidden = _ref7.mapHidden,
-    onToggleMap = _ref7.onToggleMap,
-    filtersHidden = _ref7.filtersHidden,
-    onToggleFilters = _ref7.onToggleFilters,
-    isTablet = _ref7.isTablet,
-    isMobile = _ref7.isMobile,
-    customFilters = _ref7.customFilters,
-    setIsClearFilters = _ref7.setIsClearFilters;
-  var classes = useStyles({
-    isTablet: isTablet,
-    isMobile: isMobile
-  });
-  var selectionTabs = useMemo(function () {
-    if (dataSource === DATA_SOURCE_TYPE.offsetWellSelectionApp) {
-      return [{
-        key: SELECTION_TAB_TYPE.bic,
-        label: SELECTION_TABS_LABEL.offsetWell
-      }, {
-        key: SELECTION_TAB_TYPE.custom,
-        label: SELECTION_TABS_LABEL.custom
-      }];
-    }
-    return [{
-      key: SELECTION_TAB_TYPE.bic,
-      label: SELECTION_TABS_LABEL.wellhub
-    }, {
-      key: SELECTION_TAB_TYPE.custom,
-      label: SELECTION_TABS_LABEL.custom
-    }];
-  }, [dataSource]);
-  var handleTabChange = function handleTabChange(e, selection) {
-    if (selection) setSelectedTab(selection);
-  };
-  var handleChangeSection = function handleChangeSection(e) {
-    setSelectedSection(e.target.value);
-  };
-  var handleToggleMap = function handleToggleMap() {
-    onToggleMap(function (value) {
-      return !value;
-    });
-  };
-  var handleToggleFilters = function handleToggleFilters() {
-    onToggleFilters(function (value) {
-      return !value;
-    });
-  };
-  var changedFiltersCounter = useMemo(function () {
-    if (!isEmpty(customFilters)) {
-      var len = Object.keys(get(customFilters, 'filters')).length + (get(customFilters, 'excludeSideTrack') ? 1 : 0) + (get(customFilters, 'radius') !== DEFAULT_SETTINGS.radius ? 1 : 0);
-      return len;
-    } else return 0;
-  }, [customFilters]);
-  return /*#__PURE__*/jsxs("div", {
-    className: classes.tabSelectionWrapper,
-    children: [/*#__PURE__*/jsx(ToggleButtonGroup, {
-      value: selectedTab,
-      onChange: handleTabChange,
-      size: "medium",
-      exclusive: true,
-      children: selectionTabs.map(function (_ref8) {
-        var key = _ref8.key,
-          label = _ref8.label;
-        return /*#__PURE__*/jsx(ToggleButton, {
-          value: key,
-          className: classes.toggleButton,
-          classes: {
-            label: classes.toggleLabel
-          },
-          children: label
-        }, "tab-selection-".concat(key));
-      })
-    }), selectedTab === SELECTION_TAB_TYPE.bic && dataSource === DATA_SOURCE_TYPE.offsetWellSelectionApp && filterBasedOn === FILTER_BASEDON_TYPE.wellSections && /*#__PURE__*/jsxs("div", {
-      className: classes.actionWrapper,
-      children: [/*#__PURE__*/jsx(Typography, {
-        className: classes.wellSections,
-        children: "Well Section:"
-      }), /*#__PURE__*/jsx(Select, {
-        disableUnderline: true,
-        value: selectedSection,
-        className: classes.selectComponent,
-        onChange: handleChangeSection,
-        FormControlProps: {
-          variant: 'standard'
-        },
-        children: sectionOptions.map(function (section) {
-          return /*#__PURE__*/jsx(MenuItem, {
-            value: section.id,
-            children: section.name
-          }, section.id);
-        })
-      })]
-    }), selectedTab === SELECTION_TAB_TYPE.custom && /*#__PURE__*/jsxs("div", {
-      className: classNames(classes.actionWrapper, classes.customAction),
-      children: [/*#__PURE__*/jsxs("div", {
-        className: classes.filterContainer,
-        children: [/*#__PURE__*/jsx(Tooltip, {
-          title: filtersHidden ? 'Expand Filters' : 'Collapse Filters',
-          children: /*#__PURE__*/jsxs("div", {
-            className: classes.filterWrapper,
-            onClick: handleToggleFilters,
-            children: [!filtersHidden && (isTablet || !isMobile) ? /*#__PURE__*/jsx(SortIcon, {}) : /*#__PURE__*/jsx(FilterListIcon, {}), /*#__PURE__*/jsx(Typography, {
-              className: classes.filters,
-              children: "FILTERS"
-            })]
-          })
-        }), !isTablet && isMobile && /*#__PURE__*/jsx(Chip, {
-          classes: {
-            root: classes.selectedChip,
-            labelSmall: classes.chipLabel,
-            deleteIcon: classes.chipLabel
-          },
-          size: "small",
-          label: changedFiltersCounter,
-          deleteIcon: /*#__PURE__*/jsx(CloseIcon, {}),
-          onDelete: function onDelete() {
-            return setIsClearFilters(true);
-          }
-        })]
-      }), /*#__PURE__*/jsx(ToggleMapButton, {
-        mapHidden: mapHidden,
-        onToggleMap: handleToggleMap,
-        isMobile: isMobile
-      })]
-    })]
-  });
-}
-TabSelection.propTypes = {
-  dataSource: PropTypes.string.isRequired,
-  filterBasedOn: PropTypes.string.isRequired,
-  selectedTab: PropTypes.string.isRequired,
-  setSelectedTab: PropTypes.func.isRequired,
-  sectionOptions: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  // eslint-disable-next-line react/forbid-prop-types
-  selectedSection: PropTypes.any.isRequired,
-  setSelectedSection: PropTypes.func.isRequired,
-  mapHidden: PropTypes.bool.isRequired,
-  onToggleMap: PropTypes.func.isRequired,
-  filtersHidden: PropTypes.bool.isRequired,
-  onToggleFilters: PropTypes.func.isRequired,
-  isTablet: PropTypes.bool.isRequired,
-  isMobile: PropTypes.bool.isRequired,
-  customFilters: PropTypes.shape({}).isRequired,
-  setIsClearFilters: PropTypes.func.isRequired
-};
-
-export { TabSelection as default };
-//# sourceMappingURL=index.js.map
+import{useMemo as e}from"react";import t from"prop-types";import{isEmpty as i,get as r}from"lodash";import o from"classnames";import{makeStyles as n,Typography as s,MenuItem as p,Tooltip as a,Chip as m}from"@material-ui/core";import{ToggleButtonGroup as l,ToggleButton as c}from"@material-ui/lab";import d from"@material-ui/icons/FilterList";import j from"@material-ui/icons/Sort";import u from"@material-ui/icons/Close";import{jsxs as C,jsx as b}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"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";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"../../../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/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import g from"../../../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/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"../../index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../../OffsetWellPickerV4/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{DATA_SOURCE_TYPE as A,SELECTION_TAB_TYPE as f,SELECTION_TABS_LABEL as S,FILTER_BASEDON_TYPE as x}from"../../constants.js";import v from"./ToggleMapButton.js";import{DEFAULT_SETTINGS as D}from"../CustomSelectionView/constants.js";var h=n((function(e){return{tabSelectionWrapper:{display:"flex",justifyContent:"space-between",paddingTop:"12px",flexDirection:function(e){var t=e.isTablet,i=e.isMobile;return!t&&i&&"column"},gap:function(e){var t=e.isTablet,i=e.isMobile;return!t&&i&&"12px"},marginBottom:function(e){var t=e.isMobile,i=e.isTablet;return t&&!i?"16px":"24px"}},toggleButton:{width:function(e){var t=e.isTablet,i=e.isMobile;return t?"160px":i?"100%":"215px"},padding:function(e){return e.isMobile&&"0px !important"}},toggleLabel:{marginTop:"2px"},wellSections:{fontSize:"12px",color:e.palette.primary.text6,marginRight:"16px"},actionWrapper:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-evenly"},customAction:{justifyContent:"space-between"},filterWrapper:{display:"flex",flexDirection:"row",alignItems:"center",marginRight:function(e){var t=e.isMobile,i=e.isTablet;return t&&!i?"0px":"16px"},padding:"5px 8px",cursor:"pointer",color:e.palette.primary.text6,"&:hover":{background:e.palette.background.b7,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)",borderRadius:"4px",color:e.palette.primary.text1}},filters:{fontSize:"13px",fontWeight:500,letterSpacing:"1px"},selectComponent:{maxWidth:240,minWidth:60},filterContainer:{display:"flex",alignItems:"center"},selectedChip:{background:"".concat(e.palette.background.b7," !important")},chipLabel:{color:"".concat(e.palette.primary.text6," !important")}}}));function T(t){var n=t.dataSource,T=t.filterBasedOn,P=t.selectedTab,y=t.setSelectedTab,I=t.sectionOptions,B=t.selectedSection,E=t.setSelectedSection,k=t.mapHidden,F=t.onToggleMap,M=t.filtersHidden,W=t.onToggleFilters,L=t.isTablet,R=t.isMobile,V=t.customFilters,w=t.setIsClearFilters,O=h({isTablet:L,isMobile:R}),H=e((function(){return n===A.offsetWellSelectionApp?[{key:f.bic,label:S.offsetWell},{key:f.custom,label:S.custom}]:[{key:f.bic,label:S.wellhub},{key:f.custom,label:S.custom}]}),[n]),q=e((function(){return i(V)?0:Object.keys(r(V,"filters")).length+(r(V,"excludeSideTrack")?1:0)+(r(V,"radius")!==D.radius?1:0)}),[V]);return C("div",{className:O.tabSelectionWrapper,children:[b(l,{value:P,onChange:function(e,t){t&&y(t)},size:"medium",exclusive:!0,children:H.map((function(e){var t=e.key,i=e.label;return b(c,{value:t,className:O.toggleButton,classes:{label:O.toggleLabel},children:i},"tab-selection-".concat(t))}))}),P===f.bic&&n===A.offsetWellSelectionApp&&T===x.wellSections&&C("div",{className:O.actionWrapper,children:[b(s,{className:O.wellSections,children:"Well Section:"}),b(g,{disableUnderline:!0,value:B,className:O.selectComponent,onChange:function(e){E(e.target.value)},FormControlProps:{variant:"standard"},children:I.map((function(e){return b(p,{value:e.id,children:e.name},e.id)}))})]}),P===f.custom&&C("div",{className:o(O.actionWrapper,O.customAction),children:[C("div",{className:O.filterContainer,children:[b(a,{title:M?"Expand Filters":"Collapse Filters",children:C("div",{className:O.filterWrapper,onClick:function(){W((function(e){return!e}))},children:[b(M||!L&&R?d:j,{}),b(s,{className:O.filters,children:"FILTERS"})]})}),!L&&R&&b(m,{classes:{root:O.selectedChip,labelSmall:O.chipLabel,deleteIcon:O.chipLabel},size:"small",label:q,deleteIcon:b(u,{}),onDelete:function(){return w(!0)}})]}),b(v,{mapHidden:k,onToggleMap:function(){F((function(e){return!e}))},isMobile:R})]})]})}T.propTypes={dataSource:t.string.isRequired,filterBasedOn:t.string.isRequired,selectedTab:t.string.isRequired,setSelectedTab:t.func.isRequired,sectionOptions:t.arrayOf(t.shape({})).isRequired,selectedSection:t.any.isRequired,setSelectedSection:t.func.isRequired,mapHidden:t.bool.isRequired,onToggleMap:t.func.isRequired,filtersHidden:t.bool.isRequired,onToggleFilters:t.func.isRequired,isTablet:t.bool.isRequired,isMobile:t.bool.isRequired,customFilters:t.shape({}).isRequired,setIsClearFilters:t.func.isRequired};export{T as default};