npm - @corva/ui - Versions diffs - 3.75.0-17 → 3.75.0-19 - Mend

@corva/ui 3.75.0-17 → 3.75.0-19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1045) hide show

package/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/SettingsMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t}from"react";import{isEqual as n}from"lodash";import{METRICS_LIST as e,MAX_MANUAL_METRICS_COUNT as i}from"../../../../constants.js";import{useSegmentConfig as c}from"../../../../segment-config/useSegmentConfig.js";import{usePickerPropsStore as r}from"../../../../stores/picker-props-store/usePickerPropsStore.js";import{TableSettingsSection as p}from"./components/TableSettingsSection/TableSettingsSection.js";import{MetricsSettingsSection as m}from"./components/MetricsSettingsSection/MetricsSettingsSection.js";import a from"./SettingsMenu.module.scss.js";import"../../../../../../componentsV2/Text/Text.js";import"../../../../../../componentsV2/Grid/Grid.js";import"../../../../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../../../../componentsV2/Header/Header.scss.js";import{jsxs as l,Fragment as j,jsx as d}from"react/jsx-runtime";import"../../../../../../componentsV2/Button/Button.js";import{ButtonIcon as u}from"../../../../../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as V}from"../../../../../../componentsV2/Tooltip/Tooltip.js";import"../../../../../../componentsV2/Popover/Popover.js";import{PopoverPanel as A}from"../../../../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../../../../componentsV2/Radio/Radio.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../../../componentsV2/TextInput/TextInput.js";import"../../../../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../../../../componentsV2/TextArea/TextArea.js";import"../../../../../../componentsV2/Label/Label.js";import"../../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../../../componentsV2/TextLink/TextLink.js";import"../../../../../../componentsV2/Chip/Chip.js";import"../../../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../../../componentsV2/Avatar/Avatar.js";import"../../../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../../../componentsV2/Paper/Paper.js";import"../../../../../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../../componentsV2/Menu/Menu.js";import"../../../../../../componentsV2/utils.js";import{SettingTwoIcon as C}from"../../../../../../icons/iconParkIcons.js";import"../../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../../icons/customIcons/icons/Attention.js";import"../../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../../icons/customIcons/icons/Expand.js";import"../../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../../icons/customIcons/icons/Search.js";import"../../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../../icons/customIcons/icons/Radio.js";import"../../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../../icons/customIcons/icons/Pad.js";import"../../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../../icons/customIcons/icons/Global.js";import"../../../../../../icons/customIcons/icons/Program.js";import"../../../../../../icons/customIcons/icons/Rig.js";import"../../../../../../icons/customIcons/icons/Well.js";import"../../../../../../icons/customIcons/icons/Gap.js";import"../../../../../../icons/customIcons/icons/Pin.js";import"../../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../../icons/customIcons/icons/Archive.js";import"../../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../../icons/customIcons/icons/Archived.js";import"../../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../../icons/customIcons/icons/Radius.js";import"../../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../../icons/customIcons/icons/Company.js";import"../../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../../icons/customIcons/icons/Connect.js";import"../../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../../icons/customIcons/icons/Feed.js";import"../../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../../icons/customIcons/icons/Companies.js";import"../../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../../icons/customIcons/icons/Key.js";import"../../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../../icons/customIcons/icons/Drops.js";import"../../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../../icons/customIcons/icons/Template.js";import"../../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../../icons/customIcons/icons/NPT.js";import"../../../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../../../componentsV2/Hint/Hint.scss.js";import"../../../../../../componentsV2/Counter/Counter.js";import"../../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../../../componentsV2/TemplatesControl/utils.js";import"../../../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../../componentsV2/TemplatesControl/types.js";import"../../../../../../utils/index.js";import"../../../../../../clients/jsonApi/index.js";import"../../../../../../permissions/PermissionsContext.js";import"../../../../../../permissions/constants/index.js";import"../../../../../../permissions/withPermissionsHOC.js";import"../../../../../../permissions/ProvidePermissions.js";import"../../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../../componentsV2/Switch/Switch.js";import"../../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../../utils/main.js";import"../../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../../../../constants/goals.js";import"../../../../../../constants/segment.js";import"../../../../../../constants/alerts.js";import"../../../../../../constants/apps.js";import"../../../../../../constants/drillstring.js";import"../../../../../../constants/completion.js";import"../../../../../../constants/appPackages.js";import"../../../../../../constants/notifications.js";import"../../../../../../constants/feed.js";import"../../../../../../constants/bha.js";import"../../../../../../constants/corvaCompanyId.js";import"../../../../../GradientManager/configuration/constants.js";import"../../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../../../PadModeSelect/PadModeSelect.js";import"../../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../../../constants/streamSourceType.js";import"../../../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../../../utils/mobileDetect.js";import"../../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../../AppIcon/AppIcon.js";import"../../../../../../utils/getSingleAsset.js";import"../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../../../../clients/subscriptions.v1.js";import"../../../../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../../../../utils/env.js";import"../../../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../../../clients/api/apiCore.js";import"../../../../../../clients/constants.js";import"../../../../../../clients/sso/auth0.js";import"../../../../../../clients/sso/oauth2.js";import"../../../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../../../../componentsV2/Select/Select.js";import"../../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../../../componentsV2/Slider/constants.js";import"../../../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../../../componentsV2/Slider/Slider.scss.js";import"../../../../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";var I=function(I){var S=I.metricsKeys,g=I.onChange,v=c().defaultMetricKey,h=r((function(o){return o.segment})),P=e.filter((function(o){return!v||o.key!==v})),T=s([]),D=o(T,2),x=D[0],b=D[1],f=s(!1),H=o(f,2),k=H[0],M=H[1],B=t(null),F=function(){M(!1),n(x,S)||g(x)};return l(j,{children:[d(V,{title:"Settings",children:d(u,{ref:B,"data-testid":"".concat("SettingsMenu","_gear"),size:"small",onClick:function(){b(S||[]),M(!0)},type:k?"secondaryBg":"tertiaryBg",children:d(C,{size:"small"})})}),l(A,{open:k,anchorEl:B.current,onClose:F,placement:"bottom-end",className:a.popoverRoot,children:[d(A.Header,{className:a.popoverHeader,onClose:F,testId:"".concat("SettingsMenu","_header"),children:"Settings"}),d(A.Content,{children:d(p,{children:"drilling"===h&&d(m,{metricsList:P,selectedKeys:x,maxSelectable:i,onToggle:function(o){b((function(s){return s.includes(o)?s.filter((function(s){return s!==o})):s.concat(o)}))}})})})]})]})};export{I as SettingsMenu};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t}from"react";import{isEqual as n}from"lodash";import{METRICS_LIST as e,MAX_MANUAL_METRICS_COUNT as i}from"../../../../constants.js";import{useSegmentConfig as c}from"../../../../segment-config/useSegmentConfig.js";import{usePickerPropsStore as r}from"../../../../stores/picker-props-store/usePickerPropsStore.js";import{TableSettingsSection as p}from"./components/TableSettingsSection/TableSettingsSection.js";import{MetricsSettingsSection as m}from"./components/MetricsSettingsSection/MetricsSettingsSection.js";import a from"./SettingsMenu.module.scss.js";import"../../../../../../componentsV2/Text/Text.js";import"../../../../../../componentsV2/Grid/Grid.js";import"../../../../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../../../../componentsV2/Header/Header.scss.js";import{jsxs as l,Fragment as j,jsx as d}from"react/jsx-runtime";import"../../../../../../componentsV2/Button/Button.js";import{ButtonIcon as u}from"../../../../../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as V}from"../../../../../../componentsV2/Tooltip/Tooltip.js";import"../../../../../../componentsV2/Popover/Popover.js";import{PopoverPanel as A}from"../../../../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../../../../componentsV2/Radio/Radio.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../../../componentsV2/TextInput/TextInput.js";import"../../../../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../../../../componentsV2/TextArea/TextArea.js";import"../../../../../../componentsV2/Label/Label.js";import"../../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../../../componentsV2/TextLink/TextLink.js";import"../../../../../../componentsV2/Chip/Chip.js";import"../../../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../../../componentsV2/Avatar/Avatar.js";import"../../../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../../../componentsV2/Paper/Paper.js";import"../../../../../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../../componentsV2/Menu/Menu.js";import"../../../../../../componentsV2/utils.js";import{SettingTwoIcon as C}from"../../../../../../icons/iconParkIcons.js";import"../../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../../icons/customIcons/icons/Attention.js";import"../../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../../icons/customIcons/icons/Expand.js";import"../../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../../icons/customIcons/icons/Search.js";import"../../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../../icons/customIcons/icons/Radio.js";import"../../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../../icons/customIcons/icons/Pad.js";import"../../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../../icons/customIcons/icons/Global.js";import"../../../../../../icons/customIcons/icons/Program.js";import"../../../../../../icons/customIcons/icons/Rig.js";import"../../../../../../icons/customIcons/icons/Well.js";import"../../../../../../icons/customIcons/icons/Gap.js";import"../../../../../../icons/customIcons/icons/Pin.js";import"../../../../../../icons/customIcons/icons/PinOne.js";import"../../../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../../icons/customIcons/icons/Archive.js";import"../../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../../icons/customIcons/icons/Archived.js";import"../../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../../icons/customIcons/icons/Radius.js";import"../../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../../icons/customIcons/icons/Company.js";import"../../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../../icons/customIcons/icons/Connect.js";import"../../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../../icons/customIcons/icons/Feed.js";import"../../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../../icons/customIcons/icons/Companies.js";import"../../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../../icons/customIcons/icons/Key.js";import"../../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../../icons/customIcons/icons/Drops.js";import"../../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../../icons/customIcons/icons/Template.js";import"../../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../../icons/customIcons/icons/NPT.js";import"../../../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../../../componentsV2/Hint/Hint.scss.js";import"../../../../../../componentsV2/Counter/Counter.js";import"../../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../../../componentsV2/TemplatesControl/utils.js";import"../../../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../../componentsV2/TemplatesControl/types.js";import"../../../../../../utils/index.js";import"../../../../../../clients/jsonApi/index.js";import"../../../../../../permissions/PermissionsContext.js";import"../../../../../../permissions/constants/index.js";import"../../../../../../permissions/withPermissionsHOC.js";import"../../../../../../permissions/ProvidePermissions.js";import"../../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../../componentsV2/Switch/Switch.js";import"../../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../../utils/main.js";import"../../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../../../../constants/goals.js";import"../../../../../../constants/segment.js";import"../../../../../../constants/alerts.js";import"../../../../../../constants/apps.js";import"../../../../../../constants/drillstring.js";import"../../../../../../constants/completion.js";import"../../../../../../constants/appPackages.js";import"../../../../../../constants/notifications.js";import"../../../../../../constants/feed.js";import"../../../../../../constants/bha.js";import"../../../../../../constants/corvaCompanyId.js";import"../../../../../GradientManager/configuration/constants.js";import"../../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../../../PadModeSelect/PadModeSelect.js";import"../../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../../../constants/streamSourceType.js";import"../../../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../../../utils/mobileDetect.js";import"../../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../../AppIcon/AppIcon.js";import"../../../../../../utils/getSingleAsset.js";import"../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../../../../clients/subscriptions.v1.js";import"../../../../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../../../../utils/env.js";import"../../../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../../../clients/api/apiCore.js";import"../../../../../../clients/constants.js";import"../../../../../../clients/sso/auth0.js";import"../../../../../../clients/sso/oauth2.js";import"../../../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../../../componentsV2/AppPanel/AppPanelsContext.js";import"../../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../../../../componentsV2/Select/Select.js";import"../../../../../../componentsV2/AppPanel/AppPanel.js";import"../../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../../../componentsV2/Slider/constants.js";import"../../../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../../../componentsV2/Slider/Slider.scss.js";import"../../../../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";var I=function(I){var S=I.metricsKeys,h=I.onChange,v=c().defaultMetricKey,g=r((function(o){return o.segment})),P=e.filter((function(o){return!v||o.key!==v})),T=s([]),D=o(T,2),x=D[0],b=D[1],f=s(!1),k=o(f,2),H=k[0],M=k[1],F=t(null),y=function(){M(!1),n(x,S)||h(x)};return l(j,{children:[d(V,{title:"Settings",children:d(u,{ref:F,"data-testid":"".concat("SettingsMenu","_gear"),size:"small",onClick:function(){b(S||[]),M(!0)},type:H?"secondaryBg":"tertiaryBg",children:d(C,{size:"small"})})}),l(A,{open:H,anchorEl:F.current,onClose:y,placement:"bottom-end",className:a.popoverRoot,children:[d(A.Header,{className:a.popoverHeader,onClose:y,testId:"".concat("SettingsMenu","_header"),children:"Settings"}),d(A.Content,{children:d(p,{children:"drilling"===g&&d(m,{metricsList:P,selectedKeys:x,maxSelectable:i,onToggle:function(o){b((function(s){return s.includes(o)?s.filter((function(s){return s!==o})):s.concat(o)}))}})})})]})]})};export{I as SettingsMenu};
 //# sourceMappingURL=SettingsMenu.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/SettingsMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsMenu.js","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/SettingsMenu.tsx"],"sourcesContent":["import { useState, useRef } from 'react';\nimport { isEqual } from 'lodash';\n\nimport { METRICS_LIST, MAX_MANUAL_METRICS_COUNT } from '../../../../constants';\nimport { useSegmentConfig } from '../../../../segment-config/useSegmentConfig';\nimport { usePickerPropsStore } from '../../../../stores/picker-props-store/usePickerPropsStore';\n\nimport { TableSettingsSection } from './components/TableSettingsSection';\nimport { MetricsSettingsSection } from './components/MetricsSettingsSection';\n\nimport styles from './SettingsMenu.module.scss';\n\nimport { PopoverPanel, ButtonIcon, Tooltip } from '~/componentsV2';\nimport { SettingTwoIcon } from '~/icons';\n\nconst PAGE_NAME = 'SettingsMenu';\n\ntype SettingsMenuProps = {\n metricsKeys: string[];\n onChange: (keys: string[]) => void;\n};\n\nexport const SettingsMenu = ({ metricsKeys, onChange }: SettingsMenuProps) => {\n const { defaultMetricKey } = useSegmentConfig();\n const segment = usePickerPropsStore(state => state.segment);\n const metricsList = METRICS_LIST.filter(m => !defaultMetricKey \|\| m.key !== defaultMetricKey);\n\n const [selectedKeys, setSelectedKeys] = useState<string[]>([]);\n const [isOpen, setIsOpen] = useState(false);\n const anchorRef = useRef<HTMLButtonElement \| null>(null);\n\n // Seed the draft from the committed value each time the popover opens.\n const handleOpen = () => {\n setSelectedKeys(metricsKeys \|\| []);\n setIsOpen(true);\n };\n\n // Metrics commit on close (every path: X, backdrop, escape); Dense commits live.\n const handleClose = () => {\n setIsOpen(false);\n if (!isEqual(selectedKeys, metricsKeys)) {\n onChange(selectedKeys);\n }\n };\n\n const handleToggleMetric = (key: string) => {\n setSelectedKeys(prev => (prev.includes(key) ? prev.filter(k => k !== key) : prev.concat(key)));\n };\n\n return (\n <>\n <Tooltip title=\"Settings\">\n <ButtonIcon\n ref={anchorRef}\n data-testid={`${PAGE_NAME}_gear`}\n size=\"small\"\n onClick={handleOpen}\n type={isOpen ? 'secondaryBg' : 'tertiaryBg'}\n >\n <SettingTwoIcon size=\"small\" />\n </ButtonIcon>\n </Tooltip>\n\n <PopoverPanel\n open={isOpen}\n anchorEl={anchorRef.current}\n onClose={handleClose}\n placement=\"bottom-end\"\n className={styles.popoverRoot}\n >\n <PopoverPanel.Header\n className={styles.popoverHeader}\n onClose={handleClose}\n testId={`${PAGE_NAME}_header`}\n >\n Settings\n </PopoverPanel.Header>\n\n <PopoverPanel.Content>\n <TableSettingsSection>\n {segment === 'drilling' && (\n <MetricsSettingsSection\n metricsList={metricsList}\n selectedKeys={selectedKeys}\n maxSelectable={MAX_MANUAL_METRICS_COUNT}\n onToggle={handleToggleMetric}\n />\n )}\n </TableSettingsSection>\n </PopoverPanel.Content>\n </PopoverPanel>\n </>\n );\n};\n"],"names":["SettingsMenu","_ref","metricsKeys","onChange","defaultMetricKey","useSegmentConfig","segment","usePickerPropsStore","state","metricsList","METRICS_LIST","filter","m","key","useState","_useState2","_slicedToArray","_useState","selectedKeys","setSelectedKeys","_useState4","_useState3","isOpen","setIsOpen","anchorRef","useRef","handleClose","isEqual","_jsxs","_Fragment","children","_jsx","Tooltip","title","ButtonIcon","ref","concat","size","onClick","type","SettingTwoIcon","PopoverPanel","open","anchorEl","current","onClose","placement","className","styles","popoverRoot","Header","popoverHeader","testId","Content","TableSettingsSection","MetricsSettingsSection","maxSelectable","MAX_MANUAL_METRICS_COUNT","onToggle","prev","includes","k"],"mappings":"~~0+hBAeA~~,IAOaA,EAAe,SAAkDC,GAAA,IAA/CC,IAAAA,YAAaC,IAAAA,SAClCC,EAAqBC,IAArBD,iBACFE,EAAUC,GAAoB,SAAAC,GAAK,OAAIA,EAAMF,WAC7CG,EAAcC,EAAaC,QAAO,SAAAC,GAAC,OAAKR,GAAoBQ,EAAEC,MAAQT,KAEpCU,EAAAA,EAAmB,IAAGC,EAAAC,EAAAC,EAAA,GAAvDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACRD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAApCC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,EAAYC,EAAiC,MAS7CC,EAAc,WAClBH,GAAU,GACLI,EAAQT,EAAchB,IACzBC,EAASe,IAQb,OACEU,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAO,CAACC,MAAM,WAAUH,SACvBC,EAACG,EAAU,CACTC,IAAKX,EACL,cAAA,GAAAY,OAvCQ,eAuCyB,SACjCC,KAAK,QACLC,QAxBW,WACjBnB,EAAgBjB,GAAe,IAC/BqB,GAAU,IAuBJgB,KAAMjB,EAAS,cAAgB,aAAaQ,SAE5CC,EAACS,EAAc,CAACH,KAAK,cAIzBT,EAACa,EAAY,CACXC,KAAMpB,EACNqB,SAAUnB,EAAUoB,QACpBC,QAASnB,EACToB,UAAU,aACVC,UAAWC,EAAOC,YAAYnB,SAE9B,CAAAC,EAACU,EAAaS,OAAM,CAClBH,UAAWC,EAAOG,cAClBN,QAASnB,EACT0B,OAAM,GAAAhB,OA1DE,eA0DsB,WAAAN,SAAA,aAKhCC,EAACU,EAAaY,QAAO,CAAAvB,SACnBC,EAACuB,EAAoB,CAAAxB,SACN,aAAZxB,GACCyB,EAACwB,EAAsB,CACrB9C,YAAaA,EACbS,aAAcA,EACdsC,cAAeC,EACfC,SAxCa,SAAC7C,GAC1BM,GAAgB,SAAAwC,GAAI,OAAKA,EAAKC,SAAS/C,GAAO8C,EAAKhD,QAAO,SAAAkD,GAAC,OAAIA,IAAMhD,CAAG,IAAI8C,EAAKvB,OAAOvB,EAAI,gBA+ChG"}
