@bikdotai/bik-component-library 0.0.710 → 0.0.711-beta.1

package/dist/cjs/assets/icons/speedometer.svg.js

@@ -0,0 +1 @@
+"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var a=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),t||(t=r.createElement("path",{fill:"#731DCF",stroke:"#731DCF",strokeWidth:.2,d:"m7.146 9.646 6-6a.5.5 0 0 1 .707.708l-6 6a.5.5 0 0 1-.707-.708ZM8 5.5c.434 0 .866.07 1.277.208a.5.5 0 1 0 .32-.947 5 5 0 0 0-6.567 5.294.5.5 0 0 0 .497.445c.018 0 .037 0 .055-.003a.5.5 0 0 0 .442-.552A4.004 4.004 0 0 1 8 5.5Zm6.233.812a.5.5 0 1 0-.89.457 6.015 6.015 0 0 1 .313 4.732l-11.319-.005A6.015 6.015 0 0 1 8 3.5h.055c.931.006 1.848.23 2.676.656a.5.5 0 1 0 .456-.89 7 7 0 0 0-9.791 8.563 1.004 1.004 0 0 0 .945.67h11.317a1 1 0 0 0 .944-.668 7.023 7.023 0 0 0-.369-5.52v.001Z"})));exports.default=a;

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

package/dist/cjs/components/accordion/Accordion.d.ts

