@corva/ui 3.74.0-9 → 3.75.0-0

package/cjs-bundle/components/RealTimeValuesSidebar/SidebarFooter.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),s=require("classnames"),o=require("@material-ui/core"),r=require("../IconButton/index.js"),n=require("../../icons/iconParkIcons.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("../../componentsV2/Header/Header.scss.js");var t=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var i=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/Label/Label.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../../utils/index.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../utils/mobileDetect.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var c=require("./RealTimeSidebarContext.js"),u=require("./enums.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=p(s),l=o.makeStyles((function(e){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:e.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}})),m=e.memo((function(s){var p=s.onSidebarOpened,m=s.onSidebarClosed,q=s.className,d=l(),j=e.useContext(c),V=j.isSidebarOpen,A=j.orientation,I=j.handleOpenCloseDialog;return t.jsx("div",{className:a.default(d.rtSidebarFooter,A,q),"data-testid":"sidebar_footer",children:V?t.jsx(o.Box,{className:d.openToggleContainer,children:t.jsx(i.Tooltip,{title:"Collapse",className:d.collapseTooltip,children:t.jsxs("div",{className:a.default(d.rtSidebarFooterActions,A),children:[t.jsx(r,{"data-testid":"sidebar_close_button",onClick:m,className:d.actionButton,children:A===u.ORIENTATIONS.vertical?t.jsx(n.RightIcon,{}):t.jsx(n.UpIcon,{className:d.rtSidebarFooterIcon})}),A===u.ORIENTATIONS.horizontal&&t.jsx(r,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return I(!0)},className:d.actionButton,children:t.jsx(n.PlusIcon,{})})]})})}):t.jsx(i.Tooltip,{title:"Expand",className:d.expandTooltip,children:t.jsx("div",{className:a.default(d.rtSidebarFooterActions,A),children:t.jsx(r,{onClick:p,"data-testid":"sidebar_open_button",className:a.default(d.closedButton,d.actionButton),children:A===u.ORIENTATIONS.vertical?t.jsx(n.LeftIcon,{}):t.jsx(n.DownIcon,{})})})})})}));module.exports=m;
+"use strict";var e=require("react"),s=require("classnames"),o=require("@material-ui/core"),r=require("../IconButton/index.js"),n=require("../../icons/iconParkIcons.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("../../componentsV2/Header/Header.scss.js");var t=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var i=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../../utils/index.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../utils/mobileDetect.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var c=require("./RealTimeSidebarContext.js"),u=require("./enums.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=p(s),l=o.makeStyles((function(e){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:e.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}})),m=e.memo((function(s){var p=s.onSidebarOpened,m=s.onSidebarClosed,q=s.className,d=l(),j=e.useContext(c),V=j.isSidebarOpen,A=j.orientation,I=j.handleOpenCloseDialog;return t.jsx("div",{className:a.default(d.rtSidebarFooter,A,q),"data-testid":"sidebar_footer",children:V?t.jsx(o.Box,{className:d.openToggleContainer,children:t.jsx(i.Tooltip,{title:"Collapse",className:d.collapseTooltip,children:t.jsxs("div",{className:a.default(d.rtSidebarFooterActions,A),children:[t.jsx(r,{"data-testid":"sidebar_close_button",onClick:m,className:d.actionButton,children:A===u.ORIENTATIONS.vertical?t.jsx(n.RightIcon,{}):t.jsx(n.UpIcon,{className:d.rtSidebarFooterIcon})}),A===u.ORIENTATIONS.horizontal&&t.jsx(r,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return I(!0)},className:d.actionButton,children:t.jsx(n.PlusIcon,{})})]})})}):t.jsx(i.Tooltip,{title:"Expand",className:d.expandTooltip,children:t.jsx("div",{className:a.default(d.rtSidebarFooterActions,A),children:t.jsx(r,{onClick:p,"data-testid":"sidebar_open_button",className:a.default(d.closedButton,d.actionButton),children:A===u.ORIENTATIONS.vertical?t.jsx(n.LeftIcon,{}):t.jsx(n.DownIcon,{})})})})})}));module.exports=m;
 //# sourceMappingURL=SidebarFooter.js.map

