npm - @corva/ui - Versions diffs - 3.74.0-9 → 3.75.0-0 - Mend

@corva/ui 3.74.0-9 → 3.75.0-0

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

package/cjs-bundle/components/FeedItem/components/FeedComments.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),o=require("prop-types"),r=require("lodash"),n=require("moment"),t=require("@material-ui/core"),i=require("../../Comment/index.js"),c=require("../../CommentLoader.js"),u=require("../../CommentInput/index.js"),p=require("../../../clients/jsonApi/index.js");require("../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js");var a=require("react/jsx-runtime");require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),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"),require("../../../componentsV2/Button/Button.js"),require("../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties");var m=require("../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../componentsV2/Popover/Popover.js"),require("../../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../../componentsV2/Radio/Radio.js"),require("../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../../componentsV2/TextInput/TextInput.js"),require("../../../componentsV2/TextInputNext/TextInputNext.js"),require("../../../componentsV2/Label/Label.js"),require("../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../componentsV2/TextLink/TextLink.js"),require("../../../componentsV2/Chip/Chip.js"),require("../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../componentsV2/Avatar/Avatar.js"),require("../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../componentsV2/Paper/Paper.js"),require("../../../componentsV2/ModalWindow/ModalWindow.js"),require("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.js"),require("../../../componentsV2/Counter/Counter.js"),require("../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../../componentsV2/TemplatesControl/utils.js"),require("../../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../../componentsV2/TemplatesControl/Store/utils.js"),require("../../../componentsV2/TemplatesControl/types.js"),require("../../../utils/index.js"),require("../../../permissions/PermissionsContext.js"),require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("../../../permissions/ProvidePermissions.js"),require("../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../componentsV2/Switch/Switch.js"),require("../../../componentsV2/Tabs/Tabs.js"),require("../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../componentsV2/FileIcon/FileIcon.js"),require("../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../utils/main.js"),require("../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../componentsV2/ButtonText/ButtonText.js"),require("../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../componentsV2/AppContainer/AppContainer.js"),require("../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../constants/streamSourceType.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js");var q=require("../../../utils/mobileDetect.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../AppIcon/AppIcon.js"),require("../../../utils/getSingleAsset.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../../utils/env.js"),require("../../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../componentsV2/AppSettings/AppSettings.js"),require("../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../../componentsV2/Autocomplete/Autocomplete.js"),require("../../../componentsV2/Select/Select.js"),require("../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../componentsV2/DatePicker/DatePicker.js"),require("../../../componentsV2/DragHandle/DragHandle.js"),require("../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../componentsV2/Slider/constants.js"),require("../../../componentsV2/Slider/components/SliderThumb.js"),require("../../../componentsV2/Slider/Slider.scss.js"),require("../../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js"),require("../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js"),require("../../ErrorBoundary/ErrorBoundary.js"),require("../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js");var d=l(e),j=l(o),C=l(n),A=t.makeStyles({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(e){var s=e.commentsListHeight;return s&&s-8},overflow:function(e){return e.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(e){var s=e.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function V(e){var o,n=e.openCommentInput,l=e.openCommentList,j=e.feedItem,V=e.currentUser,I=j.comments,v=I.length,g=v>3,h=s.useState(!1),D=d.default(h,2),S=D[0],x=D[1],P=s.useState(!1),b=d.default(P,2),f=b[0],T=b[1],B=s.useState(!1),H=d.default(B,2),y=H[0],k=H[1],L=s.useState(null),F=d.default(L,2),M=F[0],E=F[1],O=s.useRef(),w=s.useRef(),R=s.useMemo((function(){var e=r.sortBy(j.comments,(function(e){return-C.default(e.created_at).unix()}));return y?y&&!f?e.slice(0,5):y&&f?e:[]:e.slice(0,3)}),[I,f,y]);s.useEffect((function(){if(5===R.length&&!M){var e=w.current.clientHeight;E(e),T(!0)}M&&!y&&(E(null),T(!1))}),[R.length,M,y]);var G=m.useIsInsideIsolatedDcApp(),U=A({commentsListHeight:M,isAllCommentsVisibleKeyPressed:y,isInsideDcApp:G});return a.jsxs("div",{className:(n||!!v)&&U.feedCommentsContainer,children:[n&&!q.isNativeDetected&&a.jsx(u,{inputRef:O,postComment:function(e){p.postFeedItemComment(j.id,e)},setIsPosting:x,companyId:j.company_id,autoFocus:!1,currentUser:V,parentId:"".concat(j.id,"-").concat(null===(o=j.comments)||void 0===o?void 0:o.size)}),l&&a.jsxs("div",{className:U.feedCommentsList,children:[a.jsx("div",{className:U.feedCommentsListContentWrapper,children:a.jsxs("div",{className:U.feedCommentsListContent,ref:w,children:[R.map((function(e){return a.jsx(i,{comment:e,handleDeleteCallback:r.noop,patchCommentCallback:r.noop,companyId:j.company_id,currentUser:V},e.id)})),M&&a.jsx("div",{className:U.gradient})]})}),g&&a.jsx(t.Typography,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:U.showMore,onClick:function(){k(!y)},children:y?"Hide older comments":"See all comments"})]}),S&&a.jsx(c,{})]})}V.propTypes={openCommentInput:j.default.bool.isRequired,feedItem:j.default.shape().isRequired,currentUser:j.default.shape().isRequired},module.exports=V;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),o=require("prop-types"),r=require("lodash"),n=require("moment"),t=require("@material-ui/core"),i=require("../../Comment/index.js"),c=require("../../CommentLoader.js"),u=require("../../CommentInput/index.js"),p=require("../../../clients/jsonApi/index.js");require("../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js");var a=require("react/jsx-runtime");require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),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"),require("../../../componentsV2/Button/Button.js"),require("../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties");var m=require("../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../componentsV2/Popover/Popover.js"),require("../../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../../componentsV2/Radio/Radio.js"),require("../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../../componentsV2/TextInput/TextInput.js"),require("../../../componentsV2/TextInputNext/TextInputNext.js"),require("../../../componentsV2/TextArea/TextArea.js"),require("../../../componentsV2/Label/Label.js"),require("../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../componentsV2/TextLink/TextLink.js"),require("../../../componentsV2/Chip/Chip.js"),require("../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../componentsV2/Avatar/Avatar.js"),require("../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../componentsV2/Paper/Paper.js"),require("../../../componentsV2/ModalWindow/ModalWindow.js"),require("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.js"),require("../../../componentsV2/Counter/Counter.js"),require("../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../../componentsV2/TemplatesControl/utils.js"),require("../../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../../componentsV2/TemplatesControl/Store/utils.js"),require("../../../componentsV2/TemplatesControl/types.js"),require("../../../utils/index.js"),require("../../../permissions/PermissionsContext.js"),require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("../../../permissions/ProvidePermissions.js"),require("../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../componentsV2/Switch/Switch.js"),require("../../../componentsV2/Tabs/Tabs.js"),require("../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../componentsV2/FileIcon/FileIcon.js"),require("../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../utils/main.js"),require("../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../componentsV2/ButtonText/ButtonText.js"),require("../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../componentsV2/AppContainer/AppContainer.js"),require("../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../constants/streamSourceType.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js");var q=require("../../../utils/mobileDetect.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../AppIcon/AppIcon.js"),require("../../../utils/getSingleAsset.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../../utils/env.js"),require("../../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../componentsV2/AppSettings/AppSettings.js"),require("../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../../componentsV2/Autocomplete/Autocomplete.js"),require("../../../componentsV2/Select/Select.js"),require("../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../componentsV2/DatePicker/DatePicker.js"),require("../../../componentsV2/DragHandle/DragHandle.js"),require("../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../componentsV2/Slider/constants.js"),require("../../../componentsV2/Slider/components/SliderThumb.js"),require("../../../componentsV2/Slider/Slider.scss.js"),require("../../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js"),require("../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js"),require("../../ErrorBoundary/ErrorBoundary.js"),require("../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js");var d=l(e),j=l(o),C=l(n),A=t.makeStyles({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(e){var s=e.commentsListHeight;return s&&s-8},overflow:function(e){return e.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(e){var s=e.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function V(e){var o,n=e.openCommentInput,l=e.openCommentList,j=e.feedItem,V=e.currentUser,I=j.comments,v=I.length,g=v>3,h=s.useState(!1),D=d.default(h,2),S=D[0],x=D[1],P=s.useState(!1),b=d.default(P,2),f=b[0],T=b[1],B=s.useState(!1),H=d.default(B,2),y=H[0],k=H[1],L=s.useState(null),F=d.default(L,2),M=F[0],E=F[1],O=s.useRef(),w=s.useRef(),R=s.useMemo((function(){var e=r.sortBy(j.comments,(function(e){return-C.default(e.created_at).unix()}));return y?y&&!f?e.slice(0,5):y&&f?e:[]:e.slice(0,3)}),[I,f,y]);s.useEffect((function(){if(5===R.length&&!M){var e=w.current.clientHeight;E(e),T(!0)}M&&!y&&(E(null),T(!1))}),[R.length,M,y]);var G=m.useIsInsideIsolatedDcApp(),U=A({commentsListHeight:M,isAllCommentsVisibleKeyPressed:y,isInsideDcApp:G});return a.jsxs("div",{className:(n||!!v)&&U.feedCommentsContainer,children:[n&&!q.isNativeDetected&&a.jsx(u,{inputRef:O,postComment:function(e){p.postFeedItemComment(j.id,e)},setIsPosting:x,companyId:j.company_id,autoFocus:!1,currentUser:V,parentId:"".concat(j.id,"-").concat(null===(o=j.comments)||void 0===o?void 0:o.size)}),l&&a.jsxs("div",{className:U.feedCommentsList,children:[a.jsx("div",{className:U.feedCommentsListContentWrapper,children:a.jsxs("div",{className:U.feedCommentsListContent,ref:w,children:[R.map((function(e){return a.jsx(i,{comment:e,handleDeleteCallback:r.noop,patchCommentCallback:r.noop,companyId:j.company_id,currentUser:V},e.id)})),M&&a.jsx("div",{className:U.gradient})]})}),g&&a.jsx(t.Typography,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:U.showMore,onClick:function(){k(!y)},children:y?"Hide older comments":"See all comments"})]}),S&&a.jsx(c,{})]})}V.propTypes={openCommentInput:j.default.bool.isRequired,feedItem:j.default.shape().isRequired,currentUser:j.default.shape().isRequired},module.exports=V;
 //# sourceMappingURL=FeedComments.js.map

package/cjs-bundle/components/FeedItem/components/FeedComments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeedComments.js","sources":["../../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n showMore: {\n cursor: 'pointer',\n },\n feedCommentsContainer: { padding: '0 16px 0 24px' },\n feedCommentsList: { marginTop: 24 },\n feedCommentsListContent: {\n height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n },\n feedCommentsListContentWrapper: {\n position: 'relative',\n },\n gradient: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%',\n height: 16,\n background: ({ isInsideDcApp }) =>\n `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n isInsideDcApp ? '#414141' : '3b3b3b'\n } 100%)`,\n },\n});\n\n// If there are more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n const { comments } = feedItem;\n\n const commentsCount = comments.length;\n const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n const [isPosting, setIsPosting] = useState(false);\n const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n const inputEl = useRef();\n const commentsListRef = useRef();\n\n const toggleShowAllComments = () => {\n setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n };\n\n const postComment = comment => {\n postFeedItemComment(feedItem.id, comment);\n };\n\n const visibleComments = useMemo(() => {\n const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n if (!isAllCommentsVisibleKeyPressed)\n return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n }\n\n if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n return [];\n }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n useEffect(() => {\n if (\n visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n !commentsListHeight\n ) {\n const divHeight = commentsListRef.current.clientHeight;\n setCommentsListHeight(divHeight);\n setIsVisibleCommentsAppeared(true);\n }\n\n if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n setCommentsListHeight(null);\n setIsVisibleCommentsAppeared(false);\n }\n }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n return (\n <div className={(openCommentInput \|\| !!commentsCount) && classes.feedCommentsContainer}>\n {openCommentInput && !isNativeDetected && (\n <CommentInput\n inputRef={inputEl}\n postComment={postComment}\n setIsPosting={setIsPosting}\n companyId={feedItem.company_id}\n autoFocus={false}\n currentUser={currentUser}\n parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n />\n )}\n {openCommentList && (\n <div className={classes.feedCommentsList}>\n <div className={classes.feedCommentsListContentWrapper}>\n <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n {visibleComments.map(comment => (\n <Comment\n key={comment.id}\n comment={comment}\n handleDeleteCallback={noop /* NOTE: Received through subscription */}\n patchCommentCallback={noop}\n companyId={feedItem.company_id}\n currentUser={currentUser}\n />\n ))}\n {commentsListHeight && <div className={classes.gradient} />}\n </div>\n </div>\n {moreCommentsExist && (\n <Typography\n variant=\"caption\"\n color=\"primary\"\n data-testid={`${PAGE_NAME}_viewMoreComments`}\n className={classes.showMore}\n onClick={toggleShowAllComments}\n >\n {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n </Typography>\n )}\n </div>\n )}\n\n {isPosting && <CommentLoader />}\n </div>\n );\n}\n\nFeedComments.propTypes = {\n openCommentInput: PropTypes.bool.isRequired,\n feedItem: PropTypes.shape().isRequired,\n currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","jsxs","jsx","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}
1	+ {"version":3,"file":"FeedComments.js","sources":["../../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n showMore: {\n cursor: 'pointer',\n },\n feedCommentsContainer: { padding: '0 16px 0 24px' },\n feedCommentsList: { marginTop: 24 },\n feedCommentsListContent: {\n height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n },\n feedCommentsListContentWrapper: {\n position: 'relative',\n },\n gradient: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%',\n height: 16,\n background: ({ isInsideDcApp }) =>\n `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n isInsideDcApp ? '#414141' : '3b3b3b'\n } 100%)`,\n },\n});\n\n// If there are more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n const { comments } = feedItem;\n\n const commentsCount = comments.length;\n const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n const [isPosting, setIsPosting] = useState(false);\n const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n const inputEl = useRef();\n const commentsListRef = useRef();\n\n const toggleShowAllComments = () => {\n setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n };\n\n const postComment = comment => {\n postFeedItemComment(feedItem.id, comment);\n };\n\n const visibleComments = useMemo(() => {\n const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n if (!isAllCommentsVisibleKeyPressed)\n return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n }\n\n if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n return [];\n }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n useEffect(() => {\n if (\n visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n !commentsListHeight\n ) {\n const divHeight = commentsListRef.current.clientHeight;\n setCommentsListHeight(divHeight);\n setIsVisibleCommentsAppeared(true);\n }\n\n if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n setCommentsListHeight(null);\n setIsVisibleCommentsAppeared(false);\n }\n }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n return (\n <div className={(openCommentInput \|\| !!commentsCount) && classes.feedCommentsContainer}>\n {openCommentInput && !isNativeDetected && (\n <CommentInput\n inputRef={inputEl}\n postComment={postComment}\n setIsPosting={setIsPosting}\n companyId={feedItem.company_id}\n autoFocus={false}\n currentUser={currentUser}\n parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n />\n )}\n {openCommentList && (\n <div className={classes.feedCommentsList}>\n <div className={classes.feedCommentsListContentWrapper}>\n <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n {visibleComments.map(comment => (\n <Comment\n key={comment.id}\n comment={comment}\n handleDeleteCallback={noop /* NOTE: Received through subscription */}\n patchCommentCallback={noop}\n companyId={feedItem.company_id}\n currentUser={currentUser}\n />\n ))}\n {commentsListHeight && <div className={classes.gradient} />}\n </div>\n </div>\n {moreCommentsExist && (\n <Typography\n variant=\"caption\"\n color=\"primary\"\n data-testid={`${PAGE_NAME}_viewMoreComments`}\n className={classes.showMore}\n onClick={toggleShowAllComments}\n >\n {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n </Typography>\n )}\n </div>\n )}\n\n {isPosting && <CommentLoader />}\n </div>\n );\n}\n\nFeedComments.propTypes = {\n openCommentInput: PropTypes.bool.isRequired,\n feedItem: PropTypes.shape().isRequired,\n currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","jsxs","jsx","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("@material-ui/core"),n=require("lodash"),i=require("react"),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/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 r=require("../IconButton/index.js"),t=require("../GradientPicker/GradientPicker.js"),u=require("./configuration/constants.js"),a=require("./GradientList.js"),d=require("./GradientSelect.js"),l=require("./GradientManager.styles.js"),m=require("react/jsx-runtime");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=j(e),p=j(s);function q(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function g(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?q(Object(o),!0).forEach((function(s){I.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):q(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}exports.GradientManager=function(e){var s,j,I=e.gradientId,q=e.onGradientEditStateChange,f=void 0===q?n.noop:q,v=e.onChange,h=void 0===v?n.noop:v,b=e.defaultGradients,C=void 0===b?u.DEFAULT_GRADIENTS:b,S=e.defaultGradientStops,x=void 0===S?u.DEFAULT_GRADIENT_STOPS:S,O=e.allowNoname,y=e.scaleOptions,G=(y=void 0===y?{}:y).scaleFrom,P=void 0===G?0:G,F=y.scaleTo,D=void 0===F?100:F,E=y.scaleUnit,A=e.className,k=l.useStyles(),T=new a.GradientList(e.gradients||[],C,e.onGradientsChange),M=i.useState(null),N=p.default(M,2),w=N[0],B=N[1],_=e.disableGradientsManagement||!e.onGradientsChange,R=T.getHelperText({name:null!==(s=null==w?void 0:w.name)&&void 0!==s?s:"",allowNoname:null!=O&&O,gradientId:I});i.useEffect((function(){f(Boolean(w))}),[Boolean(w)]);var L=(null===(j=T.getById(I))||void 0===j?void 0:j.gradientStops)||e.gradientStops||x,U=function(){if(n.isEmpty(R)&&w){var e=w.gradientStops;if(e){var s=n.trim(w.name);if(B(null),s){if(T.getById(w.id||I))return T.update(I,{gradientStops:e,name:s}),void h({gradientId:I,gradientStops:e});var o=T.add(s,e);h({gradientId:o.id,gradientStops:e})}else O&&h({gradientStops:e,gradientId:null})}}},W=function(e){e===I&&(h({gradientId:null,gradientStops:L}),B(null)),T.remove(e)},z=function(e){var s=e.trimStart().substring(0,u.GRADIENT_MAX_NAME_LENGTH);B(g(g({},w),{},{name:s}))};return m.jsxs(o.Grid,{container:!0,className:A,children:[m.jsx(o.Grid,{item:!0,xs:6,children:w?m.jsx(o.TextField,g({InputLabelProps:{shrink:!0},className:k.customGradientName,label:"Gradient Name",value:w.name,onChange:function(e){return z(e.target.value)},onFocus:function(e){e.target.select()},onKeyDown:function(e){if("Enter"===e.key){var s=e.target.value;s&&(z(s),U())}},autoFocus:!0,fullWidth:!0},R)):m.jsx(d.GradientSelect,{value:I,gradients:e.gradients||[],onChange:function(e){var s,o=T.getById(e);h({gradientId:e,gradientStops:null!==(s=null==o?void 0:o.gradientStops)&&void 0!==s?s:x})},defaultGradients:C,onAction:function(e,s){switch(e){case"add":B({name:"",gradientStops:x,id:u.TEMP_GRADIENT_ID});break;case"delete":W(s)}},readonly:_})}),m.jsx(o.Grid,{item:!0,xs:6,children:m.jsx(o.Box,{display:"flex",alignItems:"center",height:"100%",children:m.jsx(o.Box,{display:"flex",paddingLeft:1,children:w?m.jsxs(m.Fragment,{children:[m.jsx(r,{"data-testid":"save-gradient-btn",onClick:U,tooltipProps:{title:"Save"},disabled:!!R||_,children:m.jsx(c.CheckSmallIcon,{})}),m.jsx(r,{"data-testid":"cancel-edit-btn",onClick:function(){B(null)},tooltipProps:{title:"Cancel"},children:m.jsx(c.CloseSmallIcon,{})})]}):m.jsxs(m.Fragment,{children:[m.jsx(r,{"data-testid":"edit-gradient-btn",onClick:function(){var e;T.isDefault(I)?B({name:T.newName(),gradientStops:L,id:u.TEMP_GRADIENT_ID}):B({name:(null===(e=T.getById(I))||void 0===e?void 0:e.name)||"",gradientStops:L})},tooltipProps:{title:"Edit"},disabled:_,children:m.jsx(c.WriteIcon,{})}),!!T.getById(I)&&!T.isDefault(I)&&m.jsx(r,{"data-testid":"delete-gradient-btn",onClick:function(){return W(I)},tooltipProps:{title:"Remove"},disabled:_,children:m.jsx(c.DeleteFourIcon,{})})]})})})}),m.jsx(o.Grid,{item:!0,xs:12,children:m.jsx(t.GradientPicker,{from:P,to:D,unit:E,noScale:!0,gradientStops:(null==w?void 0:w.gradientStops)||L,onChange:function(e){B(g(g({},w),{},{gradientStops:e}))},readonly:!w,isMoveInputVisible:!0})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("@material-ui/core"),o=require("lodash"),n=require("react"),t=require("../IconButton/index.js"),i=require("../GradientPicker/GradientPicker.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var c=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js");var u=require("../../componentsV2/TextInputNext/TextInputNext.js");require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js");var a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../../utils/index.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js");var p=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"),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 l=require("./GradientList.js"),d=require("./GradientSelect.js"),m=require("./GradientManager.styles.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=q(e),V=q(s);function A(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function I(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?A(Object(r),!0).forEach((function(s){j.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}exports.GradientManager=function(e){var s,q,j=e.gradientId,A=e.onGradientEditStateChange,C=void 0===A?o.noop:A,g=e.onChange,v=void 0===g?o.noop:g,S=e.defaultGradients,h=void 0===S?p.DEFAULT_GRADIENTS:S,x=e.defaultGradientStops,b=void 0===x?p.DEFAULT_GRADIENT_STOPS:x,P=e.allowNoname,D=e.scaleOptions,T=(D=void 0===D?{}:D).scaleFrom,f=void 0===T?0:T,y=D.scaleTo,k=void 0===y?100:y,B=D.scaleUnit,G=e.className,O=m.useStyles(),E=n.useMemo((function(){return new l.GradientList(e.gradients||[],h,e.onGradientsChange)}),[e.gradients,h,e.onGradientsChange]),F=n.useState(null),H=V.default(F,2),M=H[0],L=H[1],w=e.disableGradientsManagement||!e.onGradientsChange,N=E.getHelperText({name:null!==(s=null==M?void 0:M.name)&&void 0!==s?s:"",allowNoname:null!=P&&P,gradientId:j});n.useEffect((function(){C(Boolean(M))}),[Boolean(M)]);var R=(null===(q=E.getById(j))||void 0===q?void 0:q.gradientStops)||e.gradientStops||b,U=n.useCallback((function(){L(null)}),[]),W=n.useCallback((function(){L({name:"",gradientStops:b,id:p.TEMP_GRADIENT_ID})}),[b]),_=n.useCallback((function(){var e;E.isDefault(j)?L({name:E.newName(),gradientStops:R,id:p.TEMP_GRADIENT_ID}):L({name:(null===(e=E.getById(j))||void 0===e?void 0:e.name)||"",gradientStops:R})}),[E,j,R]),z=function(){if(o.isEmpty(N)&&M){var e=M.gradientStops;if(e){var s=o.trim(M.name);if(L(null),s){if(E.getById(M.id||j))return E.update(j,{gradientStops:e,name:s}),void v({gradientId:j,gradientStops:e});var r=E.add(s,e);v({gradientId:r.id,gradientStops:e})}else P&&v({gradientStops:e,gradientId:null})}}},K=n.useCallback((function(e){e===j&&(v({gradientId:null,gradientStops:R}),L(null)),E.remove(e)}),[R,E,v,j]),X=function(e){var s=e.trimStart().substring(0,p.GRADIENT_MAX_NAME_LENGTH);L(I(I({},M),{},{name:s}))},Z=n.useCallback((function(e,s){switch(e){case"add":W();break;case"delete":K(s)}}),[W,K]),J=n.useCallback((function(e){var s,r=E.getById(e);v({gradientId:e,gradientStops:null!==(s=null==r?void 0:r.gradientStops)&&void 0!==s?s:b})}),[E,v,b]);return c.jsxs(r.Grid,{container:!0,className:G,children:[c.jsx(r.Grid,{item:!0,xs:6,children:M?c.jsx(u.TextInputNext,{className:O.customGradientName,label:"Gradient Name",value:M.name,onChange:X,onFocus:function(e){e.target.select()},onKeyDown:function(e){if("Enter"===e.key){var s=e.target.value;s&&(X(s),z())}},autoFocus:!0,status:null!=N&&N.error?"error":void 0,message:null==N?void 0:N.helperText}):c.jsx(d.GradientSelect,{value:j,gradients:e.gradients||[],onChange:J,defaultGradients:h,onAction:Z,readonly:w})}),c.jsx(r.Grid,{item:!0,xs:6,children:c.jsx(r.Box,{display:"flex",alignItems:"center",height:"100%",children:c.jsx(r.Box,{display:"flex",paddingLeft:1,children:M?c.jsxs(c.Fragment,{children:[c.jsx(t,{"data-testid":"save-gradient-btn",onClick:z,tooltipProps:{title:"Save"},disabled:!!N||w,children:c.jsx(a.CheckSmallIcon,{})}),c.jsx(t,{"data-testid":"cancel-edit-btn",onClick:U,tooltipProps:{title:"Cancel"},children:c.jsx(a.CloseSmallIcon,{})})]}):c.jsxs(c.Fragment,{children:[c.jsx(t,{"data-testid":"edit-gradient-btn",onClick:_,tooltipProps:{title:"Edit"},disabled:w,children:c.jsx(a.WriteIcon,{})}),!!E.getById(j)&&!E.isDefault(j)&&c.jsx(t,{"data-testid":"delete-gradient-btn",onClick:function(){return K(j)},tooltipProps:{title:"Remove"},disabled:w,children:c.jsx(a.DeleteFourIcon,{})})]})})})}),c.jsx(r.Grid,{item:!0,xs:12,children:c.jsx(i.GradientPicker,{from:f,to:k,unit:B,noScale:!0,gradientStops:(null==M?void 0:M.gradientStops)||R,onChange:function(e){L(I(I({},M),{},{gradientStops:e}))},readonly:!M,isMoveInputVisible:!0})})]})};
 //# sourceMappingURL=GradientManager.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GradientManager.js","sources":["../../../../src/components/GradientManager/GradientManager.tsx"],"sourcesContent":["import { Box, Grid, TextField } from '@material-ui/core';\nimport { isEmpty, trim, noop } from 'lodash';\nimport { useEffect, useState } from 'react';\n\nimport type { CustomGradient, GradientFillStop } from '~/types';\nimport { CheckSmallIcon, CloseSmallIcon, DeleteFourIcon, WriteIcon } from '~/icons';\n\nimport IconButton from '../IconButton';\nimport { GradientPicker } from '../GradientPicker';\nimport {\n DEFAULT_GRADIENT_STOPS,\n GRADIENT_MAX_NAME_LENGTH,\n DEFAULT_GRADIENTS,\n TEMP_GRADIENT_ID,\n} from './configuration/constants';\nimport { GradientList } from './GradientList';\nimport { GradientSelect } from './GradientSelect';\nimport { GradientManagerProps } from './GradientManagerProps';\n\nimport { useStyles } from './GradientManager.styles';\n\nexport const GradientManager: React.FC<GradientManagerProps> = props => {\n const {\n gradientId,\n onGradientEditStateChange = noop,\n onChange = noop,\n defaultGradients = DEFAULT_GRADIENTS,\n defaultGradientStops = DEFAULT_GRADIENT_STOPS,\n allowNoname,\n scaleOptions: { scaleFrom = 0, scaleTo = 100, scaleUnit } = {},\n className,\n } = props;\n\n const classes = useStyles();\n const gradientList = new GradientList(\n props.gradients \|\| [],\n defaultGradients,\n props.onGradientsChange!\n );\n const [currentlyEdited, setCurrentlyEdited] = useState<Partial<CustomGradient> \| null>(null);\n const disableGradientsManagement = props.disableGradientsManagement \|\| !props.onGradientsChange;\n const validationResult = gradientList.getHelperText({\n name: currentlyEdited?.name ?? '',\n allowNoname: allowNoname ?? false,\n gradientId,\n });\n\n /*\n Calls editStateChange handler when gradient edit starts or ends.\n * Will be called with false on component mount\n /\n useEffect(() => {\n onGradientEditStateChange(Boolean(currentlyEdited));\n }, [Boolean(currentlyEdited)]);\n\n /\n Use stops from the stored gradient first, then fallback to stored in the trace\n * and finally, use defaultGradientStops if none of above is available\n /\n const gradientStops =\n gradientList.getById(gradientId)?.gradientStops \|\| props.gradientStops \|\| defaultGradientStops;\n\n const cancelEdit = () => {\n setCurrentlyEdited(null);\n };\n\n const startAddGradient = () => {\n setCurrentlyEdited({\n name: '',\n gradientStops: defaultGradientStops,\n id: TEMP_GRADIENT_ID,\n });\n };\n\n const startEditGradient = () => {\n if (gradientList.isDefault(gradientId)) {\n setCurrentlyEdited({\n name: gradientList.newName(),\n gradientStops,\n id: TEMP_GRADIENT_ID,\n });\n return;\n }\n\n setCurrentlyEdited({\n name: gradientList.getById(gradientId)?.name \|\| '',\n gradientStops,\n });\n };\n\n const saveChanges = () => {\n if (!isEmpty(validationResult) \|\| !currentlyEdited) {\n return;\n }\n\n const gradientStops = currentlyEdited.gradientStops;\n if (!gradientStops) return;\n\n const name = trim(currentlyEdited.name);\n\n setCurrentlyEdited(null);\n\n // No name - no need to create a gradient. Saving stops to the trace.\n if (!name) {\n if (allowNoname) {\n onChange({ gradientStops, gradientId: null });\n }\n return;\n }\n\n /\n Gradient exists - Updating\n * simple check that gradientId is not null is NOT enough because\n * Deleted gradients have gradientId but should be handles as non-existing ones.\n /\n if (gradientList.getById(currentlyEdited.id \|\| gradientId)) {\n gradientList.update(gradientId, {\n gradientStops,\n name,\n });\n onChange({\n gradientId,\n gradientStops,\n });\n return;\n }\n\n // Creating a new gradient\n const newGradient = gradientList.add(name, gradientStops);\n onChange({\n gradientId: newGradient.id,\n gradientStops,\n });\n };\n\n const deleteGradient = (id: string) => {\n if (id === gradientId) {\n onChange({\n gradientId: null,\n gradientStops,\n });\n setCurrentlyEdited(null);\n }\n gradientList.remove(id);\n };\n\n const handleNameChange = (value: string) => {\n const name = value.trimStart().substring(0, GRADIENT_MAX_NAME_LENGTH);\n setCurrentlyEdited({ ...currentlyEdited, name });\n };\n\n const handleGradientAction = (type: 'delete' \| 'add', id: string) => {\n switch (type) {\n case 'add':\n startAddGradient();\n break;\n case 'delete': {\n deleteGradient(id);\n break;\n }\n default:\n }\n };\n\n const handleGradientSelect = (id: string) => {\n const gradient = gradientList.getById(id);\n onChange({\n gradientId: id,\n gradientStops: gradient?.gradientStops ?? defaultGradientStops,\n });\n };\n\n const handleGradientChange = (gradientStops: GradientFillStop[]) => {\n setCurrentlyEdited({\n ...currentlyEdited,\n gradientStops,\n });\n };\n\n const handleNameKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\n if (evt.key === 'Enter') {\n const value = (evt.target as HTMLInputElement).value;\n if (value) {\n handleNameChange(value);\n saveChanges();\n }\n }\n };\n\n return (\n <Grid container className={className}>\n <Grid item xs={6}>\n {currentlyEdited ? (\n <TextField\n InputLabelProps={{ shrink: true }}\n className={classes.customGradientName}\n label=\"Gradient Name\"\n value={currentlyEdited.name}\n onChange={evt => handleNameChange(evt.target.value)}\n onFocus={event => {\n event.target.select();\n }}\n onKeyDown={handleNameKeyDown}\n autoFocus\n fullWidth\n {...validationResult}\n />\n ) : (\n <GradientSelect\n value={gradientId}\n gradients={props.gradients \|\| []}\n onChange={handleGradientSelect}\n defaultGradients={defaultGradients}\n onAction={handleGradientAction}\n readonly={disableGradientsManagement}\n />\n )}\n </Grid>\n <Grid item xs={6}>\n <Box display=\"flex\" alignItems=\"center\" height=\"100%\">\n {/ Control panel */}\n <Box display=\"flex\" paddingLeft={1}>\n {currentlyEdited ? (\n <>\n <IconButton\n data-testid=\"save-gradient-btn\"\n onClick={saveChanges}\n tooltipProps={{ title: 'Save' }}\n disabled={!!validationResult \|\| disableGradientsManagement}\n >\n <CheckSmallIcon />\n </IconButton>\n <IconButton\n data-testid=\"cancel-edit-btn\"\n onClick={cancelEdit}\n tooltipProps={{ title: 'Cancel' }}\n >\n <CloseSmallIcon />\n </IconButton>\n </>\n ) : (\n <>\n <IconButton\n data-testid=\"edit-gradient-btn\"\n onClick={startEditGradient}\n tooltipProps={{ title: 'Edit' }}\n disabled={disableGradientsManagement}\n >\n <WriteIcon />\n </IconButton>\n {!!gradientList.getById(gradientId) && !gradientList.isDefault(gradientId) && (\n <IconButton\n data-testid=\"delete-gradient-btn\"\n onClick={() => deleteGradient(gradientId)}\n tooltipProps={{ title: 'Remove' }}\n disabled={disableGradientsManagement}\n >\n <DeleteFourIcon />\n </IconButton>\n )}\n </>\n )}\n </Box>\n </Box>\n </Grid>\n <Grid item xs={12}>\n <GradientPicker\n from={scaleFrom}\n to={scaleTo}\n unit={scaleUnit}\n noScale\n gradientStops={currentlyEdited?.gradientStops \|\| gradientStops}\n onChange={handleGradientChange}\n readonly={!currentlyEdited}\n isMoveInputVisible\n />\n </Grid>\n </Grid>\n );\n};\n"],"names":["props","_currentlyEdited$name","_gradientList$getById","gradientId","_props$onGradientEdit","onGradientEditStateChange","noop","_props$onChange","onChange","_props$defaultGradien","defaultGradients","DEFAULT_GRADIENTS","_props$defaultGradien2","defaultGradientStops","DEFAULT_GRADIENT_STOPS","allowNoname","_props$scaleOptions","scaleOptions","_props$scaleOptions$s","scaleFrom","_props$scaleOptions$s2","scaleTo","scaleUnit","className","classes","useStyles","gradientList","GradientList","gradients","onGradientsChange","useState","_useState2","_slicedToArray","_useState","currentlyEdited","setCurrentlyEdited","disableGradientsManagement","validationResult","getHelperText","name","useEffect","Boolean","gradientStops","getById","saveChanges","isEmpty","trim","id","update","newGradient","add","deleteGradient","remove","handleNameChange","value","trimStart","substring","GRADIENT_MAX_NAME_LENGTH","_jsxs","Grid","container","children","_jsx","item","xs","TextField","_objectSpread","InputLabelProps","shrink","customGradientName","label","evt","target","onFocus","event","select","onKeyDown","key","autoFocus","fullWidth","jsx","GradientSelect","_gradient$gradientSto","gradient","onAction","type","TEMP_GRADIENT_ID","readonly","Box","display","alignItems","height","paddingLeft","jsxs","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","_gradientList$getById2","isDefault","newName","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"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"}
1	+ {"version":3,"file":"GradientManager.js","sources":["../../../../src/components/GradientManager/GradientManager.tsx"],"sourcesContent":["import { Box, Grid } from '@material-ui/core';\nimport { isEmpty, noop, trim } from 'lodash';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport IconButton from '../IconButton';\nimport { GradientPicker } from '../GradientPicker';\nimport { TextInputNext } from '../../componentsV2';\n\nimport {\n DEFAULT_GRADIENT_STOPS,\n DEFAULT_GRADIENTS,\n GRADIENT_MAX_NAME_LENGTH,\n TEMP_GRADIENT_ID,\n} from './configuration/constants';\nimport { GradientList } from './GradientList';\nimport { GradientSelect } from './GradientSelect';\nimport { GradientManagerProps } from './GradientManagerProps';\nimport { useStyles } from './GradientManager.styles';\n\nimport { CheckSmallIcon, CloseSmallIcon, DeleteFourIcon, WriteIcon } from '~/icons';\nimport type { CustomGradient, GradientFillStop } from '~/types';\n\nexport const GradientManager: React.FC<GradientManagerProps> = props => {\n const {\n gradientId,\n onGradientEditStateChange = noop,\n onChange = noop,\n defaultGradients = DEFAULT_GRADIENTS,\n defaultGradientStops = DEFAULT_GRADIENT_STOPS,\n allowNoname,\n scaleOptions: { scaleFrom = 0, scaleTo = 100, scaleUnit } = {},\n className,\n } = props;\n\n const classes = useStyles();\n const gradientList = useMemo(\n () => new GradientList(props.gradients \|\| [], defaultGradients, props.onGradientsChange!),\n [props.gradients, defaultGradients, props.onGradientsChange]\n );\n const [currentlyEdited, setCurrentlyEdited] = useState<Partial<CustomGradient> \| null>(null);\n const disableGradientsManagement = props.disableGradientsManagement \|\| !props.onGradientsChange;\n const validationResult = gradientList.getHelperText({\n name: currentlyEdited?.name ?? '',\n allowNoname: allowNoname ?? false,\n gradientId,\n });\n\n /*\n Calls editStateChange handler when gradient edit starts or ends.\n * Will be called with false on component mount\n /\n useEffect(() => {\n onGradientEditStateChange(Boolean(currentlyEdited));\n }, [Boolean(currentlyEdited)]);\n\n /\n Use stops from the stored gradient first, then fallback to stored in the trace\n * and finally, use defaultGradientStops if none of above is available\n /\n const gradientStops =\n gradientList.getById(gradientId)?.gradientStops \|\| props.gradientStops \|\| defaultGradientStops;\n\n const cancelEdit = useCallback(() => {\n setCurrentlyEdited(null);\n }, []);\n\n const startAddGradient = useCallback(() => {\n setCurrentlyEdited({\n name: '',\n gradientStops: defaultGradientStops,\n id: TEMP_GRADIENT_ID,\n });\n }, [defaultGradientStops]);\n\n const startEditGradient = useCallback(() => {\n if (gradientList.isDefault(gradientId)) {\n setCurrentlyEdited({\n name: gradientList.newName(),\n gradientStops,\n id: TEMP_GRADIENT_ID,\n });\n return;\n }\n\n setCurrentlyEdited({\n name: gradientList.getById(gradientId)?.name \|\| '',\n gradientStops,\n });\n }, [gradientList, gradientId, gradientStops]);\n\n const saveChanges = () => {\n if (!isEmpty(validationResult) \|\| !currentlyEdited) {\n return;\n }\n\n const { gradientStops } = currentlyEdited;\n if (!gradientStops) return;\n\n const name = trim(currentlyEdited.name);\n\n setCurrentlyEdited(null);\n\n // No name - no need to create a gradient. Saving stops to the trace.\n if (!name) {\n if (allowNoname) {\n onChange({ gradientStops, gradientId: null });\n }\n return;\n }\n\n /\n Gradient exists - Updating\n * simple check that gradientId is not null is NOT enough because\n * Deleted gradients have gradientId but should be handles as non-existing ones.\n /\n if (gradientList.getById(currentlyEdited.id \|\| gradientId)) {\n gradientList.update(gradientId, {\n gradientStops,\n name,\n });\n onChange({\n gradientId,\n gradientStops,\n });\n return;\n }\n\n // Creating a new gradient\n const newGradient = gradientList.add(name, gradientStops);\n onChange({\n gradientId: newGradient.id,\n gradientStops,\n });\n };\n\n const deleteGradient = useCallback(\n (id: string) => {\n if (id === gradientId) {\n onChange({\n gradientId: null,\n gradientStops,\n });\n setCurrentlyEdited(null);\n }\n gradientList.remove(id);\n },\n [gradientStops, gradientList, onChange, gradientId]\n );\n\n const handleNameChange = (value: string) => {\n const name = value.trimStart().substring(0, GRADIENT_MAX_NAME_LENGTH);\n setCurrentlyEdited({ ...currentlyEdited, name });\n };\n\n const handleGradientAction = useCallback(\n (type: 'delete' \| 'add', id: string) => {\n switch (type) {\n case 'add':\n startAddGradient();\n break;\n case 'delete': {\n deleteGradient(id);\n break;\n }\n default:\n }\n },\n [startAddGradient, deleteGradient]\n );\n\n const handleGradientSelect = useCallback(\n (id: string) => {\n const gradient = gradientList.getById(id);\n onChange({\n gradientId: id,\n gradientStops: gradient?.gradientStops ?? defaultGradientStops,\n });\n },\n [gradientList, onChange, defaultGradientStops]\n );\n\n const handleGradientChange = (gradientStops: GradientFillStop[]) => {\n setCurrentlyEdited({\n ...currentlyEdited,\n gradientStops,\n });\n };\n\n const handleNameKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\n if (evt.key === 'Enter') {\n const { value } = evt.target as HTMLInputElement;\n if (value) {\n handleNameChange(value);\n saveChanges();\n }\n }\n };\n\n return (\n <Grid container className={className}>\n <Grid item xs={6}>\n {currentlyEdited ? (\n <TextInputNext\n className={classes.customGradientName}\n label=\"Gradient Name\"\n value={currentlyEdited.name}\n onChange={handleNameChange}\n onFocus={event => {\n event.target.select();\n }}\n onKeyDown={handleNameKeyDown}\n autoFocus\n status={validationResult?.error ? 'error' : undefined}\n message={validationResult?.helperText}\n />\n ) : (\n <GradientSelect\n value={gradientId}\n gradients={props.gradients \|\| []}\n onChange={handleGradientSelect}\n defaultGradients={defaultGradients}\n onAction={handleGradientAction}\n readonly={disableGradientsManagement}\n />\n )}\n </Grid>\n <Grid item xs={6}>\n <Box display=\"flex\" alignItems=\"center\" height=\"100%\">\n {/ Control panel */}\n <Box display=\"flex\" paddingLeft={1}>\n {currentlyEdited ? (\n <>\n <IconButton\n data-testid=\"save-gradient-btn\"\n onClick={saveChanges}\n tooltipProps={{ title: 'Save' }}\n disabled={!!validationResult \|\| disableGradientsManagement}\n >\n <CheckSmallIcon />\n </IconButton>\n <IconButton\n data-testid=\"cancel-edit-btn\"\n onClick={cancelEdit}\n tooltipProps={{ title: 'Cancel' }}\n >\n <CloseSmallIcon />\n </IconButton>\n </>\n ) : (\n <>\n <IconButton\n data-testid=\"edit-gradient-btn\"\n onClick={startEditGradient}\n tooltipProps={{ title: 'Edit' }}\n disabled={disableGradientsManagement}\n >\n <WriteIcon />\n </IconButton>\n {!!gradientList.getById(gradientId) && !gradientList.isDefault(gradientId) && (\n <IconButton\n data-testid=\"delete-gradient-btn\"\n onClick={() => deleteGradient(gradientId)}\n tooltipProps={{ title: 'Remove' }}\n disabled={disableGradientsManagement}\n >\n <DeleteFourIcon />\n </IconButton>\n )}\n </>\n )}\n </Box>\n </Box>\n </Grid>\n <Grid item xs={12}>\n <GradientPicker\n from={scaleFrom}\n to={scaleTo}\n unit={scaleUnit}\n noScale\n gradientStops={currentlyEdited?.gradientStops \|\| gradientStops}\n onChange={handleGradientChange}\n readonly={!currentlyEdited}\n isMoveInputVisible\n />\n </Grid>\n </Grid>\n );\n};\n"],"names":["props","_currentlyEdited$name","_gradientList$getById","gradientId","_props$onGradientEdit","onGradientEditStateChange","noop","_props$onChange","onChange","_props$defaultGradien","defaultGradients","DEFAULT_GRADIENTS","_props$defaultGradien2","defaultGradientStops","DEFAULT_GRADIENT_STOPS","allowNoname","_props$scaleOptions","scaleOptions","_props$scaleOptions$s","scaleFrom","_props$scaleOptions$s2","scaleTo","scaleUnit","className","classes","useStyles","gradientList","useMemo","GradientList","gradients","onGradientsChange","useState","_useState2","_slicedToArray","_useState","currentlyEdited","setCurrentlyEdited","disableGradientsManagement","validationResult","getHelperText","name","useEffect","Boolean","gradientStops","getById","cancelEdit","useCallback","startAddGradient","id","TEMP_GRADIENT_ID","startEditGradient","_gradientList$getById2","isDefault","newName","saveChanges","isEmpty","trim","update","newGradient","add","deleteGradient","remove","handleNameChange","value","trimStart","substring","GRADIENT_MAX_NAME_LENGTH","handleGradientAction","type","handleGradientSelect","_gradient$gradientSto","gradient","_jsxs","Grid","container","children","_jsx","item","xs","jsx","TextInputNext","customGradientName","label","onFocus","event","target","select","onKeyDown","evt","key","autoFocus","status","error","undefined","message","helperText","GradientSelect","onAction","readonly","Box","display","alignItems","height","paddingLeft","jsxs","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@material-ui/core"),r=require("tinygradient"),t=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(r),n=e.makeStyles({gradientPreview:{background:"red",width:32,height:16,borderRadius:4}});exports.GradientPreview=function(e){var r=e.gradientStops,i=a.default(r.map((function(e){return{color:e.color,pos:e.pos/100}}))).css("linear","90deg"),o=n();return t.jsx("div",{className:o.gradientPreview,style:{background:i}})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@material-ui/core"),r=require("tinygradient"),t=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(r),n=e.makeStyles({gradientPreview:{flex:"0 0 32px",background:"red",width:32,height:16,borderRadius:4}});exports.GradientPreview=function(e){var r=e.gradientStops,i=a.default(r.map((function(e){return{color:e.color,pos:e.pos/100}}))).css("linear","90deg"),o=n();return t.jsx("div",{className:o.gradientPreview,style:{background:i}})};
 //# sourceMappingURL=GradientPreview.js.map

package/cjs-bundle/components/GradientManager/GradientPreview/GradientPreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GradientPreview.js","sources":["../../../../../src/components/GradientManager/GradientPreview/GradientPreview.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport tinygradient from 'tinygradient';\nimport type { GradientFillStop } from '~/types';\n\ninterface GradientPreviewProps {\n gradientStops: GradientFillStop[];\n}\n\nconst useStyles = makeStyles({\n gradientPreview: {\n background: 'red',\n width: 32,\n height: 16,\n borderRadius: 4,\n },\n});\n\nexport const GradientPreview: React.FC<GradientPreviewProps> = ({ gradientStops }) => {\n const linearGradient = tinygradient(\n gradientStops.map(item => ({\n color: item.color,\n pos: item.pos / 100,\n }))\n ).css('linear', '90deg');\n\n const styles = useStyles();\n return <div className={styles.gradientPreview} style={{ background: linearGradient }} />;\n};\n"],"names":["useStyles","makeStyles","gradientPreview","background","width","height","borderRadius","_ref","gradientStops","linearGradient","tinygradient","map","item","color","pos","css","styles","_jsx","className","style"],"mappings":"~~mPAQMA~~,EAAYC,EAAAA,WAAW,CAC3BC,gBAAiB,CACfC,WAAY,MACZC,MAAO,GACPC,OAAQ,GACRC,aAAc,6BAI6C,SAAuBC,GAAA,IAApBC,IAAAA,cAC1DC,EAAiBC,EAAY,QACjCF,EAAcG,KAAI,SAAAC,GAAI,MAAK,CACzBC,MAAOD,EAAKC,MACZC,IAAKF,EAAKE,IAAM,IAChB,KACFC,IAAI,SAAU,SAEVC,~~EAAShB~~,IACf,~~OAAOiB~~,EAAAA,IAAA,MAAA,CAAKC,UAAWF,~~EAAOd~~,~~gBAAiBiB~~,MAAO,CAAEhB,WAAYM,IACtE"}
1	+ {"version":3,"file":"GradientPreview.js","sources":["../../../../../src/components/GradientManager/GradientPreview/GradientPreview.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport tinygradient from 'tinygradient';\n\nimport type { GradientFillStop } from '~/types';\n\ninterface GradientPreviewProps {\n gradientStops: GradientFillStop[];\n}\n\nconst useStyles = makeStyles({\n gradientPreview: {\n flex: '0 0 32px',\n background: 'red',\n width: 32,\n height: 16,\n borderRadius: 4,\n },\n});\n\nexport const GradientPreview: React.FC<GradientPreviewProps> = ({ gradientStops }) => {\n const linearGradient = tinygradient(\n gradientStops.map(item => ({\n color: item.color,\n pos: item.pos / 100,\n }))\n ).css('linear', '90deg');\n\n const styles = useStyles();\n return <div className={styles.gradientPreview} style={{ background: linearGradient }} />;\n};\n"],"names":["useStyles","makeStyles","gradientPreview","flex","background","width","height","borderRadius","_ref","gradientStops","linearGradient","tinygradient","map","item","color","pos","css","styles","_jsx","className","style"],"mappings":"mPASMA,EAAYC,EAAAA,WAAW,CAC3BC,gBAAiB,CACfC,KAAM,WACNC,WAAY,MACZC,MAAO,GACPC,OAAQ,GACRC,aAAc,6BAI6C,SAAuBC,GAAA,IAApBC,IAAAA,cAC1DC,EAAiBC,EAAY,QACjCF,EAAcG,KAAI,SAAAC,GAAI,MAAK,CACzBC,MAAOD,EAAKC,MACZC,IAAKF,EAAKE,IAAM,IAChB,KACFC,IAAI,SAAU,SAEVC,EAASjB,IACf,OAAOkB,EAAAA,IAAA,MAAA,CAAKC,UAAWF,EAAOf,gBAAiBkB,MAAO,CAAEhB,WAAYM,IACtE"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),e=require("@material-ui/core"),o=require("@material-ui/icons/AddCircle"),i=require("react"),c=require("classnames"),n=require("lodash"),r=require("./GradientPreview/GradientPreview.js"),u=require("../Select/index.js"),t=require("../IconButton/index.js"),a=require("./GradientSelect.styles.js"),l=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var d=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),q=m(o),I=m(c);exports.GradientSelect=function(s){var o=s.value,c=s.gradients,m=s.onChange,p=s.defaultGradients,h=s.onAction,v=s.readonly,C=a.useStyles(),b=i.useState(!1),x=j.default(b,2),f=x[0],g=x[1],P=function(s){var e,i;if(s.stopPropagation(),!v){var c=null===(e=s.currentTarget.closest("li"))||void 0===e||null===(i=e.dataset)||void 0===i?void 0:i.value;o===c&&g(!1),h("delete",c)}},G=n.isEmpty(c)&&v;return d.jsxs(u,{"data-testid":"gradient-select",label:"Gradients",value:o||"",className:C.select,onChange:function(s){var e=s.target;e.value&&m(e.value)},open:f,onClose:function(){return g(!1)},onOpen:function(){return g(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:"",InputLabelProps:{shrink:!0},children:[d.jsx(e.ListSubheader,{className:C.listHeader,children:"Gradients"}),!G&&d.jsxs(e.ListSubheader,{className:C.subHeader,children:["My Gradients",!v&&d.jsx(t,{color:"primary","data-testid":"add-gradient-btn",className:C.addButton,onClick:function(){return h("add")},tooltipProps:{title:"Create Custom Gradient"},children:d.jsx(q.default,{color:"primary"})})]}),c.map((function(s){var o=s.id,i=s.name,c=s.gradientStops;return d.jsxs(e.MenuItem,{value:o,className:C.customGradientListItem,children:[d.jsx(r.GradientPreview,{gradientStops:c}),d.jsx("span",{children:i}),d.jsx(t,{className:I.default({disabled:v}),onClick:P,tooltipProps:{title:"Remove Gradient"},size:"medium",children:d.jsx(l.DeleteFourIcon,{})})]},o)})),!n.isEmpty(p)&&d.jsx(e.ListSubheader,{className:C.subHeader,children:"Default Gradients"}),p.map((function(s){var o=s.id,i=s.name,c=s.gradientStops;return d.jsxs(e.MenuItem,{value:o,className:C.customGradientListItem,children:[d.jsx(r.GradientPreview,{gradientStops:c}),d.jsx("span",{children:i})]},o)}))]})};
+"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/IsInsideIsolatedDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.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/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../../utils/index.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("./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,{})})})]})})};
 //# 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 { ~~ListSubheader, MenuItem } from '@material-ui/core';\nimport AddCircleIcon from '@material-ui/icons/AddCircle';\nimport {~~ type FC, ~~type~~ ~~MouseEvent~~, ~~useState~~ } from 'react';\nimport ~~classNames from 'classnames';\nimport~~ { ~~isEmpty~~ } from '~~lodash~~';\n\nimport { GradientPreview } from './GradientPreview/GradientPreview';\~~nimport Select from '~/components/Select';\nimport IconButton from '~/components/IconButton';\~~n\nimport { ~~useStyles }~~ from './GradientSelect.~~styles~~';\nimport { ~~CustomGradient~~ } from '~/~~types~~';\nimport { ~~DeleteFourIcon~~ } from '~/~~icons~~';\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\nexport const GradientSelect: FC<GradientSelectProps> = ({\n value,\n gradients,\n onChange,\n defaultGradients,\n onAction,\n readonly,\n}) => {\n const ~~classes~~ = ~~useStyles()~~;\n\n const [~~open~~, ~~setOpen~~] = ~~useState~~(~~false~~);\n\n const ~~handleItemChange~~ = ({ ~~target~~ }: { ~~target:~~ { value: ~~string~~ ~~} }~~) => {\n if (~~target.value~~) {\n onChange(~~target~~.~~value~~);\n }\n };\n\n const ~~handleDeleteClick~~ = (~~evt: MouseEvent~~) => {\n ~~evt.stopPropagation~~();\n ~~// When we simply disable the button~~ ~~clicks~~ ~~are passing through it~~\n // ~~and~~ ~~another~~ ~~gradient selected. To prevent this the button still handles~~\n // ~~clicks~~ ~~but~~ ~~does~~ ~~nothing.\n if (readonly~~) {\n ~~return;\n }\n~~ const ~~gradientId~~ = ~~evt.currentTarget.closest('li')?.dataset?.value;\n if~~ ~~(value~~ ~~===~~ ~~gradientId)~~ {\n // Do ~~not~~ ~~close~~ ~~dropdown~~ ~~when~~ ~~deleting~~ ~~not selected gradients~~\n ~~setOpen(false);\n }\n\n onAction('delete',~~ ~~gradientId);\~~n ~~};\~~n\n ~~const hideMyGroup = isEmpty(gradients~~) ~~&& readonly~~;\n\n return (\n <~~Select\~~n ~~data-testid~~=\"~~gradient-select~~\"~~\n label~~=\"~~Gradients~~\"\n ~~value=~~{~~value~~ \|\| ''}\n ~~className=~~{~~classes.select~~}\n ~~onChange={handleItemChange}\n open={open}\n onClose={(~~) => ~~setOpen~~(~~false)}~~\n ~~onOpen=~~{() => ~~setOpen(true~~)}\n ~~inputProps=~~{{\n ~~name: 'gradientId',\~~n ~~id: 'gradientId',\~~n }}\n ~~FormControlProps={{~~ ~~fullWidth:~~ ~~true } as any}~~\n ~~fullWidth\~~n ~~defaultValue=\"~~\"\n ~~InputLabelProps={{~~ ~~shrink:~~ ~~true~~ }}\n ~~>\n <ListSubheader~~ ~~className=~~{~~classes.listHeader}>Gradients</ListSubheader>\n~~\n ~~{!hideMyGroup~~ && (\n <~~ListSubheader~~ className={~~classes~~.~~subHeader~~}>\n ~~My Gradients~~\n {~~!readonly~~ && (\n <~~IconButton\n color~~=\"~~primary~~\"\n ~~data-testid~~=\"~~add-gradient-btn~~\"\n ~~className~~={~~classes.addButton}~~\n ~~onClick={~~() => onAction('~~add~~')}\n ~~tooltipProps={{ title: 'Create Custom Gradient'~~ }}\n >\n <~~AddCircleIcon~~ ~~color=\"primary\"~~ />\n </~~IconButton~~>\n )}\n </~~ListSubheader~~>\n )}\n\n {~~gradients~~.~~map~~((~~{ id~~, ~~name, gradientStops }~~) => (\n <~~MenuItem key~~={id} value={~~id}~~ ~~className={classes.customGradientListItem~~}>\n ~~<GradientPreview gradientStops~~={~~gradientStops~~} ~~/>\~~n ~~<span>~~{~~name~~}~~</span>\~~n ~~<IconButton~~\n className={~~classNames({ disabled: readonly~~ })}\n ~~onClick~~={~~handleDeleteClick~~}\n ~~tooltipProps~~={~~{ title: 'Remove Gradient'~~ }}\n ~~size=\"medium\"\n >\n <DeleteFourIcon />\n </IconButton>\n </MenuItem>\n~~ ))}\n\n {~~!isEmpty(defaultGradients)~~ && (\n <~~ListSubheader~~ className={~~classes~~.~~subHeader~~}~~>Default~~ ~~Gradients</ListSubheader~~>\n )}\n {~~defaultGradients.map(({~~ ~~id,~~ ~~name, gradientStops }) =>~~ (\n <~~MenuItem~~ ~~key={id}~~ ~~value={id}~~ ~~className~~={~~classes.customGradientListItem~~}>\n <~~GradientPreview~~ ~~gradientStops={gradientStops}~~ />\n ~~<span>{name}~~</~~span~~>\n </~~MenuItem~~>\n ))}\n </~~Select~~>\n );\n};\n"],"names":["~~_ref~~","~~value~~","~~gradients~~","~~onChange~~","~~defaultGradients~~","~~onAction~~","~~readonly~~","~~classes~~","~~useStyles~~","~~useState~~","~~_useState2~~","~~_slicedToArray~~","~~_useState~~","~~open~~","~~setOpen~~","~~handleDeleteClick~~","~~evt~~","~~_evt$currentTarget$cl~~","~~_evt$currentTarget$cl2~~","~~stopPropagation~~","~~gradientId~~","~~currentTarget~~","~~closest~~","~~dataset~~","~~hideMyGroup~~","~~isEmpty~~","~~_jsxs~~","~~Select~~","~~label~~","~~className~~","~~select~~","~~_ref2~~","~~target~~","~~onClose~~","~~onOpen~~","~~inputProps~~","~~name~~","id","~~FormControlProps~~","~~fullWidth~~","~~defaultValue~~","~~InputLabelProps~~","~~shrink~~","~~children~~","~~_jsx~~","~~ListSubheader~~","~~listHeader~~","~~subHeader~~","~~IconButton~~","color","~~addButton~~","~~onClick~~","~~tooltipProps~~","~~title~~","~~AddCircleIcon~~","~~map~~","~~_ref3~~","~~gradientStops~~","~~MenuItem~~","~~customGradientListItem~~","~~GradientPreview~~","~~jsx~~","~~classNames~~","~~disabled~~","~~size~~","~~DeleteFourIcon~~","~~_ref4~~"],"mappings":"~~24IAuBuD~~,~~SAOjDA~~,GAAA,IANJC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,SAEMC,EAAUC,EAAAA,~~YAEQC~~,~~EAAAA~~,~~EAAQA~~,~~UAAC~~,~~GAAMC~~,~~EAAAC~~,~~EAAAA~~,~~QAAAC~~,~~EAAA~~,~~GAAhCC~~,~~EAAIH~~,~~EAAA~~,~~GAAEI~~,~~EAAOJ~~,~~EAAA~~,~~GAQdK~~,~~EAAoB~~,~~SAACC~~,~~GAAoB~~,~~IAAAC~~,~~EAAAC~~,~~EAK7C~~,~~GAJAF~~,~~EAAIG~~,~~mBAIAb~~,~~EAAJ~~,~~CAGA~~,~~IAAMc~~,~~EAAa~~,~~QAAHH~~,~~EAAGD~~,~~EAAIK~~,~~cAAcC~~,~~QAAQ~~,~~aAA1B~~,~~IAAAL~~,~~GAAwC~~,~~QAAxCC~~,~~EAAAD~~,~~EAAiCM~~,~~eAAO~~,~~IAAAL~~,~~OAAxC~~,~~EAAAA~~,~~EAA0CjB~~,~~MACzDA~~,~~IAAUmB~~,~~GAEZN~~,~~GAAQ~~,~~GAGVT~~,~~EAAS~~,~~SAAUe~~,~~EAPnB~~,~~GAUII~~,~~EAAcC~~,~~EAAAA~~,~~QAAQvB~~,~~IAAcI~~,~~EAE1C~~,~~OACEoB~~,~~EAAAA~~,~~KAACC~~,~~EAAM~~,~~CACL~~,~~cAAY~~,~~kBACZC~~,~~MAAM~~,~~YACN3B~~,~~MAAOA~~,~~GAAS~~,~~GAChB4B~~,~~UAAWtB~~,~~EAAQuB~~,~~OACnB3B~~,~~SA/BqB~~,~~SAA+C4B~~,GAAA,~~IAA5CC~~,IAAAA,~~OACtBA~~,~~EAAO/B~~,~~OACTE~~,~~EAAS6B~~,~~EAAO/B~~,~~QA8BhBY~~,~~KAAMA~~,~~EACNoB~~,~~QAAS~~,~~WAAA~~,~~OAAMnB~~,~~GAAQ~~,~~EAAO~~,~~EAC9BoB~~,~~OAAQ~~,~~WAAA~~,~~OAAMpB~~,~~GAAQ~~,~~EAAM~~,~~EAC5BqB~~,~~WAAY~~,~~CACVC~~,~~KAAM~~,~~aACNC~~,~~GAAI~~,~~cAENC~~,~~iBAAkB~~,~~CAAEC~~,~~WAAW~~,~~GAC/BA~~,~~WAAS~~,~~EACTC~~,~~aAAa~~,~~GACbC~~,~~gBAAiB~~,~~CAAEC~~,~~QAAQ~~,~~GAAOC~~,SAAA,~~CAElCC~~,~~MAACC~~,~~gBAAa~~,~~CAAChB~~,~~UAAWtB~~,~~EAAQuC~~,~~WAAWH~~,~~SAAA~~,~~eAE3CnB~~,~~GACAE~~,~~OAACmB~~,~~gBAAa~~,~~CAAChB~~,~~UAAWtB~~,~~EAAQwC~~,~~UAAUJ~~,~~SAAA~~,~~CAAA~~,~~gBAExCrC,GACAsC,~~EAAAA,~~IAACI~~,~~EAAU~~,~~CACTC~~,~~MAAM~~,~~UACN~~,~~cAAY~~,~~mBACZpB~~,~~UAAWtB~~,~~EAAQ2C~~,~~UACnBC,QAAS,~~WAAA,~~OAAM9C~~,~~EAAS~~,~~MAAO~~,~~EAC/B+C~~,~~aAAc~~,~~CAAEC~~,~~MAAO~~,~~0BAA2BV~~,~~SAElDC~~,~~MAACU~~,~~UAAa~~,~~CAACL~~,~~MAAM~~,~~iBAM5B/C~~,~~EAAUqD~~,~~KAAI~~,~~SAAAC,~~GAAA,~~IAAGnB~~,IAAAA,~~GAAID~~,IAAAA,~~KAAMqB~~,IAAAA,~~cAAa~~,~~OACvC/B~~,EAAAA,~~KAACgC~~,~~EAAAA~~,~~SAAQ~~,~~CAAUzD~~,~~MAAOoC~~,~~EAAIR~~,~~UAAWtB~~,~~EAAQoD~~,~~uBAAuBhB~~,~~SAAA~~,~~CACtEC~~,~~MAACgB~~,~~kBAAe~~,~~CAACH~~,~~cAAeA~~,~~IAChCb~~,~~EAAAiB~~,~~IAAA~~,~~OAAA~~,~~CAAAlB~~,~~SAAOP~~,~~IACPQ~~,~~MAACI~~,~~EAAU~~,~~CACTnB~~,~~UAAWiC~~,~~EAAAA~~,~~QAAW~~,~~CAAEC~~,~~SAAUzD~~,~~IAClC6C~~,~~QAASpC~~,~~EACTqC~~,~~aAAc~~,~~CAAEC~~,~~MAAO~~,~~mBACvBW~~,~~KAAK~~,~~SAAQrB~~,~~SAEbC~~,EAAAA,~~IAACqB~~,EAAcA,eAAA,~~QATJ5B~~,~~EAYhB~~,~~KAECZ~~,~~EAAOA~~,~~QAACrB~~,~~IACRwC~~,EAAAA,~~IAACC~~,EAAAA,~~cAAa~~,~~CAAChB~~,~~UAAWtB~~,~~EAAQwC~~,~~UAAUJ~~,~~SAAA~~,~~sBAE7CvC~~,~~EAAiBmD~~,~~KAAI~~,~~SAAAW~~,~~GAAA~~,~~IAAG7B~~,~~IAAAA~~,~~GAAID~~,~~IAAAA~~,~~KAAMqB~~,~~IAAAA~~,~~cAAa~~,~~OAC9C/B~~,EAAAA,~~KAACgC~~,~~EAAAA~~,~~SAAQ~~,~~CAAUzD~~,~~MAAOoC~~,~~EAAIR~~,~~UAAWtB~~,~~EAAQoD~~,~~uBAAuBhB~~,SAAA,~~CACtEC~~,~~MAACgB~~,~~kBAAe~~,~~CAACH~~,~~cAAeA~~,~~IAChCb~~,~~EAAAiB~~,~~IAAA~~,~~OAAA~~,~~CAAAlB~~,~~SAAOP~~,~~MAFMC~~,~~EAGJ~~,~~MAInB~~"}
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/GradientManager/GradientSelect.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".GradientSelect_root__PjqAM{margin-bottom:20px}.GradientSelect_group__oy8nb{background:var(--corvaui-background);height:32px;left:0;padding:8px 16px;position:sticky;top:-8px;z-index:1}.GradientSelect_group__oy8nb,.GradientSelect_option__4cwPj{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between}.GradientSelect_option__4cwPj{overflow:hidden}.GradientSelect_noGradientsMessage__yP9lS{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px 16px;width:100%}"),module.exports={spacing:"8",root:"GradientSelect_root__PjqAM",group:"GradientSelect_group__oy8nb",option:"GradientSelect_option__4cwPj",noGradientsMessage:"GradientSelect_noGradientsMessage__yP9lS"};
2	+ //# sourceMappingURL=GradientSelect.scss.js.map

package/cjs-bundle/components/GradientManager/GradientSelect.scss.js.map ADDED Viewed

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