npm - @corva/ui - Versions diffs - 3.77.0-5 → 3.77.0-7 - Mend

@corva/ui 3.77.0-5 → 3.77.0-7

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

Files changed (650) hide show

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/defineProperty";import{shape as r,oneOfType as i,number as o,string as a,func as n,bool as p}from"prop-types";import{Map as s,List as m}from"immutable";import c from"moment";import{makeStyles as d,Typography as u}from"@material-ui/core";import{normalizeAssetForApp as l}from"./helpers.js";import{ContextText as b}from"../components/ContextRow.js";import f from"./styles.scss.js";import{isNativeDetected as g}from"../../../../utils/mobileDetect.js";import y from"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import A from"../../../EmbeddedApp/EmbeddedApp.js";import h from"../../../Attachment/index.js";import{formatMentionText as w}from"../../../UserMention/utils/index.js";import{jsx as j,jsxs as v,Fragment as R}from"react/jsx-runtime";function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function _(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?O(Object(i),!0).forEach((function(r){t(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var q=d((function(e){return{attachmentLable:{fontSize:"12px",color:e.palette.primary.text6}}})),D=function(e){var t=e.feedItem,r=t.id,i=t.well,o=t.rig,a=t.app,n=t.package,p=t.company_id,d=t.context.app_annotation,O=d.body,D=d.app_category,E=d.app_key,S=d.created_at,P=d.settings,x=void 0===P?{}:P,C=d.attachment,F=d.data_timestamp,I=t.mentioned_users,N=e.appContext,L=e.appRegistry,U=e.subscribeAppForAsset,k=e.unsubscribeAppFromAsset,z=e.currentUser,B=e.appData,K=e.isSubDataLoading,M=e.getSubErrors,T=e.isSubDataEmpty,G=e.showAppPreview,H=void 0===G||G,J=q(),Q=!!a,V=Q&&"dev_center"===a.platform;if(!Q||V&&!n)return j(u,{variant:"body2",children:"App not found"});var W=l(i||o,p),X=c(F||S).unix();return[W,D,E,S].every(Boolean)&&W.id?v("div",{className:f.appAnnotationFeedItem,children:[j(b,{testId:"".concat("FeedActivityPo_appAnnotation","_message"),children:w(O,I,g)}),H&&j(R,{children:n&&n.url?j(y,{appContainerClassName:f.appAnnotationFeedItemApp,appId:r,assetId:W.id,asset:W,app:{app:_(_({},a),{},{settings:x}),package:n},coordinates:{},timestamp:X,time:F,currentUser:z}):j(A,{appContainerClassName:f.appAnnotationFeedItemApp,appId:r,assetId:W.id,asset:s(W),appComponentKey:E,appComponentCategory:D,requiresSubscription:!0,appContext:s(N),assetDashboards:m(),timestamp:X,time:F,onSettingChange:function(){},settings:x,internalSelectors:{isSubDataLoading:K,getSubErrors:M,isSubDataEmpty:T},appRegistry:L,appData:B,subscribeAppForAsset:U,unsubscribeAppFromAsset:k})}),C&&C.signed_url&&v("div",{className:f.appAnnotationFeedItemAttachment,children:[j(u,{variant:"subtitle1",className:J.attachmentLable,children:"Attachments"}),j(h,{small:!0,attachmentUrl:C.signed_url,fileName:C.file_name,displayName:C.file_name})]})]}):j(u,{variant:"body2",children:"No Data"})};D.propTypes={feedItem:r({id:i([o,a]).isRequired,well:function(t,r,i){return t.well||t.rig?t.well&&"object"!==e(t.well)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},rig:function(t,r,i){return t.well||t.rig?t.rig&&"object"!==e(t.rig)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},context:r({app_annotation:r({body:a,app_category:a.isRequired,app_name:a.isRequired,created_at:a.isRequired,settings:r()}).isRequired}).isRequired}).isRequired,appContext:r().isRequired,currentUser:r().isRequired,appData:r().isRequired,appRegistry:r().isRequired,subscribeAppForAsset:n.isRequired,unsubscribeAppFromAsset:n.isRequired,isSubDataLoading:n.isRequired,getSubErrors:n.isRequired,isSubDataEmpty:n.isRequired,showAppPreview:p};export{D as default};
+import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/defineProperty";import{shape as r,oneOfType as i,number as o,string as a,func as n,bool as p}from"prop-types";import s from"moment";import{makeStyles as c,Typography as m}from"@material-ui/core";import{normalizeAssetForApp as d}from"./helpers.js";import{ContextText as u}from"../components/ContextRow.js";import l from"./styles.scss.js";import{isNativeDetected as b}from"../../../../utils/mobileDetect.js";import f from"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import g from"../../../EmbeddedApp/EmbeddedApp.js";import y from"../../../Attachment/index.js";import{formatMentionText as A}from"../../../UserMention/utils/index.js";import{jsx as h,jsxs as w,Fragment as j}from"react/jsx-runtime";function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function R(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?v(Object(i),!0).forEach((function(r){t(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):v(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var O=c((function(e){return{attachmentLable:{fontSize:"12px",color:e.palette.primary.text6}}})),_=function(e){var t=e.feedItem,r=t.id,i=t.well,o=t.rig,a=t.app,n=t.package,p=t.company_id,c=t.context.app_annotation,v=c.body,_=c.app_category,q=c.app_key,D=c.created_at,E=c.settings,S=void 0===E?{}:E,P=c.attachment,x=c.data_timestamp,C=t.mentioned_users,F=e.appContext,I=e.appRegistry,N=e.subscribeAppForAsset,L=e.unsubscribeAppFromAsset,U=e.currentUser,k=e.appData,z=e.isSubDataLoading,B=e.getSubErrors,K=e.isSubDataEmpty,M=e.showAppPreview,T=void 0===M||M,G=O(),H=!!a,J=H&&"dev_center"===a.platform;if(!H||J&&!n)return h(m,{variant:"body2",children:"App not found"});var Q=d(i||o,p),V=s(x||D).unix();return[Q,_,q,D].every(Boolean)&&Q.id?w("div",{className:l.appAnnotationFeedItem,children:[h(u,{testId:"".concat("FeedActivityPo_appAnnotation","_message"),children:A(v,C,b)}),T&&h(j,{children:n&&n.url?h(f,{appContainerClassName:l.appAnnotationFeedItemApp,appId:r,assetId:Q.id,asset:Q,app:{app:R(R({},a),{},{settings:S}),package:n},coordinates:{},timestamp:V,time:x,currentUser:U}):h(g,{appContainerClassName:l.appAnnotationFeedItemApp,appId:r,assetId:Q.id,asset:Q,appComponentKey:q,appComponentCategory:_,requiresSubscription:!0,appContext:F,assetDashboards:[],timestamp:V,time:x,onSettingChange:function(){},settings:S,internalSelectors:{isSubDataLoading:z,getSubErrors:B,isSubDataEmpty:K},appRegistry:I,appData:k,subscribeAppForAsset:N,unsubscribeAppFromAsset:L})}),P&&P.signed_url&&w("div",{className:l.appAnnotationFeedItemAttachment,children:[h(m,{variant:"subtitle1",className:G.attachmentLable,children:"Attachments"}),h(y,{small:!0,attachmentUrl:P.signed_url,fileName:P.file_name,displayName:P.file_name})]})]}):h(m,{variant:"body2",children:"No Data"})};_.propTypes={feedItem:r({id:i([o,a]).isRequired,well:function(t,r,i){return t.well||t.rig?t.well&&"object"!==e(t.well)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},rig:function(t,r,i){return t.well||t.rig?t.rig&&"object"!==e(t.rig)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},context:r({app_annotation:r({body:a,app_category:a.isRequired,app_name:a.isRequired,created_at:a.isRequired,settings:r()}).isRequired}).isRequired}).isRequired,appContext:r().isRequired,currentUser:r().isRequired,appData:r().isRequired,appRegistry:r().isRequired,subscribeAppForAsset:n.isRequired,unsubscribeAppFromAsset:n.isRequired,isSubDataLoading:n.isRequired,getSubErrors:n.isRequired,isSubDataEmpty:n.isRequired,showAppPreview:p};export{_ as default};
 //# sourceMappingURL=index.js.map

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js"],"sourcesContent":["import { shape, number, string, oneOfType, func, bool } from 'prop-types';\nimport { Map, List } from 'immutable';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { normalizeAssetForApp } from './helpers';\n\nimport { ContextText } from '../components/ContextRow';\n\nimport styles from './styles.scss';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { EmbeddedApp, DevCenterEmbeddedApp } from '~/components/EmbeddedApp';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\n\nconst PAGE_NAME = 'FeedActivityPo_appAnnotation';\n\nconst useStyles = makeStyles(theme => ({\n attachmentLable: {\n fontSize: '12px',\n color: theme.palette.primary.text6,\n },\n}));\n\nconst AppAnnotationFeedItem = props => {\n const {\n feedItem: {\n id,\n well,\n rig,\n app,\n package: appPackage,\n company_id: companyId,\n context: {\n app_annotation: {\n body,\n app_category: appCategory,\n app_key: appKey,\n created_at: createdAt,\n settings = {},\n attachment,\n data_timestamp: dataTimestamp,\n },\n },\n mentioned_users: mentionedUsers,\n },\n appContext,\n\n appRegistry,\n subscribeAppForAsset,\n unsubscribeAppFromAsset,\n currentUser,\n appData,\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n showAppPreview = true,\n } = props;\n const classes = useStyles();\n\n const isAppFound = !!app;\n const isDevCenterApp = isAppFound && app.platform === 'dev_center';\n const isDevCenterWithoutPackage = isDevCenterApp && !appPackage;\n\n if (!isAppFound \|\| isDevCenterWithoutPackage)\n return <Typography variant=\"body2\">App not found</Typography>;\n\n const asset = normalizeAssetForApp(well \|\| rig, companyId);\n const timestamp = moment(dataTimestamp \|\| createdAt).unix();\n\n const requiredFields = [asset, appCategory, appKey, createdAt];\n\n if (!requiredFields.every(Boolean) \|\| !asset.id)\n return <Typography variant=\"body2\">No Data</Typography>;\n\n return (\n <div className={styles.appAnnotationFeedItem}>\n <ContextText testId={`${PAGE_NAME}_message`}>\n {formatMentionText(body, mentionedUsers, isNativeDetected)}\n </ContextText>\n {showAppPreview && (\n <>\n {appPackage && appPackage.url ? (\n <DevCenterEmbeddedApp\n appContainerClassName={styles.appAnnotationFeedItemApp}\n appId={id}\n assetId={asset.id}\n asset={asset}\n app={{\n app: { ...app, settings },\n package: appPackage,\n }}\n coordinates={{}}\n timestamp={timestamp}\n time={dataTimestamp}\n currentUser={currentUser}\n />\n ) : (\n <EmbeddedApp\n appContainerClassName={styles.appAnnotationFeedItemApp}\n appId={id}\n assetId={asset.id}\n asset={Map(asset)}\n appComponentKey={appKey}\n appComponentCategory={appCategory}\n requiresSubscription\n appContext={Map(appContext)}\n assetDashboards={List()}\n timestamp={timestamp}\n time={dataTimestamp}\n onSettingChange={() => undefined}\n settings={settings}\n internalSelectors={{\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n }}\n appRegistry={appRegistry}\n appData={appData}\n subscribeAppForAsset={subscribeAppForAsset}\n unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n />\n )}\n </>\n )}\n {attachment && attachment.signed_url && (\n <div className={styles.appAnnotationFeedItemAttachment}>\n <Typography variant=\"subtitle1\" className={classes.attachmentLable}>\n Attachments\n </Typography>\n <Attachment\n small\n attachmentUrl={attachment.signed_url}\n fileName={attachment.file_name}\n displayName={attachment.file_name}\n />\n </div>\n )}\n </div>\n );\n};\n\nAppAnnotationFeedItem.propTypes = {\n feedItem: shape({\n id: oneOfType([number, string]).isRequired,\n well: (props, propName, componentName) => {\n if (!props.well && !props.rig) {\n return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n }\n if (props.well && typeof props.well !== 'object')\n return new Error(`Prop '${propName}' should be an object`);\n return null;\n },\n rig: (props, propName, componentName) => {\n if (!props.well && !props.rig) {\n return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n }\n if (props.rig && typeof props.rig !== 'object')\n return new Error(`Prop '${propName}' should be an object`);\n return null;\n },\n context: shape({\n app_annotation: shape({\n body: string,\n app_category: string.isRequired,\n app_name: string.isRequired,\n created_at: string.isRequired,\n settings: shape(),\n }).isRequired,\n }).isRequired,\n }).isRequired,\n appContext: shape().isRequired,\n currentUser: shape().isRequired,\n appData: shape().isRequired,\n appRegistry: shape().isRequired,\n subscribeAppForAsset: func.isRequired,\n unsubscribeAppFromAsset: func.isRequired,\n isSubDataLoading: func.isRequired,\n getSubErrors: func.isRequired,\n isSubDataEmpty: func.isRequired,\n showAppPreview: bool,\n};\n\nexport default AppAnnotationFeedItem;\n"],"names":["useStyles","makeStyles","theme","attachmentLable","fontSize","color","palette","primary","text6","AppAnnotationFeedItem","props","feedItem","id","well","rig","app","appPackage","package","companyId","company_id","_props$feedItem$conte","context","app_annotation","body","appCategory","app_category","appKey","app_key","createdAt","created_at","_props$feedItem$conte2","settings","attachment","dataTimestamp","data_timestamp","mentionedUsers","mentioned_users","appContext","appRegistry","subscribeAppForAsset","unsubscribeAppFromAsset","currentUser","appData","isSubDataLoading","getSubErrors","isSubDataEmpty","_props$showAppPreview","showAppPreview","classes","isAppFound","isDevCenterApp","platform","_jsx","Typography","variant","children","asset","normalizeAssetForApp","timestamp","moment","unix","every","Boolean","_jsxs","className","styles","appAnnotationFeedItem","ContextText","testId","concat","formatMentionText","isNativeDetected","_Fragment","url","DevCenterEmbeddedApp","appContainerClassName","appAnnotationFeedItemApp","appId","assetId","coordinates","time","EmbeddedApp","Map","appComponentKey","appComponentCategory","requiresSubscription","assetDashboards","List","onSettingChange","internalSelectors","signed_url","appAnnotationFeedItemAttachment","Attachment","small","attachmentUrl","fileName","file_name","displayName","propTypes","shape","oneOfType","number","string","isRequired","propName","componentName","_typeof","Error","app_name","func","bool"],"mappings":"o3CAgBA,IAEMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,gBAAiB,CACfC,SAAU,OACVC,MAAOH,EAAMI,QAAQC,QAAQC,OAEhC,IAEKC,EAAwB,SAAAC,GAC5B,IAgCIA,EAAAA,EA/BFC,SACEC,IAAAA,GACAC,IAAAA,KACAC,IAAAA,IACAC,IAAAA,IACSC,IAATC,QACYC,IAAZC,WAAUC,EACVC,EAAAA,QACEC,eACEC,IAAAA,KACcC,IAAdC,aACSC,IAATC,QACYC,IAAZC,WAAUC,EAAAV,EACVW,SAAAA,OAAQ,IAAAD,EAAG,CAAE,EAAAA,EACbE,IAAAA,WACgBC,IAAhBC,eAGaC,IAAjBC,gBAEFC,EAWE3B,EAXF2B,WAEAC,EASE5B,EATF4B,YACAC,EAQE7B,EARF6B,qBACAC,EAOE9B,EAPF8B,wBACAC,EAME/B,EANF+B,YACAC,EAKEhC,EALFgC,QACAC,EAIEjC,EAJFiC,iBACAC,EAGElC,EAHFkC,aACAC,EAEEnC,EAFFmC,eAAcC,EAEZpC,EADFqC,eAAAA,cAAqBD,EAEjBE,EAAUhD,IAEViD,IAAelC,EACfmC,EAAiBD,GAA+B,eAAjBlC,EAAIoC,SAGzC,IAAKF,GAF6BC,IAAmBlC,EAGnD,OAAOoC,EAACC,EAAU,CAACC,QAAQ,QAAOC,SAAA,kBAEpC,IAAMC,EAAQC,EAAqB5C,GAAQC,EAAKI,GAC1CwC,EAAYC,EAAO1B,GAAiBL,GAAWgC,OAIrD,MAFuB,CAACJ,EAAOhC,EAAaE,EAAQE,GAEhCiC,MAAMC,UAAaN,EAAM5C,GAI3CmD,EAAA,MAAA,CAAKC,UAAWC,EAAOC,sBAAsBX,SAAA,CAC3CH,EAACe,EAAW,CAACC,OAAM,GAAAC,OA9DP,+BA8DgC,YAAAd,SACzCe,EAAkB/C,EAAMY,EAAgBoC,KAE1CxB,GACCK,EAAAoB,EAAA,CAAAjB,SACGvC,GAAcA,EAAWyD,IACxBrB,EAACsB,EAAoB,CACnBC,sBAAuBV,EAAOW,yBAC9BC,MAAOjE,EACPkE,QAAStB,EAAM5C,GACf4C,MAAOA,EACPzC,IAAK,CACHA,WAAUA,GAAG,CAAA,EAAA,CAAEgB,SAAAA,IACfd,QAASD,GAEX+D,YAAa,CAAG,EAChBrB,UAAWA,EACXsB,KAAM/C,EACNQ,YAAaA,IAGfW,EAAC6B,EAAW,CACVN,sBAAuBV,EAAOW,yBAC9BC,MAAOjE,EACPkE,QAAStB,EAAM5C,GACf4C,MAAO0B,EAAI1B,GACX2B,gBAAiBzD,EACjB0D,qBAAsB5D,EACtB6D,sBAAoB,EACpBhD,WAAY6C,EAAI7C,GAChBiD,gBAAiBC,IACjB7B,UAAWA,EACXsB,KAAM/C,EACNuD,gBAAiB,WAAgB,EACjCzD,SAAUA,EACV0D,kBAAmB,CACjB9C,iBAAAA,EACAC,aAAAA,EACAC,eAAAA,GAEFP,YAAaA,EACbI,QAASA,EACTH,qBAAsBA,EACtBC,wBAAyBA,MAKhCR,GAAcA,EAAW0D,YACxB3B,EAAA,MAAA,CAAKC,UAAWC,EAAO0B,gCAAgCpC,SAAA,CACrDH,EAACC,EAAU,CAACC,QAAQ,YAAYU,UAAWhB,EAAQ7C,gBAAgBoD,SAAA,gBAGnEH,EAACwC,EAAU,CACTC,OAAK,EACLC,cAAe9D,EAAW0D,WAC1BK,SAAU/D,EAAWgE,UACrBC,YAAajE,EAAWgE,kBA7DzB5C,EAACC,EAAU,CAACC,QAAQ,QAAOC,SAAA,WAmEtC,EAEA9C,EAAsByF,UAAY,CAChCvF,SAAUwF,EAAM,CACdvF,GAAIwF,EAAU,CAACC,EAAQC,IAASC,WAChC1F,KAAM,SAACH,EAAO8F,EAAUC,GACtB,OAAK/F,EAAMG,MAASH,EAAMI,IAGtBJ,EAAMG,MAA8B,WAAtB6F,EAAOhG,EAAMG,MACtB,IAAI8F,MAAK,SAAAtC,OAAUmC,EAAgC,0BACrD,KAJE,IAAIG,MAA4DF,sDAAAA,OAAAA,EAAkB,MAK5F,EACD3F,IAAK,SAACJ,EAAO8F,EAAUC,GACrB,OAAK/F,EAAMG,MAASH,EAAMI,IAGtBJ,EAAMI,KAA4B,WAArB4F,EAAOhG,EAAMI,KACrB,IAAI6F,MAAK,SAAAtC,OAAUmC,EAAgC,0BACrD,KAJE,IAAIG,MAA4DF,sDAAAA,OAAAA,EAAkB,MAK5F,EACDpF,QAAS8E,EAAM,CACb7E,eAAgB6E,EAAM,CACpB5E,KAAM+E,EACN7E,aAAc6E,EAAOC,WACrBK,SAAUN,EAAOC,WACjB1E,WAAYyE,EAAOC,WACnBxE,SAAUoE,MACTI,aACFA,aACFA,WACHlE,WAAY8D,IAAQI,WACpB9D,YAAa0D,IAAQI,WACrB7D,QAASyD,IAAQI,WACjBjE,YAAa6D,IAAQI,WACrBhE,qBAAsBsE,EAAKN,WAC3B/D,wBAAyBqE,EAAKN,WAC9B5D,iBAAkBkE,EAAKN,WACvB3D,aAAciE,EAAKN,WACnB1D,eAAgBgE,EAAKN,WACrBxD,eAAgB+D"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js"],"sourcesContent":["import { shape, number, string, oneOfType, func, bool } from 'prop-types';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { normalizeAssetForApp } from './helpers';\n\nimport { ContextText } from '../components/ContextRow';\n\nimport styles from './styles.scss';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { EmbeddedApp, DevCenterEmbeddedApp } from '~/components/EmbeddedApp';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\n\nconst PAGE_NAME = 'FeedActivityPo_appAnnotation';\n\nconst useStyles = makeStyles(theme => ({\n attachmentLable: {\n fontSize: '12px',\n color: theme.palette.primary.text6,\n },\n}));\n\nconst AppAnnotationFeedItem = props => {\n const {\n feedItem: {\n id,\n well,\n rig,\n app,\n package: appPackage,\n company_id: companyId,\n context: {\n app_annotation: {\n body,\n app_category: appCategory,\n app_key: appKey,\n created_at: createdAt,\n settings = {},\n attachment,\n data_timestamp: dataTimestamp,\n },\n },\n mentioned_users: mentionedUsers,\n },\n appContext,\n\n appRegistry,\n subscribeAppForAsset,\n unsubscribeAppFromAsset,\n currentUser,\n appData,\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n showAppPreview = true,\n } = props;\n const classes = useStyles();\n\n const isAppFound = !!app;\n const isDevCenterApp = isAppFound && app.platform === 'dev_center';\n const isDevCenterWithoutPackage = isDevCenterApp && !appPackage;\n\n if (!isAppFound \|\| isDevCenterWithoutPackage)\n return <Typography variant=\"body2\">App not found</Typography>;\n\n const asset = normalizeAssetForApp(well \|\| rig, companyId);\n const timestamp = moment(dataTimestamp \|\| createdAt).unix();\n\n const requiredFields = [asset, appCategory, appKey, createdAt];\n\n if (!requiredFields.every(Boolean) \|\| !asset.id)\n return <Typography variant=\"body2\">No Data</Typography>;\n\n return (\n <div className={styles.appAnnotationFeedItem}>\n <ContextText testId={`${PAGE_NAME}_message`}>\n {formatMentionText(body, mentionedUsers, isNativeDetected)}\n </ContextText>\n {showAppPreview && (\n <>\n {appPackage && appPackage.url ? (\n <DevCenterEmbeddedApp\n appContainerClassName={styles.appAnnotationFeedItemApp}\n appId={id}\n assetId={asset.id}\n asset={asset}\n app={{\n app: { ...app, settings },\n package: appPackage,\n }}\n coordinates={{}}\n timestamp={timestamp}\n time={dataTimestamp}\n currentUser={currentUser}\n />\n ) : (\n <EmbeddedApp\n appContainerClassName={styles.appAnnotationFeedItemApp}\n appId={id}\n assetId={asset.id}\n asset={asset}\n appComponentKey={appKey}\n appComponentCategory={appCategory}\n requiresSubscription\n appContext={appContext}\n assetDashboards={[]}\n timestamp={timestamp}\n time={dataTimestamp}\n onSettingChange={() => undefined}\n settings={settings}\n internalSelectors={{\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n }}\n appRegistry={appRegistry}\n appData={appData}\n subscribeAppForAsset={subscribeAppForAsset}\n unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n />\n )}\n </>\n )}\n {attachment && attachment.signed_url && (\n <div className={styles.appAnnotationFeedItemAttachment}>\n <Typography variant=\"subtitle1\" className={classes.attachmentLable}>\n Attachments\n </Typography>\n <Attachment\n small\n attachmentUrl={attachment.signed_url}\n fileName={attachment.file_name}\n displayName={attachment.file_name}\n />\n </div>\n )}\n </div>\n );\n};\n\nAppAnnotationFeedItem.propTypes = {\n feedItem: shape({\n id: oneOfType([number, string]).isRequired,\n well: (props, propName, componentName) => {\n if (!props.well && !props.rig) {\n return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n }\n if (props.well && typeof props.well !== 'object')\n return new Error(`Prop '${propName}' should be an object`);\n return null;\n },\n rig: (props, propName, componentName) => {\n if (!props.well && !props.rig) {\n return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n }\n if (props.rig && typeof props.rig !== 'object')\n return new Error(`Prop '${propName}' should be an object`);\n return null;\n },\n context: shape({\n app_annotation: shape({\n body: string,\n app_category: string.isRequired,\n app_name: string.isRequired,\n created_at: string.isRequired,\n settings: shape(),\n }).isRequired,\n }).isRequired,\n }).isRequired,\n appContext: shape().isRequired,\n currentUser: shape().isRequired,\n appData: shape().isRequired,\n appRegistry: shape().isRequired,\n subscribeAppForAsset: func.isRequired,\n unsubscribeAppFromAsset: func.isRequired,\n isSubDataLoading: func.isRequired,\n getSubErrors: func.isRequired,\n isSubDataEmpty: func.isRequired,\n showAppPreview: bool,\n};\n\nexport default AppAnnotationFeedItem;\n"],"names":["useStyles","makeStyles","theme","attachmentLable","fontSize","color","palette","primary","text6","AppAnnotationFeedItem","props","feedItem","id","well","rig","app","appPackage","package","companyId","company_id","_props$feedItem$conte","context","app_annotation","body","appCategory","app_category","appKey","app_key","createdAt","created_at","_props$feedItem$conte2","settings","attachment","dataTimestamp","data_timestamp","mentionedUsers","mentioned_users","appContext","appRegistry","subscribeAppForAsset","unsubscribeAppFromAsset","currentUser","appData","isSubDataLoading","getSubErrors","isSubDataEmpty","_props$showAppPreview","showAppPreview","classes","isAppFound","isDevCenterApp","platform","_jsx","Typography","variant","children","asset","normalizeAssetForApp","timestamp","moment","unix","every","Boolean","_jsxs","className","styles","appAnnotationFeedItem","ContextText","testId","concat","formatMentionText","isNativeDetected","_Fragment","url","DevCenterEmbeddedApp","appContainerClassName","appAnnotationFeedItemApp","appId","assetId","coordinates","time","EmbeddedApp","appComponentKey","appComponentCategory","requiresSubscription","assetDashboards","onSettingChange","internalSelectors","signed_url","appAnnotationFeedItemAttachment","Attachment","small","attachmentUrl","fileName","file_name","displayName","propTypes","shape","oneOfType","number","string","isRequired","propName","componentName","_typeof","Error","app_name","func","bool"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/index.js"],"names":[],"mappings":"~~kCAa0B~~,EACxB,QAAQ,EAAE,EACR,EAAE,EACF,IAAI,EACJ,OAAO,EAAE,EACP,SAAS,EAAE,EACT,IAAI,EAAE,EAAE,wBAAwB,EAAE,GAAG,EAAE,cAAc,EAAE,aAAa,EAAE,EACtE,SAAS,GACV,GACF,GACF,EACD,oBAAoB,EACpB,uBAAuB,EACvB,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,OAAO,GACR;;;;;;;;;;;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA+Gc,gBAAgB"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/index.js"],"names":[],"mappings":"kCAY0B,EACxB,QAAQ,EAAE,EACR,EAAE,EACF,IAAI,EACJ,OAAO,EAAE,EACP,SAAS,EAAE,EACT,IAAI,EAAE,EAAE,wBAAwB,EAAE,GAAG,EAAE,cAAc,EAAE,aAAa,EAAE,EACtE,SAAS,GACV,GACF,GACF,EACD,oBAAoB,EACpB,uBAAuB,EACvB,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,OAAO,GACR;;;;;;;;;;;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA+Gc,gBAAgB"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import{useEffect as t}from"react";import{shape as r,number as s,func as i,string as a}from"prop-types";import{Map as p,List as o}from"immutable";import n from"./components/TargetChanges.js";import u from"./components/VerticalSectionAzimuth.js";import{SUBSCRIPTIONS as c}from"./constants.js";import m from"./styles.scss.js";import{DEFAULT_SUBSCRIPTION_META as d}from"../../../../constants/subscriptions.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import l from"../../../EmbeddedApp/EmbeddedApp.js";import{jsxs as b,Fragment as g,jsx as f}from"react/jsx-runtime";function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,s)}return r}function A(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?y(Object(s),!0).forEach((function(r){e(t,r,s[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):y(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var h=function(e){var r=e.feedItem,s=r.id,i=r.well,a=r.context.well_plan,y=a.data,h=y.vertical_section_azimuth,D=y.target_changes,j=a.timestamp,R=e.subscribeAppForAsset,S=e.unsubscribeAppFromAsset,q=e.appContext,O=e.isSubDataLoading,C=e.getSubErrors,w=e.isSubDataEmpty,v=e.appRegistry,E=e.appData,P=c.map((function(e){return A(A({},e),{},{meta:A(A({},d),{},{subscribeOnlyForInitialData:!0})})}));return t((function(){i&&j&&R(s,P,i.id,{query:"{timestamp#lte#".concat(j,"}")})}),[]),i?b(g,{children:[b("div",{className:m.wellPlanFeedItemInfo,children:[f(u,{vsa:h}),D&&f(n,{targetChanges:D})]}),f(l,{asset:p(i),appContainerClassName:m.wellPlanFeedItemApp,appId:s,assetId:i.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:P,requiresSubscription:!1,appContext:p(q),assetDashboards:o(),graphType:1,internalSelectors:{isSubDataLoading:O,getSubErrors:C,isSubDataEmpty:w},appRegistry:v,appData:E,subscribeAppForAsset:R,unsubscribeAppFromAsset:S}),f(l,{asset:p(i),appContainerClassName:m.wellPlanFeedItemApp,appId:s,assetId:i.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:P,requiresSubscription:!1,appContext:p(q),assetDashboards:o(),graphType:2,internalSelectors:{isSubDataLoading:O,getSubErrors:C,isSubDataEmpty:w},appRegistry:v,appData:E,subscribeAppForAsset:R,unsubscribeAppFromAsset:S})]}):"No Well in data"};h.propTypes={feedItem:r({id:s,context:r({well_plan:r({timestamp:s.isRequired,data:r({vertical_section_azimuth:s,target_changes:r({measured_depth:s,tvd_change:s,vertical_section:s})})}).isRequired}).isRequired,well:r({id:s.isRequired}).isRequired}).isRequired,subscribeAppForAsset:i.isRequired,unsubscribeAppFromAsset:i.isRequired,appContext:r({view:a.isRequired}).isRequired,appData:r().isRequired,appRegistry:r().isRequired,isSubDataLoading:i.isRequired,getSubErrors:i.isRequired,isSubDataEmpty:i.isRequired};export{h as default};
+import e from"@babel/runtime/helpers/defineProperty";import{useEffect as t}from"react";import{shape as r,number as s,func as i,string as a}from"prop-types";import p from"./components/TargetChanges.js";import o from"./components/VerticalSectionAzimuth.js";import{SUBSCRIPTIONS as n}from"./constants.js";import u from"./styles.scss.js";import{DEFAULT_SUBSCRIPTION_META as c}from"../../../../constants/subscriptions.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import d from"../../../EmbeddedApp/EmbeddedApp.js";import{jsxs as m,Fragment as l,jsx as b}from"react/jsx-runtime";function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,s)}return r}function y(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?g(Object(s),!0).forEach((function(r){e(t,r,s[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):g(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var f=function(e){var r=e.feedItem,s=r.id,i=r.well,a=r.context.well_plan,g=a.data,f=g.vertical_section_azimuth,A=g.target_changes,h=a.timestamp,D=e.subscribeAppForAsset,j=e.unsubscribeAppFromAsset,R=e.appContext,S=e.isSubDataLoading,q=e.getSubErrors,O=e.isSubDataEmpty,C=e.appRegistry,w=e.appData,v=n.map((function(e){return y(y({},e),{},{meta:y(y({},c),{},{subscribeOnlyForInitialData:!0})})}));return t((function(){i&&h&&D(s,v,i.id,{query:"{timestamp#lte#".concat(h,"}")})}),[]),i?m(l,{children:[m("div",{className:u.wellPlanFeedItemInfo,children:[b(o,{vsa:f}),A&&b(p,{targetChanges:A})]}),b(d,{asset:i,appContainerClassName:u.wellPlanFeedItemApp,appId:s,assetId:i.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:v,requiresSubscription:!1,appContext:R,assetDashboards:[],graphType:1,internalSelectors:{isSubDataLoading:S,getSubErrors:q,isSubDataEmpty:O},appRegistry:C,appData:w,subscribeAppForAsset:D,unsubscribeAppFromAsset:j}),b(d,{asset:i,appContainerClassName:u.wellPlanFeedItemApp,appId:s,assetId:i.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:v,requiresSubscription:!1,appContext:R,assetDashboards:[],graphType:2,internalSelectors:{isSubDataLoading:S,getSubErrors:q,isSubDataEmpty:O},appRegistry:C,appData:w,subscribeAppForAsset:D,unsubscribeAppFromAsset:j})]}):"No Well in data"};f.propTypes={feedItem:r({id:s,context:r({well_plan:r({timestamp:s.isRequired,data:r({vertical_section_azimuth:s,target_changes:r({measured_depth:s,tvd_change:s,vertical_section:s})})}).isRequired}).isRequired,well:r({id:s.isRequired}).isRequired}).isRequired,subscribeAppForAsset:i.isRequired,unsubscribeAppFromAsset:i.isRequired,appContext:r({view:a.isRequired}).isRequired,appData:r().isRequired,appRegistry:r().isRequired,isSubDataLoading:i.isRequired,getSubErrors:i.isRequired,isSubDataEmpty:i.isRequired};export{f as default};
 //# sourceMappingURL=index.js.map

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/index.js"],"sourcesContent":["import { useEffect } from 'react';\nimport { shape, number, func, string } from 'prop-types';\~~nimport { Map, List } from 'immutable';\~~n\nimport TargetChanges from './components/TargetChanges';\nimport VerticalSectionAzimuth from './components/VerticalSectionAzimuth';\nimport { SUBSCRIPTIONS } from './constants';\n\nimport styles from './styles.scss';\n\nimport { DEFAULT_SUBSCRIPTION_META } from '~/constants/subscriptions';\nimport { EmbeddedApp } from '~/components/EmbeddedApp';\n\nconst WellPlanFeedItem = ({\n feedItem: {\n id,\n well,\n context: {\n well_plan: {\n data: { vertical_section_azimuth: vsa, target_changes: targetChanges },\n timestamp,\n },\n },\n },\n subscribeAppForAsset,\n unsubscribeAppFromAsset,\n appContext,\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n appRegistry,\n appData,\n}) => {\n // Note: Using custom subscription here instead of embedded app component sub,\n // because in this component we have 2 apps with same data, we don't want to load\n // data twice;\n\n const subscriptions = SUBSCRIPTIONS.map(sub => ({\n ...sub,\n meta: { ...DEFAULT_SUBSCRIPTION_META, subscribeOnlyForInitialData: true },\n }));\n\n useEffect(() => {\n function subscribeAppForData() {\n subscribeAppForAsset(id, subscriptions, well.id, { query: `{timestamp#lte#${timestamp}}` });\n\n return () => {\n unsubscribeAppFromAsset(id, subscriptions);\n };\n }\n\n if (well && timestamp) subscribeAppForData();\n }, []);\n\n if (!well) return 'No Well in data';\n\n return (\n <>\n <div className={styles.wellPlanFeedItemInfo}>\n <VerticalSectionAzimuth vsa={vsa} />\n {targetChanges && <TargetChanges targetChanges={targetChanges} />}\n </div>\n <EmbeddedApp\n asset={~~Map(~~well)}\n appContainerClassName={styles.wellPlanFeedItemApp}\n appId={id}\n assetId={well.id}\n appComponentKey=\"directional-wellPlan\"\n appComponentCategory=\"directional\"\n subscriptions={subscriptions}\n requiresSubscription={false}\n appContext={~~Map(~~appContext)}\n assetDashboards={~~List()~~}\n graphType={1}\n internalSelectors={{\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n }}\n appRegistry={appRegistry}\n appData={appData}\n subscribeAppForAsset={subscribeAppForAsset}\n unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n />\n <EmbeddedApp\n asset={~~Map(~~well)}\n appContainerClassName={styles.wellPlanFeedItemApp}\n appId={id}\n assetId={well.id}\n appComponentKey=\"directional-wellPlan\"\n appComponentCategory=\"directional\"\n subscriptions={subscriptions}\n requiresSubscription={false}\n appContext={~~Map(~~appContext)}\n assetDashboards={~~List()~~}\n graphType={2}\n internalSelectors={{\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n }}\n appRegistry={appRegistry}\n appData={appData}\n subscribeAppForAsset={subscribeAppForAsset}\n unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n />\n </>\n );\n};\n\nWellPlanFeedItem.propTypes = {\n feedItem: shape({\n id: number,\n context: shape({\n well_plan: shape({\n timestamp: number.isRequired,\n data: shape({\n vertical_section_azimuth: number,\n target_changes: shape({\n measured_depth: number,\n tvd_change: number,\n vertical_section: number,\n }),\n }),\n }).isRequired,\n }).isRequired,\n well: shape({\n id: number.isRequired,\n }).isRequired,\n }).isRequired,\n\n subscribeAppForAsset: func.isRequired,\n unsubscribeAppFromAsset: func.isRequired,\n appContext: shape({\n view: string.isRequired,\n }).isRequired,\n appData: shape().isRequired,\n appRegistry: shape().isRequired,\n isSubDataLoading: func.isRequired,\n getSubErrors: func.isRequired,\n isSubDataEmpty: func.isRequired,\n};\n\nexport default WellPlanFeedItem;\n"],"names":["WellPlanFeedItem","_ref","_ref$feedItem","feedItem","id","well","_ref$feedItem$context","context","well_plan","_ref$feedItem$context2","data","vsa","vertical_section_azimuth","targetChanges","target_changes","timestamp","subscribeAppForAsset","unsubscribeAppFromAsset","appContext","isSubDataLoading","getSubErrors","isSubDataEmpty","appRegistry","appData","subscriptions","SUBSCRIPTIONS","map","sub","_objectSpread","meta","DEFAULT_SUBSCRIPTION_META","subscribeOnlyForInitialData","useEffect","query","_jsxs","_Fragment","children","className","styles","wellPlanFeedItemInfo","_jsx","VerticalSectionAzimuth","TargetChanges","EmbeddedApp","asset","~~Map","~~appContainerClassName","wellPlanFeedItemApp","appId","assetId","appComponentKey","appComponentCategory","requiresSubscription","assetDashboards","~~List","~~graphType","internalSelectors","propTypes","shape","number","isRequired","measured_depth","tvd_change","vertical_section","func","view","string"],"mappings":"~~krCAaA~~,IAAMA,EAAmB,SAmBnBC,GAAA,IAAAC,EAAAD,EAlBJE,SACEC,IAAAA,GACAC,IAAAA,KAAIC,EACJC,EAAAA,QACEC,UAASC,EAAAH,EACPI,KAAkCC,IAA1BC,yBAA+CC,IAAhBC,eACvCC,IAAAA,UAINC,IAAAA,qBACAC,IAAAA,wBACAC,IAAAA,WACAC,IAAAA,iBACAC,IAAAA,aACAC,IAAAA,eACAC,IAAAA,YACAC,IAAAA,QAMMC,EAAgBC,EAAcC,KAAI,SAAAC,GAAG,OAAAC,EAAAA,EAAA,CAAA,EACtCD,GAAG,CAAA,EAAA,CACNE,YAAWC,GAAyB,CAAA,EAAA,CAAEC,6BAA6B,KAAM,IAe3E,OAZAC,GAAU,WASJ3B,GAAQU,GAPVC,EAAqBZ,EAAIoB,EAAenB,EAAKD,GAAI,CAAE6B,+BAAyBlB,EAAS,MAQxF,GAAE,IAEEV,EAGH6B,EAAAC,EAAA,CAAAC,SACE,CAAAF,EAAA,MAAA,CAAKG,UAAWC,EAAOC,qBAAqBH,SAAA,CAC1CI,EAACC,EAAsB,CAAC9B,IAAKA,IAC5BE,GAAiB2B,EAACE,EAAa,CAAC7B,cAAeA,OAElD2B,EAACG,EAAW,CACVC,~~MAAOC~~,~~EAAIxC~~,~~GACXyC~~,~~sBAAuBR~~,~~EAAOS,~~oBAC9BC,~~MAAO5C~~,~~EACP6C~~,~~QAAS5C~~,EAAKD,~~GACd8C~~,gBAAgB,uBAChBC,qBAAqB,~~cACrB3B~~,cAAeA,~~EACf4B~~,sBAAsB,~~EACtBlC~~,~~WAAY2B~~,~~EAAI3B~~,~~GAChBmC~~,~~gBAAiBC~~,~~IACjBC,~~UAAW,EACXC,kBAAmB,~~CACjBrC~~,iBAAAA,EACAC,aAAAA,EACAC,eAAAA,GAEFC,YAAaA,EACbC,QAASA,EACTP,qBAAsBA,EACtBC,wBAAyBA,IAE3BuB,EAACG,EAAW,CACVC,~~MAAOC~~,~~EAAIxC~~,~~GACXyC~~,~~sBAAuBR~~,~~EAAOS,~~oBAC9BC,~~MAAO5C~~,~~EACP6C~~,~~QAAS5C~~,EAAKD,~~GACd8C~~,gBAAgB,uBAChBC,qBAAqB,~~cACrB3B~~,cAAeA,~~EACf4B~~,sBAAsB,~~EACtBlC~~,~~WAAY2B~~,~~EAAI3B~~,~~GAChBmC~~,~~gBAAiBC~~,~~IACjBC,~~UAAW,EACXC,kBAAmB,~~CACjBrC~~,iBAAAA,EACAC,aAAAA,EACAC,eAAAA,GAEFC,YAAaA,EACbC,QAASA,EACTP,qBAAsBA,EACtBC,wBAAyBA,OAlDb,iBAsDpB,EAEAjB,~~EAAiByD~~,UAAY,~~CAC3BtD~~,~~SAAUuD~~,EAAM,~~CACdtD~~,~~GAAIuD~~,~~EACJpD~~,~~QAASmD~~,EAAM,~~CACblD~~,~~UAAWkD~~,EAAM,~~CACf3C~~,~~UAAW4C~~,EAAOC,~~WAClBlD~~,~~KAAMgD~~,EAAM,~~CACV9C~~,~~yBAA0B+C~~,~~EAC1B7C~~,~~eAAgB4C~~,EAAM,CACpBG,eAAgBF,EAChBG,WAAYH,EACZI,iBAAkBJ,QAGrBC,aACFA,~~WACHvD~~,~~KAAMqD~~,EAAM,~~CACVtD~~,~~GAAIuD~~,EAAOC,aACVA,aACFA,~~WAEH5C~~,~~qBAAsBgD~~,EAAKJ,~~WAC3B3C~~,~~wBAAyB+C~~,EAAKJ,~~WAC9B1C~~,~~WAAYwC~~,EAAM,CAChBO,KAAMC,EAAON,aACZA,~~WACHrC~~,~~QAASmC~~,IAAQE,~~WACjBtC~~,~~YAAaoC~~,IAAQE,~~WACrBzC~~,~~iBAAkB6C~~,EAAKJ,~~WACvBxC~~,~~aAAc4C~~,EAAKJ,~~WACnBvC~~,~~eAAgB2C~~,EAAKJ"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/index.js"],"sourcesContent":["import { useEffect } from 'react';\nimport { shape, number, func, string } from 'prop-types';\n\nimport TargetChanges from './components/TargetChanges';\nimport VerticalSectionAzimuth from './components/VerticalSectionAzimuth';\nimport { SUBSCRIPTIONS } from './constants';\n\nimport styles from './styles.scss';\n\nimport { DEFAULT_SUBSCRIPTION_META } from '~/constants/subscriptions';\nimport { EmbeddedApp } from '~/components/EmbeddedApp';\n\nconst WellPlanFeedItem = ({\n feedItem: {\n id,\n well,\n context: {\n well_plan: {\n data: { vertical_section_azimuth: vsa, target_changes: targetChanges },\n timestamp,\n },\n },\n },\n subscribeAppForAsset,\n unsubscribeAppFromAsset,\n appContext,\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n appRegistry,\n appData,\n}) => {\n // Note: Using custom subscription here instead of embedded app component sub,\n // because in this component we have 2 apps with same data, we don't want to load\n // data twice;\n\n const subscriptions = SUBSCRIPTIONS.map(sub => ({\n ...sub,\n meta: { ...DEFAULT_SUBSCRIPTION_META, subscribeOnlyForInitialData: true },\n }));\n\n useEffect(() => {\n function subscribeAppForData() {\n subscribeAppForAsset(id, subscriptions, well.id, { query: `{timestamp#lte#${timestamp}}` });\n\n return () => {\n unsubscribeAppFromAsset(id, subscriptions);\n };\n }\n\n if (well && timestamp) subscribeAppForData();\n }, []);\n\n if (!well) return 'No Well in data';\n\n return (\n <>\n <div className={styles.wellPlanFeedItemInfo}>\n <VerticalSectionAzimuth vsa={vsa} />\n {targetChanges && <TargetChanges targetChanges={targetChanges} />}\n </div>\n <EmbeddedApp\n asset={well}\n appContainerClassName={styles.wellPlanFeedItemApp}\n appId={id}\n assetId={well.id}\n appComponentKey=\"directional-wellPlan\"\n appComponentCategory=\"directional\"\n subscriptions={subscriptions}\n requiresSubscription={false}\n appContext={appContext}\n assetDashboards={[]}\n graphType={1}\n internalSelectors={{\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n }}\n appRegistry={appRegistry}\n appData={appData}\n subscribeAppForAsset={subscribeAppForAsset}\n unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n />\n <EmbeddedApp\n asset={well}\n appContainerClassName={styles.wellPlanFeedItemApp}\n appId={id}\n assetId={well.id}\n appComponentKey=\"directional-wellPlan\"\n appComponentCategory=\"directional\"\n subscriptions={subscriptions}\n requiresSubscription={false}\n appContext={appContext}\n assetDashboards={[]}\n graphType={2}\n internalSelectors={{\n isSubDataLoading,\n getSubErrors,\n isSubDataEmpty,\n }}\n appRegistry={appRegistry}\n appData={appData}\n subscribeAppForAsset={subscribeAppForAsset}\n unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n />\n </>\n );\n};\n\nWellPlanFeedItem.propTypes = {\n feedItem: shape({\n id: number,\n context: shape({\n well_plan: shape({\n timestamp: number.isRequired,\n data: shape({\n vertical_section_azimuth: number,\n target_changes: shape({\n measured_depth: number,\n tvd_change: number,\n vertical_section: number,\n }),\n }),\n }).isRequired,\n }).isRequired,\n well: shape({\n id: number.isRequired,\n }).isRequired,\n }).isRequired,\n\n subscribeAppForAsset: func.isRequired,\n unsubscribeAppFromAsset: func.isRequired,\n appContext: shape({\n view: string.isRequired,\n }).isRequired,\n appData: shape().isRequired,\n appRegistry: shape().isRequired,\n isSubDataLoading: func.isRequired,\n getSubErrors: func.isRequired,\n isSubDataEmpty: func.isRequired,\n};\n\nexport default WellPlanFeedItem;\n"],"names":["WellPlanFeedItem","_ref","_ref$feedItem","feedItem","id","well","_ref$feedItem$context","context","well_plan","_ref$feedItem$context2","data","vsa","vertical_section_azimuth","targetChanges","target_changes","timestamp","subscribeAppForAsset","unsubscribeAppFromAsset","appContext","isSubDataLoading","getSubErrors","isSubDataEmpty","appRegistry","appData","subscriptions","SUBSCRIPTIONS","map","sub","_objectSpread","meta","DEFAULT_SUBSCRIPTION_META","subscribeOnlyForInitialData","useEffect","query","_jsxs","_Fragment","children","className","styles","wellPlanFeedItemInfo","_jsx","VerticalSectionAzimuth","TargetChanges","EmbeddedApp","asset","appContainerClassName","wellPlanFeedItemApp","appId","assetId","appComponentKey","appComponentCategory","requiresSubscription","assetDashboards","graphType","internalSelectors","propTypes","shape","number","isRequired","measured_depth","tvd_change","vertical_section","func","view","string"],"mappings":"woCAYA,IAAMA,EAAmB,SAmBnBC,GAAA,IAAAC,EAAAD,EAlBJE,SACEC,IAAAA,GACAC,IAAAA,KAAIC,EACJC,EAAAA,QACEC,UAASC,EAAAH,EACPI,KAAkCC,IAA1BC,yBAA+CC,IAAhBC,eACvCC,IAAAA,UAINC,IAAAA,qBACAC,IAAAA,wBACAC,IAAAA,WACAC,IAAAA,iBACAC,IAAAA,aACAC,IAAAA,eACAC,IAAAA,YACAC,IAAAA,QAMMC,EAAgBC,EAAcC,KAAI,SAAAC,GAAG,OAAAC,EAAAA,EAAA,CAAA,EACtCD,GAAG,CAAA,EAAA,CACNE,YAAWC,GAAyB,CAAA,EAAA,CAAEC,6BAA6B,KAAM,IAe3E,OAZAC,GAAU,WASJ3B,GAAQU,GAPVC,EAAqBZ,EAAIoB,EAAenB,EAAKD,GAAI,CAAE6B,+BAAyBlB,EAAS,MAQxF,GAAE,IAEEV,EAGH6B,EAAAC,EAAA,CAAAC,SACE,CAAAF,EAAA,MAAA,CAAKG,UAAWC,EAAOC,qBAAqBH,SAAA,CAC1CI,EAACC,EAAsB,CAAC9B,IAAKA,IAC5BE,GAAiB2B,EAACE,EAAa,CAAC7B,cAAeA,OAElD2B,EAACG,EAAW,CACVC,MAAOvC,EACPwC,sBAAuBP,EAAOQ,oBAC9BC,MAAO3C,EACP4C,QAAS3C,EAAKD,GACd6C,gBAAgB,uBAChBC,qBAAqB,cACrB1B,cAAeA,EACf2B,sBAAsB,EACtBjC,WAAYA,EACZkC,gBAAiB,GACjBC,UAAW,EACXC,kBAAmB,CACjBnC,iBAAAA,EACAC,aAAAA,EACAC,eAAAA,GAEFC,YAAaA,EACbC,QAASA,EACTP,qBAAsBA,EACtBC,wBAAyBA,IAE3BuB,EAACG,EAAW,CACVC,MAAOvC,EACPwC,sBAAuBP,EAAOQ,oBAC9BC,MAAO3C,EACP4C,QAAS3C,EAAKD,GACd6C,gBAAgB,uBAChBC,qBAAqB,cACrB1B,cAAeA,EACf2B,sBAAsB,EACtBjC,WAAYA,EACZkC,gBAAiB,GACjBC,UAAW,EACXC,kBAAmB,CACjBnC,iBAAAA,EACAC,aAAAA,EACAC,eAAAA,GAEFC,YAAaA,EACbC,QAASA,EACTP,qBAAsBA,EACtBC,wBAAyBA,OAlDb,iBAsDpB,EAEAjB,EAAiBuD,UAAY,CAC3BpD,SAAUqD,EAAM,CACdpD,GAAIqD,EACJlD,QAASiD,EAAM,CACbhD,UAAWgD,EAAM,CACfzC,UAAW0C,EAAOC,WAClBhD,KAAM8C,EAAM,CACV5C,yBAA0B6C,EAC1B3C,eAAgB0C,EAAM,CACpBG,eAAgBF,EAChBG,WAAYH,EACZI,iBAAkBJ,QAGrBC,aACFA,WACHrD,KAAMmD,EAAM,CACVpD,GAAIqD,EAAOC,aACVA,aACFA,WAEH1C,qBAAsB8C,EAAKJ,WAC3BzC,wBAAyB6C,EAAKJ,WAC9BxC,WAAYsC,EAAM,CAChBO,KAAMC,EAAON,aACZA,WACHnC,QAASiC,IAAQE,WACjBpC,YAAakC,IAAQE,WACrBvC,iBAAkB2C,EAAKJ,WACvBtC,aAAc0C,EAAKJ,WACnBrC,eAAgByC,EAAKJ"}

package/components/FilesLoaderV2/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../../utils/index.js";import{formatFileSize as o}from"../../utils/formatFileSize.js";var i=function(i,t){return void 0!==i&&i>=0&&void 0!==t&&t>=0?"".concat(o(t)," of ").concat(o(i)):null};export{i as formatSizeProgress};
+import"../UserMention/utils/index.js";import"@babel/runtime/helpers/defineProperty";import"../../utils/convert.js";import"../../constants/completion.js";import"moment";import"../../constants/alerts.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../utils/casing/validation.js";import"@babel/runtime/helpers/slicedToArray";import"lodash/mean";import"lodash";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../clients/jsonApi/index.js";import{formatFileSize as t}from"../../utils/formatFileSize.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";var s=function(s,o){return void 0!==s&&s>=0&&void 0!==o&&o>=0?"".concat(t(o)," of ").concat(t(s)):null};export{s as formatSizeProgress};
 //# sourceMappingURL=utils.js.map

package/components/FilesLoaderV2/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../src/components/FilesLoaderV2/utils.ts"],"sourcesContent":["import { formatFileSize } from '~/utils';\n\nexport const formatSizeProgress = (total?: number, current?: number) => {\n if (total !== undefined && total >= 0 && current !== undefined && current >= 0) {\n return `${formatFileSize(current)!} of ${formatFileSize(total)!}`;\n }\n\n return null;\n};\n"],"names":["formatSizeProgress","total","current","undefined","formatFileSize"],"mappings":"~~4FAEO~~,IAAMA,EAAqB,SAACC,EAAgBC,GACjD,YAAcC,IAAVF,GAAuBA,GAAS,QAAiBE,IAAZD,GAAyBA,GAAW,EACjEE,GAAAA,OAAAA,EAAeF,kBAAgBE,EAAeH,IAGnD,IACT"}
1	+ {"version":3,"file":"utils.js","sources":["../../../src/components/FilesLoaderV2/utils.ts"],"sourcesContent":["import { formatFileSize } from '~/utils';\n\nexport const formatSizeProgress = (total?: number, current?: number) => {\n if (total !== undefined && total >= 0 && current !== undefined && current >= 0) {\n return `${formatFileSize(current)!} of ${formatFileSize(total)!}`;\n }\n\n return null;\n};\n"],"names":["formatSizeProgress","total","current","undefined","formatFileSize"],"mappings":"41DAEO,IAAMA,EAAqB,SAACC,EAAgBC,GACjD,YAAcC,IAAVF,GAAuBA,GAAS,QAAiBE,IAAZD,GAAyBA,GAAW,EACjEE,GAAAA,OAAAA,EAAeF,kBAAgBE,EAAeH,IAGnD,IACT"}

package/components/GradientManager/GradientManager.js CHANGED Viewed

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

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

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

package/components/GradientManager/GradientSelect.js CHANGED Viewed

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

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

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

package/components/InfiniteList/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/index.js"],"names":[],"mappings":"AAkCA,sFAAsF;AACtF,iBAAS,YAAY,CAAC,EACpB,iBAAwB,EACxB,SAAiB,EACjB,eAAsB,EACtB,KAAK,EACL,gBAAgB,EAChB,iBAAiB,EACjB,uBAA8B,EAC9B,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,SAAS,EACT,SAAgB,EAChB,WAAkB,EAClB,eAAsB,GACvB,EAhBW,GAgBX,+~~BA8HA~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/index.js"],"names":[],"mappings":"AAkCA,sFAAsF;AACtF,iBAAS,YAAY,CAAC,EACpB,iBAAwB,EACxB,SAAiB,EACjB,eAAsB,EACtB,KAAK,EACL,gBAAgB,EAChB,iBAAiB,EACjB,uBAA8B,EAC9B,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,SAAS,EACT,SAAgB,EAChB,WAAkB,EAClB,eAAsB,GACvB,EAhBW,GAgBX,+BA6HA"}