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

@corva/ui 3.75.0-17 → 3.75.0-18

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 (1030) hide show

package/cjs-bundle/components/GradientManager/GradientSelect.js CHANGED Viewed

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

package/cjs-bundle/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","_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","jsxs","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"~~sldA4BMA~~,EAAmB,SAACC,EAA0BC,GAAkB,MAAM,CAC1EC,GAAIF,EAASE,GACbC,MAAOH,EAASI,KAChBC,OAAQC,MAACC,kBAAe,CAACC,cAAeR,EAASQ,gBACjDC,MAAOR,EAAY,UAAY,SAChC,EAIKS,EAAU,SAAHC,GAAW,SAALF,KAAyB,yBAEW,SAOjDG,GAAA,IANJC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,SAEMC,IAAuBL,UAAAA,EAAWM,QAElCC,EAAUC,EAAAA,SACd,WAAA,MACM,GAAAC,OAAAC,EAAA,SAAAV,aAAS,EAATA,EAAWW,KAAI,SAAAC,GAAC,OAAI3B,EAAiB2B,GAAG,EAAM,MAAK,IACnDF,EAAA,SAAAR,aAAgB,EAAhBA,EAAkBS,KAAI,SAAAC,GAAC,OAAI3B,EAAiB2B,GAAG,EAAK,MAAK,IAAE,GAEjE,CAACZ,EAAWE,IAGRW,EAAgBL,EAAAA,SAAQ,WAAA,OAAMD,EAAQO,MAAK,SAAAC,GAAK,SAAF3B,KAAgBW,IAAM,GAAE,CAACQ,EAASR,IAEhFiB,EAAiBC,eACrB,SAAAC,GACMA,GACFjB,EAASiB,EAAO9B,GAEpB,GACA,CAACa,IAGGkB,EAAaF,EAAAA,aAAY,WAC7Bd,EAAS,MACX,GAAG,CAACA,IAEEiB,EAAcH,eAClB,SAA8BI,GAAA,IAA3BC,IAAAA,SAAU3B,IAAAA,MAAO4B,IAAAA,IACZC,EAAYpB,EAAW,KAC3BZ,EAAAA,IAACiC,EAAAA,QAAO,CAACpC,MAAM,yBAAwBiC,SACrC9B,MAACkC,aAAU,CAACC,KAAK,KAAKC,QAAST,EAAYU,OAAO,mBAAmBC,KAAK,aAAYR,SACpF9B,EAAAA,IAACuC,EAAQA,SAAA,QAKf,OACEC,EAAAA,KAACC,EAAAA,SAAQ,CAAAX,SAAA,CACP9B,MAAC0C,OAAI,CAACP,KAAM,GAAIQ,MAAM,KAAKC,UAAWC,EAAO1C,MAAOkC,OAAO,wBAAuBP,SACrE,YAAV3B,EACCqC,EAAAA,KAAAM,EAAAA,SAAA,CAAAhB,SAAqB,CAAA,sBAACjB,GAAsBmB,KAE5CQ,EAAAO,KAAAD,WAAA,CAAAhB,SAAgBjB,CAAAA,gBAAAA,GAAsBmB,OAGzCF,IARYC,EAWlB,GACD,CAAClB,EAAoBD,EAAUe,IAG3BqB,EAAevB,eACnB,SAA0BwB,GAAA,IAAvBpD,IAAAA,MAAOD,IAAAA,GAAIO,IAAAA,MACZ,OACEqC,EAAAA,KAAA,MAAA,CAAKI,UAAWC,EAAOnB,OAAOI,SAAA,CAC5B9B,MAACkD,mBAAgB,CAAApB,SAAEjC,IAER,WAAVM,GACCH,EAAAA,IAACiC,EAAAA,QAAO,CAACpC,MAAM,kBAAiBiC,SAC9B9B,MAACkC,aAAU,CACTC,KAAK,KACLC,QAAS,SAAAe,GACPA,EAAEC,kBACFD,EAAEE,iBACF1C,EAAS,SAAUf,EACnB,EAAAkC,SAEF9B,EAAAA,IAACsD,EAAcA,eAAA,UAM3B,GACA,CAAC3C,IAGG4C,EAA0B9B,eAA+B,SAAA0B,GAC7DA,EAAEC,kBACFD,EAAEE,gBACH,GAAE,IAEH,OACErD,EAAAA,IAACwD,EAAAA,OAAM,CACLC,MAAM,YACN1C,QAASA,EACTR,MAAOA,GAAS,GAChBmD,WAAW,EACXjD,SAAUe,EACVa,OAAO,kBACPO,UAAWC,EAAOc,KAClB5D,OAAQsB,aAAAA,EAAAA,EAAetB,OACvBK,QAASA,EACTwB,YAAaA,EACboB,aAAcpC,OAAWgD,EAAYZ,EACrCa,iBACErB,EAAAO,KAAA,MAAA,CAAKH,UAAWC,EAAOiB,mBAAoBC,YAAaR,EAAwBzB,SAAA,CAAA,gBAE5ElB,GACAZ,EAAAA,IAACiC,EAAAA,QAAO,CAACpC,MAAM,yBAAwBiC,SACrC9B,MAACkC,aAAU,CACTC,KAAK,KACLC,QAAST,EACTU,OAAO,mBACPC,KAAK,aAAYR,SAEjB9B,EAAAA,IAACuC,EAAQA,SAAA,YAQzB"}
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","_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","jsxs","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"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"}

