@bikdotai/bik-component-library 0.0.467-beta-analytics-1 → 0.0.467-beta-analytics-2
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/HorizontalBarGraph/HorizontalGraph.js +1 -1
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js +1 -1
- package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),i=require("react-chartjs-2"),a=require("../../../TypographyStyle.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),i=require("react-chartjs-2"),a=require("../../../TypographyStyle.js"),o=require("../../../../constants/Theme.js"),r=require("./HorizontalGraph.styles.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip);exports.HorizontalGraph=t=>{var l,s,n,c,d;const x=-1===t.xAxis.data.findIndex((e=>0!==e)),p={min:0,max:2e3,stepSize:null!==(l=t.xAxis.stepSize)&&void 0!==l?l:200},g={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:t.maintainAspectRatio,plugins:{legend:{display:!1},tooltip:{enabled:!x,callbacks:{label:t.xAxis.toolTipCallback}}},scales:{y:{title:{display:!!t.yAxis.title,text:t.yAxis.title,color:t.yAxis.titleColor,font:{size:o.FONTS.caption.fontSize,color:t.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:o.COLORS.background.base},ticks:{fontSize:o.FONTS.caption.fontSize,color:null!==(s=t.yAxis.labelColor)&&void 0!==s?s:o.COLORS.content.secondary}},x:{title:{display:!!t.xAxis.title,text:t.xAxis.title,color:t.xAxis.titleColor,font:{size:o.FONTS.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:o.COLORS.background.base},ticks:Object.assign({callback:t.xAxis.ticksCallback,fontSize:o.FONTS.caption.fontSize,color:null!==(n=t.xAxis.labelColor)&&void 0!==n?n:o.COLORS.content.secondary},x?p:{max:t.xAxis.max,stepSize:t.xAxis.stepSize})}}},b={labels:t.yAxis.data.map((e=>e.toString())),datasets:[{data:x?[250,1e3,800,1500,300,600]:t.xAxis.data,backgroundColor:e=>(e=>{var i;const a=e.chart.ctx.createLinearGradient(0,0,0,200);let o="";if(x)o="rgba(0,0,0,0)";else if(t.barColorRGBA){const e=t.barColorRGBA;o=`rgba(${e.r}, ${e.g}, ${e.b}, ${null!==(i=e.a)&&void 0!==i?i:"0.3"})`}return a.addColorStop(0,o||"rgba(146, 96, 237, 0.3)"),a.addColorStop(1,o||"rgba(146, 96, 237, 0.3)"),a})(e),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxs(r.GraphContainerWrapper,Object.assign({padding:t.outerPadding},{children:[t.chartHeading&&e.jsx(a.TitleRegular,Object.assign({color:null!==(c=t.chartHeading.color)&&void 0!==c?c:o.COLORS.content.secondary},{children:t.chartHeading.heading})),e.jsx("div",Object.assign({style:{height:t.maintainAspectRatio?void 0:null!==(d=t.graphCanvasHeight)&&void 0!==d?d:500}},{children:e.jsx(i.Bar,{options:g,data:b})}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{Chart as o,CategoryScale as e,LinearScale as a,BarElement as r,Tooltip as
|
|
1
|
+
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{Chart as o,CategoryScale as e,LinearScale as a,BarElement as r,Tooltip as l}from"chart.js";import{Bar as n}from"react-chartjs-2";import{TitleRegular as s}from"../../../TypographyStyle.js";import{FONTS as c,COLORS as d}from"../../../../constants/Theme.js";import{GraphContainerWrapper as x}from"./HorizontalGraph.styles.js";o.register(e,a,r,l);const p=o=>{var e,a,r,l,p;const g=-1===o.xAxis.data.findIndex((t=>0!==t)),b={min:0,max:2e3,stepSize:null!==(e=o.xAxis.stepSize)&&void 0!==e?e:200},m={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:o.maintainAspectRatio,plugins:{legend:{display:!1},tooltip:{enabled:!g,callbacks:{label:o.xAxis.toolTipCallback}}},scales:{y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:c.caption.fontSize,color:o.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:d.background.base},ticks:{fontSize:c.caption.fontSize,color:null!==(a=o.yAxis.labelColor)&&void 0!==a?a:d.content.secondary}},x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:c.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({callback:o.xAxis.ticksCallback,fontSize:c.caption.fontSize,color:null!==(r=o.xAxis.labelColor)&&void 0!==r?r:d.content.secondary},g?b:{max:o.xAxis.max,stepSize:o.xAxis.stepSize})}}},A={labels:o.yAxis.data.map((t=>t.toString())),datasets:[{data:g?[250,1e3,800,1500,300,600]:o.xAxis.data,backgroundColor:t=>(t=>{var i;const e=t.chart.ctx.createLinearGradient(0,0,0,200);let a="";if(g)a="rgba(0,0,0,0)";else if(o.barColorRGBA){const t=o.barColorRGBA;a=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(i=t.a)&&void 0!==i?i:"0.3"})`}return e.addColorStop(0,a||"rgba(146, 96, 237, 0.3)"),e.addColorStop(1,a||"rgba(146, 96, 237, 0.3)"),e})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(x,Object.assign({padding:o.outerPadding},{children:[o.chartHeading&&i(s,Object.assign({color:null!==(l=o.chartHeading.color)&&void 0!==l?l:d.content.secondary},{children:o.chartHeading.heading})),i("div",Object.assign({style:{height:o.maintainAspectRatio?void 0:null!==(p=o.graphCanvasHeight)&&void 0!==p?p:500}},{children:i(n,{options:m,data:A})}))]}))};export{p as HorizontalGraph};
|