npm - @corva/ui - Versions diffs - 3.75.0-2 → 3.75.0-21 - Mend

@corva/ui 3.75.0-2 → 3.75.0-21

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

Files changed (1735) hide show

package/components/GradientManager/GradientSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/toConsumableArray";import{useMemo as s,useCallback as t,Fragment as n}from"react";import{Text as e}from"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../componentsV2/Header/Header.scss.js";import{jsxs as i,jsx as r,Fragment as c}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import{ButtonIcon as p}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as m}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"@material-ui/core";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import{TextEndTruncated as a}from"../../componentsV2/TextEndTruncated/TextEndTruncated.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";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{DeleteFourIcon as l,PlusIcon as d}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"../../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"./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{Select as j}from"../../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{GradientPreview as u}from"./GradientPreview/GradientPreview.js";import V from"./GradientSelect.scss.js";var A=function(o,s){return{id:o.id,title:o.name,prefix:r(u,{gradientStops:o.gradientStops}),group:s?"default":"custom"}},C=function(o){return o.group},I=function(u){var I=u.value,v=u.gradients,g=u.onChange,h=u.defaultGradients,S=u.onAction,P=u.readonly,D=!(null==v||!v.length),x=s((function(){return[].concat(o((null==v?void 0:v.map((function(o){return A(o,!1)})))||[]),o((null==h?void 0:h.map((function(o){return A(o,!0)})))||[]))}),[v,h]),T=s((function(){return x.find((function(o){return o.id===I}))}),[x,I]),b=t((function(o){o&&g(o.id)}),[g]),f=t((function(){S("add")}),[S]),k=t((function(o){var s=o.children,t=o.group,a=o.key,l=P?null:r(m,{title:"Create Custom Gradient",children:r(p,{size:"xs",onClick:f,testId:"add-gradient-btn",type:"tertiaryBg",children:r(d,{})})});return i(n,{children:[r(e,{size:12,color:"T6",className:V.group,testId:"gradient-group-header",children:i(c,"default"===t?{children:["Default Gradients ",!D&&l]}:{children:["My Gradients ",D&&l]})}),s]},a)}),[D,P,f]),H=t((function(o){var s=o.title,t=o.id,n=o.group;return i("div",{className:V.option,children:[r(a,{children:s}),"custom"===n&&r(m,{title:"Delete Gradient",children:r(p,{size:"xs",onClick:function(o){o.stopPropagation(),o.preventDefault(),S("delete",t)},children:r(l,{})})})]})}),[S]),B=t((function(o){o.stopPropagation(),o.preventDefault()}),[]);return r(j,{label:"Gradients",options:x,value:I||"",clearable:!1,onChange:b,testId:"gradient-select",className:V.root,prefix:null==T?void 0:T.prefix,groupBy:C,renderGroup:k,renderOption:P?void 0:H,noOptionsMessage:i("div",{className:V.noGradientsMessage,onMouseDown:B,children:["No Gradients",!P&&r(m,{title:"Create Custom Gradient",children:r(p,{size:"xs",onClick:f,testId:"add-gradient-btn",type:"tertiaryBg",children:r(d,{})})})]})})};export{I as GradientSelect};
+import o from"@babel/runtime/helpers/toConsumableArray";import{useMemo as s,useCallback as t,Fragment as n}from"react";import{Text as e}from"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../componentsV2/Header/Header.scss.js";import{jsxs as i,jsx as r,Fragment as c}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import{ButtonIcon as p}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as m}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"@material-ui/core";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import{TextEndTruncated as a}from"../../componentsV2/TextEndTruncated/TextEndTruncated.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.js";import{DeleteFourIcon as l,PlusIcon as d}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"./configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import{Select as j}from"../../componentsV2/Select/Select.js";import"../../componentsV2/AppPanel/AppPanel.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import{GradientPreview as u}from"./GradientPreview/GradientPreview.js";import V from"./GradientSelect.scss.js";var A=function(o,s){return{id:o.id,title:o.name,prefix:r(u,{gradientStops:o.gradientStops}),group:s?"default":"custom"}},C=function(o){return o.group},I=function(u){var I=u.value,v=u.gradients,h=u.onChange,g=u.defaultGradients,S=u.onAction,P=u.readonly,D=!(null==v||!v.length),x=s((function(){return[].concat(o((null==v?void 0:v.map((function(o){return A(o,!1)})))||[]),o((null==g?void 0:g.map((function(o){return A(o,!0)})))||[]))}),[v,g]),T=s((function(){return x.find((function(o){return o.id===I}))}),[x,I]),b=t((function(o){o&&h(o.id)}),[h]),f=t((function(){S("add")}),[S]),k=t((function(o){var s=o.children,t=o.group,a=o.key,l=P?null:r(m,{title:"Create Custom Gradient",children:r(p,{size:"xs",onClick:f,testId:"add-gradient-btn",type:"tertiaryBg",children:r(d,{})})});return i(n,{children:[r(e,{size:12,color:"T6",className:V.group,testId:"gradient-group-header",children:i(c,"default"===t?{children:["Default Gradients ",!D&&l]}:{children:["My Gradients ",D&&l]})}),s]},a)}),[D,P,f]),H=t((function(o){var s=o.title,t=o.id,n=o.group;return i("div",{className:V.option,children:[r(a,{children:s}),"custom"===n&&r(m,{title:"Delete Gradient",children:r(p,{size:"xs",onClick:function(o){o.stopPropagation(),o.preventDefault(),S("delete",t)},children:r(l,{})})})]})}),[S]),F=t((function(o){o.stopPropagation(),o.preventDefault()}),[]);return r(j,{label:"Gradients",options:x,value:I||"",clearable:!1,onChange:b,testId:"gradient-select",className:V.root,prefix:null==T?void 0:T.prefix,groupBy:C,renderGroup:k,renderOption:P?void 0:H,noOptionsMessage:i("div",{className:V.noGradientsMessage,onMouseDown:F,children:["No Gradients",!P&&r(m,{title:"Create Custom Gradient",children:r(p,{size:"xs",onClick:f,testId:"add-gradient-btn",type:"tertiaryBg",children:r(d,{})})})]})})};export{I as GradientSelect};
 //# sourceMappingURL=GradientSelect.js.map

