npm - @corva/ui - Versions diffs - 3.73.0-7 → 3.73.0-8 - Mend

@corva/ui 3.73.0-7 → 3.73.0-8

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

package/cjs-bundle/components/WellSummary/ActivitySummaryChart.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),i=require("prop-types"),r=require("react"),a=require("classnames"),n=require("@material-ui/core"),o=require("lodash"),l=require("./utils.js"),s=require("../Typography.js"),c=require("react/jsx-runtime");function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var d=u(t),p=u(e),h=u(i),f=u(a),g=n.makeStyles((function(t){return{root:{width:"228px",height:"228px",borderRadius:"50%",padding:"6px",position:"relative",background:"url(".concat("/static/media/9bda514bfc837939d0b6f7d8dbe94d03.svg",")"),backgroundRepeat:"no-repeat"},backgroundRoot:{width:"100%",height:"100%",borderRadius:"50%",border:"2px solid #616161",padding:"2px",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",background:"url(".concat("/static/media/49092309a3fda5ecf77311bd794ac103.svg",")")},emptyStateBackground:{background:"radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)"},dropShadowRoot:{width:"100%",height:"100%",borderRadius:"50%",filter:"blur(36px)",border:"2px solid #64B5F6",display:"flex",alignItems:"center",justifyContent:"center"},content:function(t){return{position:"absolute",width:"100%",height:"100%",display:"flex",alignItems:"center",flexDirection:"column",left:0,top:t.activitiesLength?40:57}},lastActivityRoot:{width:"90px",height:"90px",background:"#3B3B3B",boxShadow:"0px 2px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.05)",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"8px 0"},activityDuration:{marginTop:"9px",color:t.palette.primary.text1,fontSize:"36px",lineHeight:"24px",fontWeight:300,letterSpacing:"0.4px"},durationUnit:{fontSize:"12px",lineHeight:"24px",fontWeight:500,letterSpacing:"0.4px"},activityTimeRange:{fontSize:"10px",textTransform:"uppercase",color:"#9E9E9E",lineHeight:"24px",fontWeight:500,letterSpacing:"1px"},activityName:{width:"106px",textAlign:"center",fontSize:"12px",lineHeight:"14px",fontWeight:500,letterSpacing:"0.4px",color:t.palette.primary.text1},noOperationsRoot:{width:90,height:90},noOperationsText:{marginTop:24,color:"#9E9E9E"},chart:{position:"absolute",left:2,top:2,width:"100%",height:"100%",padding:"12px"},canvas:{width:"100%",height:"100%"},activities:{position:"absolute",left:12,top:12}}}));function x(t){var e=t.title,i=t.currentActivityName,a=t.activities,u=t.showTooltip,h=g({activitiesLength:a.length}),x=r.useRef(null),m=r.useRef([]),v=r.useState(null),y=p.default(v,2),b=y[0],j=y[1],w=r.useMemo((function(){return a.filter((function(t){return t.duration}))}),[a]),R=r.useMemo((function(){return o.sumBy(a,"duration")}),[a]),N=r.useMemo((function(){return null===b?a.find((function(t){return t.name===i})):w[b]}),[a,i,w,b]),S=function(t){var e=!1;m.current.forEach((function(i,r){var a=i.current;if(a&&!e){var n=a.getContext("2d");(e=n.isPointInPath(t.offsetX,t.offsetY))&&j(r)}})),e||j(null)},T=function(){j(null)};return r.useEffect((function(){var t=x.current,e=t.getContext("2d");t.width=200,t.height=200,t.style.width="".concat(200,"px"),t.style.height="".concat(200,"px");var a=w.length;m.current.length!==a&&(m.current=Array(a).fill().map((function(t,e){return m.current[e]||r.createRef()})));var n=0;w.forEach((function(t,r){var a=n,o=a+t.duration/R*Math.PI*2;(null===b&&t.name===i||r===b)&&l.drawRadicalGradient(e,100,100,100,a,o);var s=m.current[r].current;if(s){s.width=200,s.height=200,s.style.width="".concat(200,"px"),s.style.height="".concat(200,"px"),u&&(s.onmousemove=S,s.onmouseleave=T);var c=s.getContext("2d");l.drawDonutSlice(c,100,100,100,a,o,t.color||"#000000",!0)}else l.drawDonutSlice(e,100,100,100,a,o,t.color||"#000000",!0);n=o}))})),c.jsxs("div",{className:h.root,children:[c.jsx("div",{className:f.default(h.backgroundRoot,d.default({},h.emptyStateBackground,!a.length)),children:c.jsx("div",{className:h.dropShadowRoot})}),c.jsxs("div",{className:h.content,children:[c.jsx(n.Typography,{className:h.activityTimeRange,children:e}),a.length?c.jsxs(c.Fragment,{children:[c.jsx("div",{className:h.lastActivityRoot,children:N&&N.duration?c.jsxs(n.Typography,{className:h.activityDuration,children:[(N.duration/3600).toFixed(1),c.jsx("span",{className:h.durationUnit,children:" h"})]}):null}),c.jsx(n.Typography,{className:h.activityName,children:o.upperFirst((null==N?void 0:N.name)||"")})]}):c.jsx("div",{className:h.noOperationsRoot,children:c.jsx(s.Regular14,{className:h.noOperationsText,children:"No operations"})})]}),c.jsx(n.Tooltip,{title:null!==b?"".concat(w[b].name,": ").concat((w[b].duration/3600).toFixed(3),"h"):"",placement:"bottom",children:c.jsxs("div",{className:h.chart,children:[c.jsx("canvas",{ref:x,className:h.canvas}),w.map((function(t,e){return c.jsx("canvas",{ref:m.current[e],className:h.activities},e)}))]})})]})}x.propTypes={title:h.default.string,activities:h.default.arrayOf(h.default.shape({name:h.default.string,day:h.default.number,night:h.default.number})).isRequired,currentActivityName:h.default.string.isRequired,showTooltip:h.default.bool},x.defaultProps={title:"Last 24hrs",showTooltip:!1},module.exports=x;
+"use strict";var t=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),i=require("prop-types"),r=require("react"),a=require("classnames"),n=require("@material-ui/core"),o=require("lodash"),c=require("./utils.js"),s=require("../Typography.js"),l=require("react/jsx-runtime");function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var d=u(t),p=u(e),h=u(i),f=u(a),g=n.makeStyles((function(t){return{root:{width:"228px",height:"228px",borderRadius:"50%",padding:"6px",position:"relative",background:"url(".concat("/static/media/9bda514bfc837939d0b6f7d8dbe94d03.svg",")"),backgroundRepeat:"no-repeat"},backgroundRoot:{width:"100%",height:"100%",borderRadius:"50%",border:"2px solid #616161",padding:"2px",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",background:"url(".concat("/static/media/49092309a3fda5ecf77311bd794ac103.svg",")")},emptyStateBackground:{background:"radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)"},dropShadowRoot:{width:"100%",height:"100%",borderRadius:"50%",filter:"blur(36px)",border:"2px solid #64B5F6",display:"flex",alignItems:"center",justifyContent:"center"},content:function(t){return{position:"absolute",width:"100%",height:"100%",display:"flex",alignItems:"center",flexDirection:"column",left:0,top:t.activitiesLength?40:57}},lastActivityRoot:{width:"90px",height:"90px",background:"#3B3B3B",boxShadow:"0px 2px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.05)",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"8px 0"},activityDuration:{marginTop:"9px",color:t.palette.primary.text1,fontSize:"36px",lineHeight:"24px",fontWeight:300,letterSpacing:"0.4px"},durationUnit:{fontSize:"12px",lineHeight:"24px",fontWeight:500,letterSpacing:"0.4px"},activityTimeRange:{fontSize:"10px",textTransform:"uppercase",color:"#9E9E9E",lineHeight:"24px",fontWeight:500,letterSpacing:"1px"},activityName:{width:"106px",textAlign:"center",fontSize:"12px",lineHeight:"14px",fontWeight:500,letterSpacing:"0.4px",color:t.palette.primary.text1},noOperationsRoot:{width:90,height:90},noOperationsText:{marginTop:24,color:"#9E9E9E"},chart:{position:"absolute",left:2,top:2,width:"100%",height:"100%",padding:"12px"},canvas:{width:"100%",height:"100%"},activities:{position:"absolute",left:12,top:12}}}));function x(t){var e=t.title,i=void 0===e?"Last 24hrs":e,a=t.currentActivityName,u=t.activities,h=t.showTooltip,x=void 0!==h&&h,m=g({activitiesLength:u.length}),v=r.useRef(null),y=r.useRef([]),b=r.useState(null),j=p.default(b,2),w=j[0],R=j[1],N=r.useMemo((function(){return u.filter((function(t){return t.duration}))}),[u]),S=r.useMemo((function(){return o.sumBy(u,"duration")}),[u]),T=r.useMemo((function(){return null===w?u.find((function(t){return t.name===a})):N[w]}),[u,a,N,w]),q=function(t){var e=!1;y.current.forEach((function(i,r){var a=i.current;if(a&&!e){var n=a.getContext("2d");(e=n.isPointInPath(t.offsetX,t.offsetY))&&R(r)}})),e||R(null)},k=function(){R(null)};return r.useEffect((function(){var t=v.current,e=t.getContext("2d");t.width=200,t.height=200,t.style.width="".concat(200,"px"),t.style.height="".concat(200,"px");var i=N.length;y.current.length!==i&&(y.current=Array(i).fill().map((function(t,e){return y.current[e]||r.createRef()})));var n=0;N.forEach((function(t,i){var r=n,o=r+t.duration/S*Math.PI*2;(null===w&&t.name===a||i===w)&&c.drawRadicalGradient(e,100,100,100,r,o);var s=y.current[i].current;if(s){s.width=200,s.height=200,s.style.width="".concat(200,"px"),s.style.height="".concat(200,"px"),x&&(s.onmousemove=q,s.onmouseleave=k);var l=s.getContext("2d");c.drawDonutSlice(l,100,100,100,r,o,t.color||"#000000",!0)}else c.drawDonutSlice(e,100,100,100,r,o,t.color||"#000000",!0);n=o}))})),l.jsxs("div",{className:m.root,children:[l.jsx("div",{className:f.default(m.backgroundRoot,d.default({},m.emptyStateBackground,!u.length)),children:l.jsx("div",{className:m.dropShadowRoot})}),l.jsxs("div",{className:m.content,children:[l.jsx(n.Typography,{className:m.activityTimeRange,children:i}),u.length?l.jsxs(l.Fragment,{children:[l.jsx("div",{className:m.lastActivityRoot,children:T&&T.duration?l.jsxs(n.Typography,{className:m.activityDuration,children:[(T.duration/3600).toFixed(1),l.jsx("span",{className:m.durationUnit,children:" h"})]}):null}),l.jsx(n.Typography,{className:m.activityName,children:o.upperFirst((null==T?void 0:T.name)||"")})]}):l.jsx("div",{className:m.noOperationsRoot,children:l.jsx(s.Regular14,{className:m.noOperationsText,children:"No operations"})})]}),l.jsx(n.Tooltip,{title:null!==w?"".concat(N[w].name,": ").concat((N[w].duration/3600).toFixed(3),"h"):"",placement:"bottom",children:l.jsxs("div",{className:m.chart,children:[l.jsx("canvas",{ref:v,className:m.canvas}),N.map((function(t,e){return l.jsx("canvas",{ref:y.current[e],className:m.activities},e)}))]})})]})}x.propTypes={title:h.default.string,activities:h.default.arrayOf(h.default.shape({name:h.default.string,day:h.default.number,night:h.default.number})).isRequired,currentActivityName:h.default.string.isRequired,showTooltip:h.default.bool},module.exports=x;
 //# sourceMappingURL=ActivitySummaryChart.js.map

package/cjs-bundle/components/WellSummary/ActivitySummaryChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivitySummaryChart.js","sources":["../../../../src/components/WellSummary/ActivitySummaryChart.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useMemo, useRef, createRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Typography, Tooltip } from '@material-ui/core';\nimport { sumBy, upperFirst } from 'lodash';\n\nimport { drawDonutSlice, drawRadicalGradient } from './utils';\nimport CircleGradientIcon from './assets/circle_gradient.svg';\nimport CircleGlowIcon from './assets/circle_glow.svg';\n\nimport { Regular14 } from '~/components/Typography';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: '228px',\n height: '228px',\n borderRadius: '50%',\n padding: '6px',\n position: 'relative',\n background: `url(${CircleGradientIcon})`,\n backgroundRepeat: 'no-repeat',\n },\n backgroundRoot: {\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n border: '2px solid #616161',\n padding: '2px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n overflow: 'hidden',\n background: `url(${CircleGlowIcon})`,\n },\n emptyStateBackground: {\n background:\n 'radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)',\n },\n dropShadowRoot: {\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n filter: 'blur(36px)',\n border: '2px solid #64B5F6',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n content: ({ activitiesLength }) => ({\n position: 'absolute',\n width: '100%',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n flexDirection: 'column',\n left: 0,\n top: activitiesLength ? 40 : 57,\n }),\n lastActivityRoot: {\n width: '90px',\n height: '90px',\n background: '#3B3B3B',\n boxShadow: '0px 2px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.05)',\n borderRadius: '50%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n margin: '8px 0',\n },\n activityDuration: {\n marginTop: '9px',\n color: theme.palette.primary.text1,\n fontSize: '36px',\n lineHeight: '24px',\n fontWeight: 300,\n letterSpacing: '0.4px',\n },\n durationUnit: {\n fontSize: '12px',\n lineHeight: '24px',\n fontWeight: 500,\n letterSpacing: '0.4px',\n },\n activityTimeRange: {\n fontSize: '10px',\n textTransform: 'uppercase',\n color: '#9E9E9E',\n lineHeight: '24px',\n fontWeight: 500,\n letterSpacing: '1px',\n },\n activityName: {\n width: '106px',\n textAlign: 'center',\n fontSize: '12px',\n lineHeight: '14px',\n fontWeight: 500,\n letterSpacing: '0.4px',\n color: theme.palette.primary.text1,\n },\n noOperationsRoot: {\n width: 90,\n height: 90,\n },\n noOperationsText: {\n marginTop: 24,\n color: '#9E9E9E',\n },\n chart: {\n position: 'absolute',\n left: 2,\n top: 2,\n width: '100%',\n height: '100%',\n padding: '12px',\n },\n canvas: {\n width: '100%',\n height: '100%',\n },\n activities: {\n position: 'absolute',\n left: 12,\n top: 12,\n },\n}));\n\nconst CANVAS_WH = 200;\n\nfunction ActivitySummaryChart({ title, currentActivityName, activities, showTooltip }) {\n const classes = useStyles({ activitiesLength: activities.length });\n const canvasRef = useRef(null);\n const activitiesRef = useRef([]);\n const [tooltipId, setTooltipId] = useState(null);\n const availableActivities = useMemo(() => {\n return activities.filter(activity => activity.duration);\n }, [activities]);\n\n const totalTime = useMemo(() => sumBy(activities, 'duration'), [activities]);\n const currentActivity = useMemo(() => {\n return tooltipId === null\n ? activities.find(item => item.name === currentActivityName)\n : availableActivities[tooltipId];\n }, [activities, currentActivityName, availableActivities, tooltipId]);\n\n const handleMouseMove = e => {\n let innerPoint = false;\n activitiesRef.current.forEach((ref, index) => {\n const activityRef = ref.current;\n if (!activityRef) return;\n if (innerPoint) return;\n const activityContext = activityRef.getContext('2d');\n\n innerPoint = activityContext.isPointInPath(e.offsetX, e.offsetY);\n if (innerPoint) setTooltipId(index);\n });\n if (!innerPoint) setTooltipId(null);\n };\n\n const handleMouseLeave = () => {\n setTooltipId(null);\n };\n\n useEffect(() => {\n const canvas = canvasRef.current;\n const context = canvas.getContext('2d');\n\n canvas.width = CANVAS_WH;\n canvas.height = CANVAS_WH;\n canvas.style.width = `${CANVAS_WH}px`;\n canvas.style.height = `${CANVAS_WH}px`;\n\n const radius = CANVAS_WH / 2;\n const centerX = CANVAS_WH / 2;\n const centerY = CANVAS_WH / 2;\n\n const activitiesLength = availableActivities.length;\n if (activitiesRef.current.length !== activitiesLength) {\n // add or remove refs\n activitiesRef.current = Array(activitiesLength)\n .fill()\n .map((_, i) => activitiesRef.current[i] \|\| createRef());\n }\n\n let prevEndAngle = 0;\n availableActivities.forEach((activity, index) => {\n const startAngle = prevEndAngle;\n const endAngle = startAngle + (activity.duration / totalTime) * Math.PI * 2;\n if ((tooltipId === null && activity.name === currentActivityName) \|\| index === tooltipId) {\n drawRadicalGradient(context, centerX, centerY, radius, startAngle, endAngle);\n }\n const activityRef = activitiesRef.current[index].current;\n if (activityRef) {\n activityRef.width = CANVAS_WH;\n activityRef.height = CANVAS_WH;\n activityRef.style.width = `${CANVAS_WH}px`;\n activityRef.style.height = `${CANVAS_WH}px`;\n if (showTooltip) {\n activityRef.onmousemove = handleMouseMove;\n activityRef.onmouseleave = handleMouseLeave;\n }\n const activityContext = activityRef.getContext('2d');\n\n drawDonutSlice(\n activityContext,\n centerX,\n centerY,\n radius,\n startAngle,\n endAngle,\n activity.color \|\| '#000000',\n true\n );\n } else\n drawDonutSlice(\n context,\n centerX,\n centerY,\n radius,\n startAngle,\n endAngle,\n activity.color \|\| '#000000',\n true\n );\n\n prevEndAngle = endAngle;\n });\n });\n\n return (\n <div className={classes.root}>\n <div\n className={classNames(classes.backgroundRoot, {\n [classes.emptyStateBackground]: !activities.length,\n })}\n >\n <div className={classes.dropShadowRoot} />\n </div>\n\n <div className={classes.content}>\n <Typography className={classes.activityTimeRange}>{title}</Typography>\n {activities.length ? (\n <>\n <div className={classes.lastActivityRoot}>\n {currentActivity && currentActivity.duration ? (\n <Typography className={classes.activityDuration}>\n {(currentActivity.duration / 3600).toFixed(1)}\n <span className={classes.durationUnit}>{' h'}</span>\n </Typography>\n ) : null}\n </div>\n <Typography className={classes.activityName}>\n {upperFirst(currentActivity?.name \|\| '')}\n </Typography>\n </>\n ) : (\n <div className={classes.noOperationsRoot}>\n <Regular14 className={classes.noOperationsText}>No operations</Regular14>\n </div>\n )}\n </div>\n\n <Tooltip\n title={\n tooltipId !== null\n ? `${availableActivities[tooltipId].name}: ${(\n availableActivities[tooltipId].duration / 3600\n ).toFixed(3)}h`\n : ''\n }\n placement=\"bottom\"\n >\n <div className={classes.chart}>\n <canvas ref={canvasRef} className={classes.canvas} />\n {availableActivities.map((activity, index) => (\n <canvas\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n ref={activitiesRef.current[index]}\n className={classes.activities}\n />\n ))}\n </div>\n </Tooltip>\n </div>\n );\n}\n\nActivitySummaryChart.propTypes = {\n title: PropTypes.string,\n activities: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string,\n day: PropTypes.number,\n night: PropTypes.number,\n })\n ).isRequired,\n currentActivityName: PropTypes.string.isRequired,\n showTooltip: PropTypes.bool,\n};\n\nActivitySummaryChart.defaultProps = {\n title: 'Last 24hrs',\n showTooltip: false,\n};\n\nexport default ActivitySummaryChart;\n"],"names":["useStyles","makeStyles","theme","root","width","height","borderRadius","padding","position","background","concat","backgroundRepeat","backgroundRoot","border","display","alignItems","justifyContent","overflow","emptyStateBackground","dropShadowRoot","filter","content","_ref","flexDirection","left","top","activitiesLength","lastActivityRoot","boxShadow","margin","activityDuration","marginTop","color","palette","primary","text1","fontSize","lineHeight","fontWeight","letterSpacing","durationUnit","activityTimeRange","textTransform","activityName","textAlign","noOperationsRoot","noOperationsText","chart","canvas","activities","ActivitySummaryChart","_ref2","title","currentActivityName","showTooltip","classes","length","canvasRef","useRef","activitiesRef","useState","_useState2","_slicedToArray","_useState","tooltipId","setTooltipId","availableActivities","useMemo","activity","duration","totalTime","sumBy","currentActivity","find","item","name","handleMouseMove","e","innerPoint","current","forEach","ref","index","activityRef","activityContext","getContext","isPointInPath","offsetX","offsetY","handleMouseLeave","useEffect","context","style","Array","fill","map","_","i","createRef","prevEndAngle","startAngle","endAngle","Math","PI","drawRadicalGradient","CANVAS_WH","onmousemove","onmouseleave","drawDonutSlice","_jsxs","className","children","_jsx","jsx","classNames","_defineProperty","jsxs","Typography","_Fragment","toFixed","upperFirst","Regular14","Tooltip","placement","propTypes","PropTypes","string","arrayOf","shape","day","number","night","isRequired","bool","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"ActivitySummaryChart.js","sources":["../../../../src/components/WellSummary/ActivitySummaryChart.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useMemo, useRef, createRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Typography, Tooltip } from '@material-ui/core';\nimport { sumBy, upperFirst } from 'lodash';\n\nimport { drawDonutSlice, drawRadicalGradient } from './utils';\nimport CircleGradientIcon from './assets/circle_gradient.svg';\nimport CircleGlowIcon from './assets/circle_glow.svg';\n\nimport { Regular14 } from '~/components/Typography';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: '228px',\n height: '228px',\n borderRadius: '50%',\n padding: '6px',\n position: 'relative',\n background: `url(${CircleGradientIcon})`,\n backgroundRepeat: 'no-repeat',\n },\n backgroundRoot: {\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n border: '2px solid #616161',\n padding: '2px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n overflow: 'hidden',\n background: `url(${CircleGlowIcon})`,\n },\n emptyStateBackground: {\n background:\n 'radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)',\n },\n dropShadowRoot: {\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n filter: 'blur(36px)',\n border: '2px solid #64B5F6',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n content: ({ activitiesLength }) => ({\n position: 'absolute',\n width: '100%',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n flexDirection: 'column',\n left: 0,\n top: activitiesLength ? 40 : 57,\n }),\n lastActivityRoot: {\n width: '90px',\n height: '90px',\n background: '#3B3B3B',\n boxShadow: '0px 2px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.05)',\n borderRadius: '50%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n margin: '8px 0',\n },\n activityDuration: {\n marginTop: '9px',\n color: theme.palette.primary.text1,\n fontSize: '36px',\n lineHeight: '24px',\n fontWeight: 300,\n letterSpacing: '0.4px',\n },\n durationUnit: {\n fontSize: '12px',\n lineHeight: '24px',\n fontWeight: 500,\n letterSpacing: '0.4px',\n },\n activityTimeRange: {\n fontSize: '10px',\n textTransform: 'uppercase',\n color: '#9E9E9E',\n lineHeight: '24px',\n fontWeight: 500,\n letterSpacing: '1px',\n },\n activityName: {\n width: '106px',\n textAlign: 'center',\n fontSize: '12px',\n lineHeight: '14px',\n fontWeight: 500,\n letterSpacing: '0.4px',\n color: theme.palette.primary.text1,\n },\n noOperationsRoot: {\n width: 90,\n height: 90,\n },\n noOperationsText: {\n marginTop: 24,\n color: '#9E9E9E',\n },\n chart: {\n position: 'absolute',\n left: 2,\n top: 2,\n width: '100%',\n height: '100%',\n padding: '12px',\n },\n canvas: {\n width: '100%',\n height: '100%',\n },\n activities: {\n position: 'absolute',\n left: 12,\n top: 12,\n },\n}));\n\nconst CANVAS_WH = 200;\n\nfunction ActivitySummaryChart({\n title = 'Last 24hrs',\n currentActivityName,\n activities,\n showTooltip = false,\n}) {\n const classes = useStyles({ activitiesLength: activities.length });\n const canvasRef = useRef(null);\n const activitiesRef = useRef([]);\n const [tooltipId, setTooltipId] = useState(null);\n const availableActivities = useMemo(() => {\n return activities.filter(activity => activity.duration);\n }, [activities]);\n\n const totalTime = useMemo(() => sumBy(activities, 'duration'), [activities]);\n const currentActivity = useMemo(() => {\n return tooltipId === null\n ? activities.find(item => item.name === currentActivityName)\n : availableActivities[tooltipId];\n }, [activities, currentActivityName, availableActivities, tooltipId]);\n\n const handleMouseMove = e => {\n let innerPoint = false;\n activitiesRef.current.forEach((ref, index) => {\n const activityRef = ref.current;\n if (!activityRef) return;\n if (innerPoint) return;\n const activityContext = activityRef.getContext('2d');\n\n innerPoint = activityContext.isPointInPath(e.offsetX, e.offsetY);\n if (innerPoint) setTooltipId(index);\n });\n if (!innerPoint) setTooltipId(null);\n };\n\n const handleMouseLeave = () => {\n setTooltipId(null);\n };\n\n useEffect(() => {\n const canvas = canvasRef.current;\n const context = canvas.getContext('2d');\n\n canvas.width = CANVAS_WH;\n canvas.height = CANVAS_WH;\n canvas.style.width = `${CANVAS_WH}px`;\n canvas.style.height = `${CANVAS_WH}px`;\n\n const radius = CANVAS_WH / 2;\n const centerX = CANVAS_WH / 2;\n const centerY = CANVAS_WH / 2;\n\n const activitiesLength = availableActivities.length;\n if (activitiesRef.current.length !== activitiesLength) {\n // add or remove refs\n activitiesRef.current = Array(activitiesLength)\n .fill()\n .map((_, i) => activitiesRef.current[i] \|\| createRef());\n }\n\n let prevEndAngle = 0;\n availableActivities.forEach((activity, index) => {\n const startAngle = prevEndAngle;\n const endAngle = startAngle + (activity.duration / totalTime) * Math.PI * 2;\n if ((tooltipId === null && activity.name === currentActivityName) \|\| index === tooltipId) {\n drawRadicalGradient(context, centerX, centerY, radius, startAngle, endAngle);\n }\n const activityRef = activitiesRef.current[index].current;\n if (activityRef) {\n activityRef.width = CANVAS_WH;\n activityRef.height = CANVAS_WH;\n activityRef.style.width = `${CANVAS_WH}px`;\n activityRef.style.height = `${CANVAS_WH}px`;\n if (showTooltip) {\n activityRef.onmousemove = handleMouseMove;\n activityRef.onmouseleave = handleMouseLeave;\n }\n const activityContext = activityRef.getContext('2d');\n\n drawDonutSlice(\n activityContext,\n centerX,\n centerY,\n radius,\n startAngle,\n endAngle,\n activity.color \|\| '#000000',\n true\n );\n } else\n drawDonutSlice(\n context,\n centerX,\n centerY,\n radius,\n startAngle,\n endAngle,\n activity.color \|\| '#000000',\n true\n );\n\n prevEndAngle = endAngle;\n });\n });\n\n return (\n <div className={classes.root}>\n <div\n className={classNames(classes.backgroundRoot, {\n [classes.emptyStateBackground]: !activities.length,\n })}\n >\n <div className={classes.dropShadowRoot} />\n </div>\n\n <div className={classes.content}>\n <Typography className={classes.activityTimeRange}>{title}</Typography>\n {activities.length ? (\n <>\n <div className={classes.lastActivityRoot}>\n {currentActivity && currentActivity.duration ? (\n <Typography className={classes.activityDuration}>\n {(currentActivity.duration / 3600).toFixed(1)}\n <span className={classes.durationUnit}>{' h'}</span>\n </Typography>\n ) : null}\n </div>\n <Typography className={classes.activityName}>\n {upperFirst(currentActivity?.name \|\| '')}\n </Typography>\n </>\n ) : (\n <div className={classes.noOperationsRoot}>\n <Regular14 className={classes.noOperationsText}>No operations</Regular14>\n </div>\n )}\n </div>\n\n <Tooltip\n title={\n tooltipId !== null\n ? `${availableActivities[tooltipId].name}: ${(\n availableActivities[tooltipId].duration / 3600\n ).toFixed(3)}h`\n : ''\n }\n placement=\"bottom\"\n >\n <div className={classes.chart}>\n <canvas ref={canvasRef} className={classes.canvas} />\n {availableActivities.map((activity, index) => (\n <canvas\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n ref={activitiesRef.current[index]}\n className={classes.activities}\n />\n ))}\n </div>\n </Tooltip>\n </div>\n );\n}\n\nActivitySummaryChart.propTypes = {\n title: PropTypes.string,\n activities: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string,\n day: PropTypes.number,\n night: PropTypes.number,\n })\n ).isRequired,\n currentActivityName: PropTypes.string.isRequired,\n showTooltip: PropTypes.bool,\n};\n\nexport default ActivitySummaryChart;\n"],"names":["useStyles","makeStyles","theme","root","width","height","borderRadius","padding","position","background","concat","backgroundRepeat","backgroundRoot","border","display","alignItems","justifyContent","overflow","emptyStateBackground","dropShadowRoot","filter","content","_ref","flexDirection","left","top","activitiesLength","lastActivityRoot","boxShadow","margin","activityDuration","marginTop","color","palette","primary","text1","fontSize","lineHeight","fontWeight","letterSpacing","durationUnit","activityTimeRange","textTransform","activityName","textAlign","noOperationsRoot","noOperationsText","chart","canvas","activities","ActivitySummaryChart","_ref2","_ref2$title","title","currentActivityName","_ref2$showTooltip","showTooltip","classes","length","canvasRef","useRef","activitiesRef","useState","_useState2","_slicedToArray","_useState","tooltipId","setTooltipId","availableActivities","useMemo","activity","duration","totalTime","sumBy","currentActivity","find","item","name","handleMouseMove","e","innerPoint","current","forEach","ref","index","activityRef","activityContext","getContext","isPointInPath","offsetX","offsetY","handleMouseLeave","useEffect","context","style","Array","fill","map","_","i","createRef","prevEndAngle","startAngle","endAngle","Math","PI","drawRadicalGradient","CANVAS_WH","onmousemove","onmouseleave","drawDonutSlice","_jsxs","className","children","_jsx","jsx","classNames","_defineProperty","jsxs","Typography","_Fragment","toFixed","upperFirst","Regular14","Tooltip","placement","propTypes","PropTypes","string","arrayOf","shape","day","number","night","isRequired","bool"],"mappings":"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"}

package/cjs-bundle/components/WellSummary/FracWirelineTimeChart.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),i=require("react"),a=require("classnames"),r=require("@material-ui/core"),n=require("./utils.js"),o=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e),d=s(t),c=s(a),p=r.makeStyles((function(e){return{root:{width:"228px",height:"228px",borderRadius:"50%",padding:"6px",position:"relative",background:"url(".concat("/static/media/9bda514bfc837939d0b6f7d8dbe94d03.svg",")"),backgroundRepeat:"no-repeat"},backgroundRoot:{width:"100%",height:"100%",borderRadius:"50%",border:"2px solid #616161",padding:"2px",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",background:"url(".concat("/static/media/49092309a3fda5ecf77311bd794ac103.svg",")")},emptyStateBackground:{background:"radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)"},dropShadowRoot:{width:"100%",height:"100%",borderRadius:"50%",filter:"blur(36px)",border:"2px solid #64B5F6",display:"flex",alignItems:"center",justifyContent:"center"},content:{position:"absolute",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",left:0,top:0},timeRange:{fontSize:"10px",textTransform:"uppercase",color:e.palette.primary.text7,lineHeight:"24px",fontWeight:500,letterSpacing:"1px",position:"absolute",top:36},time:{marginTop:42},timing:{fontFamily:"Roboto",fontSize:36,lineHeight:"24px",letterSpacing:.4,fontWeight:300,color:e.palette.background.b9},wirelineText:{color:"#FF9C00"},wirelineDot:{backgroundColor:"#FF9C00"},fracturingText:{color:"#8572FF"},fracturingDot:{backgroundColor:"#8572FF"},legend:{marginTop:24},legendItem:{fontFamily:"Roboto",fontSize:12,lineHeight:"14px",letterSpacing:.4,display:"flex",margin:"2px 0",alignItems:"center"},dot:{width:8,height:8,borderRadius:"100%",marginRight:9},chart:{position:"absolute",left:2,top:2,width:"100%",height:"100%",padding:"12px"},noData:{width:90,height:90},noDataText:{marginTop:24,color:"#9E9E9E",display:"flex",justifyContent:"center"},canvas:{width:"100%",height:"100%"},activities:{position:"absolute",left:12,top:12}}}));function u(e,t,i,a,r,o,s,l){var d=e.current;if(d){d.width=200,d.height=200,d.style.width="".concat(200,"px"),d.style.height="".concat(200,"px");var c=d.getContext("2d");n.drawDonutSlice(c,t,i,a,r,o,s,l)}}function g(e){var t=e.wirelineTime,a=e.fracturingTime,n=p(),s=i.useRef(null),d=i.useRef(null),g=i.useRef(null);return i.useEffect((function(){var e=s.current;e.width=200,e.height=200,e.style.width="".concat(200,"px"),e.style.height="".concat(200,"px");var i=60*t/86400*Math.PI*2,r=i+60*a/86400*Math.PI*2;u(d,100,100,100,0,i,"#FF9C00",!0),u(g,100,100,100,i,r,"#8572FF",!0)})),o.jsxs("div",{className:n.root,children:[o.jsx("div",{className:c.default(n.backgroundRoot,l.default({},n.emptyStateBackground,!t||!a)),children:o.jsx("div",{className:n.dropShadowRoot})}),o.jsxs("div",{className:n.content,children:[o.jsx(r.Typography,{className:n.timeRange,children:"Previous 24hrs"}),t&&a?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:n.time,children:[o.jsx(r.Typography,{className:c.default(n.timing,n.wirelineText),display:"inline",children:(t/60).toFixed(1)}),o.jsx(r.Typography,{className:n.timing,display:"inline",children:"/"}),o.jsx(r.Typography,{className:c.default(n.timing,n.fracturingText),display:"inline",children:(a/60).toFixed(1)}),o.jsx(r.Typography,{display:"inline",children:" h"})]}),o.jsxs("div",{className:n.legend,children:[o.jsxs(r.Typography,{className:n.legendItem,display:"inline",children:[o.jsx("div",{className:c.default(n.dot,n.wirelineDot)})," Wireline"]}),o.jsxs(r.Typography,{className:n.legendItem,display:"inline",children:[o.jsx("div",{className:c.default(n.dot,n.fracturingDot)}),"Fracturing"]})]})]}):o.jsx("div",{className:n.noData,children:o.jsx(r.Typography,{className:n.noDataText,children:"No Data"})})]}),o.jsxs("div",{className:n.chart,children:[o.jsx("canvas",{ref:s,className:n.canvas}),o.jsx("canvas",{ref:d,className:n.activities}),o.jsx("canvas",{ref:g,className:n.activities})]})]})}g.propTypes={wirelineTime:d.default.number,fracturingTime:d.default.number},g.defaultProps={wirelineTime:void 0,fracturingTime:void 0},module.exports=g;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),i=require("react"),a=require("classnames"),r=require("@material-ui/core"),n=require("./utils.js"),s=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e),d=o(t),c=o(a),p=r.makeStyles((function(e){return{root:{width:"228px",height:"228px",borderRadius:"50%",padding:"6px",position:"relative",background:"url(".concat("/static/media/9bda514bfc837939d0b6f7d8dbe94d03.svg",")"),backgroundRepeat:"no-repeat"},backgroundRoot:{width:"100%",height:"100%",borderRadius:"50%",border:"2px solid #616161",padding:"2px",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",background:"url(".concat("/static/media/49092309a3fda5ecf77311bd794ac103.svg",")")},emptyStateBackground:{background:"radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)"},dropShadowRoot:{width:"100%",height:"100%",borderRadius:"50%",filter:"blur(36px)",border:"2px solid #64B5F6",display:"flex",alignItems:"center",justifyContent:"center"},content:{position:"absolute",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",left:0,top:0},timeRange:{fontSize:"10px",textTransform:"uppercase",color:e.palette.primary.text7,lineHeight:"24px",fontWeight:500,letterSpacing:"1px",position:"absolute",top:36},time:{marginTop:42},timing:{fontFamily:"Roboto",fontSize:36,lineHeight:"24px",letterSpacing:.4,fontWeight:300,color:e.palette.background.b9},wirelineText:{color:"#FF9C00"},wirelineDot:{backgroundColor:"#FF9C00"},fracturingText:{color:"#8572FF"},fracturingDot:{backgroundColor:"#8572FF"},legend:{marginTop:24},legendItem:{fontFamily:"Roboto",fontSize:12,lineHeight:"14px",letterSpacing:.4,display:"flex",margin:"2px 0",alignItems:"center"},dot:{width:8,height:8,borderRadius:"100%",marginRight:9},chart:{position:"absolute",left:2,top:2,width:"100%",height:"100%",padding:"12px"},noData:{width:90,height:90},noDataText:{marginTop:24,color:"#9E9E9E",display:"flex",justifyContent:"center"},canvas:{width:"100%",height:"100%"},activities:{position:"absolute",left:12,top:12}}}));function u(e,t,i,a,r,s,o,l){var d=e.current;if(d){d.width=200,d.height=200,d.style.width="".concat(200,"px"),d.style.height="".concat(200,"px");var c=d.getContext("2d");n.drawDonutSlice(c,t,i,a,r,s,o,l)}}function g(e){var t=e.wirelineTime,a=e.fracturingTime,n=p(),o=i.useRef(null),d=i.useRef(null),g=i.useRef(null);return i.useEffect((function(){var e=o.current;e.width=200,e.height=200,e.style.width="".concat(200,"px"),e.style.height="".concat(200,"px");var i=60*t/86400*Math.PI*2,r=i+60*a/86400*Math.PI*2;u(d,100,100,100,0,i,"#FF9C00",!0),u(g,100,100,100,i,r,"#8572FF",!0)})),s.jsxs("div",{className:n.root,children:[s.jsx("div",{className:c.default(n.backgroundRoot,l.default({},n.emptyStateBackground,!t||!a)),children:s.jsx("div",{className:n.dropShadowRoot})}),s.jsxs("div",{className:n.content,children:[s.jsx(r.Typography,{className:n.timeRange,children:"Previous 24hrs"}),t&&a?s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:n.time,children:[s.jsx(r.Typography,{className:c.default(n.timing,n.wirelineText),display:"inline",children:(t/60).toFixed(1)}),s.jsx(r.Typography,{className:n.timing,display:"inline",children:"/"}),s.jsx(r.Typography,{className:c.default(n.timing,n.fracturingText),display:"inline",children:(a/60).toFixed(1)}),s.jsx(r.Typography,{display:"inline",children:" h"})]}),s.jsxs("div",{className:n.legend,children:[s.jsxs(r.Typography,{className:n.legendItem,display:"inline",children:[s.jsx("div",{className:c.default(n.dot,n.wirelineDot)})," Wireline"]}),s.jsxs(r.Typography,{className:n.legendItem,display:"inline",children:[s.jsx("div",{className:c.default(n.dot,n.fracturingDot)}),"Fracturing"]})]})]}):s.jsx("div",{className:n.noData,children:s.jsx(r.Typography,{className:n.noDataText,children:"No Data"})})]}),s.jsxs("div",{className:n.chart,children:[s.jsx("canvas",{ref:o,className:n.canvas}),s.jsx("canvas",{ref:d,className:n.activities}),s.jsx("canvas",{ref:g,className:n.activities})]})]})}g.propTypes={wirelineTime:d.default.number,fracturingTime:d.default.number},module.exports=g;
 //# sourceMappingURL=FracWirelineTimeChart.js.map

package/cjs-bundle/components/WellSummary/FracWirelineTimeChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FracWirelineTimeChart.js","sources":["../../../../src/components/WellSummary/FracWirelineTimeChart.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nimport CircleGradientIcon from './assets/circle_gradient.svg';\nimport CircleGlowIcon from './assets/circle_glow.svg';\nimport { drawDonutSlice } from './utils';\n\nconst WIRELINE_COLOR = '#FF9C00';\nconst FRACTURING_COLOR = '#8572FF';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: '228px',\n height: '228px',\n borderRadius: '50%',\n padding: '6px',\n position: 'relative',\n background: `url(${CircleGradientIcon})`,\n backgroundRepeat: 'no-repeat',\n },\n backgroundRoot: {\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n border: '2px solid #616161',\n padding: '2px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n overflow: 'hidden',\n background: `url(${CircleGlowIcon})`,\n },\n emptyStateBackground: {\n background:\n 'radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)',\n },\n dropShadowRoot: {\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n filter: 'blur(36px)',\n border: '2px solid #64B5F6',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n content: {\n position: 'absolute',\n width: '100%',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexDirection: 'column',\n left: 0,\n top: 0,\n },\n timeRange: {\n fontSize: '10px',\n textTransform: 'uppercase',\n color: theme.palette.primary.text7,\n lineHeight: '24px',\n fontWeight: 500,\n letterSpacing: '1px',\n position: 'absolute',\n top: 36,\n },\n time: { marginTop: 42 },\n timing: {\n fontFamily: 'Roboto',\n fontSize: 36,\n lineHeight: '24px',\n letterSpacing: 0.4,\n fontWeight: 300,\n color: theme.palette.background.b9,\n },\n wirelineText: { color: WIRELINE_COLOR },\n wirelineDot: { backgroundColor: WIRELINE_COLOR },\n fracturingText: { color: FRACTURING_COLOR },\n fracturingDot: { backgroundColor: FRACTURING_COLOR },\n legend: { marginTop: 24 },\n legendItem: {\n fontFamily: 'Roboto',\n fontSize: 12,\n lineHeight: '14px',\n letterSpacing: 0.4,\n display: 'flex',\n margin: '2px 0',\n alignItems: 'center',\n },\n dot: {\n width: 8,\n height: 8,\n borderRadius: '100%',\n marginRight: 9,\n },\n chart: {\n position: 'absolute',\n left: 2,\n top: 2,\n width: '100%',\n height: '100%',\n padding: '12px',\n },\n noData: {\n width: 90,\n height: 90,\n },\n noDataText: {\n marginTop: 24,\n color: '#9E9E9E',\n display: 'flex',\n justifyContent: 'center',\n },\n canvas: {\n width: '100%',\n height: '100%',\n },\n activities: {\n position: 'absolute',\n left: 12,\n top: 12,\n },\n}));\n\nconst CANVAS_WH = 200;\n\nconst HOURS_24 = 24 * 60 * 60;\n\nfunction drawActivity(activityRef, centerX, centerY, radius, startPos, endPos, color, isRounded) {\n const ref = activityRef.current;\n if (ref) {\n ref.width = CANVAS_WH;\n ref.height = CANVAS_WH;\n ref.style.width = `${CANVAS_WH}px`;\n ref.style.height = `${CANVAS_WH}px`;\n\n const activityContext = ref.getContext('2d');\n\n drawDonutSlice(activityContext, centerX, centerY, radius, startPos, endPos, color, isRounded);\n }\n}\n\nfunction FracWirelineTimeChart({ wirelineTime, fracturingTime }) {\n const classes = useStyles();\n const canvasRef = useRef(null);\n const wirelineRef = useRef(null);\n const fracingRef = useRef(null);\n\n const totalTime = HOURS_24;\n\n useEffect(() => {\n const canvas = canvasRef.current;\n\n canvas.width = CANVAS_WH;\n canvas.height = CANVAS_WH;\n canvas.style.width = `${CANVAS_WH}px`;\n canvas.style.height = `${CANVAS_WH}px`;\n\n const radius = CANVAS_WH / 2;\n const centerX = CANVAS_WH / 2;\n const centerY = CANVAS_WH / 2;\n\n const wirelineStartPos = ((wirelineTime * 60) / totalTime) * Math.PI * 2;\n const fracStartPos = wirelineStartPos + ((fracturingTime * 60) / totalTime) * Math.PI * 2;\n\n drawActivity(wirelineRef, centerX, centerY, radius, 0, wirelineStartPos, WIRELINE_COLOR, true);\n\n drawActivity(\n fracingRef,\n centerX,\n centerY,\n radius,\n wirelineStartPos,\n fracStartPos,\n FRACTURING_COLOR,\n true\n );\n });\n\n return (\n <div className={classes.root}>\n <div\n className={classnames(classes.backgroundRoot, {\n [classes.emptyStateBackground]: !wirelineTime \|\| !fracturingTime,\n })}\n >\n <div className={classes.dropShadowRoot} />\n </div>\n\n <div className={classes.content}>\n <Typography className={classes.timeRange}>Previous 24hrs</Typography>\n {wirelineTime && fracturingTime ? (\n <>\n <div className={classes.time}>\n <Typography\n className={classnames(classes.timing, classes.wirelineText)}\n display=\"inline\"\n >\n {(wirelineTime / 60).toFixed(1)}\n </Typography>\n <Typography className={classes.timing} display=\"inline\">\n /\n </Typography>\n <Typography\n className={classnames(classes.timing, classes.fracturingText)}\n display=\"inline\"\n >\n {(fracturingTime / 60).toFixed(1)}\n </Typography>\n <Typography display=\"inline\"> h</Typography>\n </div>\n <div className={classes.legend}>\n <Typography className={classes.legendItem} display=\"inline\">\n <div className={classnames(classes.dot, classes.wirelineDot)} /> Wireline\n </Typography>\n <Typography className={classes.legendItem} display=\"inline\">\n <div className={classnames(classes.dot, classes.fracturingDot)} />\n Fracturing\n </Typography>\n </div>\n </>\n ) : (\n <div className={classes.noData}>\n <Typography className={classes.noDataText}>No Data</Typography>\n </div>\n )}\n </div>\n\n <div className={classes.chart}>\n <canvas ref={canvasRef} className={classes.canvas} />\n <canvas ref={wirelineRef} className={classes.activities} />\n <canvas ref={fracingRef} className={classes.activities} />\n </div>\n </div>\n );\n}\n\nFracWirelineTimeChart.propTypes = {\n wirelineTime: PropTypes.number,\n fracturingTime: PropTypes.number,\n};\n\nFracWirelineTimeChart.defaultProps = {\n wirelineTime: undefined,\n fracturingTime: undefined,\n};\n\nexport default FracWirelineTimeChart;\n"],"names":["useStyles","makeStyles","theme","root","width","height","borderRadius","padding","position","background","concat","backgroundRepeat","backgroundRoot","border","display","alignItems","justifyContent","overflow","emptyStateBackground","dropShadowRoot","filter","content","flexDirection","left","top","timeRange","fontSize","textTransform","color","palette","primary","text7","lineHeight","fontWeight","letterSpacing","time","marginTop","timing","fontFamily","b9","wirelineText","wirelineDot","backgroundColor","fracturingText","fracturingDot","legend","legendItem","margin","dot","marginRight","chart","noData","noDataText","canvas","activities","drawActivity","activityRef","centerX","centerY","radius","startPos","endPos","isRounded","ref","current","style","activityContext","getContext","drawDonutSlice","FracWirelineTimeChart","_ref","wirelineTime","fracturingTime","classes","canvasRef","useRef","wirelineRef","fracingRef","useEffect","wirelineStartPos","Math","PI","fracStartPos","CANVAS_WH","_jsxs","className","children","_jsx","jsx","classnames","jsxs","Typography","_Fragment","toFixed","propTypes","PropTypes","number","defaultProps","undefined"],"mappings":"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"}
1	+ {"version":3,"file":"FracWirelineTimeChart.js","sources":["../../../../src/components/WellSummary/FracWirelineTimeChart.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nimport CircleGradientIcon from './assets/circle_gradient.svg';\nimport CircleGlowIcon from './assets/circle_glow.svg';\nimport { drawDonutSlice } from './utils';\n\nconst WIRELINE_COLOR = '#FF9C00';\nconst FRACTURING_COLOR = '#8572FF';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: '228px',\n height: '228px',\n borderRadius: '50%',\n padding: '6px',\n position: 'relative',\n background: `url(${CircleGradientIcon})`,\n backgroundRepeat: 'no-repeat',\n },\n backgroundRoot: {\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n border: '2px solid #616161',\n padding: '2px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n overflow: 'hidden',\n background: `url(${CircleGlowIcon})`,\n },\n emptyStateBackground: {\n background:\n 'radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)',\n },\n dropShadowRoot: {\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n filter: 'blur(36px)',\n border: '2px solid #64B5F6',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n content: {\n position: 'absolute',\n width: '100%',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexDirection: 'column',\n left: 0,\n top: 0,\n },\n timeRange: {\n fontSize: '10px',\n textTransform: 'uppercase',\n color: theme.palette.primary.text7,\n lineHeight: '24px',\n fontWeight: 500,\n letterSpacing: '1px',\n position: 'absolute',\n top: 36,\n },\n time: { marginTop: 42 },\n timing: {\n fontFamily: 'Roboto',\n fontSize: 36,\n lineHeight: '24px',\n letterSpacing: 0.4,\n fontWeight: 300,\n color: theme.palette.background.b9,\n },\n wirelineText: { color: WIRELINE_COLOR },\n wirelineDot: { backgroundColor: WIRELINE_COLOR },\n fracturingText: { color: FRACTURING_COLOR },\n fracturingDot: { backgroundColor: FRACTURING_COLOR },\n legend: { marginTop: 24 },\n legendItem: {\n fontFamily: 'Roboto',\n fontSize: 12,\n lineHeight: '14px',\n letterSpacing: 0.4,\n display: 'flex',\n margin: '2px 0',\n alignItems: 'center',\n },\n dot: {\n width: 8,\n height: 8,\n borderRadius: '100%',\n marginRight: 9,\n },\n chart: {\n position: 'absolute',\n left: 2,\n top: 2,\n width: '100%',\n height: '100%',\n padding: '12px',\n },\n noData: {\n width: 90,\n height: 90,\n },\n noDataText: {\n marginTop: 24,\n color: '#9E9E9E',\n display: 'flex',\n justifyContent: 'center',\n },\n canvas: {\n width: '100%',\n height: '100%',\n },\n activities: {\n position: 'absolute',\n left: 12,\n top: 12,\n },\n}));\n\nconst CANVAS_WH = 200;\n\nconst HOURS_24 = 24 * 60 * 60;\n\nfunction drawActivity(activityRef, centerX, centerY, radius, startPos, endPos, color, isRounded) {\n const ref = activityRef.current;\n if (ref) {\n ref.width = CANVAS_WH;\n ref.height = CANVAS_WH;\n ref.style.width = `${CANVAS_WH}px`;\n ref.style.height = `${CANVAS_WH}px`;\n\n const activityContext = ref.getContext('2d');\n\n drawDonutSlice(activityContext, centerX, centerY, radius, startPos, endPos, color, isRounded);\n }\n}\n\nfunction FracWirelineTimeChart({ wirelineTime, fracturingTime }) {\n const classes = useStyles();\n const canvasRef = useRef(null);\n const wirelineRef = useRef(null);\n const fracingRef = useRef(null);\n\n const totalTime = HOURS_24;\n\n useEffect(() => {\n const canvas = canvasRef.current;\n\n canvas.width = CANVAS_WH;\n canvas.height = CANVAS_WH;\n canvas.style.width = `${CANVAS_WH}px`;\n canvas.style.height = `${CANVAS_WH}px`;\n\n const radius = CANVAS_WH / 2;\n const centerX = CANVAS_WH / 2;\n const centerY = CANVAS_WH / 2;\n\n const wirelineStartPos = ((wirelineTime * 60) / totalTime) * Math.PI * 2;\n const fracStartPos = wirelineStartPos + ((fracturingTime * 60) / totalTime) * Math.PI * 2;\n\n drawActivity(wirelineRef, centerX, centerY, radius, 0, wirelineStartPos, WIRELINE_COLOR, true);\n\n drawActivity(\n fracingRef,\n centerX,\n centerY,\n radius,\n wirelineStartPos,\n fracStartPos,\n FRACTURING_COLOR,\n true\n );\n });\n\n return (\n <div className={classes.root}>\n <div\n className={classnames(classes.backgroundRoot, {\n [classes.emptyStateBackground]: !wirelineTime \|\| !fracturingTime,\n })}\n >\n <div className={classes.dropShadowRoot} />\n </div>\n\n <div className={classes.content}>\n <Typography className={classes.timeRange}>Previous 24hrs</Typography>\n {wirelineTime && fracturingTime ? (\n <>\n <div className={classes.time}>\n <Typography\n className={classnames(classes.timing, classes.wirelineText)}\n display=\"inline\"\n >\n {(wirelineTime / 60).toFixed(1)}\n </Typography>\n <Typography className={classes.timing} display=\"inline\">\n /\n </Typography>\n <Typography\n className={classnames(classes.timing, classes.fracturingText)}\n display=\"inline\"\n >\n {(fracturingTime / 60).toFixed(1)}\n </Typography>\n <Typography display=\"inline\"> h</Typography>\n </div>\n <div className={classes.legend}>\n <Typography className={classes.legendItem} display=\"inline\">\n <div className={classnames(classes.dot, classes.wirelineDot)} /> Wireline\n </Typography>\n <Typography className={classes.legendItem} display=\"inline\">\n <div className={classnames(classes.dot, classes.fracturingDot)} />\n Fracturing\n </Typography>\n </div>\n </>\n ) : (\n <div className={classes.noData}>\n <Typography className={classes.noDataText}>No Data</Typography>\n </div>\n )}\n </div>\n\n <div className={classes.chart}>\n <canvas ref={canvasRef} className={classes.canvas} />\n <canvas ref={wirelineRef} className={classes.activities} />\n <canvas ref={fracingRef} className={classes.activities} />\n </div>\n </div>\n );\n}\n\nFracWirelineTimeChart.propTypes = {\n wirelineTime: PropTypes.number,\n fracturingTime: PropTypes.number,\n};\n\nexport default FracWirelineTimeChart;\n"],"names":["useStyles","makeStyles","theme","root","width","height","borderRadius","padding","position","background","concat","backgroundRepeat","backgroundRoot","border","display","alignItems","justifyContent","overflow","emptyStateBackground","dropShadowRoot","filter","content","flexDirection","left","top","timeRange","fontSize","textTransform","color","palette","primary","text7","lineHeight","fontWeight","letterSpacing","time","marginTop","timing","fontFamily","b9","wirelineText","wirelineDot","backgroundColor","fracturingText","fracturingDot","legend","legendItem","margin","dot","marginRight","chart","noData","noDataText","canvas","activities","drawActivity","activityRef","centerX","centerY","radius","startPos","endPos","isRounded","ref","current","style","activityContext","getContext","drawDonutSlice","FracWirelineTimeChart","_ref","wirelineTime","fracturingTime","classes","canvasRef","useRef","wirelineRef","fracingRef","useEffect","wirelineStartPos","Math","PI","fracStartPos","CANVAS_WH","_jsxs","className","children","_jsx","jsx","classnames","jsxs","Typography","_Fragment","toFixed","propTypes","PropTypes","number"],"mappings":"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"}

package/cjs-bundle/components/WellSummary/WellSummaryItemLabel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),i=require("@material-ui/core"),r=require("classnames"),l=require("../../utils/mobileDetect.js"),a=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),s=o(t),d=o(r),u=i.makeStyles({labelRoot:{display:"flex",alignItems:"flex-start",height:function(e){return!e.isMobile&&16}},croppedRoot:{overflow:"hidden",marginRight:"10px","& $label":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},labelIcon:{width:16,height:16,minWidth:16,minHeight:16,marginRight:"8px",backgroundRepeat:"no-repeat",backgroundPosition:"center"},label:{color:"#9E9E9E",fontSize:"14px",lineHeight:"16px"}});function c(e){var t=e.item,r=e.textShrinked,o=u({isMobile:l.isMobileDetected});return a.jsxs("div",{className:d.default(o.labelRoot,n.default({},o.croppedRoot,r)),children:[t.icon&&a.jsx("div",{className:o.labelIcon,style:{backgroundImage:"url(".concat(t.icon,")")}}),a.jsxs(i.Typography,{className:o.label,children:[t.label,":"]})]})}c.propTypes={item:s.default.shape({key:s.default.string,label:s.default.string,icon:s.default.node}).isRequired,textShrinked:s.default.bool},c.defaultProps={textShrinked:!1},module.exports=c;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),i=require("@material-ui/core"),l=require("classnames"),r=require("../../utils/mobileDetect.js"),o=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),s=a(t),d=a(l),u=i.makeStyles({labelRoot:{display:"flex",alignItems:"flex-start",height:function(e){return!e.isMobile&&16}},croppedRoot:{overflow:"hidden",marginRight:"10px","& $label":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},labelIcon:{width:16,height:16,minWidth:16,minHeight:16,marginRight:"8px",backgroundRepeat:"no-repeat",backgroundPosition:"center"},label:{color:"#9E9E9E",fontSize:"14px",lineHeight:"16px"}});function c(e){var t=e.item,l=e.textShrinked,a=void 0!==l&&l,s=u({isMobile:r.isMobileDetected});return o.jsxs("div",{className:d.default(s.labelRoot,n.default({},s.croppedRoot,a)),children:[t.icon&&o.jsx("div",{className:s.labelIcon,style:{backgroundImage:"url(".concat(t.icon,")")}}),o.jsxs(i.Typography,{className:s.label,children:[t.label,":"]})]})}c.propTypes={item:s.default.shape({key:s.default.string,label:s.default.string,icon:s.default.node}).isRequired,textShrinked:s.default.bool},module.exports=c;
 //# sourceMappingURL=WellSummaryItemLabel.js.map

package/cjs-bundle/components/WellSummary/WellSummaryItemLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WellSummaryItemLabel.js","sources":["../../../../src/components/WellSummary/WellSummaryItemLabel.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\n\nconst ICON_HEIGHT = 16;\n\nconst useStyles = makeStyles({\n labelRoot: {\n display: 'flex',\n alignItems: 'flex-start',\n height: ({ isMobile }) => !isMobile && ICON_HEIGHT,\n },\n croppedRoot: {\n overflow: 'hidden',\n marginRight: '10px',\n '& $label': {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n },\n labelIcon: {\n width: ICON_HEIGHT,\n height: ICON_HEIGHT,\n minWidth: ICON_HEIGHT,\n minHeight: ICON_HEIGHT,\n marginRight: '8px',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center',\n },\n label: {\n color: '#9E9E9E',\n fontSize: '14px',\n lineHeight: '16px',\n },\n});\n\nfunction WellSummaryItemLabel({ item, textShrinked }) {\n const classes = useStyles({ isMobile: isMobileDetected });\n\n return (\n <div className={classnames(classes.labelRoot, { [classes.croppedRoot]: textShrinked })}>\n {item.icon && (\n <div className={classes.labelIcon} style={{ backgroundImage: `url(${item.icon})` }} />\n )}\n <Typography className={classes.label}>{item.label}:</Typography>\n </div>\n );\n}\n\nWellSummaryItemLabel.propTypes = {\n item: PropTypes.shape({\n key: PropTypes.string,\n label: PropTypes.string,\n icon: PropTypes.node,\n }).isRequired,\n textShrinked: PropTypes.bool,\n};\n\~~nWellSummaryItemLabel.defaultProps = {\n textShrinked: false,\n};\n\~~nexport default WellSummaryItemLabel;\n"],"names":["useStyles","makeStyles","labelRoot","display","alignItems","height","_ref","isMobile","croppedRoot","overflow","marginRight","whiteSpace","textOverflow","labelIcon","width","minWidth","minHeight","backgroundRepeat","backgroundPosition","label","color","fontSize","lineHeight","WellSummaryItemLabel","_ref2","item","textShrinked","classes","isMobileDetected","_jsxs","className","classnames","children","icon","_jsx","style","backgroundImage","concat","Typography","propTypes","PropTypes","shape","key","string","node","isRequired","bool"~~,"defaultProps"~~],"mappings":"4TAQMA,EAAYC,EAAAA,WAAW,CAC3BC,UAAW,CACTC,QAAS,OACTC,WAAY,aACZC,OAAQ,SAAAC,GAAW,SAARC,UANK,EAMkC,GAEpDC,YAAa,CACXC,SAAU,SACVC,YAAa,OACb,WAAY,CACVC,WAAY,SACZF,SAAU,SACVG,aAAc,aAGlBC,UAAW,CACTC,MAlBgB,GAmBhBT,OAnBgB,GAoBhBU,SApBgB,GAqBhBC,UArBgB,GAsBhBN,YAAa,MACbO,iBAAkB,YAClBC,mBAAoB,UAEtBC,MAAO,CACLC,MAAO,UACPC,SAAU,OACVC,WAAY,UAIhB,SAASC,~~EAA6CC~~,GAAA,~~IAAtBC~~,IAAAA,~~KAAMC~~,~~IAAAA~~,~~aAC9BC~~,~~EAAU3B~~,EAAU,CAAEO,~~SAAUqB~~,EAAAA,mBAEtC,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAWJ,~~EAAQzB~~,~~UAAcyB~~,EAAAA,QAAAA,CAAAA,EAAAA,~~EAAQnB~~,~~YAAckB~~,IAAgBM,~~SACpFP~~,CAAAA,~~EAAKQ~~,MACJC,EAAAA,IAAA,MAAA,CAAKJ,UAAWH,~~EAAQd~~,~~UAAWsB~~,MAAO,CAAEC,gBAAe,OAAAC,~~OAASZ~~,~~EAAKQ~~,KAAI,QAE/EJ,OAACS,aAAU,CAACR,UAAWH,~~EAAQR~~,~~MAAMa~~,~~SAAEP~~,CAAAA,EAAKN,MAAK,SAGvD,CAEAI,~~EAAqBgB~~,UAAY,CAC/Bd,~~KAAMe~~,EAAS,QAACC,MAAM,CACpBC,IAAKF,EAAS,QAACG,~~OACfxB~~,~~MAAOqB~~,EAAS,QAACG,OACjBV,KAAMO,EAAS,QAACI,OACfC,WACHnB,aAAcc,EAAS,QAACM~~,MAG1BvB,EAAqBwB,aAAe,CAClCrB,cAAc~~"}
1	+ {"version":3,"file":"WellSummaryItemLabel.js","sources":["../../../../src/components/WellSummary/WellSummaryItemLabel.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\n\nconst ICON_HEIGHT = 16;\n\nconst useStyles = makeStyles({\n labelRoot: {\n display: 'flex',\n alignItems: 'flex-start',\n height: ({ isMobile }) => !isMobile && ICON_HEIGHT,\n },\n croppedRoot: {\n overflow: 'hidden',\n marginRight: '10px',\n '& $label': {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n },\n labelIcon: {\n width: ICON_HEIGHT,\n height: ICON_HEIGHT,\n minWidth: ICON_HEIGHT,\n minHeight: ICON_HEIGHT,\n marginRight: '8px',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center',\n },\n label: {\n color: '#9E9E9E',\n fontSize: '14px',\n lineHeight: '16px',\n },\n});\n\nfunction WellSummaryItemLabel({ item, textShrinked = false }) {\n const classes = useStyles({ isMobile: isMobileDetected });\n\n return (\n <div className={classnames(classes.labelRoot, { [classes.croppedRoot]: textShrinked })}>\n {item.icon && (\n <div className={classes.labelIcon} style={{ backgroundImage: `url(${item.icon})` }} />\n )}\n <Typography className={classes.label}>{item.label}:</Typography>\n </div>\n );\n}\n\nWellSummaryItemLabel.propTypes = {\n item: PropTypes.shape({\n key: PropTypes.string,\n label: PropTypes.string,\n icon: PropTypes.node,\n }).isRequired,\n textShrinked: PropTypes.bool,\n};\n\nexport default WellSummaryItemLabel;\n"],"names":["useStyles","makeStyles","labelRoot","display","alignItems","height","_ref","isMobile","croppedRoot","overflow","marginRight","whiteSpace","textOverflow","labelIcon","width","minWidth","minHeight","backgroundRepeat","backgroundPosition","label","color","fontSize","lineHeight","WellSummaryItemLabel","_ref2","item","_ref2$textShrinked","textShrinked","classes","isMobileDetected","_jsxs","className","classnames","children","icon","_jsx","style","backgroundImage","concat","Typography","propTypes","PropTypes","shape","key","string","node","isRequired","bool"],"mappings":"4TAQMA,EAAYC,EAAAA,WAAW,CAC3BC,UAAW,CACTC,QAAS,OACTC,WAAY,aACZC,OAAQ,SAAAC,GAAW,SAARC,UANK,EAMkC,GAEpDC,YAAa,CACXC,SAAU,SACVC,YAAa,OACb,WAAY,CACVC,WAAY,SACZF,SAAU,SACVG,aAAc,aAGlBC,UAAW,CACTC,MAlBgB,GAmBhBT,OAnBgB,GAoBhBU,SApBgB,GAqBhBC,UArBgB,GAsBhBN,YAAa,MACbO,iBAAkB,YAClBC,mBAAoB,UAEtBC,MAAO,CACLC,MAAO,UACPC,SAAU,OACVC,WAAY,UAIhB,SAASC,EAAqDC,GAAA,IAA9BC,IAAAA,KAAIC,EAAAF,EAAEG,aAAAA,cAAoBD,EAClDE,EAAU5B,EAAU,CAAEO,SAAUsB,EAAAA,mBAEtC,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAWJ,EAAQ1B,UAAc0B,EAAAA,QAAAA,CAAAA,EAAAA,EAAQpB,YAAcmB,IAAgBM,SACpFR,CAAAA,EAAKS,MACJC,EAAAA,IAAA,MAAA,CAAKJ,UAAWH,EAAQf,UAAWuB,MAAO,CAAEC,gBAAe,OAAAC,OAASb,EAAKS,KAAI,QAE/EJ,OAACS,aAAU,CAACR,UAAWH,EAAQT,MAAMc,SAAER,CAAAA,EAAKN,MAAK,SAGvD,CAEAI,EAAqBiB,UAAY,CAC/Bf,KAAMgB,EAAS,QAACC,MAAM,CACpBC,IAAKF,EAAS,QAACG,OACfzB,MAAOsB,EAAS,QAACG,OACjBV,KAAMO,EAAS,QAACI,OACfC,WACHnB,aAAcc,EAAS,QAACM"}

package/cjs-bundle/componentsV2/WellArchivedMessage/WellArchivedMessage.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/regenerator"),o=require("react");require("../AppCommonsProvider/AppCommonsProvider.js");var n=require("../AppCommonsProvider/AppCommonsContext.js");require("../../utils/index.js"),require("../../components/DevCenter/AppHeader/AppHeader.js"),require("../../components/DevCenter/AppSideBar/AppSideBar.js"),require("../../components/DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("lodash"),require("@material-ui/core"),require("@material-ui/icons"),require("../../components/DevCenter/AppContext.js"),require("../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");var i=require("../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router-dom"),require("query-string");var t=require("react/jsx-runtime");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../../components/GradientManager/configuration/constants.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../Text/Text.js"),require("../Grid/Grid.js"),require("../Grid/Cell.js"),require("../Header/Header.scss.js"),require("../Button/Button.js"),require("../ButtonIcon/ButtonIcon.js"),require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../Tooltip/Tooltip.scss.js"),require("../Popover/Popover.js"),require("../PopoverPanel/PopoverPanel.js"),require("../Radio/Radio.js"),require("../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../TextInput/TextInput.js"),require("../TextInputNext/TextInputNext.js"),require("../Label/Label.js"),require("../TextEndTruncated/TextEndTruncated.scss.js"),require("../TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../TextLink/TextLink.js"),require("../Chip/Chip.js"),require("../ChipAlert/ChipAlert.js"),require("../ChipIndicator/ChipIndicator.js"),require("../Avatar/Avatar.js"),require("../AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../ToggleButtons/ToggleButtons.scss.js"),require("../Paper/Paper.js"),require("../ModalWindow/ModalWindow.js"),require("../Modal/Modal.scss.js"),require("../Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../utils.js"),require("../Hint/Hint.scss.js"),require("../Counter/Counter.js"),require("../BadgeBase/BadgeBase.scss.js"),require("../TemplatesControl/TemplatesControl.js"),require("zustand"),require("../TemplatesControl/utils.js"),require("../TemplatesControl/icons/folder/index.js"),require("../TemplatesControl/Store/utils.js"),require("../TemplatesControl/types.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../BadgeDot/BadgeDot.scss.js"),require("../LoaderLinear/LoaderLinear.scss.js"),require("../LoaderLogo/LoaderLogo.constants.js"),require("../LoaderLogo/LoaderLogo.scss.js"),require("../Switch/Switch.js"),require("../Tabs/Tabs.js"),require("../EmptyState/EmptyState.scss.js"),require("../FileIcon/FileIcon.js"),require("../Tag/Tag.js"),require("react-dropzone"),require("../FilesDropzone/FilesDropzone.scss.js"),require("../FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../FilesProcessor/FilesProcessor.scss.js"),require("../Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../CopyToClipboard/CopyToClipboard.scss.js"),require("../Stepper/Step/Step.scss.js"),require("../Stepper/Stepper.scss.js"),require("../ButtonLive/ButtonLive.js"),require("../ButtonText/ButtonText.js"),require("../IndicatorLive/IndicatorLive.js"),require("../Accordion/Accordion.scss.js"),require("../Breadcrumbs/Breadcrumbs.scss.js"),require("../BadgeComment/BadgeComment.js"),require("../AppContainer/AppContainer.js"),require("../AppContainer/AppContainer.constants.js"),require("../AppFooter/AppFooter.js"),require("immutable"),require("../AppHeader/AppHeader.constants.js"),require("../AppHeader/AppBadge/AppBadge.scss.js"),require("../AppHeader/AppAssets/utils.js"),require("../AppHeader/AppAssets/AppAssets.scss.js"),require("../../components/PadModeSelect/PadModeSelect.js"),require("../AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../PadModeSelect/PadModeSelect.js"),require("../PadModeSelect/PadModeSelect.constants.js"),require("../../utils/mobileDetect.js"),require("../AppHeader/V3/VersionSelect/VersionSelect.js"),require("../UniversalLink/UniversalLink.scss.js"),require("../AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../AppDqPopover/DqAlert/DqAlert.scss.js"),require("../AppDqPopover/DqAsset/DqAsset.scss.js"),require("../AppDqPopover/AppDqPopover.scss.js"),require("../../components/AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../AppHeader/V3/AssetSelector/constants.js"),require("../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js");var c=require("../../utils/resolveWellHubSlug.js");require("../../utils/env.js"),require("../../components/StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../AppSettings/AppSettingsPinningContext.js"),require("../AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../AppHeader/V3/SettingsButton/SettingsButton.js"),require("../AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../AppSettings/AppSettings.js"),require("../AppSettings/AppSettings.constants.js"),require("../AppSizeProvider/AppSizeProvider.js"),require("../AppHeader/V3/Actions/Actions.constants.js"),require("../AppHeader/V3/Actions/Actions.scss.js"),require("../AppHeader/V3/AppHeaderV3.scss.js"),require("../AppHeader/AppHeader.scss.js"),require("../OffsetWellsButton/OffsetWellsButton.js"),require("../ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../Autocomplete/Autocomplete.js"),require("../Select/Select.js"),require("../AppSettingsDivider/AppSettingsDivider.scss.js"),require("../DatePicker/DatePicker.js"),require("../DragHandle/DragHandle.js"),require("../CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../Slider/constants.js"),require("../Slider/components/SliderThumb.js"),require("../Slider/Slider.scss.js"),require("../SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../ColorPicker/Swatches/Swatches.scss.js"),require("../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../ColorPicker/ColorPicker.scss.js"),require("../ChartHelper/ChartHelper.scss.js"),require("../Hotkey/Hotkey.js"),require("../../components/DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("../../components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js"),require("../../components/Icons/AnnotationIcon.js"),require("../../components/Annotations/components/AnnotationsList/index.js"),require("../../components/Annotations/components/LastAnnotation/index.js"),require("../../components/Annotations/AnnotationsContext.js"),require("../../components/Toaster/Toaster.js"),require("../../components/HelpCenter/HelpCenterIcon.js"),require("../../components/DevCenter/NavigationBar/NavigationBar.js"),require("../../components/DevCenter/SideBar/SideBar.js"),require("../../components/DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../../components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js");var u=require("./ModalDisplayComponent/ModalDisplayComponent.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=p(e),q=p(s),l=p(r),j=function(e){return"archived"===(null==e?void 0:e.status)},d=function(e){var s=e.displayComponent,r=void 0===s?u.ModalDisplayComponent:s,p=e.onClose,d=n.useAppCommons().well,m=i.useDevCenterRouter(),A=o.useState(j(d)),C=q.default(A,2),v=C[0],I=C[1],D=o.useCallback((function(){null==p||p(),I(!1)}),[p]),S=o.useCallback(a.default(l.default.mark((function e(){var s;return l.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return D(),e.next=3,c();case 3:(s=e.sent)&&m.push("/assets/".concat(null==d?void 0:d.asset_id,"/").concat(s));case 5:case"end":return e.stop()}}),e)}))),[m,null==d?void 0:d.asset_id,D]);return o.useEffect((function(){I(j({status:null==d?void 0:d.status}))}),[null==d?void 0:d.id,null==d?void 0:d.status]),v?t.jsx(r,{onClose:D,onUnarchive:S}):null};d.DisplayComponents={Modal:u.ModalDisplayComponent};var m=d;exports.WellArchivedMessage=m,exports.WellArchivedMessageBase=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/regenerator"),o=require("react");require("../AppCommonsProvider/AppCommonsProvider.js");var n=require("../AppCommonsProvider/AppCommonsContext.js");require("../../utils/index.js"),require("../../components/DevCenter/AppHeader/AppHeader.js"),require("../../components/DevCenter/AppSideBar/AppSideBar.js"),require("../../components/DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("lodash"),require("@material-ui/core"),require("@material-ui/icons"),require("../../components/DevCenter/AppContext.js"),require("../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");var i=require("../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router-dom"),require("query-string");var t=require("react/jsx-runtime");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../../components/GradientManager/configuration/constants.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../Text/Text.js"),require("../Grid/Grid.js"),require("../Grid/Cell.js"),require("../Header/Header.scss.js"),require("../Button/Button.js"),require("../ButtonIcon/ButtonIcon.js"),require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../Tooltip/Tooltip.scss.js"),require("../Popover/Popover.js"),require("../PopoverPanel/PopoverPanel.js"),require("../Radio/Radio.js"),require("../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../TextInput/TextInput.js"),require("../TextInputNext/TextInputNext.js"),require("../Label/Label.js"),require("../TextEndTruncated/TextEndTruncated.scss.js"),require("../TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../TextLink/TextLink.js"),require("../Chip/Chip.js"),require("../ChipAlert/ChipAlert.js"),require("../ChipIndicator/ChipIndicator.js"),require("../Avatar/Avatar.js"),require("../AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../ToggleButtons/ToggleButtons.scss.js"),require("../Paper/Paper.js"),require("../ModalWindow/ModalWindow.js"),require("../Modal/Modal.scss.js"),require("../Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../utils.js"),require("../Hint/Hint.scss.js"),require("../Counter/Counter.js"),require("../BadgeBase/BadgeBase.scss.js"),require("../TemplatesControl/TemplatesControl.js"),require("zustand"),require("../TemplatesControl/utils.js"),require("../TemplatesControl/icons/folder/index.js"),require("../TemplatesControl/Store/utils.js"),require("../TemplatesControl/types.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../BadgeDot/BadgeDot.scss.js"),require("../LoaderLinear/LoaderLinear.scss.js"),require("../LoaderLogo/LoaderLogo.constants.js"),require("../LoaderLogo/LoaderLogo.scss.js"),require("../Switch/Switch.js"),require("../Tabs/Tabs.js"),require("../EmptyState/EmptyState.scss.js"),require("../FileIcon/FileIcon.js"),require("../Tag/Tag.js"),require("react-dropzone"),require("../FilesDropzone/FilesDropzone.scss.js"),require("../FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../FilesProcessor/FilesProcessor.scss.js"),require("../Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../CopyToClipboard/CopyToClipboard.scss.js"),require("../Stepper/Step/Step.scss.js"),require("../Stepper/Stepper.scss.js"),require("../ButtonLive/ButtonLive.js"),require("../ButtonText/ButtonText.js"),require("../IndicatorLive/IndicatorLive.js"),require("../Accordion/Accordion.scss.js"),require("../Breadcrumbs/Breadcrumbs.scss.js"),require("../BadgeComment/BadgeComment.js"),require("../AppContainer/AppContainer.js"),require("../AppContainer/AppContainer.constants.js"),require("../AppFooter/AppFooter.js"),require("immutable"),require("../AppHeader/AppHeader.constants.js"),require("../AppHeader/AppBadge/AppBadge.scss.js"),require("../AppHeader/AppAssets/utils.js"),require("../AppHeader/AppAssets/AppAssets.scss.js"),require("../../components/PadModeSelect/PadModeSelect.js"),require("../AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../PadModeSelect/PadModeSelect.js"),require("../PadModeSelect/PadModeSelect.constants.js"),require("../../utils/mobileDetect.js"),require("../AppHeader/V3/VersionSelect/VersionSelect.js"),require("../UniversalLink/UniversalLink.scss.js"),require("../AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../AppDqPopover/DqAlert/DqAlert.scss.js"),require("../AppDqPopover/DqAsset/DqAsset.scss.js"),require("../AppDqPopover/AppDqPopover.scss.js"),require("../../components/AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../AppHeader/V3/AssetSelector/constants.js"),require("../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js");var c=require("../../utils/resolveWellHubSlug.js");require("../../utils/env.js"),require("../../components/StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../AppSettings/AppSettingsPinningContext.js"),require("../AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../AppHeader/V3/SettingsButton/SettingsButton.js"),require("../AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../AppSettings/AppSettings.js"),require("../AppSettings/AppSettings.constants.js"),require("../AppSizeProvider/AppSizeProvider.js"),require("../AppHeader/V3/Actions/Actions.constants.js"),require("../AppHeader/V3/Actions/Actions.scss.js"),require("../AppHeader/V3/AppHeaderV3.scss.js"),require("../AppHeader/AppHeader.scss.js"),require("../OffsetWellsButton/OffsetWellsButton.js"),require("../ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../Autocomplete/Autocomplete.js"),require("../Select/Select.js"),require("../AppSettingsDivider/AppSettingsDivider.scss.js"),require("../DatePicker/DatePicker.js"),require("../DragHandle/DragHandle.js"),require("../CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../Slider/constants.js"),require("../Slider/components/SliderThumb.js"),require("../Slider/Slider.scss.js"),require("../SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../ColorPicker/Swatches/Swatches.scss.js"),require("../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../ColorPicker/ColorPicker.scss.js"),require("../ChartHelper/ChartHelper.scss.js"),require("../Hotkey/Hotkey.js"),require("../../components/DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("../../components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js"),require("../../components/ErrorBoundary/ErrorBoundary.js"),require("../../components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../../components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js"),require("../../components/Icons/AnnotationIcon.js"),require("../../components/Annotations/components/AnnotationsList/index.js"),require("../../components/Annotations/components/LastAnnotation/index.js"),require("../../components/Annotations/AnnotationsContext.js"),require("../../components/Toaster/Toaster.js"),require("../../components/HelpCenter/HelpCenterIcon.js"),require("../../components/DevCenter/NavigationBar/NavigationBar.js"),require("../../components/DevCenter/SideBar/SideBar.js"),require("../../components/DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../../components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js");var u=require("./ModalDisplayComponent/ModalDisplayComponent.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=p(e),q=p(s),l=p(r),j=function(e){return"archived"===(null==e?void 0:e.status)},d=function(e){var s=e.displayComponent,r=void 0===s?u.ModalDisplayComponent:s,p=e.onClose,d=n.useAppCommons().well,m=i.useDevCenterRouter(),C=o.useState(j(d)),A=q.default(C,2),v=A[0],D=A[1],I=o.useCallback((function(){null==p||p(),D(!1)}),[p]),S=o.useCallback(a.default(l.default.mark((function e(){var s;return l.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return I(),e.next=3,c();case 3:(s=e.sent)&&m.push("/assets/".concat(null==d?void 0:d.asset_id,"/").concat(s));case 5:case"end":return e.stop()}}),e)}))),[m,null==d?void 0:d.asset_id,I]);return o.useEffect((function(){D(j({status:null==d?void 0:d.status}))}),[null==d?void 0:d.id,null==d?void 0:d.status]),v?t.jsx(r,{onClose:I,onUnarchive:S}):null};d.DisplayComponents={Modal:u.ModalDisplayComponent};var m=d;exports.WellArchivedMessage=m,exports.WellArchivedMessageBase=d;
 //# sourceMappingURL=WellArchivedMessage.js.map