package/cjs-bundle/components/RealTimeValuesSidebar/SidebarFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.js","sources":["../../../../src/components/RealTimeValuesSidebar/SidebarFooter.tsx"],"sourcesContent":["import { FC, memo, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport { PlusIcon, DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons/iconParkIcons';\nimport { Tooltip } from '~/componentsV2';\n\nimport { SidebarFooterProps } from './types';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport { ORIENTATIONS } from './enums';\n\nconst useStyles = makeStyles((theme: any) => ({\n  button: {\n    fontSize: 14,\n    fontWeight: 500,\n  },\n  buttonIcon: {\n    fontSize: 24,\n    marginRight: 8,\n  },\n  closedButton: {\n    marginBottom: '78px',\n    zIndex: 1000,\n  },\n\n  rtSidebarFooter: {\n    position: 'absolute',\n    right: 0,\n    '&.vertical': {\n      left: 0,\n      bottom: 0,\n    },\n    '&.horizontal': {\n      top: 0,\n    },\n  },\n\n  rtSidebarFooterIcon: {\n    color: theme.palette.primary.text6,\n  },\n\n  rtSidebarFooterActions: {\n    display: 'flex',\n    paddingRight: '5px',\n    alignItems: 'center',\n    height: 48,\n    width: 48,\n    padding: 6,\n\n    '&.horizontal': {\n      flexDirection: 'row-reverse',\n    },\n  },\n\n  actionButton: {\n    padding: 12,\n    height: 36,\n    width: 36,\n  },\n\n  openToggleContainer: {\n    alignItems: 'center',\n    bottom: 0,\n    display: 'flex',\n    flex: '0 0',\n    height: 48,\n    padding: 6,\n    position: 'absolute',\n    width: '100%',\n    justifyContent: 'flex-start',\n    paddingRight: 6,\n  },\n\n  collapseTooltip: {\n    marginTop: -8,\n  },\n\n  expandTooltip: {\n    marginTop: -48,\n  }\n}));\n\nconst SidebarFooter: FC<SidebarFooterProps> = ({ onSidebarOpened, onSidebarClosed, className }) => {\n  const classes = useStyles();\n\n  const { isSidebarOpen, orientation, handleOpenCloseDialog } = useContext(RealTimeSidebarContext)!;\n\n  return (\n    <div\n      className={classNames(classes.rtSidebarFooter, orientation, className)}\n      data-testid=\"sidebar_footer\"\n    >\n      {isSidebarOpen ? (\n        <Box className={classes.openToggleContainer}>\n          <Tooltip title=\"Collapse\" className={classes.collapseTooltip}>\n            <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n                <IconButton\n                  data-testid=\"sidebar_close_button\"\n                  onClick={onSidebarClosed}\n                  className={classes.actionButton}\n                >\n                  {orientation === ORIENTATIONS.vertical ? (\n                    <RightIcon />\n                  ) : (\n                    <UpIcon className={classes.rtSidebarFooterIcon} />\n                  )}\n                </IconButton>\n                {orientation === ORIENTATIONS.horizontal && (\n                  <IconButton\n                    color=\"primary\"\n                    tooltipProps={{ title: 'Add' }}\n                    onClick={() => handleOpenCloseDialog(true)}\n                    className={classes.actionButton}\n                  >\n                    <PlusIcon />\n                  </IconButton>\n                )}\n            </div>\n          </Tooltip>\n        </Box>\n      ) : (\n        <Tooltip title=\"Expand\" className={classes.expandTooltip}>\n          <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n            <IconButton\n              onClick={onSidebarOpened}\n              data-testid=\"sidebar_open_button\"\n              className={classNames(classes.closedButton, classes.actionButton)}\n            >\n              {orientation === ORIENTATIONS.vertical ? <LeftIcon /> : <DownIcon />}\n            </IconButton>\n          </div>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nexport default memo(SidebarFooter);\n"],"names":["useStyles","makeStyles","theme","button","fontSize","fontWeight","buttonIcon","marginRight","closedButton","marginBottom","zIndex","rtSidebarFooter","position","right","left","bottom","top","rtSidebarFooterIcon","color","palette","primary","text6","rtSidebarFooterActions","display","paddingRight","alignItems","height","width","padding","flexDirection","actionButton","openToggleContainer","flex","justifyContent","collapseTooltip","marginTop","expandTooltip","memo","_ref","onSidebarOpened","onSidebarClosed","className","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","handleOpenCloseDialog","_jsx","classNames","children","jsx","Box","Tooltip","title","_jsxs","jsxs","IconButton","onClick","ORIENTATIONS","vertical","RightIcon","UpIcon","horizontal","tooltipProps","PlusIcon","LeftIcon","DownIcon"],"mappings":"26cAaMA,EAAYC,EAAAA,YAAW,SAACC,GAAU,MAAM,CAC5CC,OAAQ,CACNC,SAAU,GACVC,WAAY,KAEdC,WAAY,CACVF,SAAU,GACVG,YAAa,GAEfC,aAAc,CACZC,aAAc,OACdC,OAAQ,KAGVC,gBAAiB,CACfC,SAAU,WACVC,MAAO,EACP,aAAc,CACZC,KAAM,EACNC,OAAQ,GAEV,eAAgB,CACdC,IAAK,IAITC,oBAAqB,CACnBC,MAAOhB,EAAMiB,QAAQC,QAAQC,OAG/BC,uBAAwB,CACtBC,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,OAAQ,GACRC,MAAO,GACPC,QAAS,EAET,eAAgB,CACdC,cAAe,gBAInBC,aAAc,CACZF,QAAS,GACTF,OAAQ,GACRC,MAAO,IAGTI,oBAAqB,CACnBN,WAAY,SACZV,OAAQ,EACRQ,QAAS,OACTS,KAAM,MACNN,OAAQ,GACRE,QAAS,EACThB,SAAU,WACVe,MAAO,OACPM,eAAgB,aAChBT,aAAc,GAGhBU,gBAAiB,CACfC,WAAY,GAGdC,cAAe,CACbD,WAAY,IAEf,IAyDcE,EAAAA,EAAAA,MAvD+B,SAAqDC,GAAA,IAAlDC,IAAAA,gBAAiBC,IAAAA,gBAAiBC,IAAAA,UAC3EC,EAAU1C,IAE8C2C,EAAAA,EAAUA,WAACC,GAAjEC,IAAAA,cAAeC,IAAAA,YAAaC,IAAAA,sBAEpC,OACEC,EAAAA,IAAA,MAAA,CACEP,UAAWQ,EAAAA,QAAWP,EAAQ/B,gBAAiBmC,EAAaL,GAC5D,cAAY,iBAAgBS,SAE3BL,EACCG,EAAAG,IAACC,MAAG,CAACX,UAAWC,EAAQX,oBAAoBmB,SAC1CF,MAACK,UAAO,CAACC,MAAM,WAAWb,UAAWC,EAAQR,gBAAgBgB,SAC3DK,EAAAC,KAAA,MAAA,CAAKf,UAAWQ,EAAU,QAACP,EAAQpB,uBAAwBwB,GAAaI,SAAA,CACpEF,MAACS,EAAU,CACT,cAAY,uBACZC,QAASlB,EACTC,UAAWC,EAAQZ,aAAaoB,SAE/BJ,IAAgBa,EAAYA,aAACC,SAC5BZ,EAAAA,IAACa,EAAAA,UAAS,CAAA,GAEVb,EAAAG,IAACW,SAAM,CAACrB,UAAWC,EAAQzB,wBAG9B6B,IAAgBa,EAAAA,aAAaI,YAC5Bf,EAAAA,IAACS,EAAU,CACTvC,MAAM,UACN8C,aAAc,CAAEV,MAAO,OACvBI,QAAS,WAAA,OAAMX,GAAsB,EAAM,EAC3CN,UAAWC,EAAQZ,aAAaoB,SAEhCF,EAAAA,IAACiB,EAAQA,SAAA,aAOrBjB,MAACK,UAAO,CAACC,MAAM,SAASb,UAAWC,EAAQN,cAAcc,SACvDF,EAAAG,IAAA,MAAA,CAAKV,UAAWQ,EAAU,QAACP,EAAQpB,uBAAwBwB,GAAaI,SACtEF,MAACS,EAAU,CACTC,QAASnB,EACT,cAAY,sBACZE,UAAWQ,EAAAA,QAAWP,EAAQlC,aAAckC,EAAQZ,cAAcoB,SAEjEJ,IAAgBa,eAAaC,SAAWZ,EAAAG,IAACe,WAAQ,CAAA,GAAMlB,EAAAA,IAACmB,EAAQA,SAAA,WAO/E"}
+{"version":3,"file":"SidebarFooter.js","sources":["../../../../src/components/RealTimeValuesSidebar/SidebarFooter.tsx"],"sourcesContent":["import { FC, memo, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport { PlusIcon, DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons/iconParkIcons';\nimport { Tooltip } from '~/componentsV2';\n\nimport { SidebarFooterProps } from './types';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport { ORIENTATIONS } from './enums';\n\nconst useStyles = makeStyles((theme: any) => ({\n  button: {\n    fontSize: 14,\n    fontWeight: 500,\n  },\n  buttonIcon: {\n    fontSize: 24,\n    marginRight: 8,\n  },\n  closedButton: {\n    marginBottom: '78px',\n    zIndex: 1000,\n  },\n\n  rtSidebarFooter: {\n    position: 'absolute',\n    right: 0,\n    '&.vertical': {\n      left: 0,\n      bottom: 0,\n    },\n    '&.horizontal': {\n      top: 0,\n    },\n  },\n\n  rtSidebarFooterIcon: {\n    color: theme.palette.primary.text6,\n  },\n\n  rtSidebarFooterActions: {\n    display: 'flex',\n    paddingRight: '5px',\n    alignItems: 'center',\n    height: 48,\n    width: 48,\n    padding: 6,\n\n    '&.horizontal': {\n      flexDirection: 'row-reverse',\n    },\n  },\n\n  actionButton: {\n    padding: 12,\n    height: 36,\n    width: 36,\n  },\n\n  openToggleContainer: {\n    alignItems: 'center',\n    bottom: 0,\n    display: 'flex',\n    flex: '0 0',\n    height: 48,\n    padding: 6,\n    position: 'absolute',\n    width: '100%',\n    justifyContent: 'flex-start',\n    paddingRight: 6,\n  },\n\n  collapseTooltip: {\n    marginTop: -8,\n  },\n\n  expandTooltip: {\n    marginTop: -48,\n  }\n}));\n\nconst SidebarFooter: FC<SidebarFooterProps> = ({ onSidebarOpened, onSidebarClosed, className }) => {\n  const classes = useStyles();\n\n  const { isSidebarOpen, orientation, handleOpenCloseDialog } = useContext(RealTimeSidebarContext)!;\n\n  return (\n    <div\n      className={classNames(classes.rtSidebarFooter, orientation, className)}\n      data-testid=\"sidebar_footer\"\n    >\n      {isSidebarOpen ? (\n        <Box className={classes.openToggleContainer}>\n          <Tooltip title=\"Collapse\" className={classes.collapseTooltip}>\n            <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n                <IconButton\n                  data-testid=\"sidebar_close_button\"\n                  onClick={onSidebarClosed}\n                  className={classes.actionButton}\n                >\n                  {orientation === ORIENTATIONS.vertical ? (\n                    <RightIcon />\n                  ) : (\n                    <UpIcon className={classes.rtSidebarFooterIcon} />\n                  )}\n                </IconButton>\n                {orientation === ORIENTATIONS.horizontal && (\n                  <IconButton\n                    color=\"primary\"\n                    tooltipProps={{ title: 'Add' }}\n                    onClick={() => handleOpenCloseDialog(true)}\n                    className={classes.actionButton}\n                  >\n                    <PlusIcon />\n                  </IconButton>\n                )}\n            </div>\n          </Tooltip>\n        </Box>\n      ) : (\n        <Tooltip title=\"Expand\" className={classes.expandTooltip}>\n          <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n            <IconButton\n              onClick={onSidebarOpened}\n              data-testid=\"sidebar_open_button\"\n              className={classNames(classes.closedButton, classes.actionButton)}\n            >\n              {orientation === ORIENTATIONS.vertical ? <LeftIcon /> : <DownIcon />}\n            </IconButton>\n          </div>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nexport default memo(SidebarFooter);\n"],"names":["useStyles","makeStyles","theme","button","fontSize","fontWeight","buttonIcon","marginRight","closedButton","marginBottom","zIndex","rtSidebarFooter","position","right","left","bottom","top","rtSidebarFooterIcon","color","palette","primary","text6","rtSidebarFooterActions","display","paddingRight","alignItems","height","width","padding","flexDirection","actionButton","openToggleContainer","flex","justifyContent","collapseTooltip","marginTop","expandTooltip","memo","_ref","onSidebarOpened","onSidebarClosed","className","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","handleOpenCloseDialog","_jsx","classNames","children","jsx","Box","Tooltip","title","_jsxs","jsxs","IconButton","onClick","ORIENTATIONS","vertical","RightIcon","UpIcon","horizontal","tooltipProps","PlusIcon","LeftIcon","DownIcon"],"mappings":"89cAaMA,EAAYC,EAAAA,YAAW,SAACC,GAAU,MAAM,CAC5CC,OAAQ,CACNC,SAAU,GACVC,WAAY,KAEdC,WAAY,CACVF,SAAU,GACVG,YAAa,GAEfC,aAAc,CACZC,aAAc,OACdC,OAAQ,KAGVC,gBAAiB,CACfC,SAAU,WACVC,MAAO,EACP,aAAc,CACZC,KAAM,EACNC,OAAQ,GAEV,eAAgB,CACdC,IAAK,IAITC,oBAAqB,CACnBC,MAAOhB,EAAMiB,QAAQC,QAAQC,OAG/BC,uBAAwB,CACtBC,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,OAAQ,GACRC,MAAO,GACPC,QAAS,EAET,eAAgB,CACdC,cAAe,gBAInBC,aAAc,CACZF,QAAS,GACTF,OAAQ,GACRC,MAAO,IAGTI,oBAAqB,CACnBN,WAAY,SACZV,OAAQ,EACRQ,QAAS,OACTS,KAAM,MACNN,OAAQ,GACRE,QAAS,EACThB,SAAU,WACVe,MAAO,OACPM,eAAgB,aAChBT,aAAc,GAGhBU,gBAAiB,CACfC,WAAY,GAGdC,cAAe,CACbD,WAAY,IAEf,IAyDcE,EAAAA,EAAAA,MAvD+B,SAAqDC,GAAA,IAAlDC,IAAAA,gBAAiBC,IAAAA,gBAAiBC,IAAAA,UAC3EC,EAAU1C,IAE8C2C,EAAAA,EAAUA,WAACC,GAAjEC,IAAAA,cAAeC,IAAAA,YAAaC,IAAAA,sBAEpC,OACEC,EAAAA,IAAA,MAAA,CACEP,UAAWQ,EAAAA,QAAWP,EAAQ/B,gBAAiBmC,EAAaL,GAC5D,cAAY,iBAAgBS,SAE3BL,EACCG,EAAAG,IAACC,MAAG,CAACX,UAAWC,EAAQX,oBAAoBmB,SAC1CF,MAACK,UAAO,CAACC,MAAM,WAAWb,UAAWC,EAAQR,gBAAgBgB,SAC3DK,EAAAC,KAAA,MAAA,CAAKf,UAAWQ,EAAU,QAACP,EAAQpB,uBAAwBwB,GAAaI,SAAA,CACpEF,MAACS,EAAU,CACT,cAAY,uBACZC,QAASlB,EACTC,UAAWC,EAAQZ,aAAaoB,SAE/BJ,IAAgBa,EAAYA,aAACC,SAC5BZ,EAAAA,IAACa,EAAAA,UAAS,CAAA,GAEVb,EAAAG,IAACW,SAAM,CAACrB,UAAWC,EAAQzB,wBAG9B6B,IAAgBa,EAAAA,aAAaI,YAC5Bf,EAAAA,IAACS,EAAU,CACTvC,MAAM,UACN8C,aAAc,CAAEV,MAAO,OACvBI,QAAS,WAAA,OAAMX,GAAsB,EAAM,EAC3CN,UAAWC,EAAQZ,aAAaoB,SAEhCF,EAAAA,IAACiB,EAAQA,SAAA,aAOrBjB,MAACK,UAAO,CAACC,MAAM,SAASb,UAAWC,EAAQN,cAAcc,SACvDF,EAAAG,IAAA,MAAA,CAAKV,UAAWQ,EAAU,QAACP,EAAQpB,uBAAwBwB,GAAaI,SACtEF,MAACS,EAAU,CACTC,QAASnB,EACT,cAAY,sBACZE,UAAWQ,EAAAA,QAAWP,EAAQlC,aAAckC,EAAQZ,cAAcoB,SAEjEJ,IAAgBa,eAAaC,SAAWZ,EAAAG,IAACe,WAAQ,CAAA,GAAMlB,EAAAA,IAACmB,EAAQA,SAAA,WAO/E"}

package/cjs-bundle/componentsV2/ColorPicker/ColorPicker.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),s=require("@babel/runtime/helpers/defineProperty"),o=require("classnames"),n=require("react"),c=require("react-color"),i=require("lodash"),r=require("uuid"),t=require("../TextInputNext/TextInputNext.js"),u=require("../Popover/Popover.js"),a=require("../ButtonIcon/ButtonIcon.js"),l=require("../Tooltip/Tooltip.js"),m=require("../../effects/useOutsideClick.js"),d=require("./Swatches/Swatches.js"),p=require("./utils.js"),j=require("./OpacityDragtracker/OpacityDragtracker.js"),q=require("./useChromePickerAccessibility.js"),b=require("./ColorPicker.scss.js"),f=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var I=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=h(e),C=h(s),k=h(o);function x(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function y(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?x(Object(o),!0).forEach((function(s){C.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):x(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var g={small:b.small,medium:b.medium,large:b.large},O={inputContainer:b.inputContainer,numberStepButtons:b.numberStepButtons,prefix:b.prefixContainer,suffix:b.suffixContainer,input:b.input,label:b.label};exports.ColorPicker=function(e){var s=e.format,o=void 0===s?"hex":s,h=e.className,C=e.label,x=e.labelPlacement,P=void 0===x?"top":x,F=e.popoverPlacement,S=void 0===F?"bottom-start":F,D=e.testId,A=e.disabled,N=e.size,T=void 0===N?"small":N,w=e.onOpen,M=e.onClose,E=e.value,R=void 0===E?p.defaultColor:E,B=e.onChange,z=e.disableOpacityDrag,W=e.enableAlpha,L=void 0!==W&&W,G=n.useMemo((function(){try{var e=p.parseColor(R);return y(y({},e),{},{a:L?e.a:1})}catch(e){return p.parseColor(p.defaultColor)}}),[R,L]),K=n.useState(!1),U=v.default(K,2),H=U[0],V=U[1],_=n.useRef(null),Z=n.useRef(null),J=n.useState(!0),Q=v.default(J,2),X=Q[0],Y=Q[1],$=n.useState(null),ee=v.default($,2),se=ee[0],oe=ee[1],ne=n.useState(G),ce=v.default(ne,2),ie=ce[0],re=ce[1],te=n.useRef(null),ue=n.useMemo((function(){return"corva-color-picker-".concat(r.v4())}),[]),ae="".concat(ue,"-opacity-input"),le="".concat(ue,"-label"),me="".concat(ue,"-opacity-label"),de=Boolean(C),pe=n.useCallback((function(){V(!0),null==w||w()}),[w]),je=n.useCallback((function(e){e.preventDefault(),oe(null),pe()}),[pe]),qe=n.useCallback((function(){oe(null),pe()}),[pe]),be=n.useCallback((function(e){A||"Enter"!==e.key&&" "!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),oe("palette"),pe())}),[A,pe]),fe=n.useCallback((function(){var e,s,o=!(null===(e=te.current)||void 0===e||!e.contains(document.activeElement));(oe(null),V(!1),null==M||M(),o)&&(null===(s=Z.current)||void 0===s||s.focus({preventScroll:!0}))}),[M]),Ie=n.useCallback((function(e){oe(0===e.detail?"palette":null),Y(!0)}),[]),he=n.useCallback((function(e){oe(0===e.detail?"picker":null),Y(!1)}),[]),ve=n.useCallback((function(){return oe(null)}),[]),Ce=n.useCallback((function(e){return re(e.rgb)}),[]),ke=n.useCallback((function(e){var s="hex"===o?p.channelsToHex(e,L):p.channelsToRgba(e,L);null==B||B(s)}),[o,B,L]),xe=n.useCallback((function(e){re(e),ke(e)}),[ke]),ye=q.useChromePickerAccessibility({color:ie,enableAlpha:L,isActive:!X,onChange:xe}),ge=ye.pickerRef,Oe=ye.onKeyDown;n.useEffect((function(){var e;if("picker"===se&&!X){var s=null===(e=ge.current)||void 0===e?void 0:e.querySelector('[data-color-picker-control="saturation"]');s&&(s.focus({preventScroll:!0}),ve())}}),[ve,se,X,ge]);var Pe=n.useCallback((function(e){var s=Number(e);if(!(Number.isNaN(s)||s<0||s>100)){var o=y(y({},G),{},{a:s/100});ke(o)}}),[G,ke]),Fe=n.useCallback((function(e){ke(e.rgb)}),[ke]),Se=n.useCallback((function(e){var s=G.a||1,o=L&&0===e.a?0:s;ke(y(y({},e),{},{a:o}))}),[ke,G.a,L]),De=n.useCallback((function(){setTimeout((function(){var e,s;V(!1),null===(e=document.activeElement)||void 0===e||null===(s=e.blur)||void 0===s||s.call(e)}),0)}),[]),Ae=n.useMemo((function(){return i.throttle((function(e){var s=String(Math.round(e));Pe(s)}),100)}),[Pe]);n.useEffect((function(){re(G)}),[G]),n.useEffect((function(){H&&Y(!0)}),[H]),m(te,fe,[_.current]);var Ne=String(Math.round(100*ie.a)),Te=(null==S?void 0:S.startsWith("top"))||(null==S?void 0:S.startsWith("bottom")),we=(null==S?void 0:S.startsWith("left"))||(null==S?void 0:S.startsWith("right")),Me=de?I.jsxs(I.Fragment,{children:[I.jsx("label",{id:le,htmlFor:ae,children:"string"==typeof C?I.jsx(t.TextInputNext.Label,{children:C}):C}),I.jsx("span",{id:me,hidden:!0,children:"Opacity"})]}):void 0,Ee=n.useMemo((function(){return de?{id:ae,"aria-labelledby":"".concat(le," ").concat(me)}:{id:ae,"aria-label":"Opacity"}}),[de,ae,le,me]);return I.jsxs(I.Fragment,{children:[I.jsx(t.TextInputNext,{label:Me,labelPlacement:P,disabled:A,size:T,rootTagName:"div",prefix:I.jsxs(I.Fragment,{children:[I.jsxs("div",{className:b.fakeValue,children:[Ne,I.jsx("span",{className:b.fakeValuePercent,children:"%"})]}),I.jsx("div",{ref:Z,className:k.default(b.indicator,0===ie.a&&b.transparent),style:{"--corvaui-colorpicker-indicatorcolor":p.channelsToHex(ie,!1)},onClick:A?void 0:je,onKeyDown:be,role:"button","aria-label":de?void 0:"Color picker","aria-labelledby":de?le:void 0,"aria-expanded":H,"aria-disabled":A,tabIndex:A?-1:0})]}),suffix:L&&!z&&!A&&I.jsx(j.OpacityDragTracker,{value:Number(Ne),onDrag:Ae,onDragEnd:De}),className:k.default(b.root,g[T],!L&&b.noAlpha,h),testId:D,inputContainerRef:_,value:Ne,onChange:Pe,onFocus:qe,inputType:"number",inputMode:"numeric",htmlAttributes:Ee,elementsClassNames:O}),I.jsxs(u.Popover,{ref:te,anchorEl:_.current,open:H,onClose:fe,placement:S,className:k.default(b.popover,Te&&b.marginVertical,we&&b.marginHorizontal,0===ie.a&&b.isTransparent),backdrop:!1,children:[X?I.jsx(d.Swatches,{onChange:Se,value:G,addTransparent:L,autoFocus:"palette"===se,onAutoFocus:ve}):I.jsx("div",{ref:ge,className:b.pickerContainer,onKeyDown:Oe,children:I.jsx(c.ChromePicker,{color:ie,onChange:Ce,onChangeComplete:Fe,disableAlpha:!L,className:b.picker})}),I.jsxs("div",{className:b.switchButtons,children:[I.jsx(l.Tooltip,{title:"Palette",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show color palette",size:"medium",type:X?"secondary":"tertiary",onClick:Ie,children:I.jsx(f.PaletteIcon,{})})}),I.jsx(l.Tooltip,{title:"Pick your own",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show custom color picker",size:"medium",type:X?"tertiary":"secondary",onClick:he,children:I.jsx(f.PickerIcon,{})})})]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/defineProperty"),s=require("classnames"),n=require("react"),c=require("react-color"),r=require("lodash"),i=require("uuid"),t=require("../TextInputNext/TextInputNext.js"),u=require("../Popover/Popover.js"),a=require("../ButtonIcon/ButtonIcon.js"),l=require("../Tooltip/Tooltip.js"),m=require("../Popper/Popper.js"),p=require("./Swatches/Swatches.js"),d=require("./utils.js"),j=require("./OpacityDragtracker/OpacityDragtracker.js"),q=require("./useChromePickerAccessibility.js"),f=require("./ColorPicker.scss.js"),b=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var I=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=h(e),C=h(o),k=h(s);function x(e,o){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),s.push.apply(s,n)}return s}function y(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?x(Object(s),!0).forEach((function(o){C.default(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):x(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var g={small:f.small,medium:f.medium,large:f.large};exports.ColorPicker=function(e){var o=e.format,s=void 0===o?"hex":o,h=e.className,C=e.label,x=e.labelPlacement,O=void 0===x?"top":x,P=e.popoverPlacement,D=void 0===P?"bottom-start":P,F=e.testId,N=e.disabled,S=e.size,T=void 0===S?"small":S,A=e.onOpen,w=e.onClose,M=e.value,E=void 0===M?d.defaultColor:M,R=e.onChange,B=e.disableOpacityDrag,z=e.enableAlpha,W=void 0!==z&&z,L=e.elementsClassNames,G=void 0===L?{}:L,K=n.useMemo((function(){return{input:k.default(f.input,G.input),inputContainer:k.default(f.inputContainer,G.inputContainer),label:k.default(f.label,G.label),prefix:f.prefixContainer,suffix:f.suffixContainer,numberStepButtons:f.numberStepButtons}}),[G.input,G.inputContainer,G.label]),U=n.useMemo((function(){try{var e=d.parseColor(E);return y(y({},e),{},{a:W?e.a:1})}catch(e){return d.parseColor(d.defaultColor)}}),[E,W]),H=n.useState(!1),V=v.default(H,2),_=V[0],Z=V[1],J=n.useRef(null),Q=n.useRef(null),X=n.useState(!0),Y=v.default(X,2),$=Y[0],ee=Y[1],oe=n.useState(null),se=v.default(oe,2),ne=se[0],ce=se[1],re=n.useState(U),ie=v.default(re,2),te=ie[0],ue=ie[1],ae=n.useRef(null),le=n.useMemo((function(){return"corva-color-picker-".concat(i.v4())}),[]),me="".concat(le,"-opacity-input"),pe="".concat(le,"-label"),de="".concat(le,"-opacity-label"),je=Boolean(C),qe=n.useCallback((function(){Z(!0),null==A||A()}),[A]),fe=n.useCallback((function(e){e.preventDefault(),ce(null),qe()}),[qe]),be=n.useCallback((function(){ce(null),qe()}),[qe]),Ie=n.useCallback((function(e){N||"Enter"!==e.key&&" "!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),ce("palette"),qe())}),[N,qe]),he=n.useCallback((function(){var e,o,s=!(null===(e=ae.current)||void 0===e||!e.contains(document.activeElement));(ce(null),Z(!1),null==w||w(),s)&&(null===(o=Q.current)||void 0===o||o.focus({preventScroll:!0}))}),[w]),ve=n.useCallback((function(e){ce(0===e.detail?"palette":null),ee(!0)}),[]),Ce=n.useCallback((function(e){ce(0===e.detail?"picker":null),ee(!1)}),[]),ke=n.useCallback((function(){return ce(null)}),[]),xe=n.useCallback((function(e){return ue(e.rgb)}),[]),ye=n.useCallback((function(e){var o="hex"===s?d.channelsToHex(e,W):d.channelsToRgba(e,W);null==R||R(o)}),[s,R,W]),ge=n.useCallback((function(e){ue(e),ye(e)}),[ye]),Oe=q.useChromePickerAccessibility({color:te,enableAlpha:W,isActive:!$,onChange:ge}),Pe=Oe.pickerRef,De=Oe.onKeyDown;n.useEffect((function(){var e;if("picker"===ne&&!$){var o=null===(e=Pe.current)||void 0===e?void 0:e.querySelector('[data-color-picker-control="saturation"]');o&&(o.focus({preventScroll:!0}),ke())}}),[ke,ne,$,Pe]);var Fe=n.useCallback((function(e){var o=Number(e);if(!(Number.isNaN(o)||o<0||o>100)){var s=y(y({},U),{},{a:o/100});ye(s)}}),[U,ye]),Ne=n.useCallback((function(e){ye(e.rgb)}),[ye]),Se=n.useCallback((function(e){var o=U.a||1,s=W&&0===e.a?0:o;ye(y(y({},e),{},{a:s}))}),[ye,U.a,W]),Te=n.useCallback((function(){setTimeout((function(){var e,o;Z(!1),null===(e=document.activeElement)||void 0===e||null===(o=e.blur)||void 0===o||o.call(e)}),0)}),[]),Ae=n.useMemo((function(){return r.throttle((function(e){var o=String(Math.round(e));Fe(o)}),100)}),[Fe]);n.useEffect((function(){ue(U)}),[U]),n.useEffect((function(){_&&ee(!0)}),[_]);var we=String(Math.round(100*te.a)),Me=(null==D?void 0:D.startsWith("top"))||(null==D?void 0:D.startsWith("bottom")),Ee=(null==D?void 0:D.startsWith("left"))||(null==D?void 0:D.startsWith("right")),Re=je?I.jsxs(I.Fragment,{children:[I.jsx("label",{id:pe,htmlFor:me,children:"string"==typeof C?I.jsx(t.TextInputNext.Label,{children:C}):C}),I.jsx("span",{id:de,hidden:!0,children:"Opacity"})]}):void 0,Be=n.useMemo((function(){return je?{id:me,"aria-labelledby":"".concat(pe," ").concat(de)}:{id:me,"aria-label":"Opacity"}}),[je,me,pe,de]);return I.jsxs(I.Fragment,{children:[I.jsx(t.TextInputNext,{label:Re,labelPlacement:O,disabled:N,size:T,rootTagName:"div",prefix:I.jsxs(I.Fragment,{children:[I.jsxs("div",{className:f.fakeValue,children:[we,I.jsx("span",{className:f.fakeValuePercent,children:"%"})]}),I.jsx("div",{ref:Q,className:k.default(f.indicator,0===te.a&&f.transparent,G.indicator),style:{"--corvaui-colorpicker-indicatorcolor":d.channelsToHex(te,!1)},onClick:N?void 0:fe,onKeyDown:Ie,role:"button","aria-label":je?void 0:"Color picker","aria-labelledby":je?pe:void 0,"aria-expanded":_,"aria-disabled":N,tabIndex:N?-1:0})]}),suffix:!_&&W&&!B&&!N&&I.jsx(j.OpacityDragTracker,{value:Number(we),onDrag:Ae,onDragEnd:Te}),className:k.default(f.root,g[T],!W&&f.noAlpha,h),testId:F,inputContainerRef:J,value:we,onChange:Fe,onFocus:be,inputType:"number",inputMode:"numeric",htmlAttributes:Be,elementsClassNames:K}),I.jsxs(u.Popover,{ref:ae,anchorEl:J.current,open:_,onClose:he,placement:D,className:k.default(f.popover,Me&&f.marginVertical,Ee&&f.marginHorizontal,0===te.a&&f.isTransparent,G.popover),children:[$?I.jsx(p.Swatches,{onChange:Se,value:U,addTransparent:W,autoFocus:"palette"===ne,onAutoFocus:ke}):I.jsx("div",{ref:Pe,className:f.pickerContainer,onKeyDown:De,children:I.jsx(c.ChromePicker,{color:te,onChange:xe,onChangeComplete:Ne,disableAlpha:!W,className:f.picker})}),I.jsxs("div",{className:f.switchButtons,children:[I.jsx(l.Tooltip,{title:"Palette",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show color palette",size:"medium",type:$?"secondary":"tertiary",onClick:ve,children:I.jsx(b.PaletteIcon,{})})}),I.jsx(l.Tooltip,{title:"Pick your own",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show custom color picker",size:"medium",type:$?"tertiary":"secondary",onClick:Ce,children:I.jsx(b.PickerIcon,{})})})]})]}),_&&W&&!B&&I.jsx(m.Popper,{open:_,anchorEl:J.current,className:f.dragTrackerPopper,placement:"right",children:I.jsx(j.OpacityDragTracker,{onDrag:Ae,onDragEnd:Te})})]})};
 //# sourceMappingURL=ColorPicker.js.map

package/cjs-bundle/componentsV2/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  CSSProperties,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ChromePicker, ColorResult } from 'react-color';\nimport { throttle } from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputNext, TextInputNextProps } from '../TextInputNext';\nimport { Popover, PopoverProps } from '../Popover';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\nimport useOutsideClick from '../../effects/useOutsideClick';\n\nimport { Swatches } from './Swatches';\nimport { channelsToHex, channelsToRgba, ColorChannels, defaultColor, parseColor } from './utils';\nimport { OpacityDragTracker } from './OpacityDragtracker';\nimport { useChromePickerAccessibility } from './useChromePickerAccessibility';\n\nimport styles from './ColorPicker.scss';\n\nimport { PaletteIcon, PickerIcon } from '~/icons';\n\nexport type ColorPickerProps = {\n  value?: string;\n  onChange?: (value: string) => void;\n\n  size?: TextInputNextProps['size'];\n  label?: TextInputNextProps['label'];\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  disabled?: boolean;\n  /**\n   * Disables drag to change opacity functinality\n   */\n  disableOpacityDrag?: boolean;\n  /**\n   * Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`\n   */\n  format?: 'rgb' | 'hex';\n  /**\n   * Allows user to control color's opacity, adds alpha channel to resulting color string\n   */\n  enableAlpha?: boolean;\n\n  popoverPlacement?: PopoverProps['placement'];\n\n  onOpen?: () => void;\n  onClose?: () => void;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ColorPickerProps>['size'], string> = {\n  small: styles.small,\n  medium: styles.medium,\n  large: styles.large,\n};\n\nconst elementsClassNames: TextInputNextProps['elementsClassNames'] = {\n  inputContainer: styles.inputContainer,\n  numberStepButtons: styles.numberStepButtons,\n  prefix: styles.prefixContainer,\n  suffix: styles.suffixContainer,\n  input: styles.input,\n  label: styles.label,\n};\n\ntype FocusTarget = 'palette' | 'picker';\n\nexport const ColorPicker = ({\n  format = 'hex',\n  className,\n  label,\n  labelPlacement = 'top',\n  popoverPlacement = 'bottom-start',\n  testId,\n  disabled,\n  size = 'small',\n  onOpen,\n  onClose,\n  value = defaultColor,\n  onChange,\n  disableOpacityDrag,\n  enableAlpha = false,\n}: ColorPickerProps) => {\n  const valueChannels = useMemo(() => {\n    try {\n      const channels = parseColor(value);\n\n      return { ...channels, a: enableAlpha ? channels.a : 1 };\n    } catch (_) {\n      return parseColor(defaultColor);\n    }\n  }, [value, enableAlpha]);\n\n  const [isMenuOpen, setIsOpen] = useState(false);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const indicatorRef = useRef<HTMLDivElement>(null);\n  const [isSwatches, setIsSwatches] = useState(true);\n  const [focusTarget, setFocusTarget] = useState<FocusTarget | null>(null);\n  const [internalValue, setInternalValue] = useState<ColorChannels>(valueChannels);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const accessibilityId = useMemo(() => `corva-color-picker-${uuidv4()}`, []);\n  const inputId = `${accessibilityId}-opacity-input`;\n  const labelId = `${accessibilityId}-label`;\n  const opacityLabelId = `${accessibilityId}-opacity-label`;\n  const hasLabel = Boolean(label);\n\n  const openMenu = useCallback(() => {\n    setIsOpen(true);\n    onOpen?.();\n  }, [onOpen]);\n\n  const openMenuSwatch = useCallback<MouseEventHandler>(\n    e => {\n      e.preventDefault();\n      setFocusTarget(null);\n      openMenu();\n    },\n    [openMenu]\n  );\n\n  const openMenuFocus = useCallback(() => {\n    setFocusTarget(null);\n    openMenu();\n  }, [openMenu]);\n\n  const openMenuKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    event => {\n      if (!disabled && (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown')) {\n        event.preventDefault();\n        setFocusTarget('palette');\n        openMenu();\n      }\n    },\n    [disabled, openMenu]\n  );\n\n  const closeMenu = useCallback(() => {\n    const isFocusInPopover = !!popoverRef.current?.contains(document.activeElement);\n\n    setFocusTarget(null);\n    setIsOpen(false);\n    onClose?.();\n\n    // Return focus to the trigger so keyboard flow is not lost after Escape/outside dismiss\n    if (isFocusInPopover) {\n      indicatorRef.current?.focus({ preventScroll: true });\n    }\n  }, [onClose]);\n\n  const setSwatches = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'palette' : null);\n    setIsSwatches(true);\n  }, []);\n\n  const setPicker = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'picker' : null);\n    setIsSwatches(false);\n  }, []);\n\n  const clearFocusTarget = useCallback(() => setFocusTarget(null), []);\n\n  const onInternalValueChange = useCallback(\n    (color: ColorResult) => setInternalValue(color.rgb),\n    []\n  );\n\n  const onActualChange = useCallback(\n    (color: ColorChannels) => {\n      const formatted =\n        format === 'hex' ? channelsToHex(color, enableAlpha) : channelsToRgba(color, enableAlpha);\n      onChange?.(formatted);\n    },\n    [format, onChange, enableAlpha]\n  );\n\n  const onKeyboardPickerChange = useCallback(\n    (color: ColorChannels) => {\n      setInternalValue(color);\n      onActualChange(color);\n    },\n    [onActualChange]\n  );\n\n  const { pickerRef, onKeyDown: onPickerKeyDown } = useChromePickerAccessibility({\n    color: internalValue,\n    enableAlpha,\n    isActive: !isSwatches,\n    onChange: onKeyboardPickerChange,\n  });\n\n  useEffect(() => {\n    if (focusTarget !== 'picker' || isSwatches) {\n      return;\n    }\n\n    const firstControl = pickerRef.current?.querySelector<HTMLElement>(\n      '[data-color-picker-control=\"saturation\"]'\n    );\n\n    if (firstControl) {\n      firstControl.focus({ preventScroll: true });\n      clearFocusTarget();\n    }\n  }, [clearFocusTarget, focusTarget, isSwatches, pickerRef]);\n\n  const onOpacityInputChange = useCallback(\n    (opacityString: string) => {\n      const opacityNumber = Number(opacityString);\n\n      if (Number.isNaN(opacityNumber) || opacityNumber < 0 || opacityNumber > 100) {\n        return;\n      }\n\n      const color = { ...valueChannels, a: opacityNumber / 100 };\n      onActualChange(color);\n    },\n    [valueChannels, onActualChange]\n  );\n\n  const pickerOnChange = useCallback(\n    (color: ColorResult) => {\n      onActualChange(color.rgb);\n    },\n    [onActualChange]\n  );\n\n  const swatchOnChange = useCallback(\n    (color: ColorChannels) => {\n      const nonZeroAlpha = valueChannels.a || 1;\n      const alpha = enableAlpha && color.a === 0 ? 0 : nonZeroAlpha;\n      onActualChange({ ...color, a: alpha });\n    },\n    [onActualChange, valueChannels.a, enableAlpha]\n  );\n\n  // Prevents focus on opacity drag end\n  const onOpacityDragEnd = useCallback(() => {\n    setTimeout(() => {\n      setIsOpen(false);\n      (document.activeElement as HTMLElement | null)?.blur?.();\n    }, 0);\n  }, []);\n\n  const onOpacityDrag = useMemo(\n    () =>\n      throttle((percent: number) => {\n        const newFieldValue = String(Math.round(percent));\n        onOpacityInputChange(newFieldValue);\n      }, 100),\n    [onOpacityInputChange]\n  );\n\n  useEffect(() => {\n    setInternalValue(valueChannels);\n  }, [valueChannels]);\n\n  useEffect(() => {\n    if (isMenuOpen) {\n      setIsSwatches(true);\n    }\n  }, [isMenuOpen]);\n\n  useOutsideClick(popoverRef, closeMenu, [inputContainerRef.current]);\n\n  const inputValue = String(Math.round(internalValue.a * 100));\n\n  const hasVerticalMargin =\n    popoverPlacement?.startsWith('top') || popoverPlacement?.startsWith('bottom');\n  const hasHorizontalMargin =\n    popoverPlacement?.startsWith('left') || popoverPlacement?.startsWith('right');\n  const accessibleLabel = hasLabel ? (\n    <>\n      <label id={labelId} htmlFor={inputId}>\n        {typeof label === 'string' ? <TextInputNext.Label>{label}</TextInputNext.Label> : label}\n      </label>\n      <span id={opacityLabelId} hidden>\n        Opacity\n      </span>\n    </>\n  ) : undefined;\n  const inputHtmlAttributes: TextInputNextProps['htmlAttributes'] = useMemo(\n    () =>\n      hasLabel\n        ? {\n            id: inputId,\n            'aria-labelledby': `${labelId} ${opacityLabelId}`,\n          }\n        : {\n            id: inputId,\n            'aria-label': 'Opacity',\n          },\n    [hasLabel, inputId, labelId, opacityLabelId]\n  );\n\n  return (\n    <>\n      <TextInputNext\n        label={accessibleLabel}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n        size={size}\n        rootTagName=\"div\"\n        prefix={\n          <>\n            <div className={styles.fakeValue}>\n              {inputValue}\n              <span className={styles.fakeValuePercent}>%</span>\n            </div>\n\n            <div\n              ref={indicatorRef}\n              className={classNames(styles.indicator, internalValue.a === 0 && styles.transparent)}\n              style={\n                {\n                  '--corvaui-colorpicker-indicatorcolor': channelsToHex(internalValue, false),\n                } as CSSProperties\n              }\n              onClick={disabled ? undefined : openMenuSwatch}\n              onKeyDown={openMenuKeyDown}\n              role=\"button\"\n              aria-label={hasLabel ? undefined : 'Color picker'}\n              aria-labelledby={hasLabel ? labelId : undefined}\n              aria-expanded={isMenuOpen}\n              aria-disabled={disabled}\n              tabIndex={disabled ? -1 : 0}\n            />\n          </>\n        }\n        suffix={\n          enableAlpha &&\n          !disableOpacityDrag &&\n          !disabled && (\n            <OpacityDragTracker\n              value={Number(inputValue)}\n              onDrag={onOpacityDrag}\n              onDragEnd={onOpacityDragEnd}\n            />\n          )\n        }\n        className={classNames(\n          styles.root,\n          SizeToClassMap[size],\n          !enableAlpha && styles.noAlpha,\n          className\n        )}\n        testId={testId}\n        inputContainerRef={inputContainerRef}\n        value={inputValue}\n        onChange={onOpacityInputChange}\n        onFocus={openMenuFocus}\n        inputType=\"number\"\n        inputMode=\"numeric\"\n        htmlAttributes={inputHtmlAttributes}\n        elementsClassNames={elementsClassNames}\n      />\n\n      <Popover\n        ref={popoverRef}\n        anchorEl={inputContainerRef.current}\n        open={isMenuOpen}\n        onClose={closeMenu}\n        placement={popoverPlacement}\n        className={classNames(\n          styles.popover,\n          hasVerticalMargin && styles.marginVertical,\n          hasHorizontalMargin && styles.marginHorizontal,\n          internalValue.a === 0 && styles.isTransparent\n        )}\n        backdrop={false}\n      >\n        {isSwatches ? (\n          <Swatches\n            onChange={swatchOnChange}\n            value={valueChannels}\n            addTransparent={enableAlpha}\n            autoFocus={focusTarget === 'palette'}\n            onAutoFocus={clearFocusTarget}\n          />\n        ) : (\n          <div ref={pickerRef} className={styles.pickerContainer} onKeyDown={onPickerKeyDown}>\n            <ChromePicker\n              color={internalValue}\n              onChange={onInternalValueChange}\n              onChangeComplete={pickerOnChange}\n              disableAlpha={!enableAlpha}\n              className={styles.picker}\n            />\n          </div>\n        )}\n        <div className={styles.switchButtons}>\n          <Tooltip title=\"Palette\">\n            <ButtonIcon\n              ariaLabel=\"Show color palette\"\n              size=\"medium\"\n              type={isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setSwatches}\n            >\n              <PaletteIcon />\n            </ButtonIcon>\n          </Tooltip>\n          <Tooltip title=\"Pick your own\">\n            <ButtonIcon\n              ariaLabel=\"Show custom color picker\"\n              size=\"medium\"\n              type={!isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setPicker}\n            >\n              <PickerIcon />\n            </ButtonIcon>\n          </Tooltip>\n        </div>\n      </Popover>\n    </>\n  );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","elementsClassNames","inputContainer","numberStepButtons","prefix","prefixContainer","suffix","suffixContainer","input","label","_ref","_ref$format","format","className","_ref$labelPlacement","labelPlacement","_ref$popoverPlacement","popoverPlacement","testId","disabled","_ref$size","size","onOpen","onClose","_ref$value","value","defaultColor","onChange","disableOpacityDrag","_ref$enableAlpha","enableAlpha","valueChannels","useMemo","channels","parseColor","_objectSpread","a","_","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsOpen","inputContainerRef","useRef","indicatorRef","_useState4","_useState3","isSwatches","setIsSwatches","_useState6","_useState5","focusTarget","setFocusTarget","_useState8","_useState7","internalValue","setInternalValue","popoverRef","accessibilityId","concat","uuidv4","v4","inputId","labelId","opacityLabelId","hasLabel","Boolean","openMenu","useCallback","openMenuSwatch","e","preventDefault","openMenuFocus","openMenuKeyDown","event","key","closeMenu","_popoverRef$current","_indicatorRef$current","isFocusInPopover","current","contains","document","activeElement","focus","preventScroll","setSwatches","detail","setPicker","clearFocusTarget","onInternalValueChange","color","rgb","onActualChange","formatted","channelsToHex","channelsToRgba","onKeyboardPickerChange","_useChromePickerAcces","useChromePickerAccessibility","isActive","pickerRef","onPickerKeyDown","onKeyDown","useEffect","_pickerRef$current","firstControl","querySelector","onOpacityInputChange","opacityString","opacityNumber","Number","isNaN","pickerOnChange","swatchOnChange","nonZeroAlpha","alpha","onOpacityDragEnd","setTimeout","_document$activeEleme","_document$activeEleme2","blur","call","onOpacityDrag","throttle","percent","newFieldValue","String","Math","round","useOutsideClick","inputValue","hasVerticalMargin","startsWith","hasHorizontalMargin","accessibleLabel","_jsxs","jsxs","_Fragment","children","_jsx","jsx","id","htmlFor","TextInputNext","Label","hidden","undefined","inputHtmlAttributes","rootTagName","fakeValue","fakeValuePercent","ref","classNames","indicator","transparent","style","onClick","role","tabIndex","OpacityDragTracker","onDrag","onDragEnd","root","noAlpha","onFocus","inputType","inputMode","htmlAttributes","Popover","anchorEl","open","placement","popover","marginVertical","marginHorizontal","isTransparent","backdrop","Swatches","addTransparent","autoFocus","onAutoFocus","pickerContainer","ChromePicker","onChangeComplete","disableAlpha","picker","switchButtons","Tooltip","title","ButtonIcon","ariaLabel","type","PaletteIcon","PickerIcon"],"mappings":"osKA4DA,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGVC,EAA+D,CACnEC,eAAgBJ,EAAOI,eACvBC,kBAAmBL,EAAOK,kBAC1BC,OAAQN,EAAOO,gBACfC,OAAQR,EAAOS,gBACfC,MAAOV,EAAOU,MACdC,MAAOX,EAAOW,2BAKW,SAeHC,GAAA,IAAAC,EAAAD,EAdtBE,OAAAA,aAAS,MAAKD,EACdE,IAAAA,UACAJ,IAAAA,MAAKK,EAAAJ,EACLK,eAAAA,aAAiB,MAAKD,EAAAE,EAAAN,EACtBO,iBAAAA,aAAmB,eAAcD,EACjCE,IAAAA,OACAC,IAAAA,SAAQC,EAAAV,EACRW,KAAAA,aAAO,QAAOD,EACdE,IAAAA,OACAC,IAAAA,QAAOC,EAAAd,EACPe,MAAAA,aAAQC,EAAYA,aAAAF,EACpBG,IAAAA,SACAC,IAAAA,mBAAkBC,EAAAnB,EAClBoB,YAAAA,cAAmBD,EAEbE,EAAgBC,EAAAA,SAAQ,WAC5B,IACE,IAAMC,EAAWC,aAAWT,GAE5B,OAAAU,EAAAA,EAAA,CAAA,EAAYF,GAAQ,CAAA,EAAA,CAAEG,EAAGN,EAAcG,EAASG,EAAI,GAGtD,CAFE,MAAOC,GACP,OAAOH,EAAAA,WAAWR,EAAAA,aACpB,CACF,GAAG,CAACD,EAAOK,IAEqBQ,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAxCC,EAAUH,EAAA,GAAEI,EAASJ,EAAA,GACtBK,EAAoBC,SAAuB,MAC3CC,EAAeD,SAAuB,MACRP,EAAAA,EAAQA,UAAC,GAAKS,EAAAP,EAAAA,QAAAQ,EAAA,GAA3CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GACMT,EAAAA,EAAQA,SAAqB,MAAKa,GAAAX,EAAAA,QAAAY,EAAA,GAAjEC,GAAWF,GAAA,GAAEG,GAAcH,GAAA,GACQb,GAAAA,EAAQA,SAAgBP,GAAcwB,GAAAf,EAAAA,QAAAgB,GAAA,GAAzEC,GAAaF,GAAA,GAAEG,GAAgBH,GAAA,GAChCI,GAAad,SAAuB,MACpCe,GAAkB5B,EAAAA,SAAQ,WAAA,MAAA,sBAAA6B,OAA4BC,EAAMC,KAAI,GAAE,IAClEC,GAAaJ,GAAAA,OAAAA,GAA+B,kBAC5CK,GAAaL,GAAAA,OAAAA,GAAuB,UACpCM,GAAoBN,GAAAA,OAAAA,GAA+B,kBACnDO,GAAWC,QAAQ3D,GAEnB4D,GAAWC,EAAAA,aAAY,WAC3B3B,GAAU,GACVrB,SAAAA,GACF,GAAG,CAACA,IAEEiD,GAAiBD,eACrB,SAAAE,GACEA,EAAEC,iBACFnB,GAAe,MACfe,IACF,GACA,CAACA,KAGGK,GAAgBJ,EAAAA,aAAY,WAChChB,GAAe,MACfe,IACF,GAAG,CAACA,KAEEM,GAAkBL,eACtB,SAAAM,GACOzD,GAA2B,UAAdyD,EAAMC,KAAiC,MAAdD,EAAMC,KAA6B,cAAdD,EAAMC,MACpED,EAAMH,iBACNnB,GAAe,WACfe,KAEJ,GACA,CAAClD,EAAUkD,KAGPS,GAAYR,EAAAA,aAAY,WAAM,IAAAS,EAQZC,EAPhBC,IAAqB,QAADF,EAACpB,GAAWuB,eAAX,IAAAH,IAAAA,EAAoBI,SAASC,SAASC,iBAEjE/B,GAAe,MACfX,GAAU,GACVpB,SAAAA,IAGI0D,KACF,QAAAD,EAAAlC,EAAaoC,eAAb,IAAAF,GAAAA,EAAsBM,MAAM,CAAEC,eAAe,IAEjD,GAAG,CAAChE,IAEEiE,GAAclB,eAAkD,SAAAM,GACpEtB,GAAgC,IAAjBsB,EAAMa,OAAe,UAAY,MAChDvC,GAAc,EACf,GAAE,IAEGwC,GAAYpB,eAAkD,SAAAM,GAClEtB,GAAgC,IAAjBsB,EAAMa,OAAe,SAAW,MAC/CvC,GAAc,EACf,GAAE,IAEGyC,GAAmBrB,EAAAA,aAAY,WAAA,OAAMhB,GAAe,KAAK,GAAE,IAE3DsC,GAAwBtB,eAC5B,SAACuB,GAAkB,OAAKnC,GAAiBmC,EAAMC,IAAI,GACnD,IAGIC,GAAiBzB,eACrB,SAACuB,GACC,IAAMG,EACO,QAAXpF,EAAmBqF,gBAAcJ,EAAO/D,GAAeoE,EAAcA,eAACL,EAAO/D,GAC/EH,SAAAA,EAAWqE,EACZ,GACD,CAACpF,EAAQe,EAAUG,IAGfqE,GAAyB7B,eAC7B,SAACuB,GACCnC,GAAiBmC,GACjBE,GAAeF,EACjB,GACA,CAACE,KAGHK,GAAkDC,EAAAA,6BAA6B,CAC7ER,MAAOpC,GACP3B,YAAAA,EACAwE,UAAWrD,EACXtB,SAAUwE,KAJJI,MAAAA,UAAsBC,MAAXC,UAOnBC,EAAAA,WAAU,WAAM,IAAAC,EACd,GAAoB,WAAhBtD,KAA4BJ,EAAhC,CAIA,IAAM2D,UAAeL,EAAAA,GAAUrB,4BAAVyB,EAAmBE,cACtC,4CAGED,IACFA,EAAatB,MAAM,CAAEC,eAAe,IACpCI,KARF,CAUD,GAAE,CAACA,GAAkBtC,GAAaJ,EAAYsD,KAE/C,IAAMO,GAAuBxC,eAC3B,SAACyC,GACC,IAAMC,EAAgBC,OAAOF,GAE7B,KAAIE,OAAOC,MAAMF,IAAkBA,EAAgB,GAAKA,EAAgB,KAAxE,CAIA,IAAMnB,SAAa9D,GAAa,GAAA,CAAEK,EAAG4E,EAAgB,MACrDjB,GAAeF,EAHf,CAIF,GACA,CAAC9D,EAAegE,KAGZoB,GAAiB7C,eACrB,SAACuB,GACCE,GAAeF,EAAMC,IACvB,GACA,CAACC,KAGGqB,GAAiB9C,eACrB,SAACuB,GACC,IAAMwB,EAAetF,EAAcK,GAAK,EAClCkF,EAAQxF,GAA2B,IAAZ+D,EAAMzD,EAAU,EAAIiF,EACjDtB,UAAoBF,GAAK,CAAA,EAAA,CAAEzD,EAAGkF,IAC/B,GACD,CAACvB,GAAgBhE,EAAcK,EAAGN,IAI9ByF,GAAmBjD,EAAAA,aAAY,WACnCkD,YAAW,WAAM,IAAAC,EAAAC,EACf/E,GAAU,WACV8E,EAACrC,SAASC,sCAAVoC,EAAgDE,mBAAhDD,EAAwDE,KAAAH,EACzD,GAAE,EACJ,GAAE,IAEGI,GAAgB7F,EAAAA,SACpB,WAAA,OACE8F,EAAAA,UAAS,SAACC,GACR,IAAMC,EAAgBC,OAAOC,KAAKC,MAAMJ,IACxCjB,GAAqBkB,EACtB,GAAE,OACL,CAAClB,KAGHJ,EAAAA,WAAU,WACRhD,GAAiB3B,EACnB,GAAG,CAACA,IAEJ2E,EAAAA,WAAU,WACJhE,GACFQ,GAAc,EAElB,GAAG,CAACR,IAEJ0F,EAAgBzE,GAAYmB,GAAW,CAAClC,EAAkBsC,UAE1D,IAAMmD,GAAaJ,OAAOC,KAAKC,MAAwB,IAAlB1E,GAAcrB,IAE7CkG,IACJrH,aAAgB,EAAhBA,EAAkBsH,WAAW,UAAUtH,aAAgB,EAAhBA,EAAkBsH,WAAW,WAChEC,IACJvH,aAAgB,EAAhBA,EAAkBsH,WAAW,WAAWtH,aAAgB,EAAhBA,EAAkBsH,WAAW,UACjEE,GAAkBtE,GACtBuE,EAAAC,KAAAC,WAAA,CAAAC,SACE,CAAAC,EAAAC,IAAA,QAAA,CAAOC,GAAI/E,GAASgF,QAASjF,GAAQ6E,SACjB,iBAAVpI,EAAqBqI,EAAAA,IAACI,EAAAA,cAAcC,MAAK,CAAAN,SAAEpI,IAA+BA,IAEpFqI,EAAAC,IAAA,OAAA,CAAMC,GAAI9E,GAAgBkF,QAAM,EAAAP,SAAA,oBAIhCQ,EACEC,GAA4DtH,EAAAA,SAChE,WAAA,OACEmC,GACI,CACE6E,GAAIhF,GACJ,kBAAiB,GAAAH,OAAKI,GAAO,KAAAJ,OAAIK,KAEnC,CACE8E,GAAIhF,GACJ,aAAc,UAEtB,GAAA,CAACG,GAAUH,GAASC,GAASC,KAG/B,OACEwE,EAAAA,KAAAE,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACI,gBAAa,CACZzI,MAAOgI,GACP1H,eAAgBA,EAChBI,SAAUA,EACVE,KAAMA,EACNkI,YAAY,MACZnJ,OACEsI,EAAAC,KAAAC,WAAA,CAAAC,SACE,CAAAH,EAAAC,KAAA,MAAA,CAAK9H,UAAWf,EAAO0J,UAAUX,SAAA,CAC9BR,GACDS,EAAAC,IAAA,OAAA,CAAMlI,UAAWf,EAAO2J,iBAAiBZ,SAAA,SAG3CC,EAAAC,IAAA,MAAA,CACEW,IAAK5G,EACLjC,UAAW8I,EAAAA,QAAW7J,EAAO8J,UAA+B,IAApBnG,GAAcrB,GAAWtC,EAAO+J,aACxEC,MACE,CACE,uCAAwC7D,EAAAA,cAAcxC,IAAe,IAGzEsG,QAAS5I,OAAWkI,EAAY9E,GAChCkC,UAAW9B,GACXqF,KAAK,SACL,aAAY7F,QAAWkF,EAAY,eACnC,kBAAiBlF,GAAWF,QAAUoF,EACtC,gBAAe3G,EACf,gBAAevB,EACf8I,SAAU9I,GAAY,EAAI,OAIhCb,OACEwB,IACCF,IACAT,GACC2H,EAAAC,IAACmB,qBAAkB,CACjBzI,MAAOwF,OAAOoB,IACd8B,OAAQtC,GACRuC,UAAW7C,KAIjB1G,UAAW8I,EAAU,QACnB7J,EAAOuK,KACPzK,EAAeyB,IACdS,GAAehC,EAAOwK,QACvBzJ,GAEFK,OAAQA,EACR0B,kBAAmBA,EACnBnB,MAAO4G,GACP1G,SAAUmF,GACVyD,QAAS7F,GACT8F,UAAU,SACVC,UAAU,UACVC,eAAgBpB,GAChBrJ,mBAAoBA,IAGtByI,OAACiC,UAAO,CACNjB,IAAK/F,GACLiH,SAAUhI,EAAkBsC,QAC5B2F,KAAMnI,EACNnB,QAASuD,GACTgG,UAAW7J,EACXJ,UAAW8I,EAAU,QACnB7J,EAAOiL,QACPzC,IAAqBxI,EAAOkL,eAC5BxC,IAAuB1I,EAAOmL,iBACV,IAApBxH,GAAcrB,GAAWtC,EAAOoL,eAElCC,UAAU,EAAMtC,SAEf5F,CAAAA,EACC6F,EAAAC,IAACqC,WAAQ,CACPzJ,SAAUyF,GACV3F,MAAOM,EACPsJ,eAAgBvJ,EAChBwJ,UAA2B,YAAhBjI,GACXkI,YAAa5F,KAGfmD,EAAAC,IAAA,MAAA,CAAKW,IAAKnD,GAAW1F,UAAWf,EAAO0L,gBAAiB/E,UAAWD,GAAgBqC,SACjFC,MAAC2C,eAAY,CACX5F,MAAOpC,GACP9B,SAAUiE,GACV8F,iBAAkBvE,GAClBwE,cAAe7J,EACfjB,UAAWf,EAAO8L,WAIxBlD,EAAAC,KAAA,MAAA,CAAK9H,UAAWf,EAAO+L,cAAchD,SAAA,CACnCC,MAACgD,UAAO,CAACC,MAAM,UAASlD,SACtBC,MAACkD,aAAU,CACTC,UAAU,qBACV5K,KAAK,SACL6K,KAAMjJ,EAAa,YAAc,WACjC8G,QAASvE,GAAYqD,SAErBC,EAAAA,IAACqD,EAAWA,YAAA,QAGhBrD,MAACgD,UAAO,CAACC,MAAM,gBAAelD,SAC5BC,MAACkD,aAAU,CACTC,UAAU,2BACV5K,KAAK,SACL6K,KAAOjJ,EAA2B,WAAd,YACpB8G,QAASrE,GAAUmD,SAEnBC,EAAAA,IAACsD,EAAUA,WAAA,gBAOzB"}
+{"version":3,"file":"ColorPicker.js","sources":["../../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  CSSProperties,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ChromePicker, ColorResult } from 'react-color';\nimport { throttle } from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputNext, TextInputNextProps } from '../TextInputNext';\nimport { Popover, PopoverProps } from '../Popover';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\nimport { Popper } from '../Popper';\n\nimport { Swatches } from './Swatches';\nimport { channelsToHex, channelsToRgba, ColorChannels, defaultColor, parseColor } from './utils';\nimport { OpacityDragTracker } from './OpacityDragtracker';\nimport { useChromePickerAccessibility } from './useChromePickerAccessibility';\n\nimport styles from './ColorPicker.scss';\n\nimport { PaletteIcon, PickerIcon } from '~/icons';\n\nexport type ColorPickerProps = {\n  value?: string;\n  onChange?: (value: string) => void;\n\n  size?: TextInputNextProps['size'];\n  label?: TextInputNextProps['label'];\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  disabled?: boolean;\n  /**\n   * Disables drag to change opacity functinality\n   */\n  disableOpacityDrag?: boolean;\n  /**\n   * Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`\n   */\n  format?: 'rgb' | 'hex';\n  /**\n   * Allows user to control color's opacity, adds alpha channel to resulting color string\n   */\n  enableAlpha?: boolean;\n\n  popoverPlacement?: PopoverProps['placement'];\n\n  onOpen?: () => void;\n  onClose?: () => void;\n\n  elementsClassNames?: Partial<\n    Omit<\n      Required<TextInputNextProps>['elementsClassNames'],\n      'message' | 'numberStepButtons' | 'prefix' | 'suffix'\n    > &\n      Record<'indicator' | 'popover', string>\n  >;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ColorPickerProps>['size'], string> = {\n  small: styles.small,\n  medium: styles.medium,\n  large: styles.large,\n};\n\ntype FocusTarget = 'palette' | 'picker';\n\nexport const ColorPicker = ({\n  format = 'hex',\n  className,\n  label,\n  labelPlacement = 'top',\n  popoverPlacement = 'bottom-start',\n  testId,\n  disabled,\n  size = 'small',\n  onOpen,\n  onClose,\n  value = defaultColor,\n  onChange,\n  disableOpacityDrag,\n  enableAlpha = false,\n  elementsClassNames = {},\n}: ColorPickerProps) => {\n  const inputElementsClassNames = useMemo<TextInputNextProps['elementsClassNames']>(\n    () => ({\n      input: classNames(styles.input, elementsClassNames.input),\n      inputContainer: classNames(styles.inputContainer, elementsClassNames.inputContainer),\n      label: classNames(styles.label, elementsClassNames.label),\n      prefix: styles.prefixContainer,\n      suffix: styles.suffixContainer,\n      numberStepButtons: styles.numberStepButtons,\n    }),\n    [elementsClassNames.input, elementsClassNames.inputContainer, elementsClassNames.label]\n  );\n\n  const valueChannels = useMemo(() => {\n    try {\n      const channels = parseColor(value);\n\n      return { ...channels, a: enableAlpha ? channels.a : 1 };\n    } catch (_) {\n      return parseColor(defaultColor);\n    }\n  }, [value, enableAlpha]);\n\n  const [isMenuOpen, setIsOpen] = useState(false);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const indicatorRef = useRef<HTMLDivElement>(null);\n  const [isSwatches, setIsSwatches] = useState(true);\n  const [focusTarget, setFocusTarget] = useState<FocusTarget | null>(null);\n  const [internalValue, setInternalValue] = useState<ColorChannels>(valueChannels);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const accessibilityId = useMemo(() => `corva-color-picker-${uuidv4()}`, []);\n  const inputId = `${accessibilityId}-opacity-input`;\n  const labelId = `${accessibilityId}-label`;\n  const opacityLabelId = `${accessibilityId}-opacity-label`;\n  const hasLabel = Boolean(label);\n\n  const openMenu = useCallback(() => {\n    setIsOpen(true);\n    onOpen?.();\n  }, [onOpen]);\n\n  const openMenuSwatch = useCallback<MouseEventHandler>(\n    e => {\n      e.preventDefault();\n      setFocusTarget(null);\n      openMenu();\n    },\n    [openMenu]\n  );\n\n  const openMenuFocus = useCallback(() => {\n    setFocusTarget(null);\n    openMenu();\n  }, [openMenu]);\n\n  const openMenuKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    event => {\n      if (!disabled && (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown')) {\n        event.preventDefault();\n        setFocusTarget('palette');\n        openMenu();\n      }\n    },\n    [disabled, openMenu]\n  );\n\n  const closeMenu = useCallback(() => {\n    const isFocusInPopover = !!popoverRef.current?.contains(document.activeElement);\n\n    setFocusTarget(null);\n    setIsOpen(false);\n    onClose?.();\n\n    // Return focus to the trigger so keyboard flow is not lost after Escape/outside dismiss\n    if (isFocusInPopover) {\n      indicatorRef.current?.focus({ preventScroll: true });\n    }\n  }, [onClose]);\n\n  const setSwatches = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'palette' : null);\n    setIsSwatches(true);\n  }, []);\n\n  const setPicker = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'picker' : null);\n    setIsSwatches(false);\n  }, []);\n\n  const clearFocusTarget = useCallback(() => setFocusTarget(null), []);\n\n  const onInternalValueChange = useCallback(\n    (color: ColorResult) => setInternalValue(color.rgb),\n    []\n  );\n\n  const onActualChange = useCallback(\n    (color: ColorChannels) => {\n      const formatted =\n        format === 'hex' ? channelsToHex(color, enableAlpha) : channelsToRgba(color, enableAlpha);\n      onChange?.(formatted);\n    },\n    [format, onChange, enableAlpha]\n  );\n\n  const onKeyboardPickerChange = useCallback(\n    (color: ColorChannels) => {\n      setInternalValue(color);\n      onActualChange(color);\n    },\n    [onActualChange]\n  );\n\n  const { pickerRef, onKeyDown: onPickerKeyDown } = useChromePickerAccessibility({\n    color: internalValue,\n    enableAlpha,\n    isActive: !isSwatches,\n    onChange: onKeyboardPickerChange,\n  });\n\n  useEffect(() => {\n    if (focusTarget !== 'picker' || isSwatches) {\n      return;\n    }\n\n    const firstControl = pickerRef.current?.querySelector<HTMLElement>(\n      '[data-color-picker-control=\"saturation\"]'\n    );\n\n    if (firstControl) {\n      firstControl.focus({ preventScroll: true });\n      clearFocusTarget();\n    }\n  }, [clearFocusTarget, focusTarget, isSwatches, pickerRef]);\n\n  const onOpacityInputChange = useCallback(\n    (opacityString: string) => {\n      const opacityNumber = Number(opacityString);\n\n      if (Number.isNaN(opacityNumber) || opacityNumber < 0 || opacityNumber > 100) {\n        return;\n      }\n\n      const color = { ...valueChannels, a: opacityNumber / 100 };\n      onActualChange(color);\n    },\n    [valueChannels, onActualChange]\n  );\n\n  const pickerOnChange = useCallback(\n    (color: ColorResult) => {\n      onActualChange(color.rgb);\n    },\n    [onActualChange]\n  );\n\n  const swatchOnChange = useCallback(\n    (color: ColorChannels) => {\n      const nonZeroAlpha = valueChannels.a || 1;\n      const alpha = enableAlpha && color.a === 0 ? 0 : nonZeroAlpha;\n      onActualChange({ ...color, a: alpha });\n    },\n    [onActualChange, valueChannels.a, enableAlpha]\n  );\n\n  // Prevents focus on opacity drag end\n  const onOpacityDragEnd = useCallback(() => {\n    setTimeout(() => {\n      setIsOpen(false);\n      (document.activeElement as HTMLElement | null)?.blur?.();\n    }, 0);\n  }, []);\n\n  const onOpacityDrag = useMemo(\n    () =>\n      throttle((percent: number) => {\n        const newFieldValue = String(Math.round(percent));\n        onOpacityInputChange(newFieldValue);\n      }, 100),\n    [onOpacityInputChange]\n  );\n\n  useEffect(() => {\n    setInternalValue(valueChannels);\n  }, [valueChannels]);\n\n  useEffect(() => {\n    if (isMenuOpen) {\n      setIsSwatches(true);\n    }\n  }, [isMenuOpen]);\n\n  const inputValue = String(Math.round(internalValue.a * 100));\n\n  const hasVerticalMargin =\n    popoverPlacement?.startsWith('top') || popoverPlacement?.startsWith('bottom');\n  const hasHorizontalMargin =\n    popoverPlacement?.startsWith('left') || popoverPlacement?.startsWith('right');\n  const accessibleLabel = hasLabel ? (\n    <>\n      <label id={labelId} htmlFor={inputId}>\n        {typeof label === 'string' ? <TextInputNext.Label>{label}</TextInputNext.Label> : label}\n      </label>\n      <span id={opacityLabelId} hidden>\n        Opacity\n      </span>\n    </>\n  ) : undefined;\n  const inputHtmlAttributes: TextInputNextProps['htmlAttributes'] = useMemo(\n    () =>\n      hasLabel\n        ? {\n            id: inputId,\n            'aria-labelledby': `${labelId} ${opacityLabelId}`,\n          }\n        : {\n            id: inputId,\n            'aria-label': 'Opacity',\n          },\n    [hasLabel, inputId, labelId, opacityLabelId]\n  );\n\n  return (\n    <>\n      <TextInputNext\n        label={accessibleLabel}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n        size={size}\n        rootTagName=\"div\"\n        prefix={\n          <>\n            <div className={styles.fakeValue}>\n              {inputValue}\n              <span className={styles.fakeValuePercent}>%</span>\n            </div>\n\n            <div\n              ref={indicatorRef}\n              className={classNames(\n                styles.indicator,\n                internalValue.a === 0 && styles.transparent,\n                elementsClassNames.indicator\n              )}\n              style={\n                {\n                  '--corvaui-colorpicker-indicatorcolor': channelsToHex(internalValue, false),\n                } as CSSProperties\n              }\n              onClick={disabled ? undefined : openMenuSwatch}\n              onKeyDown={openMenuKeyDown}\n              role=\"button\"\n              aria-label={hasLabel ? undefined : 'Color picker'}\n              aria-labelledby={hasLabel ? labelId : undefined}\n              aria-expanded={isMenuOpen}\n              aria-disabled={disabled}\n              tabIndex={disabled ? -1 : 0}\n            />\n          </>\n        }\n        suffix={\n          !isMenuOpen &&\n          enableAlpha &&\n          !disableOpacityDrag &&\n          !disabled && (\n            <OpacityDragTracker\n              value={Number(inputValue)}\n              onDrag={onOpacityDrag}\n              onDragEnd={onOpacityDragEnd}\n            />\n          )\n        }\n        className={classNames(\n          styles.root,\n          SizeToClassMap[size],\n          !enableAlpha && styles.noAlpha,\n          className\n        )}\n        testId={testId}\n        inputContainerRef={inputContainerRef}\n        value={inputValue}\n        onChange={onOpacityInputChange}\n        onFocus={openMenuFocus}\n        inputType=\"number\"\n        inputMode=\"numeric\"\n        htmlAttributes={inputHtmlAttributes}\n        elementsClassNames={inputElementsClassNames}\n      />\n\n      {/* Popover backdrop is needed for ColorPicker to work better in popovers: click outside will close the ColorPicker but not the popover */}\n      <Popover\n        ref={popoverRef}\n        anchorEl={inputContainerRef.current}\n        open={isMenuOpen}\n        onClose={closeMenu}\n        placement={popoverPlacement}\n        className={classNames(\n          styles.popover,\n          hasVerticalMargin && styles.marginVertical,\n          hasHorizontalMargin && styles.marginHorizontal,\n          internalValue.a === 0 && styles.isTransparent,\n          elementsClassNames.popover\n        )}\n      >\n        {isSwatches ? (\n          <Swatches\n            onChange={swatchOnChange}\n            value={valueChannels}\n            addTransparent={enableAlpha}\n            autoFocus={focusTarget === 'palette'}\n            onAutoFocus={clearFocusTarget}\n          />\n        ) : (\n          <div ref={pickerRef} className={styles.pickerContainer} onKeyDown={onPickerKeyDown}>\n            <ChromePicker\n              color={internalValue}\n              onChange={onInternalValueChange}\n              onChangeComplete={pickerOnChange}\n              disableAlpha={!enableAlpha}\n              className={styles.picker}\n            />\n          </div>\n        )}\n        <div className={styles.switchButtons}>\n          <Tooltip title=\"Palette\">\n            <ButtonIcon\n              ariaLabel=\"Show color palette\"\n              size=\"medium\"\n              type={isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setSwatches}\n            >\n              <PaletteIcon />\n            </ButtonIcon>\n          </Tooltip>\n          <Tooltip title=\"Pick your own\">\n            <ButtonIcon\n              ariaLabel=\"Show custom color picker\"\n              size=\"medium\"\n              type={!isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setPicker}\n            >\n              <PickerIcon />\n            </ButtonIcon>\n          </Tooltip>\n        </div>\n      </Popover>\n\n      {/* Opacity Drag Tracker should work even with popover open with a backdrop */}\n      {isMenuOpen && enableAlpha && !disableOpacityDrag && (\n        <Popper\n          open={isMenuOpen}\n          anchorEl={inputContainerRef.current}\n          className={styles.dragTrackerPopper}\n          placement=\"right\"\n        >\n          <OpacityDragTracker onDrag={onOpacityDrag} onDragEnd={onOpacityDragEnd} />\n        </Popper>\n      )}\n    </>\n  );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","_ref","_ref$format","format","className","label","_ref$labelPlacement","labelPlacement","_ref$popoverPlacement","popoverPlacement","testId","disabled","_ref$size","size","onOpen","onClose","_ref$value","value","defaultColor","onChange","disableOpacityDrag","_ref$enableAlpha","enableAlpha","_ref$elementsClassNam","elementsClassNames","inputElementsClassNames","useMemo","input","classNames","inputContainer","prefix","prefixContainer","suffix","suffixContainer","numberStepButtons","valueChannels","channels","parseColor","_objectSpread","a","_","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsOpen","inputContainerRef","useRef","indicatorRef","_useState4","_useState3","isSwatches","setIsSwatches","_useState6","_useState5","focusTarget","setFocusTarget","_useState8","_useState7","internalValue","setInternalValue","popoverRef","accessibilityId","concat","uuidv4","v4","inputId","labelId","opacityLabelId","hasLabel","Boolean","openMenu","useCallback","openMenuSwatch","e","preventDefault","openMenuFocus","openMenuKeyDown","event","key","closeMenu","_popoverRef$current","_indicatorRef$current","isFocusInPopover","current","contains","document","activeElement","focus","preventScroll","setSwatches","detail","setPicker","clearFocusTarget","onInternalValueChange","color","rgb","onActualChange","formatted","channelsToHex","channelsToRgba","onKeyboardPickerChange","_useChromePickerAcces","useChromePickerAccessibility","isActive","pickerRef","onPickerKeyDown","onKeyDown","useEffect","_pickerRef$current","firstControl","querySelector","onOpacityInputChange","opacityString","opacityNumber","Number","isNaN","pickerOnChange","swatchOnChange","nonZeroAlpha","alpha","onOpacityDragEnd","setTimeout","_document$activeEleme","_document$activeEleme2","blur","call","onOpacityDrag","throttle","percent","newFieldValue","String","Math","round","inputValue","hasVerticalMargin","startsWith","hasHorizontalMargin","accessibleLabel","_jsxs","jsxs","_Fragment","children","_jsx","jsx","id","htmlFor","TextInputNext","Label","hidden","undefined","inputHtmlAttributes","rootTagName","fakeValue","fakeValuePercent","ref","indicator","transparent","style","onClick","role","tabIndex","OpacityDragTracker","onDrag","onDragEnd","root","noAlpha","onFocus","inputType","inputMode","htmlAttributes","Popover","anchorEl","open","placement","popover","marginVertical","marginHorizontal","isTransparent","Swatches","addTransparent","autoFocus","onAutoFocus","pickerContainer","ChromePicker","onChangeComplete","disableAlpha","picker","switchButtons","Tooltip","title","ButtonIcon","ariaLabel","type","PaletteIcon","PickerIcon","Popper","dragTrackerPopper"],"mappings":"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"}

package/cjs-bundle/componentsV2/ColorPicker/ColorPicker.scss.js

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.ColorPicker_root__cuK3O{pointer-events:none}.ColorPicker_root__cuK3O .ColorPicker_inputContainer__m2fxo{flex:0 0 auto;pointer-events:auto;width:var(--corvaui-colorpicker-fieldwidth)}.ColorPicker_root__cuK3O .ColorPicker_label__c3tdQ{display:table;pointer-events:auto}.ColorPicker_indicator__8cXCM{background:#fff repeating-conic-gradient(#ccc 0 25%,transparent 0 50%) 50%;background-size:4px 4px;border-radius:6px;cursor:pointer;height:var(--corvaui-colorpicker-indicatorsize);margin:-1px;overflow:hidden;position:relative;width:var(--corvaui-colorpicker-indicatorsize)}.ColorPicker_indicator__8cXCM:before{border:1px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}.ColorPicker_indicator__8cXCM:focus-visible{box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.ColorPicker_indicator__8cXCM:after{background:var(--corvaui-colorpicker-indicatorcolor);content:"";inset:0;position:absolute;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ColorPicker_transparent__qdIVz:after{opacity:0}.ColorPicker_popover__XC1n6{--corvaui-background:$palette_b8;background-color:var(--palette-background-b-8);overflow:hidden;width:230px!important}.ColorPicker_marginVertical__NvPrm{margin:8px 0}.ColorPicker_marginHorizontal__OU5sQ{margin:0 8px}.ColorPicker_switchButtons__XSdR3{display:flex;flex-flow:row nowrap;gap:4px;justify-content:center;padding:8px}.ColorPicker_numberStepButtons__8ed-p{display:none}.ColorPicker_prefixContainer__XyJxU,.ColorPicker_suffixContainer__KzygM{position:relative}.ColorPicker_fakeValue__L1ty9{color:transparent;left:calc(100% + 8px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);user-select:none}.ColorPicker_fakeValuePercent__fBPcp{color:var(--palette-primary-text-1)}.ColorPicker_small__aZqd8{--corvaui-colorpicker-indicatorsize:20px;--corvaui-colorpicker-fieldwidth:78px}.ColorPicker_medium__dMpzx{--corvaui-colorpicker-indicatorsize:24px;--corvaui-colorpicker-fieldwidth:82px}.ColorPicker_large__lyQRv{--corvaui-colorpicker-indicatorsize:28px;--corvaui-colorpicker-fieldwidth:91px}.ColorPicker_noAlpha__o9BSY .ColorPicker_inputContainer__m2fxo{display:inline-block;vertical-align:top;width:auto}.ColorPicker_noAlpha__o9BSY .ColorPicker_fakeValue__L1ty9,.ColorPicker_noAlpha__o9BSY .ColorPicker_input__59TsK{display:none}.ColorPicker_pickerContainer__ASGM6 [data-color-picker-control]:focus-visible{border-radius:4px;box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.ColorPicker_picker__GHZdT{background:transparent!important;border-radius:0!important;box-shadow:none!important;width:100%!important}.ColorPicker_picker__GHZdT .hue-horizontal{border-radius:5px}.ColorPicker_picker__GHZdT>div:first-child{height:135px;padding:0!important}.ColorPicker_picker__GHZdT>div:last-child{padding:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child{align-items:center!important;display:flex!important;flex-flow:row nowrap!important;gap:16px!important;overflow:hidden!important;padding:16px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child{flex:0 0 auto!important;width:auto!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div{background-color:#fff!important;border-radius:4px!important;box-shadow:none!important;height:32px!important;margin:0!important;overflow:hidden!important;width:32px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:first-child{animation-name:ColorPicker_active__DFLPz;border-radius:0!important;box-shadow:none!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child{padding-left:6px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:first-child{margin:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child{margin-top:12px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:first-child{display:none}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:nth-child(2){border-radius:5px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:last-child{margin:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:last-child{display:none!important}.ColorPicker_isTransparent__TPLhY .ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:last-child{position:relative}.ColorPicker_isTransparent__TPLhY .ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:last-child:before{border:2px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}'),module.exports={spacing:"8",root:"ColorPicker_root__cuK3O",inputContainer:"ColorPicker_inputContainer__m2fxo",label:"ColorPicker_label__c3tdQ",indicator:"ColorPicker_indicator__8cXCM",transparent:"ColorPicker_transparent__qdIVz",popover:"ColorPicker_popover__XC1n6",marginVertical:"ColorPicker_marginVertical__NvPrm",marginHorizontal:"ColorPicker_marginHorizontal__OU5sQ",switchButtons:"ColorPicker_switchButtons__XSdR3",numberStepButtons:"ColorPicker_numberStepButtons__8ed-p",prefixContainer:"ColorPicker_prefixContainer__XyJxU",suffixContainer:"ColorPicker_suffixContainer__KzygM",fakeValue:"ColorPicker_fakeValue__L1ty9",fakeValuePercent:"ColorPicker_fakeValuePercent__fBPcp",small:"ColorPicker_small__aZqd8",medium:"ColorPicker_medium__dMpzx",large:"ColorPicker_large__lyQRv",noAlpha:"ColorPicker_noAlpha__o9BSY",input:"ColorPicker_input__59TsK",pickerContainer:"ColorPicker_pickerContainer__ASGM6",picker:"ColorPicker_picker__GHZdT",active:"ColorPicker_active__DFLPz",isTransparent:"ColorPicker_isTransparent__TPLhY"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.ColorPicker_root__cuK3O{pointer-events:none}.ColorPicker_root__cuK3O .ColorPicker_inputContainer__m2fxo{flex:0 0 auto;pointer-events:auto;width:var(--corvaui-colorpicker-fieldwidth)}.ColorPicker_root__cuK3O .ColorPicker_label__c3tdQ{display:table;pointer-events:auto}.ColorPicker_indicator__8cXCM{background:#fff repeating-conic-gradient(#ccc 0 25%,transparent 0 50%) 50%;background-size:4px 4px;border-radius:6px;cursor:pointer;height:var(--corvaui-colorpicker-indicatorsize);margin:-1px;overflow:hidden;position:relative;width:var(--corvaui-colorpicker-indicatorsize)}.ColorPicker_indicator__8cXCM:before{border:1px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}.ColorPicker_indicator__8cXCM:focus-visible{box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.ColorPicker_indicator__8cXCM:after{background:var(--corvaui-colorpicker-indicatorcolor);content:"";inset:0;position:absolute;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ColorPicker_transparent__qdIVz:after{opacity:0}.ColorPicker_popover__XC1n6{--corvaui-background:$palette_b8;background-color:var(--palette-background-b-8);overflow:hidden;width:230px!important}.ColorPicker_marginVertical__NvPrm{margin:8px 0}.ColorPicker_marginHorizontal__OU5sQ{margin:0 8px}.ColorPicker_switchButtons__XSdR3{display:flex;flex-flow:row nowrap;gap:4px;justify-content:center;padding:8px}.ColorPicker_numberStepButtons__8ed-p{display:none}.ColorPicker_prefixContainer__XyJxU,.ColorPicker_suffixContainer__KzygM{position:relative}.ColorPicker_fakeValue__L1ty9{color:transparent;left:calc(100% + 8px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);user-select:none}.ColorPicker_fakeValuePercent__fBPcp{color:var(--palette-primary-text-1)}.ColorPicker_small__aZqd8{--corvaui-colorpicker-indicatorsize:20px;--corvaui-colorpicker-fieldwidth:78px}.ColorPicker_medium__dMpzx{--corvaui-colorpicker-indicatorsize:24px;--corvaui-colorpicker-fieldwidth:82px}.ColorPicker_large__lyQRv{--corvaui-colorpicker-indicatorsize:28px;--corvaui-colorpicker-fieldwidth:91px}.ColorPicker_noAlpha__o9BSY .ColorPicker_inputContainer__m2fxo{display:inline-block;vertical-align:top;width:auto}.ColorPicker_noAlpha__o9BSY .ColorPicker_fakeValue__L1ty9,.ColorPicker_noAlpha__o9BSY .ColorPicker_input__59TsK{display:none}.ColorPicker_dragTrackerPopper__zaNX-{margin-left:-8px;z-index:var(--z-index-modal)}.ColorPicker_pickerContainer__ASGM6 [data-color-picker-control]:focus-visible{border-radius:4px;box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.ColorPicker_picker__GHZdT{background:transparent!important;border-radius:0!important;box-shadow:none!important;width:100%!important}.ColorPicker_picker__GHZdT .hue-horizontal{border-radius:5px}.ColorPicker_picker__GHZdT>div:first-child{height:135px;padding:0!important}.ColorPicker_picker__GHZdT>div:last-child{padding:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child{align-items:center!important;display:flex!important;flex-flow:row nowrap!important;gap:16px!important;overflow:hidden!important;padding:16px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child{flex:0 0 auto!important;width:auto!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div{background-color:#fff!important;border-radius:4px!important;box-shadow:none!important;height:32px!important;margin:0!important;overflow:hidden!important;width:32px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:first-child{animation-name:ColorPicker_active__DFLPz;border-radius:0!important;box-shadow:none!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child{padding-left:6px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:first-child{margin:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child{margin-top:12px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:first-child{display:none}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:nth-child(2){border-radius:5px!important}.ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:last-child>div:last-child>div>div:last-child{margin:0!important}.ColorPicker_picker__GHZdT>div:last-child>div:last-child{display:none!important}.ColorPicker_isTransparent__TPLhY .ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:last-child{position:relative}.ColorPicker_isTransparent__TPLhY .ColorPicker_picker__GHZdT>div:last-child>div:first-child>div:first-child>div>div:last-child:before{border:2px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}'),module.exports={spacing:"8",root:"ColorPicker_root__cuK3O",inputContainer:"ColorPicker_inputContainer__m2fxo",label:"ColorPicker_label__c3tdQ",indicator:"ColorPicker_indicator__8cXCM",transparent:"ColorPicker_transparent__qdIVz",popover:"ColorPicker_popover__XC1n6",marginVertical:"ColorPicker_marginVertical__NvPrm",marginHorizontal:"ColorPicker_marginHorizontal__OU5sQ",switchButtons:"ColorPicker_switchButtons__XSdR3",numberStepButtons:"ColorPicker_numberStepButtons__8ed-p",prefixContainer:"ColorPicker_prefixContainer__XyJxU",suffixContainer:"ColorPicker_suffixContainer__KzygM",fakeValue:"ColorPicker_fakeValue__L1ty9",fakeValuePercent:"ColorPicker_fakeValuePercent__fBPcp",small:"ColorPicker_small__aZqd8",medium:"ColorPicker_medium__dMpzx",large:"ColorPicker_large__lyQRv",noAlpha:"ColorPicker_noAlpha__o9BSY",input:"ColorPicker_input__59TsK",dragTrackerPopper:"ColorPicker_dragTrackerPopper__zaNX-",pickerContainer:"ColorPicker_pickerContainer__ASGM6",picker:"ColorPicker_picker__GHZdT",active:"ColorPicker_active__DFLPz",isTransparent:"ColorPicker_isTransparent__TPLhY"};
 //# sourceMappingURL=ColorPicker.scss.js.map

package/cjs-bundle/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),r=require("classnames"),t=require("./OpacityDragTracker.scss.js"),n=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=u(e),i=u(r),c=function(e){return Math.min(100,Math.max(0,e))};exports.OpacityDragTracker=function(e){var r=e.value,u=void 0===r?0:r,s=e.onDrag,l=e.onDragEnd,f=a.useRef(null),v=a.useState(!1),d=o.default(v,2),m=d[0],b=d[1],p=Math.round(u),g=a.useCallback((function(e){e.preventDefault(),b(!1),null==l||l()}),[l]),k=a.useCallback((function(e){e.preventDefault(),b(!0)}),[]),h=a.useCallback((function(e){var a=e.currentTarget.getBoundingClientRect(),r=100*(e.clientX-a.left-5)/(a.width-10),t=Math.min(100,Math.max(0,r));null==s||s(t)}),[s]),w=a.useCallback((function(e){var a,r=e.shiftKey?10:1;switch(e.key){case"ArrowRight":case"ArrowUp":a=c(p+r);break;case"ArrowLeft":case"ArrowDown":a=c(p-r);break;case"PageUp":a=c(p+10);break;case"PageDown":a=c(p-10);break;case"Home":a=0;break;case"End":a=100;break;default:return}e.preventDefault(),null==s||s(a)}),[s,p]);return a.useEffect((function(){if(m&&f.current){var e=f.current;return document.addEventListener("mouseup",g),e.addEventListener("mousemove",h),function(){document.removeEventListener("mouseup",g),e.removeEventListener("mousemove",h)}}}),[m,g,h]),n.jsx("div",{onMouseDown:k,onKeyDown:w,ref:f,className:i.default(t.root,m&&t.dragging),role:"slider","aria-label":"Opacity","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":p,"aria-valuetext":"".concat(p,"% opacity"),"aria-orientation":"horizontal",tabIndex:0})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),r=require("classnames"),t=require("./OpacityDragTracker.scss.js"),n=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=u(e),i=u(r),c=function(e){return Math.min(100,Math.max(0,e))};exports.OpacityDragTracker=function(e){var r=e.value,u=void 0===r?0:r,s=e.onDrag,l=e.onDragEnd,f=a.useRef(null),v=a.useState(!1),d=o.default(v,2),m=d[0],p=d[1],b=Math.round(u),g=a.useCallback((function(e){e.preventDefault(),e.stopPropagation(),p(!1),null==l||l()}),[l]),k=a.useCallback((function(e){e.preventDefault(),p(!0)}),[]),h=a.useCallback((function(e){var a=e.currentTarget.getBoundingClientRect(),r=100*(e.clientX-a.left-5)/(a.width-10),t=Math.min(100,Math.max(0,r));null==s||s(t)}),[s]),w=a.useCallback((function(e){var a,r=e.shiftKey?10:1;switch(e.key){case"ArrowRight":case"ArrowUp":a=c(b+r);break;case"ArrowLeft":case"ArrowDown":a=c(b-r);break;case"PageUp":a=c(b+10);break;case"PageDown":a=c(b-10);break;case"Home":a=0;break;case"End":a=100;break;default:return}e.preventDefault(),null==s||s(a)}),[s,b]);return a.useEffect((function(){if(m&&f.current){var e=f.current;return document.addEventListener("mouseup",g),e.addEventListener("mousemove",h),function(){document.removeEventListener("mouseup",g),e.removeEventListener("mousemove",h)}}}),[m,g,h]),n.jsx("div",{onMouseDown:k,onKeyDown:w,ref:f,className:i.default(t.root,m&&t.dragging),role:"slider","aria-label":"Opacity","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":b,"aria-valuetext":"".concat(b,"% opacity"),"aria-orientation":"horizontal",tabIndex:0})};
 //# sourceMappingURL=OpacityDragtracker.js.map

package/cjs-bundle/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpacityDragtracker.js","sources":["../../../../../src/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.tsx"],"sourcesContent":["import {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport styles from './OpacityDragTracker.scss';\n\nconst margin = 5;\n\nexport type DragTrackerProps = {\n  value?: number;\n  onDrag?: (percent: number) => void;\n  onDragEnd?: () => void;\n};\n\nconst clampPercent = (value: number) => Math.min(100, Math.max(0, value));\n\nexport const OpacityDragTracker = ({ value = 0, onDrag, onDragEnd }: DragTrackerProps) => {\n  const dragZoneRef = useRef<HTMLDivElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const roundedValue = Math.round(value);\n\n  const handleMouseUp = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      setIsDragging(false);\n      onDragEnd?.();\n    },\n    [onDragEnd]\n  );\n\n  const handleMouseDown = useCallback<MouseEventHandler<HTMLElement>>(e => {\n    e.preventDefault();\n\n    setIsDragging(true);\n  }, []);\n\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      const x = e.clientX - rect.left - margin;\n      const width = rect.width - margin * 2;\n\n      const percentWithMargin = (100 * x) / width;\n      const percent = Math.min(100, Math.max(0, percentWithMargin));\n\n      onDrag?.(percent);\n    },\n    [onDrag]\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    event => {\n      const arrowStep = event.shiftKey ? 10 : 1;\n      let nextValue: number | undefined;\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          nextValue = clampPercent(roundedValue + arrowStep);\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          nextValue = clampPercent(roundedValue - arrowStep);\n          break;\n        case 'PageUp':\n          nextValue = clampPercent(roundedValue + 10);\n          break;\n        case 'PageDown':\n          nextValue = clampPercent(roundedValue - 10);\n          break;\n        case 'Home':\n          nextValue = 0;\n          break;\n        case 'End':\n          nextValue = 100;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      onDrag?.(nextValue);\n    },\n    [onDrag, roundedValue]\n  );\n\n  useEffect(() => {\n    if (isDragging && dragZoneRef.current) {\n      const ref = dragZoneRef.current;\n\n      document.addEventListener('mouseup', handleMouseUp);\n      ref.addEventListener('mousemove', handleMouseMove);\n\n      return () => {\n        document.removeEventListener('mouseup', handleMouseUp);\n        ref.removeEventListener('mousemove', handleMouseMove);\n      };\n    }\n\n    return undefined;\n  }, [isDragging, handleMouseUp, handleMouseMove]);\n\n  return (\n    <div\n      onMouseDown={handleMouseDown}\n      onKeyDown={handleKeyDown}\n      ref={dragZoneRef}\n      className={classNames(styles.root, isDragging && styles.dragging)}\n      role=\"slider\"\n      aria-label=\"Opacity\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={roundedValue}\n      aria-valuetext={`${roundedValue}% opacity`}\n      aria-orientation=\"horizontal\"\n      tabIndex={0}\n    />\n  );\n};\n"],"names":["clampPercent","value","Math","min","max","_ref","_ref$value","onDrag","onDragEnd","dragZoneRef","useRef","useState","_useState2","_slicedToArray","_useState","isDragging","setIsDragging","roundedValue","round","handleMouseUp","useCallback","e","preventDefault","handleMouseDown","handleMouseMove","rect","currentTarget","getBoundingClientRect","percentWithMargin","clientX","left","width","margin","percent","handleKeyDown","event","nextValue","arrowStep","shiftKey","key","useEffect","current","ref","document","addEventListener","removeEventListener","_jsx","onMouseDown","onKeyDown","className","classNames","styles","root","dragging","role","concat","tabIndex"],"mappings":"wUAoBMA,EAAe,SAACC,GAAa,OAAKC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGH,GAAO,6BAEvC,SAAwDI,GAAA,IAAAC,EAAAD,EAArDJ,MAAAA,aAAQ,EAACK,EAAEC,IAAAA,OAAQC,IAAAA,UAChDC,EAAcC,SAAuB,MACPC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA5CC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAC1BK,EAAef,KAAKgB,MAAMjB,GAE1BkB,EAAgBC,eACpB,SAACC,GACCA,EAAEC,iBACFN,GAAc,GACdR,SAAAA,GACF,GACA,CAACA,IAGGe,EAAkBH,eAA4C,SAAAC,GAClEA,EAAEC,iBAEFN,GAAc,EACf,GAAE,IAEGQ,EAAkBJ,eACtB,SAACC,GACC,IAAMI,EAAQJ,EAAEK,cAA8BC,wBAIxCC,EAAqB,KAHjBP,EAAEQ,QAAUJ,EAAKK,KAjClB,IAkCKL,EAAKM,MAAQC,IAGrBC,EAAU/B,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGwB,IAE1CrB,SAAAA,EAAS0B,EACX,GACA,CAAC1B,IAGG2B,EAAgBd,eACpB,SAAAe,GACE,IACIC,EADEC,EAAYF,EAAMG,SAAW,GAAK,EAGxC,OAAQH,EAAMI,KACZ,IAAK,aACL,IAAK,UACHH,EAAYpC,EAAaiB,EAAeoB,GACxC,MACF,IAAK,YACL,IAAK,YACHD,EAAYpC,EAAaiB,EAAeoB,GACxC,MACF,IAAK,SACHD,EAAYpC,EAAaiB,EAAe,IACxC,MACF,IAAK,WACHmB,EAAYpC,EAAaiB,EAAe,IACxC,MACF,IAAK,OACHmB,EAAY,EACZ,MACF,IAAK,MACHA,EAAY,IACZ,MACF,QACE,OAGJD,EAAMb,iBACNf,SAAAA,EAAS6B,EACX,GACA,CAAC7B,EAAQU,IAmBX,OAhBAuB,EAAAA,WAAU,WACR,GAAIzB,GAAcN,EAAYgC,QAAS,CACrC,IAAMC,EAAMjC,EAAYgC,QAKxB,OAHAE,SAASC,iBAAiB,UAAWzB,GACrCuB,EAAIE,iBAAiB,YAAapB,GAE3B,WACLmB,SAASE,oBAAoB,UAAW1B,GACxCuB,EAAIG,oBAAoB,YAAarB,GAEzC,CAGD,GAAE,CAACT,EAAYI,EAAeK,IAG7BsB,EAAAA,IAAA,MAAA,CACEC,YAAaxB,EACbyB,UAAWd,EACXQ,IAAKjC,EACLwC,UAAWC,EAAU,QAACC,EAAOC,KAAMrC,GAAcoC,EAAOE,UACxDC,KAAK,SACL,aAAW,UACX,gBAAe,EACf,gBAAe,IACf,gBAAerC,EACf,iBAAA,GAAAsC,OAAmBtC,EAAwB,aAC3C,mBAAiB,aACjBuC,SAAU,GAGhB"}
+{"version":3,"file":"OpacityDragtracker.js","sources":["../../../../../src/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.tsx"],"sourcesContent":["import {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport styles from './OpacityDragTracker.scss';\n\nconst margin = 5;\n\nexport type DragTrackerProps = {\n  value?: number;\n  onDrag?: (percent: number) => void;\n  onDragEnd?: () => void;\n};\n\nconst clampPercent = (value: number) => Math.min(100, Math.max(0, value));\n\nexport const OpacityDragTracker = ({ value = 0, onDrag, onDragEnd }: DragTrackerProps) => {\n  const dragZoneRef = useRef<HTMLDivElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const roundedValue = Math.round(value);\n\n  const handleMouseUp = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsDragging(false);\n      onDragEnd?.();\n    },\n    [onDragEnd]\n  );\n\n  const handleMouseDown = useCallback<MouseEventHandler<HTMLElement>>(e => {\n    e.preventDefault();\n\n    setIsDragging(true);\n  }, []);\n\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      const x = e.clientX - rect.left - margin;\n      const width = rect.width - margin * 2;\n\n      const percentWithMargin = (100 * x) / width;\n      const percent = Math.min(100, Math.max(0, percentWithMargin));\n\n      onDrag?.(percent);\n    },\n    [onDrag]\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    event => {\n      const arrowStep = event.shiftKey ? 10 : 1;\n      let nextValue: number | undefined;\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          nextValue = clampPercent(roundedValue + arrowStep);\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          nextValue = clampPercent(roundedValue - arrowStep);\n          break;\n        case 'PageUp':\n          nextValue = clampPercent(roundedValue + 10);\n          break;\n        case 'PageDown':\n          nextValue = clampPercent(roundedValue - 10);\n          break;\n        case 'Home':\n          nextValue = 0;\n          break;\n        case 'End':\n          nextValue = 100;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      onDrag?.(nextValue);\n    },\n    [onDrag, roundedValue]\n  );\n\n  useEffect(() => {\n    if (isDragging && dragZoneRef.current) {\n      const ref = dragZoneRef.current;\n\n      document.addEventListener('mouseup', handleMouseUp);\n      ref.addEventListener('mousemove', handleMouseMove);\n\n      return () => {\n        document.removeEventListener('mouseup', handleMouseUp);\n        ref.removeEventListener('mousemove', handleMouseMove);\n      };\n    }\n\n    return undefined;\n  }, [isDragging, handleMouseUp, handleMouseMove]);\n\n  return (\n    <div\n      onMouseDown={handleMouseDown}\n      onKeyDown={handleKeyDown}\n      ref={dragZoneRef}\n      className={classNames(styles.root, isDragging && styles.dragging)}\n      role=\"slider\"\n      aria-label=\"Opacity\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={roundedValue}\n      aria-valuetext={`${roundedValue}% opacity`}\n      aria-orientation=\"horizontal\"\n      tabIndex={0}\n    />\n  );\n};\n"],"names":["clampPercent","value","Math","min","max","_ref","_ref$value","onDrag","onDragEnd","dragZoneRef","useRef","useState","_useState2","_slicedToArray","_useState","isDragging","setIsDragging","roundedValue","round","handleMouseUp","useCallback","e","preventDefault","stopPropagation","handleMouseDown","handleMouseMove","rect","currentTarget","getBoundingClientRect","percentWithMargin","clientX","left","width","margin","percent","handleKeyDown","event","nextValue","arrowStep","shiftKey","key","useEffect","current","ref","document","addEventListener","removeEventListener","_jsx","onMouseDown","onKeyDown","className","classNames","styles","root","dragging","role","concat","tabIndex"],"mappings":"wUAoBMA,EAAe,SAACC,GAAa,OAAKC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGH,GAAO,6BAEvC,SAAwDI,GAAA,IAAAC,EAAAD,EAArDJ,MAAAA,aAAQ,EAACK,EAAEC,IAAAA,OAAQC,IAAAA,UAChDC,EAAcC,SAAuB,MACPC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA5CC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAC1BK,EAAef,KAAKgB,MAAMjB,GAE1BkB,EAAgBC,eACpB,SAACC,GACCA,EAAEC,iBACFD,EAAEE,kBACFP,GAAc,GACdR,SAAAA,GACF,GACA,CAACA,IAGGgB,EAAkBJ,eAA4C,SAAAC,GAClEA,EAAEC,iBAEFN,GAAc,EACf,GAAE,IAEGS,EAAkBL,eACtB,SAACC,GACC,IAAMK,EAAQL,EAAEM,cAA8BC,wBAIxCC,EAAqB,KAHjBR,EAAES,QAAUJ,EAAKK,KAlClB,IAmCKL,EAAKM,MAAQC,IAGrBC,EAAUhC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGyB,IAE1CtB,SAAAA,EAAS2B,EACX,GACA,CAAC3B,IAGG4B,EAAgBf,eACpB,SAAAgB,GACE,IACIC,EADEC,EAAYF,EAAMG,SAAW,GAAK,EAGxC,OAAQH,EAAMI,KACZ,IAAK,aACL,IAAK,UACHH,EAAYrC,EAAaiB,EAAeqB,GACxC,MACF,IAAK,YACL,IAAK,YACHD,EAAYrC,EAAaiB,EAAeqB,GACxC,MACF,IAAK,SACHD,EAAYrC,EAAaiB,EAAe,IACxC,MACF,IAAK,WACHoB,EAAYrC,EAAaiB,EAAe,IACxC,MACF,IAAK,OACHoB,EAAY,EACZ,MACF,IAAK,MACHA,EAAY,IACZ,MACF,QACE,OAGJD,EAAMd,iBACNf,SAAAA,EAAS8B,EACX,GACA,CAAC9B,EAAQU,IAmBX,OAhBAwB,EAAAA,WAAU,WACR,GAAI1B,GAAcN,EAAYiC,QAAS,CACrC,IAAMC,EAAMlC,EAAYiC,QAKxB,OAHAE,SAASC,iBAAiB,UAAW1B,GACrCwB,EAAIE,iBAAiB,YAAapB,GAE3B,WACLmB,SAASE,oBAAoB,UAAW3B,GACxCwB,EAAIG,oBAAoB,YAAarB,GAEzC,CAGD,GAAE,CAACV,EAAYI,EAAeM,IAG7BsB,EAAAA,IAAA,MAAA,CACEC,YAAaxB,EACbyB,UAAWd,EACXQ,IAAKlC,EACLyC,UAAWC,EAAU,QAACC,EAAOC,KAAMtC,GAAcqC,EAAOE,UACxDC,KAAK,SACL,aAAW,UACX,gBAAe,EACf,gBAAe,IACf,gBAAetC,EACf,iBAAA,GAAAuC,OAAmBvC,EAAwB,aAC3C,mBAAiB,aACjBwC,SAAU,GAGhB"}

package/cjs-bundle/componentsV2/ColorPicker/Swatches/Swatches.scss.js

@@ -1,2 +1,2 @@
-"use strict";require('./../../../ext-esm/style-inject/dist/style-inject.es.js')('.Swatches_root__y8Whk{display:flex;flex-flow:row wrap;gap:2px;padding:8px}.Swatches_swatch__XqSvY{--corvaui-swatches-accentColor:#fff;border:1px solid transparent;border-radius:2px;color:transparent;cursor:pointer;height:16px;overflow:hidden;position:relative;transition:border-color .15s cubic-bezier(.4,0,.2,1);width:16px}.Swatches_swatch__XqSvY.Swatches_selected__QjCnc,.Swatches_swatch__XqSvY:hover{border-color:#fff}.Swatches_swatch__XqSvY:focus-visible{box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.Swatches_swatch__XqSvY.Swatches_selected__QjCnc{color:var(--corvaui-swatches-accentColor)}.Swatches_darkAccent__1AE5s{--corvaui-swatches-accentColor:#000}.Swatches_transparent__x91vF{background:#fff repeating-conic-gradient(#ccc 0 25%,transparent 0 50%) 50%;background-size:4px 4px;position:relative}.Swatches_transparent__x91vF:before{border:1px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}.Swatches_transparent__x91vF.Swatches_selected__QjCnc:before{display:none}.Swatches_icon__BYDT5{display:block;margin-top:-1px}'),module.exports={spacing:"8",root:"Swatches_root__y8Whk",swatch:"Swatches_swatch__XqSvY",selected:"Swatches_selected__QjCnc",darkAccent:"Swatches_darkAccent__1AE5s",transparent:"Swatches_transparent__x91vF",icon:"Swatches_icon__BYDT5"};
+"use strict";require('./../../../ext-esm/style-inject/dist/style-inject.es.js')('.Swatches_root__y8Whk{display:flex;flex-flow:row wrap;gap:2px;padding:8px}.Swatches_swatch__XqSvY{--corvaui-swatches-accentColor:#fff;border:1px solid transparent;border-radius:2px;color:transparent;cursor:pointer;height:16px;overflow:hidden;position:relative;transition:border-color .15s cubic-bezier(.4,0,.2,1);width:16px}.Swatches_swatch__XqSvY.Swatches_selected__QjCnc,.Swatches_swatch__XqSvY:hover{border-color:#fff}.Swatches_swatch__XqSvY:focus-visible{box-shadow:0 0 0 1px var(--palette-primary-main),0 0 0 5px rgb(from var(--palette-primary-main) r g b/.12);outline:2px solid transparent}.Swatches_swatch__XqSvY.Swatches_selected__QjCnc{color:var(--corvaui-swatches-accentColor)}.Swatches_darkAccent__1AE5s{--corvaui-swatches-accentColor:#000}.Swatches_transparent__x91vF{background:#fff repeating-conic-gradient(#ccc 0 25%,transparent 0 50%) 50%;background-size:4px 4px;position:relative}.Swatches_transparent__x91vF:before{border:1px solid red;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:90%}.Swatches_transparent__x91vF.Swatches_selected__QjCnc:before{display:none}.Swatches_icon__BYDT5{display:block!important;margin-top:-1px}'),module.exports={spacing:"8",root:"Swatches_root__y8Whk",swatch:"Swatches_swatch__XqSvY",selected:"Swatches_selected__QjCnc",darkAccent:"Swatches_darkAccent__1AE5s",transparent:"Swatches_transparent__x91vF",icon:"Swatches_icon__BYDT5"};
 //# sourceMappingURL=Swatches.scss.js.map

package/cjs-bundle/componentsV2/CompletionsOffsetWellPicker/Map/Map.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("@babel/runtime/helpers/defineProperty"),r=require("react"),i=require("../../Text/Text.js");require("../../Grid/Grid.js"),require("../../Grid/Cell.js"),require("classnames"),require("../../Header/Header.scss.js");var o=require("react/jsx-runtime");require("../../Button/Button.js"),require("../../ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@material-ui/core"),require("../../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("@babel/runtime/helpers/slicedToArray"),require("uuid"),require("../../Tooltip/Tooltip.scss.js"),require("../../Popover/Popover.js"),require("../../PopoverPanel/PopoverPanel.js"),require("../../Radio/Radio.js"),require("../../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../Checkbox/Checkbox.js");var n=require("../../TextInput/TextInput.js");require("../../TextInputNext/TextInputNext.js"),require("../../Label/Label.js"),require("lodash"),require("../../TextEndTruncated/TextEndTruncated.scss.js"),require("../../TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../TextLink/TextLink.js"),require("../../Chip/Chip.js"),require("../../ChipAlert/ChipAlert.js"),require("../../ChipIndicator/ChipIndicator.js"),require("../../Avatar/Avatar.js"),require("../../AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../ToggleButtons/ToggleButtons.scss.js"),require("../../Paper/Paper.js"),require("../../ModalWindow/ModalWindow.js"),require("../../Modal/Modal.scss.js"),require("../../Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js"),require("../../utils.js"),require("../../Hint/Hint.scss.js"),require("../../Counter/Counter.js"),require("../../BadgeBase/BadgeBase.scss.js"),require("../../TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../TemplatesControl/utils.js"),require("../../TemplatesControl/icons/folder/index.js"),require("../../TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../TemplatesControl/types.js"),require("../../../utils/index.js"),require("../../../clients/jsonApi/index.js"),require("../../../permissions/PermissionsContext.js"),require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("../../../permissions/ProvidePermissions.js"),require("../../BadgeDot/BadgeDot.scss.js"),require("../../LoaderLinear/LoaderLinear.scss.js"),require("../../LoaderLogo/LoaderLogo.constants.js"),require("../../LoaderLogo/LoaderLogo.scss.js"),require("../../Switch/Switch.js"),require("../../Tabs/Tabs.js"),require("../../EmptyState/EmptyState.scss.js"),require("../../FileIcon/FileIcon.js"),require("../../Tag/Tag.js"),require("react-dropzone"),require("../../FilesDropzone/FilesDropzone.scss.js"),require("../../FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../FilesProcessor/FilesProcessor.scss.js"),require("../../Skeleton/Skeleton.scss.js"),require("../../../utils/main.js"),require("../../CopyToClipboard/CopyToClipboard.scss.js"),require("../../Stepper/Step/Step.scss.js"),require("../../Stepper/Stepper.scss.js"),require("../../ButtonLive/ButtonLive.js"),require("../../ButtonText/ButtonText.js"),require("../../IndicatorLive/IndicatorLive.js"),require("../../Accordion/Accordion.scss.js"),require("../../Breadcrumbs/Breadcrumbs.scss.js"),require("../../BadgeComment/BadgeComment.js"),require("../../AppContainer/AppContainer.js"),require("../../AppContainer/AppContainer.constants.js"),require("../../AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../AppCommonsProvider/AppCommonsContext.js"),require("../../AppHeader/AppHeader.constants.js"),require("../../AppHeader/AppBadge/AppBadge.scss.js"),require("../../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../AppHeader/AppAssets/utils.js"),require("../../AppHeader/AppAssets/AppAssets.scss.js"),require("../../../components/PadModeSelect/PadModeSelect.js"),require("../../AppHeader/PadMode/PadMode.scss.js"),require("../../../constants/streamSourceType.js"),require("../../PadModeSelect/PadModeSelect.js"),require("../../PadModeSelect/PadModeSelect.constants.js"),require("../../AppCommonsProvider/AppCommonsProvider.js"),require("../../../utils/mobileDetect.js"),require("../../AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../UniversalLink/UniversalLink.scss.js"),require("../../AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../AppDqPopover/AppDqPopover.scss.js"),require("../../../components/AppIcon/AppIcon.js"),require("../../../utils/getSingleAsset.js"),require("../../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../AppHeader/V3/AssetSelector/constants.js"),require("../../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../../utils/env.js"),require("../../../components/StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppSettings/AppSettingsPinningContext.js"),require("../../AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../AppSettings/AppSettings.js"),require("../../AppSettings/AppSettings.constants.js"),require("../../AppSizeProvider/AppSizeProvider.js"),require("../../AppHeader/V3/Actions/Actions.constants.js"),require("../../AppHeader/V3/Actions/Actions.scss.js"),require("../../AppHeader/V3/AppHeaderV3.scss.js"),require("../../AppHeader/AppHeader.scss.js"),require("../../OffsetWellsButton/OffsetWellsButton.js"),require("../../ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../Autocomplete/Autocomplete.js"),require("../../Select/Select.js"),require("../../AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../WellArchivedMessage/WellArchivedMessage.js"),require("../../DatePicker/DatePicker.js"),require("../../DragHandle/DragHandle.js"),require("../CompletionsOffsetWellPicker.js"),require("../../Slider/constants.js"),require("../../Slider/components/SliderThumb.js"),require("../../Slider/Slider.scss.js"),require("../../SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../ColorPicker/Swatches/Swatches.scss.js"),require("../../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../ColorPicker/ColorPicker.scss.js"),require("../../ChartHelper/ChartHelper.scss.js"),require("../../Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../InterventionEventSelector/useInterventionUnitEvents.js"),require("../../InterventionEventSelector/InterventionEventSelector.scss.js");var t=require("../../../components/OffsetWellMap/OffsetWellMap.js"),c=require("./Map.scss.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(e),l=u(s);function p(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,i)}return r}function q(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?p(Object(r),!0).forEach((function(s){l.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}var j=r.memo((function(e){var s=e.well,u=e.wells,l=e.pads,p=e.selectedOffsetWellsIds,j=e.onOffsetWellIdsSelect,d=e.radiusMiles,m=e.setFilters,A=e.maxRadiusInMiles,I=r.useMemo((function(){return l?l.flatMap((function(e){return e.wells})):[]}),[l]),C=r.useMemo((function(){return s?q({},I.find((function(e){return e.id.toString()===s.id.toString()}))):u?q({},I.find((function(e){return e.id.toString()===u[0].id.toString()}))):void 0}),[I,s,u]),v=r.useCallback((function(e){var s=l.find((function(s){return s.wells.some((function(s){return s.id===e}))})),r=s?s.wells.map((function(e){return e.id})):[],i=p.some((function(e){return r.includes(e)}));j(i?p.filter((function(e){return!r.includes(e)})):[].concat(a.default(p),a.default(r)))}),[j,l,p]),S=r.useCallback((function(e){var s=""===e?void 0:Number(e);m((function(e){return q(q({},e),{},{radiusMiles:s})}))}),[m]);return o.jsxs("div",{className:c.map,children:[o.jsxs("div",{className:c.radiusContainer,children:[o.jsx(i.Text,{color:"T6",children:"Radius (mi):"}),o.jsx(n.TextInput,{className:c.textInputWrapper,value:null!=d?d:"",placeholder:"0",onChange:S,inputType:"number",htmlAttributes:{min:0,max:A}})]}),o.jsx(t,{classes:{root:c.offsetWellMapRoot,map:c.offsetWellMapRoot},isClickable:!0,isViewOnly:!1,subjectWell:C,wells:I,offsetWellIds:p,radius:null!=d?d:0,activeWellId:(null==C?void 0:C.id)||0,handleChangeOffsetWell:function(e){return e&&v(e.id)}})]})}));module.exports=j;
+"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("@babel/runtime/helpers/defineProperty"),r=require("react"),i=require("../../Text/Text.js");require("../../Grid/Grid.js"),require("../../Grid/Cell.js"),require("classnames"),require("../../Header/Header.scss.js");var o=require("react/jsx-runtime");require("../../Button/Button.js"),require("../../ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@material-ui/core"),require("../../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("@babel/runtime/helpers/slicedToArray"),require("uuid"),require("../../Tooltip/Tooltip.scss.js"),require("../../Popover/Popover.js"),require("../../PopoverPanel/PopoverPanel.js"),require("../../Radio/Radio.js"),require("../../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../Checkbox/Checkbox.js");var n=require("../../TextInput/TextInput.js");require("../../TextInputNext/TextInputNext.js"),require("../../TextArea/TextArea.js"),require("../../Label/Label.js"),require("lodash"),require("../../TextEndTruncated/TextEndTruncated.scss.js"),require("../../TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../TextLink/TextLink.js"),require("../../Chip/Chip.js"),require("../../ChipAlert/ChipAlert.js"),require("../../ChipIndicator/ChipIndicator.js"),require("../../Avatar/Avatar.js"),require("../../AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../ToggleButtons/ToggleButtons.scss.js"),require("../../Paper/Paper.js"),require("../../ModalWindow/ModalWindow.js"),require("../../Modal/Modal.scss.js"),require("../../Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js"),require("../../utils.js"),require("../../Hint/Hint.scss.js"),require("../../Counter/Counter.js"),require("../../BadgeBase/BadgeBase.scss.js"),require("../../TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../TemplatesControl/utils.js"),require("../../TemplatesControl/icons/folder/index.js"),require("../../TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../TemplatesControl/types.js"),require("../../../utils/index.js"),require("../../../clients/jsonApi/index.js"),require("../../../permissions/PermissionsContext.js"),require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("../../../permissions/ProvidePermissions.js"),require("../../BadgeDot/BadgeDot.scss.js"),require("../../LoaderLinear/LoaderLinear.scss.js"),require("../../LoaderLogo/LoaderLogo.constants.js"),require("../../LoaderLogo/LoaderLogo.scss.js"),require("../../Switch/Switch.js"),require("../../Tabs/Tabs.js"),require("../../EmptyState/EmptyState.scss.js"),require("../../FileIcon/FileIcon.js"),require("../../Tag/Tag.js"),require("react-dropzone"),require("../../FilesDropzone/FilesDropzone.scss.js"),require("../../FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../FilesProcessor/FilesProcessor.scss.js"),require("../../Skeleton/Skeleton.scss.js"),require("../../../utils/main.js"),require("../../CopyToClipboard/CopyToClipboard.scss.js"),require("../../Stepper/Step/Step.scss.js"),require("../../Stepper/Stepper.scss.js"),require("../../ButtonLive/ButtonLive.js"),require("../../ButtonText/ButtonText.js"),require("../../IndicatorLive/IndicatorLive.js"),require("../../Accordion/Accordion.scss.js"),require("../../Breadcrumbs/Breadcrumbs.scss.js"),require("../../BadgeComment/BadgeComment.js"),require("../../AppContainer/AppContainer.js"),require("../../AppContainer/AppContainer.constants.js"),require("../../AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../AppCommonsProvider/AppCommonsContext.js"),require("../../AppHeader/AppHeader.constants.js"),require("../../AppHeader/AppBadge/AppBadge.scss.js"),require("../../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../AppHeader/AppAssets/utils.js"),require("../../AppHeader/AppAssets/AppAssets.scss.js"),require("../../../components/PadModeSelect/PadModeSelect.js"),require("../../AppHeader/PadMode/PadMode.scss.js"),require("../../../constants/streamSourceType.js"),require("../../PadModeSelect/PadModeSelect.js"),require("../../PadModeSelect/PadModeSelect.constants.js"),require("../../AppCommonsProvider/AppCommonsProvider.js"),require("../../../utils/mobileDetect.js"),require("../../AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../UniversalLink/UniversalLink.scss.js"),require("../../AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../AppDqPopover/AppDqPopover.scss.js"),require("../../../components/AppIcon/AppIcon.js"),require("../../../utils/getSingleAsset.js"),require("../../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../AppHeader/V3/AssetSelector/constants.js"),require("../../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../../utils/env.js"),require("../../../components/StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppSettings/AppSettingsPinningContext.js"),require("../../AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../AppSettings/AppSettings.js"),require("../../AppSettings/AppSettings.constants.js"),require("../../AppSizeProvider/AppSizeProvider.js"),require("../../AppHeader/V3/Actions/Actions.constants.js"),require("../../AppHeader/V3/Actions/Actions.scss.js"),require("../../AppHeader/V3/AppHeaderV3.scss.js"),require("../../AppHeader/AppHeader.scss.js"),require("../../OffsetWellsButton/OffsetWellsButton.js"),require("../../ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../Autocomplete/Autocomplete.js"),require("../../Select/Select.js"),require("../../AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../WellArchivedMessage/WellArchivedMessage.js"),require("../../DatePicker/DatePicker.js"),require("../../DragHandle/DragHandle.js"),require("../CompletionsOffsetWellPicker.js"),require("../../Slider/constants.js"),require("../../Slider/components/SliderThumb.js"),require("../../Slider/Slider.scss.js"),require("../../SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../ColorPicker/Swatches/Swatches.scss.js"),require("../../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../ColorPicker/ColorPicker.scss.js"),require("../../ChartHelper/ChartHelper.scss.js"),require("../../Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../InterventionEventSelector/useInterventionUnitEvents.js"),require("../../InterventionEventSelector/InterventionEventSelector.scss.js");var t=require("../../../components/OffsetWellMap/OffsetWellMap.js"),c=require("./Map.scss.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(e),l=u(s);function p(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,i)}return r}function q(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?p(Object(r),!0).forEach((function(s){l.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}var j=r.memo((function(e){var s=e.well,u=e.wells,l=e.pads,p=e.selectedOffsetWellsIds,j=e.onOffsetWellIdsSelect,d=e.radiusMiles,m=e.setFilters,A=e.maxRadiusInMiles,I=r.useMemo((function(){return l?l.flatMap((function(e){return e.wells})):[]}),[l]),C=r.useMemo((function(){return s?q({},I.find((function(e){return e.id.toString()===s.id.toString()}))):u?q({},I.find((function(e){return e.id.toString()===u[0].id.toString()}))):void 0}),[I,s,u]),v=r.useCallback((function(e){var s=l.find((function(s){return s.wells.some((function(s){return s.id===e}))})),r=s?s.wells.map((function(e){return e.id})):[],i=p.some((function(e){return r.includes(e)}));j(i?p.filter((function(e){return!r.includes(e)})):[].concat(a.default(p),a.default(r)))}),[j,l,p]),S=r.useCallback((function(e){var s=""===e?void 0:Number(e);m((function(e){return q(q({},e),{},{radiusMiles:s})}))}),[m]);return o.jsxs("div",{className:c.map,children:[o.jsxs("div",{className:c.radiusContainer,children:[o.jsx(i.Text,{color:"T6",children:"Radius (mi):"}),o.jsx(n.TextInput,{className:c.textInputWrapper,value:null!=d?d:"",placeholder:"0",onChange:S,inputType:"number",htmlAttributes:{min:0,max:A}})]}),o.jsx(t,{classes:{root:c.offsetWellMapRoot,map:c.offsetWellMapRoot},isClickable:!0,isViewOnly:!1,subjectWell:C,wells:I,offsetWellIds:p,radius:null!=d?d:0,activeWellId:(null==C?void 0:C.id)||0,handleChangeOffsetWell:function(e){return e&&v(e.id)}})]})}));module.exports=j;
 //# sourceMappingURL=Map.js.map