1	+ {"version":3,"file":"SettingsMenu.js","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/SettingsMenu.tsx"],"sourcesContent":["import { useState, useRef } from 'react';\nimport { isEqual } from 'lodash';\n\nimport { METRICS_LIST, MAX_MANUAL_METRICS_COUNT } from '../../../../constants';\nimport { useSegmentConfig } from '../../../../segment-config/useSegmentConfig';\nimport { usePickerPropsStore } from '../../../../stores/picker-props-store/usePickerPropsStore';\n\nimport { TableSettingsSection } from './components/TableSettingsSection';\nimport { MetricsSettingsSection } from './components/MetricsSettingsSection';\n\nimport styles from './SettingsMenu.module.scss';\n\nimport { PopoverPanel, ButtonIcon, Tooltip } from '~/componentsV2';\nimport { SettingTwoIcon } from '~/icons';\n\nconst PAGE_NAME = 'SettingsMenu';\n\ntype SettingsMenuProps = {\n metricsKeys: string[];\n onChange: (keys: string[]) => void;\n};\n\nexport const SettingsMenu = ({ metricsKeys, onChange }: SettingsMenuProps) => {\n const { defaultMetricKey } = useSegmentConfig();\n const segment = usePickerPropsStore(state => state.segment);\n const metricsList = METRICS_LIST.filter(m => !defaultMetricKey \|\| m.key !== defaultMetricKey);\n\n const [selectedKeys, setSelectedKeys] = useState<string[]>([]);\n const [isOpen, setIsOpen] = useState(false);\n const anchorRef = useRef<HTMLButtonElement \| null>(null);\n\n // Seed the draft from the committed value each time the popover opens.\n const handleOpen = () => {\n setSelectedKeys(metricsKeys \|\| []);\n setIsOpen(true);\n };\n\n // Metrics commit on close (every path: X, backdrop, escape); Dense commits live.\n const handleClose = () => {\n setIsOpen(false);\n if (!isEqual(selectedKeys, metricsKeys)) {\n onChange(selectedKeys);\n }\n };\n\n const handleToggleMetric = (key: string) => {\n setSelectedKeys(prev => (prev.includes(key) ? prev.filter(k => k !== key) : prev.concat(key)));\n };\n\n return (\n <>\n <Tooltip title=\"Settings\">\n <ButtonIcon\n ref={anchorRef}\n data-testid={`${PAGE_NAME}_gear`}\n size=\"small\"\n onClick={handleOpen}\n type={isOpen ? 'secondaryBg' : 'tertiaryBg'}\n >\n <SettingTwoIcon size=\"small\" />\n </ButtonIcon>\n </Tooltip>\n\n <PopoverPanel\n open={isOpen}\n anchorEl={anchorRef.current}\n onClose={handleClose}\n placement=\"bottom-end\"\n className={styles.popoverRoot}\n >\n <PopoverPanel.Header\n className={styles.popoverHeader}\n onClose={handleClose}\n testId={`${PAGE_NAME}_header`}\n >\n Settings\n </PopoverPanel.Header>\n\n <PopoverPanel.Content>\n <TableSettingsSection>\n {segment === 'drilling' && (\n <MetricsSettingsSection\n metricsList={metricsList}\n selectedKeys={selectedKeys}\n maxSelectable={MAX_MANUAL_METRICS_COUNT}\n onToggle={handleToggleMetric}\n />\n )}\n </TableSettingsSection>\n </PopoverPanel.Content>\n </PopoverPanel>\n </>\n );\n};\n"],"names":["SettingsMenu","_ref","metricsKeys","onChange","defaultMetricKey","useSegmentConfig","segment","usePickerPropsStore","state","metricsList","METRICS_LIST","filter","m","key","useState","_useState2","_slicedToArray","_useState","selectedKeys","setSelectedKeys","_useState4","_useState3","isOpen","setIsOpen","anchorRef","useRef","handleClose","isEqual","_jsxs","_Fragment","children","_jsx","Tooltip","title","ButtonIcon","ref","concat","size","onClick","type","SettingTwoIcon","PopoverPanel","open","anchorEl","current","onClose","placement","className","styles","popoverRoot","Header","popoverHeader","testId","Content","TableSettingsSection","MetricsSettingsSection","maxSelectable","MAX_MANUAL_METRICS_COUNT","onToggle","prev","includes","k"],"mappings":"42hBAeA,IAOaA,EAAe,SAAkDC,GAAA,IAA/CC,IAAAA,YAAaC,IAAAA,SAClCC,EAAqBC,IAArBD,iBACFE,EAAUC,GAAoB,SAAAC,GAAK,OAAIA,EAAMF,WAC7CG,EAAcC,EAAaC,QAAO,SAAAC,GAAC,OAAKR,GAAoBQ,EAAEC,MAAQT,KAEpCU,EAAAA,EAAmB,IAAGC,EAAAC,EAAAC,EAAA,GAAvDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACRD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAApCC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,EAAYC,EAAiC,MAS7CC,EAAc,WAClBH,GAAU,GACLI,EAAQT,EAAchB,IACzBC,EAASe,IAQb,OACEU,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAO,CAACC,MAAM,WAAUH,SACvBC,EAACG,EAAU,CACTC,IAAKX,EACL,cAAA,GAAAY,OAvCQ,eAuCyB,SACjCC,KAAK,QACLC,QAxBW,WACjBnB,EAAgBjB,GAAe,IAC/BqB,GAAU,IAuBJgB,KAAMjB,EAAS,cAAgB,aAAaQ,SAE5CC,EAACS,EAAc,CAACH,KAAK,cAIzBT,EAACa,EAAY,CACXC,KAAMpB,EACNqB,SAAUnB,EAAUoB,QACpBC,QAASnB,EACToB,UAAU,aACVC,UAAWC,EAAOC,YAAYnB,SAE9B,CAAAC,EAACU,EAAaS,OAAM,CAClBH,UAAWC,EAAOG,cAClBN,QAASnB,EACT0B,OAAM,GAAAhB,OA1DE,eA0DsB,WAAAN,SAAA,aAKhCC,EAACU,EAAaY,QAAO,CAAAvB,SACnBC,EAACuB,EAAoB,CAAAxB,SACN,aAAZxB,GACCyB,EAACwB,EAAsB,CACrB9C,YAAaA,EACbS,aAAcA,EACdsC,cAAeC,EACfC,SAxCa,SAAC7C,GAC1BM,GAAgB,SAAAwC,GAAI,OAAKA,EAAKC,SAAS/C,GAAO8C,EAAKhD,QAAO,SAAAkD,GAAC,OAAIA,IAAMhD,CAAG,IAAI8C,EAAKvB,OAAOvB,EAAI,gBA+ChG"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/components/MetricsSettingsSection/MetricsSettingsSection.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"./MetricsSettingsSection.module.scss.js";import{Text as s}from"../../../../../../../../componentsV2/Text/Text.js";import"../../../../../../../../componentsV2/Grid/Grid.js";import"../../../../../../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../../../../../../componentsV2/Header/Header.scss.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import"../../../../../../../../componentsV2/Button/Button.js";import"../../../../../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"react";import"../../../../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../../../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../../../../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../../../../../componentsV2/Popover/Popover.js";import"../../../../../../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../../../../../../componentsV2/Radio/Radio.js";import"../../../../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import{Checkbox as e}from"../../../../../../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../../../../../componentsV2/TextInput/TextInput.js";import"../../../../../../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../../../../../../componentsV2/TextArea/TextArea.js";import"../../../../../../../../componentsV2/Label/Label.js";import"lodash";import"../../../../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../../../../../componentsV2/TextLink/TextLink.js";import"../../../../../../../../componentsV2/Chip/Chip.js";import"../../../../../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../../../../../componentsV2/Avatar/Avatar.js";import"../../../../../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../../../../../componentsV2/Paper/Paper.js";import"../../../../../../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../../../../componentsV2/Menu/Menu.js";import"../../../../../../../../componentsV2/utils.js";import"@icon-park/react/es/all";import"../../../../../../../../icons/IconParkProvider.js";import"../../../../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../../../../icons/customIcons/icons/Attention.js";import"../../../../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../../../../icons/customIcons/icons/Expand.js";import"../../../../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../../../../icons/customIcons/icons/Search.js";import"../../../../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../../../../icons/customIcons/icons/Radio.js";import"../../../../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../../../../icons/customIcons/icons/Pad.js";import"../../../../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../../../../icons/customIcons/icons/Global.js";import"../../../../../../../../icons/customIcons/icons/Program.js";import"../../../../../../../../icons/customIcons/icons/Rig.js";import"../../../../../../../../icons/customIcons/icons/Well.js";import"../../../../../../../../icons/customIcons/icons/Gap.js";import"../../../../../../../../icons/customIcons/icons/Pin.js";import"../../../../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../../../../icons/customIcons/icons/Archive.js";import"../../../../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../../../../icons/customIcons/icons/Archived.js";import"../../../../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../../../../icons/customIcons/icons/Radius.js";import"../../../../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../../../../icons/customIcons/icons/Company.js";import"../../../../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../../../../icons/customIcons/icons/Connect.js";import"../../../../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../../../../icons/customIcons/icons/Feed.js";import"../../../../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../../../../icons/customIcons/icons/Companies.js";import"../../../../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../../../../icons/customIcons/icons/Key.js";import"../../../../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../../../../icons/customIcons/icons/Drops.js";import"../../../../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../../../../icons/customIcons/icons/Template.js";import"../../../../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../../../../icons/customIcons/icons/NPT.js";import"../../../../../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../../../../../componentsV2/Hint/Hint.scss.js";import"../../../../../../../../componentsV2/Counter/Counter.js";import"../../../../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../../../../../componentsV2/TemplatesControl/utils.js";import"../../../../../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../../../../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../../../../componentsV2/TemplatesControl/types.js";import"../../../../../../../../utils/index.js";import"../../../../../../../../clients/jsonApi/index.js";import"../../../../../../../../permissions/PermissionsContext.js";import"../../../../../../../../permissions/constants/index.js";import"../../../../../../../../permissions/withPermissionsHOC.js";import"../../../../../../../../permissions/ProvidePermissions.js";import"../../../../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../../../../componentsV2/Switch/Switch.js";import"../../../../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../../../../utils/main.js";import"../../../../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../../../../../../constants/goals.js";import"../../../../../../../../constants/segment.js";import"../../../../../../../../constants/alerts.js";import"../../../../../../../../constants/apps.js";import"../../../../../../../../constants/drillstring.js";import"../../../../../../../../constants/completion.js";import"../../../../../../../../constants/appPackages.js";import"../../../../../../../../constants/notifications.js";import"../../../../../../../../constants/feed.js";import"../../../../../../../../constants/bha.js";import"../../../../../../../../constants/corvaCompanyId.js";import"../../../../../../../GradientManager/configuration/constants.js";import"../../../../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../../../../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../../../../../PadModeSelect/PadModeSelect.js";import"../../../../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../../../../../constants/streamSourceType.js";import"../../../../../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../../../../../utils/mobileDetect.js";import"../../../../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../../../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../../../../AppIcon/AppIcon.js";import"../../../../../../../../utils/getSingleAsset.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../../../../../../clients/subscriptions.v1.js";import"../../../../../../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../../../../../../utils/env.js";import"../../../../../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../../../../../clients/api/apiCore.js";import"../../../../../../../../clients/constants.js";import"../../../../../../../../clients/sso/auth0.js";import"../../../../../../../../clients/sso/oauth2.js";import"../../../../../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../../../../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../../../../../../componentsV2/Select/Select.js";import"../../../../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../../../../../componentsV2/Slider/constants.js";import"../../../../../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../../../../../componentsV2/Slider/Slider.scss.js";import"../../../../../../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../../../../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../../../../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../../../../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../../../../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../../../../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../../../../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../../../../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";var i=function(i){var c=i.metricsList,p=i.selectedKeys,r=i.maxSelectable,m=i.onToggle,a=c.reduce((function(o,s){return p.includes(s.key)?o+1:o}),0);return t("div",{className:o.root,"data-testid":"".concat("SettingsMenu","_metricsSection"),children:[t(s,{size:14,color:"T6",children:["Metrics (Up to ",r,")"]}),n("div",{className:o.list,children:c.map((function(o){var s=p.includes(o.key),t=a>=r&&!s;return n(e,{testId:"".concat("SettingsMenu","_option_").concat(o.key),label:o.label,checked:s,disabled:t,onChange:function(){return m(o.key)}},o.key)}))})]})};export{i as MetricsSettingsSection};
+import o from"./MetricsSettingsSection.module.scss.js";import{Text as s}from"../../../../../../../../componentsV2/Text/Text.js";import"../../../../../../../../componentsV2/Grid/Grid.js";import"../../../../../../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../../../../../../componentsV2/Header/Header.scss.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import"../../../../../../../../componentsV2/Button/Button.js";import"../../../../../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"react";import"../../../../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../../../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../../../../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../../../../../componentsV2/Popover/Popover.js";import"../../../../../../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../../../../../../componentsV2/Radio/Radio.js";import"../../../../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import{Checkbox as e}from"../../../../../../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../../../../../componentsV2/TextInput/TextInput.js";import"../../../../../../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../../../../../../componentsV2/TextArea/TextArea.js";import"../../../../../../../../componentsV2/Label/Label.js";import"lodash";import"../../../../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../../../../../componentsV2/TextLink/TextLink.js";import"../../../../../../../../componentsV2/Chip/Chip.js";import"../../../../../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../../../../../componentsV2/Avatar/Avatar.js";import"../../../../../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../../../../../componentsV2/Paper/Paper.js";import"../../../../../../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../../../../componentsV2/Menu/Menu.js";import"../../../../../../../../componentsV2/utils.js";import"@icon-park/react/es/all";import"../../../../../../../../icons/IconParkProvider.js";import"../../../../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../../../../icons/customIcons/icons/Attention.js";import"../../../../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../../../../icons/customIcons/icons/Expand.js";import"../../../../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../../../../icons/customIcons/icons/Search.js";import"../../../../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../../../../icons/customIcons/icons/Radio.js";import"../../../../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../../../../icons/customIcons/icons/Pad.js";import"../../../../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../../../../icons/customIcons/icons/Global.js";import"../../../../../../../../icons/customIcons/icons/Program.js";import"../../../../../../../../icons/customIcons/icons/Rig.js";import"../../../../../../../../icons/customIcons/icons/Well.js";import"../../../../../../../../icons/customIcons/icons/Gap.js";import"../../../../../../../../icons/customIcons/icons/Pin.js";import"../../../../../../../../icons/customIcons/icons/PinOne.js";import"../../../../../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../../../../icons/customIcons/icons/Archive.js";import"../../../../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../../../../icons/customIcons/icons/Archived.js";import"../../../../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../../../../icons/customIcons/icons/Radius.js";import"../../../../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../../../../icons/customIcons/icons/Company.js";import"../../../../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../../../../icons/customIcons/icons/Connect.js";import"../../../../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../../../../icons/customIcons/icons/Feed.js";import"../../../../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../../../../icons/customIcons/icons/Companies.js";import"../../../../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../../../../icons/customIcons/icons/Key.js";import"../../../../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../../../../icons/customIcons/icons/Drops.js";import"../../../../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../../../../icons/customIcons/icons/Template.js";import"../../../../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../../../../icons/customIcons/icons/NPT.js";import"../../../../../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../../../../../componentsV2/Hint/Hint.scss.js";import"../../../../../../../../componentsV2/Counter/Counter.js";import"../../../../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../../../../../componentsV2/TemplatesControl/utils.js";import"../../../../../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../../../../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../../../../componentsV2/TemplatesControl/types.js";import"../../../../../../../../utils/index.js";import"../../../../../../../../clients/jsonApi/index.js";import"../../../../../../../../permissions/PermissionsContext.js";import"../../../../../../../../permissions/constants/index.js";import"../../../../../../../../permissions/withPermissionsHOC.js";import"../../../../../../../../permissions/ProvidePermissions.js";import"../../../../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../../../../componentsV2/Switch/Switch.js";import"../../../../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../../../../utils/main.js";import"../../../../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../../../../../../constants/goals.js";import"../../../../../../../../constants/segment.js";import"../../../../../../../../constants/alerts.js";import"../../../../../../../../constants/apps.js";import"../../../../../../../../constants/drillstring.js";import"../../../../../../../../constants/completion.js";import"../../../../../../../../constants/appPackages.js";import"../../../../../../../../constants/notifications.js";import"../../../../../../../../constants/feed.js";import"../../../../../../../../constants/bha.js";import"../../../../../../../../constants/corvaCompanyId.js";import"../../../../../../../GradientManager/configuration/constants.js";import"../../../../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../../../../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../../../../../PadModeSelect/PadModeSelect.js";import"../../../../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../../../../../constants/streamSourceType.js";import"../../../../../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../../../../../utils/mobileDetect.js";import"../../../../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../../../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../../../../AppIcon/AppIcon.js";import"../../../../../../../../utils/getSingleAsset.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../../../../../../clients/subscriptions.v1.js";import"../../../../../../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../../../../../../utils/env.js";import"../../../../../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../../../../../clients/api/apiCore.js";import"../../../../../../../../clients/constants.js";import"../../../../../../../../clients/sso/auth0.js";import"../../../../../../../../clients/sso/oauth2.js";import"../../../../../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../../../../../componentsV2/AppPanel/AppPanelsContext.js";import"../../../../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../../../../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../../../../../../componentsV2/Select/Select.js";import"../../../../../../../../componentsV2/AppPanel/AppPanel.js";import"../../../../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../../../../../componentsV2/Slider/constants.js";import"../../../../../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../../../../../componentsV2/Slider/Slider.scss.js";import"../../../../../../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../../../../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../../../../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../../../../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../../../../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../../../../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../../../../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../../../../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";var i=function(i){var c=i.metricsList,r=i.selectedKeys,p=i.maxSelectable,m=i.onToggle,a=c.reduce((function(o,s){return r.includes(s.key)?o+1:o}),0);return t("div",{className:o.root,"data-testid":"".concat("SettingsMenu","_metricsSection"),children:[t(s,{size:14,color:"T6",children:["Metrics (Up to ",p,")"]}),n("div",{className:o.list,children:c.map((function(o){var s=r.includes(o.key),t=a>=p&&!s;return n(e,{testId:"".concat("SettingsMenu","_option_").concat(o.key),label:o.label,checked:s,disabled:t,onChange:function(){return m(o.key)}},o.key)}))})]})};export{i as MetricsSettingsSection};
 //# sourceMappingURL=MetricsSettingsSection.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/components/MetricsSettingsSection/MetricsSettingsSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MetricsSettingsSection.js","sources":["../../../../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/components/MetricsSettingsSection/MetricsSettingsSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport styles from './MetricsSettingsSection.module.scss';\n\nimport { Checkbox, Text } from '~/componentsV2';\n\nconst PAGE_NAME = 'SettingsMenu';\n\ntype MetricsListItem = { key: string; label: ReactNode };\n\ntype MetricsSettingsSectionProps = {\n metricsList: MetricsListItem[];\n selectedKeys: string[];\n /** Max metrics the user can pick from this checklist (excludes the default metric). */\n maxSelectable: number;\n onToggle: (key: string) => void;\n};\n\nexport const MetricsSettingsSection = ({\n metricsList,\n selectedKeys,\n maxSelectable,\n onToggle,\n}: MetricsSettingsSectionProps) => {\n // Count only selections within this checklist. The segment's default metric is\n // always present in `selectedKeys` but excluded from `metricsList`, so it must\n // not count against the user-selectable cap.\n const selectedInListCount = metricsList.reduce(\n (count, item) => (selectedKeys.includes(item.key) ? count + 1 : count),\n 0\n );\n\n return (\n <div className={styles.root} data-testid={`${PAGE_NAME}_metricsSection`}>\n <Text size={14} color=\"T6\">\n Metrics (Up to {maxSelectable})\n </Text>\n\n <div className={styles.list}>\n {metricsList.map(item => {\n const isChecked = selectedKeys.includes(item.key);\n const isDisabled = selectedInListCount >= maxSelectable && !isChecked;\n\n return (\n <Checkbox\n key={item.key}\n testId={`${PAGE_NAME}_option_${item.key}`}\n label={item.label}\n checked={isChecked}\n disabled={isDisabled}\n onChange={() => onToggle(item.key)}\n />\n );\n })}\n </div>\n </div>\n );\n};\n"],"names":["MetricsSettingsSection","_ref","metricsList","selectedKeys","maxSelectable","onToggle","selectedInListCount","reduce","count","item","includes","key","_jsxs","className","styles","root","concat","children","Text","size","color","_jsx","list","map","isChecked","isDisabled","Checkbox","testId","label","checked","disabled","onChange"],"mappings":"~~s1jBAMA~~,IAYaA,EAAyB,SAKHC,GAAA,IAJjCC,IAAAA,YACAC,IAAAA,aACAC,IAAAA,cACAC,IAAAA,SAKMC,EAAsBJ,EAAYK,QACtC,SAACC,EAAOC,GAAI,OAAMN,EAAaO,SAASD,EAAKE,KAAOH,EAAQ,EAAIA,CAAM,GACtE,GAGF,OACEI,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAM,cAAA,GAAAC,OA3Bf,eA2B0D,mBAAAC,SAAA,CACtEL,EAACM,EAAI,CAACC,KAAM,GAAIC,MAAM,KAAIH,SAAA,CAAA,kBACRb,EAAa,OAG/BiB,EAAA,MAAA,CAAKR,UAAWC,EAAOQ,KAAKL,SACzBf,EAAYqB,KAAI,SAAAd,GACf,IAAMe,EAAYrB,EAAaO,SAASD,EAAKE,KACvCc,EAAanB,GAAuBF,IAAkBoB,EAE5D,OACEH,EAACK,EAAQ,CAEPC,iBAxCI,eAwCgB,YAAAX,OAAWP,EAAKE,KACpCiB,MAAOnB,EAAKmB,MACZC,QAASL,EACTM,SAAUL,EACVM,SAAU,WAAA,OAAM1B,EAASI,EAAKE,IAAI,GAL7BF,EAAKE,YAYxB"}
