@corva/ui 0.34.0-rc.3 → 0.34.0

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

@@ -1,389 +1 @@
-import '@babel/runtime/helpers/defineProperty';
-import 'lodash';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../../constants/completion.js';
-import '../../../../constants/alerts.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../../../constants/goals.js';
-import '../../../../constants/segment.js';
-import '../../../../constants/apps.js';
-import '../../../../constants/drillstring.js';
-import '../../../../constants/notifications.js';
-import '../../../../constants/feed.js';
-import '../../../../constants/bha.js';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/asyncToGenerator';
-import 'query-string';
-import '../../../../utils/mobileDetect.js';
-import '@babel/runtime/helpers/typeof';
-import '../../../../clients/api/apiCore.js';
-import '../../../../clients/constants.js';
-import '../../../../utils/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Typography, MenuItem, Tooltip } from '@material-ui/core';
-import { useMemo } from 'react';
-import 'querystring';
-import 'uuid/v1';
-import '../../../../clients/subscriptions.js';
-import 'uuid';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import 'classnames';
-import '../../../Modal/index.js';
-import '../../../IconMenu/index.js';
-import '../../../StyledMenuItem/index.js';
-import '../../../LoadingIndicator/LoadingIndicator.js';
-import '../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
-import '../../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
-import '../../../Tooltip/MuiTooltipDcWrapper.js';
-import '../../../Avatar/index.js';
-import '../../../Annotations/AnnotationsContext.js';
-import '../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
-import 'react-router';
-import '../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
-import '../../../IconButton/index.js';
-import '../../../ConfirmationDialog.js';
-import '../../../Annotations/components/AnnotationsList/index.js';
-import '../../../Annotations/components/LastAnnotation/index.js';
-import '../../../PadModeSelect/PadModeSelect.js';
-import '../../../DevCenter/AppHeader/AppHeader.js';
-import SortIcon from '@material-ui/icons/Sort';
-import '../../../Button/index.js';
-import '../../../DevCenter/AppSideBar/AppSideBar.js';
-import '../../../DevCenter/AppContext.js';
-import '../../../DevCenter/AppsDataProvider/AppsDataProvider.js';
-import '@material-ui/icons/Help';
-import '../../../HelpCenter/ArticleIcon.js';
-import '../../../HelpCenter/DialogLayout.js';
-import '../../../HelpCenter/SingleItemHeader.js';
-import '../../../DocumentViewer/DocumentViewer.js';
-import '../../../HelpCenter/shapes/index.js';
-import 'slate';
-import '../../../SlateFormattedText/RenderElements.js';
-import '../../../SlateFormattedText/SlateFormattedText.js';
-import '../../../HelpCenter/ItemContent/ItemContent.js';
-import '../../../HelpCenter/HelpCenterDialog/HelpCenterDialog.js';
-import '../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import '../../../EmptyView/EmptyAppView/EmptyAppView.js';
-import '../../../ErrorBoundary/ErrorBoundary.js';
-import '../../../Typography.js';
-import '../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
-import '../../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js';
-import '../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/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 '../../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
-import '../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js';
-import '../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
-import '../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
-import '../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
-import '../../../DevCenter/NavigationBar/NavigationBar.js';
-import '../../../DevCenter/SideBar/SideBar.js';
-import '../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
-import '../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
-import '../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
-import '../../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js';
-import '../../../TruncatedText/index.js';
-import '../../../AssetEditor/SingleAssetEditor.js';
-import { ToggleButtonGroup, ToggleButton } from '@material-ui/lab';
-import '../../../AssetEditor/AssetEditorAutocomplete.js';
-import '../../../AssetEditor/index.js';
-import '../../../AppVersionsSelect/AppVersionsSelect.js';
-import '../../../CollapsableSidebar.js';
-import '../../../DateTimePicker/index.js';
-import '../../../DatePicker/index.js';
-import '../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
-import '../../../ColorPicker/ColorPicker.js';
-import '../../../ParameterCharts/AddEditTrack.js';
-import '../../../ParameterCharts/ParameterCharts.js';
-import '../../../ChartActionsList/ChartActionsList.js';
-import '../../../SettingEditors/ColorEditor/index.js';
-import '../../../SettingEditors/DropdownEditor/index.js';
-import '../../../SettingEditors/RadioEditor/index.js';
-import '../../../SwitchControl/index.js';
-import '../../../RangeSlider/RangeSlider.js';
-import '../../../Login/components/Login.js';
-import '../../../Login/components/PasswordField.js';
-import '../../../Login/components/Chip.js';
-import '../../../Login/components/StepFooter.js';
-import '../../../Login/components/StepContent.js';
-import '../../../Login/components/StepHeader.js';
-import '../../../Login/components/Step.js';
-import '../../../Login/components/OrDivider.js';
-import '../../../Login/components/HiddenEmailField.js';
-import '../../../Login/components/EmailField.js';
-import '../../../Breadcrumbs/index.js';
-import '../../../VirtualizedTable/index.js';
-import '../../../EmptyView/EmptyView.js';
-import '../../../MenuItem/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 '../../../TextField/index.js';
-import '../../../Chip/index.js';
-import '../../../Counter/index.js';
-import '../../../AnchorsList/AnchorsList.js';
-import Select from '../../../Select/index.js';
-import '../../../CustomSelect/index.js';
-import '../../../Tabs/Tabs.js';
-import '../../../Tabs/Tab.js';
-import '../../../ResizableTable/ResizableTable.js';
-import '../../../Drillstring/BHASchematic.js';
-import '../../../Drillstring/BHAComponentIcon.js';
-import '../../../Drillstring/BHATable/index.js';
-import '../../../Drillstring/BHAComponentDetail/index.js';
-import '../../../Casing/CasingComponentIcon.js';
-import '../../../Casing/CasingTable/index.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 '../../../OffsetWellPickerV2/OffsetWellPickerDialog.js';
-import FilterListIcon from '@material-ui/icons/FilterList';
-import { DATA_SOURCE_TYPE, SELECTION_TAB_TYPE, SELECTION_TABS_LABEL, FILTER_BASEDON_TYPE } from '../../constants.js';
-import ToggleMapButton from './ToggleMapButton.js';
-import '../../index.js';
-import '../../../Notifications/Notifications.js';
-import '../../../TextLink/index.js';
-import '../../../Template/TemplatePopover/index.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 '../../../Table/TableToolbar/TableToolbar.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/Icons/FileIcon.js';
-import '../../../FilesLoader/FilesLoader.js';
-import '../../../SearchInput/index.js';
-import '../../../StageDesignVActual/ComparisonHeader.js';
-import '../../../StageDesignVActual/ComparisonBar/ComparisonBar.js';
-import '../../../StageDesignVActual/ComparisonRow.js';
-import '../../../StageDesignVActual/ElementsComparison/ElementsComparison.js';
-import '../../../EmbeddedApp/DevCenterEmbeddedApp.js';
-import '../../../EmbeddedApp/EmbeddedApp.js';
-import '../../../FeedItem/FeedItem.js';
-import '../../../KeyboardDateTimePicker.js';
-import '../../../PostInput/PostInput.js';
-import '../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
-import '../../../AddComment/Popover.js';
-import '../../../AddComment/Popup.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';
-      }
-    },
-    toggleButton: {
-      width: function width(_ref3) {
-        var isTablet = _ref3.isTablet,
-            isMobile = _ref3.isMobile;
-        if (isTablet) return '160px';else if (isMobile) return '100%';else return '215px';
-      },
-      padding: function padding(_ref4) {
-        var isMobile = _ref4.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: 'center'
-    },
-    filterWrapper: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      marginRight: '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
-    }
-  };
-});
-
-function TabSelection(_ref5) {
-  var dataSource = _ref5.dataSource,
-      filterBasedOn = _ref5.filterBasedOn,
-      selectedTab = _ref5.selectedTab,
-      setSelectedTab = _ref5.setSelectedTab,
-      sectionOptions = _ref5.sectionOptions,
-      selectedSection = _ref5.selectedSection,
-      setSelectedSection = _ref5.setSelectedSection,
-      mapHidden = _ref5.mapHidden,
-      onToggleMap = _ref5.onToggleMap,
-      filtersHidden = _ref5.filtersHidden,
-      onToggleFilters = _ref5.onToggleFilters,
-      isTablet = _ref5.isTablet,
-      isMobile = _ref5.isMobile;
-  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;
-    });
-  };
-
-  return /*#__PURE__*/jsxs("div", {
-    className: classes.tabSelectionWrapper,
-    children: [/*#__PURE__*/jsx(ToggleButtonGroup, {
-      value: selectedTab,
-      onChange: handleTabChange,
-      size: "medium",
-      exclusive: true,
-      children: selectionTabs.map(function (_ref6) {
-        var key = _ref6.key,
-            label = _ref6.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: classes.actionWrapper,
-      children: [/*#__PURE__*/jsx(Tooltip, {
-        title: filtersHidden ? 'Expand Filters' : 'Collapse Filters',
-        children: /*#__PURE__*/jsxs("div", {
-          className: classes.filterWrapper,
-          onClick: handleToggleFilters,
-          children: [filtersHidden ? /*#__PURE__*/jsx(FilterListIcon, {}) : /*#__PURE__*/jsx(SortIcon, {}), /*#__PURE__*/jsx(Typography, {
-            className: classes.filters,
-            children: "FILTERS"
-          })]
-        })
-      }), /*#__PURE__*/jsx(ToggleMapButton, {
-        mapHidden: mapHidden,
-        onToggleMap: handleToggleMap
-      })]
-    })]
-  });
-}
-
-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
-};
-
-export default TabSelection;
-//# sourceMappingURL=index.js.map
+import{useMemo as e}from"react";import t from"prop-types";import{makeStyles as i,Typography as r,MenuItem as o,Tooltip as n}from"@material-ui/core";import{ToggleButtonGroup as s,ToggleButton as p}from"@material-ui/lab";import a from"@material-ui/icons/FilterList";import m from"@material-ui/icons/Sort";import"../../../Modal/index.js";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.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"classnames";import"lodash";import"@material-ui/icons/Help";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/index.js";import"../../../HelpCenter/ArticleIcon.js";import"../../../HelpCenter/DialogLayout.js";import"../../../HelpCenter/HelpCenterDialog/HelpCenterDialog.js";import"../../../HelpCenter/ItemContent/ItemContent.js";import"../../../HelpCenter/SingleItemHeader.js";import"../../../HelpCenter/shapes/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as l,jsx as d}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/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"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js";import"../../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.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"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js";import"../../../AssetEditor/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../Typography.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.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"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../RangeSlider/RangeSlider.js";import"../../../Login/components/Login.js";import"../../../Login/components/PasswordField.js";import"../../../Login/components/Chip.js";import"../../../Login/components/StepFooter.js";import"../../../Login/components/StepContent.js";import"../../../Login/components/StepHeader.js";import"../../../Login/components/Step.js";import"../../../Login/components/OrDivider.js";import"../../../Login/components/HiddenEmailField.js";import"../../../Login/components/EmailField.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 c from"../../../Select/index.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.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"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../index.js";import"../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"uuid";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/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"../../../Table/TableToolbar/TableToolbar.js";import"../../../Tooltip/MuiTooltipDcWrapper.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"../../../DocumentViewer/DocumentViewer.js";import{DATA_SOURCE_TYPE as j,SELECTION_TAB_TYPE as u,SELECTION_TABS_LABEL as C,FILTER_BASEDON_TYPE as g}from"../../constants.js";import b from"./ToggleMapButton.js";var A=i((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"}},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:"center"},filterWrapper:{display:"flex",flexDirection:"row",alignItems:"center",marginRight:"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}}}));function x(t){var i=t.dataSource,x=t.filterBasedOn,v=t.selectedTab,D=t.setSelectedTab,f=t.sectionOptions,S=t.selectedSection,h=t.setSelectedSection,P=t.mapHidden,T=t.onToggleMap,y=t.filtersHidden,I=t.onToggleFilters,E=t.isTablet,L=t.isMobile,k=A({isTablet:E,isMobile:L}),B=e((function(){return i===j.offsetWellSelectionApp?[{key:u.bic,label:C.offsetWell},{key:u.custom,label:C.custom}]:[{key:u.bic,label:C.wellhub},{key:u.custom,label:C.custom}]}),[i]);return l("div",{className:k.tabSelectionWrapper,children:[d(s,{value:v,onChange:function(e,t){t&&D(t)},size:"medium",exclusive:!0,children:B.map((function(e){var t=e.key,i=e.label;return d(p,{value:t,className:k.toggleButton,classes:{label:k.toggleLabel},children:i},"tab-selection-".concat(t))}))}),v===u.bic&&i===j.offsetWellSelectionApp&&x===g.wellSections&&l("div",{className:k.actionWrapper,children:[d(r,{className:k.wellSections,children:"Well Section:"}),d(c,{disableUnderline:!0,value:S,className:k.selectComponent,onChange:function(e){h(e.target.value)},FormControlProps:{variant:"standard"},children:f.map((function(e){return d(o,{value:e.id,children:e.name},e.id)}))})]}),v===u.custom&&l("div",{className:k.actionWrapper,children:[d(n,{title:y?"Expand Filters":"Collapse Filters",children:l("div",{className:k.filterWrapper,onClick:function(){I((function(e){return!e}))},children:[d(y?a:m,{}),d(r,{className:k.filters,children:"FILTERS"})]})}),d(b,{mapHidden:P,onToggleMap:function(){T((function(e){return!e}))}})]})]})}x.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};export{x as default};