@bikdotai/bik-component-library 0.0.718-beta.16 → 0.0.718-beta.17
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.
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraphModel.d.ts +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraphModel.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
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"),n=require("../LineChart/LineChart.styled.js"),s=require("../utils/calcPercentage.js"),o=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,p,u,g,b,A;const j=[0,0,0,0,0,0],h=-1===i.barAxis.data.findIndex((e=>0!==e)),O=-1===i.lineAxis.data.findIndex((e=>0!==e)),S=!i.lineAxis2||-1===i.lineAxis2.data.findIndex((e=>0!==e)),f={min:0,max:2e3,stepSize:200},
|
|
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"),n=require("../LineChart/LineChart.styled.js"),s=require("../utils/calcPercentage.js"),o=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,p,u,g,b,A;const j=[0,0,0,0,0,0],h=-1===i.barAxis.data.findIndex((e=>0!==e)),O=-1===i.lineAxis.data.findIndex((e=>0!==e)),S=!i.lineAxis2||-1===i.lineAxis2.data.findIndex((e=>0!==e)),f={min:0,max:2e3,stepSize:200},y=[{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}]:[]],m={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},ticks:Object.assign(Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(c=i.barAxis.labelColor)&&void 0!==c?c:a.COLORS.content.secondary},h?f:{}),{callback:i.orientation===l.GRAPH_ORIENTATION.HORIZONTAL?e=>{var t;return`${i.isInternationalStore?s.truncateValueForInternationalStore(e):s.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}},grid:{display:!1,borderColor:"white",color:a.COLORS.background.base},ticks:Object.assign(Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(u=i.lineAxis.labelColor)&&void 0!==u?u:a.COLORS.content.secondary},O?f:{}),{callback:i.orientation===l.GRAPH_ORIENTATION.HORIZONTAL?e=>{var t;return`${i.isInternationalStore?s.truncateValueForInternationalStore(e):s.truncateValueForIndianStore(e)}${(null===(t=i.lineAxis)||void 0===t?void 0:t.axisSuffix)||""}`}:(null===(g=i.lineAxis)||void 0===g?void 0:g.axisSuffix)?e=>`${e}${i.lineAxis.axisSuffix}`:void 0}),display:!0}},maintainAspectRatio:!1};i.orientation&&i.orientation!==l.GRAPH_ORIENTATION.VERTICAL?(delete m.scales.bar.ticks.callback,delete m.scales.line.ticks.callback):delete m.scales.x.ticks.callback;const R={labels:i.xAxis.forceShowXAxis?i.xAxis.data.map((e=>e.toString())):h&&O&&S?["-","-","-","-","-","-"]:i.xAxis.data.map((e=>e.toString())),datasets:[{yAxisID:"line",type:"line",data:i.noDummyValues?i.lineAxis.data:O?j: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:S?j: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:h?j:i.barAxis.data,backgroundColor:i.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:2}},{children:[i.customLegend?e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:"flex-end",flexWrap:"wrap"}},{children:y.map(((i,t)=>{let{legend:n,color:s}=i;return n?e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"4px"}},{children:[e.jsxRuntimeExports.jsx("div",{style:{backgroundColor:s,width:"16px",height:"16px",borderRadius:"2px"}}),e.jsxRuntimeExports.jsx(r.BodyTiny,Object.assign({color:a.COLORS.content.secondary},{children:n}))]}),t):null}))})):e.jsxRuntimeExports.jsx(n.LegendWrapper,Object.assign({position:"center"},{children:y.map(((i,t)=>{let{legend:a,color:s}=i;return a?e.jsxRuntimeExports.jsxs(n.LegendContainer,{children:[e.jsxRuntimeExports.jsx(n.LegendColor,{color:s}),e.jsxRuntimeExports.jsx(r.SmallRegular,Object.assign({color:"#667085"},{children:a}))]},t):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})}))})),e.jsxRuntimeExports.jsxs(o.GraphContainerWrapper,{children:[i.chartHeading&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsxRuntimeExports.jsx(r.TitleRegular,Object.assign({color:null!==(b=i.chartHeading.color)&&void 0!==b?b:a.COLORS.content.secondary},{children:i.chartHeading.heading}))})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{height:null!==(A=i.graphCanvasHeight)&&void 0!==A?A:500}},{children:e.jsxRuntimeExports.jsx(t.Chart,{type:"bar",data:R,options:m})}))]})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as i}from"../../../../node_modules/react/jsx-runtime.js";import{Chart as e,CategoryScale as t,LinearScale as o,BarElement as a,Tooltip as l}from"chart.js";import{Chart as
|
|
1
|
+
import{j as i}from"../../../../node_modules/react/jsx-runtime.js";import{Chart as e,CategoryScale as t,LinearScale as o,BarElement as a,Tooltip as l}from"chart.js";import{Chart as s}from"react-chartjs-2";import{SmallRegular as r,TitleRegular as n,BodyTiny as d}from"../../../TypographyStyle.js";import{FONTS as x,COLORS as c}from"../../../../constants/Theme.js";import{LegendWrapper as p,LegendContainer as g,LegendColor as b}from"../LineChart/LineChart.styled.js";import{truncateValueForInternationalStore as A,truncateValueForIndianStore as f}from"../utils/calcPercentage.js";import{GraphContainerWrapper as u}from"./VerticalBarAndLinearGraph.styles.js";import{GRAPH_ORIENTATION as h}from"./VerticalBarAndLinearGraphModel.js";e.register(t,o,a,l);const m=e=>{var t,o,a,l,m,j,y,v;const C=[0,0,0,0,0,0],S=-1===e.barAxis.data.findIndex((i=>0!==i)),k=-1===e.lineAxis.data.findIndex((i=>0!==i)),O=!e.lineAxis2||-1===e.lineAxis2.data.findIndex((i=>0!==i)),z={min:0,max:2e3,stepSize:200},I=[{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}]:[]],$={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:x.caption.fontSize}},grid:{display:!1,borderColor:c.background.base},ticks:{fontSize:x.caption.fontSize,color:null!==(t=e.xAxis.labelColor)&&void 0!==t?t:c.content.secondary,callback:(null===(o=e.xAxis)||void 0===o?void 0:o.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:x.caption.fontSize}},grid:{borderColor:"white",color:c.background.base},ticks:Object.assign(Object.assign({fontSize:x.caption.fontSize,color:null!==(a=e.barAxis.labelColor)&&void 0!==a?a:c.content.secondary},S?z:{}),{callback:e.orientation===h.HORIZONTAL?i=>{var t;return`${e.isInternationalStore?A(i):f(i)}${(null===(t=e.barAxis)||void 0===t?void 0:t.axisSuffix)||""}`}:(null===(l=e.barAxis)||void 0===l?void 0:l.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:x.caption.fontSize}},grid:{display:!1,borderColor:"white",color:c.background.base},ticks:Object.assign(Object.assign({fontSize:x.caption.fontSize,color:null!==(m=e.lineAxis.labelColor)&&void 0!==m?m:c.content.secondary},k?z:{}),{callback:e.orientation===h.HORIZONTAL?i=>{var t;return`${e.isInternationalStore?A(i):f(i)}${(null===(t=e.lineAxis)||void 0===t?void 0:t.axisSuffix)||""}`}:(null===(j=e.lineAxis)||void 0===j?void 0:j.axisSuffix)?i=>`${i}${e.lineAxis.axisSuffix}`:void 0}),display:!0}},maintainAspectRatio:!1};e.orientation&&e.orientation!==h.VERTICAL?(delete $.scales.bar.ticks.callback,delete $.scales.line.ticks.callback):delete $.scales.x.ticks.callback;const D={labels:e.xAxis.forceShowXAxis?e.xAxis.data.map((i=>i.toString())):S&&k&&O?["-","-","-","-","-","-"]:e.xAxis.data.map((i=>i.toString())),datasets:[{yAxisID:"line",type:"line",data:e.noDummyValues?e.lineAxis.data:k?C: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:O?C: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:S?C:e.barAxis.data,backgroundColor:e.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:2}},{children:[e.customLegend?i.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:"flex-end",flexWrap:"wrap"}},{children:I.map(((e,t)=>{let{legend:o,color:a}=e;return o?i.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"4px"}},{children:[i.jsx("div",{style:{backgroundColor:a,width:"16px",height:"16px",borderRadius:"2px"}}),i.jsx(d,Object.assign({color:c.content.secondary},{children:o}))]}),t):null}))})):i.jsx(p,Object.assign({position:"center"},{children:I.map(((e,t)=>{let{legend:o,color:a}=e;return o?i.jsxs(g,{children:[i.jsx(b,{color:a}),i.jsx(r,Object.assign({color:"#667085"},{children:o}))]},t):i.jsx(i.Fragment,{})}))})),i.jsxs(u,{children:[e.chartHeading&&i.jsx("div",Object.assign({style:{marginBottom:24}},{children:i.jsx(n,Object.assign({color:null!==(y=e.chartHeading.color)&&void 0!==y?y:c.content.secondary},{children:e.chartHeading.heading}))})),i.jsx("div",Object.assign({style:{height:null!==(v=e.graphCanvasHeight)&&void 0!==v?v:500}},{children:i.jsx(s,{type:"bar",data:D,options:$})}))]})]}))};export{m as VerticalBarAndLinearGraph};
|