package/cjs-bundle/components/GradientPicker/GradientPicker.js CHANGED Viewed

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

package/cjs-bundle/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","changed","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","jsx","Typography","concat","indicator","jsxs","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","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","changed","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","jsx","Typography","concat","indicator","jsxs","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","props"],"mappings":"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"}

package/cjs-bundle/components/HelpCenter/HelpCenterIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@material-ui/core"),o=require("moment"),c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("../../utils/localStorage.js"),e=require("react/jsx-runtime");function n(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var r=n(o),u=s.createSvgIcon(e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxs("g",{clipPath:"url(#clip0_69385_73795)",children:[e.jsx("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"}),e.jsx("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"}),e.jsx("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"}),e.jsx("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),e.jsx("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_69385_73795",children:e.jsx("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");exports.HelpCenterIcon=function(s){var o,n=s.appId,t=s.helpContentUpdatedAt,l=null===(o=i.getLocalStorageItem("helpCenter"))||void 0===o?void 0:o[n],j=t&&(!l||r.default(l).isBefore(t))?u:c.HelpIcon;return e.jsx(j,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@material-ui/core"),o=require("moment"),c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("../../utils/localStorage.js"),e=require("react/jsx-runtime");function n(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var r=n(o),u=s.createSvgIcon(e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxs("g",{clipPath:"url(#clip0_69385_73795)",children:[e.jsx("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"}),e.jsx("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"}),e.jsx("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"}),e.jsx("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),e.jsx("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_69385_73795",children:e.jsx("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");exports.HelpCenterIcon=function(s){var o,n=s.appId,t=s.helpContentUpdatedAt,l=null===(o=i.getLocalStorageItem("helpCenter"))||void 0===o?void 0:o[n],j=t&&(!l||r.default(l).isBefore(t))?u:c.HelpIcon;return e.jsx(j,{})};
 //# sourceMappingURL=HelpCenterIcon.js.map

package/cjs-bundle/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","jsxs","width","height","viewBox","fill","xmlns","children","clipPath","_jsx","jsx","fillRule","clipRule","d","x","y","rx","stroke","id","_ref","_getLocalStorageItem","appId","helpContentUpdatedAt","helpCenterLastOpenedAt","getLocalStorageItem","Icon","moment","isBefore","HelpIcon"],"mappings":"~~0tIAMMA~~,EAAiBC,EAAAA,cACrBC,EAAAC,KAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAP,EAAAC,KAAA,IAAA,CAAGO,SAAS,0BAAyBD,SACnC,CAAAE,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,mvBACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yLACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,keACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOb,MAAM,IAAIC,OAAO,IAAIa,GAAG,MAAMX,KAAK,YAC3DI,EAAAC,IAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOb,MAAM,IAAIC,OAAO,IAAIa,GAAG,MAAMC,OAAO,eAE/DR,EAAAC,IAAA,OAAA,CAAAH,SACEE,EAAAC,IAAA,WAAA,CAAUQ,GAAG,oBAAmBX,SAC9BE,EAAAC,IAAA,OAAA,CAAMR,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAIxC,yCAGK,SAAyDc,GAAA,IAAAC,EAA/BC,IAAAA,MAAOC,IAAAA,qBAChCC,EAA0D,UAAjCC,EAAmBA,oBAAC,qBAAa,IAAAJ,OAAA,EAAjCA,EAAoCC,GAM7DI,EAHJH,KACEC,GAA0BG,EAAAA,QAAOH,GAAwBI,SAASL,IAE1CxB,EAAiB8B,WAC7C,OAAOnB,EAAAC,IAACe,EAAO,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","jsxs","width","height","viewBox","fill","xmlns","children","clipPath","_jsx","jsx","fillRule","clipRule","d","x","y","rx","stroke","id","_ref","_getLocalStorageItem","appId","helpContentUpdatedAt","helpCenterLastOpenedAt","getLocalStorageItem","Icon","moment","isBefore","HelpIcon"],"mappings":"u0IAMMA,EAAiBC,EAAAA,cACrBC,EAAAC,KAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAP,EAAAC,KAAA,IAAA,CAAGO,SAAS,0BAAyBD,SACnC,CAAAE,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,mvBACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yLACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,keACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOb,MAAM,IAAIC,OAAO,IAAIa,GAAG,MAAMX,KAAK,YAC3DI,EAAAC,IAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOb,MAAM,IAAIC,OAAO,IAAIa,GAAG,MAAMC,OAAO,eAE/DR,EAAAC,IAAA,OAAA,CAAAH,SACEE,EAAAC,IAAA,WAAA,CAAUQ,GAAG,oBAAmBX,SAC9BE,EAAAC,IAAA,OAAA,CAAMR,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAIxC,yCAGK,SAAyDc,GAAA,IAAAC,EAA/BC,IAAAA,MAAOC,IAAAA,qBAChCC,EAA0D,UAAjCC,EAAmBA,oBAAC,qBAAa,IAAAJ,OAAA,EAAjCA,EAAoCC,GAM7DI,EAHJH,KACEC,GAA0BG,EAAAA,QAAOH,GAAwBI,SAASL,IAE1CxB,EAAiB8B,WAC7C,OAAOnB,EAAAC,IAACe,EAAO,CAAA,EACjB"}

package/cjs-bundle/components/Hint/Hint.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),e=require("classnames"),c=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("react/jsx-runtime"),r=require("../Typography.js"),u=require("../Popper/Popper.js"),t=require("../IconButton/index.js"),l=require("./styles.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var a=m(s),j=m(e);exports.Hint=function(s){var e=l.useStyles(),m=o.useRef(),q=o.useState(),I=a.default(q,2),d=I[0],p=I[1],h=o.useState(),C=a.default(h,2),f=C[0],b=C[1];if(o.useEffect((function(){setTimeout((function(){return b(s.open?s.anchorEl||m.current:void 0)}),100)})),!s.anchorEl&&o.Children.count(s.children)>1)throw new Error("Hint expects a single reffable element as a child");var v=s.anchorEl?s.children:o.Children.map(s.children,(function(s){return o.isValidElement(s)?o.cloneElement(s,{ref:m}):s}));return i.jsxs(i.Fragment,{children:[v,i.jsxs(u.Popper,{className:j.default(e.popper,s.className),transition:!0,open:!!f,anchorEl:f,placement:s.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!d,element:d}},children:[i.jsx("div",{ref:p,className:e.arrow}),i.jsxs("div",{className:e.tooltip,children:[s.title&&i.jsx("span",{className:j.default(e.title,s.onClose&&e.hasClose),children:s.title}),s.onClose&&i.jsx(t,{onClick:s.onClose,className:e.close,size:"small",children:i.jsx(n.CloseIcon,{})}),s.content&&i.jsx(r.Regular14,{className:e.content,children:s.content}),s.onConfirm&&i.jsx(c,{color:"inherit",className:e.button,onClick:s.onConfirm,children:s.confirmText||"Got It"})]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),e=require("classnames"),c=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("react/jsx-runtime"),r=require("../Typography.js"),u=require("../Popper/Popper.js"),t=require("../IconButton/index.js"),l=require("./styles.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var a=m(s),j=m(e);exports.Hint=function(s){var e=l.useStyles(),m=o.useRef(),q=o.useState(),I=a.default(q,2),d=I[0],p=I[1],h=o.useState(),C=a.default(h,2),f=C[0],b=C[1];if(o.useEffect((function(){setTimeout((function(){return b(s.open?s.anchorEl||m.current:void 0)}),100)})),!s.anchorEl&&o.Children.count(s.children)>1)throw new Error("Hint expects a single reffable element as a child");var v=s.anchorEl?s.children:o.Children.map(s.children,(function(s){return o.isValidElement(s)?o.cloneElement(s,{ref:m}):s}));return i.jsxs(i.Fragment,{children:[v,i.jsxs(u.Popper,{className:j.default(e.popper,s.className),transition:!0,open:!!f,anchorEl:f,placement:s.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!d,element:d}},children:[i.jsx("div",{ref:p,className:e.arrow}),i.jsxs("div",{className:e.tooltip,children:[s.title&&i.jsx("span",{className:j.default(e.title,s.onClose&&e.hasClose),children:s.title}),s.onClose&&i.jsx(t,{onClick:s.onClose,className:e.close,size:"small",children:i.jsx(n.CloseIcon,{})}),s.content&&i.jsx(r.Regular14,{className:e.content,children:s.content}),s.onConfirm&&i.jsx(c,{color:"inherit",className:e.button,onClick:s.onConfirm,children:s.confirmText||"Got It"})]})]})]})};
 //# sourceMappingURL=Hint.js.map

