@bikdotai/bik-component-library 0.0.760 → 0.0.761

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js

@@ -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"),i=require("../../../TypographyStyle.js"),r=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,p,x,g,b;const y=-1===e.xAxis.data.findIndex((t=>0!==t)),S={min:0,max:2e3,stepSize:null!==(a=e.xAxis.stepSize)&&void 0!==a?a:200},h={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:e.maintainAspectRatio,layout:{padding:{right:e.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!y,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=!y&&e.showTotal)&&void 0!==u&&u,anchor:"end",align:"end",clamp:!0,formatter:(t,a)=>{var o;const i=a.datasetIndex,r=a.chart.data.datasets;if(i!==r.length-1)return"";const n=a.dataIndex;let s=0;for(let t=0;t<r.length;t++)s+=null!==(o=r[t].data[n])&&void 0!==o?o:0;return s?e.isInternationalStore?l.truncateValueForInternationalStore(s):l.truncateValueForIndianStore(s):""},color:r.COLORS.content.secondary}},scales:{y:{title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:r.FONTS.caption.fontSize,color:e.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:r.COLORS.background.base},ticks:{fontSize:r.FONTS.caption.fontSize,color:null!==(p=e.yAxis.labelColor)&&void 0!==p?p:r.COLORS.content.secondary}},x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:r.FONTS.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:r.COLORS.background.base},ticks:Object.assign({callback:e.xAxis.ticksCallback,fontSize:r.FONTS.caption.fontSize,color:null!==(x=e.xAxis.labelColor)&&void 0!==x?x:r.COLORS.content.secondary},y?S:{max:e.xAxis.max,stepSize:e.xAxis.stepSize})}}},f={labels:e.yAxis.data.map((t=>t.toString())),datasets:[{data:y?[250,1e3,800,1500,300,600]:e.xAxis.data,backgroundColor:t=>(t=>{var a;const o=t.chart.ctx.createLinearGradient(0,0,0,200);let i="";if(y)i="rgba(0,0,0,0)";else if(e.barColorRGBA){const t=e.barColorRGBA;i=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(a=t.a)&&void 0!==a?a:"0.3"})`}return o.addColorStop(0,i||"rgba(146, 96, 237, 0.3)"),o.addColorStop(1,i||"rgba(146, 96, 237, 0.3)"),o})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t.jsxs(n.GraphContainerWrapper,Object.assign({padding:e.outerPadding,skipOuterLayout:e.skipOuterLayout},{children:[e.chartHeading&&t.jsx(i.TitleRegular,Object.assign({color:null!==(g=e.chartHeading.color)&&void 0!==g?g:r.COLORS.content.secondary},{children:e.chartHeading.heading})),t.jsx("div",Object.assign({style:{height:e.maintainAspectRatio?void 0:null!==(b=e.graphCanvasHeight)&&void 0!==b?b:500}},{children:t.jsx(o.Bar,{options:h,data:f})}))]}))};
+"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],k=e.stacked&&e.stackedDatasets&&e.stackedDatasets.length>0&&e.stackedDatasets.some((t=>t.data.some((t=>0!==t)))),S=-1!==e.xAxis.data.findIndex((t=>0!==t)),f=!k&&!S,v={min:0,max:2e3,stepSize:null!==(a=e.xAxis.stepSize)&&void 0!==a?a:200},A={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:e.maintainAspectRatio,layout:{padding:{right:e.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!f,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=!f&&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},f?v:{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)}}},O=()=>f?"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(f)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),j={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:f?y:t.data,backgroundColor:t.backgroundColor,barPercentage:.4,categoryPercentage:1,borderRadius:4}))):[{data:f?y:e.xAxis.data,backgroundColor:O(),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:A,data:j})}))]}))};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.760",
+	"version": "0.0.761",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",