kwant-ui 3.29.0 → 3.29.1

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

@@ -1,27 +1,27 @@
 import { YAxisProps } from 'recharts';
 import { Props as AreaProps } from 'recharts/types/cartesian/Area';
-export declare const data: ({
-    name: string;
-    actualWorkforce: number;
-    budgetedWorkforce: number;
-    workerConsistency: number;
+export declare const data: {
+    day: string;
     date: string;
-    prediction?: undefined;
-} | {
-    name: string;
     actualWorkforce: number;
     budgetedWorkforce: number;
-    prediction: number;
     workerConsistency: number;
-    date: string;
-})[];
-export declare const areas: {
+}[];
+export declare const areaChartArea: ({
     dataKey: string;
     color: string;
     stroke: string;
     fillOpacity: number;
     name: string;
-}[];
+    legendType?: undefined;
+} | {
+    dataKey: string;
+    color: string;
+    stroke: string;
+    fillOpacity: number;
+    name: string;
+    legendType: string;
+})[];
 export declare const areasYAxisRight: {
     dataKey: string;
     color: string;

package/dist/index.es.js

@@ -4229,7 +4229,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% */
-`,eF="Actual Workforce overlay",tF="Workforce Variance",rF="#F7EFF3",nF="transparent",aF=r=>{const{payload:n}=r;return e(IN,{children:n?.map((({color:r,type:n,value:a,payload:c,shape:i})=>{if("none"===n)return null;if(a===eF)return null;return t(TN,{children:[i??e(NN,{children:e(FN,{color:(a===tF?rF:r===nF?c?.fill:r||nF)||nF})}),e(QN,{children:a})]},a)}))})},cF=t=>{const{value:r,dy:n}=t;return e(UN,{dy:n,...SN,children:r})},iF=r=>{const{x:n,y:a,payload:c,rotate:i=0}=r,o=ei(c.value).format("ddd"),s=ei(c.value).format("MM/DD/YYYY");return t(YN,{transform:`translate(${n},${a}), rotate(${i})`,children:[e(cF,{value:o,dy:16}),e(cF,{value:s,dy:36})]})},oF=e=>ei(e).format("ddd, DD MMM YYYY"),sF=({color:r,name:n,value:a,shape:c})=>n===eF?null:t(XN,{children:[t(KN,{children:[c,r&&e(qN,{color:n===tF?rF:r||nF}),e(GN,{children:n})]}),e(JN,{children:a})]}),lF=r=>{const{label:n,payload:a,labelFormatter:c}=r;return t(WN,{style:{transform:"translateY(-50%)"},children:[e($N,{children:c?.(n,a||[])||n}),a?.map((t=>{return e(sF,{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}))]})},hF=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:_,yAxisRightLabel:w,gradient:b,customTooltip:y=e(lF,{}),areaProps:x={},cartesianGridProps:Z={},legendProps:O={},tooltipProps:M={},xAxisProps:E={},yAxisProps:H={},yAxisRightProps:P={},areaYAxisRightProps:j={},showAverageLine:V=!0,averageLineValue:A,averageLineColor:C="#2DA170",customTooltipLabelFormatter:L=oF,hideXAxis:z=!1,hideYAxis:B=!1,hideCartesianGrid:k=!1}=n,[S,R]=p({x:0,y:0}),D=u(null),I=D?.current?.current?.parentElement;return e(Ry,{width:a,height:c,ref:D,children:t(mN,{data:o,margin:i,onMouseMove:e=>R({x:e.chartX,y:e.chartY<=60?70:e.chartY}),children:[b,v&&e(hy,{content:y,labelFormatter:L,coordinate:{...S},position:{y:S.y},reverseDirection:{x:S.x>I?.getBoundingClientRect().width/2},...M}),d&&e(Pd,{dy:80,verticalAlign:"bottom",height:100,layout:"horizontal",content:e(aF,{}),wrapperStyle:{paddingTop:60},...O}),!z&&e(TS,{dataKey:h,includeHidden:!0,interval:1,minTickGap:10,tick:e(iF,{rotate:o.length>15?-15:0}),axisLine:{stroke:"#E4E9F2"},tickLine:!1,label:{value:g,position:"insideBottom",fill:"#455F7B",fontSize:12,fontFamily:"Poppins",offset:-45},...E}),!B&&e(NS,{yAxisId:"left",...RN,label:{value:m,angle:-90,dx:-30,...RN.label},...H}),_&&t(r,{children:[e(NS,{...RN,yAxisId:"right",hide:!_,orientation:"right",tickCount:3,tickFormatter:e=>`${e}%`,interval:0,minTickGap:20,domain:[0,100],label:{value:w,angle:90,dx:20,...RN.label},...H,...P}),l?.map((e=>f(ZS,{...DN,key:e.dataKey,dataKey:e.dataKey,stroke:e?.stroke||"transparent",fillOpacity:e.fillOpacity,fill:e.gradientId?`url(#${e.gradientId})`:e.color||"transparent",yAxisId:e.yAxisId||"left",name:e.name,...x,...j})))]}),s?.map((e=>f(ZS,{...e,...DN,key:e.dataKey,dataKey:e.dataKey,fillOpacity:e.fillOpacity,stroke:e.stroke||"transparent",fill:e.gradientId?`url(#${e.gradientId})`:e.color||"transparent",yAxisId:e.yAxisId||"left",name:e.name,...x}))),!k&&e(Uk,{...Z,strokeDasharray:"4 4",vertical:!1,stroke:"#E4E9F2"}),V&&e(GB,{y:A,yAxisId:"left",stroke:C,strokeDasharray:"4 4"})]})})},vF=t=>{const{x:r,y:n,payload:a,rotate:c=0}=t,i=a.value,[o,s]=i.split("-"),l=ei(o).format("MM/DD"),h=ei(s).format("MM/DD/YY");return e(YN,{transform:`translate(${r},${n}), rotate(${c})`,children:e(cF,{value:`${l} - ${h}`,dy:16})})},pF=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})})},uF=r=>{const n=r.payload[0]?.dataKey,[a]="string"==typeof n&&n?.split(".")||[],c=r.payload[0]?.payload[a],i=ei(c?.date).format("ddd, DD/MM/YYYY");return t(WN,{style:{transform:"translateY(-50%)"},children:[e($N,{children:i}),e(sF,{name:"Work Phase Time:",value:c?.workPhaseTimeHour||"N/A",color:"#5879EF"}),e(sF,{name:"Slack Time:",value:c?.slackTimeHour||"N/A",color:"#A1AFC0"})]})},gF={},mF=[1,2,3,4,5,6,7],dF=e=>`${e}h`,fF=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=dF}=r,[x,Z]=p(!1),[O,M]=p({chartX:0}),E=a.length>4?-10:0,H=e=>{const{x:t}=e||{};"number"==typeof t&&(M({chartX:t+18}),Z(!0))},P=()=>{Z(!1)};return e(Ry,{width:c,height:i,children:t($R,{data:a,barSize:18,barGap:6,margin:f,children:[e(Uk,{vertical:!1,strokeDasharray:"4 4",stroke:"#E4E9F2"}),w&&e(hy,{shared:!1,content:e(uF,{})}),_&&e(Pd,{dy:80,verticalAlign:"bottom",height:100,layout:"horizontal",content:e(aF,{}),wrapperStyle:{paddingTop:60},payload:n}),e(TS,{dataKey:u,tickLine:!1,xAxisId:"xAxis",tick:e(vF,{rotate:E}),tickFormatter:b,interval:0,axisLine:{stroke:"#E4E9F2"},padding:{left:0,right:0},label:{value:s,fill:"#455F7B",fontSize:12,fontFamily:"Poppins",dy:40}}),e(NS,{...RN,tickFormatter:y,dataKey:g,label:{...RN.label,value:l,angle:-90,dx:-30}}),mF.map((r=>t(o.Fragment,{children:[e(LB,{dataKey:`day${r}.${m}`,stackId:r,xAxisId:"xAxis",fill:x?"#9FB2F6":"#708CF1",...gF,className:"productive",name:h,activeBar:!1,onMouseOver:H,onMouseLeave:P,children:x&&e(GV,{dataKey:`day${r}.${m}`,content:pF,x:O.chartX-18})}),e(LB,{dataKey:`day${r}.${d}`,stackId:r,xAxisId:"xAxis",fill:x?"#BFCADF":"#D1D9E7",...gF,radius:[4,4,0,0],className:"unproductive",name:v,activeBar:!1,onMouseOver:H,onMouseLeave:P})]},r)))]})})},_F={fill:"#798CA4",fontFamily:"Poppins",fontSize:12,textAnchor:"middle",x:0,y:0},wF={tick:{fill:"#798CA4",fontFamily:"Poppins",fontSize:12,fontWeight:400},tickLine:!1,axisLine:!1,label:{position:"inside",fill:"#455F7B",fontSize:12,fontFamily:"Poppins",offset:20}},bF=n.div`
+`,eF="Actual Workforce overlay",tF="Workforce Variance",rF="#F7EFF3",nF="transparent",aF=r=>{const{payload:n}=r;return e(IN,{children:n?.map((({color:r,type:n,value:a,payload:c,shape:i})=>{if("none"===n)return null;if(a===eF)return null;return t(TN,{children:[i??e(NN,{children:e(FN,{color:(a===tF?rF:r===nF?c?.fill:r||nF)||nF})}),e(QN,{children:a})]},a)}))})},cF=t=>{const{value:r,dy:n}=t;return e(UN,{dy:n,...SN,children:r})},iF=r=>{const{x:n,y:a,payload:c,rotate:i=0}=r,o=ei(c.value).format("ddd"),s=ei(c.value).format("MM/DD/YYYY");return t(YN,{transform:`translate(${n},${a}), rotate(${i})`,children:[e(cF,{value:o,dy:16}),e(cF,{value:s,dy:36})]})},oF=e=>ei(e).format("ddd, DD MMM YYYY"),sF=({color:r,name:n,value:a,shape:c})=>n===eF?null:t(XN,{children:[t(KN,{children:[c,r&&e(qN,{color:n===tF?rF:r||nF}),e(GN,{children:n})]}),e(JN,{children:a})]}),lF=r=>{const{label:n,payload:a,labelFormatter:c}=r;return t(WN,{style:{transform:"translateY(-50%)"},children:[e($N,{children:c?.(n,a||[])||n}),a?.map((t=>{return e(sF,{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}))]})},hF=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(lF,{}),areaProps:M={},cartesianGridProps:E={},legendProps:H={},tooltipProps:P={},xAxisProps:j={},yAxisProps:V={},yAxisRightProps:A={},areaYAxisRightProps:C={},showAverageLine:L=!0,averageLineValue:z,averageLineColor:B="#2DA170",customTooltipLabelFormatter:k=oF,hideXAxis:S=!1,hideYAxis:R=!1,hideCartesianGrid:D=!1}=n,[I,T]=p({x:0,y:0}),N=u(null),F=N?.current?.current?.parentElement;return e(Ry,{width:a,height:c,ref:N,children:t(mN,{data:o,margin:i,onMouseMove:e=>T({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(hy,{content:O,labelFormatter:k,coordinate:{...I},position:{y:I.y},reverseDirection:{x:I.x>F?.getBoundingClientRect().width/2},...P}),d&&e(Pd,{dy:80,verticalAlign:"bottom",height:100,layout:"horizontal",content:e(aF,{}),wrapperStyle:{paddingTop:60},...H}),!S&&e(TS,{dataKey:h,includeHidden:!0,interval:1,minTickGap:10,tick:e(iF,{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(NS,{yAxisId:"left",...RN,label:{value:m,angle:-90,dx:-30,...RN.label},...V}),_&&t(r,{children:[e(NS,{...RN,yAxisId:"right",hide:!_,orientation:"right",tickCount:3,tickFormatter:e=>`${e}%`,interval:0,minTickGap:20,domain:[0,100],label:{value:b,angle:90,dx:20,...RN.label},...V,...A}),l?.map((e=>f(ZS,{...e,...DN,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,...C})))]}),s?.map((e=>f(ZS,{...e,...DN,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,...C}))),!D&&e(Uk,{...E,strokeDasharray:"4 4",vertical:!1,stroke:"#E4E9F2"}),L&&e(GB,{y:z,yAxisId:"left",stroke:B,strokeDasharray:"4 4"})]})})},vF=t=>{const{x:r,y:n,payload:a,rotate:c=0}=t,i=a.value,[o,s]=i.split("-"),l=ei(o).format("MM/DD"),h=ei(s).format("MM/DD/YY");return e(YN,{transform:`translate(${r},${n}), rotate(${c})`,children:e(cF,{value:`${l} - ${h}`,dy:16})})},pF=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})})},uF=r=>{const n=r.payload[0]?.dataKey,[a]="string"==typeof n&&n?.split(".")||[],c=r.payload[0]?.payload[a],i=ei(c?.date).format("ddd, DD/MM/YYYY");return t(WN,{style:{transform:"translateY(-50%)"},children:[e($N,{children:i}),e(sF,{name:"Work Phase Time:",value:c?.workPhaseTimeHour||"N/A",color:"#5879EF"}),e(sF,{name:"Slack Time:",value:c?.slackTimeHour||"N/A",color:"#A1AFC0"})]})},gF={},mF=[1,2,3,4,5,6,7],dF=e=>`${e}h`,fF=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=dF}=r,[x,Z]=p(!1),[O,M]=p({chartX:0}),E=a.length>4?-10:0,H=e=>{const{x:t}=e||{};"number"==typeof t&&(M({chartX:t+18}),Z(!0))},P=()=>{Z(!1)};return e(Ry,{width:c,height:i,children:t($R,{data:a,barSize:18,barGap:6,margin:f,children:[e(Uk,{vertical:!1,strokeDasharray:"4 4",stroke:"#E4E9F2"}),w&&e(hy,{shared:!1,content:e(uF,{})}),_&&e(Pd,{dy:80,verticalAlign:"bottom",height:100,layout:"horizontal",content:e(aF,{}),wrapperStyle:{paddingTop:60},payload:n}),e(TS,{dataKey:u,tickLine:!1,xAxisId:"xAxis",tick:e(vF,{rotate:E}),tickFormatter:b,interval:0,axisLine:{stroke:"#E4E9F2"},padding:{left:0,right:0},label:{value:s,fill:"#455F7B",fontSize:12,fontFamily:"Poppins",dy:40}}),e(NS,{...RN,tickFormatter:y,dataKey:g,label:{...RN.label,value:l,angle:-90,dx:-30}}),mF.map((r=>t(o.Fragment,{children:[e(LB,{dataKey:`day${r}.${m}`,stackId:r,xAxisId:"xAxis",fill:x?"#9FB2F6":"#708CF1",...gF,className:"productive",name:h,activeBar:!1,onMouseOver:H,onMouseLeave:P,children:x&&e(GV,{dataKey:`day${r}.${m}`,content:pF,x:O.chartX-18})}),e(LB,{dataKey:`day${r}.${d}`,stackId:r,xAxisId:"xAxis",fill:x?"#BFCADF":"#D1D9E7",...gF,radius:[4,4,0,0],className:"unproductive",name:v,activeBar:!1,onMouseOver:H,onMouseLeave:P})]},r)))]})})},_F={fill:"#798CA4",fontFamily:"Poppins",fontSize:12,textAnchor:"middle",x:0,y:0},wF={tick:{fill:"#798CA4",fontFamily:"Poppins",fontSize:12,fontWeight:400},tickLine:!1,axisLine:!1,label:{position:"inside",fill:"#455F7B",fontSize:12,fontFamily:"Poppins",offset:20}},bF=n.div`
   display: flex;
   justify-content: center;
   align-items: center;