@corva/ui 0.34.0-rc.0 → 0.34.0-rc.3

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

@@ -1 +1,389 @@
-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};
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/OffsetWellPickerV3/components/TabSelection/index.js"],"sourcesContent":["import { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles, Typography, MenuItem, Tooltip } from '@material-ui/core';\nimport { ToggleButtonGroup, ToggleButton as ToggleButtonComponent } from '@material-ui/lab';\nimport FilterListIcon from '@material-ui/icons/FilterList';\nimport SortIcon from '@material-ui/icons/Sort';\nimport { Select as SelectComponent } from '~/components';\nimport {\n  SELECTION_TABS_LABEL,\n  DATA_SOURCE_TYPE,\n  FILTER_BASEDON_TYPE,\n  SELECTION_TAB_TYPE,\n} from '../../constants';\nimport ToggleMapButton from './ToggleMapButton';\n\nconst useStyles = makeStyles(theme => ({\n  tabSelectionWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    paddingTop: '12px',\n    flexDirection: ({ isTablet, isMobile }) => !isTablet && isMobile && 'column',\n    gap: ({ isTablet, isMobile }) => !isTablet && isMobile && '12px',\n  },\n  toggleButton: {\n    width: ({ isTablet, isMobile }) => {\n      if (isTablet) return '160px';\n      else if (isMobile) return '100%';\n      else return '215px';\n    },\n    padding: ({ isMobile }) => isMobile && '0px !important',\n  },\n  toggleLabel: {\n    marginTop: '2px',\n  },\n  wellSections: {\n    fontSize: '12px',\n    color: theme.palette.primary.text6,\n    marginRight: '16px',\n  },\n  actionWrapper: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  filterWrapper: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginRight: '16px',\n    padding: '5px 8px',\n    cursor: 'pointer',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      background: theme.palette.background.b7,\n      boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.16)',\n      borderRadius: '4px',\n      color: theme.palette.primary.text1,\n    },\n  },\n  filters: {\n    fontSize: '13px',\n    fontWeight: 500,\n    letterSpacing: '1px',\n  },\n  selectComponent: {\n    maxWidth: 240,\n    minWidth: 60,\n  },\n}));\n\nfunction TabSelection({\n  dataSource,\n  filterBasedOn,\n  selectedTab,\n  setSelectedTab,\n  sectionOptions,\n  selectedSection,\n  setSelectedSection,\n  mapHidden,\n  onToggleMap,\n  filtersHidden,\n  onToggleFilters,\n  isTablet,\n  isMobile,\n}) {\n  const classes = useStyles({ isTablet, isMobile });\n\n  const selectionTabs = useMemo(() => {\n    if (dataSource === DATA_SOURCE_TYPE.offsetWellSelectionApp) {\n      return [\n        { key: SELECTION_TAB_TYPE.bic, label: SELECTION_TABS_LABEL.offsetWell },\n        { key: SELECTION_TAB_TYPE.custom, label: SELECTION_TABS_LABEL.custom },\n      ];\n    }\n\n    return [\n      { key: SELECTION_TAB_TYPE.bic, label: SELECTION_TABS_LABEL.wellhub },\n      { key: SELECTION_TAB_TYPE.custom, label: SELECTION_TABS_LABEL.custom },\n    ];\n  }, [dataSource]);\n\n  const handleTabChange = (e, selection) => {\n    if (selection) setSelectedTab(selection);\n  };\n\n  const handleChangeSection = e => {\n    setSelectedSection(e.target.value);\n  };\n\n  const handleToggleMap = () => {\n    onToggleMap(value => !value);\n  };\n\n  const handleToggleFilters = () => {\n    onToggleFilters(value => !value);\n  };\n\n  return (\n    <div className={classes.tabSelectionWrapper}>\n      <ToggleButtonGroup value={selectedTab} onChange={handleTabChange} size=\"medium\" exclusive>\n        {selectionTabs.map(({ key, label }) => (\n          <ToggleButtonComponent\n            key={`tab-selection-${key}`}\n            value={key}\n            className={classes.toggleButton}\n            classes={{ label: classes.toggleLabel }}\n          >\n            {label}\n          </ToggleButtonComponent>\n        ))}\n      </ToggleButtonGroup>\n      {selectedTab === SELECTION_TAB_TYPE.bic &&\n        dataSource === DATA_SOURCE_TYPE.offsetWellSelectionApp &&\n        filterBasedOn === FILTER_BASEDON_TYPE.wellSections && (\n          <div className={classes.actionWrapper}>\n            <Typography className={classes.wellSections}>Well Section:</Typography>\n            <SelectComponent\n              disableUnderline\n              value={selectedSection}\n              className={classes.selectComponent}\n              onChange={handleChangeSection}\n              FormControlProps={{\n                variant: 'standard',\n              }}\n            >\n              {sectionOptions.map(section => (\n                <MenuItem key={section.id} value={section.id}>\n                  {section.name}\n                </MenuItem>\n              ))}\n            </SelectComponent>\n          </div>\n        )}\n      {selectedTab === SELECTION_TAB_TYPE.custom && (\n        <div className={classes.actionWrapper}>\n          <Tooltip title={filtersHidden ? 'Expand Filters' : 'Collapse Filters'}>\n            <div className={classes.filterWrapper} onClick={handleToggleFilters}>\n              {filtersHidden ? <FilterListIcon /> : <SortIcon />}\n              <Typography className={classes.filters}>FILTERS</Typography>\n            </div>\n          </Tooltip>\n          <ToggleMapButton mapHidden={mapHidden} onToggleMap={handleToggleMap} />\n        </div>\n      )}\n    </div>\n  );\n}\n\nTabSelection.propTypes = {\n  dataSource: PropTypes.string.isRequired,\n  filterBasedOn: PropTypes.string.isRequired,\n  selectedTab: PropTypes.string.isRequired,\n  setSelectedTab: PropTypes.func.isRequired,\n  sectionOptions: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  // eslint-disable-next-line react/forbid-prop-types\n  selectedSection: PropTypes.any.isRequired,\n  setSelectedSection: PropTypes.func.isRequired,\n  mapHidden: PropTypes.bool.isRequired,\n  onToggleMap: PropTypes.func.isRequired,\n  filtersHidden: PropTypes.bool.isRequired,\n  onToggleFilters: PropTypes.func.isRequired,\n  isTablet: PropTypes.bool.isRequired,\n  isMobile: PropTypes.bool.isRequired,\n};\n\nexport default TabSelection;\n"],"names":["useStyles","makeStyles","theme","tabSelectionWrapper","display","justifyContent","paddingTop","flexDirection","isTablet","isMobile","gap","toggleButton","width","padding","toggleLabel","marginTop","wellSections","fontSize","color","palette","primary","text6","marginRight","actionWrapper","alignItems","filterWrapper","cursor","background","b7","boxShadow","borderRadius","text1","filters","fontWeight","letterSpacing","selectComponent","maxWidth","minWidth","TabSelection","dataSource","filterBasedOn","selectedTab","setSelectedTab","sectionOptions","selectedSection","setSelectedSection","mapHidden","onToggleMap","filtersHidden","onToggleFilters","classes","selectionTabs","useMemo","DATA_SOURCE_TYPE","offsetWellSelectionApp","key","SELECTION_TAB_TYPE","bic","label","SELECTION_TABS_LABEL","offsetWell","custom","wellhub","handleTabChange","e","selection","handleChangeSection","target","value","handleToggleMap","handleToggleFilters","_jsxs","_jsx","map","ToggleButtonComponent","FILTER_BASEDON_TYPE","SelectComponent","variant","section","id","name","propTypes","PropTypes","string","isRequired","func","arrayOf","shape","any","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,OAAO,EAAE,MADU;AAEnBC,MAAAA,cAAc,EAAE,eAFG;AAGnBC,MAAAA,UAAU,EAAE,MAHO;AAInBC,MAAAA,aAAa,EAAE;AAAA,YAAGC,QAAH,QAAGA,QAAH;AAAA,YAAaC,QAAb,QAAaA,QAAb;AAAA,eAA4B,CAACD,QAAD,IAAaC,QAAb,IAAyB,QAArD;AAAA,OAJI;AAKnBC,MAAAA,GAAG,EAAE;AAAA,YAAGF,QAAH,SAAGA,QAAH;AAAA,YAAaC,QAAb,SAAaA,QAAb;AAAA,eAA4B,CAACD,QAAD,IAAaC,QAAb,IAAyB,MAArD;AAAA;AALc,KADgB;AAQrCE,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,sBAA4B;AAAA,YAAzBJ,QAAyB,SAAzBA,QAAyB;AAAA,YAAfC,QAAe,SAAfA,QAAe;AACjC,YAAID,QAAJ,EAAc,OAAO,OAAP,CAAd,KACK,IAAIC,QAAJ,EAAc,OAAO,MAAP,CAAd,KACA,OAAO,OAAP;AACN,OALW;AAMZI,MAAAA,OAAO,EAAE;AAAA,YAAGJ,QAAH,SAAGA,QAAH;AAAA,eAAkBA,QAAQ,IAAI,gBAA9B;AAAA;AANG,KARuB;AAgBrCK,IAAAA,WAAW,EAAE;AACXC,MAAAA,SAAS,EAAE;AADA,KAhBwB;AAmBrCC,IAAAA,YAAY,EAAE;AACZC,MAAAA,QAAQ,EAAE,MADE;AAEZC,MAAAA,KAAK,EAAEhB,KAAK,CAACiB,OAAN,CAAcC,OAAd,CAAsBC,KAFjB;AAGZC,MAAAA,WAAW,EAAE;AAHD,KAnBuB;AAwBrCC,IAAAA,aAAa,EAAE;AACbnB,MAAAA,OAAO,EAAE,MADI;AAEbG,MAAAA,aAAa,EAAE,KAFF;AAGbiB,MAAAA,UAAU,EAAE,QAHC;AAIbnB,MAAAA,cAAc,EAAE;AAJH,KAxBsB;AA8BrCoB,IAAAA,aAAa,EAAE;AACbrB,MAAAA,OAAO,EAAE,MADI;AAEbG,MAAAA,aAAa,EAAE,KAFF;AAGbiB,MAAAA,UAAU,EAAE,QAHC;AAIbF,MAAAA,WAAW,EAAE,MAJA;AAKbT,MAAAA,OAAO,EAAE,SALI;AAMba,MAAAA,MAAM,EAAE,SANK;AAObR,MAAAA,KAAK,EAAEhB,KAAK,CAACiB,OAAN,CAAcC,OAAd,CAAsBC,KAPhB;AAQb,iBAAW;AACTM,QAAAA,UAAU,EAAEzB,KAAK,CAACiB,OAAN,CAAcQ,UAAd,CAAyBC,EAD5B;AAETC,QAAAA,SAAS,EAAE,iCAFF;AAGTC,QAAAA,YAAY,EAAE,KAHL;AAITZ,QAAAA,KAAK,EAAEhB,KAAK,CAACiB,OAAN,CAAcC,OAAd,CAAsBW;AAJpB;AARE,KA9BsB;AA6CrCC,IAAAA,OAAO,EAAE;AACPf,MAAAA,QAAQ,EAAE,MADH;AAEPgB,MAAAA,UAAU,EAAE,GAFL;AAGPC,MAAAA,aAAa,EAAE;AAHR,KA7C4B;AAkDrCC,IAAAA,eAAe,EAAE;AACfC,MAAAA,QAAQ,EAAE,GADK;AAEfC,MAAAA,QAAQ,EAAE;AAFK;AAlDoB,GAAL;AAAA,CAAN,CAA5B;;AAwDA,SAASC,YAAT,QAcG;AAAA,MAbDC,UAaC,SAbDA,UAaC;AAAA,MAZDC,aAYC,SAZDA,aAYC;AAAA,MAXDC,WAWC,SAXDA,WAWC;AAAA,MAVDC,cAUC,SAVDA,cAUC;AAAA,MATDC,cASC,SATDA,cASC;AAAA,MARDC,eAQC,SARDA,eAQC;AAAA,MAPDC,kBAOC,SAPDA,kBAOC;AAAA,MANDC,SAMC,SANDA,SAMC;AAAA,MALDC,WAKC,SALDA,WAKC;AAAA,MAJDC,aAIC,SAJDA,aAIC;AAAA,MAHDC,eAGC,SAHDA,eAGC;AAAA,MAFDzC,QAEC,SAFDA,QAEC;AAAA,MADDC,QACC,SADDA,QACC;AACD,MAAMyC,OAAO,GAAGlD,SAAS,CAAC;AAAEQ,IAAAA,QAAQ,EAARA,QAAF;AAAYC,IAAAA,QAAQ,EAARA;AAAZ,GAAD,CAAzB;AAEA,MAAM0C,aAAa,GAAGC,OAAO,CAAC,YAAM;AAClC,QAAIb,UAAU,KAAKc,gBAAgB,CAACC,sBAApC,EAA4D;AAC1D,aAAO,CACL;AAAEC,QAAAA,GAAG,EAAEC,kBAAkB,CAACC,GAA1B;AAA+BC,QAAAA,KAAK,EAAEC,oBAAoB,CAACC;AAA3D,OADK,EAEL;AAAEL,QAAAA,GAAG,EAAEC,kBAAkB,CAACK,MAA1B;AAAkCH,QAAAA,KAAK,EAAEC,oBAAoB,CAACE;AAA9D,OAFK,CAAP;AAID;;AAED,WAAO,CACL;AAAEN,MAAAA,GAAG,EAAEC,kBAAkB,CAACC,GAA1B;AAA+BC,MAAAA,KAAK,EAAEC,oBAAoB,CAACG;AAA3D,KADK,EAEL;AAAEP,MAAAA,GAAG,EAAEC,kBAAkB,CAACK,MAA1B;AAAkCH,MAAAA,KAAK,EAAEC,oBAAoB,CAACE;AAA9D,KAFK,CAAP;AAID,GAZ4B,EAY1B,CAACtB,UAAD,CAZ0B,CAA7B;;AAcA,MAAMwB,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD,EAAIC,SAAJ,EAAkB;AACxC,QAAIA,SAAJ,EAAevB,cAAc,CAACuB,SAAD,CAAd;AAChB,GAFD;;AAIA,MAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAF,CAAC,EAAI;AAC/BnB,IAAAA,kBAAkB,CAACmB,CAAC,CAACG,MAAF,CAASC,KAAV,CAAlB;AACD,GAFD;;AAIA,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5BtB,IAAAA,WAAW,CAAC,UAAAqB,KAAK;AAAA,aAAI,CAACA,KAAL;AAAA,KAAN,CAAX;AACD,GAFD;;AAIA,MAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChCrB,IAAAA,eAAe,CAAC,UAAAmB,KAAK;AAAA,aAAI,CAACA,KAAL;AAAA,KAAN,CAAf;AACD,GAFD;;AAIA,sBACEG;AAAK,IAAA,SAAS,EAAErB,OAAO,CAAC/C,mBAAxB;AAAA,4BACEqE,IAAC,iBAAD;AAAmB,MAAA,KAAK,EAAE/B,WAA1B;AAAuC,MAAA,QAAQ,EAAEsB,eAAjD;AAAkE,MAAA,IAAI,EAAC,QAAvE;AAAgF,MAAA,SAAS,MAAzF;AAAA,gBACGZ,aAAa,CAACsB,GAAd,CAAkB;AAAA,YAAGlB,GAAH,SAAGA,GAAH;AAAA,YAAQG,KAAR,SAAQA,KAAR;AAAA,4BACjBc,IAACE,YAAD;AAEE,UAAA,KAAK,EAAEnB,GAFT;AAGE,UAAA,SAAS,EAAEL,OAAO,CAACvC,YAHrB;AAIE,UAAA,OAAO,EAAE;AAAE+C,YAAAA,KAAK,EAAER,OAAO,CAACpC;AAAjB,WAJX;AAAA,oBAMG4C;AANH,mCACwBH,GADxB,EADiB;AAAA,OAAlB;AADH,MADF,EAaGd,WAAW,KAAKe,kBAAkB,CAACC,GAAnC,IACClB,UAAU,KAAKc,gBAAgB,CAACC,sBADjC,IAECd,aAAa,KAAKmC,mBAAmB,CAAC3D,YAFvC,iBAGGuD;AAAK,MAAA,SAAS,EAAErB,OAAO,CAAC3B,aAAxB;AAAA,8BACEiD,IAAC,UAAD;AAAY,QAAA,SAAS,EAAEtB,OAAO,CAAClC,YAA/B;AAAA;AAAA,QADF,eAEEwD,IAACI,MAAD;AACE,QAAA,gBAAgB,MADlB;AAEE,QAAA,KAAK,EAAEhC,eAFT;AAGE,QAAA,SAAS,EAAEM,OAAO,CAACf,eAHrB;AAIE,QAAA,QAAQ,EAAE+B,mBAJZ;AAKE,QAAA,gBAAgB,EAAE;AAChBW,UAAAA,OAAO,EAAE;AADO,SALpB;AAAA,kBASGlC,cAAc,CAAC8B,GAAf,CAAmB,UAAAK,OAAO;AAAA,8BACzBN,IAAC,QAAD;AAA2B,YAAA,KAAK,EAAEM,OAAO,CAACC,EAA1C;AAAA,sBACGD,OAAO,CAACE;AADX,aAAeF,OAAO,CAACC,EAAvB,CADyB;AAAA,SAA1B;AATH,QAFF;AAAA,MAhBN,EAmCGtC,WAAW,KAAKe,kBAAkB,CAACK,MAAnC,iBACCU;AAAK,MAAA,SAAS,EAAErB,OAAO,CAAC3B,aAAxB;AAAA,8BACEiD,IAAC,OAAD;AAAS,QAAA,KAAK,EAAExB,aAAa,GAAG,gBAAH,GAAsB,kBAAnD;AAAA,+BACEuB;AAAK,UAAA,SAAS,EAAErB,OAAO,CAACzB,aAAxB;AAAuC,UAAA,OAAO,EAAE6C,mBAAhD;AAAA,qBACGtB,aAAa,gBAAGwB,IAAC,cAAD,KAAH,gBAAwBA,IAAC,QAAD,KADxC,eAEEA,IAAC,UAAD;AAAY,YAAA,SAAS,EAAEtB,OAAO,CAAClB,OAA/B;AAAA;AAAA,YAFF;AAAA;AADF,QADF,eAOEwC,IAAC,eAAD;AAAiB,QAAA,SAAS,EAAE1B,SAA5B;AAAuC,QAAA,WAAW,EAAEuB;AAApD,QAPF;AAAA,MApCJ;AAAA,IADF;AAiDD;;AAED/B,YAAY,CAAC2C,SAAb,GAAyB;AACvB1C,EAAAA,UAAU,EAAE2C,SAAS,CAACC,MAAV,CAAiBC,UADN;AAEvB5C,EAAAA,aAAa,EAAE0C,SAAS,CAACC,MAAV,CAAiBC,UAFT;AAGvB3C,EAAAA,WAAW,EAAEyC,SAAS,CAACC,MAAV,CAAiBC,UAHP;AAIvB1C,EAAAA,cAAc,EAAEwC,SAAS,CAACG,IAAV,CAAeD,UAJR;AAKvBzC,EAAAA,cAAc,EAAEuC,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgB,EAAhB,CAAlB,EAAuCH,UALhC;AAMvB;AACAxC,EAAAA,eAAe,EAAEsC,SAAS,CAACM,GAAV,CAAcJ,UAPR;AAQvBvC,EAAAA,kBAAkB,EAAEqC,SAAS,CAACG,IAAV,CAAeD,UARZ;AASvBtC,EAAAA,SAAS,EAAEoC,SAAS,CAACO,IAAV,CAAeL,UATH;AAUvBrC,EAAAA,WAAW,EAAEmC,SAAS,CAACG,IAAV,CAAeD,UAVL;AAWvBpC,EAAAA,aAAa,EAAEkC,SAAS,CAACO,IAAV,CAAeL,UAXP;AAYvBnC,EAAAA,eAAe,EAAEiC,SAAS,CAACG,IAAV,CAAeD,UAZT;AAavB5E,EAAAA,QAAQ,EAAE0E,SAAS,CAACO,IAAV,CAAeL,UAbF;AAcvB3E,EAAAA,QAAQ,EAAEyE,SAAS,CAACO,IAAV,CAAeL;AAdF,CAAzB;;;;"}