@corva/ui 3.74.0-9 → 3.75.0-0

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":"6ueAsCA,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":"6xeAsCA,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 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"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.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};
+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/TextArea/TextArea.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"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.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":"4tbAaA,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":"4wbAaA,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/ColorPicker/ColorPicker.d.ts

@@ -22,8 +22,9 @@ export type ColorPickerProps = {
     popoverPlacement?: PopoverProps['placement'];
     onOpen?: () => void;
     onClose?: () => void;
+    elementsClassNames?: Partial<Omit<Required<TextInputNextProps>['elementsClassNames'], 'message' | 'numberStepButtons' | 'prefix' | 'suffix'> & Record<'indicator' | 'popover', string>>;
     className?: string;
     testId?: string;
 };
-export declare const ColorPicker: ({ format, className, label, labelPlacement, popoverPlacement, testId, disabled, size, onOpen, onClose, value, onChange, disableOpacityDrag, enableAlpha, }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorPicker: ({ format, className, label, labelPlacement, popoverPlacement, testId, disabled, size, onOpen, onClose, value, onChange, disableOpacityDrag, enableAlpha, elementsClassNames, }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ColorPicker.d.ts.map

package/componentsV2/ColorPicker/ColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAcnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAE7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmBF,eAAO,MAAM,WAAW,+JAerB,gBAAgB,4CA4UlB,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAcnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAE7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,kBAAkB,CAAC,EAAE,OAAO,CAC1B,IAAI,CACF,QAAQ,CAAC,kBAAkB,CAAC,CAAC,oBAAoB,CAAC,EAClD,SAAS,GAAG,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CACtD,GACC,MAAM,CAAC,WAAW,GAAG,SAAS,EAAE,MAAM,CAAC,CAC1C,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAUF,eAAO,MAAM,WAAW,mLAgBrB,gBAAgB,4CAwWlB,CAAC"}

package/componentsV2/ColorPicker/ColorPicker.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import n from"classnames";import{useMemo as c,useState as i,useRef as t,useCallback as r,useEffect as e}from"react";import{ChromePicker as a}from"react-color";import{throttle as l}from"lodash";import{v4 as m}from"uuid";import{TextInputNext as u}from"../TextInputNext/TextInputNext.js";import{Popover as p}from"../Popover/Popover.js";import{ButtonIcon as d}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as j}from"../Tooltip/Tooltip.js";import f from"../../effects/useOutsideClick.js";import{Swatches as I}from"./Swatches/Swatches.js";import{parseColor as b,channelsToHex as h,channelsToRgba as v,defaultColor as C}from"./utils.js";import{OpacityDragTracker as y}from"./OpacityDragtracker/OpacityDragtracker.js";import{useChromePickerAccessibility as O}from"./useChromePickerAccessibility.js";import g from"./ColorPicker.scss.js";import{PaletteIcon as k,PickerIcon as P}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 D,Fragment as x,jsx as A}from"react/jsx-runtime";function F(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function N(o){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?F(Object(c),!0).forEach((function(n){s(o,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):F(Object(c)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(c,s))}))}return o}var S={small:g.small,medium:g.medium,large:g.large},w={inputContainer:g.inputContainer,numberStepButtons:g.numberStepButtons,prefix:g.prefixContainer,suffix:g.suffixContainer,input:g.input,label:g.label},T=function(s){var F=s.format,T=void 0===F?"hex":F,E=s.className,M=s.label,B=s.labelPlacement,z=void 0===B?"top":B,R=s.popoverPlacement,W=void 0===R?"bottom-start":R,L=s.testId,G=s.disabled,K=s.size,U=void 0===K?"small":K,q=s.onOpen,V=s.onClose,H=s.value,Z=void 0===H?C:H,J=s.onChange,Q=s.disableOpacityDrag,X=s.enableAlpha,Y=void 0!==X&&X,$=c((function(){try{var o=b(Z);return N(N({},o),{},{a:Y?o.a:1})}catch(o){return b(C)}}),[Z,Y]),_=i(!1),oo=o(_,2),so=oo[0],no=oo[1],co=t(null),io=t(null),to=i(!0),ro=o(to,2),eo=ro[0],ao=ro[1],lo=i(null),mo=o(lo,2),uo=mo[0],po=mo[1],jo=i($),fo=o(jo,2),Io=fo[0],bo=fo[1],ho=t(null),vo=c((function(){return"corva-color-picker-".concat(m())}),[]),Co="".concat(vo,"-opacity-input"),yo="".concat(vo,"-label"),Oo="".concat(vo,"-opacity-label"),go=Boolean(M),ko=r((function(){no(!0),null==q||q()}),[q]),Po=r((function(o){o.preventDefault(),po(null),ko()}),[ko]),Do=r((function(){po(null),ko()}),[ko]),xo=r((function(o){G||"Enter"!==o.key&&" "!==o.key&&"ArrowDown"!==o.key||(o.preventDefault(),po("palette"),ko())}),[G,ko]),Ao=r((function(){var o,s,n=!(null===(o=ho.current)||void 0===o||!o.contains(document.activeElement));(po(null),no(!1),null==V||V(),n)&&(null===(s=io.current)||void 0===s||s.focus({preventScroll:!0}))}),[V]),Fo=r((function(o){po(0===o.detail?"palette":null),ao(!0)}),[]),No=r((function(o){po(0===o.detail?"picker":null),ao(!1)}),[]),So=r((function(){return po(null)}),[]),wo=r((function(o){return bo(o.rgb)}),[]),To=r((function(o){var s="hex"===T?h(o,Y):v(o,Y);null==J||J(s)}),[T,J,Y]),Eo=r((function(o){bo(o),To(o)}),[To]),Mo=O({color:Io,enableAlpha:Y,isActive:!eo,onChange:Eo}),Bo=Mo.pickerRef,zo=Mo.onKeyDown;e((function(){var o;if("picker"===uo&&!eo){var s=null===(o=Bo.current)||void 0===o?void 0:o.querySelector('[data-color-picker-control="saturation"]');s&&(s.focus({preventScroll:!0}),So())}}),[So,uo,eo,Bo]);var Ro=r((function(o){var s=Number(o);if(!(Number.isNaN(s)||s<0||s>100)){var n=N(N({},$),{},{a:s/100});To(n)}}),[$,To]),Wo=r((function(o){To(o.rgb)}),[To]),Lo=r((function(o){var s=$.a||1,n=Y&&0===o.a?0:s;To(N(N({},o),{},{a:n}))}),[To,$.a,Y]),Go=r((function(){setTimeout((function(){var o,s;no(!1),null===(o=document.activeElement)||void 0===o||null===(s=o.blur)||void 0===s||s.call(o)}),0)}),[]),Ko=c((function(){return l((function(o){var s=String(Math.round(o));Ro(s)}),100)}),[Ro]);e((function(){bo($)}),[$]),e((function(){so&&ao(!0)}),[so]),f(ho,Ao,[co.current]);var Uo=String(Math.round(100*Io.a)),qo=(null==W?void 0:W.startsWith("top"))||(null==W?void 0:W.startsWith("bottom")),Vo=(null==W?void 0:W.startsWith("left"))||(null==W?void 0:W.startsWith("right")),Ho=go?D(x,{children:[A("label",{id:yo,htmlFor:Co,children:"string"==typeof M?A(u.Label,{children:M}):M}),A("span",{id:Oo,hidden:!0,children:"Opacity"})]}):void 0,Zo=c((function(){return go?{id:Co,"aria-labelledby":"".concat(yo," ").concat(Oo)}:{id:Co,"aria-label":"Opacity"}}),[go,Co,yo,Oo]);return D(x,{children:[A(u,{label:Ho,labelPlacement:z,disabled:G,size:U,rootTagName:"div",prefix:D(x,{children:[D("div",{className:g.fakeValue,children:[Uo,A("span",{className:g.fakeValuePercent,children:"%"})]}),A("div",{ref:io,className:n(g.indicator,0===Io.a&&g.transparent),style:{"--corvaui-colorpicker-indicatorcolor":h(Io,!1)},onClick:G?void 0:Po,onKeyDown:xo,role:"button","aria-label":go?void 0:"Color picker","aria-labelledby":go?yo:void 0,"aria-expanded":so,"aria-disabled":G,tabIndex:G?-1:0})]}),suffix:Y&&!Q&&!G&&A(y,{value:Number(Uo),onDrag:Ko,onDragEnd:Go}),className:n(g.root,S[U],!Y&&g.noAlpha,E),testId:L,inputContainerRef:co,value:Uo,onChange:Ro,onFocus:Do,inputType:"number",inputMode:"numeric",htmlAttributes:Zo,elementsClassNames:w}),D(p,{ref:ho,anchorEl:co.current,open:so,onClose:Ao,placement:W,className:n(g.popover,qo&&g.marginVertical,Vo&&g.marginHorizontal,0===Io.a&&g.isTransparent),backdrop:!1,children:[eo?A(I,{onChange:Lo,value:$,addTransparent:Y,autoFocus:"palette"===uo,onAutoFocus:So}):A("div",{ref:Bo,className:g.pickerContainer,onKeyDown:zo,children:A(a,{color:Io,onChange:wo,onChangeComplete:Wo,disableAlpha:!Y,className:g.picker})}),D("div",{className:g.switchButtons,children:[A(j,{title:"Palette",children:A(d,{ariaLabel:"Show color palette",size:"medium",type:eo?"secondary":"tertiary",onClick:Fo,children:A(k,{})})}),A(j,{title:"Pick your own",children:A(d,{ariaLabel:"Show custom color picker",size:"medium",type:eo?"tertiary":"secondary",onClick:No,children:A(P,{})})})]})]})]})};export{T as ColorPicker};
+import o from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{useMemo as i,useState as c,useRef as t,useCallback as r,useEffect as e}from"react";import{ChromePicker as a}from"react-color";import{throttle as l}from"lodash";import{v4 as m}from"uuid";import{TextInputNext as u}from"../TextInputNext/TextInputNext.js";import{Popover as p}from"../Popover/Popover.js";import{ButtonIcon as d}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as j}from"../Tooltip/Tooltip.js";import{Popper as f}from"../Popper/Popper.js";import{Swatches as I}from"./Swatches/Swatches.js";import{parseColor as b,channelsToHex as h,channelsToRgba as v,defaultColor as C}from"./utils.js";import{OpacityDragTracker as y}from"./OpacityDragtracker/OpacityDragtracker.js";import{useChromePickerAccessibility as g}from"./useChromePickerAccessibility.js";import O from"./ColorPicker.scss.js";import{PaletteIcon as k,PickerIcon as P}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 D,Fragment as N,jsx as x}from"react/jsx-runtime";function A(o,n){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),s.push.apply(s,i)}return s}function F(o){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?A(Object(i),!0).forEach((function(s){n(o,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):A(Object(i)).forEach((function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(i,n))}))}return o}var S={small:O.small,medium:O.medium,large:O.large},w=function(n){var A=n.format,w=void 0===A?"hex":A,T=n.className,E=n.label,M=n.labelPlacement,B=void 0===M?"top":M,z=n.popoverPlacement,R=void 0===z?"bottom-start":z,W=n.testId,L=n.disabled,G=n.size,K=void 0===G?"small":G,U=n.onOpen,q=n.onClose,V=n.value,H=void 0===V?C:V,Z=n.onChange,J=n.disableOpacityDrag,Q=n.enableAlpha,X=void 0!==Q&&Q,Y=n.elementsClassNames,$=void 0===Y?{}:Y,_=i((function(){return{input:s(O.input,$.input),inputContainer:s(O.inputContainer,$.inputContainer),label:s(O.label,$.label),prefix:O.prefixContainer,suffix:O.suffixContainer,numberStepButtons:O.numberStepButtons}}),[$.input,$.inputContainer,$.label]),oo=i((function(){try{var o=b(H);return F(F({},o),{},{a:X?o.a:1})}catch(o){return b(C)}}),[H,X]),no=c(!1),so=o(no,2),io=so[0],co=so[1],to=t(null),ro=t(null),eo=c(!0),ao=o(eo,2),lo=ao[0],mo=ao[1],uo=c(null),po=o(uo,2),jo=po[0],fo=po[1],Io=c(oo),bo=o(Io,2),ho=bo[0],vo=bo[1],Co=t(null),yo=i((function(){return"corva-color-picker-".concat(m())}),[]),go="".concat(yo,"-opacity-input"),Oo="".concat(yo,"-label"),ko="".concat(yo,"-opacity-label"),Po=Boolean(E),Do=r((function(){co(!0),null==U||U()}),[U]),No=r((function(o){o.preventDefault(),fo(null),Do()}),[Do]),xo=r((function(){fo(null),Do()}),[Do]),Ao=r((function(o){L||"Enter"!==o.key&&" "!==o.key&&"ArrowDown"!==o.key||(o.preventDefault(),fo("palette"),Do())}),[L,Do]),Fo=r((function(){var o,n,s=!(null===(o=Co.current)||void 0===o||!o.contains(document.activeElement));(fo(null),co(!1),null==q||q(),s)&&(null===(n=ro.current)||void 0===n||n.focus({preventScroll:!0}))}),[q]),So=r((function(o){fo(0===o.detail?"palette":null),mo(!0)}),[]),wo=r((function(o){fo(0===o.detail?"picker":null),mo(!1)}),[]),To=r((function(){return fo(null)}),[]),Eo=r((function(o){return vo(o.rgb)}),[]),Mo=r((function(o){var n="hex"===w?h(o,X):v(o,X);null==Z||Z(n)}),[w,Z,X]),Bo=r((function(o){vo(o),Mo(o)}),[Mo]),zo=g({color:ho,enableAlpha:X,isActive:!lo,onChange:Bo}),Ro=zo.pickerRef,Wo=zo.onKeyDown;e((function(){var o;if("picker"===jo&&!lo){var n=null===(o=Ro.current)||void 0===o?void 0:o.querySelector('[data-color-picker-control="saturation"]');n&&(n.focus({preventScroll:!0}),To())}}),[To,jo,lo,Ro]);var Lo=r((function(o){var n=Number(o);if(!(Number.isNaN(n)||n<0||n>100)){var s=F(F({},oo),{},{a:n/100});Mo(s)}}),[oo,Mo]),Go=r((function(o){Mo(o.rgb)}),[Mo]),Ko=r((function(o){var n=oo.a||1,s=X&&0===o.a?0:n;Mo(F(F({},o),{},{a:s}))}),[Mo,oo.a,X]),Uo=r((function(){setTimeout((function(){var o,n;co(!1),null===(o=document.activeElement)||void 0===o||null===(n=o.blur)||void 0===n||n.call(o)}),0)}),[]),qo=i((function(){return l((function(o){var n=String(Math.round(o));Lo(n)}),100)}),[Lo]);e((function(){vo(oo)}),[oo]),e((function(){io&&mo(!0)}),[io]);var Vo=String(Math.round(100*ho.a)),Ho=(null==R?void 0:R.startsWith("top"))||(null==R?void 0:R.startsWith("bottom")),Zo=(null==R?void 0:R.startsWith("left"))||(null==R?void 0:R.startsWith("right")),Jo=Po?D(N,{children:[x("label",{id:Oo,htmlFor:go,children:"string"==typeof E?x(u.Label,{children:E}):E}),x("span",{id:ko,hidden:!0,children:"Opacity"})]}):void 0,Qo=i((function(){return Po?{id:go,"aria-labelledby":"".concat(Oo," ").concat(ko)}:{id:go,"aria-label":"Opacity"}}),[Po,go,Oo,ko]);return D(N,{children:[x(u,{label:Jo,labelPlacement:B,disabled:L,size:K,rootTagName:"div",prefix:D(N,{children:[D("div",{className:O.fakeValue,children:[Vo,x("span",{className:O.fakeValuePercent,children:"%"})]}),x("div",{ref:ro,className:s(O.indicator,0===ho.a&&O.transparent,$.indicator),style:{"--corvaui-colorpicker-indicatorcolor":h(ho,!1)},onClick:L?void 0:No,onKeyDown:Ao,role:"button","aria-label":Po?void 0:"Color picker","aria-labelledby":Po?Oo:void 0,"aria-expanded":io,"aria-disabled":L,tabIndex:L?-1:0})]}),suffix:!io&&X&&!J&&!L&&x(y,{value:Number(Vo),onDrag:qo,onDragEnd:Uo}),className:s(O.root,S[K],!X&&O.noAlpha,T),testId:W,inputContainerRef:to,value:Vo,onChange:Lo,onFocus:xo,inputType:"number",inputMode:"numeric",htmlAttributes:Qo,elementsClassNames:_}),D(p,{ref:Co,anchorEl:to.current,open:io,onClose:Fo,placement:R,className:s(O.popover,Ho&&O.marginVertical,Zo&&O.marginHorizontal,0===ho.a&&O.isTransparent,$.popover),children:[lo?x(I,{onChange:Ko,value:oo,addTransparent:X,autoFocus:"palette"===jo,onAutoFocus:To}):x("div",{ref:Ro,className:O.pickerContainer,onKeyDown:Wo,children:x(a,{color:ho,onChange:Eo,onChangeComplete:Go,disableAlpha:!X,className:O.picker})}),D("div",{className:O.switchButtons,children:[x(j,{title:"Palette",children:x(d,{ariaLabel:"Show color palette",size:"medium",type:lo?"secondary":"tertiary",onClick:So,children:x(k,{})})}),x(j,{title:"Pick your own",children:x(d,{ariaLabel:"Show custom color picker",size:"medium",type:lo?"tertiary":"secondary",onClick:wo,children:x(P,{})})})]})]}),io&&X&&!J&&x(f,{open:io,anchorEl:to.current,className:O.dragTrackerPopper,placement:"right",children:x(y,{onDrag:qo,onDragEnd:Uo})})]})};export{w as ColorPicker};
 //# sourceMappingURL=ColorPicker.js.map

