@bikdotai/bik-component-library 0.0.747-beta.0 → 0.0.747-beta.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
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("chart.js"),a=require("chartjs-plugin-datalabels"),o=require("react-chartjs-2"),r=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),l=require("../utils/calcPercentage.js"),n=require("./HorizontalGraph.styles.js");function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var d=s(a);e.Chart.register(e.CategoryScale,e.LinearScale,e.BarElement,e.Tooltip,d.default);exports.HorizontalGraph=e=>{var a,s,d,c,u,g,p,x,b,C,h;const y=[250,1e3,800,1500,300,600],S=-1===e.xAxis.data.findIndex((t=>0!==t)),f={min:0,max:2e3,stepSize:null!==(a=e.xAxis.stepSize)&&void 0!==a?a:200},
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("chart.js"),a=require("chartjs-plugin-datalabels"),o=require("react-chartjs-2"),r=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),l=require("../utils/calcPercentage.js"),n=require("./HorizontalGraph.styles.js");function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var d=s(a);e.Chart.register(e.CategoryScale,e.LinearScale,e.BarElement,e.Tooltip,d.default);exports.HorizontalGraph=e=>{var a,s,d,c,u,g,p,x,b,C,h;const y=[250,1e3,800,1500,300,600],S=-1===e.xAxis.data.findIndex((t=>0!==t)),f={min:0,max:2e3,stepSize:null!==(a=e.xAxis.stepSize)&&void 0!==a?a:200},k={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:e.maintainAspectRatio,layout:{padding:{right:e.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!S,callbacks:{label:e.xAxis.toolTipCallback,footer:null===(s=e.tooltipConfig)||void 0===s?void 0:s.footerCallback},footerFont:null===(c=null===(d=e.tooltipConfig)||void 0===d?void 0:d.footerStyles)||void 0===c?void 0:c.footerFont},datalabels:{display:null!==(u=!S&&e.showTotal)&&void 0!==u&&u,anchor:"end",align:"end",clamp:!0,formatter:(t,a)=>{var o;const r=a.datasetIndex,i=a.chart.data.datasets;if(r!==i.length-1)return"";const n=a.dataIndex;let s=0;for(let t=0;t<i.length;t++)s+=null!==(o=i[t].data[n])&&void 0!==o?o:0;return s?e.isInternationalStore?l.truncateValueForInternationalStore(s):l.truncateValueForIndianStore(s):""},color:i.COLORS.content.secondary}},scales:{y:{stacked:null!==(g=e.stacked)&&void 0!==g&&g,title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:i.FONTS.caption.fontSize,color:e.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:i.COLORS.background.base},ticks:{fontSize:i.FONTS.caption.fontSize,color:null!==(p=e.yAxis.labelColor)&&void 0!==p?p:i.COLORS.content.secondary}},x:{stacked:null!==(x=e.stacked)&&void 0!==x&&x,title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:i.FONTS.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:i.COLORS.background.base},ticks:Object.assign({callback:e.xAxis.ticksCallback,fontSize:i.FONTS.caption.fontSize,color:null!==(b=e.xAxis.labelColor)&&void 0!==b?b:i.COLORS.content.secondary},S?f:{max:e.xAxis.max,stepSize:e.xAxis.stepSize})}},onClick:(t,a)=>{if(a.length>0&&e.onBarClick){const t=a[0].index;e.onBarClick(t)}}},v=()=>S?"rgba(0,0,0,0)":e.barColors&&e.barColors.length>0?e.barColors:t=>(t=>{var a;const o=t.chart.ctx.createLinearGradient(0,0,0,200);let r="";if(S)r="rgba(0,0,0,0)";else if(e.barColorRGBA){const t=e.barColorRGBA;r=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(a=t.a)&&void 0!==a?a:"0.3"})`}return o.addColorStop(0,r||"rgba(146, 96, 237, 0.3)"),o.addColorStop(1,r||"rgba(146, 96, 237, 0.3)"),o})(t),A={labels:e.yAxis.data.map((t=>t.toString())),datasets:e.stacked&&e.stackedDatasets&&e.stackedDatasets.length>0?e.stackedDatasets.map((t=>({label:t.label||"",data:S?y:t.data,backgroundColor:t.backgroundColor,barPercentage:.4,categoryPercentage:1,borderRadius:4}))):[{data:S?y:e.xAxis.data,backgroundColor:v(),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t.jsxs(n.GraphContainerWrapper,Object.assign({padding:e.outerPadding,skipOuterLayout:e.skipOuterLayout},{children:[e.chartHeading&&t.jsx(r.TitleRegular,Object.assign({color:null!==(C=e.chartHeading.color)&&void 0!==C?C:i.COLORS.content.secondary},{children:e.chartHeading.heading})),t.jsx("div",Object.assign({style:{height:e.maintainAspectRatio?void 0:null!==(h=e.graphCanvasHeight)&&void 0!==h?h:500}},{children:t.jsx(o.Bar,{options:k,data:A})}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as a,CategoryScale as e,LinearScale as i,BarElement as r,Tooltip as l}from"chart.js";import n from"chartjs-plugin-datalabels";import{Bar as s}from"react-chartjs-2";import{TitleRegular as d}from"../../../TypographyStyle.js";import{COLORS as c,FONTS as g}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as p,truncateValueForIndianStore as b}from"../utils/calcPercentage.js";import{GraphContainerWrapper as x}from"./HorizontalGraph.styles.js";a.register(e,i,r,l,n);const u=a=>{var e,i,r,l,n,u,m,f,h,y,k;const
|
|
1
|
+
import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as a,CategoryScale as e,LinearScale as i,BarElement as r,Tooltip as l}from"chart.js";import n from"chartjs-plugin-datalabels";import{Bar as s}from"react-chartjs-2";import{TitleRegular as d}from"../../../TypographyStyle.js";import{COLORS as c,FONTS as g}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as p,truncateValueForIndianStore as b}from"../utils/calcPercentage.js";import{GraphContainerWrapper as x}from"./HorizontalGraph.styles.js";a.register(e,i,r,l,n);const u=a=>{var e,i,r,l,n,u,m,f,h,y,k;const C=[250,1e3,800,1500,300,600],v=-1===a.xAxis.data.findIndex((t=>0!==t)),A={min:0,max:2e3,stepSize:null!==(e=a.xAxis.stepSize)&&void 0!==e?e:200},S={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:a.maintainAspectRatio,layout:{padding:{right:a.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!v,callbacks:{label:a.xAxis.toolTipCallback,footer:null===(i=a.tooltipConfig)||void 0===i?void 0:i.footerCallback},footerFont:null===(l=null===(r=a.tooltipConfig)||void 0===r?void 0:r.footerStyles)||void 0===l?void 0:l.footerFont},datalabels:{display:null!==(n=!v&&a.showTotal)&&void 0!==n&&n,anchor:"end",align:"end",clamp:!0,formatter:(t,o)=>{var e;const i=o.datasetIndex,r=o.chart.data.datasets;if(i!==r.length-1)return"";const l=o.dataIndex;let n=0;for(let t=0;t<r.length;t++)n+=null!==(e=r[t].data[l])&&void 0!==e?e:0;return n?a.isInternationalStore?p(n):b(n):""},color:c.content.secondary}},scales:{y:{stacked:null!==(u=a.stacked)&&void 0!==u&&u,title:{display:!!a.yAxis.title,text:a.yAxis.title,color:a.yAxis.titleColor,font:{size:g.caption.fontSize,color:a.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:c.background.base},ticks:{fontSize:g.caption.fontSize,color:null!==(m=a.yAxis.labelColor)&&void 0!==m?m:c.content.secondary}},x:{stacked:null!==(f=a.stacked)&&void 0!==f&&f,title:{display:!!a.xAxis.title,text:a.xAxis.title,color:a.xAxis.titleColor,font:{size:g.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:c.background.base},ticks:Object.assign({callback:a.xAxis.ticksCallback,fontSize:g.caption.fontSize,color:null!==(h=a.xAxis.labelColor)&&void 0!==h?h:c.content.secondary},v?A:{max:a.xAxis.max,stepSize:a.xAxis.stepSize})}},onClick:(t,o)=>{if(o.length>0&&a.onBarClick){const t=o[0].index;a.onBarClick(t)}}},z=()=>v?"rgba(0,0,0,0)":a.barColors&&a.barColors.length>0?a.barColors:t=>(t=>{var o;const e=t.chart.ctx.createLinearGradient(0,0,0,200);let i="";if(v)i="rgba(0,0,0,0)";else if(a.barColorRGBA){const t=a.barColorRGBA;i=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(o=t.a)&&void 0!==o?o:"0.3"})`}return e.addColorStop(0,i||"rgba(146, 96, 237, 0.3)"),e.addColorStop(1,i||"rgba(146, 96, 237, 0.3)"),e})(t),j={labels:a.yAxis.data.map((t=>t.toString())),datasets:a.stacked&&a.stackedDatasets&&a.stackedDatasets.length>0?a.stackedDatasets.map((t=>({label:t.label||"",data:v?C:t.data,backgroundColor:t.backgroundColor,barPercentage:.4,categoryPercentage:1,borderRadius:4}))):[{data:v?C:a.xAxis.data,backgroundColor:z(),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(x,Object.assign({padding:a.outerPadding,skipOuterLayout:a.skipOuterLayout},{children:[a.chartHeading&&o(d,Object.assign({color:null!==(y=a.chartHeading.color)&&void 0!==y?y:c.content.secondary},{children:a.chartHeading.heading})),o("div",Object.assign({style:{height:a.maintainAspectRatio?void 0:null!==(k=a.graphCanvasHeight)&&void 0!==k?k:500}},{children:o(s,{options:S,data:j})}))]}))};export{u as HorizontalGraph};
|