@inntechcorp/it-design 2.1.5 → 2.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +67 -67
- package/dist/index.esm.js +2 -2
- package/dist/upload/styled.d.ts +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -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&&
|
|
|
4674
4674
|
|
|
4675
4675
|
position: relative;
|
|
4676
4676
|
|
|
4677
|
-
`,sR=ha.
|
|
4677
|
+
`,sR=ha.div`
|
|
4678
4678
|
|
|
4679
4679
|
display: block;
|
|
4680
4680
|
|
|
@@ -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&&
|
|
|
4904
4904
|
|
|
4905
4905
|
}
|
|
4906
4906
|
|
|
4907
|
-
`,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,{
|
|
4907
|
+
`,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)`
|
|
4908
4908
|
|
|
4909
4909
|
text-decoration: none;
|
|
4910
4910
|
|
package/dist/upload/styled.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ declare const FileContent: import("styled-components/dist/types").IStyledCompone
|
|
|
13
13
|
$containerWidth?: number | string;
|
|
14
14
|
$containerHeight?: number | string;
|
|
15
15
|
}>> & string;
|
|
16
|
-
declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").
|
|
16
|
+
declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
17
17
|
$showFocus: boolean;
|
|
18
18
|
}>> & string;
|
|
19
19
|
declare const IconsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|