@corva/ui 3.75.0-1 → 3.75.0-10

package/components/FeedItem/components/FeedComments.js

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

package/components/FeedItem/components/FeedComments.js.map

@@ -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","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}
+{"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/IsInsideIsolatedDcAppProvider';\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","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}

package/components/GradientManager/GradientManager.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{Grid as t,Box as e}from"@material-ui/core";import{noop as n,isEmpty as i,trim as r}from"lodash";import{useMemo as c,useState as p,useEffect as m,useCallback as a}from"react";import l from"../IconButton/index.js";import{GradientPicker as d}from"../GradientPicker/GradientPicker.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import{jsxs as j,jsx as u,Fragment as V}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import{TextInputNext as A}from"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import{CheckSmallIcon as I,CloseSmallIcon as g,WriteIcon as C,DeleteFourIcon as v}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/utils.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import{TEMP_GRADIENT_ID as S,DEFAULT_GRADIENTS as h,DEFAULT_GRADIENT_STOPS as b,GRADIENT_MAX_NAME_LENGTH as P}from"./configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import{GradientList as f}from"./GradientList.js";import{GradientSelect as D}from"./GradientSelect.js";import{useStyles as x}from"./GradientManager.styles.js";function T(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function y(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?T(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):T(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var k=function(o){var T,k,B=o.gradientId,O=o.onGradientEditStateChange,H=void 0===O?n:O,F=o.onChange,L=void 0===F?n:F,M=o.defaultGradients,G=void 0===M?h:M,E=o.defaultGradientStops,q=void 0===E?b:E,w=o.allowNoname,R=o.scaleOptions,N=(R=void 0===R?{}:R).scaleFrom,W=void 0===N?0:N,U=R.scaleTo,z=void 0===U?100:U,K=R.scaleUnit,Z=o.className,J=x(),Q=c((function(){return new f(o.gradients||[],G,o.onGradientsChange)}),[o.gradients,G,o.onGradientsChange]),X=p(null),Y=s(X,2),$=Y[0],_=Y[1],oo=o.disableGradientsManagement||!o.onGradientsChange,so=Q.getHelperText({name:null!==(T=null==$?void 0:$.name)&&void 0!==T?T:"",allowNoname:null!=w&&w,gradientId:B});m((function(){H(Boolean($))}),[Boolean($)]);var to=(null===(k=Q.getById(B))||void 0===k?void 0:k.gradientStops)||o.gradientStops||q,eo=a((function(){_(null)}),[]),no=a((function(){_({name:"",gradientStops:q,id:S})}),[q]),io=a((function(){var o;Q.isDefault(B)?_({name:Q.newName(),gradientStops:to,id:S}):_({name:(null===(o=Q.getById(B))||void 0===o?void 0:o.name)||"",gradientStops:to})}),[Q,B,to]),ro=function(){if(i(so)&&$){var o=$.gradientStops;if(o){var s=r($.name);if(_(null),s){if(Q.getById($.id||B))return Q.update(B,{gradientStops:o,name:s}),void L({gradientId:B,gradientStops:o});var t=Q.add(s,o);L({gradientId:t.id,gradientStops:o})}else w&&L({gradientStops:o,gradientId:null})}}},co=a((function(o){o===B&&(L({gradientId:null,gradientStops:to}),_(null)),Q.remove(o)}),[to,Q,L,B]),po=function(o){var s=o.trimStart().substring(0,P);_(y(y({},$),{},{name:s}))},mo=a((function(o,s){switch(o){case"add":no();break;case"delete":co(s)}}),[no,co]),ao=a((function(o){var s,t=Q.getById(o);L({gradientId:o,gradientStops:null!==(s=null==t?void 0:t.gradientStops)&&void 0!==s?s:q})}),[Q,L,q]);return j(t,{container:!0,className:Z,children:[u(t,{item:!0,xs:6,children:$?u(A,{className:J.customGradientName,label:"Gradient Name",value:$.name,onChange:po,onFocus:function(o){o.target.select()},onKeyDown:function(o){if("Enter"===o.key){var s=o.target.value;s&&(po(s),ro())}},autoFocus:!0,status:null!=so&&so.error?"error":void 0,message:null==so?void 0:so.helperText}):u(D,{value:B,gradients:o.gradients||[],onChange:ao,defaultGradients:G,onAction:mo,readonly:oo})}),u(t,{item:!0,xs:6,children:u(e,{display:"flex",alignItems:"center",height:"100%",children:u(e,{display:"flex",paddingLeft:1,children:j(V,$?{children:[u(l,{"data-testid":"save-gradient-btn",onClick:ro,tooltipProps:{title:"Save"},disabled:!!so||oo,children:u(I,{})}),u(l,{"data-testid":"cancel-edit-btn",onClick:eo,tooltipProps:{title:"Cancel"},children:u(g,{})})]}:{children:[u(l,{"data-testid":"edit-gradient-btn",onClick:io,tooltipProps:{title:"Edit"},disabled:oo,children:u(C,{})}),!!Q.getById(B)&&!Q.isDefault(B)&&u(l,{"data-testid":"delete-gradient-btn",onClick:function(){return co(B)},tooltipProps:{title:"Remove"},disabled:oo,children:u(v,{})})]})})})}),u(t,{item:!0,xs:12,children:u(d,{from:W,to:z,unit:K,noScale:!0,gradientStops:(null==$?void 0:$.gradientStops)||to,onChange:function(o){_(y(y({},$),{},{gradientStops:o}))},readonly:!$,isMoveInputVisible:!0})})]})};export{k as GradientManager};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{Grid as t,Box as e}from"@material-ui/core";import{noop as n,isEmpty as i,trim as r}from"lodash";import{useMemo as c,useState as p,useEffect as m,useCallback as a}from"react";import l from"../IconButton/index.js";import{GradientPicker as d}from"../GradientPicker/GradientPicker.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import{jsxs as j,jsx as u,Fragment as V}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import{TextInputNext as A}from"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.js";import{CheckSmallIcon as g,CloseSmallIcon as C,WriteIcon as I,DeleteFourIcon as v}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import{TEMP_GRADIENT_ID as S,DEFAULT_GRADIENTS as h,DEFAULT_GRADIENT_STOPS as b,GRADIENT_MAX_NAME_LENGTH as P}from"./configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import{GradientList as f}from"./GradientList.js";import{GradientSelect as D}from"./GradientSelect.js";import{useStyles as x}from"./GradientManager.styles.js";function T(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function y(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?T(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):T(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var k=function(o){var T,k,B=o.gradientId,O=o.onGradientEditStateChange,H=void 0===O?n:O,F=o.onChange,L=void 0===F?n:F,M=o.defaultGradients,G=void 0===M?h:M,E=o.defaultGradientStops,q=void 0===E?b:E,w=o.allowNoname,R=o.scaleOptions,N=(R=void 0===R?{}:R).scaleFrom,W=void 0===N?0:N,U=R.scaleTo,z=void 0===U?100:U,K=R.scaleUnit,Z=o.className,J=x(),Q=c((function(){return new f(o.gradients||[],G,o.onGradientsChange)}),[o.gradients,G,o.onGradientsChange]),X=p(null),Y=s(X,2),$=Y[0],_=Y[1],oo=o.disableGradientsManagement||!o.onGradientsChange,so=Q.getHelperText({name:null!==(T=null==$?void 0:$.name)&&void 0!==T?T:"",allowNoname:null!=w&&w,gradientId:B});m((function(){H(Boolean($))}),[Boolean($)]);var to=(null===(k=Q.getById(B))||void 0===k?void 0:k.gradientStops)||o.gradientStops||q,eo=a((function(){_(null)}),[]),no=a((function(){_({name:"",gradientStops:q,id:S})}),[q]),io=a((function(){var o;Q.isDefault(B)?_({name:Q.newName(),gradientStops:to,id:S}):_({name:(null===(o=Q.getById(B))||void 0===o?void 0:o.name)||"",gradientStops:to})}),[Q,B,to]),ro=function(){if(i(so)&&$){var o=$.gradientStops;if(o){var s=r($.name);if(_(null),s){if(Q.getById($.id||B))return Q.update(B,{gradientStops:o,name:s}),void L({gradientId:B,gradientStops:o});var t=Q.add(s,o);L({gradientId:t.id,gradientStops:o})}else w&&L({gradientStops:o,gradientId:null})}}},co=a((function(o){o===B&&(L({gradientId:null,gradientStops:to}),_(null)),Q.remove(o)}),[to,Q,L,B]),po=function(o){var s=o.trimStart().substring(0,P);_(y(y({},$),{},{name:s}))},mo=a((function(o,s){switch(o){case"add":no();break;case"delete":co(s)}}),[no,co]),ao=a((function(o){var s,t=Q.getById(o);L({gradientId:o,gradientStops:null!==(s=null==t?void 0:t.gradientStops)&&void 0!==s?s:q})}),[Q,L,q]);return j(t,{container:!0,className:Z,children:[u(t,{item:!0,xs:6,children:$?u(A,{className:J.customGradientName,label:"Gradient Name",value:$.name,onChange:po,onFocus:function(o){o.target.select()},onKeyDown:function(o){if("Enter"===o.key){var s=o.target.value;s&&(po(s),ro())}},autoFocus:!0,status:null!=so&&so.error?"error":void 0,message:null==so?void 0:so.helperText}):u(D,{value:B,gradients:o.gradients||[],onChange:ao,defaultGradients:G,onAction:mo,readonly:oo})}),u(t,{item:!0,xs:6,children:u(e,{display:"flex",alignItems:"center",height:"100%",children:u(e,{display:"flex",paddingLeft:1,children:j(V,$?{children:[u(l,{"data-testid":"save-gradient-btn",onClick:ro,tooltipProps:{title:"Save"},disabled:!!so||oo,children:u(g,{})}),u(l,{"data-testid":"cancel-edit-btn",onClick:eo,tooltipProps:{title:"Cancel"},children:u(C,{})})]}:{children:[u(l,{"data-testid":"edit-gradient-btn",onClick:io,tooltipProps:{title:"Edit"},disabled:oo,children:u(I,{})}),!!Q.getById(B)&&!Q.isDefault(B)&&u(l,{"data-testid":"delete-gradient-btn",onClick:function(){return co(B)},tooltipProps:{title:"Remove"},disabled:oo,children:u(v,{})})]})})})}),u(t,{item:!0,xs:12,children:u(d,{from:W,to:z,unit:K,noScale:!0,gradientStops:(null==$?void 0:$.gradientStops)||to,onChange:function(o){_(y(y({},$),{},{gradientStops:o}))},readonly:!$,isMoveInputVisible:!0})})]})};export{k as GradientManager};
 //# sourceMappingURL=GradientManager.js.map

package/components/GradientManager/GradientManager.js.map

@@ -1 +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":["GradientManager","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","TextInputNext","customGradientName","label","onFocus","event","target","select","onKeyDown","evt","key","autoFocus","status","error","undefined","message","helperText","GradientSelect","onAction","readonly","Box","display","alignItems","height","paddingLeft","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"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"}
+{"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":["GradientManager","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","TextInputNext","customGradientName","label","onFocus","event","target","select","onKeyDown","evt","key","autoFocus","status","error","undefined","message","helperText","GradientSelect","onAction","readonly","Box","display","alignItems","height","paddingLeft","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"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"}

package/components/GradientManager/GradientSelect.js

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

package/components/GradientManager/GradientSelect.js.map

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

package/components/Modal/Modal.js

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

package/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport { useIsInsideDcFullscreenElem } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\n\nimport { CorvaModal } from './CorvaModal';\nimport { DcCorvaModal } from './DcCorvaModal';\nimport { ModalProps } from './types';\n\nexport default function Modal(props: ModalProps): JSX.Element {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcCorvaModal : CorvaModal;\n\n  return <ModalComponent {...props} />;\n}\n"],"names":["Modal","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","_jsx","DcCorvaModal","CorvaModal"],"mappings":"y1BAQe,SAASA,EAAMC,GAC5B,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOC,EAFgBJ,IAAkBE,EAA2BG,EAAeC,iWAExDP,CAAAA,CAAAA,EAAAA,GAC7B"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport { useIsInsideDcFullscreenElem } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\n\nimport { CorvaModal } from './CorvaModal';\nimport { DcCorvaModal } from './DcCorvaModal';\nimport { ModalProps } from './types';\n\nexport default function Modal(props: ModalProps): JSX.Element {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcCorvaModal : CorvaModal;\n\n  return <ModalComponent {...props} />;\n}\n"],"names":["Modal","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","_jsx","DcCorvaModal","CorvaModal"],"mappings":"2zBAQe,SAASA,EAAMC,GAC5B,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOC,EAFgBJ,IAAkBE,EAA2BG,EAAeC,iWAExDP,CAAAA,CAAAA,EAAAA,GAC7B"}