@inntechcorp/it-design 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/es/upload/index.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useRef as o,useId as i,useMemo as r,useState as l,useEffect as d,useImperativeHandle as s}from"react";import{useTranslation as n}from"react-i18next";import u from"../button/index.js";import c from"../image/index.js";import p from"../modal/index.js";import m from"../notification/index.js";import h from"../hooks/useCoreFetch.js";import f from"../helpers/binary/FormatBytes.js";import v from"../helpers/checker/CheckFileURL.js";import{FileTypes as g,ComponentVariants as F,ButtonSizes as y}from"../enums/enum.js";import N from"../helpers/binary/GetTypeByFileType.js";import b from"../helpers/promise/Wait.js";import w from"../flex/index.js";import x from"../helpers/unit/AddDefaultUnit.js";import{ErrorSVGIcon as j,ErrorTooltip as k}from"../utils/CommonStyledComponents.js";import{getErrorAriaProps as D,ErrorAnnouncement as C,getErrorId as S}from"../utils/ErrorAnnouncement.js";import M from"../node_modules/lucide-react/dist/esm/icons/upload.js";import E from"../node_modules/lucide-react/dist/esm/icons/lock.js";import P from"../node_modules/lucide-react/dist/esm/icons/trash.js";import O from"../node_modules/lucide-react/dist/esm/icons/eye.js";const U=a(({id:a,variant:U=F.DEFAULT,resultFileName:T=null,action:B="",filePath:L="",binaryName:W="file",showDeleteIcon:z=!1,showPreviewIcon:H=!1,buttonsPosition:I="default",padding:_=10,fluid:q=!0,fileWidth:A="100%",fileHeight:G="auto",maxFileWidth:R="none",maxFileHeight:V="none",containerWidth:Q="100%",containerHeight:$="auto",previewFileWidth:J="100%",previewFileHeight:Y="100%",previewFilePadding:K="0",requestMethod:X="put",maxFileSize:Z=1024,disabled:ee=!1,locked:te=!1,extraFormData:ae={},extraQueryString:oe={},extraHeader:ie={},fileTypes:re=[g.JPG,g.PNG,g.SVG,g.PDF],removeAction:le="",removeExtraFormData:de={},removeExtraQueryString:se={},removeExtraHeader:ne={},onUpdate:ue,onUploadSuccess:ce,onUploadFailed:pe,onRemoveFileSuccess:me,onRemoveFileFailed:he},fe)=>{const ve=o(null),{addNotification:ge}=m.useNotifications(),{showModal:Fe}=p.useModal(),{fetch:ye,cancel:Ne}=h(),{t:be}=n("itd"),we=i(),xe=r(()=>a||"itd-upload-"+we,[a]),[je,ke]=l(!1),[De,Ce]=l(!1),[Se,Me]=l(".svg, .png, .jpg"),[Ee,Pe]=l(!1),[Oe,Ue]=l(!1),[Te,Be]=l(!1),[Le,We]=l(null),[ze,He]=l(null),[Ie,_e]=l(""),[qe,Ae]=l(!1),[Ge,Re]=l(!1),[Ve,Qe]=l(null),[$e,Je]=l(!1),[Ye,Ke]=l(null);d(()=>()=>{Ne()},[]),d(()=>{Ce(ee)},[ee]),d(()=>{He(L?L.split("?")[0]:"")},[L]),d(()=>{null!==ze&&(void 0!==ze?et():ke(!1))},[ze]),d(()=>{let e=[];re.map(t=>{e.push(N(t))}),Me(e.join(", "))},[re]);const Xe=(e,t)=>{ge({title:e,description:t,placement:"topRight",autoHide:!0,delay:5e3,type:"error"})},Ze=(e,t=!0,a=!0)=>{ue&&ue(e,t,a)};s(fe,()=>({setFocus(){Be(!0)},reset(e=!1,t=!1){tt(),He(null),_e(""),Ze("",e,t)},setValue(e,t=!0,a=!0){He(e),Ze(e,t,a)},getValue:()=>ze||"",setError(e){_e(e)},forceUpdate(){Ze(ze||"")},clear(){He("")}}));const et=async()=>{let e=!1;ze&&(e=await v(ze),We(e),e?Ze(ze):Ze("",!0,!0),je||ke(!0)),""!==ze||je||ke(!0),""===ze&&je&&Ze("",!0,!0)},tt=()=>{Ke(null),Qe(null),Je(!1),We(null)},at=async()=>{Ce(!0),Fe({content:e("div",{children:be("uploader.areYouSureToDeleteThisFile")}),title:be("uploader.removeFile"),okButtonText:be("uploader.yes"),cancelButtonText:be("uploader.no"),okButtonProps:{variant:"statable",state:"reject"},closeOnClickOutside:!1,showCloseButton:!1,onOk:()=>(le?ye({action:le,params:de,queries:se,headers:ne,onFetched:e=>{e.data.success?(tt(),Ze("",!0,!0),me&&me(e.data.data)):he&&he()},onError:()=>{he&&he()}}):(tt(),Ze("",!0,!0),me&&me()),Ce(!1),!0),onCancel:()=>(Ce(!1),!0)})},ot=e=>{e.preventDefault(),Ge||te||Ue(!0)},it=e=>{e.preventDefault(),Ge||te||Ue(!1)},rt=e=>{e.preventDefault(),Ge||te||(Ue(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?st(e.dataTransfer.files[0]):console.log(be("uploader.browserDoesntSupportDND")))},lt=e=>{Ue(!1);const t=e.target.files[0];st(t)},dt=async({path:e,errorMessage:t,errorCode:a})=>{await b(1e3),Qe(null),Re(!1),await b(1500),Je(!1),e?ce&&ce(e):t&&pe&&pe(t,a||0)},st=e=>{if(e&&(e=>!!re.includes(e.type)||(Xe(be("uploader.error"),be("uploader.fileFormatError",{fileFormat:Se})),!1))(e)&&(e=>!(e.size>1024*Z&&(Xe(be("uploader.error"),be("uploader.fileSizeError",{fileSize:f(1024*Z)})),1)))(e)){if(T){const t=N(e.type);e=new File([e],T+t,{type:t,lastModified:e.lastModified})}(async e=>{if(!e)return;let t=new FormData;t.append(W,e),T&&t.append("name",T),Object.keys(ae).forEach(e=>{t.append(e,ae[e])}),ye({action:B,requestMethod:X,params:t,queries:oe,headers:ie,onFetched:e=>{e.data.success?(Ke({message:be("uploader.fileUploadSuccess"),status:"success"}),Je(!0),He(e.data.data.url),dt({path:e.data.data.url})):(Ke({message:be("uploader.fileUploadFailed"),status:"error"}),Ze("",!0,!0),dt({errorMessage:be("uploader.fileUploadFailed")}))},onError:(e,t)=>{Ke({message:be("uploader.fileUploadFailed"),status:"error"}),Ze("",!0,!0),dt({errorMessage:e,errorCode:t})},onProgress:e=>{Qe({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?f(e.bytes):"",total:e.total?f(e.total):""})}})})(e),Re(!0)}},nt=()=>{Ce(!0),Fe({content:e("div",{className:"itd-upload-preview-content",style:{"--preview-width":x(J),"--preview-height":x(Y),"--preview-padding":x(K)},children:e(c,{src:ze||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>(Ce(!1),!0)})},ut=()=>{if(!te&&z&&ze&&!Ge&&Le)return e("span",{className:"delete-icon",children:e(u,{variant:U===F.FILLED?"solid":"outline",size:y.ICON_SM,type:"button",onClick:at,disabled:De,className:"itd-upload-delete-button rounded-full",children:e(P,{strokeWidth:2})})})},ct=()=>{if(!te&&H&&ze&&!Ge&&Le)return e("span",{className:"preview-icon",children:e(u,{variant:U===F.FILLED?"solid":"outline",size:y.ICON_SM,type:"button",onClick:nt,disabled:De,className:"itd-upload-preview-button rounded-full",children:e(O,{strokeWidth:2})})})},pt=()=>{if(te)return e("span",{className:"locked-icon",children:e(u,{variant:U===F.FILLED?"solid":"outline",size:y.ICON_SM,type:"button",disabled:!0,className:"itd-upload-locked-button rounded-full",children:e(E,{size:14,strokeWidth:2})})})},mt=()=>{if(""===Ie||Ge||De)return;return t("div",{...{className:"itd-upload-failed itd-failed-status",onPointerOver:()=>Ae(!0),onPointerOut:()=>Ae(!1)},children:[qe?e(k,{className:"itd-upload-error-tooltip","aria-hidden":"true",children:Ie}):null,j]})},ht=r(()=>je?null===Le?e(M,{className:"itd-upload-icon",width:24}):e(c,{src:ze||"",width:x(A),height:x(G),brokenWidth:x(A),brokenHeight:x(G)}):null,[je,Le,ze,A,G]),ft=r(()=>{const a=Ve?Ve.progress:0;return t("div",{className:"itd-upload-status","data-active":Ge?"true":void 0,"data-status":Ye?.status,children:[e("div",{className:"itd-upload-status-box","data-status":Ye?.status,style:{"--upload-progress":`${Math.max(a,0)}%`}}),e("span",{className:"itd-upload-status-message",children:be($e||Ye?String(Ye?.message):"uploader.fileUploading")}),e("span",Ve?{className:"itd-upload-status-info",children:be("uploader.info",{total:Ve.total,estimated:Ve.estimated})}:{className:"itd-upload-status-calculating",children:be("uploader.calculating")})]})},[Ge,Ve,Ye,$e,be]),vt=()=>{let a=(Ee||Oe)&&!Ge&&!De&&!te;return e("div",{"data-hover":a?"true":void 0,className:"itd-upload-overlay",children:t("div",{"data-hover":a?"true":void 0,className:"itd-upload-overlay-content",children:[e("span",{className:"itd-upload-header",children:be("uploader.header")}),e("span",{className:"itd-upload-hint",children:be("uploader.hint")})]})})};return t("div",{className:"itd-upload","data-fluid":q?"true":"false","data-disabled":De?"true":void 0,"data-locked":te?"true":void 0,children:[e("input",{type:"file",id:xe,accept:Se,onChange:lt,onFocus:e=>{e.target.matches(":focus-visible")&&Be(!0)},onBlur:()=>Be(!1),onPointerOver:()=>{!Oe&&Pe(!0)},onPointerOut:()=>{!Oe&&Pe(!1)},onDragOver:ot,onDragLeave:it,onDrop:rt,disabled:Ge||De||te,ref:ve,...D(xe,""!==Ie&&!De)}),e("div",{"data-focus":Te?"true":void 0,"data-error":""===Ie||De?void 0:"true",className:"itd-upload-label",children:t("div",{"data-state":Ge?"uploading":""===Ie||De?De?"disabled":"idle":"error","data-border":!Oe&&!Ee||Ge?"default":"hover","data-variant":U,"data-focus":Te?"true":void 0,"data-disabled":ee?"true":void 0,className:"itd-upload-content",style:{"--upload-padding":`${_}px`,"--file-width":x(A),"--file-height":x(G),"--max-file-width":x(R),"--max-file-height":x(V),"--container-width":x(Q),"--container-height":x($)},children:[ht,ft,vt(),t("div",{className:"itd-upload-icons-wrapper","data-position":""===Ie?I:"default",children:[te?pt():t(w,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[ut(),ct()]}),mt()]})]})}),""===Ie||Ge||De?null:e(C,{id:S(xe),message:Ie})]})});export{U as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useRef as r,useId as i,useMemo as o,useState as l,useEffect as d,useImperativeHandle as s}from"react";import{useITDLocale as n}from"../locale/useITDLocale.js";import u from"../helpers/unit/cssVars.js";import p from"../button/index.js";import c from"../image/index.js";import{useModal as m}from"../modal/index.js";import{toast as h}from"sonner";import f from"../hooks/useCoreFetch.js";import g from"../helpers/binary/FormatBytes.js";import v from"../helpers/checker/CheckFileURL.js";import{ComponentVariants as w,FileTypes as y,ButtonSizes as x}from"../enums/enum.js";import F from"../helpers/binary/GetTypeByFileType.js";import b from"../helpers/binary/GetExtensionByMimeType.js";import N from"../helpers/promise/Wait.js";import j from"../flex/index.js";import C from"../helpers/unit/AddDefaultUnit.js";import D from"../cropper/index.js";import k from"../icons/FileDocument.js";import S from"../icons/FileExcel.js";import U from"../icons/FilePdf.js";import{ErrorSVGIcon as L,ErrorTooltip as M}from"../utils/CommonStyledComponents.js";import{getErrorId as O,getErrorAriaProps as W,ErrorAnnouncement as E}from"../utils/ErrorAnnouncement.js";import{FieldError as P}from"../field/index.js";import{Upload as T,Trash as H,Eye as R,Lock as I}from"lucide-react";import{useDefaultVariant as B}from"../context/FormDefaultsContext.js";import{useModalContent as G}from"../modal/useModalContent.js";const $=a(({id:a,variant:$,resultFileName:z=null,action:q="",filePath:V="",binaryName:A="file",showDeleteIcon:_=!1,showPreviewIcon:Q=!1,buttonsPosition:J="default",padding:Y=10,fluid:K=!0,fileWidth:X="100%",fileHeight:Z="auto",maxFileWidth:ee="100%",maxFileHeight:te="100%",containerWidth:ae="100%",containerHeight:re="auto",aspectRatio:ie,previewFileWidth:oe="100%",previewFileHeight:le="100%",previewFilePadding:de="0",requestMethod:se="put",maxFileSize:ne=1024,disabled:ue=!1,locked:pe=!1,errorDisplay:ce="tooltip",extraFormData:me={},extraQueryString:he={},extraHeader:fe={},fileTypes:ge=[y.JPG,y.PNG,y.SVG,y.PDF],removeAction:ve="",removeExtraFormData:we={},removeExtraQueryString:ye={},removeExtraHeader:xe={},minImageWidth:Fe,minImageHeight:be,crop:Ne,onUpdate:je,onUploadSuccess:Ce,onUploadFailed:De,onRemoveFileSuccess:ke,onRemoveFileFailed:Se},Ue)=>{const Le=B($,w.DEFAULT),Me=r(null),{showModal:Oe,confirm:We}=m(),{fetch:Ee,cancel:Pe}=f(),{t:Te}=n(),He=i(),Re=o(()=>a||"itd-upload-"+He,[a]),[Ie,Be]=l(!1),[Ge,$e]=l(!1),[ze,qe]=l(".svg, .png, .jpg"),[Ve,Ae]=l(!1),[_e,Qe]=l(!1),[Je,Ye]=l(!1),[Ke,Xe]=l(null),[Ze,et]=l(null),[tt,at]=l(""),[rt,it]=l(!1),[ot,lt]=l(!1),[dt,st]=l(null),[nt,ut]=l(!1),[pt,ct]=l(null),[mt,ht]=l(null);d(()=>()=>{Pe()},[]),d(()=>{$e(ue)},[ue]),d(()=>{et(V?V.split("?")[0]:"")},[V]),d(()=>{null!==Ze&&(void 0!==Ze?vt():Be(!1))},[Ze]),d(()=>{let e=[];ge.map(t=>{e.push(F(t))}),qe(e.join(", "))},[ge]);const ft=(e,t)=>{h.error(e,{description:t,duration:5e3})},gt=(e,t=!0,a=!0)=>{je&&je(e,t,a)};s(Ue,()=>({setFocus(){Ye(!0)},reset(e=!1,t=!1){wt(),et(null),at(""),gt("",e,t)},setValue(e,t=!0,a=!0){et(e),gt(e,t,a)},getValue:()=>Ze||"",setError(e){at(e)},forceUpdate(){gt(Ze||"")},clear(){et("")}}));const vt=async()=>{if(Ze){const e=await v(Ze);Xe(e),gt(Ze),Ie||Be(!0)}""===Ze&&Xe(!1),""!==Ze||Ie||Be(!0),""===Ze&&Ie&&gt("",!0,!0)},wt=()=>{ct(null),st(null),ut(!1),Xe(null)},yt=async()=>{$e(!0);await We({title:Te("uploader.removeFile"),description:Te("uploader.areYouSureToDeleteThisFile"),okText:Te("uploader.yes"),cancelText:Te("uploader.no"),tone:"destructive",closeOnClickOutside:!1})&&(ve?Ee({action:ve,params:we,queries:ye,headers:xe,onFetched:e=>{e.data.success?(wt(),gt("",!0,!0),ke&&ke(e.data.data)):Se&&Se()},onError:()=>{Se&&Se()}}):(wt(),gt("",!0,!0),ke&&ke())),$e(!1)},xt=e=>{e.preventDefault(),ot||pe||Qe(!0)},Ft=e=>{e.preventDefault(),ot||pe||Qe(!1)},bt=e=>{e.preventDefault(),ot||pe||(Qe(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?Dt(e.dataTransfer.files[0]):ft(Te("uploader.error"),Te("uploader.browserDoesntSupportDND")))},Nt=e=>{Qe(!1);const t=e.target,a=t.files[0];t.value="",Dt(a)},jt=async({path:e,errorMessage:t,errorCode:a})=>{await N(1e3),st(null),lt(!1),await N(1500),ut(!1),e?Ce&&Ce(e):t&&De&&De(t,a||0)},Ct=async e=>{if(!e)return;let t=new FormData;t.append(A,e),z&&t.append("name",z),Object.keys(me).forEach(e=>{t.append(e,me[e])}),Ee({action:q,requestMethod:se,params:t,queries:he,headers:fe,onFetched:e=>{e.data.success?(ct({message:Te("uploader.fileUploadSuccess"),status:"success"}),ut(!0),et(e.data.data.url),jt({path:e.data.data.url})):(ct({message:Te("uploader.fileUploadFailed"),status:"error"}),gt("",!0,!0),jt({errorMessage:Te("uploader.fileUploadFailed")}))},onError:(e,t)=>{ct({message:Te("uploader.fileUploadFailed"),status:"error"}),gt("",!0,!0),jt({errorMessage:e,errorCode:t})},onProgress:e=>{st({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?g(e.bytes):"",total:e.total?g(e.total):""})}})},Dt=async e=>{if(!e)return;if(!(e=>!!ge.includes(e.type)||(ft(Te("uploader.error"),Te("uploader.fileFormatError",{fileFormat:ze})),!1))(e))return;if(!(e=>!(e.size>1024*ne&&(ft(Te("uploader.error"),Te("uploader.fileSizeError",{fileSize:g(1024*ne)})),1)))(e))return;const t=await(e=>new Promise(t=>{if(!e.type.startsWith("image/")||e.type===y.SVG)return void t(!0);if(!Fe&&!be)return void t(!0);const a=new window.Image,r=URL.createObjectURL(e);a.onload=()=>{URL.revokeObjectURL(r);const e=!Fe||a.naturalWidth>=Fe,i=!be||a.naturalHeight>=be;if(!e||!i){const e=Fe&&be?`${Fe}x${be}`:Fe?`${Fe}px ${Te("uploader.width")}`:`${be}px ${Te("uploader.height")}`,r=`${a.naturalWidth}x${a.naturalHeight}`;return ft(Te("uploader.imageTooSmall"),Te("uploader.imageTooSmallMessage",{required:e,actual:r})),Me.current&&(Me.current.value=""),void t(!1)}t(!0)},a.onerror=()=>{URL.revokeObjectURL(r),t(!0)},a.src=r}))(e);if(t){if(z){const t=b(e.type);e=new File([e],z+t,{type:e.type,lastModified:e.lastModified})}if(Ne&&e.type.startsWith("image/")&&e.type!==y.SVG){ht(e);const t=new FileReader;return t.onload=t=>{kt(t.target?.result,e)},void t.readAsDataURL(e)}Ct(e),lt(!0)}},kt=(a,r)=>{let i=null,o=null;const l=r.type===y.PNG?"image/png":"image/webp"===r.type?"image/webp":"image/jpeg",d=async()=>{if(!i)return;const e=await i.getCroppedFile(z||mt?.name.split(".")[0]||"cropped");e&&(ht(null),o?.(),Ct(e),lt(!0))},s=()=>{ht(null),Me.current&&(Me.current.value=""),o?.()};Oe({title:Ne?.modalTitle||Te("uploader.cropImage"),content:e(()=>{const{hideCurrentModal:r}=G();return o=r||null,t("div",{style:{width:"100%"},children:[e("div",{style:{marginBottom:"20px"},children:e(D,{ref:e=>{i=e},src:a,aspectRatio:Ne?.aspectRatio,minWidth:Ne?.minWidth,minHeight:Ne?.minHeight,outputWidth:Ne?.outputWidth,outputHeight:Ne?.outputHeight,quality:Ne?.quality||.9,outputFormat:l,showGrid:Ne?.showGrid??!0,showCircle:Ne?.showCircle??!1,width:"100%",height:"400px"})}),t(j,{justify:"flex-end",gap:"small",children:[e(p,{variant:"ghost",onClick:s,children:Te("uploader.cancel")}),e(p,{variant:"default",onClick:d,children:Te("uploader.crop")})]})]})},{}),showOkButton:!1,showCancelButton:!1,closeOnClickOutside:!1,showCloseButton:!0,width:"600px",onCancel:()=>(s(),!0)})},St=()=>{$e(!0),Oe({content:e("div",{className:"itd-upload-preview-content",style:{"--preview-width":C(oe),"--preview-height":C(le),"--preview-padding":C(de)},children:e(c,{src:Ze||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>($e(!1),!0)})},Ut=()=>{if(!pe&&_&&Ze&&!ot)return e("span",{className:"delete-icon",children:e(p,{variant:Le===w.FILLED?"solid":"outline",size:x.ICON_SM,type:"button",onClick:yt,disabled:Ge,className:"itd-upload-delete-button rounded-full",children:e(H,{strokeWidth:2})})})},Lt=()=>{if(!pe&&Q&&Ze&&!ot&&Et(Ze))return e("span",{className:"preview-icon",children:e(p,{variant:Le===w.FILLED?"solid":"outline",size:x.ICON_SM,type:"button",onClick:St,disabled:Ge,className:"itd-upload-preview-button rounded-full",children:e(R,{strokeWidth:2})})})},Mt=()=>{if(pe)return e("span",{className:"locked-icon",children:e(p,{variant:Le===w.FILLED?"solid":"outline",size:x.ICON_SM,type:"button",disabled:!0,className:"itd-upload-locked-button rounded-full",children:e(I,{size:14,strokeWidth:2})})})},Ot=()=>{if(""===tt||ot||Ge)return;if("tooltip"!==ce)return;return t("div",{...{className:"itd-upload-failed itd-failed-status",onPointerOver:()=>it(!0),onPointerOut:()=>it(!1)},children:[rt?e(M,{className:"itd-upload-error-tooltip","aria-hidden":"true",children:tt}):null,L]})},Wt=e=>e&&e.toLowerCase().split(".").pop()||"",Et=e=>{if(!e)return!1;return["svg","png","jpg","jpeg","gif","webp"].includes(Wt(e))},Pt=o(()=>Ie?null===Ke?e(T,{className:"itd-upload-icon",width:24}):Ze?Ze&&!Et(Ze)?(t=>{switch(Wt(t)){case"xlsx":case"xls":return e(S,{width:40,height:40});case"pdf":return e(U,{width:40,height:40});default:return e(k,{width:40,height:40})}})(Ze):e(c,{src:Ze||"",width:C(X),height:C(Z),brokenWidth:C(X),brokenHeight:C(Z)}):e(T,{className:"itd-upload-icon",width:24}):null,[Ie,Ke,Ze,X,Z]),Tt=o(()=>{const a=dt?dt.progress:0;return t("div",{className:"itd-upload-status","data-active":ot?"true":void 0,"data-status":pt?.status,children:[e("div",{className:"itd-upload-status-box","data-status":pt?.status,style:{"--upload-progress":`${Math.max(a,0)}%`}}),e("span",{className:"itd-upload-status-message",children:Te(nt||pt?String(pt?.message):"uploader.fileUploading")}),e("span",dt?{className:"itd-upload-status-info",children:Te("uploader.info",{total:dt.total,estimated:dt.estimated})}:{className:"itd-upload-status-calculating",children:Te("uploader.calculating")})]})},[ot,dt,pt,nt,Te]),Ht=()=>{let a=(Ve||_e)&&!ot&&!Ge&&!pe;return e("div",{"data-hover":a?"true":void 0,className:"itd-upload-overlay",children:t("div",{"data-hover":a?"true":void 0,className:"itd-upload-overlay-content",children:[e("span",{className:"itd-upload-header",children:Te("uploader.header")}),e("span",{className:"itd-upload-hint",children:Te("uploader.hint")})]})})},Rt=()=>t("div",{className:"itd-upload","data-fluid":K?"true":"false","data-disabled":Ge?"true":void 0,"data-locked":pe?"true":void 0,children:[e("input",{type:"file",id:Re,accept:ze,onChange:Nt,onFocus:e=>{e.target.matches(":focus-visible")&&Ye(!0)},onBlur:()=>Ye(!1),onPointerOver:()=>{!_e&&Ae(!0)},onPointerOut:()=>{!_e&&Ae(!1)},onDragOver:xt,onDragLeave:Ft,onDrop:bt,disabled:ot||Ge||pe,ref:Me,...W(Re,""!==tt&&!Ge)}),e("div",{"data-focus":Je?"true":void 0,"data-error":""===tt||Ge?void 0:"true",className:"itd-upload-label",children:t("div",{"data-state":ot?"uploading":""===tt||Ge?Ge?"disabled":"idle":"error","data-border":!_e&&!Ve||ot?"default":"hover","data-variant":Le,"data-focus":Je?"true":void 0,"data-disabled":ue?"true":void 0,"data-ratio":null!=ie?"true":void 0,className:"itd-upload-content",style:u({"--upload-padding":"number"==typeof Y?Y+"px":Y,"--file-width":X,"--file-height":Z,"--max-file-width":ee,"--max-file-height":te,"--container-width":ae,"--container-height":re,"--container-ratio":null!=ie?String(ie):void 0}),children:[Pt,Tt,Ht(),t("div",{className:"itd-upload-icons-wrapper","data-position":""===tt?J:"default",children:[pe?Mt():t(j,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[Ut(),Lt()]}),Ot()]})]})}),""===tt||ot||Ge||"tooltip"!==ce?null:e(E,{id:O(Re),message:tt})]}),It="inline"!==ce||""===tt||ot||Ge?null:e(P,{id:O(Re),className:"itd-upload-field-error",children:tt});return"inline"===ce?t("div",{className:"itd-field-with-error",children:[Rt(),It]}):Rt()});$.displayName="Upload";export{$ as default};

package/dist/es/utils/GetSizeBySizeSlug.js

@@ -0,0 +1 @@
+import{ComponentSizesSlug as L,ComponentSizes as A}from"../enums/enum.js";function E(E){return E===L.X_SMALL?A.X_SMALL:E===L.SMALL?A.SMALL:E===L.MEDIUM?A.MEDIUM:E===L.DEFAULT?A.DEFAULT:E===L.LARGE?A.LARGE:E===L.X_LARGE?A.X_LARGE:A.DEFAULT}export{E as default};

package/dist/es/utils/InlineSVGCached.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{memo as r,useRef as e,useEffect as s}from"react";const a=new Map;var n=r(({src:r,className:n,style:o,title:l,role:i,onLoaded:c,onError:u})=>{const f=e(null);return s(()=>{const t=f.current;if(!t)return;let e=!1;const s=r=>{if(e)return;t.__itdLastSvg!==r?(t.innerHTML=r,t.__itdLastSvg=r,c&&c()):c&&c()};try{if(r.trim().startsWith("<svg"))return s(r),()=>{e=!0};if(a.has(r))return s(a.get(r)),()=>{e=!0};const t=new AbortController;return fetch(r,{signal:t.signal}).then(async t=>{if(!t.ok)throw new Error(`SVG load failed: ${t.status}`);return t.text()}).then(t=>{a.set(r,t),s(t)}).catch(t=>{e||u&&u(t)}),()=>{e=!0,t.abort()}}catch(t){u&&u(t)}return()=>{e=!0}},[r]),t("span",{ref:f,className:n,style:o,title:l,role:i,"aria-hidden":!l||void 0})},(t,r)=>t.src===r.src&&t.className===r.className&&t.title===r.title&&t.role===r.role&&t.style===r.style);export{n as default};
+import{jsx as r}from"react/jsx-runtime";import{memo as t,useRef as e,useEffect as s}from"react";const a=new Map,o=r=>{if("undefined"==typeof DOMParser)return r;const t=(new DOMParser).parseFromString(r,"image/svg+xml").querySelector("svg");return t?(t.querySelectorAll("script").forEach(r=>r.remove()),t.querySelectorAll("*").forEach(r=>{Array.from(r.attributes).forEach(t=>{const e=t.name.toLowerCase(),s=t.value.replace(/\s/g,"").toLowerCase();e.startsWith("on")?r.removeAttribute(t.name):"href"!==e&&"xlink:href"!==e||!s.startsWith("javascript:")||r.removeAttribute(t.name)})}),t.outerHTML):""};var n=t(({src:t,className:n,style:l,title:i,role:c,onLoaded:u,onError:f})=>{const m=e(null);return s(()=>{const r=m.current;if(!r)return;let e=!1;const s=t=>{if(e)return;const s=r;s.__itdLastSvg!==t?(r.innerHTML=t,s.__itdLastSvg=t,u&&u()):u&&u()};try{if(t.trim().startsWith("<svg"))return s(o(t)),()=>{e=!0};if(a.has(t))return s(a.get(t)),()=>{e=!0};const r=new AbortController;return fetch(t,{signal:r.signal}).then(async r=>{if(!r.ok)throw new Error(`SVG load failed: ${r.status}`);return r.text()}).then(r=>{const e=o(r);a.set(t,e),s(e)}).catch(r=>{e||f&&f(r)}),()=>{e=!0,r.abort()}}catch(r){f&&f(r)}return()=>{e=!0}},[t]),r("span",{ref:m,className:n,style:l,title:i,role:c,"aria-hidden":!i||void 0})},(r,t)=>r.src===t.src&&r.className===t.className&&r.title===t.title&&r.role===t.role&&r.style===t.style);export{n as default};

package/dist/es/utils/cn.js

@@ -1 +1 @@
-import{clsx as o}from"../node_modules/clsx/dist/clsx.js";import{twMerge as e}from"../node_modules/tailwind-merge/dist/bundle-mjs.js";function s(...s){return e(o(s))}export{s as cn};
+import{clsx as r}from"clsx";import{twMerge as o}from"tailwind-merge";function t(...t){return o(r(t))}export{t as cn};

package/dist/es/utils/focusModality.js

@@ -0,0 +1 @@
+import{realmOf as e}from"../hooks/useRealm.js";const t=new WeakMap,n=n=>{const{doc:a}=e(n);if(!a||t.has(a))return;const s={tab:!1,anyKey:!1};t.set(a,s),a.addEventListener("keydown",e=>{s.anyKey=!0,"Tab"===e.key&&(s.tab=!0)},{capture:!0});const o=()=>{s.tab=!1,s.anyKey=!1};a.addEventListener("pointerdown",o,{capture:!0,passive:!0}),a.addEventListener("mousedown",o,{passive:!0}),a.addEventListener("touchstart",o,{passive:!0}),a.addEventListener("pointermove",()=>{s.anyKey=!1},{capture:!0,passive:!0})},a=(n,a)=>{const{doc:s}=e(n),o=s&&t.get(s);return!!o&&(a?.anyKey?o.anyKey:o.tab)};export{n as initFocusModality,a as wasLastInputKeyboard};