1	+ {"version":3,"file":"MetricsSettingsSection.js","sources":["../../../../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/components/MetricsSettingsSection/MetricsSettingsSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport styles from './MetricsSettingsSection.module.scss';\n\nimport { Checkbox, Text } from '~/componentsV2';\n\nconst PAGE_NAME = 'SettingsMenu';\n\ntype MetricsListItem = { key: string; label: ReactNode };\n\ntype MetricsSettingsSectionProps = {\n metricsList: MetricsListItem[];\n selectedKeys: string[];\n /** Max metrics the user can pick from this checklist (excludes the default metric). */\n maxSelectable: number;\n onToggle: (key: string) => void;\n};\n\nexport const MetricsSettingsSection = ({\n metricsList,\n selectedKeys,\n maxSelectable,\n onToggle,\n}: MetricsSettingsSectionProps) => {\n // Count only selections within this checklist. The segment's default metric is\n // always present in `selectedKeys` but excluded from `metricsList`, so it must\n // not count against the user-selectable cap.\n const selectedInListCount = metricsList.reduce(\n (count, item) => (selectedKeys.includes(item.key) ? count + 1 : count),\n 0\n );\n\n return (\n <div className={styles.root} data-testid={`${PAGE_NAME}_metricsSection`}>\n <Text size={14} color=\"T6\">\n Metrics (Up to {maxSelectable})\n </Text>\n\n <div className={styles.list}>\n {metricsList.map(item => {\n const isChecked = selectedKeys.includes(item.key);\n const isDisabled = selectedInListCount >= maxSelectable && !isChecked;\n\n return (\n <Checkbox\n key={item.key}\n testId={`${PAGE_NAME}_option_${item.key}`}\n label={item.label}\n checked={isChecked}\n disabled={isDisabled}\n onChange={() => onToggle(item.key)}\n />\n );\n })}\n </div>\n </div>\n );\n};\n"],"names":["MetricsSettingsSection","_ref","metricsList","selectedKeys","maxSelectable","onToggle","selectedInListCount","reduce","count","item","includes","key","_jsxs","className","styles","root","concat","children","Text","size","color","_jsx","list","map","isChecked","isDisabled","Checkbox","testId","label","checked","disabled","onChange"],"mappings":"ktjBAMA,IAYaA,EAAyB,SAKHC,GAAA,IAJjCC,IAAAA,YACAC,IAAAA,aACAC,IAAAA,cACAC,IAAAA,SAKMC,EAAsBJ,EAAYK,QACtC,SAACC,EAAOC,GAAI,OAAMN,EAAaO,SAASD,EAAKE,KAAOH,EAAQ,EAAIA,CAAM,GACtE,GAGF,OACEI,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAM,cAAA,GAAAC,OA3Bf,eA2B0D,mBAAAC,SAAA,CACtEL,EAACM,EAAI,CAACC,KAAM,GAAIC,MAAM,KAAIH,SAAA,CAAA,kBACRb,EAAa,OAG/BiB,EAAA,MAAA,CAAKR,UAAWC,EAAOQ,KAAKL,SACzBf,EAAYqB,KAAI,SAAAd,GACf,IAAMe,EAAYrB,EAAaO,SAASD,EAAKE,KACvCc,EAAanB,GAAuBF,IAAkBoB,EAE5D,OACEH,EAACK,EAAQ,CAEPC,iBAxCI,eAwCgB,YAAAX,OAAWP,EAAKE,KACpCiB,MAAOnB,EAAKmB,MACZC,QAASL,EACTM,SAAUL,EACVM,SAAU,WAAA,OAAM1B,EAASI,EAAKE,IAAI,GAL7BF,EAAKE,YAYxB"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/components/SettingsAccordion/SettingsAccordion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as c}from"react";import i from"classnames";import{Collapse as n}from"@material-ui/core";import t from"./SettingsAccordion.module.scss.js";import{DownIcon as m}from"../../../../../../../../icons/iconParkIcons.js";import"../../../../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../../../../icons/customIcons/icons/Attention.js";import"../../../../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../../../../icons/customIcons/icons/Expand.js";import"../../../../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../../../../icons/customIcons/icons/Search.js";import"../../../../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../../../../icons/customIcons/icons/Radio.js";import"../../../../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../../../../icons/customIcons/icons/Pad.js";import"../../../../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../../../../icons/customIcons/icons/Global.js";import"../../../../../../../../icons/customIcons/icons/Program.js";import"../../../../../../../../icons/customIcons/icons/Rig.js";import"../../../../../../../../icons/customIcons/icons/Well.js";import"../../../../../../../../icons/customIcons/icons/Gap.js";import"../../../../../../../../icons/customIcons/icons/Pin.js";import"../../../../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../../../../icons/customIcons/icons/Archive.js";import"../../../../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../../../../icons/customIcons/icons/Archived.js";import"../../../../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../../../../icons/customIcons/icons/Radius.js";import"../../../../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../../../../icons/customIcons/icons/Company.js";import"../../../../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../../../../icons/customIcons/icons/Connect.js";import"../../../../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../../../../icons/customIcons/icons/Feed.js";import"../../../../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../../../../icons/customIcons/icons/Companies.js";import"../../../../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../../../../icons/customIcons/icons/Key.js";import"../../../../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../../../../icons/customIcons/icons/Drops.js";import"../../../../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../../../../icons/customIcons/icons/Template.js";import"../../../../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../../../../icons/customIcons/icons/NPT.js";import"../../../../../../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as r,jsx as e}from"react/jsx-runtime";var p=function(p){var u=p.title,a=p.children,I=p.defaultOpen,j=void 0===I||I,l=p.icon,d=p.className,h=p.testId,C=c(j),F=s(C,2),b=F[0],O=F[1];return r("div",{className:i(t.root,d),"data-testid":h,children:[r("button",{type:"button",className:t.header,"aria-expanded":b,onClick:function(){return O((function(o){return!o}))},"data-testid":h?"".concat(h,"_toggle"):void 0,children:[u,e("span",{className:i(t.icon,o({},t.iconOpen,b)),children:null!=l?l:e(m,{size:24})})]}),e(n,{in:b,children:e("div",{className:t.content,children:a})})]})};export{p as SettingsAccordion};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as c}from"react";import i from"classnames";import{Collapse as n}from"@material-ui/core";import t from"./SettingsAccordion.module.scss.js";import{DownIcon as m}from"../../../../../../../../icons/iconParkIcons.js";import"../../../../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../../../../icons/customIcons/icons/Attention.js";import"../../../../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../../../../icons/customIcons/icons/Expand.js";import"../../../../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../../../../icons/customIcons/icons/Search.js";import"../../../../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../../../../icons/customIcons/icons/Radio.js";import"../../../../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../../../../icons/customIcons/icons/Pad.js";import"../../../../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../../../../icons/customIcons/icons/Global.js";import"../../../../../../../../icons/customIcons/icons/Program.js";import"../../../../../../../../icons/customIcons/icons/Rig.js";import"../../../../../../../../icons/customIcons/icons/Well.js";import"../../../../../../../../icons/customIcons/icons/Gap.js";import"../../../../../../../../icons/customIcons/icons/Pin.js";import"../../../../../../../../icons/customIcons/icons/PinOne.js";import"../../../../../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../../../../icons/customIcons/icons/Archive.js";import"../../../../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../../../../icons/customIcons/icons/Archived.js";import"../../../../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../../../../icons/customIcons/icons/Radius.js";import"../../../../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../../../../icons/customIcons/icons/Company.js";import"../../../../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../../../../icons/customIcons/icons/Connect.js";import"../../../../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../../../../icons/customIcons/icons/Feed.js";import"../../../../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../../../../icons/customIcons/icons/Companies.js";import"../../../../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../../../../icons/customIcons/icons/Key.js";import"../../../../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../../../../icons/customIcons/icons/Drops.js";import"../../../../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../../../../icons/customIcons/icons/Template.js";import"../../../../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../../../../icons/customIcons/icons/NPT.js";import"../../../../../../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as r,jsx as e}from"react/jsx-runtime";var p=function(p){var u=p.title,a=p.children,I=p.defaultOpen,j=void 0===I||I,l=p.icon,d=p.className,C=p.testId,h=c(j),F=s(h,2),O=F[0],b=F[1];return r("div",{className:i(t.root,d),"data-testid":C,children:[r("button",{type:"button",className:t.header,"aria-expanded":O,onClick:function(){return b((function(o){return!o}))},"data-testid":C?"".concat(C,"_toggle"):void 0,children:[u,e("span",{className:i(t.icon,o({},t.iconOpen,O)),children:null!=l?l:e(m,{size:24})})]}),e(n,{in:O,children:e("div",{className:t.content,children:a})})]})};export{p as SettingsAccordion};
 //# sourceMappingURL=SettingsAccordion.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/components/SettingsAccordion/SettingsAccordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsAccordion.js","sources":["../../../../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/components/SettingsAccordion/SettingsAccordion.tsx"],"sourcesContent":["import { useState, type ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { Collapse } from '@material-ui/core';\n\nimport styles from './SettingsAccordion.module.scss';\n\nimport { DownIcon } from '~/icons';\n\ntype SettingsAccordionProps = {\n title: ReactNode;\n children: ReactNode;\n defaultOpen?: boolean;\n /*\n Custom expand indicator. Defaults to a chevron that points down when\n * collapsed and rotates up when open.\n */\n icon?: ReactNode;\n className?: string;\n testId?: string;\n};\n\nexport const SettingsAccordion = ({\n title,\n children,\n defaultOpen = true,\n icon,\n className,\n testId,\n}: SettingsAccordionProps) => {\n const [open, setOpen] = useState(defaultOpen);\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n <button\n type=\"button\"\n className={styles.header}\n aria-expanded={open}\n onClick={() => setOpen(prev => !prev)}\n data-testid={testId ? `${testId}_toggle` : undefined}\n >\n {title}\n <span className={classNames(styles.icon, { [styles.iconOpen]: open })}>\n {icon ?? <DownIcon size={24} />}\n </span>\n </button>\n\n <Collapse in={open}>\n <div className={styles.content}>{children}</div>\n </Collapse>\n </div>\n );\n};\n"],"names":["SettingsAccordion","_ref","title","children","_ref$defaultOpen","defaultOpen","icon","className","testId","useState","_useState2","_slicedToArray","_useState","open","setOpen","_jsxs","classNames","styles","root","type","header","onClick","prev","concat","undefined","_jsx","iconOpen","DownIcon","size","Collapse","in","content"],"mappings":"~~41KAqBaA~~,IAAAA,EAAoB,SAOHC,GAAA,IAN5BC,IAAAA,MACAC,IAAAA,SAAQC,EAAAH,EACRI,YAAAA,cAAkBD,EAClBE,IAAAA,KACAC,IAAAA,UACAC,IAAAA,OAEwBC,EAAAA,EAASJ,GAAYK,EAAAC,EAAAC,EAAA,GAAtCC,EAAIH,EAAA,GAAEI,EAAOJ,EAAA,GAEpB,OACEK,EAAA,MAAA,CAAKR,UAAWS,EAAWC,EAAOC,KAAMX,GAAY,cAAaC,EAAOL,SACtE,CAAAY,EAAA,SAAA,CACEI,KAAK,SACLZ,UAAWU,EAAOG,OAClB,gBAAeP,EACfQ,QAAS,WAAA,OAAMP,GAAQ,SAAAQ,GAAI,OAAKA,IAAM,EACtC,cAAad,EAAM,GAAAe,OAAMf,EAAM,gBAAYgB,EAAUrB,SAAA,CAEpDD,EACDuB,EAAA,OAAA,CAAMlB,UAAWS,EAAWC,EAAOX,KAASW,EAAAA,CAAAA,EAAAA,EAAOS,SAAWb,IAAQV,SACnEG,QAAAA,EAAQmB,EAACE,EAAQ,CAACC,KAAM,UAI7BH,EAACI,EAAQ,CAACC,GAAIjB,EAAKV,SACjBsB,EAAA,MAAA,CAAKlB,UAAWU,EAAOc,QAAQ5B,SAAEA,QAIzC"}