package/cjs-bundle/componentsV2/WellArchivedMessage/WellArchivedMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WellArchivedMessage.js","sources":["../../../../src/componentsV2/WellArchivedMessage/WellArchivedMessage.tsx"],"sourcesContent":["import { ComponentType, useCallback, useEffect, useState } from 'react';\n\nimport { AppCommonsContextType, useAppCommons } from '../AppCommonsProvider';\nimport { resolveWellHubSlug } from '../../utils';\nimport { useDevCenterRouter } from '../../components/DevCenter';\n\nimport { ModalDisplayComponent } from './ModalDisplayComponent';\nimport { WellArchivedMessageDisplayComponentProps } from './types';\n\nexport type WellArchivedMessageProps = {\n /*\n Display component to use\n /\n displayComponent?: ComponentType<WellArchivedMessageDisplayComponentProps>;\n /\n Will be called when message is closed\n */\n onClose?: () => void;\n};\n\nconst shouldShowMessage = (well?: { status?: Required<AppCommonsContextType>['well']['status'] }) =>\n well?.status === 'archived';\n\nexport const WellArchivedMessageBase = ({\n displayComponent: DisplayComponent = ModalDisplayComponent,\n onClose,\n}: WellArchivedMessageProps) => {\n const { well } = useAppCommons();\n const router = useDevCenterRouter();\n\n const [isArchivedMessageOpen, setIsArchivedMessageOpen] = useState(shouldShowMessage(well));\n\n const onCloseMessage = useCallback(() => {\n onClose?.();\n setIsArchivedMessageOpen(false);\n }, [onClose]);\n\n const onUnarchive = useCallback(async () => {\n onCloseMessage();\n\n const wellHubSlug = await resolveWellHubSlug();\n\n if (wellHubSlug) {\n router.push(`/assets/${well?.asset_id}/${wellHubSlug}`);\n }\n }, [router, well?.asset_id, onCloseMessage]);\n\n useEffect(\n () => {\n setIsArchivedMessageOpen(shouldShowMessage({ status: well?.status }));\n },\n // Well is not always referentially stable, so we have to explicitly state which properties we take into account.\n // We must also depend on well.id here to show the message again if user closes it and then selects another archived well.\n [well?.id, well?.status]\n );\n\n if (!isArchivedMessageOpen) {\n return null;\n }\n\n return <DisplayComponent onClose={onCloseMessage} onUnarchive={onUnarchive} />;\n};\n\ntype WellArchivedMessageType = typeof WellArchivedMessageBase & {\n DisplayComponents: {\n Modal: typeof ModalDisplayComponent;\n };\n};\n\n(WellArchivedMessageBase as WellArchivedMessageType).DisplayComponents = {\n Modal: ModalDisplayComponent,\n};\n\nexport const WellArchivedMessage = WellArchivedMessageBase as WellArchivedMessageType;\n"],"names":["shouldShowMessage","well","status","WellArchivedMessageBase","_ref","_ref$displayComponent","displayComponent","DisplayComponent","ModalDisplayComponent","onClose","useAppCommons","router","useDevCenterRouter","_useState","useState","_useState2","_slicedToArray","isArchivedMessageOpen","setIsArchivedMessageOpen","onCloseMessage","useCallback","onUnarchive","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wellHubSlug","wrap","_context","prev","next","resolveWellHubSlug","sent","push","asset_id","stop","useEffect","id","_jsx","DisplayComponents","Modal","WellArchivedMessage"],"mappings":"~~k5dAoBMA~~,EAAoB,SAACC,GAAqE,MAC7E,cAAjBA,eAAAA,EAAMC,OAAqB,EAEhBC,EAA0B,SAGPC,GAAA,IAAAC,EAAAD,EAF9BE,iBAAkBC,aAAmBC,EAAqBA,sBAAAH,EAC1DI,IAAAA,QAEQR,EAASS,EAAAA,gBAATT,KACFU,EAASC,EAAAA,qBAEfC,EAA0DC,EAAAA,SAASd,EAAkBC,IAAMc,EAAAC,EAAAA,QAAAH,EAAA,GAApFI,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAEhDI,EAAiBC,EAAAA,aAAY,WACjCX,SAAAA,IACAS,GAAyB,EAC3B,GAAG,CAACT,IAEEY,EAAcD,EAAAA,YAAYE,EAAAA,QAAAC,EAAAA,QAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,UAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACb,OAAjBX,IAAiBS,EAAAE,KAAA,EAESC,IAAoB,KAAA,GAAxCL,EAAWE,EAAAI,OAGfrB,EAAOsB,KAAgBhC,WAAAA,OAAAA,aAAAA,EAAAA,EAAMiC,SAAYR,KAAAA,OAAAA,IAC1C,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAO,OAAA,GAAAV,EACF,KAAE,CAACd,EAAQV,aAAAA,EAAAA,EAAMiC,SAAUf,IAW5B,OATAiB,EAAAA,WACE,WACElB,EAAyBlB,EAAkB,CAAEE,OAAQD,aAAI,EAAJA,EAAMC,SAC5D,GAGD,CAACD,aAAAA,EAAAA,EAAMoC,GAAIpC,aAAAA,EAAAA,EAAMC,SAGde,EAIEqB,EAAAA,IAAC/B,EAAgB,CAACE,QAASU,EAAgBE,YAAaA,IAHtD,IAIX,EAQClB,EAAoDoC,kBAAoB,CACvEC,MAAOhC,EAAAA,uBAGF,IAAMiC,EAAsBtC"}
1	+ {"version":3,"file":"WellArchivedMessage.js","sources":["../../../../src/componentsV2/WellArchivedMessage/WellArchivedMessage.tsx"],"sourcesContent":["import { ComponentType, useCallback, useEffect, useState } from 'react';\n\nimport { AppCommonsContextType, useAppCommons } from '../AppCommonsProvider';\nimport { resolveWellHubSlug } from '../../utils';\nimport { useDevCenterRouter } from '../../components/DevCenter';\n\nimport { ModalDisplayComponent } from './ModalDisplayComponent';\nimport { WellArchivedMessageDisplayComponentProps } from './types';\n\nexport type WellArchivedMessageProps = {\n /*\n Display component to use\n /\n displayComponent?: ComponentType<WellArchivedMessageDisplayComponentProps>;\n /\n Will be called when message is closed\n */\n onClose?: () => void;\n};\n\nconst shouldShowMessage = (well?: { status?: Required<AppCommonsContextType>['well']['status'] }) =>\n well?.status === 'archived';\n\nexport const WellArchivedMessageBase = ({\n displayComponent: DisplayComponent = ModalDisplayComponent,\n onClose,\n}: WellArchivedMessageProps) => {\n const { well } = useAppCommons();\n const router = useDevCenterRouter();\n\n const [isArchivedMessageOpen, setIsArchivedMessageOpen] = useState(shouldShowMessage(well));\n\n const onCloseMessage = useCallback(() => {\n onClose?.();\n setIsArchivedMessageOpen(false);\n }, [onClose]);\n\n const onUnarchive = useCallback(async () => {\n onCloseMessage();\n\n const wellHubSlug = await resolveWellHubSlug();\n\n if (wellHubSlug) {\n router.push(`/assets/${well?.asset_id}/${wellHubSlug}`);\n }\n }, [router, well?.asset_id, onCloseMessage]);\n\n useEffect(\n () => {\n setIsArchivedMessageOpen(shouldShowMessage({ status: well?.status }));\n },\n // Well is not always referentially stable, so we have to explicitly state which properties we take into account.\n // We must also depend on well.id here to show the message again if user closes it and then selects another archived well.\n [well?.id, well?.status]\n );\n\n if (!isArchivedMessageOpen) {\n return null;\n }\n\n return <DisplayComponent onClose={onCloseMessage} onUnarchive={onUnarchive} />;\n};\n\ntype WellArchivedMessageType = typeof WellArchivedMessageBase & {\n DisplayComponents: {\n Modal: typeof ModalDisplayComponent;\n };\n};\n\n(WellArchivedMessageBase as WellArchivedMessageType).DisplayComponents = {\n Modal: ModalDisplayComponent,\n};\n\nexport const WellArchivedMessage = WellArchivedMessageBase as WellArchivedMessageType;\n"],"names":["shouldShowMessage","well","status","WellArchivedMessageBase","_ref","_ref$displayComponent","displayComponent","DisplayComponent","ModalDisplayComponent","onClose","useAppCommons","router","useDevCenterRouter","_useState","useState","_useState2","_slicedToArray","isArchivedMessageOpen","setIsArchivedMessageOpen","onCloseMessage","useCallback","onUnarchive","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wellHubSlug","wrap","_context","prev","next","resolveWellHubSlug","sent","push","asset_id","stop","useEffect","id","_jsx","DisplayComponents","Modal","WellArchivedMessage"],"mappings":"mqeAoBMA,EAAoB,SAACC,GAAqE,MAC7E,cAAjBA,eAAAA,EAAMC,OAAqB,EAEhBC,EAA0B,SAGPC,GAAA,IAAAC,EAAAD,EAF9BE,iBAAkBC,aAAmBC,EAAqBA,sBAAAH,EAC1DI,IAAAA,QAEQR,EAASS,EAAAA,gBAATT,KACFU,EAASC,EAAAA,qBAEfC,EAA0DC,EAAAA,SAASd,EAAkBC,IAAMc,EAAAC,EAAAA,QAAAH,EAAA,GAApFI,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAEhDI,EAAiBC,EAAAA,aAAY,WACjCX,SAAAA,IACAS,GAAyB,EAC3B,GAAG,CAACT,IAEEY,EAAcD,EAAAA,YAAYE,EAAAA,QAAAC,EAAAA,QAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,UAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACb,OAAjBX,IAAiBS,EAAAE,KAAA,EAESC,IAAoB,KAAA,GAAxCL,EAAWE,EAAAI,OAGfrB,EAAOsB,KAAgBhC,WAAAA,OAAAA,aAAAA,EAAAA,EAAMiC,SAAYR,KAAAA,OAAAA,IAC1C,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAO,OAAA,GAAAV,EACF,KAAE,CAACd,EAAQV,aAAAA,EAAAA,EAAMiC,SAAUf,IAW5B,OATAiB,EAAAA,WACE,WACElB,EAAyBlB,EAAkB,CAAEE,OAAQD,aAAI,EAAJA,EAAMC,SAC5D,GAGD,CAACD,aAAAA,EAAAA,EAAMoC,GAAIpC,aAAAA,EAAAA,EAAMC,SAGde,EAIEqB,EAAAA,IAAC/B,EAAgB,CAACE,QAASU,EAAgBE,YAAaA,IAHtD,IAIX,EAQClB,EAAoDoC,kBAAoB,CACvEC,MAAOhC,EAAAA,uBAGF,IAAMiC,EAAsBtC"}

package/components/AddComment/Popover.d.ts CHANGED Viewed

@@ -5,12 +5,15 @@ customContent, // Render custom content instead of Post Input
 userCompanyId, ...otherProps }: {
     [x: string]: any;
     anchorEl: any;
-    anchorOrigin: any;
-    customContent: any;
-    endAdornment: any;
-    onClose: any;
+    anchorOrigin?: {
+        horizontal: string;
+        vertical: string;
+    } | undefined;
+    customContent?: null | undefined;
+    endAdornment?: null | undefined;
+    onClose?: typeof DEFAULT_ADD_COMMENT_POPOVER_ON_CLOSE | undefined;
     onSave: any;
-    startAdornment: any;
+    startAdornment?: null | undefined;
     userCompanyId: any;
 }): import("react").JSX.Element;
 declare namespace AddCommentPopover {
@@ -24,16 +27,7 @@ declare namespace AddCommentPopover {
         customContent: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         userCompanyId: import("prop-types").Validator<number>;
     };
-    var defaultProps: {
-        anchorOrigin: {
-            horizontal: string;
-            vertical: string;
-        };
-        onClose: () => undefined;
-        startAdornment: null;
-        endAdornment: null;
-        customContent: null;
-    };
 }
