@inntechcorp/it-design 2.1.4 → 2.1.6

package/dist/index.esm.js

@@ -3255,7 +3255,7 @@ function Of(e,t){if(yf(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
     } 
   `}
 
-`,og=u((({id:t="",position:p="bottom",direction:b="right",size:n="default",variant:M="default",placeholder:i="Please Select",className:a="",multi:O=!1,disabled:A=!1,showSearch:d=!1,locked:l=!1,floating:u=!1,options:f=[],value:h,defaultValue:W,label:g,prefix:m,icon:R,image:v,style:L,onChange:y,onUpdate:N},B)=>{const w=c(null),[x,X]=r(!1),[k,S]=r(""),[T,E]=r(void 0),[_,C]=r(""),[P,D]=r(t);z((()=>{""===t&&D("itd-select-"+Ha())}),[]),z((()=>{x||S("")}),[x]),z((()=>{void 0!==W&&E(W)}),[W]),z((()=>{void 0!==h&&E(h)}),[h]),gc(w,(()=>{x&&X(!1)})),mc((()=>{x&&X(!1)}));const I=(e,t=!0,o=!0)=>{N&&N(e,t,o)};q(B,(()=>({reset(e=!0,t=!0){const o=W||(O?[]:void 0);E(o),C(""),I(o,e,t)},setValue(e,t=!0,o=!0){E(e),I(e,t,o)},getValue:()=>T||(O?[]:""),setError(e){C(e||"")},clear(){}})));const F=()=>"x-small"===n?"xs":"small"===n?"sm":"medium"===n?"md":"default"===n?"df":"large"===n?"lg":"x-large"===n?"xlg":"df";return o(tg,{ref:w,className:(()=>{let e="itd-select";return e+=" itd-select-"+M,e+=" itd-select-"+(O?"multi":"single"),e+=" itd-select-"+b,e+=" itd-select-"+F(),x&&(e+=" itd-select-open"),_&&(e+=" itd-select-status-error"),A&&(e+=" itd-select-disabled"),d&&(e+=" itd-select-search"),R&&(e+=" itd-icon"),v&&(e+=" itd-image"),""!==a&&(e+=" "+a),e})(),...(()=>{let e={style:void 0,disabled:!1,$hasImage:null!=v,$hasIcon:null!=R,$size:F(),$filled:void 0!==T};return A&&(e.disabled=!0),L&&(e.style=L),e})(),children:[e(af,{id:P,labelType:u?"floating":"single",value:T,placeholder:f.length>0?i:"",onChange:e=>{X(e)},onFocus:()=>{X(!0)},onBlur:()=>{X(!1)},onShow:e=>{X(e)},onFilter:e=>{x&&S(e)},errorMessage:_,size:n,icon:R,prefix:m,image:v,label:(()=>{if(g)return g;if(void 0===T)return;let e="";if(O){const t=f.filter((e=>e.value===T[0]))[0];Array.isArray(T)&&(1===T.length?t&&(e=t.label):T.length>1&&(e=ou("placeholders.multipleSelection",{count:T.length})))}else{const t=f.filter((e=>e.value===T))[0];t&&(e=t.label)}return e})(),disabled:A,isOpen:x,multi:O,locked:l,showSearch:d}),e(GW,{onClose:()=>{X(!1)},onChange:e=>{C(""),I(e),E(e),O||X(!1),y&&y(e)},defaultValue:T,position:p,direction:b,isOpen:x,multi:O,children:(()=>{let t=[];return f.map((e=>{if(""!==k&&"string"==typeof e.value&&"string"==typeof e.label&&!e.value.includes(k.toLocaleLowerCase())&&!(e=>{if("string"==typeof e)return e.toLocaleLowerCase();let t="";return e.map((e=>{"string"==typeof e&&(t+=e.toLocaleLowerCase())})),t})(e.label).includes(k.toLocaleLowerCase()))return;let o={value:e.value,label:e.label};e.icon&&(o={...o,icon:e.icon}),e.image&&(o={...o,image:e.image}),e.key&&(o={...o,customKey:e.key}),O&&T&&Array.isArray(T)&&(o={...o,checked:T.includes(e.value.toString())}),t.push(s(Fu,{...o,key:e.key?e.key:e.value.toString()}))})),0===t.length&&t.push(e("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),t})()})]})}));og.displayName="Select";const pg=ha.div`
+`,og=u((({id:t="itd-select-"+Ha(),position:p="bottom",direction:b="right",size:n="default",variant:M="default",placeholder:i="Please Select",className:a="",multi:O=!1,disabled:A=!1,showSearch:d=!1,locked:l=!1,floating:u=!1,options:f=[],value:h,defaultValue:W,label:g,prefix:m,icon:R,image:v,style:L,onChange:y,onUpdate:N},B)=>{const w=c(null),[x,X]=r(!1),[k,S]=r(""),[T,E]=r(void 0),[_,C]=r("");z((()=>{x||S("")}),[x]),z((()=>{void 0!==W&&E(W)}),[W]),z((()=>{void 0!==h&&E(h)}),[h]),gc(w,(()=>{x&&X(!1)})),mc((()=>{x&&X(!1)}));const P=(e,t=!0,o=!0)=>{N&&N(e,t,o)};q(B,(()=>({reset(e=!0,t=!0){const o=W||(O?[]:void 0);E(o),C(""),P(o,e,t)},setValue(e,t=!0,o=!0){E(e),P(e,t,o)},getValue:()=>T||(O?[]:""),setError(e){C(e||"")},clear(){}})));const D=()=>"x-small"===n?"xs":"small"===n?"sm":"medium"===n?"md":"default"===n?"df":"large"===n?"lg":"x-large"===n?"xlg":"df";return o(tg,{ref:w,className:(()=>{let e="itd-select";return e+=" itd-select-"+M,e+=" itd-select-"+(O?"multi":"single"),e+=" itd-select-"+b,e+=" itd-select-"+D(),x&&(e+=" itd-select-open"),_&&(e+=" itd-select-status-error"),A&&(e+=" itd-select-disabled"),d&&(e+=" itd-select-search"),R&&(e+=" itd-icon"),v&&(e+=" itd-image"),""!==a&&(e+=" "+a),e})(),...(()=>{let e={style:void 0,disabled:!1,$hasImage:null!=v,$hasIcon:null!=R,$size:D(),$filled:void 0!==T};return A&&(e.disabled=!0),L&&(e.style=L),e})(),children:[e(af,{id:t,labelType:u?"floating":"single",value:T,placeholder:f.length>0?i:"",onChange:e=>{X(e)},onFocus:()=>{X(!0)},onBlur:()=>{X(!1)},onShow:e=>{X(e)},onFilter:e=>{x&&S(e)},errorMessage:_,size:n,icon:R,prefix:m,image:v,label:(()=>{if(g)return g;if(void 0===T)return;let e="";if(O){const t=f.filter((e=>e.value===T[0]))[0];Array.isArray(T)&&(1===T.length?t&&(e=t.label):T.length>1&&(e=ou("placeholders.multipleSelection",{count:T.length})))}else{const t=f.filter((e=>e.value===T))[0];t&&(e=t.label)}return e})(),disabled:A,isOpen:x,multi:O,locked:l,showSearch:d}),e(GW,{onClose:()=>{X(!1)},onChange:e=>{C(""),P(e),E(e),O||X(!1),y&&y(e)},defaultValue:T,position:p,direction:b,isOpen:x,multi:O,children:(()=>{let t=[];return f.map((e=>{if(""!==k&&"string"==typeof e.value&&"string"==typeof e.label&&!e.value.includes(k.toLocaleLowerCase())&&!(e=>{if("string"==typeof e)return e.toLocaleLowerCase();let t="";return e.map((e=>{"string"==typeof e&&(t+=e.toLocaleLowerCase())})),t})(e.label).includes(k.toLocaleLowerCase()))return;let o={value:e.value,label:e.label};e.icon&&(o={...o,icon:e.icon}),e.image&&(o={...o,image:e.image}),e.key&&(o={...o,customKey:e.key}),O&&T&&Array.isArray(T)&&(o={...o,checked:T.includes(e.value.toString())}),t.push(s(Fu,{...o,key:e.key?e.key:e.value.toString()}))})),0===t.length&&t.push(e("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),t})()})]})}));og.displayName="Select";const pg=ha.div`
   
   display         : flex;
   flex-direction  : ${e=>e.$horizontal?"row":"column"};
@@ -4674,7 +4674,7 @@ function Of(e,t){if(yf(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
 
   position: relative;
 
-`,sR=ha.label`
+`,sR=ha.div`
 
   display: block;
 
@@ -4904,7 +4904,7 @@ function Of(e,t){if(yf(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
 
   }
 
-`,mR=u((({id:t="itd-upload-"+Ha(),resultFileName:p=null,action:b="",filePath:n="",binaryName:M="file",showDeleteIcon:i=!1,showPreviewIcon:a=!1,buttonsPosition:O="default",padding:s=10,fluid:A=!0,fileWidth:d="100%",fileHeight:l="auto",maxFileWidth:u="none",maxFileHeight:f="none",containerWidth:h="100%",containerHeight:W="auto",previewFileWidth:g="100%",previewFileHeight:m="100%",previewFilePadding:R="0",requestMethod:v="put",maxFileSize:L=1024,disabled:y=!1,extraFormData:N={},extraQueryString:B={},extraHeader:w={},fileTypes:x=[Ot.JPG,Ot.PNG,Ot.SVG,Ot.PDF],removeAction:X="",removeExtraFormData:k={},removeExtraQueryString:S={},removeExtraHeader:T={},onUpdate:E,onUploadSuccess:_,onUploadFailed:C,onRemoveFileSuccess:P,onRemoveFileFailed:D},I)=>{const F=c(null),{addNotification:j}=tl.useNotifications(),{showModal:$}=uO.useModal(),{fetch:U,cancel:V}=Bc(),{t:H}=it(),[Y,G]=r(!1),[K,Q]=r(!1),[J,Z]=r(".svg, .png, .jpg"),[ee,te]=r(!1),[oe,pe]=r(!1),[be,ne]=r(!1),[Me,re]=r(null),[ce,ze]=r(null),[ie,ae]=r(""),[Oe,se]=r(!1),[Ae,de]=r(!1),[le,ue]=r(null),[fe,qe]=r(!1),[he,We]=r(null);z((()=>()=>{V()}),[]),z((()=>{Q(y)}),[y]),z((()=>{ze(n?n.split("?")[0]:"")}),[n]),z((()=>{null!==ce&&(void 0!==ce?Re():G(!1))}),[ce]),z((()=>{let e=[];x.map((t=>{e.push(Sl(t))})),Z(e.join(", "))}),[x]);const ge=(e,t)=>{j({title:e,description:t,placement:"topRight",autoHide:!0,delay:5e3,type:"error"})},me=(e,t=!0,o=!0)=>{E&&E(e,t,o)};q(I,(()=>({setFocus(){ne(!0)},reset(e=!1,t=!1){ve(),ze(null),ae(""),me("",e,t)},setValue(e,t=!0,o=!0){ze(e),me(e,t,o)},getValue:()=>ce||"",setError(e){ae(e)},forceUpdate(){me(ce||"")},clear(){ze("")}})));const Re=async()=>{let e=!1;ce&&(e=await xl(ce),re(e),e?me(ce):me("",!0,!0),Y||G(!0)),""!==ce||Y||G(!0),""===ce&&Y&&me("",!0,!0)},ve=()=>{We(null),ue(null),qe(!1),re(null)},Le=async()=>{Q(!0),$({content:e("div",{children:H("uploader.areYouSureToDeleteThisFile")}),title:H("uploader.removeFile"),okButtonText:H("uploader.yes"),cancelButtonText:H("uploader.no"),okButtonProps:{variant:"statable",state:"reject"},closeOnClickOutside:!1,showCloseButton:!1,onOk:()=>(X?U({action:X,params:k,queries:S,headers:T,onFetched:e=>{e.data.success?(ve(),me("",!0,!0),P&&P(e.data.data)):D&&D()},onError:()=>{D&&D()}}):(ve(),me("",!0,!0),P&&P()),Q(!1),!0),onCancel:()=>(Q(!1),!0)})},ye=e=>{e.preventDefault(),Ae||pe(!0)},Ne=e=>{e.preventDefault(),Ae||pe(!1)},Be=e=>{e.preventDefault(),Ae||(pe(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?Xe(e.dataTransfer.files[0]):console.log(H("uploader.browserDoesntSupportDND")))},we=e=>{pe(!1);const t=e.target.files[0];Xe(t)},xe=async({path:e,errorMessage:t,errorCode:o})=>{await Tl(1e3),ue(null),de(!1),await Tl(1500),qe(!1),e?_&&_(e):t&&C&&C(t,o||0)},Xe=e=>{if(e&&(e=>!!x.includes(e.type)||(ge(H("uploader.error"),H("uploader.fileFormatError",{fileFormat:J})),!1))(e)&&(e=>!(e.size>1024*L&&(ge(H("uploader.error"),H("uploader.fileSizeError",{fileSize:kl(1024*L)})),1)))(e)){if(p){const t=Sl(e.type);e=new File([e],p+t,{type:t,lastModified:e.lastModified})}(async e=>{if(!e)return;let t=new FormData;t.append(M,e),p&&t.append("name",p),Object.keys(N).forEach((e=>{t.append(e,N[e])})),U({action:b,requestMethod:v,params:t,queries:B,headers:w,onFetched:e=>{e.data.success?(We({message:H("uploader.fileUploadSuccess"),status:"success"}),qe(!0),ze(e.data.data.url),xe({path:e.data.data.url})):(We({message:H("uploader.fileUploadFailed"),status:"error"}),me("",!0,!0),xe({errorMessage:H("uploader.fileUploadFailed")}))},onError:(e,t)=>{We({message:H("uploader.fileUploadFailed"),status:"error"}),me("",!0,!0),xe({errorMessage:e,errorCode:t})},onProgress:e=>{ue({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?kl(e.bytes):"",total:e.total?kl(e.total):""})}})})(e),de(!0)}},ke=()=>{Q(!0),$({content:e(dR,{className:"itd-upload-preview-content",$width:g,$height:m,$padding:R,children:e(Zu,{src:ce||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>(Q(!1),!0)})},Se=()=>{if(i&&ce&&!Ae&&Me)return e("span",{className:"delete-icon",children:e(Ya,{variant:"solid",size:"small",type:"button",circle:!0,onClick:Le,disabled:K,icon:e(Wu,{width:16,height:16}),className:"itd-upload-delete-button"})})},Te=()=>{if(a&&ce&&!Ae&&Me)return e("span",{className:"preview-icon",children:e(Ya,{variant:"solid",size:"small",type:"button",circle:!0,onClick:ke,disabled:K,icon:e(gu,{width:16,height:16}),className:"itd-upload-preview-button"})})},Ee=e("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:e("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:o("g",{id:"ErrorGroup",fillRule:"nonzero",children:[e("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),e("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n            L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n            C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n            5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),_e=()=>{if(""===ie||Ae)return;return o(WR,{...{className:"itd-upload-failed itd-failed-status",onPointerOver:()=>se(!0),onPointerOut:()=>se(!1)},children:[Oe?e(gR,{className:"itd-upload-error-tooltip itd-error-tooltip",children:ie}):null,Ee]})},Ce=()=>{if(Y)return null===Me?e(uu,{width:24,height:24}):!1===Me?e(Ru,{width:40,height:40}):e(Zu,{src:ce||"",width:pu(d),height:pu(l)})},Pe=()=>{let t=(ee||oe)&&!Ae&&!K;return e(uR,{onPointerOver:()=>{!oe&&te(!0)},onPointerOut:()=>{!oe&&te(!1)},onDragOver:ye,onDragLeave:Ne,onDrop:Be,$isHover:t,className:"itd-upload-overlay",children:o(lR,{$isHover:t,className:"itd-upload-overlay-content",children:[e("span",{className:"itd-upload-header",children:H("uploader.header")}),e("span",{className:"itd-upload-hint",children:H("uploader.hint")})]})})};return o(aR,{className:"itd-upload",$fluid:A,children:[e("input",{type:"file",id:t,accept:J,onChange:we,onFocus:()=>ne(!0),onBlur:()=>ne(!1),onClick:()=>{F.current?.blur()},disabled:Ae||K,ref:F}),e(sR,{htmlFor:t,$showFocus:be,className:"itd-upload-label",children:o(OR,{$showBorder:(oe||ee)&&!Ae,$padding:s,$disabled:y,$hasError:""!==ie&&!Ae,$fileWidth:d,$fileHeight:l,$maxFileWidth:u,$maxFileHeight:f,$containerWidth:h,$containerHeight:W,className:"itd-upload-content",children:[Ce(),o(fR,{className:"itd-upload-status",$isActive:Ae,$complete:"success"===he?.status,$error:"error"===he?.status,children:[e(qR,{className:"itd-upload-status-box",$progress:le?le.progress:0,$complete:"success"===he?.status,$error:"error"===he?.status}),e("span",{className:"itd-upload-status-message",children:H(fe||he?String(he?.message):"uploader.fileUploading")}),e("span",le?{className:"itd-upload-status-info",children:H("uploader.info",{total:le.total,estimated:le.estimated})}:{className:"itd-upload-status-calculating",children:H("uploader.calculating")})]}),Pe(),o(AR,{$position:""===ie?O:"default",children:[o(bL,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[Se(),Te()]}),_e()]})]})})]})})),RR=ha(X)`
+`,mR=u((({id:t="itd-upload-"+Ha(),resultFileName:p=null,action:b="",filePath:n="",binaryName:M="file",showDeleteIcon:i=!1,showPreviewIcon:a=!1,buttonsPosition:O="default",padding:s=10,fluid:A=!0,fileWidth:d="100%",fileHeight:l="auto",maxFileWidth:u="none",maxFileHeight:f="none",containerWidth:h="100%",containerHeight:W="auto",previewFileWidth:g="100%",previewFileHeight:m="100%",previewFilePadding:R="0",requestMethod:v="put",maxFileSize:L=1024,disabled:y=!1,extraFormData:N={},extraQueryString:B={},extraHeader:w={},fileTypes:x=[Ot.JPG,Ot.PNG,Ot.SVG,Ot.PDF],removeAction:X="",removeExtraFormData:k={},removeExtraQueryString:S={},removeExtraHeader:T={},onUpdate:E,onUploadSuccess:_,onUploadFailed:C,onRemoveFileSuccess:P,onRemoveFileFailed:D},I)=>{const F=c(null),{addNotification:j}=tl.useNotifications(),{showModal:$}=uO.useModal(),{fetch:U,cancel:V}=Bc(),{t:H}=it(),[Y,G]=r(!1),[K,Q]=r(!1),[J,Z]=r(".svg, .png, .jpg"),[ee,te]=r(!1),[oe,pe]=r(!1),[be,ne]=r(!1),[Me,re]=r(null),[ce,ze]=r(null),[ie,ae]=r(""),[Oe,se]=r(!1),[Ae,de]=r(!1),[le,ue]=r(null),[fe,qe]=r(!1),[he,We]=r(null);z((()=>()=>{V()}),[]),z((()=>{Q(y)}),[y]),z((()=>{ze(n?n.split("?")[0]:"")}),[n]),z((()=>{null!==ce&&(void 0!==ce?Re():G(!1))}),[ce]),z((()=>{let e=[];x.map((t=>{e.push(Sl(t))})),Z(e.join(", "))}),[x]);const ge=(e,t)=>{j({title:e,description:t,placement:"topRight",autoHide:!0,delay:5e3,type:"error"})},me=(e,t=!0,o=!0)=>{E&&E(e,t,o)};q(I,(()=>({setFocus(){ne(!0)},reset(e=!1,t=!1){ve(),ze(null),ae(""),me("",e,t)},setValue(e,t=!0,o=!0){ze(e),me(e,t,o)},getValue:()=>ce||"",setError(e){ae(e)},forceUpdate(){me(ce||"")},clear(){ze("")}})));const Re=async()=>{let e=!1;ce&&(e=await xl(ce),re(e),e?me(ce):me("",!0,!0),Y||G(!0)),""!==ce||Y||G(!0),""===ce&&Y&&me("",!0,!0)},ve=()=>{We(null),ue(null),qe(!1),re(null)},Le=async()=>{Q(!0),$({content:e("div",{children:H("uploader.areYouSureToDeleteThisFile")}),title:H("uploader.removeFile"),okButtonText:H("uploader.yes"),cancelButtonText:H("uploader.no"),okButtonProps:{variant:"statable",state:"reject"},closeOnClickOutside:!1,showCloseButton:!1,onOk:()=>(X?U({action:X,params:k,queries:S,headers:T,onFetched:e=>{e.data.success?(ve(),me("",!0,!0),P&&P(e.data.data)):D&&D()},onError:()=>{D&&D()}}):(ve(),me("",!0,!0),P&&P()),Q(!1),!0),onCancel:()=>(Q(!1),!0)})},ye=e=>{e.preventDefault(),Ae||pe(!0)},Ne=e=>{e.preventDefault(),Ae||pe(!1)},Be=e=>{e.preventDefault(),Ae||(pe(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?Xe(e.dataTransfer.files[0]):console.log(H("uploader.browserDoesntSupportDND")))},we=e=>{pe(!1);const t=e.target.files[0];Xe(t)},xe=async({path:e,errorMessage:t,errorCode:o})=>{await Tl(1e3),ue(null),de(!1),await Tl(1500),qe(!1),e?_&&_(e):t&&C&&C(t,o||0)},Xe=e=>{if(e&&(e=>!!x.includes(e.type)||(ge(H("uploader.error"),H("uploader.fileFormatError",{fileFormat:J})),!1))(e)&&(e=>!(e.size>1024*L&&(ge(H("uploader.error"),H("uploader.fileSizeError",{fileSize:kl(1024*L)})),1)))(e)){if(p){const t=Sl(e.type);e=new File([e],p+t,{type:t,lastModified:e.lastModified})}(async e=>{if(!e)return;let t=new FormData;t.append(M,e),p&&t.append("name",p),Object.keys(N).forEach((e=>{t.append(e,N[e])})),U({action:b,requestMethod:v,params:t,queries:B,headers:w,onFetched:e=>{e.data.success?(We({message:H("uploader.fileUploadSuccess"),status:"success"}),qe(!0),ze(e.data.data.url),xe({path:e.data.data.url})):(We({message:H("uploader.fileUploadFailed"),status:"error"}),me("",!0,!0),xe({errorMessage:H("uploader.fileUploadFailed")}))},onError:(e,t)=>{We({message:H("uploader.fileUploadFailed"),status:"error"}),me("",!0,!0),xe({errorMessage:e,errorCode:t})},onProgress:e=>{ue({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?kl(e.bytes):"",total:e.total?kl(e.total):""})}})})(e),de(!0)}},ke=()=>{Q(!0),$({content:e(dR,{className:"itd-upload-preview-content",$width:g,$height:m,$padding:R,children:e(Zu,{src:ce||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>(Q(!1),!0)})},Se=()=>{if(i&&ce&&!Ae&&Me)return e("span",{className:"delete-icon",children:e(Ya,{variant:"solid",size:"small",type:"button",circle:!0,onClick:Le,disabled:K,icon:e(Wu,{width:16,height:16}),className:"itd-upload-delete-button"})})},Te=()=>{if(a&&ce&&!Ae&&Me)return e("span",{className:"preview-icon",children:e(Ya,{variant:"solid",size:"small",type:"button",circle:!0,onClick:ke,disabled:K,icon:e(gu,{width:16,height:16}),className:"itd-upload-preview-button"})})},Ee=e("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:e("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:o("g",{id:"ErrorGroup",fillRule:"nonzero",children:[e("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),e("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n            L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n            C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n            5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),_e=()=>{if(""===ie||Ae)return;return o(WR,{...{className:"itd-upload-failed itd-failed-status",onPointerOver:()=>se(!0),onPointerOut:()=>se(!1)},children:[Oe?e(gR,{className:"itd-upload-error-tooltip itd-error-tooltip",children:ie}):null,Ee]})},Ce=()=>{if(Y)return null===Me?e(uu,{width:24,height:24}):!1===Me?e(Ru,{width:40,height:40}):e(Zu,{src:ce||"",width:pu(d),height:pu(l)})},Pe=()=>{let t=(ee||oe)&&!Ae&&!K;return e(uR,{onPointerOver:()=>{!oe&&te(!0)},onPointerOut:()=>{!oe&&te(!1)},onDragOver:ye,onDragLeave:Ne,onDrop:Be,$isHover:t,className:"itd-upload-overlay",children:o(lR,{$isHover:t,className:"itd-upload-overlay-content",children:[e("span",{className:"itd-upload-header",children:H("uploader.header")}),e("span",{className:"itd-upload-hint",children:H("uploader.hint")})]})})};return o(aR,{className:"itd-upload",$fluid:A,children:[e("input",{type:"file",id:t,accept:J,onChange:we,onFocus:()=>ne(!0),onBlur:()=>ne(!1),onClick:()=>{F.current?.blur()},disabled:Ae||K,ref:F}),e(sR,{$showFocus:be,className:"itd-upload-label",children:o(OR,{$showBorder:(oe||ee)&&!Ae,$padding:s,$disabled:y,$hasError:""!==ie&&!Ae,$fileWidth:d,$fileHeight:l,$maxFileWidth:u,$maxFileHeight:f,$containerWidth:h,$containerHeight:W,className:"itd-upload-content",children:[Ce(),o(fR,{className:"itd-upload-status",$isActive:Ae,$complete:"success"===he?.status,$error:"error"===he?.status,children:[e(qR,{className:"itd-upload-status-box",$progress:le?le.progress:0,$complete:"success"===he?.status,$error:"error"===he?.status}),e("span",{className:"itd-upload-status-message",children:H(fe||he?String(he?.message):"uploader.fileUploading")}),e("span",le?{className:"itd-upload-status-info",children:H("uploader.info",{total:le.total,estimated:le.estimated})}:{className:"itd-upload-status-calculating",children:H("uploader.calculating")})]}),Pe(),o(AR,{$position:""===ie?O:"default",children:[o(bL,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[Se(),Te()]}),_e()]})]})})]})})),RR=ha(X)`
 
   text-decoration: none;
   

package/dist/upload/styled.d.ts

@@ -13,7 +13,7 @@ declare const FileContent: import("styled-components/dist/types").IStyledCompone
     $containerWidth?: number | string;
     $containerHeight?: number | string;
 }>> & string;
-declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $showFocus: boolean;
 }>> & string;
 declare const IconsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",