1	+ {"version":3,"file":"SettingsAccordion.js","sources":["../../../../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/components/SettingsMenu/components/SettingsAccordion/SettingsAccordion.tsx"],"sourcesContent":["import { useState, type ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { Collapse } from '@material-ui/core';\n\nimport styles from './SettingsAccordion.module.scss';\n\nimport { DownIcon } from '~/icons';\n\ntype SettingsAccordionProps = {\n title: ReactNode;\n children: ReactNode;\n defaultOpen?: boolean;\n /*\n Custom expand indicator. Defaults to a chevron that points down when\n * collapsed and rotates up when open.\n */\n icon?: ReactNode;\n className?: string;\n testId?: string;\n};\n\nexport const SettingsAccordion = ({\n title,\n children,\n defaultOpen = true,\n icon,\n className,\n testId,\n}: SettingsAccordionProps) => {\n const [open, setOpen] = useState(defaultOpen);\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n <button\n type=\"button\"\n className={styles.header}\n aria-expanded={open}\n onClick={() => setOpen(prev => !prev)}\n data-testid={testId ? `${testId}_toggle` : undefined}\n >\n {title}\n <span className={classNames(styles.icon, { [styles.iconOpen]: open })}>\n {icon ?? <DownIcon size={24} />}\n </span>\n </button>\n\n <Collapse in={open}>\n <div className={styles.content}>{children}</div>\n </Collapse>\n </div>\n );\n};\n"],"names":["SettingsAccordion","_ref","title","children","_ref$defaultOpen","defaultOpen","icon","className","testId","useState","_useState2","_slicedToArray","_useState","open","setOpen","_jsxs","classNames","styles","root","type","header","onClick","prev","concat","undefined","_jsx","iconOpen","DownIcon","size","Collapse","in","content"],"mappings":"u+KAqBaA,IAAAA,EAAoB,SAOHC,GAAA,IAN5BC,IAAAA,MACAC,IAAAA,SAAQC,EAAAH,EACRI,YAAAA,cAAkBD,EAClBE,IAAAA,KACAC,IAAAA,UACAC,IAAAA,OAEwBC,EAAAA,EAASJ,GAAYK,EAAAC,EAAAC,EAAA,GAAtCC,EAAIH,EAAA,GAAEI,EAAOJ,EAAA,GAEpB,OACEK,EAAA,MAAA,CAAKR,UAAWS,EAAWC,EAAOC,KAAMX,GAAY,cAAaC,EAAOL,SACtE,CAAAY,EAAA,SAAA,CACEI,KAAK,SACLZ,UAAWU,EAAOG,OAClB,gBAAeP,EACfQ,QAAS,WAAA,OAAMP,GAAQ,SAAAQ,GAAI,OAAKA,IAAM,EACtC,cAAad,EAAM,GAAAe,OAAMf,EAAM,gBAAYgB,EAAUrB,SAAA,CAEpDD,EACDuB,EAAA,OAAA,CAAMlB,UAAWS,EAAWC,EAAOX,KAASW,EAAAA,CAAAA,EAAAA,EAAOS,SAAWb,IAAQV,SACnEG,QAAAA,EAAQmB,EAACE,EAAQ,CAACC,KAAM,UAI7BH,EAACI,EAAQ,CAACC,GAAIjB,EAAKV,SACjBsB,EAAA,MAAA,CAAKlB,UAAWU,EAAOc,QAAQ5B,SAAEA,QAIzC"}