@pablo-amberflo/ui-kit-test/dist/molecules.js

Amberflo UI Kit

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("chart.js"),o=require("react-chartjs-2"),t=require("@mui/material");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e);r.Chart.register(r.CategoryScale,r.LinearScale,r.BarElement,r.Title,r.Tooltip,r.Legend);const c=e=>{const r=e.toString().split(".")[1],o=r&&r.length>2?r.length:2;return parseFloat(e).toFixed(o)},n={responsive:!0,indexAxis:"y",plugins:{title:{display:!0,text:"Usage by dimensions",position:"top",fullSize:!0,font:{color:"#212121",size:16},padding:{bottom:50}},legend:{position:"bottom",labels:{boxWidth:7,usePointStyle:!0,pointStyle:"circle",color:"#212121",padding:20,font:{size:14}}}},scales:{y:{beginAtZero:!0,grid:{color:"#cccccc",borderDash:[4,4]},stacked:!0,ticks:{color:"#212121",font:{size:14},callback:e=>0!==Math.floor(e)?`$${c(e)}`:e}},x:{stacked:!0,grid:{color:"transparent"},ticks:{color:"black",font:{size:14}}}}},d={labels:["08/01","08/02","08/03"],datasets:[{label:"us-east-1",backgroundColor:"#55BDC5",borderColor:"#55BDC5",hoverBackgroundColor:"#55BDC5",hoverBorderColor:"#55BDC5",barPercentage:.7,categoryPercentage:.3,data:[1200,1500,2e3]},{label:"us-east-2",backgroundColor:"#4D49CB",borderColor:"#4D49CB",hoverBackgroundColor:"#4D49CB",hoverBorderColor:"#4D49CB",barPercentage:.7,categoryPercentage:.3,data:[900,800,1222]},{label:"us-west-1",backgroundColor:"#DC8B39",borderColor:"#DC8B39",hoverBackgroundColor:"#DC8B39",hoverBorderColor:"#DC8B39",barPercentage:.7,categoryPercentage:.3,data:[650,700,890]},{label:"us-west-2",backgroundColor:"#ca03fc",borderColor:"#ca03fc",hoverBackgroundColor:"#ca03fc",hoverBorderColor:"black",barPercentage:.7,categoryPercentage:.3,data:[650,700,890]}]};exports.BarGraph=e=>{const{options:r,data:a}=e;return l.default.createElement("div",{style:{padding:"4rem"}},l.default.createElement(t.Paper,{style:{padding:"2rem 2rem 1rem 2rem",boxShadow:"rgba(0, 0, 0, 0.24) 0px 3px 8px"}},l.default.createElement(o.Bar,{options:r||n,data:a||d})))},exports.addZeroAfterDecimal=c;