+declare const DEFAULT_ADD_COMMENT_POPOVER_ON_CLOSE: () => undefined;
 export default AddCommentPopover;
 //# sourceMappingURL=Popover.d.ts.map

package/components/AddComment/Popover.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/AddComment/Popover.js"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,EAAgB,MAAM,YAAY,CAAC;AAwCvD,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,~~YAAY~~,~~EACZ~~,~~OAAO~~,~~EACP~~,MAAM,EACN,~~cAAc~~,EAAE,wCAAwC;~~AACxD~~,~~YAAY~~,EAAE,2CAA2C;~~AACzD~~,~~aAAa~~,EAAE,8CAA8C;~~AAC7D~~,aAAa,EACb,GAAG,UAAU,EACd~~;;;;;;;;;;~~CAAA,+BAwEA;kBAlFQ,iBAAiB~~;;;;;;;;;;;;;YAgGR~~,~~UAAU~~;~~YAAW~~,~~QAAQ;;;;;;;;eAOhC,~~iBAAiB"}
1	+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/AddComment/Popover.js"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,EAAgB,MAAM,YAAY,CAAC;AAwCvD,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,YAAwD,EACxD,OAA8C,EAC9C,MAAM,EACN,cAAqB,EAAE,wCAAwC;AAC/D,YAAmB,EAAE,2CAA2C;AAChE,aAAoB,EAAE,8CAA8C;AACpE,aAAa,EACb,GAAG,UAAU,EACd;;;;;;;;;;;;;CAAA,+BAwEA;kBAlFQ,iBAAiB;;;;;;;;;;;;AAgG1B,QAAA,MAAM,oCAAoC,iBAAkB,CAAC;eAE9C,iBAAiB"}