package/componentsV2/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  CSSProperties,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ChromePicker, ColorResult } from 'react-color';\nimport { throttle } from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputNext, TextInputNextProps } from '../TextInputNext';\nimport { Popover, PopoverProps } from '../Popover';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\nimport useOutsideClick from '../../effects/useOutsideClick';\n\nimport { Swatches } from './Swatches';\nimport { channelsToHex, channelsToRgba, ColorChannels, defaultColor, parseColor } from './utils';\nimport { OpacityDragTracker } from './OpacityDragtracker';\nimport { useChromePickerAccessibility } from './useChromePickerAccessibility';\n\nimport styles from './ColorPicker.scss';\n\nimport { PaletteIcon, PickerIcon } from '~/icons';\n\nexport type ColorPickerProps = {\n  value?: string;\n  onChange?: (value: string) => void;\n\n  size?: TextInputNextProps['size'];\n  label?: TextInputNextProps['label'];\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  disabled?: boolean;\n  /**\n   * Disables drag to change opacity functinality\n   */\n  disableOpacityDrag?: boolean;\n  /**\n   * Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`\n   */\n  format?: 'rgb' | 'hex';\n  /**\n   * Allows user to control color's opacity, adds alpha channel to resulting color string\n   */\n  enableAlpha?: boolean;\n\n  popoverPlacement?: PopoverProps['placement'];\n\n  onOpen?: () => void;\n  onClose?: () => void;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ColorPickerProps>['size'], string> = {\n  small: styles.small,\n  medium: styles.medium,\n  large: styles.large,\n};\n\nconst elementsClassNames: TextInputNextProps['elementsClassNames'] = {\n  inputContainer: styles.inputContainer,\n  numberStepButtons: styles.numberStepButtons,\n  prefix: styles.prefixContainer,\n  suffix: styles.suffixContainer,\n  input: styles.input,\n  label: styles.label,\n};\n\ntype FocusTarget = 'palette' | 'picker';\n\nexport const ColorPicker = ({\n  format = 'hex',\n  className,\n  label,\n  labelPlacement = 'top',\n  popoverPlacement = 'bottom-start',\n  testId,\n  disabled,\n  size = 'small',\n  onOpen,\n  onClose,\n  value = defaultColor,\n  onChange,\n  disableOpacityDrag,\n  enableAlpha = false,\n}: ColorPickerProps) => {\n  const valueChannels = useMemo(() => {\n    try {\n      const channels = parseColor(value);\n\n      return { ...channels, a: enableAlpha ? channels.a : 1 };\n    } catch (_) {\n      return parseColor(defaultColor);\n    }\n  }, [value, enableAlpha]);\n\n  const [isMenuOpen, setIsOpen] = useState(false);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const indicatorRef = useRef<HTMLDivElement>(null);\n  const [isSwatches, setIsSwatches] = useState(true);\n  const [focusTarget, setFocusTarget] = useState<FocusTarget | null>(null);\n  const [internalValue, setInternalValue] = useState<ColorChannels>(valueChannels);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const accessibilityId = useMemo(() => `corva-color-picker-${uuidv4()}`, []);\n  const inputId = `${accessibilityId}-opacity-input`;\n  const labelId = `${accessibilityId}-label`;\n  const opacityLabelId = `${accessibilityId}-opacity-label`;\n  const hasLabel = Boolean(label);\n\n  const openMenu = useCallback(() => {\n    setIsOpen(true);\n    onOpen?.();\n  }, [onOpen]);\n\n  const openMenuSwatch = useCallback<MouseEventHandler>(\n    e => {\n      e.preventDefault();\n      setFocusTarget(null);\n      openMenu();\n    },\n    [openMenu]\n  );\n\n  const openMenuFocus = useCallback(() => {\n    setFocusTarget(null);\n    openMenu();\n  }, [openMenu]);\n\n  const openMenuKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    event => {\n      if (!disabled && (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown')) {\n        event.preventDefault();\n        setFocusTarget('palette');\n        openMenu();\n      }\n    },\n    [disabled, openMenu]\n  );\n\n  const closeMenu = useCallback(() => {\n    const isFocusInPopover = !!popoverRef.current?.contains(document.activeElement);\n\n    setFocusTarget(null);\n    setIsOpen(false);\n    onClose?.();\n\n    // Return focus to the trigger so keyboard flow is not lost after Escape/outside dismiss\n    if (isFocusInPopover) {\n      indicatorRef.current?.focus({ preventScroll: true });\n    }\n  }, [onClose]);\n\n  const setSwatches = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'palette' : null);\n    setIsSwatches(true);\n  }, []);\n\n  const setPicker = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'picker' : null);\n    setIsSwatches(false);\n  }, []);\n\n  const clearFocusTarget = useCallback(() => setFocusTarget(null), []);\n\n  const onInternalValueChange = useCallback(\n    (color: ColorResult) => setInternalValue(color.rgb),\n    []\n  );\n\n  const onActualChange = useCallback(\n    (color: ColorChannels) => {\n      const formatted =\n        format === 'hex' ? channelsToHex(color, enableAlpha) : channelsToRgba(color, enableAlpha);\n      onChange?.(formatted);\n    },\n    [format, onChange, enableAlpha]\n  );\n\n  const onKeyboardPickerChange = useCallback(\n    (color: ColorChannels) => {\n      setInternalValue(color);\n      onActualChange(color);\n    },\n    [onActualChange]\n  );\n\n  const { pickerRef, onKeyDown: onPickerKeyDown } = useChromePickerAccessibility({\n    color: internalValue,\n    enableAlpha,\n    isActive: !isSwatches,\n    onChange: onKeyboardPickerChange,\n  });\n\n  useEffect(() => {\n    if (focusTarget !== 'picker' || isSwatches) {\n      return;\n    }\n\n    const firstControl = pickerRef.current?.querySelector<HTMLElement>(\n      '[data-color-picker-control=\"saturation\"]'\n    );\n\n    if (firstControl) {\n      firstControl.focus({ preventScroll: true });\n      clearFocusTarget();\n    }\n  }, [clearFocusTarget, focusTarget, isSwatches, pickerRef]);\n\n  const onOpacityInputChange = useCallback(\n    (opacityString: string) => {\n      const opacityNumber = Number(opacityString);\n\n      if (Number.isNaN(opacityNumber) || opacityNumber < 0 || opacityNumber > 100) {\n        return;\n      }\n\n      const color = { ...valueChannels, a: opacityNumber / 100 };\n      onActualChange(color);\n    },\n    [valueChannels, onActualChange]\n  );\n\n  const pickerOnChange = useCallback(\n    (color: ColorResult) => {\n      onActualChange(color.rgb);\n    },\n    [onActualChange]\n  );\n\n  const swatchOnChange = useCallback(\n    (color: ColorChannels) => {\n      const nonZeroAlpha = valueChannels.a || 1;\n      const alpha = enableAlpha && color.a === 0 ? 0 : nonZeroAlpha;\n      onActualChange({ ...color, a: alpha });\n    },\n    [onActualChange, valueChannels.a, enableAlpha]\n  );\n\n  // Prevents focus on opacity drag end\n  const onOpacityDragEnd = useCallback(() => {\n    setTimeout(() => {\n      setIsOpen(false);\n      (document.activeElement as HTMLElement | null)?.blur?.();\n    }, 0);\n  }, []);\n\n  const onOpacityDrag = useMemo(\n    () =>\n      throttle((percent: number) => {\n        const newFieldValue = String(Math.round(percent));\n        onOpacityInputChange(newFieldValue);\n      }, 100),\n    [onOpacityInputChange]\n  );\n\n  useEffect(() => {\n    setInternalValue(valueChannels);\n  }, [valueChannels]);\n\n  useEffect(() => {\n    if (isMenuOpen) {\n      setIsSwatches(true);\n    }\n  }, [isMenuOpen]);\n\n  useOutsideClick(popoverRef, closeMenu, [inputContainerRef.current]);\n\n  const inputValue = String(Math.round(internalValue.a * 100));\n\n  const hasVerticalMargin =\n    popoverPlacement?.startsWith('top') || popoverPlacement?.startsWith('bottom');\n  const hasHorizontalMargin =\n    popoverPlacement?.startsWith('left') || popoverPlacement?.startsWith('right');\n  const accessibleLabel = hasLabel ? (\n    <>\n      <label id={labelId} htmlFor={inputId}>\n        {typeof label === 'string' ? <TextInputNext.Label>{label}</TextInputNext.Label> : label}\n      </label>\n      <span id={opacityLabelId} hidden>\n        Opacity\n      </span>\n    </>\n  ) : undefined;\n  const inputHtmlAttributes: TextInputNextProps['htmlAttributes'] = useMemo(\n    () =>\n      hasLabel\n        ? {\n            id: inputId,\n            'aria-labelledby': `${labelId} ${opacityLabelId}`,\n          }\n        : {\n            id: inputId,\n            'aria-label': 'Opacity',\n          },\n    [hasLabel, inputId, labelId, opacityLabelId]\n  );\n\n  return (\n    <>\n      <TextInputNext\n        label={accessibleLabel}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n        size={size}\n        rootTagName=\"div\"\n        prefix={\n          <>\n            <div className={styles.fakeValue}>\n              {inputValue}\n              <span className={styles.fakeValuePercent}>%</span>\n            </div>\n\n            <div\n              ref={indicatorRef}\n              className={classNames(styles.indicator, internalValue.a === 0 && styles.transparent)}\n              style={\n                {\n                  '--corvaui-colorpicker-indicatorcolor': channelsToHex(internalValue, false),\n                } as CSSProperties\n              }\n              onClick={disabled ? undefined : openMenuSwatch}\n              onKeyDown={openMenuKeyDown}\n              role=\"button\"\n              aria-label={hasLabel ? undefined : 'Color picker'}\n              aria-labelledby={hasLabel ? labelId : undefined}\n              aria-expanded={isMenuOpen}\n              aria-disabled={disabled}\n              tabIndex={disabled ? -1 : 0}\n            />\n          </>\n        }\n        suffix={\n          enableAlpha &&\n          !disableOpacityDrag &&\n          !disabled && (\n            <OpacityDragTracker\n              value={Number(inputValue)}\n              onDrag={onOpacityDrag}\n              onDragEnd={onOpacityDragEnd}\n            />\n          )\n        }\n        className={classNames(\n          styles.root,\n          SizeToClassMap[size],\n          !enableAlpha && styles.noAlpha,\n          className\n        )}\n        testId={testId}\n        inputContainerRef={inputContainerRef}\n        value={inputValue}\n        onChange={onOpacityInputChange}\n        onFocus={openMenuFocus}\n        inputType=\"number\"\n        inputMode=\"numeric\"\n        htmlAttributes={inputHtmlAttributes}\n        elementsClassNames={elementsClassNames}\n      />\n\n      <Popover\n        ref={popoverRef}\n        anchorEl={inputContainerRef.current}\n        open={isMenuOpen}\n        onClose={closeMenu}\n        placement={popoverPlacement}\n        className={classNames(\n          styles.popover,\n          hasVerticalMargin && styles.marginVertical,\n          hasHorizontalMargin && styles.marginHorizontal,\n          internalValue.a === 0 && styles.isTransparent\n        )}\n        backdrop={false}\n      >\n        {isSwatches ? (\n          <Swatches\n            onChange={swatchOnChange}\n            value={valueChannels}\n            addTransparent={enableAlpha}\n            autoFocus={focusTarget === 'palette'}\n            onAutoFocus={clearFocusTarget}\n          />\n        ) : (\n          <div ref={pickerRef} className={styles.pickerContainer} onKeyDown={onPickerKeyDown}>\n            <ChromePicker\n              color={internalValue}\n              onChange={onInternalValueChange}\n              onChangeComplete={pickerOnChange}\n              disableAlpha={!enableAlpha}\n              className={styles.picker}\n            />\n          </div>\n        )}\n        <div className={styles.switchButtons}>\n          <Tooltip title=\"Palette\">\n            <ButtonIcon\n              ariaLabel=\"Show color palette\"\n              size=\"medium\"\n              type={isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setSwatches}\n            >\n              <PaletteIcon />\n            </ButtonIcon>\n          </Tooltip>\n          <Tooltip title=\"Pick your own\">\n            <ButtonIcon\n              ariaLabel=\"Show custom color picker\"\n              size=\"medium\"\n              type={!isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setPicker}\n            >\n              <PickerIcon />\n            </ButtonIcon>\n          </Tooltip>\n        </div>\n      </Popover>\n    </>\n  );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","elementsClassNames","inputContainer","numberStepButtons","prefix","prefixContainer","suffix","suffixContainer","input","label","ColorPicker","_ref","_ref$format","format","className","_ref$labelPlacement","labelPlacement","_ref$popoverPlacement","popoverPlacement","testId","disabled","_ref$size","size","onOpen","onClose","_ref$value","value","defaultColor","onChange","disableOpacityDrag","_ref$enableAlpha","enableAlpha","valueChannels","useMemo","channels","parseColor","_objectSpread","a","_","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsOpen","inputContainerRef","useRef","indicatorRef","_useState4","_useState3","isSwatches","setIsSwatches","_useState6","_useState5","focusTarget","setFocusTarget","_useState8","_useState7","internalValue","setInternalValue","popoverRef","accessibilityId","concat","uuidv4","inputId","labelId","opacityLabelId","hasLabel","Boolean","openMenu","useCallback","openMenuSwatch","e","preventDefault","openMenuFocus","openMenuKeyDown","event","key","closeMenu","_popoverRef$current","_indicatorRef$current","isFocusInPopover","current","contains","document","activeElement","focus","preventScroll","setSwatches","detail","setPicker","clearFocusTarget","onInternalValueChange","color","rgb","onActualChange","formatted","channelsToHex","channelsToRgba","onKeyboardPickerChange","_useChromePickerAcces","useChromePickerAccessibility","isActive","pickerRef","onPickerKeyDown","onKeyDown","useEffect","_pickerRef$current","firstControl","querySelector","onOpacityInputChange","opacityString","opacityNumber","Number","isNaN","pickerOnChange","swatchOnChange","nonZeroAlpha","alpha","onOpacityDragEnd","setTimeout","_document$activeEleme","_document$activeEleme2","blur","call","onOpacityDrag","throttle","percent","newFieldValue","String","Math","round","useOutsideClick","inputValue","hasVerticalMargin","startsWith","hasHorizontalMargin","accessibleLabel","_jsxs","_Fragment","children","_jsx","id","htmlFor","TextInputNext","Label","hidden","undefined","inputHtmlAttributes","rootTagName","fakeValue","fakeValuePercent","ref","classNames","indicator","transparent","style","onClick","role","tabIndex","OpacityDragTracker","onDrag","onDragEnd","root","noAlpha","onFocus","inputType","inputMode","htmlAttributes","Popover","anchorEl","open","placement","popover","marginVertical","marginHorizontal","isTransparent","backdrop","Swatches","addTransparent","autoFocus","onAutoFocus","pickerContainer","ChromePicker","onChangeComplete","disableAlpha","picker","switchButtons","Tooltip","title","ButtonIcon","ariaLabel","type","PaletteIcon","PickerIcon"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  CSSProperties,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ChromePicker, ColorResult } from 'react-color';\nimport { throttle } from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputNext, TextInputNextProps } from '../TextInputNext';\nimport { Popover, PopoverProps } from '../Popover';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\nimport { Popper } from '../Popper';\n\nimport { Swatches } from './Swatches';\nimport { channelsToHex, channelsToRgba, ColorChannels, defaultColor, parseColor } from './utils';\nimport { OpacityDragTracker } from './OpacityDragtracker';\nimport { useChromePickerAccessibility } from './useChromePickerAccessibility';\n\nimport styles from './ColorPicker.scss';\n\nimport { PaletteIcon, PickerIcon } from '~/icons';\n\nexport type ColorPickerProps = {\n  value?: string;\n  onChange?: (value: string) => void;\n\n  size?: TextInputNextProps['size'];\n  label?: TextInputNextProps['label'];\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  disabled?: boolean;\n  /**\n   * Disables drag to change opacity functinality\n   */\n  disableOpacityDrag?: boolean;\n  /**\n   * Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`\n   */\n  format?: 'rgb' | 'hex';\n  /**\n   * Allows user to control color's opacity, adds alpha channel to resulting color string\n   */\n  enableAlpha?: boolean;\n\n  popoverPlacement?: PopoverProps['placement'];\n\n  onOpen?: () => void;\n  onClose?: () => void;\n\n  elementsClassNames?: Partial<\n    Omit<\n      Required<TextInputNextProps>['elementsClassNames'],\n      'message' | 'numberStepButtons' | 'prefix' | 'suffix'\n    > &\n      Record<'indicator' | 'popover', string>\n  >;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ColorPickerProps>['size'], string> = {\n  small: styles.small,\n  medium: styles.medium,\n  large: styles.large,\n};\n\ntype FocusTarget = 'palette' | 'picker';\n\nexport const ColorPicker = ({\n  format = 'hex',\n  className,\n  label,\n  labelPlacement = 'top',\n  popoverPlacement = 'bottom-start',\n  testId,\n  disabled,\n  size = 'small',\n  onOpen,\n  onClose,\n  value = defaultColor,\n  onChange,\n  disableOpacityDrag,\n  enableAlpha = false,\n  elementsClassNames = {},\n}: ColorPickerProps) => {\n  const inputElementsClassNames = useMemo<TextInputNextProps['elementsClassNames']>(\n    () => ({\n      input: classNames(styles.input, elementsClassNames.input),\n      inputContainer: classNames(styles.inputContainer, elementsClassNames.inputContainer),\n      label: classNames(styles.label, elementsClassNames.label),\n      prefix: styles.prefixContainer,\n      suffix: styles.suffixContainer,\n      numberStepButtons: styles.numberStepButtons,\n    }),\n    [elementsClassNames.input, elementsClassNames.inputContainer, elementsClassNames.label]\n  );\n\n  const valueChannels = useMemo(() => {\n    try {\n      const channels = parseColor(value);\n\n      return { ...channels, a: enableAlpha ? channels.a : 1 };\n    } catch (_) {\n      return parseColor(defaultColor);\n    }\n  }, [value, enableAlpha]);\n\n  const [isMenuOpen, setIsOpen] = useState(false);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const indicatorRef = useRef<HTMLDivElement>(null);\n  const [isSwatches, setIsSwatches] = useState(true);\n  const [focusTarget, setFocusTarget] = useState<FocusTarget | null>(null);\n  const [internalValue, setInternalValue] = useState<ColorChannels>(valueChannels);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const accessibilityId = useMemo(() => `corva-color-picker-${uuidv4()}`, []);\n  const inputId = `${accessibilityId}-opacity-input`;\n  const labelId = `${accessibilityId}-label`;\n  const opacityLabelId = `${accessibilityId}-opacity-label`;\n  const hasLabel = Boolean(label);\n\n  const openMenu = useCallback(() => {\n    setIsOpen(true);\n    onOpen?.();\n  }, [onOpen]);\n\n  const openMenuSwatch = useCallback<MouseEventHandler>(\n    e => {\n      e.preventDefault();\n      setFocusTarget(null);\n      openMenu();\n    },\n    [openMenu]\n  );\n\n  const openMenuFocus = useCallback(() => {\n    setFocusTarget(null);\n    openMenu();\n  }, [openMenu]);\n\n  const openMenuKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    event => {\n      if (!disabled && (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown')) {\n        event.preventDefault();\n        setFocusTarget('palette');\n        openMenu();\n      }\n    },\n    [disabled, openMenu]\n  );\n\n  const closeMenu = useCallback(() => {\n    const isFocusInPopover = !!popoverRef.current?.contains(document.activeElement);\n\n    setFocusTarget(null);\n    setIsOpen(false);\n    onClose?.();\n\n    // Return focus to the trigger so keyboard flow is not lost after Escape/outside dismiss\n    if (isFocusInPopover) {\n      indicatorRef.current?.focus({ preventScroll: true });\n    }\n  }, [onClose]);\n\n  const setSwatches = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'palette' : null);\n    setIsSwatches(true);\n  }, []);\n\n  const setPicker = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'picker' : null);\n    setIsSwatches(false);\n  }, []);\n\n  const clearFocusTarget = useCallback(() => setFocusTarget(null), []);\n\n  const onInternalValueChange = useCallback(\n    (color: ColorResult) => setInternalValue(color.rgb),\n    []\n  );\n\n  const onActualChange = useCallback(\n    (color: ColorChannels) => {\n      const formatted =\n        format === 'hex' ? channelsToHex(color, enableAlpha) : channelsToRgba(color, enableAlpha);\n      onChange?.(formatted);\n    },\n    [format, onChange, enableAlpha]\n  );\n\n  const onKeyboardPickerChange = useCallback(\n    (color: ColorChannels) => {\n      setInternalValue(color);\n      onActualChange(color);\n    },\n    [onActualChange]\n  );\n\n  const { pickerRef, onKeyDown: onPickerKeyDown } = useChromePickerAccessibility({\n    color: internalValue,\n    enableAlpha,\n    isActive: !isSwatches,\n    onChange: onKeyboardPickerChange,\n  });\n\n  useEffect(() => {\n    if (focusTarget !== 'picker' || isSwatches) {\n      return;\n    }\n\n    const firstControl = pickerRef.current?.querySelector<HTMLElement>(\n      '[data-color-picker-control=\"saturation\"]'\n    );\n\n    if (firstControl) {\n      firstControl.focus({ preventScroll: true });\n      clearFocusTarget();\n    }\n  }, [clearFocusTarget, focusTarget, isSwatches, pickerRef]);\n\n  const onOpacityInputChange = useCallback(\n    (opacityString: string) => {\n      const opacityNumber = Number(opacityString);\n\n      if (Number.isNaN(opacityNumber) || opacityNumber < 0 || opacityNumber > 100) {\n        return;\n      }\n\n      const color = { ...valueChannels, a: opacityNumber / 100 };\n      onActualChange(color);\n    },\n    [valueChannels, onActualChange]\n  );\n\n  const pickerOnChange = useCallback(\n    (color: ColorResult) => {\n      onActualChange(color.rgb);\n    },\n    [onActualChange]\n  );\n\n  const swatchOnChange = useCallback(\n    (color: ColorChannels) => {\n      const nonZeroAlpha = valueChannels.a || 1;\n      const alpha = enableAlpha && color.a === 0 ? 0 : nonZeroAlpha;\n      onActualChange({ ...color, a: alpha });\n    },\n    [onActualChange, valueChannels.a, enableAlpha]\n  );\n\n  // Prevents focus on opacity drag end\n  const onOpacityDragEnd = useCallback(() => {\n    setTimeout(() => {\n      setIsOpen(false);\n      (document.activeElement as HTMLElement | null)?.blur?.();\n    }, 0);\n  }, []);\n\n  const onOpacityDrag = useMemo(\n    () =>\n      throttle((percent: number) => {\n        const newFieldValue = String(Math.round(percent));\n        onOpacityInputChange(newFieldValue);\n      }, 100),\n    [onOpacityInputChange]\n  );\n\n  useEffect(() => {\n    setInternalValue(valueChannels);\n  }, [valueChannels]);\n\n  useEffect(() => {\n    if (isMenuOpen) {\n      setIsSwatches(true);\n    }\n  }, [isMenuOpen]);\n\n  const inputValue = String(Math.round(internalValue.a * 100));\n\n  const hasVerticalMargin =\n    popoverPlacement?.startsWith('top') || popoverPlacement?.startsWith('bottom');\n  const hasHorizontalMargin =\n    popoverPlacement?.startsWith('left') || popoverPlacement?.startsWith('right');\n  const accessibleLabel = hasLabel ? (\n    <>\n      <label id={labelId} htmlFor={inputId}>\n        {typeof label === 'string' ? <TextInputNext.Label>{label}</TextInputNext.Label> : label}\n      </label>\n      <span id={opacityLabelId} hidden>\n        Opacity\n      </span>\n    </>\n  ) : undefined;\n  const inputHtmlAttributes: TextInputNextProps['htmlAttributes'] = useMemo(\n    () =>\n      hasLabel\n        ? {\n            id: inputId,\n            'aria-labelledby': `${labelId} ${opacityLabelId}`,\n          }\n        : {\n            id: inputId,\n            'aria-label': 'Opacity',\n          },\n    [hasLabel, inputId, labelId, opacityLabelId]\n  );\n\n  return (\n    <>\n      <TextInputNext\n        label={accessibleLabel}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n        size={size}\n        rootTagName=\"div\"\n        prefix={\n          <>\n            <div className={styles.fakeValue}>\n              {inputValue}\n              <span className={styles.fakeValuePercent}>%</span>\n            </div>\n\n            <div\n              ref={indicatorRef}\n              className={classNames(\n                styles.indicator,\n                internalValue.a === 0 && styles.transparent,\n                elementsClassNames.indicator\n              )}\n              style={\n                {\n                  '--corvaui-colorpicker-indicatorcolor': channelsToHex(internalValue, false),\n                } as CSSProperties\n              }\n              onClick={disabled ? undefined : openMenuSwatch}\n              onKeyDown={openMenuKeyDown}\n              role=\"button\"\n              aria-label={hasLabel ? undefined : 'Color picker'}\n              aria-labelledby={hasLabel ? labelId : undefined}\n              aria-expanded={isMenuOpen}\n              aria-disabled={disabled}\n              tabIndex={disabled ? -1 : 0}\n            />\n          </>\n        }\n        suffix={\n          !isMenuOpen &&\n          enableAlpha &&\n          !disableOpacityDrag &&\n          !disabled && (\n            <OpacityDragTracker\n              value={Number(inputValue)}\n              onDrag={onOpacityDrag}\n              onDragEnd={onOpacityDragEnd}\n            />\n          )\n        }\n        className={classNames(\n          styles.root,\n          SizeToClassMap[size],\n          !enableAlpha && styles.noAlpha,\n          className\n        )}\n        testId={testId}\n        inputContainerRef={inputContainerRef}\n        value={inputValue}\n        onChange={onOpacityInputChange}\n        onFocus={openMenuFocus}\n        inputType=\"number\"\n        inputMode=\"numeric\"\n        htmlAttributes={inputHtmlAttributes}\n        elementsClassNames={inputElementsClassNames}\n      />\n\n      {/* Popover backdrop is needed for ColorPicker to work better in popovers: click outside will close the ColorPicker but not the popover */}\n      <Popover\n        ref={popoverRef}\n        anchorEl={inputContainerRef.current}\n        open={isMenuOpen}\n        onClose={closeMenu}\n        placement={popoverPlacement}\n        className={classNames(\n          styles.popover,\n          hasVerticalMargin && styles.marginVertical,\n          hasHorizontalMargin && styles.marginHorizontal,\n          internalValue.a === 0 && styles.isTransparent,\n          elementsClassNames.popover\n        )}\n      >\n        {isSwatches ? (\n          <Swatches\n            onChange={swatchOnChange}\n            value={valueChannels}\n            addTransparent={enableAlpha}\n            autoFocus={focusTarget === 'palette'}\n            onAutoFocus={clearFocusTarget}\n          />\n        ) : (\n          <div ref={pickerRef} className={styles.pickerContainer} onKeyDown={onPickerKeyDown}>\n            <ChromePicker\n              color={internalValue}\n              onChange={onInternalValueChange}\n              onChangeComplete={pickerOnChange}\n              disableAlpha={!enableAlpha}\n              className={styles.picker}\n            />\n          </div>\n        )}\n        <div className={styles.switchButtons}>\n          <Tooltip title=\"Palette\">\n            <ButtonIcon\n              ariaLabel=\"Show color palette\"\n              size=\"medium\"\n              type={isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setSwatches}\n            >\n              <PaletteIcon />\n            </ButtonIcon>\n          </Tooltip>\n          <Tooltip title=\"Pick your own\">\n            <ButtonIcon\n              ariaLabel=\"Show custom color picker\"\n              size=\"medium\"\n              type={!isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setPicker}\n            >\n              <PickerIcon />\n            </ButtonIcon>\n          </Tooltip>\n        </div>\n      </Popover>\n\n      {/* Opacity Drag Tracker should work even with popover open with a backdrop */}\n      {isMenuOpen && enableAlpha && !disableOpacityDrag && (\n        <Popper\n          open={isMenuOpen}\n          anchorEl={inputContainerRef.current}\n          className={styles.dragTrackerPopper}\n          placement=\"right\"\n        >\n          <OpacityDragTracker onDrag={onOpacityDrag} onDragEnd={onOpacityDragEnd} />\n        </Popper>\n      )}\n    </>\n  );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","ColorPicker","_ref","_ref$format","format","className","label","_ref$labelPlacement","labelPlacement","_ref$popoverPlacement","popoverPlacement","testId","disabled","_ref$size","size","onOpen","onClose","_ref$value","value","defaultColor","onChange","disableOpacityDrag","_ref$enableAlpha","enableAlpha","_ref$elementsClassNam","elementsClassNames","inputElementsClassNames","useMemo","input","classNames","inputContainer","prefix","prefixContainer","suffix","suffixContainer","numberStepButtons","valueChannels","channels","parseColor","_objectSpread","a","_","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsOpen","inputContainerRef","useRef","indicatorRef","_useState4","_useState3","isSwatches","setIsSwatches","_useState6","_useState5","focusTarget","setFocusTarget","_useState8","_useState7","internalValue","setInternalValue","popoverRef","accessibilityId","concat","uuidv4","inputId","labelId","opacityLabelId","hasLabel","Boolean","openMenu","useCallback","openMenuSwatch","e","preventDefault","openMenuFocus","openMenuKeyDown","event","key","closeMenu","_popoverRef$current","_indicatorRef$current","isFocusInPopover","current","contains","document","activeElement","focus","preventScroll","setSwatches","detail","setPicker","clearFocusTarget","onInternalValueChange","color","rgb","onActualChange","formatted","channelsToHex","channelsToRgba","onKeyboardPickerChange","_useChromePickerAcces","useChromePickerAccessibility","isActive","pickerRef","onPickerKeyDown","onKeyDown","useEffect","_pickerRef$current","firstControl","querySelector","onOpacityInputChange","opacityString","opacityNumber","Number","isNaN","pickerOnChange","swatchOnChange","nonZeroAlpha","alpha","onOpacityDragEnd","setTimeout","_document$activeEleme","_document$activeEleme2","blur","call","onOpacityDrag","throttle","percent","newFieldValue","String","Math","round","inputValue","hasVerticalMargin","startsWith","hasHorizontalMargin","accessibleLabel","_jsxs","_Fragment","children","_jsx","id","htmlFor","TextInputNext","Label","hidden","undefined","inputHtmlAttributes","rootTagName","fakeValue","fakeValuePercent","ref","indicator","transparent","style","onClick","role","tabIndex","OpacityDragTracker","onDrag","onDragEnd","root","noAlpha","onFocus","inputType","inputMode","htmlAttributes","Popover","anchorEl","open","placement","popover","marginVertical","marginHorizontal","isTransparent","Swatches","addTransparent","autoFocus","onAutoFocus","pickerContainer","ChromePicker","onChangeComplete","disableAlpha","picker","switchButtons","Tooltip","title","ButtonIcon","ariaLabel","type","PaletteIcon","PickerIcon","Popper","dragTrackerPopper"],"mappings":"gsKAoEA,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAKHC,EAAc,SAgBHC,GAAA,IAAAC,EAAAD,EAftBE,OAAAA,aAAS,MAAKD,EACdE,IAAAA,UACAC,IAAAA,MAAKC,EAAAL,EACLM,eAAAA,aAAiB,MAAKD,EAAAE,EAAAP,EACtBQ,iBAAAA,aAAmB,eAAcD,EACjCE,IAAAA,OACAC,IAAAA,SAAQC,EAAAX,EACRY,KAAAA,aAAO,QAAOD,EACdE,IAAAA,OACAC,IAAAA,QAAOC,EAAAf,EACPgB,MAAAA,aAAQC,EAAYF,EACpBG,IAAAA,SACAC,IAAAA,mBAAkBC,EAAApB,EAClBqB,YAAAA,cAAmBD,EAAAE,EAAAtB,EACnBuB,mBAAAA,OAAkB,IAAAD,EAAG,CAAA,EAAEA,EAEjBE,EAA0BC,GAC9B,WAAA,MAAO,CACLC,MAAOC,EAAW/B,EAAO8B,MAAOH,EAAmBG,OACnDE,eAAgBD,EAAW/B,EAAOgC,eAAgBL,EAAmBK,gBACrExB,MAAOuB,EAAW/B,EAAOQ,MAAOmB,EAAmBnB,OACnDyB,OAAQjC,EAAOkC,gBACfC,OAAQnC,EAAOoC,gBACfC,kBAAmBrC,EAAOqC,kBAC3B,GACD,CAACV,EAAmBG,MAAOH,EAAmBK,eAAgBL,EAAmBnB,QAG7E8B,GAAgBT,GAAQ,WAC5B,IACE,IAAMU,EAAWC,EAAWpB,GAE5B,OAAAqB,EAAAA,EAAA,CAAA,EAAYF,GAAQ,CAAA,EAAA,CAAEG,EAAGjB,EAAcc,EAASG,EAAI,GAGtD,CAFE,MAAOC,GACP,OAAOH,EAAWnB,EACpB,CACF,GAAG,CAACD,EAAOK,IAEqBmB,GAAAA,GAAS,GAAMC,GAAAC,EAAAC,GAAA,GAAxCC,GAAUH,GAAA,GAAEI,GAASJ,GAAA,GACtBK,GAAoBC,EAAuB,MAC3CC,GAAeD,EAAuB,MACRP,GAAAA,GAAS,GAAKS,GAAAP,EAAAQ,GAAA,GAA3CC,GAAUF,GAAA,GAAEG,GAAaH,GAAA,GACMT,GAAAA,EAA6B,MAAKa,GAAAX,EAAAY,GAAA,GAAjEC,GAAWF,GAAA,GAAEG,GAAcH,GAAA,GACQb,GAAAA,EAAwBN,IAAcuB,GAAAf,EAAAgB,GAAA,GAAzEC,GAAaF,GAAA,GAAEG,GAAgBH,GAAA,GAChCI,GAAad,EAAuB,MACpCe,GAAkBrC,GAAQ,WAAA,MAAA,sBAAAsC,OAA4BC,IAAU,GAAE,IAClEC,GAAaH,GAAAA,OAAAA,GAA+B,kBAC5CI,GAAaJ,GAAAA,OAAAA,GAAuB,UACpCK,GAAoBL,GAAAA,OAAAA,GAA+B,kBACnDM,GAAWC,QAAQjE,GAEnBkE,GAAWC,GAAY,WAC3B1B,IAAU,GACVhC,SAAAA,GACF,GAAG,CAACA,IAEE2D,GAAiBD,GACrB,SAAAE,GACEA,EAAEC,iBACFlB,GAAe,MACfc,IACF,GACA,CAACA,KAGGK,GAAgBJ,GAAY,WAChCf,GAAe,MACfc,IACF,GAAG,CAACA,KAEEM,GAAkBL,GACtB,SAAAM,GACOnE,GAA2B,UAAdmE,EAAMC,KAAiC,MAAdD,EAAMC,KAA6B,cAAdD,EAAMC,MACpED,EAAMH,iBACNlB,GAAe,WACfc,KAEJ,GACA,CAAC5D,EAAU4D,KAGPS,GAAYR,GAAY,WAAM,IAAAS,EAQZC,EAPhBC,IAAqB,QAADF,EAACnB,GAAWsB,eAAX,IAAAH,IAAAA,EAAoBI,SAASC,SAASC,iBAEjE9B,GAAe,MACfX,IAAU,GACV/B,SAAAA,IAGIoE,KACF,QAAAD,EAAAjC,GAAamC,eAAb,IAAAF,GAAAA,EAAsBM,MAAM,CAAEC,eAAe,IAEjD,GAAG,CAAC1E,IAEE2E,GAAclB,GAAkD,SAAAM,GACpErB,GAAgC,IAAjBqB,EAAMa,OAAe,UAAY,MAChDtC,IAAc,EACf,GAAE,IAEGuC,GAAYpB,GAAkD,SAAAM,GAClErB,GAAgC,IAAjBqB,EAAMa,OAAe,SAAW,MAC/CtC,IAAc,EACf,GAAE,IAEGwC,GAAmBrB,GAAY,WAAA,OAAMf,GAAe,KAAK,GAAE,IAE3DqC,GAAwBtB,GAC5B,SAACuB,GAAkB,OAAKlC,GAAiBkC,EAAMC,IAAI,GACnD,IAGIC,GAAiBzB,GACrB,SAACuB,GACC,IAAMG,EACO,QAAX/F,EAAmBgG,EAAcJ,EAAOzE,GAAe8E,EAAeL,EAAOzE,GAC/EH,SAAAA,EAAW+E,EACZ,GACD,CAAC/F,EAAQgB,EAAUG,IAGf+E,GAAyB7B,GAC7B,SAACuB,GACClC,GAAiBkC,GACjBE,GAAeF,EACjB,GACA,CAACE,KAGHK,GAAkDC,EAA6B,CAC7ER,MAAOnC,GACPtC,YAAAA,EACAkF,UAAWpD,GACXjC,SAAUkF,KAJJI,MAAAA,UAAsBC,MAAXC,UAOnBC,GAAU,WAAM,IAAAC,EACd,GAAoB,WAAhBrD,KAA4BJ,GAAhC,CAIA,IAAM0D,UAAeL,EAAAA,GAAUrB,4BAAVyB,EAAmBE,cACtC,4CAGED,IACFA,EAAatB,MAAM,CAAEC,eAAe,IACpCI,KARF,CAUD,GAAE,CAACA,GAAkBrC,GAAaJ,GAAYqD,KAE/C,IAAMO,GAAuBxC,GAC3B,SAACyC,GACC,IAAMC,EAAgBC,OAAOF,GAE7B,KAAIE,OAAOC,MAAMF,IAAkBA,EAAgB,GAAKA,EAAgB,KAAxE,CAIA,IAAMnB,SAAa5D,IAAa,GAAA,CAAEI,EAAG2E,EAAgB,MACrDjB,GAAeF,EAHf,CAIF,GACA,CAAC5D,GAAe8D,KAGZoB,GAAiB7C,GACrB,SAACuB,GACCE,GAAeF,EAAMC,IACvB,GACA,CAACC,KAGGqB,GAAiB9C,GACrB,SAACuB,GACC,IAAMwB,EAAepF,GAAcI,GAAK,EAClCiF,EAAQlG,GAA2B,IAAZyE,EAAMxD,EAAU,EAAIgF,EACjDtB,UAAoBF,GAAK,CAAA,EAAA,CAAExD,EAAGiF,IAC/B,GACD,CAACvB,GAAgB9D,GAAcI,EAAGjB,IAI9BmG,GAAmBjD,GAAY,WACnCkD,YAAW,WAAM,IAAAC,EAAAC,EACf9E,IAAU,WACV6E,EAACrC,SAASC,sCAAVoC,EAAgDE,mBAAhDD,EAAwDE,KAAAH,EACzD,GAAE,EACJ,GAAE,IAEGI,GAAgBrG,GACpB,WAAA,OACEsG,GAAS,SAACC,GACR,IAAMC,EAAgBC,OAAOC,KAAKC,MAAMJ,IACxCjB,GAAqBkB,EACtB,GAAE,OACL,CAAClB,KAGHJ,GAAU,WACR/C,GAAiB1B,GACnB,GAAG,CAACA,KAEJyE,GAAU,WACJ/D,IACFQ,IAAc,EAElB,GAAG,CAACR,KAEJ,IAAMyF,GAAaH,OAAOC,KAAKC,MAAwB,IAAlBzE,GAAcrB,IAE7CgG,IACJ9H,aAAgB,EAAhBA,EAAkB+H,WAAW,UAAU/H,aAAgB,EAAhBA,EAAkB+H,WAAW,WAChEC,IACJhI,aAAgB,EAAhBA,EAAkB+H,WAAW,WAAW/H,aAAgB,EAAhBA,EAAkB+H,WAAW,UACjEE,GAAkBrE,GACtBsE,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,QAAA,CAAOC,GAAI5E,GAAS6E,QAAS9E,GAAQ2E,SACjB,iBAAVxI,EAAqByI,EAACG,EAAcC,MAAK,CAAAL,SAAExI,IAA+BA,IAEpFyI,EAAA,OAAA,CAAMC,GAAI3E,GAAgB+E,QAAM,EAAAN,SAAA,oBAIhCO,EACEC,GAA4D3H,GAChE,WAAA,OACE2C,GACI,CACE0E,GAAI7E,GACJ,kBAAiB,GAAAF,OAAKG,GAAO,KAAAH,OAAII,KAEnC,CACE2E,GAAI7E,GACJ,aAAc,UAEtB,GAAA,CAACG,GAAUH,GAASC,GAASC,KAG/B,OACEuE,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACG,EAAa,CACZ5I,MAAOqI,GACPnI,eAAgBA,EAChBI,SAAUA,EACVE,KAAMA,EACNyI,YAAY,MACZxH,OACE6G,EAAAC,EAAA,CAAAC,SACE,CAAAF,EAAA,MAAA,CAAKvI,UAAWP,EAAO0J,UAAUV,SAAA,CAC9BP,GACDQ,EAAA,OAAA,CAAM1I,UAAWP,EAAO2J,iBAAiBX,SAAA,SAG3CC,EAAA,MAAA,CACEW,IAAKxG,GACL7C,UAAWwB,EACT/B,EAAO6J,UACa,IAApB9F,GAAcrB,GAAW1C,EAAO8J,YAChCnI,EAAmBkI,WAErBE,MACE,CACE,uCAAwCzD,EAAcvC,IAAe,IAGzEiG,QAASlJ,OAAWyI,EAAY3E,GAChCkC,UAAW9B,GACXiF,KAAK,SACL,aAAYzF,QAAW+E,EAAY,eACnC,kBAAiB/E,GAAWF,QAAUiF,EACtC,gBAAevG,GACf,gBAAelC,EACfoJ,SAAUpJ,GAAY,EAAI,OAIhCqB,QACGa,IACDvB,IACCF,IACAT,GACCmI,EAACkB,EAAkB,CACjB/I,MAAOkG,OAAOmB,IACd2B,OAAQlC,GACRmC,UAAWzC,KAIjBrH,UAAWwB,EACT/B,EAAOsK,KACPxK,EAAekB,IACdS,GAAezB,EAAOuK,QACvBhK,GAEFM,OAAQA,EACRqC,kBAAmBA,GACnB9B,MAAOqH,GACPnH,SAAU6F,GACVqD,QAASzF,GACT0F,UAAU,SACVC,UAAU,UACVC,eAAgBnB,GAChB7H,mBAAoBC,IAItBkH,EAAC8B,EAAO,CACNhB,IAAK3F,GACL4G,SAAU3H,GAAkBqC,QAC5BuF,KAAM9H,GACN9B,QAASiE,GACT4F,UAAWnK,EACXL,UAAWwB,EACT/B,EAAOgL,QACPtC,IAAqB1I,EAAOiL,eAC5BrC,IAAuB5I,EAAOkL,iBACV,IAApBnH,GAAcrB,GAAW1C,EAAOmL,cAChCxJ,EAAmBqJ,SACnBhC,SAEDzF,CAAAA,GACC0F,EAACmC,EAAQ,CACP9J,SAAUmG,GACVrG,MAAOkB,GACP+I,eAAgB5J,EAChB6J,UAA2B,YAAhB3H,GACX4H,YAAavF,KAGfiD,EAAA,MAAA,CAAKW,IAAKhD,GAAWrG,UAAWP,EAAOwL,gBAAiB1E,UAAWD,GAAgBmC,SACjFC,EAACwC,EAAY,CACXvF,MAAOnC,GACPzC,SAAU2E,GACVyF,iBAAkBlE,GAClBmE,cAAelK,EACflB,UAAWP,EAAO4L,WAIxB9C,EAAA,MAAA,CAAKvI,UAAWP,EAAO6L,cAAc7C,SAAA,CACnCC,EAAC6C,EAAO,CAACC,MAAM,UAAS/C,SACtBC,EAAC+C,EAAU,CACTC,UAAU,qBACVjL,KAAK,SACLkL,KAAM3I,GAAa,YAAc,WACjCyG,QAASnE,GAAYmD,SAErBC,EAACkD,EAAW,QAGhBlD,EAAC6C,EAAO,CAACC,MAAM,gBAAe/C,SAC5BC,EAAC+C,EAAU,CACTC,UAAU,2BACVjL,KAAK,SACLkL,KAAO3I,GAA2B,WAAd,YACpByG,QAASjE,GAAUiD,SAEnBC,EAACmD,EAAU,cAOlBpJ,IAAcvB,IAAgBF,GAC7B0H,EAACoD,EAAM,CACLvB,KAAM9H,GACN6H,SAAU3H,GAAkBqC,QAC5BhF,UAAWP,EAAOsM,kBAClBvB,UAAU,QAAO/B,SAEjBC,EAACkB,EAAkB,CAACC,OAAQlC,GAAemC,UAAWzC,SAKhE"}

package/componentsV2/ColorPicker/ColorPicker.scss.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAea,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAYnC,CAAC;AASF,eAAO,MAAM,KAAK,+CAqBjB,CAAC;AASF,eAAO,MAAM,cAAc,+CAM1B,CAAC;AAKF,eAAO,MAAM,mBAAmB,+CAU/B,CAAC;AAMF,eAAO,MAAM,YAAY,+CAyCxB,CAAC;AAOF,eAAO,MAAM,aAAa,+CAiBzB,CAAC"}
+{"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAgBa,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAYnC,CAAC;AASF,eAAO,MAAM,KAAK,+CAqBjB,CAAC;AASF,eAAO,MAAM,cAAc,+CAM1B,CAAC;AAKF,eAAO,MAAM,mBAAmB,+CAU/B,CAAC;AAMF,eAAO,MAAM,YAAY,+CAyCxB,CAAC;AAOF,eAAO,MAAM,aAAa,+CAiBzB,CAAC"}

package/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpacityDragtracker.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,kBAAkB,iCAAsC,gBAAgB,4CAsGpF,CAAC"}
+{"version":3,"file":"OpacityDragtracker.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,kBAAkB,iCAAsC,gBAAgB,4CAuGpF,CAAC"}

package/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.js

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

package/componentsV2/ColorPicker/OpacityDragtracker/OpacityDragtracker.js.map

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

package/componentsV2/ColorPicker/Swatches/Swatches.scss.js

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