kwant-ui 3.51.0-dev.15 → 3.51.0-dev.16

package/dist/index.es.js

@@ -1420,7 +1420,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
   position: absolute;
   bottom: ${e=>e.bottomOffset};
   right: ${e=>e.rightOffset};
-`,ar={xxs:{avatarSize:24,fontSize:10},xs:{avatarSize:32,fontSize:14},sm:{avatarSize:48,fontSize:18},md:{avatarSize:64,fontSize:22},lg:{avatarSize:88,fontSize:26},xl:{avatarSize:128,fontSize:30},xxl:{avatarSize:180,fontSize:60}},cr=r=>{const{src:n,alt:a,size:c="md",fontSize:i,backgroundColor:o="random",fontColor:s="white",objectFit:h="cover",avatarButton:v,avatarButtonBottomOffset:u=0,avatarButtonRightOffset:g=0,onClick:m}=r,[d,f]=p(null),[_,w]=p(!1),b=((e="")=>{const t=e?.trim()?.split(" ");if(t.length>1){const[e,...r]=t;return`${e[0]}${r?.pop()?.[0]}`.toUpperCase()}const r=t[0];return r[0]?.toUpperCase()||""})(a),y="random"!==o?o:function(e){let t=0;for(let r=0;r<e.length;r++)t=e.charCodeAt(r)+((t<<5)-t);let r="#";for(let e=0;e<3;e++)r+=("00"+(t>>8*e&255).toString(16)).substr(-2);return r}(a),x=c in ar?ar[c]:{avatarSize:c,fontSize:i},Z=()=>w(!0),O=()=>w(!1);return l((()=>{if(n){const e=new Image;e.src=n,e.onload=Z,e.onerror=O,f(e)}else O()}),[n]),t(Jt,{children:[e(er,{background:y,size:Se(x.avatarSize),onClick:()=>{m?.(r)},children:_?e(tr,{src:d?.currentSrc,alt:a,objectFit:h,loading:"lazy"}):e(rr,{fontSize:Se(i||x.fontSize),fontColor:s,children:b})}),e(nr,{rightOffset:Se(g,"0px"),bottomOffset:Se(u,"0px"),children:v})]})},ir=r=>{const{label:n="",image:a="",selected:c,avatarProps:i}=r;return t(qt,{selected:c,children:[e(cr,{src:a,alt:n,size:"xs",...i}),e(Gt,{category:"body2",weight:"medium",color:L.grey.grey900,children:r.label}),c&&e(at,{icon:"check",width:20,height:20,fill:L.green.green400})]})},or=r=>{const{maxHeight:n=297.5,width:a=350,offsetTop:c="60px",offsetLeft:i,offsetRight:o,offsetBottom:s="0px",zIndex:h,opened:v,onChange:g,onDropdownVisibilityChange:m,data:d=[],onSelect:y,itemComponent:x,showSeparator:Z=!0,collapseOnSelect:O=!0,inputLeftSection:M,inputRightSection:E,searchPlaceholder:H="Search",searchable:j=!0,showScrollbar:V=!0,targetRef:C,onMouseEnter:A,onMouseLeave:L,onClose:z,searchAutofocus:B=!0,addable:k,selectInputValue:S,avatarProps:R,selectedValue:D,withInput:I,isDynamicOptionPosition:T=!1}=r,[N,F]=p(""),[Q,$]=p([]),Y=u(null),U=u(null),W=u(null),X=u([]),K=Ct(N,400),q=N?Q:d,G=w((()=>N&&0===Q.length||!k&&!j&&0===d.length),[N,Q,d,k,j]),J=q.some((e=>"image"in e)),{currentOffsets:ee,isOpeningUpward:te,renderDropDown:re}=(({isDynamicOptionPosition:e=!1,targetRef:t,opened:r,maxHeight:n=297,offsetTop:a="60px",offsetBottom:c="0px",searchable:i=!0,dataLength:o=0,itemHeight:s=50})=>{const[l,h]=p(!1),[v,u]=p({offsetTop:a,offsetBottom:c,maxHeight:n}),g=f((()=>{if(!e||!t?.current||!r)return;const c=window.innerHeight,l=t.current.getBoundingClientRect(),v=l.y,p=c-v,g=Math.min(n+(i?60:0),o*s+(i?60:0)),m=Math.min(200,g);let d;d=v>c/2?{offsetTop:"",offsetBottom:l.height-(i?14:0)+"px",maxHeight:Math.min(n,v)}:p>=m?{offsetTop:a,offsetBottom:"",maxHeight:Math.min(n,p)}:{offsetTop:"",offsetBottom:`${l.height+10}px`,maxHeight:Math.min(n,v)},u(d),h(!0)}),[e,t,r,n,a,i,o,s]);_((()=>{if(!r||!e)return;r&&g();const t=()=>{g()},i=()=>{g()};return window.addEventListener("resize",t),window.addEventListener("scroll",i),()=>{window.removeEventListener("resize",t),window.removeEventListener("scroll",i),h(!1),u({offsetTop:a,offsetBottom:c,maxHeight:n})}}),[r,e,o,n,t,i,s,g]);const m=e?v:{offsetTop:a,offsetBottom:c,maxHeight:n};return{currentOffsets:m,isOpeningUpward:e&&m.offsetBottom&&!m.offsetTop,calculateDropdownPosition:g,renderDropDown:l}})({isDynamicOptionPosition:T,targetRef:C,opened:v,maxHeight:n,offsetTop:c,offsetBottom:s,searchable:j,dataLength:q.length,itemHeight:50}),ne=e=>{F(e.target.value)},ae=(e,t)=>r=>{r?.preventDefault(),r?.stopPropagation(),y?.(e,t),O&&z?.()},ce=(e,t)=>r=>{"Enter"===r.key&&ae(e,t)(r)},ie=(e,t)=>{const r={onKeyDown:ce(e,t)};return j||I?{...r,onMouseDown:ae(e,t)}:{...r,onClick:ae(e,t)}};return l((()=>{const e=N.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&");const t=new RegExp(e,"ig"),r=d?.filter((({label:e,value:r})=>e?.match(t)||r?.match(t)));$(r)}),[K,d]),l((()=>{g?.(v),m?.(),F(""),v&&j&&U.current&&setTimeout((()=>U.current?.focus()),10)}),[v]),e(Ft,{opened:v,onClose:z,width:Se(a),offsetTop:ee.offsetTop,offsetLeft:i,offsetRight:o,offsetBottom:ee.offsetBottom,zIndex:h,targetRef:C,onMouseEnter:A,onMouseLeave:L,children:(v&&re||!T)&&t(Qt,{expandedHeight:ee.maxHeight,children:[j&&!te&&e($t,{children:e(ct,{ref:U,placeholder:H,value:N,onChange:ne,leftSection:M,rightSection:E,autoFocus:B})}),G?e(Xt,{children:e(Me,{category:"body1",children:"Sorry, no results were found matching your search criteria."})}):t(Yt,{className:"select_item_container",separator:Z,showScrollbar:V,ref:Y,children:[e(P,{viewportRef:Y,items:q,itemMargin:10,itemSize:q.length,overscan:6,ref:W,children:(t,r)=>{if(t?.isSelected)return null;const n=e=>{X.current[r]=e};return x?e(Wt,{isSelected:t?.isSelected,ref:n,...ie(t,r),children:b(x,{...t,label:t.label,value:t.value,index:r,key:`${t.label}${t.value}`})},`${t.label}${t.value}+${r}`):J?e(Wt,{ref:n,...ie(t,r),children:e(ir,{...t,avatarProps:R,selected:t.value===D})},`${t.label}${t.value}+${r}`):e(Ut,{ref:n,...ie(t,r),role:"button",isSelected:t?.isSelected,children:t.label},`${t.label}${t.value}+${r}`)}}),k&&0===q.length&&e(Ut,{...j||I?{onMouseDown:ae({label:S,value:null},0),onKeyDown:ce({label:S,value:null},0)}:{onClick:ae({label:S,value:null},0),onKeyDown:ce({label:S,value:null},0)},role:"button",children:t(Kt,{children:[e(Me,{category:"body1",weight:"semiBold",children:"Add:"}),t(Me,{children:[" ",S]})]})})]}),j&&te&&e($t,{children:e(ct,{ref:U,placeholder:H,value:N,onChange:ne,leftSection:M,rightSection:E,autoFocus:B})})]})})},sr=n.div`
+`,ar={xxs:{avatarSize:24,fontSize:10},xs:{avatarSize:32,fontSize:14},sm:{avatarSize:48,fontSize:18},md:{avatarSize:64,fontSize:22},lg:{avatarSize:88,fontSize:26},xl:{avatarSize:128,fontSize:30},xxl:{avatarSize:180,fontSize:60}},cr=r=>{const{src:n,alt:a,size:c="md",fontSize:i,backgroundColor:o="random",fontColor:s="white",objectFit:h="cover",avatarButton:v,avatarButtonBottomOffset:u=0,avatarButtonRightOffset:g=0,onClick:m}=r,[d,f]=p(null),[_,w]=p(!1),b=((e="")=>{const t=e?.trim()?.split(" ");if(t.length>1){const[e,...r]=t;return`${e[0]}${r?.pop()?.[0]}`.toUpperCase()}const r=t[0];return r[0]?.toUpperCase()||""})(a),y="random"!==o?o:function(e){let t=0;for(let r=0;r<e.length;r++)t=e.charCodeAt(r)+((t<<5)-t);let r="#";for(let e=0;e<3;e++)r+=("00"+(t>>8*e&255).toString(16)).substr(-2);return r}(a),x=c in ar?ar[c]:{avatarSize:c,fontSize:i},Z=()=>w(!0),O=()=>w(!1);return l((()=>{if(n){const e=new Image;e.src=n,e.onload=Z,e.onerror=O,f(e)}else O()}),[n]),t(Jt,{children:[e(er,{background:y,size:Se(x.avatarSize),onClick:()=>{m?.(r)},children:_?e(tr,{src:d?.currentSrc,alt:a,objectFit:h,loading:"lazy"}):e(rr,{fontSize:Se(i||x.fontSize),fontColor:s,children:b})}),e(nr,{rightOffset:Se(g,"0px"),bottomOffset:Se(u,"0px"),children:v})]})},ir=r=>{const{label:n="",image:a="",selected:c,avatarProps:i}=r;return t(qt,{selected:c,children:[e(cr,{src:a,alt:n,size:"xs",...i}),e(Gt,{category:"body2",weight:"medium",color:L.grey.grey900,children:r.label}),c&&e(at,{icon:"check",width:20,height:20,fill:L.green.green400})]})},or=r=>{const{maxHeight:n=298,width:a=350,offsetTop:c="60px",offsetLeft:i,offsetRight:o,offsetBottom:s="0px",zIndex:h,opened:v,onChange:g,onDropdownVisibilityChange:m,data:d=[],onSelect:y,itemComponent:x,showSeparator:Z=!0,collapseOnSelect:O=!0,inputLeftSection:M,inputRightSection:E,searchPlaceholder:H="Search",searchable:j=!0,showScrollbar:V=!0,targetRef:C,onMouseEnter:A,onMouseLeave:L,onClose:z,searchAutofocus:B=!0,addable:k,selectInputValue:S,avatarProps:R,selectedValue:D,withInput:I,isDynamicOptionPosition:T=!1}=r,[N,F]=p(""),[Q,$]=p([]),Y=u(null),U=u(null),W=u(null),X=u([]),K=Ct(N,400),q=N?Q:d,G=w((()=>N&&0===Q.length||!k&&!j&&0===d.length),[N,Q,d,k,j]),J=q.some((e=>"image"in e)),{currentOffsets:ee,isOpeningUpward:te,renderDropDown:re}=(({isDynamicOptionPosition:e=!1,targetRef:t,opened:r,maxHeight:n=297,offsetTop:a="60px",offsetBottom:c="0px",searchable:i=!0,dataLength:o=0,itemHeight:s=50})=>{const[l,h]=p(!1),[v,u]=p({offsetTop:a,offsetBottom:c,maxHeight:n}),g=f((()=>{if(!e||!t?.current||!r)return;const c=window.innerHeight,l=t.current.getBoundingClientRect(),v=l.y,p=c-v,g=Math.min(n+(i?60:0),o*s+(i?60:0)),m=Math.min(200,g);let d;d=v>c/2?{offsetTop:"",offsetBottom:l.height-(i?14:0)+"px",maxHeight:Math.min(n,v)}:p>=m?{offsetTop:a,offsetBottom:"",maxHeight:Math.min(n,p)}:{offsetTop:"",offsetBottom:`${l.height+10}px`,maxHeight:Math.min(n,v)},u(d),h(!0)}),[e,t,r,n,a,i,o,s]);_((()=>{if(!r||!e)return;r&&g();const t=()=>{g()},i=()=>{g()};return window.addEventListener("resize",t),window.addEventListener("scroll",i),()=>{window.removeEventListener("resize",t),window.removeEventListener("scroll",i),h(!1),u({offsetTop:a,offsetBottom:c,maxHeight:n})}}),[r,e,o,n,t,i,s,g]);const m=e?v:{offsetTop:a,offsetBottom:c,maxHeight:n};return{currentOffsets:m,isOpeningUpward:e&&m.offsetBottom&&!m.offsetTop,calculateDropdownPosition:g,renderDropDown:l}})({isDynamicOptionPosition:T,targetRef:C,opened:v,maxHeight:n,offsetTop:c,offsetBottom:s,searchable:j,dataLength:q.length,itemHeight:50}),ne=e=>{F(e.target.value)},ae=(e,t)=>r=>{r?.preventDefault(),r?.stopPropagation(),y?.(e,t),O&&z?.()},ce=(e,t)=>r=>{"Enter"===r.key&&ae(e,t)(r)},ie=(e,t)=>{const r={onKeyDown:ce(e,t)};return j||I?{...r,onMouseDown:ae(e,t)}:{...r,onClick:ae(e,t)}};return l((()=>{const e=N.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&");const t=new RegExp(e,"ig"),r=d?.filter((({label:e,value:r})=>e?.match(t)||r?.match(t)));$(r)}),[K,d]),l((()=>{g?.(v),m?.(),F(""),v&&j&&U.current&&setTimeout((()=>U.current?.focus()),10)}),[v]),e(Ft,{opened:v,onClose:z,width:Se(a),offsetTop:ee.offsetTop,offsetLeft:i,offsetRight:o,offsetBottom:ee.offsetBottom,zIndex:h,targetRef:C,onMouseEnter:A,onMouseLeave:L,children:(v&&re||!T)&&t(Qt,{expandedHeight:ee.maxHeight,children:[j&&!te&&e($t,{children:e(ct,{ref:U,placeholder:H,value:N,onChange:ne,leftSection:M,rightSection:E,autoFocus:B})}),G?e(Xt,{children:e(Me,{category:"body1",children:"Sorry, no results were found matching your search criteria."})}):t(Yt,{className:"select_item_container",separator:Z,showScrollbar:V,ref:Y,children:[e(P,{viewportRef:Y,items:q,itemMargin:10,itemSize:q.length,overscan:6,ref:W,children:(t,r)=>{if(t?.isSelected)return null;const n=e=>{X.current[r]=e};return x?e(Wt,{isSelected:t?.isSelected,ref:n,...ie(t,r),children:b(x,{...t,label:t.label,value:t.value,index:r,key:`${t.label}${t.value}`})},`${t.label}${t.value}+${r}`):J?e(Wt,{ref:n,...ie(t,r),children:e(ir,{...t,avatarProps:R,selected:t.value===D})},`${t.label}${t.value}+${r}`):e(Ut,{ref:n,...ie(t,r),role:"button",isSelected:t?.isSelected,children:t.label},`${t.label}${t.value}+${r}`)}}),k&&0===q.length&&e(Ut,{...j||I?{onMouseDown:ae({label:S,value:null},0),onKeyDown:ce({label:S,value:null},0)}:{onClick:ae({label:S,value:null},0),onKeyDown:ce({label:S,value:null},0)},role:"button",children:t(Kt,{children:[e(Me,{category:"body1",weight:"semiBold",children:"Add:"}),t(Me,{children:[" ",S]})]})})]}),j&&te&&e($t,{children:e(ct,{ref:U,placeholder:H,value:N,onChange:ne,leftSection:M,rightSection:E,autoFocus:B})})]})})},sr=n.div`
   position: relative;
   pointer-events: ${e=>e.disabled?"none":"auto"};
 `,lr=n.div`