package/components/GradientManager/GradientSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GradientSelect.js","sources":["../../../src/components/GradientManager/GradientSelect.tsx"],"sourcesContent":["import { type FC, Fragment, MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport {\n ButtonIcon,\n Select,\n SelectChangeHandler,\n SelectProps,\n Text,\n TextEndTruncated,\n Tooltip,\n} from '../../componentsV2';\n\nimport { GradientPreview } from './GradientPreview/GradientPreview';\n\nimport styles from './GradientSelect.scss';\n\nimport { DeleteFourIcon, PlusIcon } from '~/icons';\nimport { CustomGradient } from '~/types';\n\ninterface GradientSelectProps {\n gradients: CustomGradient[];\n value: string;\n onChange: (id: string) => void;\n defaultGradients: CustomGradient[];\n onAction: (type: 'delete' \| 'add', data?: any) => void;\n readonly: boolean;\n}\n\nconst gradientToOption = (gradient: CustomGradient, isDefault: boolean) => ({\n id: gradient.id,\n title: gradient.name,\n prefix: <GradientPreview gradientStops={gradient.gradientStops} />,\n group: isDefault ? 'default' : 'custom',\n});\n\ntype Option = ReturnType<typeof gradientToOption>;\n\nconst groupBy = ({ group }: Option) => group;\n\nexport const GradientSelect: FC<GradientSelectProps> = ({\n value,\n gradients,\n onChange,\n defaultGradients,\n onAction,\n readonly,\n}) => {\n const hasCustomGradients = !!gradients?.length;\n\n const options = useMemo<Option[]>(\n () => [\n ...(gradients?.map(g => gradientToOption(g, false)) \|\| []),\n ...(defaultGradients?.map(g => gradientToOption(g, true)) \|\| []),\n ],\n [gradients, defaultGradients]\n );\n\n const currentOption = useMemo(() => options.find(({ id }) => id === value), [options, value]);\n\n const onSelectChange = useCallback<SelectChangeHandler<Option>>(\n option => {\n if (option) {\n onChange(option.id);\n }\n },\n [onChange]\n );\n\n const onAddClick = useCallback(() => {\n onAction('add');\n }, [onAction]);\n\n const renderGroup = useCallback<Required<SelectProps<Option>>['renderGroup']>(\n ({ children, group, key }) => {\n const addButton = readonly ? null : (\n <Tooltip title=\"Create Custom Gradient\">\n <ButtonIcon size=\"xs\" onClick={onAddClick} testId=\"add-gradient-btn\" type=\"tertiaryBg\">\n <PlusIcon />\n </ButtonIcon>\n </Tooltip>\n );\n\n return (\n <Fragment key={key}>\n <Text size={12} color=\"T6\" className={styles.group} testId=\"gradient-group-header\">\n {group === 'default' ? (\n <>Default Gradients {!hasCustomGradients && addButton}</>\n ) : (\n <>My Gradients {hasCustomGradients && addButton}</>\n )}\n </Text>\n {children}\n </Fragment>\n );\n },\n [hasCustomGradients, readonly, onAddClick]\n );\n\n const renderOption = useCallback<Required<SelectProps<Option>>['renderOption']>(\n ({ title, id, group }) => {\n return (\n <div className={styles.option}>\n <TextEndTruncated>{title}</TextEndTruncated>\n\n {group === 'custom' && (\n <Tooltip title=\"Delete Gradient\">\n <ButtonIcon\n size=\"xs\"\n onClick={e => {\n e.stopPropagation();\n e.preventDefault();\n onAction('delete', id);\n }}\n >\n <DeleteFourIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n );\n },\n [onAction]\n );\n\n const noGradientsMouseHandler = useCallback<MouseEventHandler>(e => {\n e.stopPropagation();\n e.preventDefault();\n }, []);\n\n return (\n <Select\n label=\"Gradients\"\n options={options}\n value={value \|\| ''}\n clearable={false}\n onChange={onSelectChange}\n testId=\"gradient-select\"\n className={styles.root}\n prefix={currentOption?.prefix}\n groupBy={groupBy}\n renderGroup={renderGroup}\n renderOption={readonly ? undefined : renderOption}\n noOptionsMessage={\n <div className={styles.noGradientsMessage} onMouseDown={noGradientsMouseHandler}>\n No Gradients\n {!readonly && (\n <Tooltip title=\"Create Custom Gradient\">\n <ButtonIcon\n size=\"xs\"\n onClick={onAddClick}\n testId=\"add-gradient-btn\"\n type=\"tertiaryBg\"\n >\n <PlusIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n }\n />\n );\n};\n"],"names":["gradientToOption","gradient","isDefault","id","title","name","prefix","_jsx","GradientPreview","gradientStops","group","groupBy","_ref","GradientSelect","_ref2","value","gradients","onChange","defaultGradients","onAction","readonly","hasCustomGradients","length","options","useMemo","concat","_toConsumableArray","map","g","currentOption","find","_ref3","onSelectChange","useCallback","option","onAddClick","renderGroup","_ref4","children","key","addButton","Tooltip","ButtonIcon","size","onClick","testId","type","PlusIcon","_jsxs","Fragment","Text","color","className","styles","_Fragment","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"~~yxbA4BA~~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"}
1	+ {"version":3,"file":"GradientSelect.js","sources":["../../../src/components/GradientManager/GradientSelect.tsx"],"sourcesContent":["import { type FC, Fragment, MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport {\n ButtonIcon,\n Select,\n SelectChangeHandler,\n SelectProps,\n Text,\n TextEndTruncated,\n Tooltip,\n} from '../../componentsV2';\n\nimport { GradientPreview } from './GradientPreview/GradientPreview';\n\nimport styles from './GradientSelect.scss';\n\nimport { DeleteFourIcon, PlusIcon } from '~/icons';\nimport { CustomGradient } from '~/types';\n\ninterface GradientSelectProps {\n gradients: CustomGradient[];\n value: string;\n onChange: (id: string) => void;\n defaultGradients: CustomGradient[];\n onAction: (type: 'delete' \| 'add', data?: any) => void;\n readonly: boolean;\n}\n\nconst gradientToOption = (gradient: CustomGradient, isDefault: boolean) => ({\n id: gradient.id,\n title: gradient.name,\n prefix: <GradientPreview gradientStops={gradient.gradientStops} />,\n group: isDefault ? 'default' : 'custom',\n});\n\ntype Option = ReturnType<typeof gradientToOption>;\n\nconst groupBy = ({ group }: Option) => group;\n\nexport const GradientSelect: FC<GradientSelectProps> = ({\n value,\n gradients,\n onChange,\n defaultGradients,\n onAction,\n readonly,\n}) => {\n const hasCustomGradients = !!gradients?.length;\n\n const options = useMemo<Option[]>(\n () => [\n ...(gradients?.map(g => gradientToOption(g, false)) \|\| []),\n ...(defaultGradients?.map(g => gradientToOption(g, true)) \|\| []),\n ],\n [gradients, defaultGradients]\n );\n\n const currentOption = useMemo(() => options.find(({ id }) => id === value), [options, value]);\n\n const onSelectChange = useCallback<SelectChangeHandler<Option>>(\n option => {\n if (option) {\n onChange(option.id);\n }\n },\n [onChange]\n );\n\n const onAddClick = useCallback(() => {\n onAction('add');\n }, [onAction]);\n\n const renderGroup = useCallback<Required<SelectProps<Option>>['renderGroup']>(\n ({ children, group, key }) => {\n const addButton = readonly ? null : (\n <Tooltip title=\"Create Custom Gradient\">\n <ButtonIcon size=\"xs\" onClick={onAddClick} testId=\"add-gradient-btn\" type=\"tertiaryBg\">\n <PlusIcon />\n </ButtonIcon>\n </Tooltip>\n );\n\n return (\n <Fragment key={key}>\n <Text size={12} color=\"T6\" className={styles.group} testId=\"gradient-group-header\">\n {group === 'default' ? (\n <>Default Gradients {!hasCustomGradients && addButton}</>\n ) : (\n <>My Gradients {hasCustomGradients && addButton}</>\n )}\n </Text>\n {children}\n </Fragment>\n );\n },\n [hasCustomGradients, readonly, onAddClick]\n );\n\n const renderOption = useCallback<Required<SelectProps<Option>>['renderOption']>(\n ({ title, id, group }) => {\n return (\n <div className={styles.option}>\n <TextEndTruncated>{title}</TextEndTruncated>\n\n {group === 'custom' && (\n <Tooltip title=\"Delete Gradient\">\n <ButtonIcon\n size=\"xs\"\n onClick={e => {\n e.stopPropagation();\n e.preventDefault();\n onAction('delete', id);\n }}\n >\n <DeleteFourIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n );\n },\n [onAction]\n );\n\n const noGradientsMouseHandler = useCallback<MouseEventHandler>(e => {\n e.stopPropagation();\n e.preventDefault();\n }, []);\n\n return (\n <Select\n label=\"Gradients\"\n options={options}\n value={value \|\| ''}\n clearable={false}\n onChange={onSelectChange}\n testId=\"gradient-select\"\n className={styles.root}\n prefix={currentOption?.prefix}\n groupBy={groupBy}\n renderGroup={renderGroup}\n renderOption={readonly ? undefined : renderOption}\n noOptionsMessage={\n <div className={styles.noGradientsMessage} onMouseDown={noGradientsMouseHandler}>\n No Gradients\n {!readonly && (\n <Tooltip title=\"Create Custom Gradient\">\n <ButtonIcon\n size=\"xs\"\n onClick={onAddClick}\n testId=\"add-gradient-btn\"\n type=\"tertiaryBg\"\n >\n <PlusIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n }\n />\n );\n};\n"],"names":["gradientToOption","gradient","isDefault","id","title","name","prefix","_jsx","GradientPreview","gradientStops","group","groupBy","_ref","GradientSelect","_ref2","value","gradients","onChange","defaultGradients","onAction","readonly","hasCustomGradients","length","options","useMemo","concat","_toConsumableArray","map","g","currentOption","find","_ref3","onSelectChange","useCallback","option","onAddClick","renderGroup","_ref4","children","key","addButton","Tooltip","ButtonIcon","size","onClick","testId","type","PlusIcon","_jsxs","Fragment","Text","color","className","styles","_Fragment","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"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"}

package/components/GradientPicker/GradientPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{useRef as i,useState as c,useEffect as t,useMemo as r}from"react";import e from"classnames";import m from"react-draggable";import{find as u,noop as a,sortBy as l,reject as p,clamp as d,omit as j}from"lodash";import f from"tinygradient";import{v4 as I}from"uuid";import{Typography as h,Tooltip as v,Popover as b,TextField as g}from"@material-ui/core";import{Add as C}from"@material-ui/icons";import{DeleteFourIcon as O}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 y from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as P,getStopText as k,roundToStep as F,getRangeStep as N}from"./GradientPicker.utils.js";import{useThrottledCallback as x}from"../shared/useThrottledCallback.js";import A from"../IconButton/index.js";import{useStyles as D}from"./GradientPicker.styles.js";import{withSize as M}from"react-sizeme";import{jsxs as S,jsx as T}from"react/jsx-runtime";function E(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function w(o){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?E(Object(i),!0).forEach((function(n){s(o,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):E(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var z=M()((function(s){var M,E=s.size,z=s.from,B=void 0===z?0:z,_=s.to,G=void 0===_?100:_,R=s.unit,L=s.gradientStops,U=s.onChange,V=s.style,W=s.isMoveInputVisible,q=s.readonly,K=s.noScale,H=s["data-testid"],X=void 0===H?"GradientPicker":H,Z=i(null),J=c([]),Q=n(J,2),Y=Q[0],$=Q[1],oo=c(null),so=n(oo,2),no=so[0],io=so[1],co=c(null),to=n(co,2),ro=to[0],eo=to[1],mo=c(null),uo=n(mo,2),ao=uo[0],lo=uo[1],po=D({readonly:q}),jo=Number.isFinite(B)?Number(B):0,fo=Number.isFinite(G)?Number(G):100,Io=fo-jo;t((function(){(L.length!==(null==Y?void 0:Y.length)||L.some((function(o,s){return o.color!==Y[s].color||o.pos!==Y[s].pos})))&&$(L.map((function(o){return w(w({},o),{},{id:I()})})))}),[L]);var ho=r((function(){return P(Y)}),[Y]),vo=r((function(){var o;return null===(o=Z.current)||void 0===o?void 0:o.clientWidth}),[null==E?void 0:E.width,Z.current]),bo=function(o){var s=l(o,"pos");$(s),U&&U(s.map((function(o){return j(o,"id")})))},go=function(o){if(o.target===o.currentTarget){var s=o.currentTarget.getBoundingClientRect(),n=o.clientX-s.left;lo(Number.isFinite(n)?n:null)}else lo(null)},Co=x((function(s,n,i){var c=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(!no&&vo){var t=n/vo*100,r=u(Y,{id:s});if(i>=40||i<=-50)yo();else if(r){var e=w(w({},r),{},{pos:t}),m=l([].concat(o(p(Y,{id:s})),[e]),"pos");if(c)return bo(m),void eo(null);$(m),ko||eo(s)}}}),0),Oo=function(){bo(Y),eo(null),io(null)},yo=function(){Y.length>2&&(bo(p(Y,{id:ro})),io(null),eo(null))},Po=!no&&Number.isFinite(ao)&&!q,ko=ro?u(Y,{id:ro}):void 0,Fo=N(Io),No=function(o){if(!o)return null;var s=jo+(null==o?void 0:o.pos)/100*Io;return F(s,Fo/100)}(ko);return S("div",{className:po.root,style:V,children:[!K&&S("div",{className:po.indicatorContainer,children:[T("div",{children:S(h,{"data-testid":"".concat(X,"_from"),className:po.indicator,children:[jo," ",R]})}),T("div",{children:S(h,{"data-testid":"".concat(X,"_to"),className:po.indicator,children:[fo," ",R]})})]}),S("div",{onMouseEnter:go,onMouseMove:go,onMouseLeave:function(){return lo(null)},onClick:function(s){if(!q&&null!==ao&&vo){var n=ao/vo*100,i=f(Y.map((function(o){return{color:o.color,pos:o.pos/100}}))),c="#".concat(i.rgbAt(n/100).toHex()),t={id:I(),pos:n,color:c};bo([].concat(o(Y),[t]))}},"data-testid":"".concat(X,"_track"),className:po.mainBar,style:{background:"linear-gradient(90deg, ".concat(ho,")")},ref:Z,children:[Po&&T("div",{"data-testid":"".concat(X,"_addCircle"),className:po.addCircle,style:{left:ao-12},children:T(C,{fontSize:"small",className:po.addIcon})}),!!vo&&Y.map((function(o,s){var n,i=o.pos,c=o.color,t=o.id;return T(m,{disabled:q,axis:"x",bounds:{left:-12,right:vo-12,top:-50,bottom:40},onDrag:function(o,s){return Co(t,s.x+12,s.y,!1)},onStop:function(o,s){return Co(t,s.x+12,s.y,!0)},position:{x:vo*i/100-12,y:-4},children:T("div",{onClick:function(o){return function(o,s){o.stopPropagation(),q||ro||(eo(s),io(o.currentTarget))}(o,t)},"data-testid":"".concat(X,"_stop_").concat(s),className:e(po.circle,{highlight:ro===t}),style:{backgroundColor:c},children:T(v,{title:(n=i,k(n,{fromValue:jo,toValue:fo})),placement:"top",children:T("div",{style:{height:"100%"}})})})},t)}))]}),Boolean(no)&&S(b,{id:"colors-popper",open:Boolean(no),anchorEl:no,onClose:Oo,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[T(y,{color:null!==(M=null==ko?void 0:ko.color)&&void 0!==M?M:"#000000",onChange:function(o){var s=o.hex;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{color:s}):o})))},onSizeChange:a,enableTransparencyPalette:!1}),T(A,{"data-testid":"".concat(X,"_stopDelete"),className:po.removeButton,onClick:yo,children:T(O,{className:po.deleteIcon})}),W&&T(g,{"data-testid":"".concat(X,"_moveInput"),type:"number",variant:"outlined",value:No,classes:{root:po.posTextfield},InputProps:{inputProps:{min:jo,max:fo,step:Fo,maxLength:10},classes:{root:po.posOutlinedRoot,input:po.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(o){if(""===o.target.value){var s=o.target;setTimeout((function(){return null==s?void 0:s.select()}))}var n=d(Number(o.target.value),jo,fo);n||o.target.select();var i=(n-jo)/Io*100;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{pos:i}):o})))},onKeyDown:function(o){return"Enter"===o.key&&Oo()}})]})]})})),B=function(o){return T(z,w({},o))};export{B as GradientPicker};
+import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{useRef as i,useState as c,useEffect as t,useMemo as r}from"react";import e from"classnames";import m from"react-draggable";import{find as u,noop as a,sortBy as l,reject as p,clamp as d,omit as j}from"lodash";import I from"tinygradient";import{v4 as f}from"uuid";import{Typography as h,Tooltip as v,Popover as b,TextField as g}from"@material-ui/core";import{Add as C}from"@material-ui/icons";import{DeleteFourIcon as O}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import y from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as P,getStopText as F,roundToStep as k,getRangeStep as N}from"./GradientPicker.utils.js";import{useThrottledCallback as x}from"../shared/useThrottledCallback.js";import A from"../IconButton/index.js";import{useStyles as D}from"./GradientPicker.styles.js";import{withSize as M}from"react-sizeme";import{jsxs as S,jsx as T}from"react/jsx-runtime";function E(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function w(o){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?E(Object(i),!0).forEach((function(n){s(o,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):E(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var z=M()((function(s){var M,E=s.size,z=s.from,B=void 0===z?0:z,R=s.to,_=void 0===R?100:R,G=s.unit,L=s.gradientStops,U=s.onChange,V=s.style,W=s.isMoveInputVisible,q=s.readonly,K=s.noScale,H=s["data-testid"],X=void 0===H?"GradientPicker":H,Z=i(null),J=c([]),Q=n(J,2),Y=Q[0],$=Q[1],oo=c(null),so=n(oo,2),no=so[0],io=so[1],co=c(null),to=n(co,2),ro=to[0],eo=to[1],mo=c(null),uo=n(mo,2),ao=uo[0],lo=uo[1],po=D({readonly:q}),jo=Number.isFinite(B)?Number(B):0,Io=Number.isFinite(_)?Number(_):100,fo=Io-jo;t((function(){(L.length!==(null==Y?void 0:Y.length)||L.some((function(o,s){return o.color!==Y[s].color||o.pos!==Y[s].pos})))&&$(L.map((function(o){return w(w({},o),{},{id:f()})})))}),[L]);var ho=r((function(){return P(Y)}),[Y]),vo=r((function(){var o;return null===(o=Z.current)||void 0===o?void 0:o.clientWidth}),[null==E?void 0:E.width,Z.current]),bo=function(o){var s=l(o,"pos");$(s),U&&U(s.map((function(o){return j(o,"id")})))},go=function(o){if(o.target===o.currentTarget){var s=o.currentTarget.getBoundingClientRect(),n=o.clientX-s.left;lo(Number.isFinite(n)?n:null)}else lo(null)},Co=x((function(s,n,i){var c=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(!no&&vo){var t=n/vo*100,r=u(Y,{id:s});if(i>=40||i<=-50)yo();else if(r){var e=w(w({},r),{},{pos:t}),m=l([].concat(o(p(Y,{id:s})),[e]),"pos");if(c)return bo(m),void eo(null);$(m),Fo||eo(s)}}}),0),Oo=function(){bo(Y),eo(null),io(null)},yo=function(){Y.length>2&&(bo(p(Y,{id:ro})),io(null),eo(null))},Po=!no&&Number.isFinite(ao)&&!q,Fo=ro?u(Y,{id:ro}):void 0,ko=N(fo),No=function(o){if(!o)return null;var s=jo+(null==o?void 0:o.pos)/100*fo;return k(s,ko/100)}(Fo);return S("div",{className:po.root,style:V,children:[!K&&S("div",{className:po.indicatorContainer,children:[T("div",{children:S(h,{"data-testid":"".concat(X,"_from"),className:po.indicator,children:[jo," ",G]})}),T("div",{children:S(h,{"data-testid":"".concat(X,"_to"),className:po.indicator,children:[Io," ",G]})})]}),S("div",{onMouseEnter:go,onMouseMove:go,onMouseLeave:function(){return lo(null)},onClick:function(s){if(!q&&null!==ao&&vo){var n=ao/vo*100,i=I(Y.map((function(o){return{color:o.color,pos:o.pos/100}}))),c="#".concat(i.rgbAt(n/100).toHex()),t={id:f(),pos:n,color:c};bo([].concat(o(Y),[t]))}},"data-testid":"".concat(X,"_track"),className:po.mainBar,style:{background:"linear-gradient(90deg, ".concat(ho,")")},ref:Z,children:[Po&&T("div",{"data-testid":"".concat(X,"_addCircle"),className:po.addCircle,style:{left:ao-12},children:T(C,{fontSize:"small",className:po.addIcon})}),!!vo&&Y.map((function(o,s){var n,i=o.pos,c=o.color,t=o.id;return T(m,{disabled:q,axis:"x",bounds:{left:-12,right:vo-12,top:-50,bottom:40},onDrag:function(o,s){return Co(t,s.x+12,s.y,!1)},onStop:function(o,s){return Co(t,s.x+12,s.y,!0)},position:{x:vo*i/100-12,y:-4},children:T("div",{onClick:function(o){return function(o,s){o.stopPropagation(),q||ro||(eo(s),io(o.currentTarget))}(o,t)},"data-testid":"".concat(X,"_stop_").concat(s),className:e(po.circle,{highlight:ro===t}),style:{backgroundColor:c},children:T(v,{title:(n=i,F(n,{fromValue:jo,toValue:Io})),placement:"top",children:T("div",{style:{height:"100%"}})})})},t)}))]}),Boolean(no)&&S(b,{id:"colors-popper",open:Boolean(no),anchorEl:no,onClose:Oo,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[T(y,{color:null!==(M=null==Fo?void 0:Fo.color)&&void 0!==M?M:"#000000",onChange:function(o){var s=o.hex;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{color:s}):o})))},onSizeChange:a,enableTransparencyPalette:!1}),T(A,{"data-testid":"".concat(X,"_stopDelete"),className:po.removeButton,onClick:yo,children:T(O,{className:po.deleteIcon})}),W&&T(g,{"data-testid":"".concat(X,"_moveInput"),type:"number",variant:"outlined",value:No,classes:{root:po.posTextfield},InputProps:{inputProps:{min:jo,max:Io,step:ko,maxLength:10},classes:{root:po.posOutlinedRoot,input:po.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(o){if(""===o.target.value){var s=o.target;setTimeout((function(){return null==s?void 0:s.select()}))}var n=d(Number(o.target.value),jo,Io);n||o.target.select();var i=(n-jo)/fo*100;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{pos:i}):o})))},onKeyDown:function(o){return"Enter"===o.key&&Oo()}})]})]})})),B=function(o){return T(z,w({},o))};export{B as GradientPicker};
 //# sourceMappingURL=GradientPicker.js.map

package/components/GradientPicker/GradientPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GradientPicker.js","sources":["../../../src/components/GradientPicker/GradientPicker.tsx"],"sourcesContent":["import React, { MouseEventHandler, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport Draggable from 'react-draggable';\nimport { clamp, find, noop, omit, reject, sortBy } from 'lodash';\nimport tinygradient from 'tinygradient';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Popover, TextField, Tooltip, Typography } from '@material-ui/core';\nimport { Add } from '@material-ui/icons';\n\nimport { DeleteFourIcon } from '~/icons';\n\nimport { GradientFillStop } from '~/types';\nimport PaletteChromePicker from '../ColorPicker/PaletteChromePicker';\nimport { calcGradientStyle, getRangeStep, getStopText, roundToStep } from './GradientPicker.utils';\nimport { GradientPickerComponentProps } from './GradientPickerProps';\nimport { useThrottledCallback } from '../shared/useThrottledCallback';\nimport IconButton from '../IconButton';\nimport { useStyles } from './GradientPicker.styles';\nimport { withSize } from 'react-sizeme';\n\nconst DRAG_TOP_LIMIT = -50;\nconst DRAG_BOTTOM_LIMIT = 40;\nconst DRAG_OFFSET_X = 12;\nconst DRAG_OFFSET_Y = -4;\n\nconst GradientPickerComponent = withSize()(\n ({\n size,\n from = 0,\n to = 100,\n unit,\n gradientStops,\n onChange,\n style,\n isMoveInputVisible,\n readonly,\n noScale,\n 'data-testid': PAGE_NAME = 'GradientPicker',\n }: GradientPickerComponentProps) => {\n const trackRef = useRef<HTMLDivElement>(null);\n\n const [stops, setStops] = useState<Array<GradientFillStop & { id: string }>>([]);\n\n const [paletteAnchorEl, setPaletteAnchorEl] = useState<HTMLElement \| null>(null);\n const [activeStopId, setActiveStopId] = useState<string \| null>(null);\n const [addCirclePos, setAddCirclePos] = useState<number \| null>(null);\n\n const classes = useStyles({ readonly });\n\n const fromValue = Number.isFinite(from) ? Number(from) : 0;\n const toValue = Number.isFinite(to) ? Number(to) : 100;\n const range = toValue - fromValue;\n\n useEffect(() => {\n const changed =\n gradientStops.length !== stops?.length \|\|\n gradientStops.some(\n (stop, index) => stop.color !== stops[index].color \|\| stop.pos !== stops[index].pos\n );\n\n if (changed) {\n setStops(gradientStops.map(stop => ({ ...stop, id: uuidv4() })));\n }\n }, [gradientStops]);\n\n const gradient = useMemo(() => calcGradientStyle(stops), [stops]);\n const containerWidth = useMemo(\n () => trackRef.current?.clientWidth,\n [size?.width, trackRef.current]\n );\n\n const emitChange = (stops: Array<GradientFillStop & { id: string }>) => {\n const sorted = sortBy(stops, 'pos');\n setStops(sorted);\n if (onChange) {\n onChange(sorted.map(stop => omit(stop, 'id')));\n }\n };\n\n const handleTrackHover: MouseEventHandler<HTMLDivElement> = evt => {\n if (evt.target !== evt.currentTarget) {\n setAddCirclePos(null);\n return;\n }\n const rect = evt.currentTarget.getBoundingClientRect();\n const x = evt.clientX - rect.left;\n setAddCirclePos(Number.isFinite(x) ? x : null);\n };\n\n /*\n When a user clicks a stop the \"startDrag\" and \"click\" events are fired simultaneously.\n * So useThrottledCallback (or any other scheduler, like setTimeout) solves\n * this conflict by waiting a tick and allowing the palette to open.\n * Then if it was a click and palette is open - do not initiate drag-n-drop.\n /\n const handleDragMove = useThrottledCallback(\n (id: string, xPos: number, yPos: number, isStopped = false) => {\n if (paletteAnchorEl \|\| !containerWidth) {\n return;\n }\n const pos = (xPos / containerWidth) 100;\n const stop = find(stops, { id });\n if (yPos >= DRAG_BOTTOM_LIMIT \|\| yPos <= DRAG_TOP_LIMIT) {\n handleRemoveStop();\n return;\n }\n\n if (!stop) {\n return;\n }\n\n const currentStop = { ...stop, pos };\n\n const newStops = sortBy([...reject(stops, { id }) as typeof stops, currentStop], 'pos');\n\n if (isStopped) {\n emitChange(newStops);\n setActiveStopId(null);\n return;\n }\n\n setStops(newStops);\n if (!activeStop) {\n setActiveStopId(id);\n }\n },\n 0\n );\n\n const handleAdd: MouseEventHandler<HTMLDivElement> = _evt => {\n if (readonly \|\| addCirclePos === null \|\| !containerWidth) {\n return;\n }\n const pos = (addCirclePos / containerWidth) * 100;\n const gradient = tinygradient(\n stops.map(item => ({\n color: item.color,\n pos: item.pos / 100,\n }))\n );\n\n const color = `#${gradient.rgbAt(pos / 100).toHex()}`;\n const newStop = { id: uuidv4(), pos, color };\n emitChange([...stops, newStop]);\n };\n\n const handleColorPickerOpen = (evt: React.MouseEvent, id: string) => {\n evt.stopPropagation();\n if (readonly \|\| activeStopId) {\n return;\n }\n setActiveStopId(id);\n setPaletteAnchorEl(evt.currentTarget as HTMLElement);\n };\n\n const handleColorPickerClose = () => {\n emitChange(stops);\n setActiveStopId(null);\n setPaletteAnchorEl(null);\n };\n\n const handleStopPositionTextInput = (evt: React.ChangeEvent<HTMLInputElement>) => {\n // give React a moment to update state and draw input with a zero and select the zero\n // to allow user type a new value\n if (evt.target.value === '') {\n const inputElement = evt.target;\n setTimeout(() => inputElement?.select());\n }\n const posScaled = clamp(Number(evt.target.value), fromValue, toValue);\n if (!posScaled) {\n evt.target.select();\n }\n const pos = ((posScaled - fromValue) / range) * 100;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, pos } : stop)));\n };\n\n const handleColorChange = (newColor: { hex: string }) => {\n const color = newColor.hex;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, color } : stop)));\n };\n\n const handleRemoveStop = () => {\n if (stops.length > 2) {\n emitChange(reject(stops, { id: activeStopId }) as typeof stops);\n setPaletteAnchorEl(null);\n setActiveStopId(null);\n }\n };\n\n const getStopTooltipValue = (position: number) => {\n return getStopText(position, { fromValue, toValue });\n };\n\n const addCircleVisible = !paletteAnchorEl && Number.isFinite(addCirclePos) && !readonly;\n\n const getStopScaledPosition = (activeStop: (GradientFillStop & { id: string }) \| undefined) => {\n if (!activeStop) {\n return null;\n }\n const stopValue = fromValue + (activeStop?.pos / 100) * range;\n return roundToStep(stopValue, stopStep / 100);\n };\n\n const activeStop = activeStopId ? find(stops, { id: activeStopId }) : undefined;\n const stopStep = getRangeStep(range);\n\n const activeStopScaledPos = getStopScaledPosition(activeStop);\n\n return (\n <div className={classes.root} style={style}>\n {!noScale && (\n <div className={classes.indicatorContainer}>\n <div>\n <Typography data-testid={`${PAGE_NAME}_from`} className={classes.indicator}>\n {fromValue} {unit}\n </Typography>\n </div>\n <div>\n <Typography data-testid={`${PAGE_NAME}_to`} className={classes.indicator}>\n {toValue} {unit}\n </Typography>\n </div>\n </div>\n )}\n\n <div\n onMouseEnter={handleTrackHover}\n onMouseMove={handleTrackHover}\n onMouseLeave={() => setAddCirclePos(null)}\n onClick={handleAdd}\n data-testid={`${PAGE_NAME}_track`}\n className={classes.mainBar}\n style={{ background: `linear-gradient(90deg, ${gradient})` }}\n ref={trackRef}\n >\n {addCircleVisible && (\n <div\n data-testid={`${PAGE_NAME}_addCircle`}\n className={classes.addCircle}\n style={{ left: addCirclePos! - DRAG_OFFSET_X }}\n >\n <Add fontSize=\"small\" className={classes.addIcon} />\n </div>\n )}\n\n {!!containerWidth &&\n stops.map(({ pos, color, id }, index) => (\n // @ts-ignore Draggable propTypes issues\n <Draggable\n disabled={readonly}\n key={id}\n axis=\"x\"\n bounds={{\n left: -DRAG_OFFSET_X,\n right: containerWidth - DRAG_OFFSET_X,\n top: DRAG_TOP_LIMIT,\n bottom: DRAG_BOTTOM_LIMIT,\n }}\n onDrag={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, false)\n }\n onStop={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, true)\n }\n position={{\n x: (containerWidth * pos) / 100 - DRAG_OFFSET_X,\n y: DRAG_OFFSET_Y,\n }}\n >\n <div\n onClick={e => handleColorPickerOpen(e, id)}\n data-testid={`${PAGE_NAME}_stop_${index}`}\n className={classNames(classes.circle, {\n highlight: activeStopId === id,\n })}\n style={{ backgroundColor: color }}\n >\n <Tooltip title={getStopTooltipValue(pos)} placement=\"top\">\n <div style={{ height: '100%' }} />\n </Tooltip>\n </div>\n </Draggable>\n ))}\n </div>\n\n {Boolean(paletteAnchorEl) && (\n <Popover\n id=\"colors-popper\"\n open={Boolean(paletteAnchorEl)}\n anchorEl={paletteAnchorEl}\n onClose={handleColorPickerClose}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n >\n <PaletteChromePicker\n color={activeStop?.color ?? '#000000'}\n onChange={handleColorChange}\n onSizeChange={noop}\n enableTransparencyPalette={false}\n />\n <IconButton\n data-testid={`${PAGE_NAME}_stopDelete`}\n className={classes.removeButton}\n onClick={handleRemoveStop}\n >\n <DeleteFourIcon className={classes.deleteIcon} />\n </IconButton>\n {isMoveInputVisible && (\n <TextField\n data-testid={`${PAGE_NAME}_moveInput`}\n type=\"number\"\n variant=\"outlined\"\n value={activeStopScaledPos}\n classes={{ root: classes.posTextfield }}\n InputProps={{\n inputProps: {\n min: fromValue,\n max: toValue,\n step: stopStep,\n maxLength: 10,\n },\n classes: {\n root: classes.posOutlinedRoot,\n input: classes.posOutlinedInput,\n },\n }}\n autoFocus\n onFocus={evt => evt.target.select()}\n onChange={handleStopPositionTextInput}\n onKeyDown={evt => evt.key === 'Enter' && handleColorPickerClose()}\n />\n )}\n </Popover>\n )}\n </div>\n );\n }\n);\n\n// \"Hiding\" react-sizeme so Storybook can get the props type\nexport const GradientPicker = (props: Omit<GradientPickerComponentProps, 'size'>) => (\n <GradientPickerComponent {...props} />\n);\n"],"names":["GradientPickerComponent","withSize","_ref","_activeStop$color","size","_ref$from","from","_ref$to","to","unit","gradientStops","onChange","style","isMoveInputVisible","readonly","noScale","_ref$dataTestid","PAGE_NAME","trackRef","useRef","useState","_useState2","_slicedToArray","_useState","stops","setStops","_useState4","_useState3","paletteAnchorEl","setPaletteAnchorEl","_useState6","_useState5","activeStopId","setActiveStopId","_useState8","_useState7","addCirclePos","setAddCirclePos","classes","useStyles","fromValue","Number","isFinite","toValue","range","useEffect","length","some","stop","index","color","pos","map","_objectSpread","id","uuidv4","gradient","useMemo","calcGradientStyle","containerWidth","_trackRef$current","current","clientWidth","width","emitChange","sorted","sortBy","omit","handleTrackHover","evt","target","currentTarget","rect","getBoundingClientRect","x","clientX","left","handleDragMove","useThrottledCallback","xPos","yPos","isStopped","find","handleRemoveStop","currentStop","newStops","reject","activeStop","handleColorPickerClose","addCircleVisible","undefined","stopStep","getRangeStep","activeStopScaledPos","stopValue","roundToStep","getStopScaledPosition","_jsxs","className","root","children","indicatorContainer","_jsx","Typography","concat","indicator","onMouseEnter","onMouseMove","onMouseLeave","onClick","_evt","tinygradient","item","rgbAt","toHex","newStop","mainBar","background","ref","addCircle","Add","fontSize","addIcon","_ref2","position","Draggable","disabled","axis","bounds","right","top","bottom","onDrag","_e","dragData","y","onStop","e","stopPropagation","handleColorPickerOpen","classNames","circle","highlight","backgroundColor","Tooltip","title","getStopText","placement","height","Boolean","Popover","open","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","PaletteChromePicker","newColor","hex","onSizeChange","noop","enableTransparencyPalette","IconButton","removeButton","DeleteFourIcon","deleteIcon","TextField","type","variant","value","posTextfield","InputProps","inputProps","min","max","step","maxLength","posOutlinedRoot","input","posOutlinedInput","autoFocus","onFocus","select","inputElement","setTimeout","posScaled","clamp","onKeyDown","key","GradientPicker","props"],"mappings":"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"}
1	+ {"version":3,"file":"GradientPicker.js","sources":["../../../src/components/GradientPicker/GradientPicker.tsx"],"sourcesContent":["import React, { MouseEventHandler, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport Draggable from 'react-draggable';\nimport { clamp, find, noop, omit, reject, sortBy } from 'lodash';\nimport tinygradient from 'tinygradient';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Popover, TextField, Tooltip, Typography } from '@material-ui/core';\nimport { Add } from '@material-ui/icons';\n\nimport { DeleteFourIcon } from '~/icons';\n\nimport { GradientFillStop } from '~/types';\nimport PaletteChromePicker from '../ColorPicker/PaletteChromePicker';\nimport { calcGradientStyle, getRangeStep, getStopText, roundToStep } from './GradientPicker.utils';\nimport { GradientPickerComponentProps } from './GradientPickerProps';\nimport { useThrottledCallback } from '../shared/useThrottledCallback';\nimport IconButton from '../IconButton';\nimport { useStyles } from './GradientPicker.styles';\nimport { withSize } from 'react-sizeme';\n\nconst DRAG_TOP_LIMIT = -50;\nconst DRAG_BOTTOM_LIMIT = 40;\nconst DRAG_OFFSET_X = 12;\nconst DRAG_OFFSET_Y = -4;\n\nconst GradientPickerComponent = withSize()(\n ({\n size,\n from = 0,\n to = 100,\n unit,\n gradientStops,\n onChange,\n style,\n isMoveInputVisible,\n readonly,\n noScale,\n 'data-testid': PAGE_NAME = 'GradientPicker',\n }: GradientPickerComponentProps) => {\n const trackRef = useRef<HTMLDivElement>(null);\n\n const [stops, setStops] = useState<Array<GradientFillStop & { id: string }>>([]);\n\n const [paletteAnchorEl, setPaletteAnchorEl] = useState<HTMLElement \| null>(null);\n const [activeStopId, setActiveStopId] = useState<string \| null>(null);\n const [addCirclePos, setAddCirclePos] = useState<number \| null>(null);\n\n const classes = useStyles({ readonly });\n\n const fromValue = Number.isFinite(from) ? Number(from) : 0;\n const toValue = Number.isFinite(to) ? Number(to) : 100;\n const range = toValue - fromValue;\n\n useEffect(() => {\n const changed =\n gradientStops.length !== stops?.length \|\|\n gradientStops.some(\n (stop, index) => stop.color !== stops[index].color \|\| stop.pos !== stops[index].pos\n );\n\n if (changed) {\n setStops(gradientStops.map(stop => ({ ...stop, id: uuidv4() })));\n }\n }, [gradientStops]);\n\n const gradient = useMemo(() => calcGradientStyle(stops), [stops]);\n const containerWidth = useMemo(\n () => trackRef.current?.clientWidth,\n [size?.width, trackRef.current]\n );\n\n const emitChange = (stops: Array<GradientFillStop & { id: string }>) => {\n const sorted = sortBy(stops, 'pos');\n setStops(sorted);\n if (onChange) {\n onChange(sorted.map(stop => omit(stop, 'id')));\n }\n };\n\n const handleTrackHover: MouseEventHandler<HTMLDivElement> = evt => {\n if (evt.target !== evt.currentTarget) {\n setAddCirclePos(null);\n return;\n }\n const rect = evt.currentTarget.getBoundingClientRect();\n const x = evt.clientX - rect.left;\n setAddCirclePos(Number.isFinite(x) ? x : null);\n };\n\n /*\n When a user clicks a stop the \"startDrag\" and \"click\" events are fired simultaneously.\n * So useThrottledCallback (or any other scheduler, like setTimeout) solves\n * this conflict by waiting a tick and allowing the palette to open.\n * Then if it was a click and palette is open - do not initiate drag-n-drop.\n /\n const handleDragMove = useThrottledCallback(\n (id: string, xPos: number, yPos: number, isStopped = false) => {\n if (paletteAnchorEl \|\| !containerWidth) {\n return;\n }\n const pos = (xPos / containerWidth) 100;\n const stop = find(stops, { id });\n if (yPos >= DRAG_BOTTOM_LIMIT \|\| yPos <= DRAG_TOP_LIMIT) {\n handleRemoveStop();\n return;\n }\n\n if (!stop) {\n return;\n }\n\n const currentStop = { ...stop, pos };\n\n const newStops = sortBy([...reject(stops, { id }) as typeof stops, currentStop], 'pos');\n\n if (isStopped) {\n emitChange(newStops);\n setActiveStopId(null);\n return;\n }\n\n setStops(newStops);\n if (!activeStop) {\n setActiveStopId(id);\n }\n },\n 0\n );\n\n const handleAdd: MouseEventHandler<HTMLDivElement> = _evt => {\n if (readonly \|\| addCirclePos === null \|\| !containerWidth) {\n return;\n }\n const pos = (addCirclePos / containerWidth) * 100;\n const gradient = tinygradient(\n stops.map(item => ({\n color: item.color,\n pos: item.pos / 100,\n }))\n );\n\n const color = `#${gradient.rgbAt(pos / 100).toHex()}`;\n const newStop = { id: uuidv4(), pos, color };\n emitChange([...stops, newStop]);\n };\n\n const handleColorPickerOpen = (evt: React.MouseEvent, id: string) => {\n evt.stopPropagation();\n if (readonly \|\| activeStopId) {\n return;\n }\n setActiveStopId(id);\n setPaletteAnchorEl(evt.currentTarget as HTMLElement);\n };\n\n const handleColorPickerClose = () => {\n emitChange(stops);\n setActiveStopId(null);\n setPaletteAnchorEl(null);\n };\n\n const handleStopPositionTextInput = (evt: React.ChangeEvent<HTMLInputElement>) => {\n // give React a moment to update state and draw input with a zero and select the zero\n // to allow user type a new value\n if (evt.target.value === '') {\n const inputElement = evt.target;\n setTimeout(() => inputElement?.select());\n }\n const posScaled = clamp(Number(evt.target.value), fromValue, toValue);\n if (!posScaled) {\n evt.target.select();\n }\n const pos = ((posScaled - fromValue) / range) * 100;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, pos } : stop)));\n };\n\n const handleColorChange = (newColor: { hex: string }) => {\n const color = newColor.hex;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, color } : stop)));\n };\n\n const handleRemoveStop = () => {\n if (stops.length > 2) {\n emitChange(reject(stops, { id: activeStopId }) as typeof stops);\n setPaletteAnchorEl(null);\n setActiveStopId(null);\n }\n };\n\n const getStopTooltipValue = (position: number) => {\n return getStopText(position, { fromValue, toValue });\n };\n\n const addCircleVisible = !paletteAnchorEl && Number.isFinite(addCirclePos) && !readonly;\n\n const getStopScaledPosition = (activeStop: (GradientFillStop & { id: string }) \| undefined) => {\n if (!activeStop) {\n return null;\n }\n const stopValue = fromValue + (activeStop?.pos / 100) * range;\n return roundToStep(stopValue, stopStep / 100);\n };\n\n const activeStop = activeStopId ? find(stops, { id: activeStopId }) : undefined;\n const stopStep = getRangeStep(range);\n\n const activeStopScaledPos = getStopScaledPosition(activeStop);\n\n return (\n <div className={classes.root} style={style}>\n {!noScale && (\n <div className={classes.indicatorContainer}>\n <div>\n <Typography data-testid={`${PAGE_NAME}_from`} className={classes.indicator}>\n {fromValue} {unit}\n </Typography>\n </div>\n <div>\n <Typography data-testid={`${PAGE_NAME}_to`} className={classes.indicator}>\n {toValue} {unit}\n </Typography>\n </div>\n </div>\n )}\n\n <div\n onMouseEnter={handleTrackHover}\n onMouseMove={handleTrackHover}\n onMouseLeave={() => setAddCirclePos(null)}\n onClick={handleAdd}\n data-testid={`${PAGE_NAME}_track`}\n className={classes.mainBar}\n style={{ background: `linear-gradient(90deg, ${gradient})` }}\n ref={trackRef}\n >\n {addCircleVisible && (\n <div\n data-testid={`${PAGE_NAME}_addCircle`}\n className={classes.addCircle}\n style={{ left: addCirclePos! - DRAG_OFFSET_X }}\n >\n <Add fontSize=\"small\" className={classes.addIcon} />\n </div>\n )}\n\n {!!containerWidth &&\n stops.map(({ pos, color, id }, index) => (\n // @ts-ignore Draggable propTypes issues\n <Draggable\n disabled={readonly}\n key={id}\n axis=\"x\"\n bounds={{\n left: -DRAG_OFFSET_X,\n right: containerWidth - DRAG_OFFSET_X,\n top: DRAG_TOP_LIMIT,\n bottom: DRAG_BOTTOM_LIMIT,\n }}\n onDrag={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, false)\n }\n onStop={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, true)\n }\n position={{\n x: (containerWidth * pos) / 100 - DRAG_OFFSET_X,\n y: DRAG_OFFSET_Y,\n }}\n >\n <div\n onClick={e => handleColorPickerOpen(e, id)}\n data-testid={`${PAGE_NAME}_stop_${index}`}\n className={classNames(classes.circle, {\n highlight: activeStopId === id,\n })}\n style={{ backgroundColor: color }}\n >\n <Tooltip title={getStopTooltipValue(pos)} placement=\"top\">\n <div style={{ height: '100%' }} />\n </Tooltip>\n </div>\n </Draggable>\n ))}\n </div>\n\n {Boolean(paletteAnchorEl) && (\n <Popover\n id=\"colors-popper\"\n open={Boolean(paletteAnchorEl)}\n anchorEl={paletteAnchorEl}\n onClose={handleColorPickerClose}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n >\n <PaletteChromePicker\n color={activeStop?.color ?? '#000000'}\n onChange={handleColorChange}\n onSizeChange={noop}\n enableTransparencyPalette={false}\n />\n <IconButton\n data-testid={`${PAGE_NAME}_stopDelete`}\n className={classes.removeButton}\n onClick={handleRemoveStop}\n >\n <DeleteFourIcon className={classes.deleteIcon} />\n </IconButton>\n {isMoveInputVisible && (\n <TextField\n data-testid={`${PAGE_NAME}_moveInput`}\n type=\"number\"\n variant=\"outlined\"\n value={activeStopScaledPos}\n classes={{ root: classes.posTextfield }}\n InputProps={{\n inputProps: {\n min: fromValue,\n max: toValue,\n step: stopStep,\n maxLength: 10,\n },\n classes: {\n root: classes.posOutlinedRoot,\n input: classes.posOutlinedInput,\n },\n }}\n autoFocus\n onFocus={evt => evt.target.select()}\n onChange={handleStopPositionTextInput}\n onKeyDown={evt => evt.key === 'Enter' && handleColorPickerClose()}\n />\n )}\n </Popover>\n )}\n </div>\n );\n }\n);\n\n// \"Hiding\" react-sizeme so Storybook can get the props type\nexport const GradientPicker = (props: Omit<GradientPickerComponentProps, 'size'>) => (\n <GradientPickerComponent {...props} />\n);\n"],"names":["GradientPickerComponent","withSize","_ref","_activeStop$color","size","_ref$from","from","_ref$to","to","unit","gradientStops","onChange","style","isMoveInputVisible","readonly","noScale","_ref$dataTestid","PAGE_NAME","trackRef","useRef","useState","_useState2","_slicedToArray","_useState","stops","setStops","_useState4","_useState3","paletteAnchorEl","setPaletteAnchorEl","_useState6","_useState5","activeStopId","setActiveStopId","_useState8","_useState7","addCirclePos","setAddCirclePos","classes","useStyles","fromValue","Number","isFinite","toValue","range","useEffect","length","some","stop","index","color","pos","map","_objectSpread","id","uuidv4","gradient","useMemo","calcGradientStyle","containerWidth","_trackRef$current","current","clientWidth","width","emitChange","sorted","sortBy","omit","handleTrackHover","evt","target","currentTarget","rect","getBoundingClientRect","x","clientX","left","handleDragMove","useThrottledCallback","xPos","yPos","isStopped","find","handleRemoveStop","currentStop","newStops","reject","activeStop","handleColorPickerClose","addCircleVisible","undefined","stopStep","getRangeStep","activeStopScaledPos","stopValue","roundToStep","getStopScaledPosition","_jsxs","className","root","children","indicatorContainer","_jsx","Typography","concat","indicator","onMouseEnter","onMouseMove","onMouseLeave","onClick","_evt","tinygradient","item","rgbAt","toHex","newStop","mainBar","background","ref","addCircle","Add","fontSize","addIcon","_ref2","position","Draggable","disabled","axis","bounds","right","top","bottom","onDrag","_e","dragData","y","onStop","e","stopPropagation","handleColorPickerOpen","classNames","circle","highlight","backgroundColor","Tooltip","title","getStopText","placement","height","Boolean","Popover","open","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","PaletteChromePicker","newColor","hex","onSizeChange","noop","enableTransparencyPalette","IconButton","removeButton","DeleteFourIcon","deleteIcon","TextField","type","variant","value","posTextfield","InputProps","inputProps","min","max","step","maxLength","posOutlinedRoot","input","posOutlinedInput","autoFocus","onFocus","select","inputElement","setTimeout","posScaled","clamp","onKeyDown","key","GradientPicker","props"],"mappings":"y4KAoBA,IAKMA,EAA0BC,KAC9B,SAYoCC,GAAA,IAAAC,EAXlCC,IAAAA,KAAIC,EAAAH,EACJI,KAAAA,aAAO,EAACD,EAAAE,EAAAL,EACRM,GAAAA,aAAK,IAAGD,EACRE,IAAAA,KACAC,IAAAA,cACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,mBACAC,IAAAA,SACAC,IAAAA,QAAOC,EAAAd,EACP,eAAee,aAAY,iBAAgBD,EAErCE,EAAWC,EAAuB,MAEdC,EAAAA,EAAmD,IAAGC,EAAAC,EAAAC,EAAA,GAAzEC,EAAKH,EAAA,GAAEI,EAAQJ,EAAA,GAEwBD,GAAAA,EAA6B,MAAKM,GAAAJ,EAAAK,GAAA,GAAzEC,GAAeF,GAAA,GAAEG,GAAkBH,GAAA,GACFN,GAAAA,EAAwB,MAAKU,GAAAR,EAAAS,GAAA,GAA9DC,GAAYF,GAAA,GAAEG,GAAeH,GAAA,GACIV,GAAAA,EAAwB,MAAKc,GAAAZ,EAAAa,GAAA,GAA9DC,GAAYF,GAAA,GAAEG,GAAeH,GAAA,GAE9BI,GAAUC,EAAU,CAAEzB,SAAAA,IAEtB0B,GAAYC,OAAOC,SAASpC,GAAQmC,OAAOnC,GAAQ,EACnDqC,GAAUF,OAAOC,SAASlC,GAAMiC,OAAOjC,GAAM,IAC7CoC,GAAQD,GAAUH,GAExBK,GAAU,YAENnC,EAAcoC,UAAWtB,aAAK,EAALA,EAAOsB,SAChCpC,EAAcqC,MACZ,SAACC,EAAMC,GAAK,OAAKD,EAAKE,QAAU1B,EAAMyB,GAAOC,OAASF,EAAKG,MAAQ3B,EAAMyB,GAAOE,SAIlF1B,EAASf,EAAc0C,KAAI,SAAAJ,GAAI,OAAAK,EAAAA,EAAA,CAAA,EAAUL,GAAI,CAAA,EAAA,CAAEM,GAAIC,KAAW,IAElE,GAAG,CAAC7C,IAEJ,IAAM8C,GAAWC,GAAQ,WAAA,OAAMC,EAAkBlC,KAAQ,CAACA,IACpDmC,GAAiBF,GACrB,WAAA,IAAAG,EAAA,OAAsB,QAAtBA,EAAM1C,EAAS2C,eAAO,IAAAD,OAAA,EAAhBA,EAAkBE,WAAW,GACnC,CAAC1D,aAAAA,EAAAA,EAAM2D,MAAO7C,EAAS2C,UAGnBG,GAAa,SAACxC,GAClB,IAAMyC,EAASC,EAAO1C,EAAO,OAC7BC,EAASwC,GACLtD,GACFA,EAASsD,EAAOb,KAAI,SAAAJ,GAAI,OAAImB,EAAKnB,EAAM,KAAK,MAI1CoB,GAAsD,SAAAC,GAC1D,GAAIA,EAAIC,SAAWD,EAAIE,cAAvB,CAIA,IAAMC,EAAOH,EAAIE,cAAcE,wBACzBC,EAAIL,EAAIM,QAAUH,EAAKI,KAC7BvC,GAAgBI,OAAOC,SAASgC,GAAKA,EAAI,KAHzC,MAFErC,GAAgB,OAcdwC,GAAiBC,GACrB,SAACxB,EAAYyB,EAAcC,GAAoC,IAAtBC,0DACvC,IAAIrD,IAAoB+B,GAAxB,CAGA,IAAMR,EAAO4B,EAAOpB,GAAkB,IAChCX,EAAOkC,EAAK1D,EAAO,CAAE8B,GAAAA,IAC3B,GAAI0B,GAjFc,IAiFeA,IAlFlB,GAmFbG,UAIF,GAAKnC,EAAL,CAIA,IAAMoC,SAAmBpC,GAAI,GAAA,CAAEG,IAAAA,IAEzBkC,EAAWnB,cAAWoB,EAAO9D,EAAO,CAAE8B,GAAAA,KAAK,CAAkB8B,IAAc,OAEjF,GAAIH,EAGF,OAFAjB,GAAWqB,QACXpD,GAAgB,MAIlBR,EAAS4D,GACJE,IACHtD,GAAgBqB,EAdlB,CAVA,CA0BD,GACD,GA6BIkC,GAAyB,WAC7BxB,GAAWxC,GACXS,GAAgB,MAChBJ,GAAmB,OAuBfsD,GAAmB,WACnB3D,EAAMsB,OAAS,IACjBkB,GAAWsB,EAAO9D,EAAO,CAAE8B,GAAItB,MAC/BH,GAAmB,MACnBI,GAAgB,QAQdwD,IAAoB7D,IAAmBa,OAAOC,SAASN,MAAkBtB,EAUzEyE,GAAavD,GAAekD,EAAK1D,EAAO,CAAE8B,GAAItB,UAAkB0D,EAChEC,GAAWC,EAAahD,IAExBiD,GAXwB,SAACN,GAC7B,IAAKA,EACH,OAAO,KAET,IAAMO,EAAYtD,IAAa+C,aAAU,EAAVA,EAAYpC,KAAM,IAAOP,GACxD,OAAOmD,EAAYD,EAAWH,GAAW,KAMfK,CAAsBT,IAElD,OACEU,EAAA,MAAA,CAAKC,UAAW5D,GAAQ6D,KAAMvF,MAAOA,EAAMwF,SACxC,EAACrF,GACAkF,EAAA,MAAA,CAAKC,UAAW5D,GAAQ+D,mBAAmBD,SACzC,CAAAE,EAAA,MAAA,CAAAF,SACEH,EAACM,EAAU,CAAC,cAAA,GAAAC,OAAgBvF,EAAiB,SAACiF,UAAW5D,GAAQmE,UAAUL,SACxE5D,CAAAA,OAAY/B,OAGjB6F,EAAA,MAAA,CAAAF,SACEH,EAACM,EAAU,CAAC,cAAA,GAAAC,OAAgBvF,EAAe,OAACiF,UAAW5D,GAAQmE,UAAUL,SACtEzD,CAAAA,OAAUlC,UAMnBwF,EAAA,MAAA,CACES,aAActC,GACduC,YAAavC,GACbwC,aAAc,WAAA,OAAMvE,GAAgB,KAAM,EAC1CwE,QApG+C,SAAAC,GACnD,IAAIhG,GAA6B,OAAjBsB,IAA0BuB,GAA1C,CAGA,IAAMR,EAAOf,GAAeuB,GAAkB,IACxCH,EAAWuD,EACfvF,EAAM4B,KAAI,SAAA4D,GAAI,MAAK,CACjB9D,MAAO8D,EAAK9D,MACZC,IAAK6D,EAAK7D,IAAM,IAChB,KAGED,EAAK,IAAAsD,OAAOhD,EAASyD,MAAM9D,EAAM,KAAK+D,SACtCC,EAAU,CAAE7D,GAAIC,IAAUJ,IAAAA,EAAKD,MAAAA,GACrCc,GAAexC,GAAAA,OAAAA,EAAAA,GAAO2F,CAAAA,IAXtB,GAkGI,cAAA,GAAAX,OAAgBvF,EAAkB,UAClCiF,UAAW5D,GAAQ8E,QACnBxG,MAAO,CAAEyG,4CAAsC7D,GAAQ,MACvD8D,IAAKpG,EAASkF,SAAA,CAEbX,IACCa,EAAA,MAAA,CACE,cAAA,GAAAE,OAAgBvF,EAAsB,cACtCiF,UAAW5D,GAAQiF,UACnB3G,MAAO,CAAEgE,KAAMxC,GAzNP,IAyNuCgE,SAE/CE,EAACkB,EAAG,CAACC,SAAS,QAAQvB,UAAW5D,GAAQoF,cAI1C/D,IACDnC,EAAM4B,KAAI,SAAAuE,EAAqB1E,GAAK,IAzDf2E,EAyDRzE,IAAAA,IAAKD,IAAAA,MAAOI,IAAAA,GAAE,OAEzBgD,EAACuB,EAAS,CACRC,SAAUhH,EAEViH,KAAK,IACLC,OAAQ,CACNpD,MAvOI,GAwOJqD,MAAOtE,GAxOH,GAyOJuE,KA3OK,GA4OLC,OA3OQ,IA6OVC,OAAQ,SAACC,EAAIC,GAAQ,OACnBzD,GAAevB,EAAIgF,EAAS5D,EA7OxB,GA6O2C4D,EAASC,GAAG,EAC5D,EACDC,OAAQ,SAACH,EAAIC,GAAQ,OACnBzD,GAAevB,EAAIgF,EAAS5D,EAhPxB,GAgP2C4D,EAASC,GAAG,EAC5D,EACDX,SAAU,CACRlD,EAAIf,GAAiBR,EAAO,IAnPxB,GAoPJoF,GAnPI,GAoPJnC,SAEFE,EAAA,MAAA,CACEO,QAAS,SAAA4B,GAAC,OA5HM,SAACpE,EAAuBf,GACpDe,EAAIqE,kBACA5H,GAAYkB,KAGhBC,GAAgBqB,GAChBzB,GAAmBwC,EAAIE,gBAsHGoE,CAAsBF,EAAGnF,EAAI,EAC3C,cAAgBrC,GAAAA,OAAAA,EAAkBgC,UAAAA,OAAAA,GAClCiD,UAAW0C,EAAWtG,GAAQuG,OAAQ,CACpCC,UAAW9G,KAAiBsB,IAE9B1C,MAAO,CAAEmI,gBAAiB7F,GAAQkD,SAElCE,EAAC0C,EAAO,CAACC,OAxFMrB,EAwFqBzE,EAvFzC+F,EAAYtB,EAAU,CAAEpF,UAAAA,GAAWG,QAAAA,MAuFYwG,UAAU,MAAK/C,SACvDE,EAAA,MAAA,CAAK1F,MAAO,CAAEwI,OAAQ,eA5BrB9F,EA+BK,OAIjB+F,QAAQzH,KACPqE,EAACqD,EAAO,CACNhG,GAAG,gBACHiG,KAAMF,QAAQzH,IACd4H,SAAU5H,GACV6H,QAASjE,GACTkE,aAAc,CACZC,SAAU,SACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QACZxD,SAAA,CAEFE,EAACwD,EAAmB,CAClB5G,MAAwB,QAAnB/C,EAAEoF,gBAAAA,GAAYrC,aAAK,IAAA/C,EAAAA,EAAI,UAC5BQ,SA9HgB,SAACoJ,GACzB,IAAM7G,EAAQ6G,EAASC,IACvBvI,EAASD,EAAM4B,KAAI,SAAAJ,GAAI,OAAKA,EAAKM,KAAOtB,UAAoBgB,GAAI,GAAA,CAAEE,MAAAA,IAAUF,CAAK,MA6HzEiH,aAAcC,EACdC,2BAA2B,IAE7B7D,EAAC8D,EAAU,CACT,cAAA,GAAA5D,OAAgBvF,EAAuB,eACvCiF,UAAW5D,GAAQ+H,aACnBxD,QAAS1B,GAAiBiB,SAE1BE,EAACgE,EAAc,CAACpE,UAAW5D,GAAQiI,eAEpC1J,GACCyF,EAACkE,EAAS,CACR,cAAA,GAAAhE,OAAgBvF,EAAsB,cACtCwJ,KAAK,SACLC,QAAQ,WACRC,MAAO9E,GACPvD,QAAS,CAAE6D,KAAM7D,GAAQsI,cACzBC,WAAY,CACVC,WAAY,CACVC,IAAKvI,GACLwI,IAAKrI,GACLsI,KAAMtF,GACNuF,UAAW,IAEb5I,QAAS,CACP6D,KAAM7D,GAAQ6I,gBACdC,MAAO9I,GAAQ+I,mBAGnBC,WAAS,EACTC,QAAS,SAAAlH,GAAG,OAAIA,EAAIC,OAAOkH,QAAS,EACpC7K,SA7KwB,SAAC0D,GAGnC,GAAyB,KAArBA,EAAIC,OAAOqG,MAAc,CAC3B,IAAMc,EAAepH,EAAIC,OACzBoH,YAAW,WAAA,OAAMD,eAAAA,EAAcD,WACjC,CACA,IAAMG,EAAYC,EAAMnJ,OAAO4B,EAAIC,OAAOqG,OAAQnI,GAAWG,IACxDgJ,GACHtH,EAAIC,OAAOkH,SAEb,IAAMrI,GAAQwI,EAAYnJ,IAAaI,GAAS,IAChDnB,EAASD,EAAM4B,KAAI,SAAAJ,GAAI,OAAKA,EAAKM,KAAOtB,UAAoBgB,GAAI,GAAA,CAAEG,IAAAA,IAAQH,CAAK,MAkKrE6I,UAAW,SAAAxH,GAAG,MAAgB,UAAZA,EAAIyH,KAAmBtG,IAAwB,SAO/E,IAIWuG,EAAiB,SAACC,GAAiD,OAC9E1F,EAACtG,EAA4BgM,EAAAA,CAAAA,EAAAA,GAAS"}

package/components/HelpCenter/HelpCenterIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createSvgIcon as o}from"@material-ui/core";import s from"moment";import{HelpIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/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{getLocalStorageItem as i}from"../../utils/localStorage.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var m=o(n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("g",{clipPath:"url(#clip0_69385_73795)",children:[t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",fill:"#BDBDBD"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),t("defs",{children:t("clipPath",{id:"clip0_69385_73795",children:t("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");function r(o){var n,r=o.appId,e=o.helpContentUpdatedAt,p=null===(n=i("helpCenter"))||void 0===n?void 0:n[r],u=e&&(!p||s(p).isBefore(e));return t(u?m:c,{})}export{r as HelpCenterIcon};
+import{createSvgIcon as o}from"@material-ui/core";import s from"moment";import{HelpIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{getLocalStorageItem as i}from"../../utils/localStorage.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var m=o(n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("g",{clipPath:"url(#clip0_69385_73795)",children:[t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",fill:"#BDBDBD"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),t("defs",{children:t("clipPath",{id:"clip0_69385_73795",children:t("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");function r(o){var n,r=o.appId,e=o.helpContentUpdatedAt,p=null===(n=i("helpCenter"))||void 0===n?void 0:n[r],u=e&&(!p||s(p).isBefore(e));return t(u?m:c,{})}export{r as HelpCenterIcon};
 //# sourceMappingURL=HelpCenterIcon.js.map

package/components/HelpCenter/HelpCenterIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelpCenterIcon.js","sources":["../../../src/components/HelpCenter/HelpCenterIcon.js"],"sourcesContent":["import { createSvgIcon } from '@material-ui/core';\nimport moment from 'moment';\n\nimport { HelpIcon } from '~/icons';\nimport { getLocalStorageItem } from '~/utils/localStorage';\n\nconst NewContentIcon = createSvgIcon(\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clipPath=\"url(#clip0_69385_73795)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z\"\n fill=\"#BDBDBD\"\n />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" fill=\"#75DB29\" />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" stroke=\"#212121\" />\n </g>\n <defs>\n <clipPath id=\"clip0_69385_73795\">\n <rect width=\"24\" height=\"24\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>,\n 'NewContentIcon'\n);\n\nexport function HelpCenterIcon({ appId, helpContentUpdatedAt }) {\n const helpCenterLastOpenedAt = getLocalStorageItem('helpCenter')?.[appId];\n\n const isNewContent =\n helpContentUpdatedAt &&\n (!helpCenterLastOpenedAt \|\| moment(helpCenterLastOpenedAt).isBefore(helpContentUpdatedAt));\n\n const Icon = isNewContent ? NewContentIcon : HelpIcon;\n return <Icon />;\n}\n"],"names":["NewContentIcon","createSvgIcon","_jsxs","width","height","viewBox","fill","xmlns","children","clipPath","_jsx","fillRule","clipRule","d","x","y","rx","stroke","id","HelpCenterIcon","_ref","_getLocalStorageItem","appId","helpContentUpdatedAt","helpCenterLastOpenedAt","getLocalStorageItem","isNewContent","moment","isBefore","HelpIcon"],"mappings":"~~q0HAMA~~,IAAMA,EAAiBC,EACrBC,EAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAN,EAAA,IAAA,CAAGO,SAAS,0BAAyBD,SACnC,CAAAE,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,mvBACFP,KAAK,YAEPI,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yLACFP,KAAK,YAEPI,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,keACFP,KAAK,YAEPI,EAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOZ,MAAM,IAAIC,OAAO,IAAIY,GAAG,MAAMV,KAAK,YAC3DI,EAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOZ,MAAM,IAAIC,OAAO,IAAIY,GAAG,MAAMC,OAAO,eAE/DP,EAAA,OAAA,CAAAF,SACEE,EAAA,WAAA,CAAUQ,GAAG,oBAAmBV,SAC9BE,EAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAIxC,kBAGK,SAASa,EAAgDC,GAAA,IAAAC,EAA/BC,IAAAA,MAAOC,IAAAA,qBAChCC,EAA0D,UAAjCC,EAAoB,qBAAa,IAAAJ,OAAA,EAAjCA,EAAoCC,GAE7DI,EACJH,KACEC,GAA0BG,EAAOH,GAAwBI,SAASL,IAGtE,OAAOb,EADMgB,EAAe1B,EAAiB6B,EAC9B,CAAA,EACjB"}
1	+ {"version":3,"file":"HelpCenterIcon.js","sources":["../../../src/components/HelpCenter/HelpCenterIcon.js"],"sourcesContent":["import { createSvgIcon } from '@material-ui/core';\nimport moment from 'moment';\n\nimport { HelpIcon } from '~/icons';\nimport { getLocalStorageItem } from '~/utils/localStorage';\n\nconst NewContentIcon = createSvgIcon(\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clipPath=\"url(#clip0_69385_73795)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z\"\n fill=\"#BDBDBD\"\n />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" fill=\"#75DB29\" />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" stroke=\"#212121\" />\n </g>\n <defs>\n <clipPath id=\"clip0_69385_73795\">\n <rect width=\"24\" height=\"24\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>,\n 'NewContentIcon'\n);\n\nexport function HelpCenterIcon({ appId, helpContentUpdatedAt }) {\n const helpCenterLastOpenedAt = getLocalStorageItem('helpCenter')?.[appId];\n\n const isNewContent =\n helpContentUpdatedAt &&\n (!helpCenterLastOpenedAt \|\| moment(helpCenterLastOpenedAt).isBefore(helpContentUpdatedAt));\n\n const Icon = isNewContent ? NewContentIcon : HelpIcon;\n return <Icon />;\n}\n"],"names":["NewContentIcon","createSvgIcon","_jsxs","width","height","viewBox","fill","xmlns","children","clipPath","_jsx","fillRule","clipRule","d","x","y","rx","stroke","id","HelpCenterIcon","_ref","_getLocalStorageItem","appId","helpContentUpdatedAt","helpCenterLastOpenedAt","getLocalStorageItem","isNewContent","moment","isBefore","HelpIcon"],"mappings":"shIAMA,IAAMA,EAAiBC,EACrBC,EAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAN,EAAA,IAAA,CAAGO,SAAS,0BAAyBD,SACnC,CAAAE,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,mvBACFP,KAAK,YAEPI,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yLACFP,KAAK,YAEPI,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,keACFP,KAAK,YAEPI,EAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOZ,MAAM,IAAIC,OAAO,IAAIY,GAAG,MAAMV,KAAK,YAC3DI,EAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOZ,MAAM,IAAIC,OAAO,IAAIY,GAAG,MAAMC,OAAO,eAE/DP,EAAA,OAAA,CAAAF,SACEE,EAAA,WAAA,CAAUQ,GAAG,oBAAmBV,SAC9BE,EAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAIxC,kBAGK,SAASa,EAAgDC,GAAA,IAAAC,EAA/BC,IAAAA,MAAOC,IAAAA,qBAChCC,EAA0D,UAAjCC,EAAoB,qBAAa,IAAAJ,OAAA,EAAjCA,EAAoCC,GAE7DI,EACJH,KACEC,GAA0BG,EAAOH,GAAwBI,SAASL,IAGtE,OAAOb,EADMgB,EAAe1B,EAAiB6B,EAC9B,CAAA,EACjB"}

package/components/Hint/Hint.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useRef as s,useState as c,useEffect as n,Children as i,isValidElement as t,cloneElement as r}from"react";import m from"classnames";import e from"../Button/components/Button/index.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseIcon 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 u,Fragment as l,jsx as a}from"react/jsx-runtime";import{Regular14 as j}from"../Typography.js";import{Popper as I}from"../Popper/Popper.js";import d from"../IconButton/index.js";import{useStyles as h}from"./styles.js";var C=function(C){var f=h(),b=s(),v=c(),F=o(v,2),O=F[0],P=F[1],x=c(),A=o(x,2),B=A[0],g=A[1];if(n((function(){setTimeout((function(){return g(C.open?C.anchorEl||b.current:void 0)}),100)})),!C.anchorEl&&i.count(C.children)>1)throw new Error("Hint expects a single reffable element as a child");var k=C.anchorEl?C.children:i.map(C.children,(function(o){return t(o)?r(o,{ref:b}):o}));return u(l,{children:[k,u(I,{className:m(f.popper,C.className),transition:!0,open:!!B,anchorEl:B,placement:C.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!O,element:O}},children:[a("div",{ref:P,className:f.arrow}),u("div",{className:f.tooltip,children:[C.title&&a("span",{className:m(f.title,C.onClose&&f.hasClose),children:C.title}),C.onClose&&a(d,{onClick:C.onClose,className:f.close,size:"small",children:a(p,{})}),C.content&&a(j,{className:f.content,children:C.content}),C.onConfirm&&a(e,{color:"inherit",className:f.button,onClick:C.onConfirm,children:C.confirmText||"Got It"})]})]})]})};export{C as Hint};
+import o from"@babel/runtime/helpers/slicedToArray";import{useRef as s,useState as c,useEffect as n,Children as i,isValidElement as t,cloneElement as m}from"react";import r from"classnames";import e from"../Button/components/Button/index.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseIcon 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/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as u,Fragment as l,jsx as a}from"react/jsx-runtime";import{Regular14 as j}from"../Typography.js";import{Popper as I}from"../Popper/Popper.js";import d from"../IconButton/index.js";import{useStyles as h}from"./styles.js";var C=function(C){var f=h(),b=s(),F=c(),v=o(F,2),O=v[0],P=v[1],x=c(),A=o(x,2),B=A[0],g=A[1];if(n((function(){setTimeout((function(){return g(C.open?C.anchorEl||b.current:void 0)}),100)})),!C.anchorEl&&i.count(C.children)>1)throw new Error("Hint expects a single reffable element as a child");var k=C.anchorEl?C.children:i.map(C.children,(function(o){return t(o)?m(o,{ref:b}):o}));return u(l,{children:[k,u(I,{className:r(f.popper,C.className),transition:!0,open:!!B,anchorEl:B,placement:C.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!O,element:O}},children:[a("div",{ref:P,className:f.arrow}),u("div",{className:f.tooltip,children:[C.title&&a("span",{className:r(f.title,C.onClose&&f.hasClose),children:C.title}),C.onClose&&a(d,{onClick:C.onClose,className:f.close,size:"small",children:a(p,{})}),C.content&&a(j,{className:f.content,children:C.content}),C.onConfirm&&a(e,{color:"inherit",className:f.button,onClick:C.onConfirm,children:C.confirmText||"Got It"})]})]})]})};export{C as Hint};
 //# sourceMappingURL=Hint.js.map

package/components/Hint/Hint.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Hint.js","sources":["../../../src/components/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { PopperProps } from '@material-ui/core';\n\nimport Button from '../Button';\nimport { Regular14 } from '../Typography';\nimport { Popper } from '../Popper';\nimport IconButton from '../IconButton';\n\nimport { useStyles } from './styles';\n\nimport { CloseIcon } from '~/icons';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n content?: ReactNode;\n /\n @default Got It\n /\n confirmText?: ReactNode;\n /\n Action button is shown only if this prop is present\n /\n onConfirm?: () => void;\n /\n Check [Positioned Popper](https://v4.mui.com/components/popper/#positioned-popper) example for more info\n * @default bottom\n /\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n className?: string;\n /\n Close button is shown only when this prop is present\n */\n onClose?: () => void;\n};\n\nexport const Hint = (props: HintProps) => {\n const styles = useStyles();\n\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState();\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n setTimeout(\n () => setAnchor(props.open ? props.anchorEl \|\| childAnchorRef.current : undefined),\n 100\n );\n });\n\n if (!props.anchorEl && Children.count(props.children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = props.anchorEl\n ? props.children\n : Children.map(props.children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as any);\n }\n\n return child;\n });\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={classNames(styles.popper, props.className)}\n transition\n open={!!anchor}\n anchorEl={anchor as HTMLElement}\n placement={props.placement}\n modifiers={{\n flip: {\n enabled: true,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n }}\n >\n <div ref={setArrowRef as any} className={styles.arrow} />\n <div className={styles.tooltip}>\n {props.title && (\n <span className={classNames(styles.title, props.onClose && styles.hasClose)}>\n {props.title}\n </span>\n )}\n {props.onClose && (\n <IconButton onClick={props.onClose} className={styles.close} size=\"small\">\n <CloseIcon />\n </IconButton>\n )}\n {props.content && <Regular14 className={styles.content}>{props.content}</Regular14>}\n {props.onConfirm && (\n <Button color=\"inherit\" className={styles.button} onClick={props.onConfirm}>\n {props.confirmText \|\| 'Got It'}\n </Button>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["Hint","props","styles","useStyles","childAnchorRef","useRef","_useState","useState","_useState2","_slicedToArray","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","setTimeout","open","anchorEl","current","undefined","Children","count","children","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","_jsxs","_Fragment","Popper","className","classNames","popper","transition","placement","modifiers","flip","enabled","arrow","element","_jsx","tooltip","title","onClose","hasClose","IconButton","onClick","close","size","CloseIcon","content","Regular14","onConfirm","Button","color","button","confirmText"],"mappings":"~~s4IAsDaA~~,EAAO,SAACC,GACnB,IAAMC,EAASC,IAETC,EAAiBC,IACvBC,EAAgCC,IAAUC,EAAAC,EAAAH,EAAA,GAAnCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAA4BL,IAAuBM,EAAAJ,EAAAG,EAAA,GAA5CE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAUxB,GAPAG,GAAU,WACRC,YACE,WAAA,OAAMF,EAAUd,EAAMiB,KAAOjB,EAAMkB,UAAYf,EAAegB,aAAUC,EAAU,GAClF,IAEJ,KAEKpB,EAAMkB,UAAYG,EAASC,MAAMtB,EAAMuB,UAAY,EACtD,MAAM,IAAIC,MAAM,qDAGlB,IAAMC,EAAkBzB,EAAMkB,SAC1BlB,EAAMuB,SACNF,EAASK,IAAI1B,EAAMuB,UAAU,SAAAI,GAE3B,OAAIC,EAAeD,GACVE,EAAaF,EAAO,CAAEG,IAAK3B,IAG7BwB,CACT,IAEJ,OACEI,EAAAC,EAAA,CAAAT,SACGE,CAAAA,EACDM,EAACE,EAAM,CACLC,UAAWC,EAAWlC,EAAOmC,OAAQpC,EAAMkC,WAC3CG,YAAU,EACVpB,OAAQJ,EACRK,SAAUL,EACVyB,UAAWtC,EAAMsC,UACjBC,UAAW,CACTC,KAAM,CACJC,SAAS,GAEXC,MAAO,CACLD,UAAWhC,EACXkC,QAASlC,IAEXc,SAEF,CAAAqB,EAAA,MAAA,CAAKd,IAAKpB,EAAoBwB,UAAWjC,EAAOyC,QAChDX,EAAA,MAAA,CAAKG,UAAWjC,EAAO4C,QAAQtB,SAC5BvB,CAAAA,EAAM8C,OACLF,EAAA,OAAA,CAAMV,UAAWC,EAAWlC,EAAO6C,MAAO9C,EAAM+C,SAAW9C,EAAO+C,UAAUzB,SACzEvB,EAAM8C,QAGV9C,EAAM+C,SACLH,EAACK,EAAU,CAACC,QAASlD,EAAM+C,QAASb,UAAWjC,EAAOkD,MAAOC,KAAK,QAAO7B,SACvEqB,EAACS,EAAS,MAGbrD,EAAMsD,SAAWV,EAACW,EAAS,CAACrB,UAAWjC,EAAOqD,QAAQ/B,SAAEvB,EAAMsD,UAC9DtD,EAAMwD,WACLZ,EAACa,EAAM,CAACC,MAAM,UAAUxB,UAAWjC,EAAO0D,OAAQT,QAASlD,EAAMwD,UAAUjC,SACxEvB,EAAM4D,aAAe,mBAOpC"}
1	+ {"version":3,"file":"Hint.js","sources":["../../../src/components/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { PopperProps } from '@material-ui/core';\n\nimport Button from '../Button';\nimport { Regular14 } from '../Typography';\nimport { Popper } from '../Popper';\nimport IconButton from '../IconButton';\n\nimport { useStyles } from './styles';\n\nimport { CloseIcon } from '~/icons';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n content?: ReactNode;\n /\n @default Got It\n /\n confirmText?: ReactNode;\n /\n Action button is shown only if this prop is present\n /\n onConfirm?: () => void;\n /\n Check [Positioned Popper](https://v4.mui.com/components/popper/#positioned-popper) example for more info\n * @default bottom\n /\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n className?: string;\n /\n Close button is shown only when this prop is present\n */\n onClose?: () => void;\n};\n\nexport const Hint = (props: HintProps) => {\n const styles = useStyles();\n\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState();\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n setTimeout(\n () => setAnchor(props.open ? props.anchorEl \|\| childAnchorRef.current : undefined),\n 100\n );\n });\n\n if (!props.anchorEl && Children.count(props.children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = props.anchorEl\n ? props.children\n : Children.map(props.children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as any);\n }\n\n return child;\n });\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={classNames(styles.popper, props.className)}\n transition\n open={!!anchor}\n anchorEl={anchor as HTMLElement}\n placement={props.placement}\n modifiers={{\n flip: {\n enabled: true,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n }}\n >\n <div ref={setArrowRef as any} className={styles.arrow} />\n <div className={styles.tooltip}>\n {props.title && (\n <span className={classNames(styles.title, props.onClose && styles.hasClose)}>\n {props.title}\n </span>\n )}\n {props.onClose && (\n <IconButton onClick={props.onClose} className={styles.close} size=\"small\">\n <CloseIcon />\n </IconButton>\n )}\n {props.content && <Regular14 className={styles.content}>{props.content}</Regular14>}\n {props.onConfirm && (\n <Button color=\"inherit\" className={styles.button} onClick={props.onConfirm}>\n {props.confirmText \|\| 'Got It'}\n </Button>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["Hint","props","styles","useStyles","childAnchorRef","useRef","_useState","useState","_useState2","_slicedToArray","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","setTimeout","open","anchorEl","current","undefined","Children","count","children","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","_jsxs","_Fragment","Popper","className","classNames","popper","transition","placement","modifiers","flip","enabled","arrow","element","_jsx","tooltip","title","onClose","hasClose","IconButton","onClick","close","size","CloseIcon","content","Regular14","onConfirm","Button","color","button","confirmText"],"mappings":"ulJAsDaA,EAAO,SAACC,GACnB,IAAMC,EAASC,IAETC,EAAiBC,IACvBC,EAAgCC,IAAUC,EAAAC,EAAAH,EAAA,GAAnCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAA4BL,IAAuBM,EAAAJ,EAAAG,EAAA,GAA5CE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAUxB,GAPAG,GAAU,WACRC,YACE,WAAA,OAAMF,EAAUd,EAAMiB,KAAOjB,EAAMkB,UAAYf,EAAegB,aAAUC,EAAU,GAClF,IAEJ,KAEKpB,EAAMkB,UAAYG,EAASC,MAAMtB,EAAMuB,UAAY,EACtD,MAAM,IAAIC,MAAM,qDAGlB,IAAMC,EAAkBzB,EAAMkB,SAC1BlB,EAAMuB,SACNF,EAASK,IAAI1B,EAAMuB,UAAU,SAAAI,GAE3B,OAAIC,EAAeD,GACVE,EAAaF,EAAO,CAAEG,IAAK3B,IAG7BwB,CACT,IAEJ,OACEI,EAAAC,EAAA,CAAAT,SACGE,CAAAA,EACDM,EAACE,EAAM,CACLC,UAAWC,EAAWlC,EAAOmC,OAAQpC,EAAMkC,WAC3CG,YAAU,EACVpB,OAAQJ,EACRK,SAAUL,EACVyB,UAAWtC,EAAMsC,UACjBC,UAAW,CACTC,KAAM,CACJC,SAAS,GAEXC,MAAO,CACLD,UAAWhC,EACXkC,QAASlC,IAEXc,SAEF,CAAAqB,EAAA,MAAA,CAAKd,IAAKpB,EAAoBwB,UAAWjC,EAAOyC,QAChDX,EAAA,MAAA,CAAKG,UAAWjC,EAAO4C,QAAQtB,SAC5BvB,CAAAA,EAAM8C,OACLF,EAAA,OAAA,CAAMV,UAAWC,EAAWlC,EAAO6C,MAAO9C,EAAM+C,SAAW9C,EAAO+C,UAAUzB,SACzEvB,EAAM8C,QAGV9C,EAAM+C,SACLH,EAACK,EAAU,CAACC,QAASlD,EAAM+C,QAASb,UAAWjC,EAAOkD,MAAOC,KAAK,QAAO7B,SACvEqB,EAACS,EAAS,MAGbrD,EAAMsD,SAAWV,EAACW,EAAS,CAACrB,UAAWjC,EAAOqD,QAAQ/B,SAAEvB,EAAMsD,UAC9DtD,EAAMwD,WACLZ,EAACa,EAAM,CAACC,MAAM,UAAUxB,UAAWjC,EAAO0D,OAAQT,QAASlD,EAAMwD,UAAUjC,SACxEvB,EAAM4D,aAAe,mBAOpC"}

package/components/Modal/CorvaModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import{noop as i}from"lodash";import{Modal as n}from"@material-ui/core";import t from"./CorvaModal.scss.js";import{CloseSmallIcon as e}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{isMobileDetected as r,isNativeDetected as m}from"../../utils/mobileDetect.js";import a from"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import{CLASSNAMES as p}from"../../constants/classNames.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";var j=["actions","actionsClassName","children","contentClassName","contentContainerClassName","isCloseIconHidden","isMobile","isNative","modalTitleClassName","closeIconClassName","onClose","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","data-testid"];function d(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?d(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):d(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var C={filters:"Filters",settings:"Settings"};function b(o){var d=o.actions,b=o.actionsClassName,h=o.children,f=o.contentClassName,v=o.contentContainerClassName,O=o.isCloseIconHidden,N=void 0!==O&&O,g=o.isMobile,P=void 0===g?r:g,y=o.isNative,F=void 0===y?m:y,M=o.modalTitleClassName,k=o.closeIconClassName,A=o.onClose,D=void 0===A?i:A,x=o.open,S=o.rootClassName,R=o.size,w=o.stickyFooterClassName,E=o.title,T=o.type,z=o.contentRef,G=o["data-testid"],B=void 0===G?"CorvaModal":G,U=s(o,j),W=F||P,q=E||(T?C[T]:void 0);return l(n,I(I({open:null!=x&&x,onClose:D,className:c(!W&&"c-modal",t.modalWrapper,S,p.modal)},U),{},{children:u("div",{className:c(t.modalContainer,W&&t.modalContainerMobile,R&&t[R],v),children:[q&&u("div",{className:c(t.title,W&&t.titleMobile,M),children:[l("div",{className:c(t.titleText),children:q}),(!N||T)&&l(a,{className:k,tooltipProps:{title:"Close"},onClick:D,"data-testid":"".concat(B,"_closeButton"),children:l(e,{size:24})})]}),h&&l("div",{ref:z,className:c(t.modalContent,W&&t.modalContentMobile,f),children:h}),d&&l("div",{className:c(t.modalActions,W&&t.modalActionsMobile,w,b),children:d})]})}))}export{b as CorvaModal};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import{noop as i}from"lodash";import{Modal as n}from"@material-ui/core";import t from"./CorvaModal.scss.js";import{CloseSmallIcon as e}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{isMobileDetected as r,isNativeDetected as m}from"../../utils/mobileDetect.js";import a from"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import{CLASSNAMES as p}from"../../constants/classNames.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";var j=["actions","actionsClassName","children","contentClassName","contentContainerClassName","isCloseIconHidden","isMobile","isNative","modalTitleClassName","closeIconClassName","onClose","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","data-testid"];function d(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?d(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):d(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var C={filters:"Filters",settings:"Settings"};function b(o){var d=o.actions,b=o.actionsClassName,h=o.children,f=o.contentClassName,O=o.contentContainerClassName,v=o.isCloseIconHidden,N=void 0!==v&&v,P=o.isMobile,g=void 0===P?r:P,F=o.isNative,y=void 0===F?m:F,M=o.modalTitleClassName,k=o.closeIconClassName,A=o.onClose,D=void 0===A?i:A,x=o.open,R=o.rootClassName,S=o.size,w=o.stickyFooterClassName,E=o.title,T=o.type,z=o.contentRef,G=o["data-testid"],B=void 0===G?"CorvaModal":G,U=s(o,j),W=y||g,q=E||(T?C[T]:void 0);return l(n,I(I({open:null!=x&&x,onClose:D,className:c(!W&&"c-modal",t.modalWrapper,R,p.modal)},U),{},{children:u("div",{className:c(t.modalContainer,W&&t.modalContainerMobile,S&&t[S],O),children:[q&&u("div",{className:c(t.title,W&&t.titleMobile,M),children:[l("div",{className:c(t.titleText),children:q}),(!N||T)&&l(a,{className:k,tooltipProps:{title:"Close"},onClick:D,"data-testid":"".concat(B,"_closeButton"),children:l(e,{size:24})})]}),h&&l("div",{ref:z,className:c(t.modalContent,W&&t.modalContentMobile,f),children:h}),d&&l("div",{className:c(t.modalActions,W&&t.modalActionsMobile,w,b),children:d})]})}))}export{b as CorvaModal};
 //# sourceMappingURL=CorvaModal.js.map

package/components/Modal/CorvaModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CorvaModal.js","sources":["../../../src/components/Modal/CorvaModal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Modal as MUIModal } from '@material-ui/core';\n\nimport styles from './CorvaModal.scss';\n\nimport { CloseSmallIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ModalProps } from '~/components/Modal/types';\nimport IconButton from '~/components/IconButton';\nimport { CLASSNAMES } from '~/constants';\n\nconst DEFAULT_TITLES = {\n filters: 'Filters',\n settings: 'Settings',\n};\n\nexport function CorvaModal({\n actions,\n actionsClassName,\n children,\n contentClassName,\n contentContainerClassName,\n isCloseIconHidden = false,\n isMobile = isMobileDetected,\n isNative = isNativeDetected,\n modalTitleClassName,\n closeIconClassName,\n onClose = noop,\n open,\n rootClassName,\n size,\n stickyFooterClassName,\n title,\n type,\n contentRef,\n 'data-testid': PAGE_NAME = 'CorvaModal',\n ...otherProps\n}: ModalProps): JSX.Element {\n const isMobileOrNative = isNative \|\| isMobile;\n const modalTitle = title \|\| (type ? DEFAULT_TITLES[type] : undefined);\n\n return (\n <MUIModal\n open={open ?? false}\n onClose={onClose}\n className={classNames(\n !isMobileOrNative && 'c-modal',\n styles.modalWrapper,\n rootClassName,\n CLASSNAMES.modal\n )}\n {...otherProps}\n >\n <div\n className={classNames(\n styles.modalContainer,\n isMobileOrNative && styles.modalContainerMobile,\n size && styles[size],\n contentContainerClassName\n )}\n >\n {modalTitle && (\n <div\n className={classNames(\n styles.title,\n isMobileOrNative && styles.titleMobile,\n modalTitleClassName\n )}\n >\n <div className={classNames(styles.titleText)}>{modalTitle}</div>\n {(!isCloseIconHidden \|\| type) && (\n <IconButton\n className={closeIconClassName}\n tooltipProps={{ title: 'Close' }}\n onClick={onClose}\n data-testid={`${PAGE_NAME}_closeButton`}\n >\n <CloseSmallIcon size={24} />\n </IconButton>\n )}\n </div>\n )}\n\n {children && (\n <div\n ref={contentRef}\n className={classNames(\n styles.modalContent,\n isMobileOrNative && styles.modalContentMobile,\n contentClassName\n )}\n >\n {children}\n </div>\n )}\n\n {actions && (\n <div\n className={classNames(\n styles.modalActions,\n isMobileOrNative && styles.modalActionsMobile,\n stickyFooterClassName,\n actionsClassName\n )}\n >\n {actions}\n </div>\n )}\n </div>\n </MUIModal>\n );\n}\n"],"names":["DEFAULT_TITLES","filters","settings","CorvaModal","_ref","actions","actionsClassName","children","contentClassName","contentContainerClassName","_ref$isCloseIconHidde","isCloseIconHidden","_ref$isMobile","isMobile","isMobileDetected","_ref$isNative","isNative","isNativeDetected","modalTitleClassName","closeIconClassName","_ref$onClose","onClose","noop","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","_ref$dataTestid","PAGE_NAME","otherProps","_objectWithoutProperties","_excluded","isMobileOrNative","modalTitle","undefined","_jsx","MUIModal","_objectSpread","className","classNames","styles","modalWrapper","CLASSNAMES","modal","_jsxs","modalContainer","modalContainerMobile","titleMobile","titleText","IconButton","tooltipProps","onClick","concat","CloseSmallIcon","ref","modalContent","modalContentMobile","modalActions","modalActionsMobile"],"mappings":"~~+4KAYA~~,IAAMA,EAAiB,CACrBC,QAAS,UACTC,SAAU,YAGL,SAASC,EAqBYC,GAAA,IApB1BC,IAAAA,QACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,0BAAyBC,EAAAN,EACzBO,kBAAAA,cAAyBD,EAAAE,EAAAR,EACzBS,SAAAA,aAAWC,EAAgBF,EAAAG,EAAAX,EAC3BY,SAAAA,aAAWC,EAAgBF,EAC3BG,IAAAA,oBACAC,IAAAA,mBAAkBC,EAAAhB,EAClBiB,QAAAA,aAAUC,EAAIF,EACdG,IAAAA,KACAC,IAAAA,cACAC,IAAAA,KACAC,IAAAA,sBACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,WAAUC,EAAA1B,EACV,eAAe2B,aAAY,aAAYD,EACpCE,EAAUC,EAAA7B,EAAA8B,GAEPC,EAAmBnB,GAAYH,EAC/BuB,EAAaT,IAAUC,EAAO5B,EAAe4B,QAAQS,GAE3D,OACEC,EAACC,EAAQC,EAAAA,EAAA,CACPjB,KAAMA,SAAAA,EACNF,QAASA,EACToB,UAAWC,GACRP,GAAoB,UACrBQ,EAAOC,aACPpB,EACAqB,EAAWC,QAETd,GAAU,GAAA,CAAAzB,SAEdwC,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOK,eACPb,GAAoBQ,EAAOM,qBAC3BxB,GAAQkB,EAAOlB,GACfhB,GACAF,SAAA,CAED6B,GACCW,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOhB,MACPQ,GAAoBQ,EAAOO,YAC3BhC,GACAX,SAEF,CAAA+B,EAAA,MAAA,CAAKG,UAAWC,EAAWC,EAAOQ,WAAW5C,SAAE6B,MAC5CzB,GAAqBiB,IACtBU,EAACc,EAAU,CACTX,UAAWtB,EACXkC,aAAc,CAAE1B,MAAO,SACvB2B,QAASjC,EACT,cAAA,GAAAkC,OAAgBxB,EAAwB,gBAAAxB,SAExC+B,EAACkB,EAAc,CAAC/B,KAAM,UAM7BlB,GACC+B,EAAA,MAAA,CACEmB,IAAK5B,EACLY,UAAWC,EACTC,EAAOe,aACPvB,GAAoBQ,EAAOgB,mBAC3BnD,GACAD,SAEDA,IAIJF,GACCiC,EAAA,MAAA,CACEG,UAAWC,EACTC,EAAOiB,aACPzB,GAAoBQ,EAAOkB,mBAC3BnC,EACApB,GACAC,SAEDF,SAMb"}
1	+ {"version":3,"file":"CorvaModal.js","sources":["../../../src/components/Modal/CorvaModal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Modal as MUIModal } from '@material-ui/core';\n\nimport styles from './CorvaModal.scss';\n\nimport { CloseSmallIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ModalProps } from '~/components/Modal/types';\nimport IconButton from '~/components/IconButton';\nimport { CLASSNAMES } from '~/constants';\n\nconst DEFAULT_TITLES = {\n filters: 'Filters',\n settings: 'Settings',\n};\n\nexport function CorvaModal({\n actions,\n actionsClassName,\n children,\n contentClassName,\n contentContainerClassName,\n isCloseIconHidden = false,\n isMobile = isMobileDetected,\n isNative = isNativeDetected,\n modalTitleClassName,\n closeIconClassName,\n onClose = noop,\n open,\n rootClassName,\n size,\n stickyFooterClassName,\n title,\n type,\n contentRef,\n 'data-testid': PAGE_NAME = 'CorvaModal',\n ...otherProps\n}: ModalProps): JSX.Element {\n const isMobileOrNative = isNative \|\| isMobile;\n const modalTitle = title \|\| (type ? DEFAULT_TITLES[type] : undefined);\n\n return (\n <MUIModal\n open={open ?? false}\n onClose={onClose}\n className={classNames(\n !isMobileOrNative && 'c-modal',\n styles.modalWrapper,\n rootClassName,\n CLASSNAMES.modal\n )}\n {...otherProps}\n >\n <div\n className={classNames(\n styles.modalContainer,\n isMobileOrNative && styles.modalContainerMobile,\n size && styles[size],\n contentContainerClassName\n )}\n >\n {modalTitle && (\n <div\n className={classNames(\n styles.title,\n isMobileOrNative && styles.titleMobile,\n modalTitleClassName\n )}\n >\n <div className={classNames(styles.titleText)}>{modalTitle}</div>\n {(!isCloseIconHidden \|\| type) && (\n <IconButton\n className={closeIconClassName}\n tooltipProps={{ title: 'Close' }}\n onClick={onClose}\n data-testid={`${PAGE_NAME}_closeButton`}\n >\n <CloseSmallIcon size={24} />\n </IconButton>\n )}\n </div>\n )}\n\n {children && (\n <div\n ref={contentRef}\n className={classNames(\n styles.modalContent,\n isMobileOrNative && styles.modalContentMobile,\n contentClassName\n )}\n >\n {children}\n </div>\n )}\n\n {actions && (\n <div\n className={classNames(\n styles.modalActions,\n isMobileOrNative && styles.modalActionsMobile,\n stickyFooterClassName,\n actionsClassName\n )}\n >\n {actions}\n </div>\n )}\n </div>\n </MUIModal>\n );\n}\n"],"names":["DEFAULT_TITLES","filters","settings","CorvaModal","_ref","actions","actionsClassName","children","contentClassName","contentContainerClassName","_ref$isCloseIconHidde","isCloseIconHidden","_ref$isMobile","isMobile","isMobileDetected","_ref$isNative","isNative","isNativeDetected","modalTitleClassName","closeIconClassName","_ref$onClose","onClose","noop","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","_ref$dataTestid","PAGE_NAME","otherProps","_objectWithoutProperties","_excluded","isMobileOrNative","modalTitle","undefined","_jsx","MUIModal","_objectSpread","className","classNames","styles","modalWrapper","CLASSNAMES","modal","_jsxs","modalContainer","modalContainerMobile","titleMobile","titleText","IconButton","tooltipProps","onClick","concat","CloseSmallIcon","ref","modalContent","modalContentMobile","modalActions","modalActionsMobile"],"mappings":"gmLAYA,IAAMA,EAAiB,CACrBC,QAAS,UACTC,SAAU,YAGL,SAASC,EAqBYC,GAAA,IApB1BC,IAAAA,QACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,0BAAyBC,EAAAN,EACzBO,kBAAAA,cAAyBD,EAAAE,EAAAR,EACzBS,SAAAA,aAAWC,EAAgBF,EAAAG,EAAAX,EAC3BY,SAAAA,aAAWC,EAAgBF,EAC3BG,IAAAA,oBACAC,IAAAA,mBAAkBC,EAAAhB,EAClBiB,QAAAA,aAAUC,EAAIF,EACdG,IAAAA,KACAC,IAAAA,cACAC,IAAAA,KACAC,IAAAA,sBACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,WAAUC,EAAA1B,EACV,eAAe2B,aAAY,aAAYD,EACpCE,EAAUC,EAAA7B,EAAA8B,GAEPC,EAAmBnB,GAAYH,EAC/BuB,EAAaT,IAAUC,EAAO5B,EAAe4B,QAAQS,GAE3D,OACEC,EAACC,EAAQC,EAAAA,EAAA,CACPjB,KAAMA,SAAAA,EACNF,QAASA,EACToB,UAAWC,GACRP,GAAoB,UACrBQ,EAAOC,aACPpB,EACAqB,EAAWC,QAETd,GAAU,GAAA,CAAAzB,SAEdwC,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOK,eACPb,GAAoBQ,EAAOM,qBAC3BxB,GAAQkB,EAAOlB,GACfhB,GACAF,SAAA,CAED6B,GACCW,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOhB,MACPQ,GAAoBQ,EAAOO,YAC3BhC,GACAX,SAEF,CAAA+B,EAAA,MAAA,CAAKG,UAAWC,EAAWC,EAAOQ,WAAW5C,SAAE6B,MAC5CzB,GAAqBiB,IACtBU,EAACc,EAAU,CACTX,UAAWtB,EACXkC,aAAc,CAAE1B,MAAO,SACvB2B,QAASjC,EACT,cAAA,GAAAkC,OAAgBxB,EAAwB,gBAAAxB,SAExC+B,EAACkB,EAAc,CAAC/B,KAAM,UAM7BlB,GACC+B,EAAA,MAAA,CACEmB,IAAK5B,EACLY,UAAWC,EACTC,EAAOe,aACPvB,GAAoBQ,EAAOgB,mBAC3BnD,GACAD,SAEDA,IAIJF,GACCiC,EAAA,MAAA,CACEG,UAAWC,EACTC,EAAOiB,aACPzB,GAAoBQ,EAAOkB,mBAC3BnC,EACApB,GACAC,SAEDF,SAMb"}

package/components/Modal/Modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import{useIsInsideIsolatedDcApp as r}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useIsInsideDcFullscreenElem as t}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{CorvaModal as o}from"./CorvaModal.js";import{DcCorvaModal as n}from"./DcCorvaModal.js";import{jsx as i}from"react/jsx-runtime";function c(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function p(p){var s=r(),l=t();return i(s&&!l?n:o,function(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?c(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}({},p))}export{p as default};
+import e from"@babel/runtime/helpers/defineProperty";import{useIsInsideIsolatedDcApp as r}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useIsInsideDcFullscreenElem as t}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{CorvaModal as o}from"./CorvaModal.js";import{DcCorvaModal as n}from"./DcCorvaModal.js";import{jsx as i}from"react/jsx-runtime";function c(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function p(p){var s=r(),l=t();return i(s&&!l?n:o,function(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?c(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}({},p))}export{p as default};
 //# sourceMappingURL=Modal.js.map