@corva/ui 3.72.0-5 → 3.72.0-6

package/components/Popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","sources":["../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import { Popper as MuiPopper, PopperProps as MuiPopperProps } from '@material-ui/core';\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { ReactNode } from 'react';\n\ntype PopperProps = Omit<MuiPopperProps, 'children' | 'anchorEl' | 'open' | 'placement'> & {\n  /**\n   * Contents of the popover\n   */\n  children: ReactNode;\n  open: boolean;\n  /**\n   * Defines an HTML node to which the content will be positioned\n   */\n  anchorEl: HTMLElement | (() => HTMLElement);\n  /**\n   * Defines placement\n   * @default bottom\n   */\n  placement?:\n    | 'bottom-end'\n    | 'bottom-start'\n    | 'bottom'\n    | 'left-end'\n    | 'left-start'\n    | 'left'\n    | 'right-end'\n    | 'right-start'\n    | 'right'\n    | 'top-end'\n    | 'top-start'\n    | 'top';\n};\n\nfunction DcPopper({ children, open: openProp, ...otherProps }: PopperProps) {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp });\n\n  return (\n    <MuiPopper {...otherProps} open={delayedIsOpen}>\n      <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n    </MuiPopper>\n  );\n}\n\nexport function Popper(props: PopperProps) {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const PopperComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopper : MuiPopper;\n\n  return <PopperComponent {...props} />;\n}\n"],"names":["DcPopper","_ref","children","openProp","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","isOpen","_jsx","MuiPopper","_objectSpread","IsInsideDcFullscreenElemProvider","Popper","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem"],"mappings":"qqdAsCA,SAASA,EAAmEC,GAAA,IAAxDC,IAAAA,SAAgBC,IAANC,KAAmBC,EAAUC,EAAAL,EAAAM,GACjDC,EAAkBC,EAA+B,CAAEC,OAAQP,IAA3DK,cAER,OACEG,EAACC,EAASC,EAAAA,EAAA,GAAKR,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC7CS,EAACG,EAAgC,CAAAZ,SAAEA,MAGzC,CAEO,SAASa,EAAOC,GACrB,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOT,EAFiBM,IAAkBE,EAA2BnB,EAAWY,EAEpDI,EAAAA,CAAAA,EAAAA,GAC9B"}
+{"version":3,"file":"Popper.js","sources":["../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import { Popper as MuiPopper, PopperProps as MuiPopperProps } from '@material-ui/core';\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { ReactNode } from 'react';\n\ntype PopperProps = Omit<MuiPopperProps, 'children' | 'anchorEl' | 'open' | 'placement'> & {\n  /**\n   * Contents of the popover\n   */\n  children: ReactNode;\n  open: boolean;\n  /**\n   * Defines an HTML node to which the content will be positioned\n   */\n  anchorEl: HTMLElement | (() => HTMLElement);\n  /**\n   * Defines placement\n   * @default bottom\n   */\n  placement?:\n    | 'bottom-end'\n    | 'bottom-start'\n    | 'bottom'\n    | 'left-end'\n    | 'left-start'\n    | 'left'\n    | 'right-end'\n    | 'right-start'\n    | 'right'\n    | 'top-end'\n    | 'top-start'\n    | 'top';\n};\n\nfunction DcPopper({ children, open: openProp, ...otherProps }: PopperProps) {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp });\n\n  return (\n    <MuiPopper {...otherProps} open={delayedIsOpen}>\n      <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n    </MuiPopper>\n  );\n}\n\nexport function Popper(props: PopperProps) {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const PopperComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopper : MuiPopper;\n\n  return <PopperComponent {...props} />;\n}\n"],"names":["DcPopper","_ref","children","openProp","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","isOpen","_jsx","MuiPopper","_objectSpread","IsInsideDcFullscreenElemProvider","Popper","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem"],"mappings":"w0dAsCA,SAASA,EAAmEC,GAAA,IAAxDC,IAAAA,SAAgBC,IAANC,KAAmBC,EAAUC,EAAAL,EAAAM,GACjDC,EAAkBC,EAA+B,CAAEC,OAAQP,IAA3DK,cAER,OACEG,EAACC,EAASC,EAAAA,EAAA,GAAKR,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC7CS,EAACG,EAAgC,CAAAZ,SAAEA,MAGzC,CAEO,SAASa,EAAOC,GACrB,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOT,EAFiBM,IAAkBE,EAA2BnB,EAAWY,EAEpDI,EAAAA,CAAAA,EAAAA,GAC9B"}

package/components/RealTimeValuesSidebar/SidebarFooter.js

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

package/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","Box","Tooltip","title","_jsxs","IconButton","onClick","ORIENTATIONS","vertical","RightIcon","UpIcon","horizontal","tooltipProps","PlusIcon","LeftIcon","DownIcon"],"mappings":"k3aAaA,IAAMA,EAAYC,GAAW,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,GAvD+B,SAAqDC,GAAA,IAAlDC,IAAAA,gBAAiBC,IAAAA,gBAAiBC,IAAAA,UAC3EC,EAAU1C,IAE8C2C,EAAAA,EAAWC,GAAjEC,IAAAA,cAAeC,IAAAA,YAAaC,IAAAA,sBAEpC,OACEC,EAAA,MAAA,CACEP,UAAWQ,EAAWP,EAAQ/B,gBAAiBmC,EAAaL,GAC5D,cAAY,iBAAgBS,SAE3BL,EACCG,EAACG,EAAG,CAACV,UAAWC,EAAQX,oBAAoBmB,SAC1CF,EAACI,EAAO,CAACC,MAAM,WAAWZ,UAAWC,EAAQR,gBAAgBgB,SAC3DI,EAAA,MAAA,CAAKb,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SAAA,CACpEF,EAACO,EAAU,CACT,cAAY,uBACZC,QAAShB,EACTC,UAAWC,EAAQZ,aAAaoB,SAE/BJ,IAAgBW,EAAaC,SAC5BV,EAACW,EAAS,CAAA,GAEVX,EAACY,EAAM,CAACnB,UAAWC,EAAQzB,wBAG9B6B,IAAgBW,EAAaI,YAC5Bb,EAACO,EAAU,CACTrC,MAAM,UACN4C,aAAc,CAAET,MAAO,OACvBG,QAAS,WAAA,OAAMT,GAAsB,EAAM,EAC3CN,UAAWC,EAAQZ,aAAaoB,SAEhCF,EAACe,EAAQ,aAOrBf,EAACI,EAAO,CAACC,MAAM,SAASZ,UAAWC,EAAQN,cAAcc,SACvDF,EAAA,MAAA,CAAKP,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SACtEF,EAACO,EAAU,CACTC,QAASjB,EACT,cAAY,sBACZE,UAAWQ,EAAWP,EAAQlC,aAAckC,EAAQZ,cAAcoB,SAEjEJ,IAAgBW,EAAaC,SAAWV,EAACgB,EAAQ,CAAA,GAAMhB,EAACiB,EAAQ,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","Box","Tooltip","title","_jsxs","IconButton","onClick","ORIENTATIONS","vertical","RightIcon","UpIcon","horizontal","tooltipProps","PlusIcon","LeftIcon","DownIcon"],"mappings":"qhbAaA,IAAMA,EAAYC,GAAW,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,GAvD+B,SAAqDC,GAAA,IAAlDC,IAAAA,gBAAiBC,IAAAA,gBAAiBC,IAAAA,UAC3EC,EAAU1C,IAE8C2C,EAAAA,EAAWC,GAAjEC,IAAAA,cAAeC,IAAAA,YAAaC,IAAAA,sBAEpC,OACEC,EAAA,MAAA,CACEP,UAAWQ,EAAWP,EAAQ/B,gBAAiBmC,EAAaL,GAC5D,cAAY,iBAAgBS,SAE3BL,EACCG,EAACG,EAAG,CAACV,UAAWC,EAAQX,oBAAoBmB,SAC1CF,EAACI,EAAO,CAACC,MAAM,WAAWZ,UAAWC,EAAQR,gBAAgBgB,SAC3DI,EAAA,MAAA,CAAKb,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SAAA,CACpEF,EAACO,EAAU,CACT,cAAY,uBACZC,QAAShB,EACTC,UAAWC,EAAQZ,aAAaoB,SAE/BJ,IAAgBW,EAAaC,SAC5BV,EAACW,EAAS,CAAA,GAEVX,EAACY,EAAM,CAACnB,UAAWC,EAAQzB,wBAG9B6B,IAAgBW,EAAaI,YAC5Bb,EAACO,EAAU,CACTrC,MAAM,UACN4C,aAAc,CAAET,MAAO,OACvBG,QAAS,WAAA,OAAMT,GAAsB,EAAM,EAC3CN,UAAWC,EAAQZ,aAAaoB,SAEhCF,EAACe,EAAQ,aAOrBf,EAACI,EAAO,CAACC,MAAM,SAASZ,UAAWC,EAAQN,cAAcc,SACvDF,EAAA,MAAA,CAAKP,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SACtEF,EAACO,EAAU,CACTC,QAASjB,EACT,cAAY,sBACZE,UAAWQ,EAAWP,EAAQlC,aAAckC,EAAQZ,cAAcoB,SAEjEJ,IAAgBW,EAAaC,SAAWV,EAACgB,EAAQ,CAAA,GAAMhB,EAACiB,EAAQ,WAO/E"}

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.d.ts