@@ -21,6 +21,7 @@ export interface AccordionProps {
     autoOpen?: boolean;
     childrenMaxHeight?: number;
     openDirection?: 'DOWN' | 'UP';
+    containerStyle?: React.CSSProperties;
     headerStyles?: React.CSSProperties;
     onToggleAccordion?: (state: boolean) => void;
     arrowColor?: string;

package/dist/cjs/components/accordion/Accordion.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("../TypographyStyle.js"),o=require("../button/Button.js"),n=require("../icon-button/IconButton.js"),s=require("./Accordion.style.js"),i=require("./AccordionArrow.js");exports.BikAccordion=c=>{var l,a,u;const[d,x]=t.useState(!1),p=t.useRef(null),h=t.useRef(null);t.useEffect((()=>{c.autoOpen&&j(c.autoOpen,{})}),[c.autoOpen]),t.useEffect((()=>{void 0!==c.isOpen&&j(c.isOpen,{})}),[c.isOpen]);const j=(e,t)=>{var r,o;h.current&&p.current&&("keydown"===t.type&&"Enter"!==t.key||(e!==d&&x(e),e?(h.current.style.maxHeight=(null!==(r=c.childrenMaxHeight)&&void 0!==r?r:h.current.scrollHeight)+"px",p.current.style.transform="rotate(180deg)",p.current.style.transition="transform 0.25s ease-in-out",h.current.style.transition="max-height 0.25s ease-in-out"):(h.current.style.maxHeight="",p.current.style.transform="rotate(0deg)",p.current.style.transition="transform 0.25s ease-in-out",h.current.style.transition="padding 0s"),null===(o=c.onToggleAccordion)||void 0===o||o.call(c,e)))};return t.useEffect((()=>{const e=new MutationObserver((()=>{d&&h.current&&(h.current.style.maxHeight=h.current.scrollHeight+"px")}));return h.current&&e.observe(h.current,{childList:!0,subtree:!0}),()=>{e.disconnect()}}),[d]),t.useEffect((()=>{var e;d&&(null==c?void 0:c.refresh)&&(null===(e=null==h?void 0:h.current)||void 0===e?void 0:e.scrollHeight)&&!c.childrenMaxHeight&&setTimeout((()=>{h.current.style.maxHeight=h.current.scrollHeight+"px"}),100)}),[d,null==c?void 0:c.refresh,null===(l=null==h?void 0:h.current)||void 0===l?void 0:l.scrollHeight]),e.jsxRuntimeExports.jsxs(s.default,Object.assign({className:"accordion",isActive:d,width:null==c?void 0:c.width,contentMargin:null==c?void 0:c.contentMargin,headerPadding:c.headerPadding,skipHoverState:c.skipHoverHeader,showBorders:c.showBorders,borderColor:c.borderColor,backgroundColor:c.backgroundColor,openDirection:c.openDirection,borderRadius:c.borderRadius},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview "+(d?"active":""),onClick:e=>j(!d,e),onKeyDown:e=>j(!d,e),role:"button",tabIndex:0},{children:[!c.rightActionComponent&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__header",style:null!==(a=c.headerStyles)&&void 0!==a?a:{}},{children:[e.jsxRuntimeExports.jsxs(s.AccordionHeaderGroup,{children:["string"==typeof c.header?e.jsxRuntimeExports.jsx(r.TitleRegular,{children:null==c?void 0:c.header}):c.header,c.buttonLinkText&&e.jsxRuntimeExports.jsx(o.Button,{buttonText:c.buttonLinkText,buttonType:"text",darkMode:!0,onClick:c.onButtonLinkClick})]}),e.jsxRuntimeExports.jsxs(s.AccordionHeaderGroup2,{children:[c.headerButtons&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"accordion__overview__header-buttons"},{children:null===(u=c.headerButtons)||void 0===u?void 0:u.map((t=>e.jsxRuntimeExports.jsx(n.IconButton,{Icon:t.icon,onClick:e=>{e.stopPropagation(),t.onClick()},width:16,height:16,style:t.style,title:t.title},t.title)))})),e.jsxRuntimeExports.jsx(i.default,{arrowColor:c.arrowColor,isNewIcon:!0,ref:p})]})]})),(null==c?void 0:c.subHeader)?null==c?void 0:c.subHeader:null]}),c.rightActionComponent&&e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__header"},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__title-wrapper"},{children:[e.jsxRuntimeExports.jsx(i.default,{arrowColor:c.arrowColor,isNewIcon:!0,ref:p}),"string"==typeof c.header?e.jsxRuntimeExports.jsx(r.TitleRegular,{children:null==c?void 0:c.header}):c.header]})),e.jsxRuntimeExports.jsx("div",Object.assign({onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()},role:"button",tabIndex:0},{children:c.rightActionComponent}))]})),(null==c?void 0:c.caption)&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"accordion__overview__caption"},{children:e.jsxRuntimeExports.jsx(r.BodySecondary,{children:e.jsxRuntimeExports.jsx("div",Object.assign({style:c.captionStyle},{children:c.caption}))})}))]})),e.jsxRuntimeExports.jsx("div",Object.assign({ref:h,className:"accordion__content"},{children:c.children}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("../TypographyStyle.js"),o=require("../button/Button.js"),n=require("../icon-button/IconButton.js"),i=require("./Accordion.style.js"),s=require("./AccordionArrow.js");exports.BikAccordion=c=>{var l,a,u,d;const[x,p]=t.useState(!1),h=t.useRef(null),j=t.useRef(null);t.useEffect((()=>{c.autoOpen&&v(c.autoOpen,{})}),[c.autoOpen]),t.useEffect((()=>{void 0!==c.isOpen&&v(c.isOpen,{})}),[c.isOpen]);const v=(e,t)=>{var r,o;j.current&&h.current&&("keydown"===t.type&&"Enter"!==t.key||(e!==x&&p(e),e?(j.current.style.maxHeight=(null!==(r=c.childrenMaxHeight)&&void 0!==r?r:j.current.scrollHeight)+"px",h.current.style.transform="rotate(180deg)",h.current.style.transition="transform 0.25s ease-in-out",j.current.style.transition="max-height 0.25s ease-in-out"):(j.current.style.maxHeight="",h.current.style.transform="rotate(0deg)",h.current.style.transition="transform 0.25s ease-in-out",j.current.style.transition="padding 0s"),null===(o=c.onToggleAccordion)||void 0===o||o.call(c,e)))};return t.useEffect((()=>{const e=new MutationObserver((()=>{x&&j.current&&(j.current.style.maxHeight=j.current.scrollHeight+"px")}));return j.current&&e.observe(j.current,{childList:!0,subtree:!0}),()=>{e.disconnect()}}),[x]),t.useEffect((()=>{var e;x&&(null==c?void 0:c.refresh)&&(null===(e=null==j?void 0:j.current)||void 0===e?void 0:e.scrollHeight)&&!c.childrenMaxHeight&&setTimeout((()=>{j.current.style.maxHeight=j.current.scrollHeight+"px"}),100)}),[x,null==c?void 0:c.refresh,null===(l=null==j?void 0:j.current)||void 0===l?void 0:l.scrollHeight]),e.jsxRuntimeExports.jsxs(i.default,Object.assign({className:"accordion",isActive:x,width:null==c?void 0:c.width,contentMargin:null==c?void 0:c.contentMargin,headerPadding:c.headerPadding,skipHoverState:c.skipHoverHeader,showBorders:c.showBorders,borderColor:c.borderColor,backgroundColor:c.backgroundColor,openDirection:c.openDirection,borderRadius:c.borderRadius},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview "+(x?"active":""),style:null!==(a=null==c?void 0:c.containerStyle)&&void 0!==a?a:{},onClick:e=>v(!x,e),onKeyDown:e=>v(!x,e),role:"button",tabIndex:0},{children:[!c.rightActionComponent&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__header",style:null!==(u=c.headerStyles)&&void 0!==u?u:{}},{children:[e.jsxRuntimeExports.jsxs(i.AccordionHeaderGroup,{children:["string"==typeof c.header?e.jsxRuntimeExports.jsx(r.TitleRegular,{children:null==c?void 0:c.header}):c.header,c.buttonLinkText&&e.jsxRuntimeExports.jsx(o.Button,{buttonText:c.buttonLinkText,buttonType:"text",darkMode:!0,onClick:c.onButtonLinkClick})]}),e.jsxRuntimeExports.jsxs(i.AccordionHeaderGroup2,{children:[c.headerButtons&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"accordion__overview__header-buttons"},{children:null===(d=c.headerButtons)||void 0===d?void 0:d.map((t=>e.jsxRuntimeExports.jsx(n.IconButton,{Icon:t.icon,onClick:e=>{e.stopPropagation(),t.onClick()},width:16,height:16,style:t.style,title:t.title},t.title)))})),e.jsxRuntimeExports.jsx(s.default,{arrowColor:c.arrowColor,isNewIcon:!0,ref:h})]})]})),(null==c?void 0:c.subHeader)?null==c?void 0:c.subHeader:null]}),c.rightActionComponent&&e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__header"},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__title-wrapper"},{children:[e.jsxRuntimeExports.jsx(s.default,{arrowColor:c.arrowColor,isNewIcon:!0,ref:h}),"string"==typeof c.header?e.jsxRuntimeExports.jsx(r.TitleRegular,{children:null==c?void 0:c.header}):c.header]})),e.jsxRuntimeExports.jsx("div",Object.assign({onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()},role:"button",tabIndex:0},{children:c.rightActionComponent}))]})),(null==c?void 0:c.caption)&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"accordion__overview__caption"},{children:e.jsxRuntimeExports.jsx(r.BodySecondary,{children:e.jsxRuntimeExports.jsx("div",Object.assign({style:c.captionStyle},{children:c.caption}))})}))]})),e.jsxRuntimeExports.jsx("div",Object.assign({ref:j,className:"accordion__content"},{children:c.children}))]}))};

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts

