kwant-ui 3.33.11-alpha.0 → 3.33.13-alpha.0

package/dist/components/Charts/AreaChart/AreaChartUtils.d.ts

@@ -14,7 +14,7 @@ export declare const TickX: (props: {
     dateFormat: string;
     rotate?: number;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const tooltipLabelFormatter: (label: string) => string;
+export declare const tooltipLabelFormatter: (label: string, dateFormat: string) => string;
 export declare const TooltipItemRow: ({ color, name, value, shape, }: {
     color?: string;
     name?: string;

package/dist/index.es.js

@@ -4247,7 +4247,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
   font-style: normal;
   font-weight: 500;
   line-height: 16px; /* 133.333% */
-`,tF=(e,t)=>{if(e&&"MM/DD/YYYY"===t&&!t.includes("-")){const t=e.split("/");return`${t[2]}-${t[0]}-${t[1]}`}if(e&&"DD/MM/YYYY"===t&&!t.includes("-")){const t=e.split("/");return`${t[2]}-${t[1]}-${t[0]}`}return e},rF="Actual Workforce overlay",nF="Workforce Variance",aF="#F7EFF3",cF="transparent",iF=r=>{const{payload:n}=r;return e(TN,{children:n?.map((({color:r,type:n,value:a,payload:c,shape:i})=>{if("none"===n)return null;if(a===rF)return null;return t(NN,{children:[i??e(FN,{children:e(QN,{color:(a===nF?aF:r===cF?c?.fill:r||cF)||cF})}),e(YN,{children:a})]},a)}))})},oF=t=>{const{value:r,dy:n}=t;return e(UN,{dy:n,...RN,children:r})},sF=r=>{const{x:n,y:a,payload:c,rotate:i=0,dateFormat:o}=r,s=ti(tF(c.value,o)).format("ddd"),l=ti(tF(c.value,o)).format(o);return console.log("date",s),t($N,{transform:`translate(${n},${a}), rotate(${i})`,children:[e(oF,{value:s,dy:16}),e(oF,{value:l,dy:36})]})},lF=e=>ti(e).format("ddd, DD MMM YYYY"),hF=({color:r,name:n,value:a,shape:c})=>n===rF?null:t(KN,{children:[t(qN,{children:[c,r&&e(GN,{color:n===nF?aF:r||cF}),e(JN,{children:n})]}),e(eF,{children:a})]}),vF=r=>{const{label:n,payload:a,labelFormatter:c}=r,i=c?c(n,a||[]):n;return console.log(i,"formattedDate"),t(WN,{style:{transform:"translateY(-50%)"},children:[e(XN,{children:i}),a?.map((t=>{return e(hF,{color:t.color,name:t.name,value:(r=t.value,isNaN(Number(r))?r:Number(r).toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:2}))});var r}))]})},pF=n=>{const{width:a,height:c=600,margin:i={right:30,bottom:20},data:o,areas:s,areasYAxisRight:l,xAxisDataKey:h,showTooltip:v,xAxisLabel:g,yAxisLeftLabel:m,showLegends:d,showRightYAxis:_,isGradient:w=!1,yAxisRightLabel:b,gradientColor:y,gradientStart:x=0,gradientStop:Z=.3,customTooltip:O=e(vF,{}),areaProps:M={},cartesianGridProps:E={},legendProps:H={},tooltipProps:P={},xAxisProps:j={},yAxisProps:V={},yAxisRightProps:C={},areaYAxisRightProps:A={},showAverageLine:L=!0,averageLineValue:z,averageLineColor:B="#2DA170",customTooltipLabelFormatter:k=lF,hideXAxis:S=!1,hideYAxis:R=!1,hideCartesianGrid:D=!1,dateFormat:I}=n,[T,N]=p({x:0,y:0}),F=u(null),Q=F?.current?.current?.parentElement;return e(Dy,{width:a,height:c,ref:F,children:t(dN,{data:o,margin:i,onMouseMove:e=>N({x:e.chartX,y:e.chartY<=60?70:e.chartY}),children:[e("defs",{children:w&&t("linearGradient",{id:"custom_linear_gradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:y,stopOpacity:Z}),e("stop",{offset:"95%",stopColor:y,stopOpacity:x})]})}),v&&e(vy,{content:O,labelFormatter:k,coordinate:{...T},position:{y:T.y},reverseDirection:{x:T.x>Q?.getBoundingClientRect().width/2},...P}),d&&e(jd,{dy:80,verticalAlign:"bottom",height:100,layout:"horizontal",content:e(iF,{}),wrapperStyle:{paddingTop:60},...H}),!S&&e(NS,{dataKey:h,includeHidden:!0,interval:1,minTickGap:10,tick:e(sF,{dateFormat:I,rotate:o.length>15?-15:0}),axisLine:{stroke:"#E4E9F2"},tickLine:!1,label:{value:g,position:"insideBottom",fill:"#455F7B",fontSize:12,fontFamily:"Poppins",offset:-45},...j}),!R&&e(FS,{yAxisId:"left",...DN,label:{value:m,angle:-90,dx:-30,...DN.label},...V}),_&&t(r,{children:[e(FS,{...DN,yAxisId:"right",hide:!_,orientation:"right",tickCount:3,tickFormatter:e=>`${e}%`,interval:0,minTickGap:20,domain:[0,100],label:{value:b,angle:90,dx:20,...DN.label},...V,...C}),l?.map((e=>f(OS,{...e,...IN,key:e.dataKey,dataKey:e.dataKey,fillOpacity:e.fillOpacity,stroke:e.stroke||"transparent",fill:w?"url(#custom_linear_gradient)":e.color||"transparent",yAxisId:e.yAxisId||"left",name:e.name,...M,...A})))]}),s?.map((e=>f(OS,{...e,...IN,key:e.dataKey,dataKey:e.dataKey,fillOpacity:e.fillOpacity,stroke:e.stroke||"transparent",fill:w?"url(#custom_linear_gradient)":e.color||"transparent",yAxisId:e.yAxisId||"left",name:e.name,...M,...A}))),!D&&e(Uk,{...E,strokeDasharray:"4 4",vertical:!1,stroke:"#E4E9F2"}),L&&e(JB,{y:z,yAxisId:"left",stroke:B,strokeDasharray:"4 4"})]})})},uF=t=>{const{x:r,y:n,payload:a,rotate:c=0,dateFormat:i}=t,[o,s]=a.value.split(" - "),l=i.replace(/\/yyyy/gi,""),h=ti(o,i).format(l),v=ti(s,i).format(i);return e($N,{transform:`translate(${r},${n}), rotate(${c})`,children:e(oF,{value:`${h} - ${v}`,dy:16})})},gF=t=>{const{x:r,y:n,width:a,height:c}=t;return e("svg",{style:{pointerEvents:"none"},children:e("line",{x1:+r+ +a/2,y1:0,x2:+r+ +a/2,y2:+n+ +c+10,stroke:"#A1AFC0",strokeWidth:1,opacity:.1})})},mF=r=>{const n=r.dateFormat,a=r.payload[0]?.dataKey,[c]="string"==typeof a&&a?.split(".")||[],i=r.payload[0]?.payload[c],o=ti(i?.date,n).format(`ddd, ${n}`);return t(WN,{style:{transform:"translateY(-50%)"},children:[e(XN,{children:o}),e(hF,{name:"Work Phase Time:",value:i?.workPhaseTimeHour||"N/A",color:"#5879EF"}),e(hF,{name:"Slack Time:",value:i?.slackTimeHour||"N/A",color:"#A1AFC0"})]})},dF={},fF=[1,2,3,4,5,6,7],_F=e=>`${e}h`,wF=r=>{const{legends:n,data:a,width:c,height:i,labelX:s,labelY:l,workPhaseTimeHourLabel:h,slackTimeHourLabel:v,dataKeyX:u,dataKeyY:g,workPhaseTimeHourDataKey:m,slackTimeHourDataKey:d,margin:f,showLegends:_,showTooltip:w,customXAxisTickFormatter:b,customYAxisTickFormatter:y=_F,dateFormat:x="MM/DD/YYYY"}=r,[Z,O]=p(!1),[M,E]=p({chartX:0}),H=a.length>4?-10:0,P=e=>{const{x:t}=e||{};"number"==typeof t&&(E({chartX:t+18}),O(!0))},j=()=>{O(!1)};return e(Dy,{width:c,height:i,children:t(XR,{data:a,barSize:18,barGap:6,margin:f,children:[e(Uk,{vertical:!1,strokeDasharray:"4 4",stroke:"#E4E9F2"}),w&&e(vy,{shared:!1,content:e(mF,{dateFormat:x})}),_&&e(jd,{dy:80,verticalAlign:"bottom",height:100,layout:"horizontal",content:e(iF,{}),wrapperStyle:{paddingTop:60},payload:n}),e(NS,{dataKey:u,tickLine:!1,xAxisId:"xAxis",tick:e(uF,{dateFormat:x,rotate:H}),tickFormatter:b,interval:0,axisLine:{stroke:"#E4E9F2"},padding:{left:0,right:0},label:{value:s,fill:"#455F7B",fontSize:12,fontFamily:"Poppins",dy:40}}),e(FS,{...DN,tickFormatter:y,dataKey:g,label:{...DN.label,value:l,angle:-90,dx:-30}}),fF.map((r=>t(o.Fragment,{children:[e(zB,{dataKey:`day${r}.${m}`,stackId:r,xAxisId:"xAxis",fill:Z?"#9FB2F6":"#708CF1",...dF,className:"productive",name:h,activeBar:!1,onMouseOver:P,onMouseLeave:j,children:Z&&e(JV,{dataKey:`day${r}.${m}`,content:gF,x:M.chartX-18})}),e(zB,{dataKey:`day${r}.${d}`,stackId:r,xAxisId:"xAxis",fill:Z?"#BFCADF":"#D1D9E7",...dF,radius:[4,4,0,0],className:"unproductive",name:v,activeBar:!1,onMouseOver:P,onMouseLeave:j})]},r)))]})})},bF={fill:"#798CA4",fontFamily:"Poppins",fontSize:12,textAnchor:"middle",x:0,y:0},yF={tick:{fill:"#798CA4",fontFamily:"Poppins",fontSize:12,fontWeight:400},tickLine:!1,axisLine:!1,label:{position:"inside",fill:"#455F7B",fontSize:12,fontFamily:"Poppins",offset:20}},xF=n.div`
+`,tF=(e,t)=>{if(e&&"MM/DD/YYYY"===t&&!t.includes("-")){const t=e.split("/");return`${t[2]}-${t[0]}-${t[1]}`}if(e&&"DD/MM/YYYY"===t&&!t.includes("-")){const t=e.split("/");return`${t[2]}-${t[1]}-${t[0]}`}return e},rF="Actual Workforce overlay",nF="Workforce Variance",aF="#F7EFF3",cF="transparent",iF=r=>{const{payload:n}=r;return e(TN,{children:n?.map((({color:r,type:n,value:a,payload:c,shape:i})=>{if("none"===n)return null;if(a===rF)return null;return t(NN,{children:[i??e(FN,{children:e(QN,{color:(a===nF?aF:r===cF?c?.fill:r||cF)||cF})}),e(YN,{children:a})]},a)}))})},oF=t=>{const{value:r,dy:n}=t;return e(UN,{dy:n,...RN,children:r})},sF=r=>{const{x:n,y:a,payload:c,rotate:i=0,dateFormat:o}=r,s=ti(tF(c.value,o)).format("ddd"),l=ti(tF(c.value,o)).format(o);return t($N,{transform:`translate(${n},${a}), rotate(${i})`,children:[e(oF,{value:s,dy:16}),e(oF,{value:l,dy:36})]})},lF=(e,t)=>ti(tF(e,t)).format("ddd, DD MMM YYYY"),hF=({color:r,name:n,value:a,shape:c})=>n===rF?null:t(KN,{children:[t(qN,{children:[c,r&&e(GN,{color:n===nF?aF:r||cF}),e(JN,{children:n})]}),e(eF,{children:a})]}),vF=r=>{const{label:n,payload:a,labelFormatter:c}=r,i=c?c(n,a||[]):n;return t(WN,{style:{transform:"translateY(-50%)"},children:[e(XN,{children:i}),a?.map((t=>{return e(hF,{color:t.color,name:t.name,value:(r=t.value,isNaN(Number(r))?r:Number(r).toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:2}))});var r}))]})},pF=n=>{const{width:a,height:c=600,margin:i={right:30,bottom:20},data:o,areas:s,areasYAxisRight:l,xAxisDataKey:h,showTooltip:v,xAxisLabel:g,yAxisLeftLabel:m,showLegends:d,showRightYAxis:_,isGradient:w=!1,yAxisRightLabel:b,gradientColor:y,gradientStart:x=0,gradientStop:Z=.3,customTooltip:O=e(vF,{}),areaProps:M={},cartesianGridProps:E={},legendProps:H={},tooltipProps:P={},xAxisProps:j={},yAxisProps:V={},yAxisRightProps:C={},areaYAxisRightProps:A={},showAverageLine:L=!0,averageLineValue:z,averageLineColor:B="#2DA170",customTooltipLabelFormatter:k=lF,hideXAxis:S=!1,hideYAxis:R=!1,hideCartesianGrid:D=!1,dateFormat:I}=n,[T,N]=p({x:0,y:0}),F=u(null),Q=F?.current?.current?.parentElement;return e(Dy,{width:a,height:c,ref:F,children:t(dN,{data:o,margin:i,onMouseMove:e=>N({x:e.chartX,y:e.chartY<=60?70:e.chartY}),children:[e("defs",{children:w&&t("linearGradient",{id:"custom_linear_gradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:y,stopOpacity:Z}),e("stop",{offset:"95%",stopColor:y,stopOpacity:x})]})}),v&&e(vy,{content:O,labelFormatter:e=>k(e,I),coordinate:{...T},position:{y:T.y},reverseDirection:{x:T.x>Q?.getBoundingClientRect().width/2},...P}),d&&e(jd,{dy:80,verticalAlign:"bottom",height:100,layout:"horizontal",content:e(iF,{}),wrapperStyle:{paddingTop:60},...H}),!S&&e(NS,{dataKey:h,includeHidden:!0,interval:1,minTickGap:10,tick:e(sF,{dateFormat:I,rotate:o.length>15?-15:0}),axisLine:{stroke:"#E4E9F2"},tickLine:!1,label:{value:g,position:"insideBottom",fill:"#455F7B",fontSize:12,fontFamily:"Poppins",offset:-45},...j}),!R&&e(FS,{yAxisId:"left",...DN,label:{value:m,angle:-90,dx:-30,...DN.label},...V}),_&&t(r,{children:[e(FS,{...DN,yAxisId:"right",hide:!_,orientation:"right",tickCount:3,tickFormatter:e=>`${e}%`,interval:0,minTickGap:20,domain:[0,100],label:{value:b,angle:90,dx:20,...DN.label},...V,...C}),l?.map((e=>f(OS,{...e,...IN,key:e.dataKey,dataKey:e.dataKey,fillOpacity:e.fillOpacity,stroke:e.stroke||"transparent",fill:w?"url(#custom_linear_gradient)":e.color||"transparent",yAxisId:e.yAxisId||"left",name:e.name,...M,...A})))]}),s?.map((e=>f(OS,{...e,...IN,key:e.dataKey,dataKey:e.dataKey,fillOpacity:e.fillOpacity,stroke:e.stroke||"transparent",fill:w?"url(#custom_linear_gradient)":e.color||"transparent",yAxisId:e.yAxisId||"left",name:e.name,...M,...A}))),!D&&e(Uk,{...E,strokeDasharray:"4 4",vertical:!1,stroke:"#E4E9F2"}),L&&e(JB,{y:z,yAxisId:"left",stroke:B,strokeDasharray:"4 4"})]})})},uF=t=>{const{x:r,y:n,payload:a,rotate:c=0,dateFormat:i}=t,[o,s]=a.value.split(" - "),l=i.replace(/\/yyyy/gi,""),h=ti(o,i).format(l),v=ti(s,i).format(i);return e($N,{transform:`translate(${r},${n}), rotate(${c})`,children:e(oF,{value:`${h} - ${v}`,dy:16})})},gF=t=>{const{x:r,y:n,width:a,height:c}=t;return e("svg",{style:{pointerEvents:"none"},children:e("line",{x1:+r+ +a/2,y1:0,x2:+r+ +a/2,y2:+n+ +c+10,stroke:"#A1AFC0",strokeWidth:1,opacity:.1})})},mF=r=>{const n=r.dateFormat,a=r.payload[0]?.dataKey,[c]="string"==typeof a&&a?.split(".")||[],i=r.payload[0]?.payload[c],o=ti(i?.date,n).format(`ddd, ${n}`);return t(WN,{style:{transform:"translateY(-50%)"},children:[e(XN,{children:o}),e(hF,{name:"Work Phase Time:",value:i?.workPhaseTimeHour||"N/A",color:"#5879EF"}),e(hF,{name:"Slack Time:",value:i?.slackTimeHour||"N/A",color:"#A1AFC0"})]})},dF={},fF=[1,2,3,4,5,6,7],_F=e=>`${e}h`,wF=r=>{const{legends:n,data:a,width:c,height:i,labelX:s,labelY:l,workPhaseTimeHourLabel:h,slackTimeHourLabel:v,dataKeyX:u,dataKeyY:g,workPhaseTimeHourDataKey:m,slackTimeHourDataKey:d,margin:f,showLegends:_,showTooltip:w,customXAxisTickFormatter:b,customYAxisTickFormatter:y=_F,dateFormat:x="MM/DD/YYYY"}=r,[Z,O]=p(!1),[M,E]=p({chartX:0}),H=a.length>4?-10:0,P=e=>{const{x:t}=e||{};"number"==typeof t&&(E({chartX:t+18}),O(!0))},j=()=>{O(!1)};return e(Dy,{width:c,height:i,children:t(XR,{data:a,barSize:18,barGap:6,margin:f,children:[e(Uk,{vertical:!1,strokeDasharray:"4 4",stroke:"#E4E9F2"}),w&&e(vy,{shared:!1,content:e(mF,{dateFormat:x})}),_&&e(jd,{dy:80,verticalAlign:"bottom",height:100,layout:"horizontal",content:e(iF,{}),wrapperStyle:{paddingTop:60},payload:n}),e(NS,{dataKey:u,tickLine:!1,xAxisId:"xAxis",tick:e(uF,{dateFormat:x,rotate:H}),tickFormatter:b,interval:0,axisLine:{stroke:"#E4E9F2"},padding:{left:0,right:0},label:{value:s,fill:"#455F7B",fontSize:12,fontFamily:"Poppins",dy:40}}),e(FS,{...DN,tickFormatter:y,dataKey:g,label:{...DN.label,value:l,angle:-90,dx:-30}}),fF.map((r=>t(o.Fragment,{children:[e(zB,{dataKey:`day${r}.${m}`,stackId:r,xAxisId:"xAxis",fill:Z?"#9FB2F6":"#708CF1",...dF,className:"productive",name:h,activeBar:!1,onMouseOver:P,onMouseLeave:j,children:Z&&e(JV,{dataKey:`day${r}.${m}`,content:gF,x:M.chartX-18})}),e(zB,{dataKey:`day${r}.${d}`,stackId:r,xAxisId:"xAxis",fill:Z?"#BFCADF":"#D1D9E7",...dF,radius:[4,4,0,0],className:"unproductive",name:v,activeBar:!1,onMouseOver:P,onMouseLeave:j})]},r)))]})})},bF={fill:"#798CA4",fontFamily:"Poppins",fontSize:12,textAnchor:"middle",x:0,y:0},yF={tick:{fill:"#798CA4",fontFamily:"Poppins",fontSize:12,fontWeight:400},tickLine:!1,axisLine:!1,label:{position:"inside",fill:"#455F7B",fontSize:12,fontFamily:"Poppins",offset:20}},xF=n.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -4317,7 +4317,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
 `,BF=n.span`
   color: #fff;
   text-align: right;
-`,kF=r=>{const{payload:n}=r;return e(xF,{children:n?.map(((r,n)=>t(ZF,{children:[e(OF,{children:e(MF,{color:r.payload?.fill||"transparent"})}),e(EF,{children:r.value})]},`${r.payload?.value}+${n}`)))})},SF=t=>{const{value:r,dy:n}=t;return e(PF,{dy:n,...bF,children:r})},RF=r=>{const{x:n,y:a,payload:c,dateFormat:i}=r,o=ti(tF(c.value,i)).format("ddd"),s=ti(tF(c.value,i)).format(i);return t(HF,{transform:`translate(${n},${a})`,children:[e(SF,{value:o,dy:16}),e(SF,{value:s,dy:36})]})},DF=({color:r,name:n,value:a})=>t(CF,{children:[t(AF,{children:[e(LF,{color:r||"transparent"}),e(zF,{children:n})]}),e(BF,{children:a})]}),IF=r=>{const{label:n,payload:a,formatter:c,dateFormat:i}=r;console.log("🚀 ~ label:",r);const o=ti(tF(n,i)).format("ddd");console.log("🚀 ~ day:",o);const s=ti(tF(n,i)).format(i);return t(jF,{children:[e(VF,{children:`${o}, ${s}`}),a?.map(((t,r)=>{const n=t.value?c?c(t.value,t.name,t,r,a):t.value:"N/A";return e(DF,{color:t.color,name:t.name,value:n},`${t.name} + ${r}`)}))]})},TF=e=>`${e}h`,NF=r=>{const{width:n,height:a,margin:c={right:30,bottom:20},data:i,xAxisDataKey:o,showTooltip:s,xAxisLabel:l,yAxisLabel:h,customTooltip:v=e(IF,{}),cartesianGridProps:u={},tooltipProps:g={},xAxisProps:m={},yAxisProps:d={},bars:f,customYAxisTickFormatter:_=TF,dateFormat:w="MM/DD/YYYY"}=r,[b,y]=p(null);return e(Dy,{width:n,height:a,children:t(XR,{barCategoryGap:10,height:296,data:i,barGap:100,margin:c,onMouseLeave:()=>y(null),onMouseMove:e=>{e.isTooltipActive?y(e.activeLabel??null):y(null)},children:[e(Uk,{...u,strokeDasharray:"4 4",vertical:!1,stroke:"#E4E9F2"}),e(NS,{dataKey:o,tickLine:!1,stroke:"#E4E9F2",fontFamily:"Poppins",tick:e(RF,{dateFormat:w}),label:{value:l,position:"bottom",offset:37,border:"1px",fontSize:"12px",fontFamily:"Poppins",fontColor:"#455F7B"},...m}),e(FS,{axisLine:!1,tickFormatter:_,...yF,tickLine:!1,stroke:"#798CA4",fontFamily:"Poppins",width:80,label:{value:h,angle:-90,fontSize:"12px",fontFamily:"Poppins",fontColor:"#455F7B",dx:-30,...yF.label},tick:{fontSize:"12px",fill:"#798CA4"},...d}),s&&e(vy,{content:e(IF,{dateFormat:w}),separator:":",cursor:{fill:"#103FE80F"},offset:18,wrapperStyle:{top:"-20%",left:"1%",height:"1%"},allowEscapeViewBox:{x:!1,y:!1},...g}),f?.map((t=>e(zB,{barSize:40,dataKey:t.dataKey,radius:t.radius,stackId:"a",name:t.name,fill:t.fill,children:i?.map(((r,n)=>e(Iy,{onMouseLeave:()=>y(null),fill:b?b===r[o]?t.fill:t.inactiveFill:t.fill},n)))},t.dataKey))),e(jd,{margin:{top:40},fill:"#798CA4",iconType:"circle",align:"center",content:e(kF,{}),verticalAlign:"bottom",wrapperStyle:{position:"inherit",paddingLeft:"40px",fontSize:"12px",paddingTop:"20px"},formatter:t=>e("span",{style:{color:"#798CA4"},children:t})})]})})},FF=e=>e?.reduce(((t,r,n)=>{if(n%7==0){const a=r?.date;let c;const i={};for(let t=0;t<7;t++){const r=e[n+t]?.date;i[`day${t+1}`]=e[n+t],r&&(c=r)}const o={weekStartDate:a,weekEndDate:c,dateRange:`${a} - ${c}`,...i};t.push(o)}return t}),[]),QF={tick:{fill:"#1C2E40",fontFamily:"Poppins",fontSize:"14px",fontWeight:420,strokeWidth:"20"},tickLine:!1,axisLine:!1,label:{position:"inside",fill:"#455F7B",fontSize:"12px",fontFamily:"Poppins",offset:25}},YF=n.div`
+`,kF=r=>{const{payload:n}=r;return e(xF,{children:n?.map(((r,n)=>t(ZF,{children:[e(OF,{children:e(MF,{color:r.payload?.fill||"transparent"})}),e(EF,{children:r.value})]},`${r.payload?.value}+${n}`)))})},SF=t=>{const{value:r,dy:n}=t;return e(PF,{dy:n,...bF,children:r})},RF=r=>{const{x:n,y:a,payload:c,dateFormat:i}=r,o=ti(tF(c.value,i)).format("ddd"),s=ti(tF(c.value,i)).format(i);return t(HF,{transform:`translate(${n},${a})`,children:[e(SF,{value:o,dy:16}),e(SF,{value:s,dy:36})]})},DF=({color:r,name:n,value:a})=>t(CF,{children:[t(AF,{children:[e(LF,{color:r||"transparent"}),e(zF,{children:n})]}),e(BF,{children:a})]}),IF=r=>{const{label:n,payload:a,formatter:c,dateFormat:i}=r,o=ti(tF(n,i)).format("ddd"),s=ti(tF(n,i)).format(i);return t(jF,{children:[e(VF,{children:`${o}, ${s}`}),a?.map(((t,r)=>{const n=t.value?c?c(t.value,t.name,t,r,a):t.value:"N/A";return e(DF,{color:t.color,name:t.name,value:n},`${t.name} + ${r}`)}))]})},TF=e=>`${e}h`,NF=r=>{const{width:n,height:a,margin:c={right:30,bottom:20},data:i,xAxisDataKey:o,showTooltip:s,xAxisLabel:l,yAxisLabel:h,customTooltip:v=e(IF,{}),cartesianGridProps:u={},tooltipProps:g={},xAxisProps:m={},yAxisProps:d={},bars:f,customYAxisTickFormatter:_=TF,dateFormat:w="MM/DD/YYYY"}=r,[b,y]=p(null);return e(Dy,{width:n,height:a,children:t(XR,{barCategoryGap:10,height:296,data:i,barGap:100,margin:c,onMouseLeave:()=>y(null),onMouseMove:e=>{e.isTooltipActive?y(e.activeLabel??null):y(null)},children:[e(Uk,{...u,strokeDasharray:"4 4",vertical:!1,stroke:"#E4E9F2"}),e(NS,{dataKey:o,tickLine:!1,stroke:"#E4E9F2",fontFamily:"Poppins",tick:e(RF,{dateFormat:w}),label:{value:l,position:"bottom",offset:37,border:"1px",fontSize:"12px",fontFamily:"Poppins",fontColor:"#455F7B"},...m}),e(FS,{axisLine:!1,tickFormatter:_,...yF,tickLine:!1,stroke:"#798CA4",fontFamily:"Poppins",width:80,label:{value:h,angle:-90,fontSize:"12px",fontFamily:"Poppins",fontColor:"#455F7B",dx:-30,...yF.label},tick:{fontSize:"12px",fill:"#798CA4"},...d}),s&&e(vy,{content:e(IF,{dateFormat:w}),separator:":",cursor:{fill:"#103FE80F"},offset:18,wrapperStyle:{top:"-20%",left:"1%",height:"1%"},allowEscapeViewBox:{x:!1,y:!1},...g}),f?.map((t=>e(zB,{barSize:40,dataKey:t.dataKey,radius:t.radius,stackId:"a",name:t.name,fill:t.fill,children:i?.map(((r,n)=>e(Iy,{onMouseLeave:()=>y(null),fill:b?b===r[o]?t.fill:t.inactiveFill:t.fill},n)))},t.dataKey))),e(jd,{margin:{top:40},fill:"#798CA4",iconType:"circle",align:"center",content:e(kF,{}),verticalAlign:"bottom",wrapperStyle:{position:"inherit",paddingLeft:"40px",fontSize:"12px",paddingTop:"20px"},formatter:t=>e("span",{style:{color:"#798CA4"},children:t})})]})})},FF=e=>e?.reduce(((t,r,n)=>{if(n%7==0){const a=r?.date;let c;const i={};for(let t=0;t<7;t++){const r=e[n+t]?.date;i[`day${t+1}`]=e[n+t],r&&(c=r)}const o={weekStartDate:a,weekEndDate:c,dateRange:`${a} - ${c}`,...i};t.push(o)}return t}),[]),QF={tick:{fill:"#1C2E40",fontFamily:"Poppins",fontSize:"14px",fontWeight:420,strokeWidth:"20"},tickLine:!1,axisLine:!1,label:{position:"inside",fill:"#455F7B",fontSize:"12px",fontFamily:"Poppins",offset:25}},YF=n.div`
   display: flex;
   justify-content: center;
   align-items: flex-start;