@@ -0,0 +1,24 @@
+import { Axis } from 'highcharts';
+import { AxisExtremeType, ChartAxisExtremeChangeHandler, ChartAxisExtremeValidator } from './utils';
+export type ChartAxisExtremeProps = {
+    value: number;
+    onChange?: ChartAxisExtremeChangeHandler;
+    formatValue?: (value: number) => string | number;
+    axis: Axis;
+    extremeType: AxisExtremeType;
+    /**
+     * Validates possible value on both manual input & drag actions
+     */
+    validate?: ChartAxisExtremeValidator;
+    /**
+     * Governs "sensitivity" of drag.
+     * A number indicates how many pixels should a user drag to change axis extreme by 1.
+     * A function accepts dragged distance in pixels and returns *how much value should change*.
+     * Generally, positive input should generate positive output. Can be used in conjunction with `validate` prop to force min/max value when dragging
+     */
+    dragDeltaValue?: number | ((deltaPixels: number) => number);
+    className?: string;
+    testId?: string;
+};
+export declare const ChartAxisExtreme: ({ axis, testId, className, formatValue, value, dragDeltaValue, onChange, extremeType, validate, }: ChartAxisExtremeProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ChartAxisExtreme.d.ts.map

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxisExtreme.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ChartAxisExtreme/ChartAxisExtreme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAMlC,OAAO,EACL,eAAe,EACf,6BAA6B,EAC7B,yBAAyB,EAK1B,MAAM,SAAS,CAAC;AAOjB,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,6BAA6B,CAAC;IACzC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAEjD,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,eAAe,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAE5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAGF,eAAO,MAAM,gBAAgB,sGAU1B,qBAAqB,mDAgLvB,CAAC"}

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.js

@@ -0,0 +1,2 @@
+import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{useState as c,useRef as i,useCallback as n,useMemo as t,useEffect as r}from"react";import{throttle as m}from"lodash";import{ChartAxisExtremeInput as e}from"./ChartAxisExtremeInput.js";import{usePositionStyles as u,defaultValueValidator as p,defaultValueFormatter as a,getDeltaDrag as l}from"./utils.js";import{ChartAxisExtremeDragTracker as j}from"./ChartAxisExtremeDragTracker.js";import I from"./ChartAxisExtreme.scss.js";import{UpIcon as d,LeftIcon as v,DownIcon as f,RightIcon as h}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as C,jsx as x}from"react/jsx-runtime";var g=function(g){var b=g.axis,A=g.testId,F=g.className,O=g.formatValue,D=g.value,y=g.dragDeltaValue,E=void 0===y?5:y,M=g.onChange,N=g.extremeType,T=g.validate,k=void 0===T?p:T,P=c(!1),z=o(P,2),S=z[0],w=z[1],R=c(),G=o(R,2),U=G[0],V=G[1],B=c(),L=o(B,2),q=L[0],W=L[1],K=c(!1),X=o(K,2),Y=X[0],Z=X[1],H=i(!1),J=i(null),Q=i(),$=Y?q:D,_=u({axis:b,extremeType:N}),oo=!b.horiz,so=O||a,co=n((function(o){return"number"==typeof E?Math.floor(o/(E||1)):E(o)}),[E]),io=n((function(o){return k(o,{axis:b,extremeType:N})}),[b,N,k]),no=n((function(){H.current=!1,w(!0)}),[]),to=n((function(){H.current=!1,w(!1)}),[]),ro=n((function(o){void 0!==o&&(null==M||M(o,{axis:b,extremeType:N})),to()}),[b,N,M,to]),mo=n((function(o){o.preventDefault(),Q.current=void 0,H.current=!0}),[]),eo=n((function(o){null==M||M(o,{axis:b,extremeType:N})}),[b,N,M]),uo=t((function(){return m((function(o){eo(o)}),300)}),[eo]),po=n((function(){H.current=!1,W(void 0),V(void 0),Z(!1),uo.flush()}),[uo]),ao=n((function(){!H.current||S||Y||(W($),V($),Z(!0))}),[Y,S,$]),lo=n((function(o){if(J.current&&b&&void 0!==U){var s;if(!Q.current)Q.current=null===(s=J.current)||void 0===s?void 0:s.getBoundingClientRect();var c=o.clientY,i=o.clientX,n=Q.current,t=n.y,r=n.height,m=n.x,e=n.width,u=oo?l(c,t,r):-l(i,m,e),p=U+co(u);io(p)&&(W(p),uo(p))}}),[io,b,co,U,oo,uo]);return r((function(){return function(){return uo.cancel()}}),[uo]),void 0!==$&&b?C("div",{className:s(I.root,F),style:_,"data-testid":A,children:[x(j,{isDragging:Y,onDragEnd:po,onDrag:lo,isVertical:oo}),C("div",{className:I.content,onMouseDown:mo,onMouseLeave:ao,onClick:no,ref:J,children:[C("div",{className:s(I.valueContainer,S&&I.isEditing,oo&&I.vertical),children:[x(oo?d:v,{size:Number(I.arrowsSize),className:I.valueArrow}),x("div",{className:I.value,children:so($)}),x(oo?f:h,{size:Number(I.arrowsSize),className:I.valueArrow})]}),x(e,{value:$,isEditing:S,onEditEnd:ro,validate:io,isVertical:oo})]})]}):null};export{g as ChartAxisExtreme};
+//# sourceMappingURL=ChartAxisExtreme.js.map

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxisExtreme.js","sources":["../../../src/componentsV2/ChartAxisExtreme/ChartAxisExtreme.tsx"],"sourcesContent":["import { Axis } from 'highcharts';\nimport classNames from 'classnames';\nimport { MouseEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { throttle } from 'lodash';\n\nimport { ChartAxisExtremeInput } from './ChartAxisExtremeInput';\nimport {\n  AxisExtremeType,\n  ChartAxisExtremeChangeHandler,\n  ChartAxisExtremeValidator,\n  defaultValueFormatter,\n  defaultValueValidator,\n  getDeltaDrag,\n  usePositionStyles,\n} from './utils';\nimport { ChartAxisExtremeDragTracker } from './ChartAxisExtremeDragTracker';\n\nimport styles from './ChartAxisExtreme.scss';\n\nimport { DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons';\n\nexport type ChartAxisExtremeProps = {\n  value: number;\n  onChange?: ChartAxisExtremeChangeHandler;\n  formatValue?: (value: number) => string | number;\n\n  axis: Axis;\n  extremeType: AxisExtremeType;\n\n  /**\n   * Validates possible value on both manual input & drag actions\n   */\n  validate?: ChartAxisExtremeValidator;\n\n  /**\n   * Governs \"sensitivity\" of drag.\n   * A number indicates how many pixels should a user drag to change axis extreme by 1.\n   * A function accepts dragged distance in pixels and returns *how much value should change*.\n   * Generally, positive input should generate positive output. Can be used in conjunction with `validate` prop to force min/max value when dragging\n   */\n  dragDeltaValue?: number | ((deltaPixels: number) => number);\n\n  className?: string;\n  testId?: string;\n};\n\n// When making ChartWrapper2 - this component needs to hook into Highcharts' render cycle to automatically reposition itself\nexport const ChartAxisExtreme = ({\n  axis,\n  testId,\n  className,\n  formatValue, // No default here because it puts default function's code in storybook for some reason\n  value,\n  dragDeltaValue = 5,\n  onChange,\n  extremeType,\n  validate = defaultValueValidator,\n}: ChartAxisExtremeProps) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const [dragStartValue, setDragStartValue] = useState<number>();\n  const [dragValue, setDragValue] = useState<number>();\n  const [isDragging, setIsDragging] = useState(false);\n  const isMouseDownRef = useRef(false);\n  const toggleRef = useRef<HTMLDivElement>(null);\n  const togglePositionRef = useRef<DOMRect>();\n\n  const shownValue = isDragging ? dragValue : value;\n\n  const styleVars = usePositionStyles({\n    axis,\n    extremeType,\n  });\n\n  const isVertical = !axis.horiz;\n\n  const actualFormatter = formatValue || defaultValueFormatter;\n\n  const deltaDragToDeltaValue = useCallback(\n    (deltaDrag: number) =>\n      typeof dragDeltaValue === 'number'\n        ? Math.floor(deltaDrag / (dragDeltaValue || 1))\n        : dragDeltaValue(deltaDrag),\n    [dragDeltaValue]\n  );\n\n  const actualValidate = useCallback(\n    (value: number) => validate(value, { axis, extremeType }),\n    [axis, extremeType, validate]\n  );\n\n  const startEditing = useCallback(() => {\n    isMouseDownRef.current = false;\n    setIsEditing(true);\n  }, []);\n\n  const stopEditing = useCallback(() => {\n    isMouseDownRef.current = false;\n    setIsEditing(false);\n  }, []);\n\n  const onInputEditEnd = useCallback(\n    (newValue?: number) => {\n      if (newValue !== undefined) {\n        onChange?.(newValue, { axis, extremeType });\n      }\n      stopEditing();\n    },\n    [axis, extremeType, onChange, stopEditing]\n  );\n\n  const onMouseDown = useCallback<MouseEventHandler>(e => {\n    e.preventDefault();\n    togglePositionRef.current = undefined;\n    isMouseDownRef.current = true;\n  }, []);\n\n  const onChangeWithOptions = useCallback(\n    (newValue: number) => {\n      onChange?.(newValue, { axis, extremeType });\n    },\n    [axis, extremeType, onChange]\n  );\n\n  const throttledOnChange = useMemo(\n    () =>\n      throttle((newValue: number) => {\n        onChangeWithOptions(newValue);\n      }, 300),\n    [onChangeWithOptions]\n  );\n\n  const onDragEnd = useCallback(() => {\n    isMouseDownRef.current = false;\n    setDragValue(undefined);\n    setDragStartValue(undefined);\n    setIsDragging(false);\n    throttledOnChange.flush();\n  }, [throttledOnChange]);\n\n  const onDragStart = useCallback(() => {\n    if (isMouseDownRef.current && !isEditing && !isDragging) {\n      setDragValue(shownValue);\n      setDragStartValue(shownValue);\n      setIsDragging(true);\n    }\n  }, [isDragging, isEditing, shownValue]);\n\n  const onDrag = useCallback(\n    (event: MouseEvent) => {\n      if (!toggleRef.current || !axis || dragStartValue === undefined) {\n        return;\n      }\n\n      if (!togglePositionRef.current) {\n        togglePositionRef.current = toggleRef.current?.getBoundingClientRect();\n      }\n\n      // if (isVertical) {\n      const { clientY, clientX } = event;\n      const { y, height, x, width } = togglePositionRef.current;\n\n      // Delta is counted from toggle's edge\n      const deltaDrag = isVertical\n        ? getDeltaDrag(clientY, y, height)\n        : -getDeltaDrag(clientX, x, width);\n\n      const newValue = dragStartValue + deltaDragToDeltaValue(deltaDrag);\n\n      if (!actualValidate(newValue)) {\n        return;\n      }\n\n      setDragValue(newValue);\n      throttledOnChange(newValue);\n    },\n    [actualValidate, axis, deltaDragToDeltaValue, dragStartValue, isVertical, throttledOnChange]\n  );\n\n  // Cleanup of throttled onChange\n  useEffect(() => () => throttledOnChange.cancel(), [throttledOnChange]);\n\n  if (shownValue === undefined || !axis) {\n    return null;\n  }\n\n  return (\n    <div className={classNames(styles.root, className)} style={styleVars} data-testid={testId}>\n      {/* Can't put inside content element due to a bug with transform & position: fixed */}\n      {/* Therefore, most of the drag logic is not in ChartAxisExtremeDragTracker but hoisted here */}\n      <ChartAxisExtremeDragTracker\n        isDragging={isDragging}\n        onDragEnd={onDragEnd}\n        onDrag={onDrag}\n        isVertical={isVertical}\n      />\n\n      <div\n        className={styles.content}\n        onMouseDown={onMouseDown}\n        onMouseLeave={onDragStart}\n        onClick={startEditing}\n        ref={toggleRef}\n      >\n        <div\n          className={classNames(\n            styles.valueContainer,\n            isEditing && styles.isEditing,\n            isVertical && styles.vertical\n          )}\n        >\n          {isVertical ? (\n            <UpIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          ) : (\n            <LeftIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          )}\n          <div className={styles.value}>{actualFormatter(shownValue)}</div>\n          {isVertical ? (\n            <DownIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          ) : (\n            <RightIcon size={Number(styles.arrowsSize)} className={styles.valueArrow} />\n          )}\n        </div>\n\n        <ChartAxisExtremeInput\n          value={shownValue}\n          isEditing={isEditing}\n          onEditEnd={onInputEditEnd}\n          validate={actualValidate}\n          isVertical={isVertical}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["ChartAxisExtreme","_ref","axis","testId","className","formatValue","value","_ref$dragDeltaValue","dragDeltaValue","onChange","extremeType","_ref$validate","validate","defaultValueValidator","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useState3","_useState4","dragStartValue","setDragStartValue","_useState5","_useState6","dragValue","setDragValue","_useState8","_useState7","isDragging","setIsDragging","isMouseDownRef","useRef","toggleRef","togglePositionRef","shownValue","styleVars","usePositionStyles","isVertical","horiz","actualFormatter","defaultValueFormatter","deltaDragToDeltaValue","useCallback","deltaDrag","Math","floor","actualValidate","startEditing","current","stopEditing","onInputEditEnd","newValue","undefined","onMouseDown","e","preventDefault","onChangeWithOptions","throttledOnChange","useMemo","throttle","onDragEnd","flush","onDragStart","onDrag","event","_toggleRef$current","getBoundingClientRect","clientY","clientX","y","height","x","width","getDeltaDrag","useEffect","cancel","_jsxs","classNames","styles","root","style","children","_jsx","ChartAxisExtremeDragTracker","content","onMouseLeave","onClick","ref","valueContainer","vertical","UpIcon","LeftIcon","size","Number","arrowsSize","valueArrow","DownIcon","RightIcon","ChartAxisExtremeInput","onEditEnd"],"mappings":"iuIA+CaA,IAAAA,EAAmB,SAUHC,GAAA,IAT3BC,IAAAA,KACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,MAAKC,EAAAN,EACLO,eAAAA,aAAiB,EAACD,EAClBE,IAAAA,SACAC,IAAAA,YAAWC,EAAAV,EACXW,SAAAA,aAAWC,EAAqBF,EAEEG,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9BK,EAA4CN,IAAkBO,EAAAL,EAAAI,EAAA,GAAvDE,EAAcD,EAAA,GAAEE,EAAiBF,EAAA,GACxCG,EAAkCV,IAAkBW,EAAAT,EAAAQ,EAAA,GAA7CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GACMX,EAAAA,GAAS,GAAMc,EAAAZ,EAAAa,EAAA,GAA5CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAiBC,GAAO,GACxBC,EAAYD,EAAuB,MACnCE,EAAoBF,IAEpBG,EAAaN,EAAaJ,EAAYpB,EAEtC+B,EAAYC,EAAkB,CAClCpC,KAAAA,EACAQ,YAAAA,IAGI6B,IAAcrC,EAAKsC,MAEnBC,GAAkBpC,GAAeqC,EAEjCC,GAAwBC,GAC5B,SAACC,GAAiB,MACU,iBAAnBrC,EACHsC,KAAKC,MAAMF,GAAarC,GAAkB,IAC1CA,EAAeqC,KACrB,CAACrC,IAGGwC,GAAiBJ,GACrB,SAACtC,GAAa,OAAKM,EAASN,EAAO,CAAEJ,KAAAA,EAAMQ,YAAAA,GAAc,GACzD,CAACR,EAAMQ,EAAaE,IAGhBqC,GAAeL,GAAY,WAC/BZ,EAAekB,SAAU,EACzB/B,GAAa,EACd,GAAE,IAEGgC,GAAcP,GAAY,WAC9BZ,EAAekB,SAAU,EACzB/B,GAAa,EACd,GAAE,IAEGiC,GAAiBR,GACrB,SAACS,QACkBC,IAAbD,IACF5C,SAAAA,EAAW4C,EAAU,CAAEnD,KAAAA,EAAMQ,YAAAA,KAE/ByC,IACD,GACD,CAACjD,EAAMQ,EAAaD,EAAU0C,KAG1BI,GAAcX,GAA+B,SAAAY,GACjDA,EAAEC,iBACFtB,EAAkBe,aAAUI,EAC5BtB,EAAekB,SAAU,CAC1B,GAAE,IAEGQ,GAAsBd,GAC1B,SAACS,GACC5C,SAAAA,EAAW4C,EAAU,CAAEnD,KAAAA,EAAMQ,YAAAA,GAC9B,GACD,CAACR,EAAMQ,EAAaD,IAGhBkD,GAAoBC,GACxB,WAAA,OACEC,GAAS,SAACR,GACRK,GAAoBL,EACrB,GAAE,OACL,CAACK,KAGGI,GAAYlB,GAAY,WAC5BZ,EAAekB,SAAU,EACzBvB,OAAa2B,GACb/B,OAAkB+B,GAClBvB,GAAc,GACd4B,GAAkBI,OACpB,GAAG,CAACJ,KAEEK,GAAcpB,GAAY,YAC1BZ,EAAekB,SAAYhC,GAAcY,IAC3CH,EAAaS,GACbb,EAAkBa,GAClBL,GAAc,GAEjB,GAAE,CAACD,EAAYZ,EAAWkB,IAErB6B,GAASrB,GACb,SAACsB,GACC,GAAKhC,EAAUgB,SAAYhD,QAA2BoD,IAAnBhC,EAAnC,CAIgC,IAAA6C,EAAhC,IAAKhC,EAAkBe,QACrBf,EAAkBe,QAA2B,QAAjBhB,EAAAA,EAAUgB,eAAO,IAAAiB,OAAA,EAAjBA,EAAmBC,wBAIjD,IAAQC,EAAqBH,EAArBG,QAASC,EAAYJ,EAAZI,QACenC,EAAAA,EAAkBe,QAA1CqB,IAAAA,EAAGC,IAAAA,OAAQC,IAAAA,EAAGC,IAAAA,MAGhB7B,EAAYN,GACdoC,EAAaN,EAASE,EAAGC,IACxBG,EAAaL,EAASG,EAAGC,GAExBrB,EAAW/B,EAAiBqB,GAAsBE,GAEnDG,GAAeK,KAIpB1B,EAAa0B,GACbM,GAAkBN,GAtBlB,CAuBF,GACA,CAACL,GAAgB9C,EAAMyC,GAAuBrB,EAAgBiB,GAAYoB,KAM5E,OAFAiB,GAAU,WAAA,OAAM,WAAA,OAAMjB,GAAkBkB,QAAQ,IAAE,CAAClB,UAEhCL,IAAflB,GAA6BlC,EAK/B4E,EAAA,MAAA,CAAK1E,UAAW2E,EAAWC,EAAOC,KAAM7E,GAAY8E,MAAO7C,EAAW,cAAalC,EAAOgF,SAAA,CAGxFC,EAACC,EAA2B,CAC1BvD,WAAYA,EACZgC,UAAWA,GACXG,OAAQA,GACR1B,WAAYA,KAGduC,EAAA,MAAA,CACE1E,UAAW4E,EAAOM,QAClB/B,YAAaA,GACbgC,aAAcvB,GACdwB,QAASvC,GACTwC,IAAKvD,EAAUiD,SAEf,CAAAL,EAAA,MAAA,CACE1E,UAAW2E,EACTC,EAAOU,eACPxE,GAAa8D,EAAO9D,UACpBqB,IAAcyC,EAAOW,UACrBR,SAED5C,CACC6C,EADD7C,GACEqD,EAEAC,EAFM,CAACC,KAAMC,OAAOf,EAAOgB,YAAa5F,UAAW4E,EAAOiB,aAI7Db,EAAA,MAAA,CAAKhF,UAAW4E,EAAO1E,MAAM6E,SAAE1C,GAAgBL,KAE7CgD,EADD7C,GACE2D,EAEAC,EAFQ,CAACL,KAAMC,OAAOf,EAAOgB,YAAa5F,UAAW4E,EAAOiB,gBAMjEb,EAACgB,EAAqB,CACpB9F,MAAO8B,EACPlB,UAAWA,EACXmF,UAAWjD,GACXxC,SAAUoC,GACVT,WAAYA,WA9CX,IAmDX"}

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js

@@ -0,0 +1,2 @@
+import r from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",positionTopVarName:"--corvaui-chartAxisExtreme-positionTop",positionLeftVarName:"--corvaui-chartAxisExtreme-positionLeft",contentInsetVarName:"--corvaui-chartAxisExtreme-contentInset",contentTransformVarName:"--corvaui-chartAxisExtreme-contentTransform",contentAnimationDuration:"--corvaui-chartAxisExtreme-contentAnimDuration",arrowsSize:"16",root:"ChartAxisExtreme_root__Wyy7Y",content:"ChartAxisExtreme_content__VZPez",valueContainer:"ChartAxisExtreme_valueContainer__KcJhl",isEditing:"ChartAxisExtreme_isEditing__HYk8A",vertical:"ChartAxisExtreme_vertical__L5Z5m",valueArrow:"ChartAxisExtreme_valueArrow__6VDmj",value:"ChartAxisExtreme_value__0B-j0",field:"ChartAxisExtreme_field__NCpgR",invalid:"ChartAxisExtreme_invalid__-PYo9",dragTracker:"ChartAxisExtreme_dragTracker__ILGiE",isDragging:"ChartAxisExtreme_isDragging__l48ze"};r(".ChartAxisExtreme_root__Wyy7Y{left:var(--corvaui-chartAxisExtreme-positionLeft);position:absolute;top:var(--corvaui-chartAxisExtreme-positionTop);transition-duration:var(--corvaui-chartAxisExtreme-contentAnimDuration);transition-property:top,left;transition-timing-function:ease-in-out}.ChartAxisExtreme_content__VZPez{inset:var(--corvaui-chartAxisExtreme-contentInset);position:absolute;transform:var(--corvaui-chartAxisExtreme-contentTransform)}.ChartAxisExtreme_valueContainer__KcJhl{--corvaui-chartAxisExtreme-valueArrowOpacity:0;--corvaui-chartAxisExtreme-valueBorderColor:transparent;--corvaui-chartAxisExtreme-valueColor:var(--palette-primary-text-6);align-items:center;cursor:ew-resize;display:flex;flex-flow:row nowrap;margin:0 -16px;padding:4px 0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ChartAxisExtreme_valueContainer__KcJhl:hover{--corvaui-chartAxisExtreme-valueArrowOpacity:1;--corvaui-chartAxisExtreme-valueBorderColor:var(--palette-primary-main);--corvaui-chartAxisExtreme-valueColor:var(--palette-primary-text-1)}.ChartAxisExtreme_valueContainer__KcJhl.ChartAxisExtreme_isEditing__HYk8A{opacity:0;pointer-events:none}.ChartAxisExtreme_valueContainer__KcJhl.ChartAxisExtreme_vertical__L5Z5m{cursor:ns-resize;flex-flow:column nowrap;margin:-16px 0;padding:0 4px}.ChartAxisExtreme_valueArrow__6VDmj{color:var(--palette-primary-text-6);opacity:var(--corvaui-chartAxisExtreme-valueArrowOpacity);transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ChartAxisExtreme_value__0B-j0{border:1px solid var(--corvaui-chartAxisExtreme-valueBorderColor);border-radius:4px;color:var(--corvaui-chartAxisExtreme-valueColor);font-size:11px;line-height:12px;padding:1px;text-align:center;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);user-select:none}.ChartAxisExtreme_field__NCpgR{-moz-appearance:textfield;background-color:var(--palette-primary-dark);border:1px solid var(--palette-primary-main);border-radius:4px;color:var(--palette-primary-text-1);font-size:11px;inset:4px -8px;opacity:0;outline:none;padding:0;pointer-events:none;position:absolute;text-align:center;text-decoration:underline;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ChartAxisExtreme_field__NCpgR.ChartAxisExtreme_vertical__L5Z5m{inset:0}.ChartAxisExtreme_field__NCpgR::-webkit-inner-spin-button,.ChartAxisExtreme_field__NCpgR::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ChartAxisExtreme_field__NCpgR.ChartAxisExtreme_isEditing__HYk8A{opacity:1;pointer-events:auto}.ChartAxisExtreme_field__NCpgR.ChartAxisExtreme_invalid__-PYo9{background-color:var(--palette-background-b-5);border-color:var(--palette-error-main);text-decoration:none}.ChartAxisExtreme_dragTracker__ILGiE{cursor:ew-resize;display:none;inset:0;position:fixed;z-index:calc(var(--z-index-modal) + 1000)}.ChartAxisExtreme_dragTracker__ILGiE.ChartAxisExtreme_isDragging__l48ze{display:block}.ChartAxisExtreme_dragTracker__ILGiE.ChartAxisExtreme_vertical__L5Z5m{cursor:ns-resize}");export{e as default};
+//# sourceMappingURL=ChartAxisExtreme.scss.js.map

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,sDAAyD;"}

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { ChartAxisExtreme } from './ChartAxisExtreme';
+type Props = ComponentProps<typeof ChartAxisExtreme>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: ({ onChange, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const AutomaticPositioning: () => import("react/jsx-runtime").JSX.Element;
+export declare const XAxis: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithValidation: () => import("react/jsx-runtime").JSX.Element;
+export declare const SensitivityAndStepControls: () => import("react/jsx-runtime").JSX.Element;
+export declare const Animations: () => import("react/jsx-runtime").JSX.Element;
+export declare const NoTickPositioner: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChartAxisExtreme.stories.d.ts.map

package/componentsV2/ChartAxisExtreme/ChartAxisExtreme.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxisExtreme.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ChartAxisExtreme/ChartAxisExtreme.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAyD,MAAM,OAAO,CAAC;AAS9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAKtD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAkBa,IAAI;AAQnB,eAAO,MAAM,OAAO,0BAA2B,KAAK,4CA+DnD,CAAC;AAkFF,eAAO,MAAM,oBAAoB,+CA0ChC,CAAC;AAMF,eAAO,MAAM,KAAK,+CA0CjB,CAAC;AAKF,eAAO,MAAM,cAAc,+CA2C1B,CAAC;AAOF,eAAO,MAAM,0BAA0B,+CAmCtC,CAAC;AAOF,eAAO,MAAM,UAAU,+CA0DtB,CAAC;AAMF,eAAO,MAAM,gBAAgB,+CA0C5B,CAAC"}

package/componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.d.ts

@@ -0,0 +1,8 @@
+export type ChartAxisExtremeDragTrackerProps = {
+    isDragging: boolean;
+    onDragEnd: () => void;
+    onDrag: (e: MouseEvent) => void;
+    isVertical: boolean;
+};
+export declare const ChartAxisExtremeDragTracker: ({ isDragging, onDragEnd, onDrag, isVertical, }: ChartAxisExtremeDragTrackerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChartAxisExtremeDragTracker.d.ts.map

package/componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxisExtremeDragTracker.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AA4BF,eAAO,MAAM,2BAA2B,mDAKrC,gCAAgC,4CA+BlC,CAAC"}

package/componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js

@@ -0,0 +1,2 @@
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"classnames";import{forwardRef as n,useRef as o,useCallback as i,useEffect as s}from"react";import{createPortal as c}from"react-dom";import{useIsInsideIsolatedDcApp as a}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{useDelayedDcFullscreenElemOpen as p}from"../../effects/useDelayedDcFullscreenElemOpen.js";import m from"./ChartAxisExtreme.scss.js";import{jsx as u}from"react/jsx-runtime";var f=["isDragging"];function g(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}var l=n((function(e,r){var n=e.isDragging,o=e.isVertical;return c(u("div",{ref:r,className:t(m.dragTracker,n&&m.isDragging,o&&m.vertical)}),document.body)})),v=n((function(t,n){var o=t.isDragging,i=r(t,f),s=p({isOpen:o},!0).delayedIsOpen;return u(l,function(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}({ref:n,isDragging:s},i))})),d=function(e){var r=e.isDragging,t=e.onDragEnd,n=e.onDrag,c=e.isVertical,p=o(null),m=a(),f=i((function(e){e.preventDefault(),t()}),[t]);return s((function(){if(r&&p.current){var e=p.current;return document.addEventListener("mouseup",f),e.addEventListener("mousemove",n),function(){document.removeEventListener("mouseup",f),e.removeEventListener("mousemove",n)}}}),[r,f,n]),u(m?v:l,{isDragging:r,ref:p,isVertical:c})};export{d as ChartAxisExtremeDragTracker};
+//# sourceMappingURL=ChartAxisExtremeDragTracker.js.map

package/componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxisExtremeDragTracker.js","sources":["../../../src/componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\n\nimport styles from './ChartAxisExtreme.scss';\n\nexport type ChartAxisExtremeDragTrackerProps = {\n  isDragging: boolean;\n  onDragEnd: () => void;\n  onDrag: (e: MouseEvent) => void;\n  isVertical: boolean;\n};\n\ntype DefaultTrackerProps = { isDragging: boolean; isVertical: boolean };\n\nconst DefaultTracker = forwardRef<HTMLDivElement, DefaultTrackerProps>(\n  ({ isDragging, isVertical }, dragZoneRef) => {\n    // Portal is needed here because `position: fixed` bugs out if some parent has CSS transform\n    return createPortal(\n      <div\n        ref={dragZoneRef}\n        className={classNames(\n          styles.dragTracker,\n          isDragging && styles.isDragging,\n          isVertical && styles.vertical\n        )}\n      />,\n      document.body\n    );\n  }\n);\n\nconst DcTracker = forwardRef<HTMLDivElement, DefaultTrackerProps>(\n  ({ isDragging, ...rest }, ref) => {\n    const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: isDragging }, true);\n    return <DefaultTracker ref={ref} isDragging={delayedIsOpen} {...rest} />;\n  }\n);\n\nexport const ChartAxisExtremeDragTracker = ({\n  isDragging,\n  onDragEnd,\n  onDrag,\n  isVertical,\n}: ChartAxisExtremeDragTrackerProps) => {\n  const dragZoneRef = useRef<HTMLDivElement>(null);\n  const isInDcApp = useIsInsideIsolatedDcApp();\n\n  const handleMouseUp = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      onDragEnd();\n    },\n    [onDragEnd]\n  );\n\n  useEffect(() => {\n    if (isDragging && dragZoneRef.current) {\n      const ref = dragZoneRef.current;\n\n      document.addEventListener('mouseup', handleMouseUp);\n      ref.addEventListener('mousemove', onDrag);\n\n      return () => {\n        document.removeEventListener('mouseup', handleMouseUp);\n        ref.removeEventListener('mousemove', onDrag);\n      };\n    }\n\n    return undefined;\n  }, [isDragging, handleMouseUp, onDrag]);\n\n  const Component = isInDcApp ? DcTracker : DefaultTracker;\n\n  return <Component isDragging={isDragging} ref={dragZoneRef} isVertical={isVertical} />;\n};\n"],"names":["DefaultTracker","forwardRef","_ref","dragZoneRef","isDragging","isVertical","createPortal","_jsx","ref","className","classNames","styles","dragTracker","vertical","document","body","DcTracker","_ref2","rest","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","isOpen","_objectSpread","ChartAxisExtremeDragTracker","_ref3","onDragEnd","onDrag","useRef","isInDcApp","useIsInsideIsolatedDcApp","handleMouseUp","useCallback","e","preventDefault","useEffect","current","addEventListener","removeEventListener"],"mappings":"i1BAkBA,IAAMA,EAAiBC,GACrB,SAAAC,EAA6BC,GAAgB,IAA1CC,IAAAA,WAAYC,IAAAA,WAEb,OAAOC,EACLC,EAAA,MAAA,CACEC,IAAKL,EACLM,UAAWC,EACTC,EAAOC,YACPR,GAAcO,EAAOP,WACrBC,GAAcM,EAAOE,YAGzBC,SAASC,KAEb,IAGIC,EAAYf,GAChB,SAAAgB,EAA0BT,GAAQ,IAA/BJ,IAAAA,WAAec,EAAIC,EAAAF,EAAAG,GACZC,EAAkBC,EAA+B,CAAEC,OAAQnB,IAAc,GAAzEiB,cACR,OAAOd,EAACP,iWAAcwB,CAAA,CAAChB,IAAKA,EAAKJ,WAAYiB,GAAmBH,GAClE,IAGWO,EAA8B,SAKHC,GAAA,IAJtCtB,IAAAA,WACAuB,IAAAA,UACAC,IAAAA,OACAvB,IAAAA,WAEMF,EAAc0B,EAAuB,MACrCC,EAAYC,IAEZC,EAAgBC,GACpB,SAACC,GACCA,EAAEC,iBACFR,GACF,GACA,CAACA,IAqBH,OAlBAS,GAAU,WACR,GAAIhC,GAAcD,EAAYkC,QAAS,CACrC,IAAM7B,EAAML,EAAYkC,QAKxB,OAHAvB,SAASwB,iBAAiB,UAAWN,GACrCxB,EAAI8B,iBAAiB,YAAaV,GAE3B,WACLd,SAASyB,oBAAoB,UAAWP,GACxCxB,EAAI+B,oBAAoB,YAAaX,GAEzC,CAGD,GAAE,CAACxB,EAAY4B,EAAeJ,IAIxBrB,EAFWuB,EAAYd,EAAYhB,EAEzB,CAACI,WAAYA,EAAYI,IAAKL,EAAaE,WAAYA,GAC1E"}

package/componentsV2/ChartAxisExtreme/ChartAxisExtremeInput.d.ts

@@ -0,0 +1,8 @@
+export declare const ChartAxisExtremeInput: ({ isEditing, value, onEditEnd, validate, isVertical, }: {
+    value: number;
+    isEditing: boolean;
+    validate: (value: number) => boolean;
+    onEditEnd: (value?: number) => void;
+    isVertical: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChartAxisExtremeInput.d.ts.map

package/componentsV2/ChartAxisExtreme/ChartAxisExtremeInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxisExtremeInput.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ChartAxisExtreme/ChartAxisExtremeInput.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,qBAAqB,2DAM/B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAErC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;CACrB,4CAsDA,CAAC"}

package/componentsV2/ChartAxisExtreme/ChartAxisExtremeInput.js

@@ -0,0 +1,2 @@
+import r from"@babel/runtime/helpers/slicedToArray";import e from"classnames";import{useRef as i,useState as t,useCallback as n,useEffect as o}from"react";import a from"./ChartAxisExtreme.scss.js";import{jsx as u}from"react/jsx-runtime";var l=function(l){var s=l.isEditing,m=l.value,c=l.onEditEnd,d=l.validate,f=l.isVertical,v=i(null),p=t(String(m)),g=r(p,2),E=g[0],b=g[1],y=Number(E),h=E.trim().length>0&&Number.isFinite(y)&&d(y),x=n((function(r){b(r.target.value)}),[]),N=n((function(){c(y!==m&&h?y:void 0)}),[h,c,y,m]),j=n((function(r){"Enter"===r.key?N():"Escape"===r.key&&c()}),[N,c]);return o((function(){var r;s&&(b(String(m)),null===(r=v.current)||void 0===r||r.focus(),setTimeout((function(){var r;return null===(r=v.current)||void 0===r?void 0:r.select()}),1))}),[s,m]),u("input",{ref:v,type:"number",value:E,disabled:!s,className:e(a.field,s&&a.isEditing,!h&&a.invalid,f&&a.vertical),onChange:x,onBlur:N,onKeyUp:j})};export{l as ChartAxisExtremeInput};
+//# sourceMappingURL=ChartAxisExtremeInput.js.map

package/componentsV2/ChartAxisExtreme/ChartAxisExtremeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxisExtremeInput.js","sources":["../../../src/componentsV2/ChartAxisExtreme/ChartAxisExtremeInput.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport styles from './ChartAxisExtreme.scss';\n\nexport const ChartAxisExtremeInput = ({\n  isEditing,\n  value,\n  onEditEnd,\n  validate,\n  isVertical,\n}: {\n  value: number;\n  isEditing: boolean;\n  validate: (value: number) => boolean;\n  // Undefined value = no change\n  onEditEnd: (value?: number) => void;\n  isVertical: boolean;\n}) => {\n  const ref = useRef<HTMLInputElement>(null);\n  const [ownValue, setOwnValue] = useState(String(value));\n\n  const ownValueNumber = Number(ownValue);\n  const isValid =\n    ownValue.trim().length > 0 && Number.isFinite(ownValueNumber) && validate(ownValueNumber);\n\n  const onChange = useCallback<ChangeEventHandler<HTMLInputElement>>(e => {\n    setOwnValue(e.target.value);\n  }, []);\n\n  const onBlur = useCallback(() => {\n    onEditEnd(ownValueNumber !== value && isValid ? ownValueNumber : undefined);\n  }, [isValid, onEditEnd, ownValueNumber, value]);\n\n  const onKeyUp = useCallback<KeyboardEventHandler>(\n    event => {\n      if (event.key === 'Enter') {\n        onBlur();\n      } else if (event.key === 'Escape') {\n        onEditEnd();\n      }\n    },\n    [onBlur, onEditEnd]\n  );\n\n  useEffect(() => {\n    if (isEditing) {\n      setOwnValue(String(value));\n      ref.current?.focus();\n\n      // Needs timeout to properly select input's contents\n      setTimeout(() => ref.current?.select(), 1);\n    }\n  }, [isEditing, value]);\n\n  return (\n    <input\n      ref={ref}\n      type=\"number\"\n      value={ownValue}\n      disabled={!isEditing}\n      className={classNames(\n        styles.field,\n        isEditing && styles.isEditing,\n        !isValid && styles.invalid,\n        isVertical && styles.vertical\n      )}\n      onChange={onChange}\n      onBlur={onBlur}\n      onKeyUp={onKeyUp}\n    />\n  );\n};\n"],"names":["ChartAxisExtremeInput","_ref","isEditing","value","onEditEnd","validate","isVertical","ref","useRef","_useState","useState","String","_useState2","_slicedToArray","ownValue","setOwnValue","ownValueNumber","Number","isValid","trim","length","isFinite","onChange","useCallback","e","target","onBlur","undefined","onKeyUp","event","key","useEffect","_ref$current","current","focus","setTimeout","_ref$current2","select","_jsx","type","disabled","className","classNames","styles","field","invalid","vertical"],"mappings":"6OAYaA,IAAAA,EAAwB,SAa/BC,GAAA,IAZJC,IAAAA,UACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,WASMC,EAAMC,EAAyB,MACrCC,EAAgCC,EAASC,OAAOR,IAAOS,EAAAC,EAAAJ,EAAA,GAAhDK,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAEtBI,EAAiBC,OAAOH,GACxBI,EACJJ,EAASK,OAAOC,OAAS,GAAKH,OAAOI,SAASL,IAAmBX,EAASW,GAEtEM,EAAWC,GAAkD,SAAAC,GACjET,EAAYS,EAAEC,OAAOtB,MACtB,GAAE,IAEGuB,EAASH,GAAY,WACzBnB,EAAUY,IAAmBb,GAASe,EAAUF,OAAiBW,EAClE,GAAE,CAACT,EAASd,EAAWY,EAAgBb,IAElCyB,EAAUL,GACd,SAAAM,GACoB,UAAdA,EAAMC,IACRJ,IACuB,WAAdG,EAAMC,KACf1B,GAEJ,GACA,CAACsB,EAAQtB,IAaX,OAVA2B,GAAU,WACO,IAAAC,EAAX9B,IACFa,EAAYJ,OAAOR,IACnB,QAAA6B,EAAAzB,EAAI0B,eAAJ,IAAAD,GAAAA,EAAaE,QAGbC,YAAW,WAAA,IAAAC,EAAA,OAAM,QAANA,EAAM7B,EAAI0B,eAAJ,IAAAG,OAAA,EAAAA,EAAaC,QAAQ,GAAE,GAE5C,GAAG,CAACnC,EAAWC,IAGbmC,EAAA,QAAA,CACE/B,IAAKA,EACLgC,KAAK,SACLpC,MAAOW,EACP0B,UAAWtC,EACXuC,UAAWC,EACTC,EAAOC,MACP1C,GAAayC,EAAOzC,WACnBgB,GAAWyB,EAAOE,QACnBvC,GAAcqC,EAAOG,UAEvBxB,SAAUA,EACVI,OAAQA,EACRE,QAASA,GAGf"}

package/componentsV2/ChartAxisExtreme/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ChartAxisExtreme';
+export type { ChartAxisExtremeValidator, ChartAxisExtremeChangeHandler } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/componentsV2/ChartAxisExtreme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ChartAxisExtreme/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,YAAY,EAAE,yBAAyB,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC"}

package/componentsV2/ChartAxisExtreme/rawChartOptions.d.ts

@@ -0,0 +1,3 @@
+import { Options } from 'highcharts';
+export declare const rawChartOptionsSingleAxis: Options;
+//# sourceMappingURL=rawChartOptions.d.ts.map

package/componentsV2/ChartAxisExtreme/rawChartOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rawChartOptions.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ChartAxisExtreme/rawChartOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAQrC,eAAO,MAAM,yBAAyB,EAAE,OAkFvC,CAAC"}

package/componentsV2/ChartAxisExtreme/utils.d.ts

@@ -0,0 +1,31 @@
+import { Axis } from 'highcharts';
+import styles from './ChartAxisExtreme.scss';
+export type AxisExtremeType = 'min' | 'max';
+type AxisWithLayout = Axis & {
+    pos?: number;
+    len?: number;
+    offset?: number;
+};
+export type ChartAxisExtremeValidator = (value: number, options: {
+    axis: Axis;
+    extremeType: AxisExtremeType;
+}) => boolean;
+export type ChartAxisExtremeChangeHandler = (value: number, options: {
+    axis: Axis;
+    extremeType: AxisExtremeType;
+}) => void;
+export declare const usePositionStyles: ({ axis, extremeType, }: {
+    axis: AxisWithLayout;
+    extremeType: AxisExtremeType;
+}) => {
+    [styles.positionTopVarName]: string;
+    [styles.positionLeftVarName]: string;
+    [styles.contentInsetVarName]: string;
+    [styles.contentTransformVarName]: string;
+    [styles.contentAnimationDuration]: string;
+};
+export declare const defaultValueFormatter: (value?: number) => string;
+export declare const defaultValueValidator: () => boolean;
+export declare const getDeltaDrag: (eventOffset: number, toggleOffset: number, toggleDimension: number) => number;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/componentsV2/ChartAxisExtreme/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ChartAxisExtreme/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,IAAI,EAAE,MAAM,YAAY,CAAC;AAG9C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,KAAK,CAAC;AAE5C,KAAK,cAAc,GAAG,IAAI,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,CACtC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;IACP,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,eAAe,CAAC;CAC9B,KACE,OAAO,CAAC;AAEb,MAAM,MAAM,6BAA6B,GAAG,CAC1C,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;IACP,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,eAAe,CAAC;CAC9B,KACE,IAAI,CAAC;AAEV,eAAO,MAAM,iBAAiB,2BAG3B;IACD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,eAAe,CAAC;CAC9B;IAsBO,CAAC,MAAM,CAAC,kBAAkB,CAAC,SAAgB;IAC3C,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAgB;IAC5C,CAAC,MAAM,CAAC,mBAAmB,CAAC,SASjB;IACX,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAoB;IACpD,CAAC,MAAM,CAAC,wBAAwB,CAAC,SAA0B;CAsClE,CAAC;AAQF,eAAO,MAAM,qBAAqB,WAAY,MAAM,WAYnD,CAAC;AAEF,eAAO,MAAM,qBAAqB,eAAa,CAAC;AAEhD,eAAO,MAAM,YAAY,gBACV,MAAM,gBACL,MAAM,mBACH,MAAM,WASxB,CAAC"}

package/componentsV2/ChartAxisExtreme/utils.js

@@ -0,0 +1,2 @@
+import t from"@babel/runtime/helpers/defineProperty";import{animObject as o}from"highcharts";import{useMemo as n}from"react";import a from"./ChartAxisExtreme.scss.js";var e=function(e){var i=e.axis,r=e.extremeType,m=i||{},s=m.chart,c=m.offset,u=void 0===c?0:c,p=m.side,f=m.horiz,x=s||{},l=x.plotLeft,d=void 0===l?0:l,v=x.plotTop,h=void 0===v?0:v,N=x.plotWidth,V=void 0===N?0:N;return n((function(){var n,e=i.chart.options.chart,m=o(!e||!("animation"in e)||e.animation).duration;if(f){var s,c,x=i.chart.yAxis[0],l=x.getExtremes(),v=x.toPixels(null==l?void 0:l.min,!0),N=i.toPixels(null===(s=i.getExtremes())||void 0===s?void 0:s[r],!0),T=2===p?h+v:h,b="min"===r?d:d+N;return t(c={},a.positionTopVarName,"".concat(T,"px")),t(c,a.positionLeftVarName,"".concat(b,"px")),t(c,a.contentInsetVarName,["auto","auto",2===p?"auto":0,"auto"].join(" ")),t(c,a.contentTransformVarName,"translateX(-50%)"),t(c,a.contentAnimationDuration,"".concat(m,"ms")),c}var g=i.getExtremes(),A=i.toPixels(null==g?void 0:g[r],!0),E="min"===r?h+A:h,P=3===p?d+u:d+V+u;return t(n={},a.positionTopVarName,"".concat(E,"px")),t(n,a.positionLeftVarName,"".concat(P,"px")),t(n,a.contentInsetVarName,["max"===r?0:"auto",3===p?0:"auto","min"===r?0:"auto",1===p?0:"auto"].join(" ")),t(n,a.contentTransformVarName,"max"===r?"translateY(-50%)":"translateY(50%)"),t(n,a.contentAnimationDuration,"".concat(m,"ms")),n}),[i,r,f,u,d,h,V,p])},i=function(t){var o=t.toFixed(1);return o.endsWith(".0")?o.slice(0,-2):o},r=function(t){return void 0!==t&&Number.isFinite(t)?Math.abs(t)>3e3?"".concat(i(t/1e3),"k"):i(t):""},m=function(){return!0},s=function(t,o,n){return t>o+n?o+n-t:t<o?o-t:0};export{r as defaultValueFormatter,m as defaultValueValidator,s as getDeltaDrag,e as usePositionStyles};
+//# sourceMappingURL=utils.js.map

package/componentsV2/ChartAxisExtreme/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/componentsV2/ChartAxisExtreme/utils.ts"],"sourcesContent":["import { animObject, Axis } from 'highcharts';\nimport { useMemo } from 'react';\n\nimport styles from './ChartAxisExtreme.scss';\n\nexport type AxisExtremeType = 'min' | 'max';\n\ntype AxisWithLayout = Axis & {\n  pos?: number; // Offset from chart side\n  len?: number; // Length (height for Y axis) of an axis in pixels\n  offset?: number; // Offset from chart plot area\n};\n\nexport type ChartAxisExtremeValidator = (\n  value: number,\n  options: {\n    axis: Axis;\n    extremeType: AxisExtremeType;\n  }\n) => boolean;\n\nexport type ChartAxisExtremeChangeHandler = (\n  value: number,\n  options: {\n    axis: Axis;\n    extremeType: AxisExtremeType;\n  }\n) => void;\n\nexport const usePositionStyles = ({\n  axis,\n  extremeType,\n}: {\n  axis: AxisWithLayout;\n  extremeType: AxisExtremeType;\n}) => {\n  // side:number The side on which the axis is rendered. 0 is top, 1 is right, 2 is bottom and 3 is left.\n  const { chart, offset = 0, side, horiz } = axis || {};\n  const { plotLeft = 0, plotTop = 0, plotWidth = 0 } = chart || {};\n\n  return useMemo(() => {\n    const chartOptions = axis.chart.options.chart;\n    const { duration: animationDuration } = animObject(\n      chartOptions && 'animation' in chartOptions ? chartOptions.animation : true\n    );\n\n    if (horiz) {\n      const yAxis = axis.chart.yAxis[0] as AxisWithLayout;\n      const yExtremes = yAxis.getExtremes();\n      const yValuePixel = yAxis.toPixels(yExtremes?.min, true);\n      const valuePixel = axis.toPixels(axis.getExtremes()?.[extremeType], true);\n\n      const yOffset = side === 2 ? plotTop + yValuePixel : plotTop;\n\n      const xOffset = extremeType === 'min' ? plotLeft : plotLeft + valuePixel;\n\n      return {\n        [styles.positionTopVarName]: `${yOffset}px`,\n        [styles.positionLeftVarName]: `${xOffset}px`,\n        [styles.contentInsetVarName]: [\n          // Top\n          'auto',\n          // Right\n          'auto',\n          // Bottom\n          side === 2 ? 'auto' : 0,\n          // Left\n          'auto',\n        ].join(' '),\n        [styles.contentTransformVarName]: 'translateX(-50%)',\n        [styles.contentAnimationDuration]: `${animationDuration}ms`,\n      };\n\n      // console.error('[ChartAxisExtreme] Horizontal axes are not supported');\n      //\n      // return {\n      //   [styles.positionTopVarName]: 0,\n      //   [styles.positionLeftVarName]: 0,\n      //   [styles.contentInsetVarName]: 'auto',\n      // };\n    }\n\n    // These 2 functions should be used like so to provide necessary context to themselves\n    const extremes = axis.getExtremes();\n    const valuePixel = axis.toPixels(extremes?.[extremeType], true);\n\n    const yOffset = extremeType === 'min' ? plotTop + valuePixel : plotTop;\n\n    const xOffset = side === 3 ? plotLeft + offset : plotLeft + plotWidth + offset;\n\n    return {\n      [styles.positionTopVarName]: `${yOffset}px`,\n      [styles.positionLeftVarName]: `${xOffset}px`,\n      [styles.contentInsetVarName]: [\n        // Top\n        extremeType === 'max' ? 0 : 'auto',\n        // Right\n        side === 3 ? 0 : 'auto',\n        // Bottom\n        extremeType === 'min' ? 0 : 'auto',\n        // Left\n        side === 1 ? 0 : 'auto',\n      ].join(' '),\n      [styles.contentTransformVarName]:\n        extremeType === 'max' ? 'translateY(-50%)' : 'translateY(50%)',\n      [styles.contentAnimationDuration]: `${animationDuration}ms`,\n    };\n  }, [axis, extremeType, horiz, offset, plotLeft, plotTop, plotWidth, side]);\n};\n\nconst formatNumber = (value: number) => {\n  const fixed = value.toFixed(1);\n\n  return fixed.endsWith('.0') ? fixed.slice(0, -2) : fixed;\n};\n\nexport const defaultValueFormatter = (value?: number) => {\n  if (value === undefined || !Number.isFinite(value)) {\n    return '';\n  }\n\n  const absValue = Math.abs(value);\n\n  if (absValue > 3000) {\n    return `${formatNumber(value / 1000)}k`;\n  }\n\n  return formatNumber(value);\n};\n\nexport const defaultValueValidator = () => true;\n\nexport const getDeltaDrag = (\n  eventOffset: number,\n  toggleOffset: number,\n  toggleDimension: number\n) => {\n  if (eventOffset > toggleOffset + toggleDimension) {\n    return toggleOffset + toggleDimension - eventOffset;\n  } else if (eventOffset < toggleOffset) {\n    return toggleOffset - eventOffset;\n  }\n\n  return 0;\n};\n"],"names":["usePositionStyles","_ref","axis","extremeType","chart","_ref2$offset","_ref2","offset","side","horiz","_ref3$plotLeft","_ref3","plotLeft","_ref3$plotTop","plotTop","_ref3$plotWidth","plotWidth","useMemo","_ref5","chartOptions","options","animationDuration","animObject","animation","duration","_axis$getExtremes","_ref4","yAxis","yExtremes","getExtremes","yValuePixel","toPixels","min","valuePixel","yOffset","xOffset","_defineProperty","styles","positionTopVarName","concat","positionLeftVarName","contentInsetVarName","join","contentTransformVarName","contentAnimationDuration","extremes","formatNumber","value","fixed","toFixed","endsWith","slice","defaultValueFormatter","undefined","Number","isFinite","Math","abs","defaultValueValidator","getDeltaDrag","eventOffset","toggleOffset","toggleDimension"],"mappings":"uKA6BaA,IAAAA,EAAoB,SAM3BC,GAAA,IALJC,IAAAA,KACAC,IAAAA,YAM2CD,EAAAA,GAAQ,CAAE,EAA7CE,IAAAA,MAAKC,EAAAC,EAAEC,OAAAA,aAAS,EAACF,EAAEG,IAAAA,KAAMC,IAAAA,MACoBL,EAAAA,GAAS,CAAE,EAAAM,EAAAC,EAAxDC,SAAAA,aAAW,EAACF,EAAAG,EAAAF,EAAEG,QAAAA,aAAU,EAACD,EAAAE,EAAAJ,EAAEK,UAAAA,aAAY,EAACD,EAEhD,OAAOE,GAAQ,WAAM,IAAAC,EACbC,EAAejB,EAAKE,MAAMgB,QAAQhB,MACtBiB,EAAsBC,GACtCH,KAAgB,cAAeA,IAAeA,EAAaI,WADrDC,SAIR,GAAIf,EAAO,CAAA,IAAAgB,EAAAC,EACHC,EAAQzB,EAAKE,MAAMuB,MAAM,GACzBC,EAAYD,EAAME,cAClBC,EAAcH,EAAMI,SAASH,eAAAA,EAAWI,KAAK,GAC7CC,EAAa/B,EAAK6B,mBAAS7B,EAAK2B,kCAALJ,EAAqBtB,IAAc,GAE9D+B,EAAmB,IAAT1B,EAAaM,EAAUgB,EAAchB,EAE/CqB,EAA0B,QAAhBhC,EAAwBS,EAAWA,EAAWqB,EAE9D,OAAAG,EAAAV,EAAA,CAAA,EACGW,EAAOC,mBAAkB,GAAAC,OAAML,EAC/BG,OAAAA,EAAAA,EAAAA,EAAOG,8BAAyBL,EAAO,OAAAC,EAAAV,EACvCW,EAAOI,oBAAsB,CAE5B,OAEA,OAES,IAATjC,EAAa,OAAS,EAEtB,QACAkC,KAAK,MACNL,EAAAA,EAAAA,EAAOM,wBAA0B,oBAAkBP,EAAAV,EACnDW,EAAOO,mCAA8BvB,EAAiB,OAAAK,CAU3D,CAGA,IAAMmB,EAAW3C,EAAK2B,cAChBI,EAAa/B,EAAK6B,SAASc,aAAQ,EAARA,EAAW1C,IAAc,GAEpD+B,EAA0B,QAAhB/B,EAAwBW,EAAUmB,EAAanB,EAEzDqB,EAAmB,IAAT3B,EAAaI,EAAWL,EAASK,EAAWI,EAAYT,EAExE,OAAA6B,EAAAlB,EAAA,CAAA,EACGmB,EAAOC,mBAAkB,GAAAC,OAAML,EAC/BG,OAAAA,EAAAA,EAAAA,EAAOG,8BAAyBL,EAAO,OAAAC,EAAAlB,EACvCmB,EAAOI,oBAAsB,CAEZ,QAAhBtC,EAAwB,EAAI,OAEnB,IAATK,EAAa,EAAI,OAED,QAAhBL,EAAwB,EAAI,OAEnB,IAATK,EAAa,EAAI,QACjBkC,KAAK,MACNL,EAAAA,EAAAA,EAAOM,wBACU,QAAhBxC,EAAwB,mBAAqB,mBAC9CkC,EAAAA,EAAAA,EAAOO,mCAA8BvB,EAAiB,OAAAH,CAE3D,GAAG,CAAChB,EAAMC,EAAaM,EAAOF,EAAQK,EAAUE,EAASE,EAAWR,GACtE,EAEMsC,EAAe,SAACC,GACpB,IAAMC,EAAQD,EAAME,QAAQ,GAE5B,OAAOD,EAAME,SAAS,MAAQF,EAAMG,MAAM,GAAI,GAAKH,CACrD,EAEaI,EAAwB,SAACL,GACpC,YAAcM,IAAVN,GAAwBO,OAAOC,SAASR,GAI3BS,KAAKC,IAAIV,GAEX,IACb,GAAAR,OAAUO,EAAaC,EAAQ,KAAK,KAG/BD,EAAaC,GATX,EAUX,EAEaW,EAAwB,WAAH,OAAS,CAAI,EAElCC,EAAe,SAC1BC,EACAC,EACAC,GAEA,OAAIF,EAAcC,EAAeC,EACxBD,EAAeC,EAAkBF,EAC/BA,EAAcC,EAChBA,EAAeD,EAGjB,CACT"}

package/componentsV2/CompletionsOffsetWellPicker/Map/Map.js

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