@@ -4712,7 +4712,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
   font-size: 1rem;
   font-weight: 500;
   color: ${e=>e.theme.primary.primary90};
-`,HW=[{label:"AM",value:"AM"},{label:"PM",value:"PM"}];function PW({label:n,disabled:a=!1,tooltipContent:c,tooltipPosition:i,format:o="12",onChange:s,onBlur:l,value:h="00:00",required:v,id:u,period:g="AM",onlyHours:m=!1}){const[d,_]=p(m?h.split(":")[0]||"00":h),[w,b]=p(!1),[y,x]=p(g??"AM"),Z="24"===o,O=f(((e,t)=>{const r=Z?23:12,n=Z?0:1;return{hours:Math.min(Math.max(e,n),r),minutes:Math.min(Math.max(t,0),59)}}),[Z]);return t(r,{children:[t(Je,{color:a?L.grey.grey400:L.grey.grey900,children:[v&&e(qe,{disabled:a,children:"*"}),n,c&&e(et,{children:e(ye,{tooltipContent:()=>c,position:i,offset:"10px",top:"8px",children:e(at,{icon:"info",width:16,height:16,fill:L.grey.grey400})})})]}),t(wW,{children:[t(yW,{onlyHours:m,children:[e(bW,{id:u,type:"text",value:d,onChange:e=>{if(!Z&&"0"===e.target.value)return;let t=e.target.value,r=!1;if(""===e.target.value)_(""),t="",r=!0;else if(m){const n=e.target.value.replace(/[^\d]/g,"").slice(0,2);if(n.length<=2){const e=parseInt(n),a=Z?23:12;(""===n||1===n.length||!isNaN(e)&&e>=0&&e<=a)&&(_(n),t=n,r=!0)}}else{let n=e.target.value.replace(/[^\d:]/g,"");if(/^\d{2}$/.test(n)&&(n+=":"),n.length<=5){const[e="",a=""]=n.split(":");if(e.length<=2){const c=parseInt(e),i=Z?23:12;if(""===e||1===e.length||!isNaN(c)&&c>=0&&c<=i){(""===a||a.length<=2&&(1===a.length||parseInt(a)<=59))&&(_(n),t=n,r=!0)}}}}if(r&&s){const e={time:t};Z||(e.period=y),s(e)}},onBlur:e=>{if(""!==d){if(m&&Z){const e=parseInt(d)||(Z?0:1),t=Z?23:12,r=Z?0:1,n=Math.min(Math.max(e,r),t).toString().padStart(2,"0");_(n)}if(Z){const[e="",t=""]=d.split(":"),r=parseInt(e)||(Z?0:1),n=parseInt(t)||0,{hours:a,minutes:c}=O(r,n),i=`${a.toString().padStart(2,"0")}:${c.toString().padStart(2,"0")}`;_(i)}l&&l(e)}else l&&l(e)},placeholder:m&&!Z?"00":"HH:MM",disabled:a,format:o,onlyHours:m}),m&&t(r,{children:[e(xW,{children:":"}),e(ZW,{children:"00"})]})]}),!Z&&t(OW,{children:[t(MW,{onClick:()=>{b(!w)},children:[e(EW,{children:y}),e(bn,{isOpened:w,children:xn})]}),e(or,{opened:w,data:HW,width:"80px",offsetRight:"0px",offsetTop:"50px",isDynamicOptionPosition:!0,selectedValue:y,onClose:()=>b(!1),onSelect:e=>{if(("AM"===e?.value||"PM"===e?.value)&&(x(e.value),s)){const t={time:d};Z||(t.period=e.value),s(t)}},showScrollbar:!1,searchable:!1})]})]})]})}const jW=n.div`
+`,HW=[{label:"AM",value:"AM"},{label:"PM",value:"PM"}];function PW({label:n,disabled:a=!1,tooltipContent:c,tooltipPosition:i,format:o="12",onChange:s,onBlur:l,value:h="00:00",required:v,id:g,period:m="AM",onlyHours:d=!1}){const[_,w]=p(d?h.split(":")[0]||"00":h),[b,y]=p(!1),[x,Z]=p(m??"AM"),O="24"===o,M=u(null),E=f(((e,t)=>{const r=O?23:12,n=O?0:1;return{hours:Math.min(Math.max(e,n),r),minutes:Math.min(Math.max(t,0),59)}}),[O]);return t(r,{children:[t(Je,{color:a?L.grey.grey400:L.grey.grey900,children:[v&&e(qe,{disabled:a,children:"*"}),n,c&&e(et,{children:e(ye,{tooltipContent:()=>c,position:i,offset:"10px",top:"8px",children:e(at,{icon:"info",width:16,height:16,fill:L.grey.grey400})})})]}),t(wW,{ref:M,children:[t(yW,{onlyHours:d,children:[e(bW,{id:g,type:"text",value:_,onChange:e=>{if(!O&&"0"===e.target.value)return;let t=e.target.value,r=!1;if(""===e.target.value)w(""),t="",r=!0;else if(d){const n=e.target.value.replace(/[^\d]/g,"").slice(0,2);if(n.length<=2){const e=parseInt(n),a=O?23:12;(""===n||1===n.length||!isNaN(e)&&e>=0&&e<=a)&&(w(n),t=n,r=!0)}}else{let n=e.target.value.replace(/[^\d:]/g,"");if(/^\d{2}$/.test(n)&&(n+=":"),n.length<=5){const[e="",a=""]=n.split(":");if(e.length<=2){const c=parseInt(e),i=O?23:12;if(""===e||1===e.length||!isNaN(c)&&c>=0&&c<=i){(""===a||a.length<=2&&(1===a.length||parseInt(a)<=59))&&(w(n),t=n,r=!0)}}}}if(r&&s){const e={time:t};O||(e.period=x),s(e)}},onBlur:e=>{if(""!==_){if(d&&O){const e=parseInt(_)||(O?0:1),t=O?23:12,r=O?0:1,n=Math.min(Math.max(e,r),t).toString().padStart(2,"0");w(n)}if(O){const[e="",t=""]=_.split(":"),r=parseInt(e)||(O?0:1),n=parseInt(t)||0,{hours:a,minutes:c}=E(r,n),i=`${a.toString().padStart(2,"0")}:${c.toString().padStart(2,"0")}`;w(i)}l&&l(e)}else l&&l(e)},placeholder:d&&!O?"00":"HH:MM",disabled:a,format:o,onlyHours:d}),d&&t(r,{children:[e(xW,{children:":"}),e(ZW,{children:"00"})]})]}),!O&&t(OW,{children:[t(MW,{onClick:()=>{y(!b)},children:[e(EW,{children:x}),e(bn,{isOpened:b,children:xn})]}),e(or,{opened:b,data:HW,width:"80px",offsetRight:"0px",offsetTop:"50px",isDynamicOptionPosition:!0,targetRef:M,selectedValue:x,onClose:()=>y(!1),onSelect:e=>{if(("AM"===e?.value||"PM"===e?.value)&&(Z(e.value),s)){const t={time:_};O||(t.period=e.value),s(t)}},showScrollbar:!1,searchable:!1})]})]})]})}const jW=n.div`
   display: flex;
   align-items: center;
   justify-content: center;