@@ -6,12 +6,17 @@ export type LineChartProps = {
         data: number[];
         lineColor?: string;
         backgroundColor?: string;
+        gradientColor?: {
+            start: string;
+            end: string;
+        };
         dotted?: boolean;
         gradient?: boolean;
         legend?: string;
         lineWidth?: number;
         squareLegends?: boolean;
         useSecondYAxis?: boolean;
+        pointColors?: string[];
     }[];
     labels: Array<string>;
     scaleText?: {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/react/jsx-runtime.js"),t=require("chart.js"),n=require("react"),r=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),l=require("../../../../constants/Theme.js"),o=require("../utils/calcPercentage.js"),a=require("./LineChart.styled.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.BarElement,t.LineElement,t.ArcElement,t.Filler,t.Title,t.Tooltip,t.Legend);exports.LineChart=t=>{let{scaleText:s,labels:d,canvasHeight:c,datas:u,maintainAspectRatio:p=!1,stepSize:x,min:y,max:g,isZeroState:m,tension:v,isNewStyles:b,prefixCurrencyInYAxis:j,pointRadius:h,useKFormat:C,lineThickness:O,ticksLabelCallback:S,labelCallback:R,afterBodyCallBack:f,titleTooltipCallback:L,isInternationalStore:k,customYHeaders:E,headerIcons:w=[],legendsAndIconDirection:B="row",hasSecondYAxis:q=!1,min2:F,max2:I,stepSize2:$,prefixCurrencyInY2Axis:A,useKFormat2:z,customY2Headers:T}=t;var D,P,Y,V;const[W,H]=n.useState(null),Z=n.useRef();n.useEffect((()=>{var e,t,n,r;if(null===(r=null===(n=null===(t=null===(e=Z.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===n?void 0:n.ticks)||void 0===r?void 0:r.length){const e=38*Z.current.scales.y.ticks.length;H(e)}}),[Z]);const _=u.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?l.COLORS.content.placeholder:l.COLORS.background.brand,square:e.squareLegends}))),K={labels:d,datasets:u.map(((e,t)=>{var n,r,i;return Object.assign(Object.assign({tension:null!=v?v:.4,fill:e.gradient?"start":0},((e,t)=>{const n={borderColor:e||(t?l.COLORS.content.placeholder:l.COLORS.background.brand)};return b?Object.assign({pointStyle:"circle",pointRadius:h||(d&&d.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:e||(t?l.COLORS.content.placeholder:l.COLORS.background.brand)},n):Object.assign({pointRadius:null!=h?h:1},n)})(e.lineColor,e.dotted)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(r=null!==(n=e.lineWidth)&&void 0!==n?n:O)&&void 0!==r?r:2,backgroundColor:e.gradient?e=>{const t=e.chart.ctx.createLinearGradient(0,0,0,W?W-75:150);return t.addColorStop(0,"#F1EEFB"),t.addColorStop(1,"rgba(127, 86, 217, 0)"),t}:null!==(i=e.backgroundColor)&&void 0!==i?i:"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"})}))},G={maintainAspectRatio:p,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=b&&b,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>l.COLORS.content.primaryInverse,backgroundColor:l.COLORS.content.primary,callbacks:{labelTextColor:()=>l.COLORS.content.primaryInverse,title:L,label:R,afterBody:f},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:m?0:y,max:m?10:g,position:"left",id:"y",ticks:{color:l.COLORS.content.secondary,callback:e=>{var t,n;return C?`${null!==(t=null==s?void 0:s.yPrefix)&&void 0!==t?t:""}${k?o.truncateValueForInternationalStore(e):o.truncateValueForIndianStore(e)}${null!=j?j:""}`:E&&Object.keys(E).length>0?E[e]:`${null!==(n=null==s?void 0:s.yPrefix)&&void 0!==n?n:""}${e}${null!=j?j:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:m?1:x,padding:b?24:0},title:{display:!!(null==s?void 0:s.y),text:null==s?void 0:s.y},grid:{color:l.COLORS.background.base,drawBorder:null===(D=null==s?void 0:s.yDrawBorder)||void 0===D||D}},y1:{beginAtZero:!0,min:m?0:F,max:m?10:I,position:"right",id:"y1",display:q,ticks:{color:l.COLORS.content.secondary,callback:e=>{var t,n;return z?`${null!==(t=null==s?void 0:s.y2Prefix)&&void 0!==t?t:""}${k?o.truncateValueForInternationalStore(e):o.truncateValueForIndianStore(e)}${null!=A?A:""}`:T&&Object.keys(T).length>0?T[e]:`${null!==(n=null==s?void 0:s.y2Prefix)&&void 0!==n?n:""}${e}${null!=A?A:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:m?1:$,padding:b?24:0},title:{display:!!(null==s?void 0:s.y2),text:null==s?void 0:s.y2},grid:{color:"transparent",drawBorder:null===(P=null==s?void 0:s.y2DrawBorder)||void 0===P||P}},x:{ticks:{callback:S,color:l.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==s?void 0:s.x),text:null==s?void 0:s.x},grid:{display:!1,drawBorder:null!==(Y=null==s?void 0:s.xDrawBorder)&&void 0!==Y&&Y}}}};return e.jsxRuntimeExports.jsxs("div",Object.assign({style:Object.assign(Object.assign({},p?{}:{height:null!==(V=null!=c?c:W)&&void 0!==V?V:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:B}},{children:[e.jsxRuntimeExports.jsx(a.LegendWrapper,{children:w.map(((t,n)=>e.jsxRuntimeExports.jsx(a.LegendContainer,{children:t},n)))}),e.jsxRuntimeExports.jsx(a.LegendWrapper,{children:_.map(((t,n)=>{let{text:r,color:l,square:o}=t;return r?e.jsxRuntimeExports.jsxs(a.LegendContainer,{children:[e.jsxRuntimeExports.jsx(a.LegendColor,{color:l,square:o,newStyle:b}),e.jsxRuntimeExports.jsx(i.BodyTiny,Object.assign({color:"#667085"},{children:r}))]},n):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})}))})]})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{flex:1}},{children:e.jsxRuntimeExports.jsx(r.Line,{ref:Z,options:G,data:K})}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/react/jsx-runtime.js"),t=require("chart.js"),n=require("react"),r=require("react-chartjs-2"),l=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),o=require("../utils/calcPercentage.js"),a=require("./LineChart.styled.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.BarElement,t.LineElement,t.ArcElement,t.Filler,t.Title,t.Tooltip,t.Legend);exports.LineChart=t=>{let{scaleText:s,labels:d,canvasHeight:c,datas:u,maintainAspectRatio:p=!1,stepSize:x,min:g,max:y,isZeroState:m,tension:v,isNewStyles:C,prefixCurrencyInYAxis:b,pointRadius:j,useKFormat:h,lineThickness:O,ticksLabelCallback:S,labelCallback:R,afterBodyCallBack:f,titleTooltipCallback:L,isInternationalStore:k,customYHeaders:E,headerIcons:w=[],legendsAndIconDirection:B="row",hasSecondYAxis:q=!1,min2:F,max2:I,stepSize2:$,prefixCurrencyInY2Axis:A,useKFormat2:z,customY2Headers:T}=t;var D,P,Y,V;const[W,H]=n.useState(null),Z=n.useRef();n.useEffect((()=>{var e,t,n,r;if(null===(r=null===(n=null===(t=null===(e=Z.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===n?void 0:n.ticks)||void 0===r?void 0:r.length){const e=38*Z.current.scales.y.ticks.length;H(e)}}),[Z]);const _=u.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?i.COLORS.content.placeholder:i.COLORS.background.brand,square:e.squareLegends}))),K={labels:d,datasets:u.map(((e,t)=>{var n,r,l;return Object.assign(Object.assign({tension:null!=v?v:.4,fill:e.gradient?"start":0},((e,t,n)=>{const r={borderColor:e||(t?i.COLORS.content.placeholder:i.COLORS.background.brand)};return C?Object.assign({pointStyle:"circle",pointRadius:j||(d&&d.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:n||e||(t?i.COLORS.content.placeholder:i.COLORS.background.brand)},r):Object.assign({pointRadius:null!=j?j:1},r)})(e.lineColor,e.dotted,e.pointColors)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(r=null!==(n=e.lineWidth)&&void 0!==n?n:O)&&void 0!==r?r:2,backgroundColor:e.gradient?t=>{const n=t.chart.ctx.createLinearGradient(0,0,0,W?W-75:150);return e.gradientColor?(n.addColorStop(0,e.gradientColor.start),n.addColorStop(1,e.gradientColor.end),n):(n.addColorStop(0,"#F1EEFB"),n.addColorStop(1,"rgba(127, 86, 217, 0)"),n)}:null!==(l=e.backgroundColor)&&void 0!==l?l:"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"})}))},G={maintainAspectRatio:p,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=C&&C,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>i.COLORS.content.primaryInverse,backgroundColor:i.COLORS.content.primary,callbacks:{labelTextColor:()=>i.COLORS.content.primaryInverse,title:L,label:R,afterBody:f},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:m?0:g,max:m?10:y,position:"left",id:"y",ticks:{color:i.COLORS.content.secondary,callback:e=>{var t,n;return h?`${null!==(t=null==s?void 0:s.yPrefix)&&void 0!==t?t:""}${k?o.truncateValueForInternationalStore(e):o.truncateValueForIndianStore(e)}${null!=b?b:""}`:E&&Object.keys(E).length>0?E[e]:`${null!==(n=null==s?void 0:s.yPrefix)&&void 0!==n?n:""}${e}${null!=b?b:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:m?1:x,padding:C?24:0},title:{display:!!(null==s?void 0:s.y),text:null==s?void 0:s.y},grid:{color:i.COLORS.background.base,drawBorder:null===(D=null==s?void 0:s.yDrawBorder)||void 0===D||D}},y1:{beginAtZero:!0,min:m?0:F,max:m?10:I,position:"right",id:"y1",display:q,ticks:{color:i.COLORS.content.secondary,callback:e=>{var t,n;return z?`${null!==(t=null==s?void 0:s.y2Prefix)&&void 0!==t?t:""}${k?o.truncateValueForInternationalStore(e):o.truncateValueForIndianStore(e)}${null!=A?A:""}`:T&&Object.keys(T).length>0?T[e]:`${null!==(n=null==s?void 0:s.y2Prefix)&&void 0!==n?n:""}${e}${null!=A?A:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:m?1:$,padding:C?24:0},title:{display:!!(null==s?void 0:s.y2),text:null==s?void 0:s.y2},grid:{color:"transparent",drawBorder:null===(P=null==s?void 0:s.y2DrawBorder)||void 0===P||P}},x:{ticks:{callback:S,color:i.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==s?void 0:s.x),text:null==s?void 0:s.x},grid:{display:!1,drawBorder:null!==(Y=null==s?void 0:s.xDrawBorder)&&void 0!==Y&&Y}}}};return e.jsxRuntimeExports.jsxs("div",Object.assign({style:Object.assign(Object.assign({},p?{}:{height:null!==(V=null!=c?c:W)&&void 0!==V?V:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:B}},{children:[e.jsxRuntimeExports.jsx(a.LegendWrapper,{children:w.map(((t,n)=>e.jsxRuntimeExports.jsx(a.LegendContainer,{children:t},n)))}),e.jsxRuntimeExports.jsx(a.LegendWrapper,{children:_.map(((t,n)=>{let{text:r,color:i,square:o}=t;return r?e.jsxRuntimeExports.jsxs(a.LegendContainer,{children:[e.jsxRuntimeExports.jsx(a.LegendColor,{color:i,square:o,newStyle:C}),e.jsxRuntimeExports.jsx(l.BodyTiny,Object.assign({color:"#667085"},{children:r}))]},n):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})}))})]})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{flex:1}},{children:e.jsxRuntimeExports.jsx(r.Line,{ref:Z,options:G,data:K})}))]}))};

package/dist/cjs/components/banner/Banner.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { BannerProps } from './model';
-declare const AdBanner: React.FC<BannerProps>;
+import { AdBannerProps } from './model';
+declare const AdBanner: React.FC<AdBannerProps>;
 export default AdBanner;

package/dist/cjs/components/banner/Banner.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import AdBanner from './Banner';
-declare const _default: ComponentMeta<import("react").FC<import("./model").BannerProps>>;
+declare const _default: ComponentMeta<import("react").FC<import("./model").AdBannerProps>>;
 export default _default;
 export declare const AllBanners: ComponentStory<typeof AdBanner>;
-export declare const Card: ComponentStory<import("react").FC<import("./model").BannerProps>>;
-export declare const Inline: ComponentStory<import("react").FC<import("./model").BannerProps>>;
-export declare const WithImage: ComponentStory<import("react").FC<import("./model").BannerProps>>;
+export declare const Card: ComponentStory<import("react").FC<import("./model").AdBannerProps>>;
+export declare const Inline: ComponentStory<import("react").FC<import("./model").AdBannerProps>>;
+export declare const WithImage: ComponentStory<import("react").FC<import("./model").AdBannerProps>>;