@corva/ui 0.26.0-0 → 0.26.0-1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"@babel/runtime/helpers/defineProperty";import{jsxs as i,jsx as t,Fragment as a}from"react/jsx-runtime";import{makeStyles as n,Typography as r}from"@material-ui/core";import{useRef as o,useEffect as l}from"react";import c from"prop-types";import d from"classnames";import{drawDonutSlice as s}from"./utils.js";var m=n((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 p(e,i,t,a,n,r,o,l){var c=e.current;if(c){c.width=200,c.height=200,c.style.width="".concat(200,"px"),c.style.height="".concat(200,"px");var d=c.getContext("2d");s(d,i,t,a,n,r,o,l)}}function g(n){var c=n.wirelineTime,s=n.fracturingTime,g=m(),h=o(null),u=o(null),f=o(null);return l((function(){var e=h.current;e.width=200,e.height=200,e.style.width="".concat(200,"px"),e.style.height="".concat(200,"px");var i=60*c/86400*Math.PI*2,t=i+60*s/86400*Math.PI*2;p(u,100,100,100,0,i,"#FF9C00",!0),p(f,100,100,100,i,t,"#8572FF",!0)})),i("div",{className:g.root,children:[t("div",{className:d(g.backgroundRoot,e({},g.emptyStateBackground,!c||!s)),children:t("div",{className:g.dropShadowRoot})}),i("div",{className:g.content,children:[t(r,{className:g.timeRange,children:"Previous 24hrs"}),c&&s?i(a,{children:[i("div",{className:g.time,children:[t(r,{className:d(g.timing,g.wirelineText),display:"inline",children:c/60}),t(r,{className:g.timing,display:"inline",children:"/"}),t(r,{className:d(g.timing,g.fracturingText),display:"inline",children:s/60}),t(r,{display:"inline",children:" h"})]}),i("div",{className:g.legend,children:[i(r,{className:g.legendItem,display:"inline",children:[t("div",{className:d(g.dot,g.wirelineDot)})," Wireline"]}),i(r,{className:g.legendItem,display:"inline",children:[t("div",{className:d(g.dot,g.fracturingDot)}),"Fracturing"]})]})]}):t("div",{className:g.noData,children:t(r,{className:g.noDataText,children:"No Data"})})]}),i("div",{className:g.chart,children:[t("canvas",{ref:h,className:g.canvas}),t("canvas",{ref:u,className:g.activities}),t("canvas",{ref:f,className:g.activities})]})]})}g.propTypes={wirelineTime:c.number,fracturingTime:c.number},g.defaultProps={wirelineTime:void 0,fracturingTime:void 0};export default g;
|
|
1
|
+
import e from"@babel/runtime/helpers/defineProperty";import{jsxs as i,jsx as t,Fragment as a}from"react/jsx-runtime";import{makeStyles as n,Typography as r}from"@material-ui/core";import{useRef as o,useEffect as l}from"react";import c from"prop-types";import d from"classnames";import{drawDonutSlice as s}from"./utils.js";var m=n((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 p(e,i,t,a,n,r,o,l){var c=e.current;if(c){c.width=200,c.height=200,c.style.width="".concat(200,"px"),c.style.height="".concat(200,"px");var d=c.getContext("2d");s(d,i,t,a,n,r,o,l)}}function g(n){var c=n.wirelineTime,s=n.fracturingTime,g=m(),h=o(null),u=o(null),f=o(null);return l((function(){var e=h.current;e.width=200,e.height=200,e.style.width="".concat(200,"px"),e.style.height="".concat(200,"px");var i=60*c/86400*Math.PI*2,t=i+60*s/86400*Math.PI*2;p(u,100,100,100,0,i,"#FF9C00",!0),p(f,100,100,100,i,t,"#8572FF",!0)})),i("div",{className:g.root,children:[t("div",{className:d(g.backgroundRoot,e({},g.emptyStateBackground,!c||!s)),children:t("div",{className:g.dropShadowRoot})}),i("div",{className:g.content,children:[t(r,{className:g.timeRange,children:"Previous 24hrs"}),c&&s?i(a,{children:[i("div",{className:g.time,children:[t(r,{className:d(g.timing,g.wirelineText),display:"inline",children:(c/60).toFixed(1)}),t(r,{className:g.timing,display:"inline",children:"/"}),t(r,{className:d(g.timing,g.fracturingText),display:"inline",children:(s/60).toFixed(1)}),t(r,{display:"inline",children:" h"})]}),i("div",{className:g.legend,children:[i(r,{className:g.legendItem,display:"inline",children:[t("div",{className:d(g.dot,g.wirelineDot)})," Wireline"]}),i(r,{className:g.legendItem,display:"inline",children:[t("div",{className:d(g.dot,g.fracturingDot)}),"Fracturing"]})]})]}):t("div",{className:g.noData,children:t(r,{className:g.noDataText,children:"No Data"})})]}),i("div",{className:g.chart,children:[t("canvas",{ref:h,className:g.canvas}),t("canvas",{ref:u,className:g.activities}),t("canvas",{ref:f,className:g.activities})]})]})}g.propTypes={wirelineTime:c.number,fracturingTime:c.number},g.defaultProps={wirelineTime:void 0,fracturingTime:void 0};export default g;
|