@bikdotai/bik-component-library 0.0.721-beta.35 → 0.0.721-beta.36
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
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/react/jsx-runtime.js"),i=require("chart.js"),t=require("react-chartjs-2"),r=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),o=require("../LineChart/LineChart.styled.js"),n=require("../utils/calcPercentage.js"),s=require("./VerticalBarAndLinearGraph.styles.js"),l=require("./VerticalBarAndLinearGraphModel.js");i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip);exports.VerticalBarAndLinearGraph=i=>{var x,d,c,u,p,A,g,b,j,S;const h=[0,0,0,0,0,0],O=-1===i.barAxis.data.findIndex((e=>0!==e)),m=-1===i.lineAxis.data.findIndex((e=>0!==e)),R=!i.lineAxis2||-1===i.lineAxis2.data.findIndex((e=>0!==e)),C={min:0,max:2e3,stepSize:200},f=[{legend:i.barAxis.title,color:i.barAxis.graphColor},{legend:i.lineAxis.title,color:i.lineAxis.graphColor},...i.lineAxis2?[{legend:i.lineAxis2.title,color:i.lineAxis2.graphColor}]:[]],y={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!i.xAxis.title,text:i.xAxis.title,color:i.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:null!==(x=i.xAxis.labelColor)&&void 0!==x?x:a.COLORS.content.secondary,callback:(null===(d=i.xAxis)||void 0===d?void 0:d.axisSuffix)?e=>`${e}${i.xAxis.axisSuffix}`:void 0}},bar:{position:"left",title:{display:!!i.barAxis.title,text:i.barAxis.title,color:i.barAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{borderColor:"white",color:a.COLORS.background.base},max:null===(c=null==i?void 0:i.barAxis)||void 0===c?void 0:c.max,ticks:Object.assign(Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(u=i.barAxis.labelColor)&&void 0!==u?u:a.COLORS.content.secondary},O?C:{}),{callback:i.orientation===l.GRAPH_ORIENTATION.HORIZONTAL?e=>{var t;return`${i.isInternationalStore?n.truncateValueForInternationalStore(e):n.truncateValueForIndianStore(e)}${(null===(t=i.barAxis)||void 0===t?void 0:t.axisSuffix)||""}`}:(null===(p=i.barAxis)||void 0===p?void 0:p.axisSuffix)?e=>`${e}${i.barAxis.axisSuffix}`:void 0})},line:{position:"right",title:{display:!!i.lineAxis.title,text:i.lineAxis.title,color:i.lineAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},max:null===(A=null==i?void 0:i.lineAxis)||void 0===A?void 0:A.max,grid:{display:!1,borderColor:"white",color:a.COLORS.background.base},ticks:Object.assign(Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(g=i.lineAxis.labelColor)&&void 0!==g?g:a.COLORS.content.secondary},m?C:{}),{callback:i.orientation===l.GRAPH_ORIENTATION.HORIZONTAL?e=>{var t;return`${i.isInternationalStore?n.truncateValueForInternationalStore(e):n.truncateValueForIndianStore(e)}${(null===(t=i.lineAxis)||void 0===t?void 0:t.axisSuffix)||""}`}:(null===(b=i.lineAxis)||void 0===b?void 0:b.axisSuffix)?e=>`${e}${i.lineAxis.axisSuffix}`:void 0}),display:!0}},maintainAspectRatio:!1};i.orientation&&i.orientation!==l.GRAPH_ORIENTATION.VERTICAL?(delete y.scales.bar.ticks.callback,delete y.scales.line.ticks.callback):delete y.scales.x.ticks.callback;const v={labels:i.xAxis.forceShowXAxis?i.xAxis.data.map((e=>e.toString())):O&&m&&R?["-","-","-","-","-","-"]:i.xAxis.data.map((e=>e.toString())),datasets:[{yAxisID:"line",type:"line",data:i.noDummyValues?i.lineAxis.data:m?h:i.lineAxis.data,borderColor:i.lineAxis.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1},...i.lineAxis2?[{yAxisID:"line",type:"line",data:i.noDummyValues?i.lineAxis2.data:R?h:i.lineAxis2.data,borderColor:i.lineAxis2.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1}]:[],{yAxisID:"bar",type:"bar",data:i.noDummyValues?i.barAxis.data:O?h:i.barAxis.data,backgroundColor:i.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxRuntimeExports.jsxs(s.GraphWrapper,{children:[i.customLegend?e.jsxRuntimeExports.jsxs(s.LegendsWrapper,{children:[" ",f.map(((i,t)=>{let{legend:o,color:n}=i;return o?e.jsxRuntimeExports.jsxs(s.LegendMiddleWrapper,{children:[e.jsxRuntimeExports.jsx(s.LegendColorBox,{color:n}),e.jsxRuntimeExports.jsx(r.BodyTiny,Object.assign({color:a.COLORS.content.secondary},{children:o}))]},t):null}))]}):e.jsxRuntimeExports.jsx(o.LegendWrapper,Object.assign({position:"center"},{children:f.map(((i,t)=>{let{legend:a,color:n}=i;return a?e.jsxRuntimeExports.jsxs(o.LegendContainer,{children:[e.jsxRuntimeExports.jsx(o.LegendColor,{color:n}),e.jsxRuntimeExports.jsx(r.SmallRegular,Object.assign({color:"#667085"},{children:a}))]},t):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})}))})),e.jsxRuntimeExports.jsxs(s.GraphContainerWrapper,{children:[i.chartHeading&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsxRuntimeExports.jsx(r.TitleRegular,Object.assign({color:null!==(j=i.chartHeading.color)&&void 0!==j?j:a.COLORS.content.secondary},{children:i.chartHeading.heading}))})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{height:null!==(S=i.graphCanvasHeight)&&void 0!==S?S:500}},{children:e.jsxRuntimeExports.jsx(t.Chart,{type:"bar",data:v,options:y})}))]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as i}from"../../../../node_modules/react/jsx-runtime.js";import{Chart as
|
|
1
|
+
import{j as i}from"../../../../node_modules/react/jsx-runtime.js";import{Chart as e,CategoryScale as o,LinearScale as t,BarElement as a,Tooltip as l}from"chart.js";import{Chart as r}from"react-chartjs-2";import{SmallRegular as s,TitleRegular as n,BodyTiny as d}from"../../../TypographyStyle.js";import{FONTS as c,COLORS as x}from"../../../../constants/Theme.js";import{LegendWrapper as b,LegendContainer as A,LegendColor as g}from"../LineChart/LineChart.styled.js";import{truncateValueForInternationalStore as p,truncateValueForIndianStore as u}from"../utils/calcPercentage.js";import{GraphWrapper as f,GraphContainerWrapper as m,LegendsWrapper as h,LegendMiddleWrapper as j,LegendColorBox as v}from"./VerticalBarAndLinearGraph.styles.js";import{GRAPH_ORIENTATION as y}from"./VerticalBarAndLinearGraphModel.js";e.register(o,t,a,l);const S=e=>{var o,t,a,l,S,C,k,O,z,I;const $=[0,0,0,0,0,0],L=-1===e.barAxis.data.findIndex((i=>0!==i)),R=-1===e.lineAxis.data.findIndex((i=>0!==i)),D=!e.lineAxis2||-1===e.lineAxis2.data.findIndex((i=>0!==i)),H={min:0,max:2e3,stepSize:200},V=[{legend:e.barAxis.title,color:e.barAxis.graphColor},{legend:e.lineAxis.title,color:e.lineAxis.graphColor},...e.lineAxis2?[{legend:e.lineAxis2.title,color:e.lineAxis2.graphColor}]:[]],T={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:c.caption.fontSize}},grid:{display:!1,borderColor:x.background.base},ticks:{fontSize:c.caption.fontSize,color:null!==(o=e.xAxis.labelColor)&&void 0!==o?o:x.content.secondary,callback:(null===(t=e.xAxis)||void 0===t?void 0:t.axisSuffix)?i=>`${i}${e.xAxis.axisSuffix}`:void 0}},bar:{position:"left",title:{display:!!e.barAxis.title,text:e.barAxis.title,color:e.barAxis.titleColor,font:{size:c.caption.fontSize}},grid:{borderColor:"white",color:x.background.base},max:null===(a=null==e?void 0:e.barAxis)||void 0===a?void 0:a.max,ticks:Object.assign(Object.assign({fontSize:c.caption.fontSize,color:null!==(l=e.barAxis.labelColor)&&void 0!==l?l:x.content.secondary},L?H:{}),{callback:e.orientation===y.HORIZONTAL?i=>{var o;return`${e.isInternationalStore?p(i):u(i)}${(null===(o=e.barAxis)||void 0===o?void 0:o.axisSuffix)||""}`}:(null===(S=e.barAxis)||void 0===S?void 0:S.axisSuffix)?i=>`${i}${e.barAxis.axisSuffix}`:void 0})},line:{position:"right",title:{display:!!e.lineAxis.title,text:e.lineAxis.title,color:e.lineAxis.titleColor,font:{size:c.caption.fontSize}},max:null===(C=null==e?void 0:e.lineAxis)||void 0===C?void 0:C.max,grid:{display:!1,borderColor:"white",color:x.background.base},ticks:Object.assign(Object.assign({fontSize:c.caption.fontSize,color:null!==(k=e.lineAxis.labelColor)&&void 0!==k?k:x.content.secondary},R?H:{}),{callback:e.orientation===y.HORIZONTAL?i=>{var o;return`${e.isInternationalStore?p(i):u(i)}${(null===(o=e.lineAxis)||void 0===o?void 0:o.axisSuffix)||""}`}:(null===(O=e.lineAxis)||void 0===O?void 0:O.axisSuffix)?i=>`${i}${e.lineAxis.axisSuffix}`:void 0}),display:!0}},maintainAspectRatio:!1};e.orientation&&e.orientation!==y.VERTICAL?(delete T.scales.bar.ticks.callback,delete T.scales.line.ticks.callback):delete T.scales.x.ticks.callback;const w={labels:e.xAxis.forceShowXAxis?e.xAxis.data.map((i=>i.toString())):L&&R&&D?["-","-","-","-","-","-"]:e.xAxis.data.map((i=>i.toString())),datasets:[{yAxisID:"line",type:"line",data:e.noDummyValues?e.lineAxis.data:R?$:e.lineAxis.data,borderColor:e.lineAxis.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1},...e.lineAxis2?[{yAxisID:"line",type:"line",data:e.noDummyValues?e.lineAxis2.data:D?$:e.lineAxis2.data,borderColor:e.lineAxis2.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1}]:[],{yAxisID:"bar",type:"bar",data:e.noDummyValues?e.barAxis.data:L?$:e.barAxis.data,backgroundColor:e.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i.jsxs(f,{children:[e.customLegend?i.jsxs(h,{children:[" ",V.map(((e,o)=>{let{legend:t,color:a}=e;return t?i.jsxs(j,{children:[i.jsx(v,{color:a}),i.jsx(d,Object.assign({color:x.content.secondary},{children:t}))]},o):null}))]}):i.jsx(b,Object.assign({position:"center"},{children:V.map(((e,o)=>{let{legend:t,color:a}=e;return t?i.jsxs(A,{children:[i.jsx(g,{color:a}),i.jsx(s,Object.assign({color:"#667085"},{children:t}))]},o):i.jsx(i.Fragment,{})}))})),i.jsxs(m,{children:[e.chartHeading&&i.jsx("div",Object.assign({style:{marginBottom:24}},{children:i.jsx(n,Object.assign({color:null!==(z=e.chartHeading.color)&&void 0!==z?z:x.content.secondary},{children:e.chartHeading.heading}))})),i.jsx("div",Object.assign({style:{height:null!==(I=e.graphCanvasHeight)&&void 0!==I?I:500}},{children:i.jsx(r,{type:"bar",data:w,options:T})}))]})]})};export{S as VerticalBarAndLinearGraph};
|