cl-react-graph/docs/component---src-pages-pie-tsx-bb034589f6143b5c2e17.js

React D3 Charts

(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{O3B2:function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),n=t.n(l),c=t("Zxox"),r=t.n(c),o=t("raqg"),i=t("ofer"),d=t("tRbT"),s=t("30+C"),u=t("oa/T"),m=t("dfam"),h=t("JrkS"),b=t("KJax"),p=t("6Obz"),g=t("ZGBi"),f=t("UhlP"),k=t("YZdJ"),y=t("tBK6"),v=t("ExZL"),E=t("9Dj+"),w=t("H8eV"),O=t("kW/L"),x=t("5++N"),j=t("SNLP"),C={data:x.c,donutWidth:0,height:200,labels:{displayFn:function(){return""},display:!1},visible:{},width:300};function N(e,a){switch(a.type){case"toggleVisible":return void(e.visible[a.key]=!!e.visible.hasOwnProperty(a.key)&&!e.visible[a.key]);case"setData":return void(e.data=a.data);case"setDonutWidth":return void(e.donutWidth=a.width);case"showLabels":return void(e.labels.display=a.show)}}a.default=function(){var e=Object(l.useState)(0),a=e[0],t=e[1],c=Object(o.a)(N,C),$=c[0],S=c[1],B=Object(j.dataToSpreadSheet)($.data),P=n.a.createElement(k.a,{width:$.width,height:$.height,donutWidth:$.donutWidth,labels:$.labels,data:$.data,colorScheme:x.g,visible:$.visible});return n.a.createElement(E.a,null,n.a.createElement(w.a,{title:"Histogram",description:""}),n.a.createElement(i.a,{variant:"h2"},"Pie Chart"),n.a.createElement("div",null,n.a.createElement(d.a,{container:!0,spacing:5,className:"wrapper"},n.a.createElement(d.a,{item:!0,xs:12,md:6},n.a.createElement(s.a,null,n.a.createElement(u.a,null,P,n.a.createElement(y.a,{data:$.data,theme:x.g,onSelect:function(e){return S({type:"toggleVisible",key:e})},visible:$.visible}))),n.a.createElement("br",null),n.a.createElement(s.a,null,n.a.createElement(u.a,null,n.a.createElement(v.a,{component:P})))),n.a.createElement(d.a,{item:!0,xs:12,md:6},n.a.createElement(s.a,null,n.a.createElement(u.a,null,n.a.createElement(m.a,{value:a,onChange:function(e,a){return t(a)}},n.a.createElement(h.a,{label:"Data"}),n.a.createElement(h.a,{label:"Styling"})),0===a&&n.a.createElement(O.a,null,n.a.createElement(r.a,{data:B,valueRenderer:function(e){return e.value},sheetRenderer:function(e){return n.a.createElement("table",{className:e.className},n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",{className:"action-cell"},"Bin"),$.data.counts.map((function(e){return n.a.createElement("th",{key:e.label,className:"action-cell"},e.label)})))),n.a.createElement("tbody",null,e.children))},onCellsChanged:function(e){e.forEach((function(e){e.cell;var a=e.row,t=e.col,l=e.value;0===t?$.data.bins[a]=l:$.data.counts[t-1].data[a]=Number(l)})),S({type:"setData",data:$.data})}})),1===a&&n.a.createElement(O.a,null,n.a.createElement(d.a,{container:!0},n.a.createElement(d.a,{item:!0,xs:12,md:6},n.a.createElement(b.a,null,n.a.createElement(i.a,null,"Donut ",n.a.createElement("small",null,"(",$.donutWidth,")")),n.a.createElement(p.a,{value:$.donutWidth,"aria-labelledby":"label",step:1,onChange:function(e,a){return S({type:"setDonutWidth",width:Number(a)})}})),n.a.createElement(b.a,null,n.a.createElement(g.a,{control:n.a.createElement(f.a,{checked:$.labels.display,color:"primary",onChange:function(e,a){S({type:"showLabels",show:a})}}),label:"Show labels"})))))))))))}},UhlP:function(e,a,t){"use strict";var l=t("k1TG"),n=t("aXB2"),c=t("q1tI"),r=t("iuhU"),o=t("H2TA"),i=t("ye/S"),d=t("NqtD"),s=t("8j0Q"),u=t("yCxk"),m=t("EHdT"),h=t("PsDL"),b=c.forwardRef((function(e,a){var t=e.autoFocus,o=e.checked,i=e.checkedIcon,d=e.classes,b=e.className,p=e.defaultChecked,g=e.disabled,f=e.icon,k=e.id,y=e.inputProps,v=e.inputRef,E=e.name,w=e.onBlur,O=e.onChange,x=e.onFocus,j=e.readOnly,C=e.required,N=e.tabIndex,$=e.type,S=e.value,B=Object(n.a)(e,["autoFocus","checked","checkedIcon","classes","className","defaultChecked","disabled","icon","id","inputProps","inputRef","name","onBlur","onChange","onFocus","readOnly","required","tabIndex","type","value"]),P=Object(u.a)({controlled:o,default:Boolean(p),name:"SwitchBase",state:"checked"}),R=Object(s.a)(P,2),I=R[0],D=R[1],L=Object(m.a)(),T=g;L&&void 0===T&&(T=L.disabled);var z="checkbox"===$||"radio"===$;return c.createElement(h.a,Object(l.a)({component:"span",className:Object(r.a)(d.root,b,I&&d.checked,T&&d.disabled),disabled:T,tabIndex:null,role:void 0,onFocus:function(e){x&&x(e),L&&L.onFocus&&L.onFocus(e)},onBlur:function(e){w&&w(e),L&&L.onBlur&&L.onBlur(e)},ref:a},B),c.createElement("input",Object(l.a)({autoFocus:t,checked:o,defaultChecked:p,className:d.input,disabled:T,id:z&&k,name:E,onChange:function(e){var a=e.target.checked;D(a),O&&O(e,a)},readOnly:j,ref:v,required:C,tabIndex:N,type:$,value:S},y)),I?i:f)})),p=Object(o.a)({root:{padding:9},checked:{},disabled:{},input:{cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}},{name:"PrivateSwitchBase"})(b),g=c.forwardRef((function(e,a){var t=e.classes,o=e.className,i=e.color,s=void 0===i?"secondary":i,u=e.edge,m=void 0!==u&&u,h=e.size,b=void 0===h?"medium":h,g=Object(n.a)(e,["classes","className","color","edge","size"]),f=c.createElement("span",{className:t.thumb});return c.createElement("span",{className:Object(r.a)(t.root,o,{start:t.edgeStart,end:t.edgeEnd}[m],"small"===b&&t["size".concat(Object(d.a)(b))])},c.createElement(p,Object(l.a)({type:"checkbox",icon:f,checkedIcon:f,classes:{root:Object(r.a)(t.switchBase,t["color".concat(Object(d.a)(s))]),input:t.input,checked:t.checked,disabled:t.disabled},ref:a},g)),c.createElement("span",{className:t.track}))}));a.a=Object(o.a)((function(e){return{root:{display:"inline-flex",width:58,height:38,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"}},edgeStart:{marginLeft:-8},edgeEnd:{marginRight:-8},switchBase:{position:"absolute",top:0,left:0,zIndex:1,color:"light"===e.palette.type?e.palette.grey[50]:e.palette.grey[400],transition:e.transitions.create(["left","transform"],{duration:e.transitions.duration.shortest}),"&$checked":{transform:"translateX(20px)"},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{opacity:.5},"&$disabled + $track":{opacity:"light"===e.palette.type?.12:.1}},colorPrimary:{"&$checked":{color:e.palette.primary.main,"&:hover":{backgroundColor:Object(i.b)(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.primary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},colorSecondary:{"&$checked":{color:e.palette.secondary.main,"&:hover":{backgroundColor:Object(i.b)(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.secondary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},sizeSmall:{width:40,height:24,padding:7,"& $thumb":{width:16,height:16},"& $switchBase":{padding:4,"&$checked":{transform:"translateX(16px)"}}},checked:{},disabled:{},input:{left:"-100%",width:"300%"},thumb:{boxShadow:e.shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"},track:{height:"100%",width:"100%",borderRadius:7,zIndex:-1,transition:e.transitions.create(["opacity","background-color"],{duration:e.transitions.duration.shortest}),backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white,opacity:"light"===e.palette.type?.38:.3}}}),{name:"MuiSwitch"})(g)},ZGBi:function(e,a,t){"use strict";var l=t("k1TG"),n=t("aXB2"),c=t("q1tI"),r=t("iuhU"),o=t("EHdT"),i=t("H2TA"),d=t("ofer"),s=t("NqtD"),u=c.forwardRef((function(e,a){e.checked;var t=e.classes,i=e.className,u=e.control,m=e.disabled,h=(e.inputRef,e.label),b=e.labelPlacement,p=void 0===b?"end":b,g=(e.name,e.onChange,e.value,Object(n.a)(e,["checked","classes","className","control","disabled","inputRef","label","labelPlacement","name","onChange","value"])),f=Object(o.a)(),k=m;void 0===k&&void 0!==u.props.disabled&&(k=u.props.disabled),void 0===k&&f&&(k=f.disabled);var y={disabled:k};return["checked","name","onChange","value","inputRef"].forEach((function(a){void 0===u.props[a]&&void 0!==e[a]&&(y[a]=e[a])})),c.createElement("label",Object(l.a)({className:Object(r.a)(t.root,i,"end"!==p&&t["labelPlacement".concat(Object(s.a)(p))],k&&t.disabled),ref:a},g),c.cloneElement(u,y),c.createElement(d.a,{component:"span",className:Object(r.a)(t.label,k&&t.disabled)},h))}));a.a=Object(i.a)((function(e){return{root:{display:"inline-flex",alignItems:"center",cursor:"pointer",verticalAlign:"middle",WebkitTapHighlightColor:"transparent",marginLeft:-11,marginRight:16,"&$disabled":{cursor:"default"}},labelPlacementStart:{flexDirection:"row-reverse",marginLeft:16,marginRight:-11},labelPlacementTop:{flexDirection:"column-reverse",marginLeft:16},labelPlacementBottom:{flexDirection:"column",marginLeft:16},disabled:{},label:{"&$disabled":{color:e.palette.text.disabled}}}}),{name:"MuiFormControlLabel"})(u)}}]);
//# sourceMappingURL=component---src-pages-pie-tsx-bb034589f6143b5c2e17.js.map