@corva/ui 3.75.0-6 → 3.75.0-7

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

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

package/cjs-bundle/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","jsxs","jsx","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","jsxs","jsx","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}

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

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

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

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

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

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

package/cjs-bundle/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","_ref2","value","gradients","onChange","defaultGradients","onAction","readonly","hasCustomGradients","length","options","useMemo","concat","_toConsumableArray","map","g","currentOption","find","_ref3","onSelectChange","useCallback","option","onAddClick","renderGroup","_ref4","children","key","addButton","Tooltip","ButtonIcon","size","onClick","testId","type","PlusIcon","_jsxs","Fragment","Text","color","className","styles","_Fragment","jsxs","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"ogdA4BMA,EAAmB,SAACC,EAA0BC,GAAkB,MAAM,CAC1EC,GAAIF,EAASE,GACbC,MAAOH,EAASI,KAChBC,OAAQC,MAACC,kBAAe,CAACC,cAAeR,EAASQ,gBACjDC,MAAOR,EAAY,UAAY,SAChC,EAIKS,EAAU,SAAHC,GAAW,SAALF,KAAyB,yBAEW,SAOjDG,GAAA,IANJC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,SAEMC,IAAuBL,UAAAA,EAAWM,QAElCC,EAAUC,EAAAA,SACd,WAAA,MACM,GAAAC,OAAAC,EAAA,SAAAV,aAAS,EAATA,EAAWW,KAAI,SAAAC,GAAC,OAAI3B,EAAiB2B,GAAG,EAAM,MAAK,IACnDF,EAAA,SAAAR,aAAgB,EAAhBA,EAAkBS,KAAI,SAAAC,GAAC,OAAI3B,EAAiB2B,GAAG,EAAK,MAAK,IAAE,GAEjE,CAACZ,EAAWE,IAGRW,EAAgBL,EAAAA,SAAQ,WAAA,OAAMD,EAAQO,MAAK,SAAAC,GAAK,SAAF3B,KAAgBW,IAAM,GAAE,CAACQ,EAASR,IAEhFiB,EAAiBC,eACrB,SAAAC,GACMA,GACFjB,EAASiB,EAAO9B,GAEpB,GACA,CAACa,IAGGkB,EAAaF,EAAAA,aAAY,WAC7Bd,EAAS,MACX,GAAG,CAACA,IAEEiB,EAAcH,eAClB,SAA8BI,GAAA,IAA3BC,IAAAA,SAAU3B,IAAAA,MAAO4B,IAAAA,IACZC,EAAYpB,EAAW,KAC3BZ,EAAAA,IAACiC,EAAAA,QAAO,CAACpC,MAAM,yBAAwBiC,SACrC9B,MAACkC,aAAU,CAACC,KAAK,KAAKC,QAAST,EAAYU,OAAO,mBAAmBC,KAAK,aAAYR,SACpF9B,EAAAA,IAACuC,EAAQA,SAAA,QAKf,OACEC,EAAAA,KAACC,EAAAA,SAAQ,CAAAX,SAAA,CACP9B,MAAC0C,OAAI,CAACP,KAAM,GAAIQ,MAAM,KAAKC,UAAWC,EAAO1C,MAAOkC,OAAO,wBAAuBP,SACrE,YAAV3B,EACCqC,EAAAA,KAAAM,EAAAA,SAAA,CAAAhB,SAAqB,CAAA,sBAACjB,GAAsBmB,KAE5CQ,EAAAO,KAAAD,WAAA,CAAAhB,SAAgBjB,CAAAA,gBAAAA,GAAsBmB,OAGzCF,IARYC,EAWlB,GACD,CAAClB,EAAoBD,EAAUe,IAG3BqB,EAAevB,eACnB,SAA0BwB,GAAA,IAAvBpD,IAAAA,MAAOD,IAAAA,GAAIO,IAAAA,MACZ,OACEqC,EAAAA,KAAA,MAAA,CAAKI,UAAWC,EAAOnB,OAAOI,SAAA,CAC5B9B,MAACkD,mBAAgB,CAAApB,SAAEjC,IAER,WAAVM,GACCH,EAAAA,IAACiC,EAAAA,QAAO,CAACpC,MAAM,kBAAiBiC,SAC9B9B,MAACkC,aAAU,CACTC,KAAK,KACLC,QAAS,SAAAe,GACPA,EAAEC,kBACFD,EAAEE,iBACF1C,EAAS,SAAUf,EACnB,EAAAkC,SAEF9B,EAAAA,IAACsD,EAAcA,eAAA,UAM3B,GACA,CAAC3C,IAGG4C,EAA0B9B,eAA+B,SAAA0B,GAC7DA,EAAEC,kBACFD,EAAEE,gBACH,GAAE,IAEH,OACErD,EAAAA,IAACwD,EAAAA,OAAM,CACLC,MAAM,YACN1C,QAASA,EACTR,MAAOA,GAAS,GAChBmD,WAAW,EACXjD,SAAUe,EACVa,OAAO,kBACPO,UAAWC,EAAOc,KAClB5D,OAAQsB,aAAAA,EAAAA,EAAetB,OACvBK,QAASA,EACTwB,YAAaA,EACboB,aAAcpC,OAAWgD,EAAYZ,EACrCa,iBACErB,EAAAO,KAAA,MAAA,CAAKH,UAAWC,EAAOiB,mBAAoBC,YAAaR,EAAwBzB,SAAA,CAAA,gBAE5ElB,GACAZ,EAAAA,IAACiC,EAAAA,QAAO,CAACpC,MAAM,yBAAwBiC,SACrC9B,MAACkC,aAAU,CACTC,KAAK,KACLC,QAAST,EACTU,OAAO,mBACPC,KAAK,aAAYR,SAEjB9B,EAAAA,IAACuC,EAAQA,SAAA,YAQzB"}
+{"version":3,"file":"GradientSelect.js","sources":["../../../../src/components/GradientManager/GradientSelect.tsx"],"sourcesContent":["import { type FC, Fragment, MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport {\n  ButtonIcon,\n  Select,\n  SelectChangeHandler,\n  SelectProps,\n  Text,\n  TextEndTruncated,\n  Tooltip,\n} from '../../componentsV2';\n\nimport { GradientPreview } from './GradientPreview/GradientPreview';\n\nimport styles from './GradientSelect.scss';\n\nimport { DeleteFourIcon, PlusIcon } from '~/icons';\nimport { CustomGradient } from '~/types';\n\ninterface GradientSelectProps {\n  gradients: CustomGradient[];\n  value: string;\n  onChange: (id: string) => void;\n  defaultGradients: CustomGradient[];\n  onAction: (type: 'delete' | 'add', data?: any) => void;\n  readonly: boolean;\n}\n\nconst gradientToOption = (gradient: CustomGradient, isDefault: boolean) => ({\n  id: gradient.id,\n  title: gradient.name,\n  prefix: <GradientPreview gradientStops={gradient.gradientStops} />,\n  group: isDefault ? 'default' : 'custom',\n});\n\ntype Option = ReturnType<typeof gradientToOption>;\n\nconst groupBy = ({ group }: Option) => group;\n\nexport const GradientSelect: FC<GradientSelectProps> = ({\n  value,\n  gradients,\n  onChange,\n  defaultGradients,\n  onAction,\n  readonly,\n}) => {\n  const hasCustomGradients = !!gradients?.length;\n\n  const options = useMemo<Option[]>(\n    () => [\n      ...(gradients?.map(g => gradientToOption(g, false)) || []),\n      ...(defaultGradients?.map(g => gradientToOption(g, true)) || []),\n    ],\n    [gradients, defaultGradients]\n  );\n\n  const currentOption = useMemo(() => options.find(({ id }) => id === value), [options, value]);\n\n  const onSelectChange = useCallback<SelectChangeHandler<Option>>(\n    option => {\n      if (option) {\n        onChange(option.id);\n      }\n    },\n    [onChange]\n  );\n\n  const onAddClick = useCallback(() => {\n    onAction('add');\n  }, [onAction]);\n\n  const renderGroup = useCallback<Required<SelectProps<Option>>['renderGroup']>(\n    ({ children, group, key }) => {\n      const addButton = readonly ? null : (\n        <Tooltip title=\"Create Custom Gradient\">\n          <ButtonIcon size=\"xs\" onClick={onAddClick} testId=\"add-gradient-btn\" type=\"tertiaryBg\">\n            <PlusIcon />\n          </ButtonIcon>\n        </Tooltip>\n      );\n\n      return (\n        <Fragment key={key}>\n          <Text size={12} color=\"T6\" className={styles.group} testId=\"gradient-group-header\">\n            {group === 'default' ? (\n              <>Default Gradients {!hasCustomGradients && addButton}</>\n            ) : (\n              <>My Gradients {hasCustomGradients && addButton}</>\n            )}\n          </Text>\n          {children}\n        </Fragment>\n      );\n    },\n    [hasCustomGradients, readonly, onAddClick]\n  );\n\n  const renderOption = useCallback<Required<SelectProps<Option>>['renderOption']>(\n    ({ title, id, group }) => {\n      return (\n        <div className={styles.option}>\n          <TextEndTruncated>{title}</TextEndTruncated>\n\n          {group === 'custom' && (\n            <Tooltip title=\"Delete Gradient\">\n              <ButtonIcon\n                size=\"xs\"\n                onClick={e => {\n                  e.stopPropagation();\n                  e.preventDefault();\n                  onAction('delete', id);\n                }}\n              >\n                <DeleteFourIcon />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n        </div>\n      );\n    },\n    [onAction]\n  );\n\n  const noGradientsMouseHandler = useCallback<MouseEventHandler>(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  return (\n    <Select\n      label=\"Gradients\"\n      options={options}\n      value={value || ''}\n      clearable={false}\n      onChange={onSelectChange}\n      testId=\"gradient-select\"\n      className={styles.root}\n      prefix={currentOption?.prefix}\n      groupBy={groupBy}\n      renderGroup={renderGroup}\n      renderOption={readonly ? undefined : renderOption}\n      noOptionsMessage={\n        <div className={styles.noGradientsMessage} onMouseDown={noGradientsMouseHandler}>\n          No Gradients\n          {!readonly && (\n            <Tooltip title=\"Create Custom Gradient\">\n              <ButtonIcon\n                size=\"xs\"\n                onClick={onAddClick}\n                testId=\"add-gradient-btn\"\n                type=\"tertiaryBg\"\n              >\n                <PlusIcon />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n        </div>\n      }\n    />\n  );\n};\n"],"names":["gradientToOption","gradient","isDefault","id","title","name","prefix","_jsx","GradientPreview","gradientStops","group","groupBy","_ref","_ref2","value","gradients","onChange","defaultGradients","onAction","readonly","hasCustomGradients","length","options","useMemo","concat","_toConsumableArray","map","g","currentOption","find","_ref3","onSelectChange","useCallback","option","onAddClick","renderGroup","_ref4","children","key","addButton","Tooltip","ButtonIcon","size","onClick","testId","type","PlusIcon","_jsxs","Fragment","Text","color","className","styles","_Fragment","jsxs","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"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"}

package/cjs-bundle/components/Modal/Modal.js

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

package/cjs-bundle/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":["props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","ModalComponent","DcCorvaModal","CorvaModal","_jsx"],"mappings":"u2BAQe,SAAeA,GAC5B,IAAMC,EAAgBC,EAAAA,2BAChBC,EAA2BC,EAAAA,8BAE3BC,EAAiBJ,IAAkBE,EAA2BG,EAAAA,aAAeC,EAAAA,WAEnF,OAAOC,EAAAA,IAACH,yWAAmBL,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":["props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","ModalComponent","DcCorvaModal","CorvaModal","_jsx"],"mappings":"y0BAQe,SAAeA,GAC5B,IAAMC,EAAgBC,EAAAA,2BAChBC,EAA2BC,EAAAA,8BAE3BC,EAAiBJ,IAAkBE,EAA2BG,EAAAA,aAAeC,EAAAA,WAEnF,OAAOC,EAAAA,IAACH,yWAAmBL,CAAAA,CAAAA,EAAAA,GAC7B"}