package/cjs-bundle/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":["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","jsxs","Popper","className","classNames","popper","transition","placement","modifiers","flip","enabled","arrow","element","_jsx","jsx","tooltip","title","onClose","hasClose","IconButton","onClick","close","size","CloseIcon","content","Regular14","onConfirm","Button","color","button","confirmText"],"mappings":"~~itJAsDoB~~,SAACA,GACnB,IAAMC,EAASC,EAAAA,YAETC,EAAiBC,EAAAA,SACvBC,EAAgCC,EAAAA,WAAUC,EAAAC,EAAAA,QAAAH,EAAA,GAAnCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAA4BL,EAAAA,WAAuBM,EAAAJ,EAAAA,QAAAG,EAAA,GAA5CE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAUxB,GAPAG,EAAAA,WAAU,WACRC,YACE,WAAA,OAAMF,EAAUd,EAAMiB,KAAOjB,EAAMkB,UAAYf,EAAegB,aAAUC,EAAU,GAClF,IAEJ,KAEKpB,EAAMkB,UAAYG,EAAQA,SAACC,MAAMtB,EAAMuB,UAAY,EACtD,MAAM,IAAIC,MAAM,qDAGlB,IAAMC,EAAkBzB,EAAMkB,SAC1BlB,EAAMuB,SACNF,EAAQA,SAACK,IAAI1B,EAAMuB,UAAU,SAAAI,GAE3B,OAAIC,EAAAA,eAAeD,GACVE,EAAAA,aAAaF,EAAO,CAAEG,IAAK3B,IAG7BwB,CACT,IAEJ,OACEI,EAAAA,KAAAC,EAAAA,SAAA,CAAAT,SACGE,CAAAA,EACDM,EAAAE,KAACC,SAAM,CACLC,UAAWC,EAAAA,QAAWnC,EAAOoC,OAAQrC,EAAMmC,WAC3CG,YAAU,EACVrB,OAAQJ,EACRK,SAAUL,EACV0B,UAAWvC,EAAMuC,UACjBC,UAAW,CACTC,KAAM,CACJC,SAAS,GAEXC,MAAO,CACLD,UAAWjC,EACXmC,QAASnC,IAEXc,SAEF,CAAAsB,EAAAC,IAAA,MAAA,CAAKhB,IAAKpB,EAAoByB,UAAWlC,EAAO0C,QAChDZ,EAAAE,KAAA,MAAA,CAAKE,UAAWlC,EAAO8C,QAAQxB,SAC5BvB,CAAAA,EAAMgD,OACLH,EAAAA,IAAA,OAAA,CAAMV,UAAWC,EAAU,QAACnC,EAAO+C,MAAOhD,EAAMiD,SAAWhD,EAAOiD,UAAU3B,SACzEvB,EAAMgD,QAGVhD,EAAMiD,SACLJ,EAAAA,IAACM,EAAU,CAACC,QAASpD,EAAMiD,QAASd,UAAWlC,EAAOoD,MAAOC,KAAK,QAAO/B,SACvEsB,EAAAA,IAACU,EAASA,UAAA,MAGbvD,EAAMwD,SAAWX,EAAAA,IAACY,EAAAA,UAAS,CAACtB,UAAWlC,EAAOuD,QAAQjC,SAAEvB,EAAMwD,UAC9DxD,EAAM0D,WACLb,EAAAA,IAACc,EAAM,CAACC,MAAM,UAAUzB,UAAWlC,EAAO4D,OAAQT,QAASpD,EAAM0D,UAAUnC,SACxEvB,EAAM8D,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":["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","jsxs","Popper","className","classNames","popper","transition","placement","modifiers","flip","enabled","arrow","element","_jsx","jsx","tooltip","title","onClose","hasClose","IconButton","onClick","close","size","CloseIcon","content","Regular14","onConfirm","Button","color","button","confirmText"],"mappings":"8zJAsDoB,SAACA,GACnB,IAAMC,EAASC,EAAAA,YAETC,EAAiBC,EAAAA,SACvBC,EAAgCC,EAAAA,WAAUC,EAAAC,EAAAA,QAAAH,EAAA,GAAnCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAA4BL,EAAAA,WAAuBM,EAAAJ,EAAAA,QAAAG,EAAA,GAA5CE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAUxB,GAPAG,EAAAA,WAAU,WACRC,YACE,WAAA,OAAMF,EAAUd,EAAMiB,KAAOjB,EAAMkB,UAAYf,EAAegB,aAAUC,EAAU,GAClF,IAEJ,KAEKpB,EAAMkB,UAAYG,EAAQA,SAACC,MAAMtB,EAAMuB,UAAY,EACtD,MAAM,IAAIC,MAAM,qDAGlB,IAAMC,EAAkBzB,EAAMkB,SAC1BlB,EAAMuB,SACNF,EAAQA,SAACK,IAAI1B,EAAMuB,UAAU,SAAAI,GAE3B,OAAIC,EAAAA,eAAeD,GACVE,EAAAA,aAAaF,EAAO,CAAEG,IAAK3B,IAG7BwB,CACT,IAEJ,OACEI,EAAAA,KAAAC,EAAAA,SAAA,CAAAT,SACGE,CAAAA,EACDM,EAAAE,KAACC,SAAM,CACLC,UAAWC,EAAAA,QAAWnC,EAAOoC,OAAQrC,EAAMmC,WAC3CG,YAAU,EACVrB,OAAQJ,EACRK,SAAUL,EACV0B,UAAWvC,EAAMuC,UACjBC,UAAW,CACTC,KAAM,CACJC,SAAS,GAEXC,MAAO,CACLD,UAAWjC,EACXmC,QAASnC,IAEXc,SAEF,CAAAsB,EAAAC,IAAA,MAAA,CAAKhB,IAAKpB,EAAoByB,UAAWlC,EAAO0C,QAChDZ,EAAAE,KAAA,MAAA,CAAKE,UAAWlC,EAAO8C,QAAQxB,SAC5BvB,CAAAA,EAAMgD,OACLH,EAAAA,IAAA,OAAA,CAAMV,UAAWC,EAAU,QAACnC,EAAO+C,MAAOhD,EAAMiD,SAAWhD,EAAOiD,UAAU3B,SACzEvB,EAAMgD,QAGVhD,EAAMiD,SACLJ,EAAAA,IAACM,EAAU,CAACC,QAASpD,EAAMiD,QAASd,UAAWlC,EAAOoD,MAAOC,KAAK,QAAO/B,SACvEsB,EAAAA,IAACU,EAASA,UAAA,MAGbvD,EAAMwD,SAAWX,EAAAA,IAACY,EAAAA,UAAS,CAACtB,UAAWlC,EAAOuD,QAAQjC,SAAEvB,EAAMwD,UAC9DxD,EAAM0D,WACLb,EAAAA,IAACc,EAAM,CAACC,MAAM,UAAUzB,UAAWlC,EAAO4D,OAAQT,QAASpD,EAAM0D,UAAUnC,SACxEvB,EAAM8D,aAAe,mBAOpC"}

package/cjs-bundle/components/Modal/CorvaModal.js CHANGED Viewed

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