@react-magma/dropzone 8.0.0-next.2 → 8.0.0

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.
Files changed (11) hide show
  1. package/dist/fileuploader.js +1 -1
  2. package/dist/fileuploader.js.map +1 -1
  3. package/dist/fileuploader.modern.js +12 -12
  4. package/dist/fileuploader.modern.js.map +1 -1
  5. package/dist/fileuploader.modern.module.js +1 -1
  6. package/dist/fileuploader.modern.module.js.map +1 -1
  7. package/dist/fileuploader.umd.js +1 -1
  8. package/dist/fileuploader.umd.js.map +1 -1
  9. package/package.json +2 -2
  10. package/src/components/dropzone/Dropzone.test.js +16 -0
  11. package/src/components/dropzone/Dropzone.tsx +10 -3
package/dist/fileuploader.js CHANGED
@@ -1,2 +1,2 @@
1
- var e=require("react-magma-icons"),n=require("react-magma-dom"),r=require("react/jsx-runtime"),t=require("react"),o=require("react-dropzone"),i=require("polished");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(t),a={default:{Icon:e.InsertDriveFileIcon,style:{color:n.magma.colors.neutral500}},word:{Icon:e.FileWordIcon,style:{color:n.magma.colors.info500}},excel:{Icon:e.FileExcelIcon,style:{color:n.magma.colors.success500}},powerpoint:{Icon:e.FilePowerpointIcon,style:{color:n.magma.colors.warning500}},pdf:{Icon:e.FilePdfIcon,style:{color:n.magma.colors.danger500}},image:{Icon:e.ImageIcon,style:{color:n.magma.colors.neutral500}},video:{Icon:e.VideocamIcon,style:{color:n.magma.colors.neutral500}},audio:{Icon:e.AudiotrackIcon,style:{color:n.magma.colors.neutral500}},archive:{Icon:e.FileZipIcon,style:{color:n.magma.colors.neutral500}}},c={default:a.default,xlsx:a.excel,xlsm:a.excel,xlsb:a.excel,xltx:a.excel,xls:a.excel,xlt:a.excel,doc:a.word,docx:a.word,docm:a.word,dotx:a.word,dotm:a.word,docb:a.word,pptx:a.powerpoint,pptm:a.powerpoint,ppt:a.powerpoint,pdf:a.pdf,png:a.image,svg:a.image,image:a.image,audio:a.audio,video:a.video,zip:a.archive},u=function(e){var t=e.file,o=e.isInverse,i=t.path,s=void 0===i?"":i,l=t.type,a=(void 0===l?"":l).split("/")[0],u=s.split(".").pop()||"default",d=c[u]||c[a]||c.default;return r.jsx(d.Icon,{size:n.magma.iconSizes.medium,style:o?{}:d.style})};function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},d.apply(this,arguments)}function p(e,n){if(null==e)return{};var r={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(n.indexOf(t)>=0)continue;r[t]=e[t]}return r}function f(e,n){return n||(n=e.slice(0)),e.raw=n,e}var m,g,x,h,v,y,I,b,j,z,F,S=function(e,n,r){if(void 0===n&&(n=2),void 0===r&&(r="Bytes"),void 0!==e){if(0==e)return"0 "+r;var t=[r,"KB","MB","GB","TB","PB","EB","ZB","YB"],o=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,o)).toFixed(n))+" "+t[o]}},w=["accept","file","isInverse","maxSize","minSize","onDeleteFile","onRemoveFile","testId","thumbnails"],C=["code"],B=n.styled.div(m||(m=f(["\n background-image: ",";\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n vertical-align: middle;\n height: 40px;\n width: 40px;\n"])),function(e){var n=e.file;return"url('"+("preview"in n&&n.preview)+"')"}),D=n.styled.div(g||(g=f(["\n display: grid;\n grid-template-areas: 'inner-div';\n height: auto;\n place-items: center;\n width: 46px;\n & > div {\n display: inline-block;\n right: 0;\n grid-area: inner-div;\n }\n"]))),k={marginRight:"12px",display:"flex"},O=n.styled.div(x||(x=f(["\n border-top: 1px solid ",";\n padding: 16px;\n font-size: ",";\n line-height: ",";\n"])),function(e){return e.theme.colors.neutral300},function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),R=n.styled(n.Flex)(h||(h=f(["\n height: 56px;\n padding: 0 8px 0 16px;\n font-size: ",";\n line-height: ",";\n"])),function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),A=n.styled(n.Flex)(v||(v=f(["\n overflow: hidden;\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n display: block;\n margin-right: 24px;\n font-size: ",";\n line-height: ",";\n"])),function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),E=n.styled(n.Card)(y||(y=f(["\n background-color: none;\n border-color: ",";\n border-width: 1px;\n margin: 10px 0;\n"])),function(e){var n=e.theme;return e.file.errors?e.isInverse?n.colors.danger200:n.colors.danger:n.colors.neutral300}),P=n.styled.span(I||(I=f(["\n display: block;\n\n > div {\n display: flex;\n align-self: center;\n margin-right: 12px;\n }\n"]))),T=n.styled.span(b||(b=f(["\n display: block;\n"]))),M=t.forwardRef(function(o,i){var s,a=o.accept,c=o.file,f=o.isInverse,m=o.maxSize,g=o.minSize,x=o.onDeleteFile,h=o.onRemoveFile,v=o.thumbnails,y=p(o,w),I=t.useContext(n.ThemeContext),b=l.default.useContext(n.I18nContext),j=n.useIsInverse(f),z=t.useState(r.jsx(e.CloseIcon,{})),F=z[0],M=z[1],H=function(){h&&"function"==typeof h&&h(c)},L=function(){x&&"function"==typeof x&&x(c)},V=function(o){var i=o.status,s=void 0===i?"ready":i,l=t.useState(!1),a=l[0],c=l[1];return t.useEffect(function(){var e=!0;return setTimeout(function(){e&&c(!0)},1e3),function(){e=!1}},[s]),"error"===s||"ready"===s?r.jsx(D,{children:r.jsx(n.IconButton,{onClick:H,variant:n.ButtonVariant.link,color:n.ButtonColor.secondary,"aria-label":b.dropzone.removeFile,icon:r.jsx(e.CloseIcon,{})})}):"pending"===s?r.jsx(D,{children:r.jsx(n.Spinner,{color:j?I.colors.neutral100:I.colors.primary})}):r.jsxs(D,{children:[r.jsx(n.Transition,{isOpen:!a,unmountOnExit:!0,fade:!0,children:r.jsx(e.CheckCircleIcon,{color:j?I.colors.success200:I.colors.success,style:{marginTop:"4px"}})}),r.jsx(n.Transition,{isOpen:a,unmountOnExit:!0,fade:!0,children:r.jsx(n.IconButton,{onClick:L,variant:n.ButtonVariant.link,color:n.ButtonColor.secondary,"aria-label":b.dropzone.deleteFile,icon:r.jsx(e.DeleteIcon,{})})})]})};return t.useEffect(function(){var e;M(r.jsx(V,{status:null==c||null==(e=c.processor)?void 0:e.status}))},[null==c||null==(s=c.processor)?void 0:s.status]),r.jsx(n.InverseContext.Provider,{value:{isInverse:j},children:r.jsxs(E,{isInverse:j,theme:I,file:c,"data-testid":o.testId,ref:i,role:c.errors?"alert":"",children:[r.jsxs(R,d({theme:I,behavior:n.FlexBehavior.container,alignItems:n.FlexAlignItems.center},y,{children:[r.jsx(n.Flex,{behavior:n.FlexBehavior.item,alignItems:n.FlexAlignItems.center,style:k,children:c.errors?r.jsx(e.ErrorIcon,{color:j?I.colors.danger200:I.colors.danger,size:24}):c.preview&&v&&c.type&&c.type.startsWith("image")?r.jsx(B,{role:"img",file:c}):r.jsx(u,{isInverse:j,file:c})}),r.jsx(A,{xs:!0,behavior:n.FlexBehavior.item,theme:I,children:c.name}),c.processor&&"pending"===c.processor.status&&r.jsx(n.Flex,{role:"progressbar",style:{marginLeft:"auto"},behavior:n.FlexBehavior.item,children:c.processor.percent}),r.jsx(n.Flex,{behavior:n.FlexBehavior.item,children:F})]})),c.errors&&r.jsx(O,{theme:I,children:c.errors.slice(0,1).map(function(e){var n=e.code,t=function(e,n,r){var t=Array.isArray(n.accept)&&1===n.accept.length?n.accept[0]:n.accept,o=Array.isArray(t)?"one of "+t.join(", "):t;switch(e.code){case"file-too-large":return d({},e,{message:e.message+" "+S(n.maxSize,2,r)+"."});case"file-too-small":return d({},e,{message:e.message+" "+S(n.minSize,2,r)+"."});case"file-invalid-type":return d({},e,{message:e.message+": "+o});default:return e}}(d({code:n},p(e,C),b.dropzone.errors[n]),{accept:a,minSize:g,maxSize:m},b.dropzone.bytes),o=t.header,i=t.message;return r.jsxs(l.default.Fragment,{children:[r.jsx(P,{style:{color:j?I.colors.danger200:I.colors.danger},children:void 0===o?"":o}),r.jsx(T,{children:i})]},n)})})]})})}),H=["accept","containerStyle","disabled","dropzoneOptions","helperMessage","id","inputSize","isInverse","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","maxSize","minSize","multiple","noDrag","onSendFile","onDeleteFile","onRemoveFile","sendFiles","testId","thumbnails"],L=n.styled(n.Flex)(j||(j=f(["\n flex-direction: column;\n align-items: ",";\n justify-content: ",";\n text-align: ",";\n padding: ",";\n border-radius: ",";\n border: ",";\n\n border-style: ",";\n background-color: ",";\n outline: none;\n transition: ",";\n"])),function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"0px":"24px"},function(e){return e.noDrag?"0px":"4px"},function(e){var n=e.dragState,r=void 0===n?"default":n,t=e.theme;return e.noDrag?"0px":"dragReject"===r||"error"===r?e.isInverse?"1px dashed "+t.colors.danger200:"1px dashed "+t.colors.danger:"dragActive"===r?"1px dashed "+t.colors.primary:"dragAccept"===r?"1px dashed "+t.colors.success:"1px dashed "+t.colors.neutral400},function(e){var n=e.dragState;return"error"===(void 0===n?"default":n)?"solid":"dashed"},function(e){var n=e.theme;return e.noDrag?"transparent":e.isInverse?i.transparentize(.75,n.colors.neutral900):n.colors.neutral200},function(e){return"border "+(e.noDrag?0:".24s")+" ease-in-out"}),V=n.styled.span(z||(z=f(["\n color: ",";\n display: block;\n font-size: 14px;\n margin: -8px 0 16px 0;\n"])),function(e){var n=e.theme;return e.isInverse?n.colors.neutral100:n.colors.neutral700}),q=n.styled.div(F||(F=f(["\n color: ",";\n margin: 0 0 24px 0;\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n padding: ",";\n"])),function(e){var n=e.theme;return e.isInverse?n.colors.neutral100:n.colors.neutral700},function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight},function(e){return e.theme.spaceScale.spacing01});exports.Dropzone=l.default.forwardRef(function(t,i){var s=t.accept,a=t.containerStyle,c=t.disabled,u=t.helperMessage,f=t.id,m=t.inputSize,g=t.isInverse,x=t.isLabelVisuallyHidden,h=t.labelStyle,v=t.labelText,y=t.maxFiles,I=t.minFiles,b=t.maxSize,j=t.minSize,z=t.multiple,F=void 0===z||z,S=t.noDrag,w=void 0!==S&&S,C=t.onSendFile,B=t.onDeleteFile,D=t.onRemoveFile,k=t.sendFiles,O=void 0!==k&&k,R=t.testId,A=t.thumbnails,E=void 0===A||A,P=p(t,H),T=l.default.useState([]),U=T[0],G=T[1],W=l.default.useState(null),Z=W[0],K=W[1],Y=n.useIsInverse(g),J=l.default.useContext(n.ThemeContext),N=l.default.useContext(n.I18nContext),Q=n.useGenerateId(f),X=l.default.useCallback(function(e,n){G(function(r){return[].concat(r,e.map(function(e){return Object.assign(e,{preview:URL.createObjectURL(e)})}),n.map(function(e){return Object.assign(e.file,{errors:e.errors})}))})},[]),$=o.useDropzone({noClick:!0,disabled:c,multiple:F,maxSize:b,minSize:j,accept:s,onDrop:X,noDrag:w}),_=$.getRootProps,ee=$.isDragAccept,ne=$.isDragActive,re=$.isDragReject,te=$.open,oe=(0,$.getInputProps)({id:Q}),ie=Z?"error":ee?"dragAccept":re?"dragReject":ne?"dragActive":"default",se=function(e){G(function(n){return n.filter(function(n){return n!==e})}),D&&"function"==typeof D&&D(e)},le=function(e){G(function(n){return n.filter(function(n){return n!==e})}),B&&"function"==typeof B&&B(e)},ae=function(e){G(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{processor:d({},n.processor,{percent:e.percent+"%",status:"pending"})}):n})})},ce=function(e){G(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{processor:d({},n.processor,{percent:"",status:"finished"})}):n})})},ue=function(e){G(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{errors:e.errors,processor:d({},n.processor,{status:"error"})}):n})})};return l.default.useEffect(function(){return function(){U.forEach(function(e){return e.preview&&URL.revokeObjectURL(e.preview)})}},[U]),l.default.useEffect(function(){var e=I&&U.length<I,n=y&&U.length>y;K(function(e,n){if(null===e)return null;var r=N.dropzone.errors[e];switch(e){case"too-many-files":return r.message+" "+n.maxFiles+" "+N.dropzone.files+".";case"too-few-files":return r.message+" "+n.minFiles+" "+N.dropzone.files+".";default:return r.message}}(n?"too-many-files":e?"too-few-files":null,{minFiles:I,maxFiles:y})),O&&U.length>0&&!n&&!e&&G(function(e){return e.map(function(e){return!e.errors&&!e.processor&&C&&C({file:e,onError:ue,onFinish:ce,onProgress:ae}),e})})},[O,U.length,C]),r.jsxs(n.InverseContext.Provider,{value:{isInverse:Y},children:[r.jsxs(n.FormFieldContainer,{actionable:!1,containerStyle:a,errorMessage:Z,fieldId:Q,inputSize:m,isInverse:Y,isLabelVisuallyHidden:x,labelStyle:h,labelText:v,messageStyle:{minHeight:0},"data-testid":R,children:[r.jsx(V,{theme:J,isInverse:Y,children:u}),r.jsxs(L,d({behavior:n.FlexBehavior.container,dragState:ie,isInverse:Y,noDrag:w,theme:J},_(),P,{testId:R,tabIndex:-1,children:[r.jsx("input",{ref:i,type:oe.type,accept:oe.accept,autoComplete:oe.autoComplete,id:oe.id,multiple:oe.multiple,onChange:oe.onChange,onClick:oe.onClick,style:oe.style,tabIndex:oe.tabIndex}),w?r.jsx(n.Flex,{xs:!0,behavior:n.FlexBehavior.item,children:r.jsx(n.Button,{color:n.ButtonColor.primary,disabled:c,isInverse:Y,onClick:te,style:{margin:0},children:N.dropzone.browseFiles})}):r.jsxs(n.Flex,{behavior:n.FlexBehavior.item,children:[r.jsx(e.CloudUploadIcon,{"aria-hidden":"true",color:Y?J.colors.neutral100:J.colors.neutral500,size:48}),r.jsx(q,{isInverse:Y,theme:J,children:N.dropzone.dragMessage}),r.jsx(n.Button,{color:n.ButtonColor.primary,disabled:c,isInverse:Y,onClick:te,style:{margin:0},variant:n.ButtonVariant.solid,children:N.dropzone.browseFiles})]})]}))]}),U.map(function(e){return r.jsx(M,{accept:s,file:e,isInverse:Y,maxSize:b,minSize:j,onDeleteFile:le,onRemoveFile:se,thumbnails:E},e.name)})]})}),exports.FileIcon=u;
1
+ var e=require("react-magma-icons"),n=require("react-magma-dom"),r=require("react/jsx-runtime"),t=require("react"),o=require("react-dropzone"),i=require("polished");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(t),a={default:{Icon:e.InsertDriveFileIcon,style:{color:n.magma.colors.neutral500}},word:{Icon:e.FileWordIcon,style:{color:n.magma.colors.info500}},excel:{Icon:e.FileExcelIcon,style:{color:n.magma.colors.success500}},powerpoint:{Icon:e.FilePowerpointIcon,style:{color:n.magma.colors.warning500}},pdf:{Icon:e.FilePdfIcon,style:{color:n.magma.colors.danger500}},image:{Icon:e.ImageIcon,style:{color:n.magma.colors.neutral500}},video:{Icon:e.VideocamIcon,style:{color:n.magma.colors.neutral500}},audio:{Icon:e.AudiotrackIcon,style:{color:n.magma.colors.neutral500}},archive:{Icon:e.FileZipIcon,style:{color:n.magma.colors.neutral500}}},c={default:a.default,xlsx:a.excel,xlsm:a.excel,xlsb:a.excel,xltx:a.excel,xls:a.excel,xlt:a.excel,doc:a.word,docx:a.word,docm:a.word,dotx:a.word,dotm:a.word,docb:a.word,pptx:a.powerpoint,pptm:a.powerpoint,ppt:a.powerpoint,pdf:a.pdf,png:a.image,svg:a.image,image:a.image,audio:a.audio,video:a.video,zip:a.archive},u=function(e){var t=e.file,o=e.isInverse,i=t.path,s=void 0===i?"":i,l=t.type,a=(void 0===l?"":l).split("/")[0],u=s.split(".").pop()||"default",d=c[u]||c[a]||c.default;return r.jsx(d.Icon,{size:n.magma.iconSizes.medium,style:o?{}:d.style})};function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},d.apply(this,arguments)}function p(e,n){if(null==e)return{};var r={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(n.indexOf(t)>=0)continue;r[t]=e[t]}return r}function f(e,n){return n||(n=e.slice(0)),e.raw=n,e}var m,g,x,h,v,y,I,b,j,z,F,S=function(e,n,r){if(void 0===n&&(n=2),void 0===r&&(r="Bytes"),void 0!==e){if(0==e)return"0 "+r;var t=[r,"KB","MB","GB","TB","PB","EB","ZB","YB"],o=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,o)).toFixed(n))+" "+t[o]}},w=["accept","file","isInverse","maxSize","minSize","onDeleteFile","onRemoveFile","testId","thumbnails"],C=["code"],B=n.styled.div(m||(m=f(["\n background-image: ",";\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n vertical-align: middle;\n height: 40px;\n width: 40px;\n"])),function(e){var n=e.file;return"url('"+("preview"in n&&n.preview)+"')"}),D=n.styled.div(g||(g=f(["\n display: grid;\n grid-template-areas: 'inner-div';\n height: auto;\n place-items: center;\n width: 46px;\n & > div {\n display: inline-block;\n right: 0;\n grid-area: inner-div;\n }\n"]))),k={marginRight:"12px",display:"flex"},O=n.styled.div(x||(x=f(["\n border-top: 1px solid ",";\n padding: 16px;\n font-size: ",";\n line-height: ",";\n"])),function(e){return e.theme.colors.neutral300},function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),R=n.styled(n.Flex)(h||(h=f(["\n height: 56px;\n padding: 0 8px 0 16px;\n font-size: ",";\n line-height: ",";\n"])),function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),A=n.styled(n.Flex)(v||(v=f(["\n overflow: hidden;\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n display: block;\n margin-right: 24px;\n font-size: ",";\n line-height: ",";\n"])),function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),E=n.styled(n.Card)(y||(y=f(["\n background-color: none;\n border-color: ",";\n border-width: 1px;\n margin: 10px 0;\n"])),function(e){var n=e.theme;return e.file.errors?e.isInverse?n.colors.danger200:n.colors.danger:n.colors.neutral300}),P=n.styled.span(I||(I=f(["\n display: block;\n\n > div {\n display: flex;\n align-self: center;\n margin-right: 12px;\n }\n"]))),T=n.styled.span(b||(b=f(["\n display: block;\n"]))),H=t.forwardRef(function(o,i){var s,a=o.accept,c=o.file,f=o.isInverse,m=o.maxSize,g=o.minSize,x=o.onDeleteFile,h=o.onRemoveFile,v=o.thumbnails,y=p(o,w),I=t.useContext(n.ThemeContext),b=l.default.useContext(n.I18nContext),j=n.useIsInverse(f),z=t.useState(r.jsx(e.CloseIcon,{})),F=z[0],H=z[1],M=function(){h&&"function"==typeof h&&h(c)},L=function(){x&&"function"==typeof x&&x(c)},V=function(o){var i=o.status,s=void 0===i?"ready":i,l=t.useState(!1),a=l[0],c=l[1];return t.useEffect(function(){var e=!0;return setTimeout(function(){e&&c(!0)},1e3),function(){e=!1}},[s]),"error"===s||"ready"===s?r.jsx(D,{children:r.jsx(n.IconButton,{onClick:M,variant:n.ButtonVariant.link,color:n.ButtonColor.secondary,"aria-label":b.dropzone.removeFile,icon:r.jsx(e.CloseIcon,{})})}):"pending"===s?r.jsx(D,{children:r.jsx(n.Spinner,{color:j?I.colors.neutral100:I.colors.primary})}):r.jsxs(D,{children:[r.jsx(n.Transition,{isOpen:!a,unmountOnExit:!0,fade:!0,children:r.jsx(e.CheckCircleIcon,{color:j?I.colors.success200:I.colors.success,style:{marginTop:"4px"}})}),r.jsx(n.Transition,{isOpen:a,unmountOnExit:!0,fade:!0,children:r.jsx(n.IconButton,{onClick:L,variant:n.ButtonVariant.link,color:n.ButtonColor.secondary,"aria-label":b.dropzone.deleteFile,icon:r.jsx(e.DeleteIcon,{})})})]})};return t.useEffect(function(){var e;H(r.jsx(V,{status:null==c||null==(e=c.processor)?void 0:e.status}))},[null==c||null==(s=c.processor)?void 0:s.status]),r.jsx(n.InverseContext.Provider,{value:{isInverse:j},children:r.jsxs(E,{isInverse:j,theme:I,file:c,"data-testid":o.testId,ref:i,role:c.errors?"alert":"",children:[r.jsxs(R,d({theme:I,behavior:n.FlexBehavior.container,alignItems:n.FlexAlignItems.center},y,{children:[r.jsx(n.Flex,{behavior:n.FlexBehavior.item,alignItems:n.FlexAlignItems.center,style:k,children:c.errors?r.jsx(e.ErrorIcon,{color:j?I.colors.danger200:I.colors.danger,size:24}):c.preview&&v&&c.type&&c.type.startsWith("image")?r.jsx(B,{role:"img",file:c}):r.jsx(u,{isInverse:j,file:c})}),r.jsx(A,{xs:!0,behavior:n.FlexBehavior.item,theme:I,children:c.name}),c.processor&&"pending"===c.processor.status&&r.jsx(n.Flex,{role:"progressbar",style:{marginLeft:"auto"},behavior:n.FlexBehavior.item,children:c.processor.percent}),r.jsx(n.Flex,{behavior:n.FlexBehavior.item,children:F})]})),c.errors&&r.jsx(O,{theme:I,children:c.errors.slice(0,1).map(function(e){var n=e.code,t=function(e,n,r){var t=Array.isArray(n.accept)&&1===n.accept.length?n.accept[0]:n.accept,o=Array.isArray(t)?"one of "+t.join(", "):t;switch(e.code){case"file-too-large":return d({},e,{message:e.message+" "+S(n.maxSize,2,r)+"."});case"file-too-small":return d({},e,{message:e.message+" "+S(n.minSize,2,r)+"."});case"file-invalid-type":return d({},e,{message:e.message+": "+o});default:return e}}(d({code:n},p(e,C),b.dropzone.errors[n]),{accept:a,minSize:g,maxSize:m},b.dropzone.bytes),o=t.header,i=t.message;return r.jsxs(l.default.Fragment,{children:[r.jsx(P,{style:{color:j?I.colors.danger200:I.colors.danger},children:void 0===o?"":o}),r.jsx(T,{children:i})]},n)})})]})})}),M=["accept","containerStyle","disabled","dropzoneOptions","helperMessage","id","inputSize","isInverse","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","maxSize","minSize","multiple","noDrag","onSendFile","onDeleteFile","onRemoveFile","sendFiles","testId","thumbnails"],L=n.styled(n.Flex)(j||(j=f(["\n flex-direction: column;\n align-items: ",";\n justify-content: ",";\n text-align: ",";\n padding: ",";\n border-radius: ",";\n border: ",";\n\n border-style: ",";\n background-color: ",";\n outline: none;\n transition: ",";\n"])),function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"0px":"24px"},function(e){return e.noDrag?"0px":"4px"},function(e){var n=e.dragState,r=void 0===n?"default":n,t=e.theme;return e.noDrag?"0px":"dragReject"===r||"error"===r?e.isInverse?"1px dashed "+t.colors.danger200:"1px dashed "+t.colors.danger:"dragActive"===r?"1px dashed "+t.colors.primary:"dragAccept"===r?"1px dashed "+t.colors.success:"1px dashed "+t.colors.neutral400},function(e){var n=e.dragState;return"error"===(void 0===n?"default":n)?"solid":"dashed"},function(e){var n=e.theme;return e.noDrag?"transparent":e.isInverse?i.transparentize(.75,n.colors.neutral900):n.colors.neutral200},function(e){return"border "+(e.noDrag?0:".24s")+" ease-in-out"}),V=n.styled.span(z||(z=f(["\n color: ",";\n display: block;\n font-size: 14px;\n margin: -8px 0 16px 0;\n"])),function(e){var n=e.theme;return e.isInverse?n.colors.neutral100:n.colors.neutral700}),q=n.styled.div(F||(F=f(["\n color: ",";\n margin: 0 0 24px 0;\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n padding: ",";\n"])),function(e){var n=e.theme;return e.isInverse?n.colors.neutral100:n.colors.neutral700},function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight},function(e){return e.theme.spaceScale.spacing01});exports.Dropzone=l.default.forwardRef(function(i,s){var a=i.accept,c=i.containerStyle,u=i.disabled,f=i.helperMessage,m=i.id,g=i.inputSize,x=i.isInverse,h=i.isLabelVisuallyHidden,v=i.labelStyle,y=i.labelText,I=i.maxFiles,b=i.minFiles,j=i.maxSize,z=i.minSize,F=i.multiple,S=void 0===F||F,w=i.noDrag,C=void 0!==w&&w,B=i.onSendFile,D=i.onDeleteFile,k=i.onRemoveFile,O=i.sendFiles,R=void 0!==O&&O,A=i.testId,E=i.thumbnails,P=void 0===E||E,T=p(i,M),U=l.default.useState([]),G=U[0],W=U[1],Z=l.default.useState(null),K=Z[0],Y=Z[1],J=n.useIsInverse(x),N=l.default.useContext(n.ThemeContext),Q=l.default.useContext(n.I18nContext),X=n.useGenerateId(m),$=l.default.useCallback(function(e,n){W(function(r){return[].concat(r,e.map(function(e){return Object.assign(e,{preview:URL.createObjectURL(e)})}),n.map(function(e){return Object.assign(e.file,{errors:e.errors})}))})},[]),_=o.useDropzone({noClick:!0,disabled:u,multiple:S,maxSize:j,minSize:z,accept:a,onDrop:$,noDrag:C}),ee=_.getInputProps,ne=_.getRootProps,re=_.isDragAccept,te=_.isDragActive,oe=_.isDragReject,ie=_.open,se=_.inputRef;t.useImperativeHandle(s,function(){return se.current});var le=ee({id:X}),ae=K?"error":re?"dragAccept":oe?"dragReject":te?"dragActive":"default",ce=function(e){W(function(n){return n.filter(function(n){return n!==e})}),k&&"function"==typeof k&&k(e)},ue=function(e){W(function(n){return n.filter(function(n){return n!==e})}),D&&"function"==typeof D&&D(e)},de=function(e){W(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{processor:d({},n.processor,{percent:e.percent+"%",status:"pending"})}):n})})},pe=function(e){W(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{processor:d({},n.processor,{percent:"",status:"finished"})}):n})})},fe=function(e){W(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{errors:e.errors,processor:d({},n.processor,{status:"error"})}):n})})};return l.default.useEffect(function(){return function(){G.forEach(function(e){return e.preview&&URL.revokeObjectURL(e.preview)})}},[G]),l.default.useEffect(function(){var e=b&&G.length<b,n=I&&G.length>I;Y(function(e,n){if(null===e)return null;var r=Q.dropzone.errors[e];switch(e){case"too-many-files":return r.message+" "+n.maxFiles+" "+Q.dropzone.files+".";case"too-few-files":return r.message+" "+n.minFiles+" "+Q.dropzone.files+".";default:return r.message}}(n?"too-many-files":e?"too-few-files":null,{minFiles:b,maxFiles:I})),R&&G.length>0&&!n&&!e&&W(function(e){return e.map(function(e){return!e.errors&&!e.processor&&B&&B({file:e,onError:fe,onFinish:pe,onProgress:de}),e})})},[R,G.length,B]),r.jsxs(n.InverseContext.Provider,{value:{isInverse:J},children:[r.jsxs(n.FormFieldContainer,{actionable:!1,containerStyle:c,errorMessage:K,fieldId:X,inputSize:g,isInverse:J,isLabelVisuallyHidden:h,labelStyle:v,labelText:y,messageStyle:{minHeight:0},"data-testid":A,children:[r.jsx(V,{theme:N,isInverse:J,children:f}),r.jsxs(L,d({behavior:n.FlexBehavior.container,dragState:ae,isInverse:J,noDrag:C,theme:N},ne(),T,{testId:A,tabIndex:-1,children:[r.jsx("input",{ref:se,type:le.type,accept:le.accept,autoComplete:le.autoComplete,id:le.id,multiple:le.multiple,onChange:le.onChange,onClick:le.onClick,style:le.style,tabIndex:le.tabIndex,"data-testid":"file-input"}),C?r.jsx(n.Flex,{xs:!0,behavior:n.FlexBehavior.item,children:r.jsx(n.Button,{color:n.ButtonColor.primary,disabled:u,isInverse:J,onClick:ie,style:{margin:0},children:Q.dropzone.browseFiles})}):r.jsxs(n.Flex,{behavior:n.FlexBehavior.item,children:[r.jsx(e.CloudUploadIcon,{"aria-hidden":"true",color:J?N.colors.neutral100:N.colors.neutral500,size:48}),r.jsx(q,{isInverse:J,theme:N,children:Q.dropzone.dragMessage}),r.jsx(n.Button,{color:n.ButtonColor.primary,disabled:u,isInverse:J,onClick:ie,style:{margin:0},variant:n.ButtonVariant.solid,children:Q.dropzone.browseFiles})]})]}))]}),G.map(function(e){return r.jsx(H,{accept:a,file:e,isInverse:J,maxSize:j,minSize:z,onDeleteFile:ue,onRemoveFile:ce,thumbnails:P},e.name)})]})}),exports.FileIcon=u;
2
2
  //# sourceMappingURL=fileuploader.js.map
package/dist/fileuploader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fileuploader.js","sources":["../src/components/dropzone/FileIcon.tsx","../src/components/dropzone/utils.ts","../src/components/dropzone/Preview.tsx","../src/components/dropzone/Dropzone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n InsertDriveFileIcon,\n ImageIcon,\n AudiotrackIcon,\n VideocamIcon,\n FileExcelIcon,\n FilePdfIcon,\n FilePowerpointIcon,\n FileWordIcon,\n FileZipIcon,\n IconProps,\n} from 'react-magma-icons';\n\nimport { FilePreview } from './FilePreview';\nimport { magma } from 'react-magma-dom';\n\nexport interface FileIconProps extends IconProps {\n file: FilePreview;\n isInverse?: boolean;\n}\n\nconst icons = {\n default: {\n Icon: InsertDriveFileIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n word: {\n Icon: FileWordIcon,\n style: {\n color: magma.colors.info500,\n },\n },\n excel: {\n Icon: FileExcelIcon,\n style: {\n color: magma.colors.success500,\n },\n },\n powerpoint: {\n Icon: FilePowerpointIcon,\n style: {\n color: magma.colors.warning500,\n },\n },\n pdf: {\n Icon: FilePdfIcon,\n style: {\n color: magma.colors.danger500,\n },\n },\n image: {\n Icon: ImageIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n video: {\n Icon: VideocamIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n audio: {\n Icon: AudiotrackIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n archive: {\n Icon: FileZipIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n};\n\nconst iconMapping: {\n [key: string]: { Icon: any; style: React.CSSProperties };\n} = {\n default: icons.default,\n xlsx: icons.excel,\n xlsm: icons.excel,\n xlsb: icons.excel,\n xltx: icons.excel,\n xls: icons.excel,\n xlt: icons.excel,\n doc: icons.word,\n docx: icons.word,\n docm: icons.word,\n dotx: icons.word,\n dotm: icons.word,\n docb: icons.word,\n pptx: icons.powerpoint,\n pptm: icons.powerpoint,\n ppt: icons.powerpoint,\n pdf: icons.pdf,\n png: icons.image,\n svg: icons.image,\n image: icons.image,\n audio: icons.audio,\n video: icons.video,\n zip: icons.archive,\n};\n\nexport const FileIcon = ({ file, isInverse }: FileIconProps) => {\n const { path = '', type = '' } = file;\n const category = type.split('/')[0];\n const extension = path.split('.').pop() || 'default';\n const { Icon, style } =\n iconMapping[extension] || iconMapping[category] || iconMapping.default;\n\n return <Icon size={magma.iconSizes.medium} style={isInverse ? {} : style} />;\n};\n","export const formatFileSize = (\n bytes: number | undefined,\n decimalPoint: number = 2,\n bytesLabel: string = 'Bytes'\n) => {\n if (bytes === undefined) return;\n if (bytes == 0) return `0 ${bytesLabel}`;\n const k = 1024;\n const sizes = [bytesLabel, 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return (\n parseFloat((bytes / Math.pow(k, i)).toFixed(decimalPoint)) + ' ' + sizes[i]\n );\n};\n","import React, { forwardRef, useContext, useEffect, useState } from 'react';\n\nimport {\n CheckCircleIcon,\n CloseIcon,\n DeleteIcon,\n ErrorIcon,\n} from 'react-magma-icons';\n\nimport {\n ButtonColor,\n ButtonVariant,\n Card,\n Flex,\n FlexAlignItems,\n FlexBehavior,\n FlexProps,\n I18nContext,\n I18nInterface,\n IconButton,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n Transition,\n Spinner,\n useIsInverse,\n styled\n} from 'react-magma-dom';\n\nimport { FileIcon } from './FileIcon';\nimport { FilePreview } from './FilePreview';\nimport { formatFileSize } from './utils';\n\n\nexport interface PreviewProps extends Omit<FlexProps, 'behavior'> {\n accept?: string | string[];\n file: FilePreview;\n isInverse?: boolean;\n maxSize?: number;\n minSize?: number;\n onDeleteFile?: (file: FilePreview) => void;\n onRemoveFile?: (file: FilePreview) => void;\n /**\n * @internal\n */\n testId?: string;\n thumbnails: boolean;\n}\n\nconst Thumb = styled.div<{ file: FilePreview }>`\n background-image: ${({ file }) =>\n `url('${'preview' in file && file.preview}')`};\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n vertical-align: middle;\n height: 40px;\n width: 40px;\n`;\n\nconst StatusIcons = styled.div`\n display: grid;\n grid-template-areas: 'inner-div';\n height: auto;\n place-items: center;\n width: 46px;\n & > div {\n display: inline-block;\n right: 0;\n grid-area: inner-div;\n }\n`;\n\nconst IconStyles = {\n marginRight: '12px',\n display: 'flex',\n};\n\nconst Errors = styled.div`\n border-top: 1px solid ${({ theme }) => theme.colors.neutral300};\n padding: 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledFlex = styled(Flex)`\n height: 56px;\n padding: 0 8px 0 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst FileName = styled(Flex)`\n overflow: hidden;\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n display: block;\n margin-right: 24px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledCard = styled(Card)<{ file: FilePreview; isInverse: boolean }>`\n background-color: none;\n border-color: ${({ file, theme, isInverse }) =>\n file.errors\n ? isInverse\n ? theme.colors.danger200\n : theme.colors.danger\n : theme.colors.neutral300};\n border-width: 1px;\n margin: 10px 0;\n`;\n\nconst ErrorHeader = styled.span`\n display: block;\n\n > div {\n display: flex;\n align-self: center;\n margin-right: 12px;\n }\n`;\n\nconst ErrorMessage = styled.span`\n display: block;\n`;\n\nconst formatError = (\n error: { header?: string; message: string; code: string },\n constraints: {\n maxSize?: number;\n minSize?: number;\n accept?: string | string[];\n },\n byteLabel: string\n) => {\n const accept =\n Array.isArray(constraints.accept) && constraints.accept.length === 1\n ? constraints.accept[0]\n : constraints.accept;\n const messageSuffix = Array.isArray(accept)\n ? `one of ${accept.join(', ')}`\n : accept;\n switch (error.code) {\n case 'file-too-large':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.maxSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-too-small':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.minSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-invalid-type':\n return { ...error, message: `${error.message}: ${messageSuffix}` };\n default:\n return error;\n }\n};\n\nexport const Preview = forwardRef<HTMLDivElement, PreviewProps>(\n // eslint-disable-next-line complexity\n (props, ref) => {\n const {\n accept,\n file,\n isInverse: isInverseProp,\n maxSize,\n minSize,\n onDeleteFile,\n onRemoveFile,\n testId,\n thumbnails,\n ...rest\n } = props;\n\n const theme: ThemeInterface = useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const isInverse = useIsInverse(isInverseProp);\n const [actions, setActions] = useState(<CloseIcon />);\n\n const handleRemoveFile = () => {\n onRemoveFile && typeof onRemoveFile === 'function' && onRemoveFile(file);\n };\n\n const handleDeleteFile = () => {\n onDeleteFile && typeof onDeleteFile === 'function' && onDeleteFile(file);\n };\n\n const FinishedActions = ({ status = 'ready' }: { status?: string }) => {\n const [done, setDone] = useState<boolean>(false);\n\n useEffect(() => {\n let mounted = true;\n setTimeout(() => {\n if (mounted) {\n setDone(true);\n }\n }, 1000);\n return () => {\n mounted = false;\n };\n }, [status]);\n\n if (status === 'error' || status === 'ready') {\n return (\n <StatusIcons>\n <IconButton\n onClick={handleRemoveFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.removeFile}\n icon={<CloseIcon />}\n />\n </StatusIcons>\n );\n }\n\n if (status === 'pending') {\n return (\n <StatusIcons>\n <Spinner\n color={isInverse ? theme.colors.neutral100 : theme.colors.primary}\n />\n </StatusIcons>\n );\n }\n\n return (\n <StatusIcons>\n <Transition isOpen={!done} unmountOnExit fade>\n <CheckCircleIcon\n color={isInverse ? theme.colors.success200 : theme.colors.success}\n style={{ marginTop: '4px' }}\n />\n </Transition>\n <Transition isOpen={done} unmountOnExit fade>\n <IconButton\n onClick={handleDeleteFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.deleteFile}\n icon={<DeleteIcon />}\n />\n </Transition>\n </StatusIcons>\n );\n };\n\n useEffect(() => {\n setActions(<FinishedActions status={file?.processor?.status} />);\n }, [file?.processor?.status]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledCard\n isInverse={isInverse}\n theme={theme}\n file={file}\n data-testid={props.testId}\n ref={ref}\n role={file.errors ? 'alert' : ''}\n >\n <StyledFlex\n theme={theme}\n behavior={FlexBehavior.container}\n alignItems={FlexAlignItems.center}\n {...rest}\n >\n <Flex\n behavior={FlexBehavior.item}\n alignItems={FlexAlignItems.center}\n style={IconStyles}\n >\n {file.errors ? (\n <ErrorIcon\n color={\n isInverse ? theme.colors.danger200 : theme.colors.danger\n }\n size={24}\n />\n ) : file.preview &&\n thumbnails &&\n file.type &&\n file.type.startsWith('image') ? (\n <Thumb role=\"img\" file={file} />\n ) : (\n <FileIcon isInverse={isInverse} file={file} />\n )}\n </Flex>\n <FileName xs behavior={FlexBehavior.item} theme={theme}>\n {file.name}\n </FileName>\n {file.processor && file.processor.status === 'pending' && (\n <Flex\n role=\"progressbar\"\n style={{ marginLeft: 'auto' }}\n behavior={FlexBehavior.item}\n >\n {file.processor.percent}\n </Flex>\n )}\n <Flex behavior={FlexBehavior.item}>{actions}</Flex>\n </StyledFlex>\n {file.errors && (\n <Errors theme={theme}>\n {file.errors.slice(0, 1).map(({ code, ...rest }) => {\n const { header = '', message } = formatError(\n { code, ...rest, ...i18n.dropzone.errors[code] },\n { accept, minSize, maxSize },\n i18n.dropzone.bytes\n );\n return (\n <React.Fragment key={code}>\n <ErrorHeader\n style={{\n color: isInverse\n ? theme.colors.danger200\n : theme.colors.danger,\n }}\n >\n {header}\n </ErrorHeader>\n <ErrorMessage>{message}</ErrorMessage>\n </React.Fragment>\n );\n })}\n </Errors>\n )}\n </StyledCard>\n </InverseContext.Provider>\n );\n }\n);\n","/* eslint-disable no-empty-pattern */\n/**\n * HELPFUL NOTE!\n * SINCE THIS PACKAGE USES `FILE` WE MUST USE `Object.assign` IN LIEU OF SPREADING\n * `{...file}` WILL NOT COPY ALL OF THE FILE PROPERTIES\n */\n\nimport React from 'react';\nimport {\n useDropzone,\n DropzoneOptions,\n DropzoneRootProps,\n FileRejection,\n} from 'react-dropzone';\nimport {\n Button,\n ButtonColor,\n ButtonVariant,\n Flex,\n FlexBehavior,\n FlexProps,\n FormFieldContainer,\n FormFieldContainerBaseProps,\n I18nContext,\n I18nInterface,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n useGenerateId,\n useIsInverse,\n styled\n} from 'react-magma-dom';\n\nimport { CloudUploadIcon } from 'react-magma-icons';\nimport { Preview } from './Preview';\nimport { FilePreview, FileError } from './FilePreview';\nimport { transparentize } from 'polished';\n\nexport interface OnSendFileProps {\n file: FilePreview;\n onError?: ({}: { errors: FileError[]; file: FilePreview }) => void;\n onFinish?: ({}: { file: FilePreview }) => void;\n onProgress?: ({}: { percent: number; file: FilePreview }) => void;\n}\n\ntype DragState =\n | 'error'\n | 'dragAccept'\n | 'dragReject'\n | 'dragActive'\n | 'default';\n\n// NOTE: These props are manually copied to dropzone.mdx\nexport interface DropzoneProps\n extends Omit<FormFieldContainerBaseProps, 'fieldId' | 'errorMessage'> {\n /**\n * Set accepted file types. See https://github.com/okonet/attr-accept for more information. Keep in mind that mime type determination is not reliable across platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all. See: https://github.com/react-dropzone/react-dropzone/issues/276\n */\n accept?: string | string[];\n /**\n * Enable/Disable the input\n */\n disabled?: boolean;\n /**\n * Additional props to pass to the dropzone, see https://react-dropzone.js.org/#src\n */\n dropzoneOptions?: Partial<Omit<DropzoneOptions, 'onDrop'>>;\n /**\n * Content of the helper message.\n */\n helperMessage?: string;\n /**\n * @internal\n */\n id?: string;\n /**\n * Maximum accepted number of files The default value is 0 which means there is no limitation to how many files are accepted.\n * @default 0\n */\n maxFiles?: number;\n /**\n * Minimum accepted number of files.\n */\n minFiles?: number;\n /**\n * Maximum file size (in bytes)\n * @default Infinity\n */\n maxSize?: number;\n /**\n * Minimum file size (in bytes)\n * @default 0\n */\n minSize?: number;\n /**\n * Allow drag 'n' drop (or selection from the file dialog) of multiple files.\n * @default true\n */\n multiple?: boolean;\n /**\n * If true, disables drag 'n' drop\n * @default false\n */\n noDrag?: boolean;\n /**\n * Callback for when a file is deleted\n */\n onDeleteFile?: (file: FilePreview) => void;\n /**\n * Callback for when a file is deleted\n */\n onRemoveFile?: (file: FilePreview) => void;\n /**\n * Callback for when a file is added to the preview list via dropping or selecting. Will be ran on new files when `sendFiles` is true.\n */\n onSendFile?: (props: OnSendFileProps) => void;\n /**\n * Run `onSendFile` on any new files. Delay processing by setting to `false` until processing is desired.\n * @default false\n */\n sendFiles?: boolean;\n /**\n * @internal\n */\n testId?: string;\n /**\n * Show thumbnails for images in lieu of the file icon.\n * @default true\n */\n thumbnails?: boolean;\n}\n\nconst Container = styled(Flex)<\n DropzoneRootProps &\n FlexProps & {\n dragState?: DragState;\n noDrag?: boolean;\n isInverse?: boolean;\n }\n>`\n flex-direction: column;\n align-items: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n justify-content: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n text-align: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n padding: ${({ noDrag }) => (noDrag ? '0px' : '24px')};\n border-radius: ${({ noDrag }) => (noDrag ? '0px' : '4px')};\n border: ${({ dragState = 'default', noDrag, theme, isInverse }) =>\n noDrag\n ? `0px`\n : dragState === 'dragReject' || dragState === 'error'\n ? isInverse\n ? `1px dashed ${theme.colors.danger200}`\n : `1px dashed ${theme.colors.danger}`\n : dragState === 'dragActive'\n ? `1px dashed ${theme.colors.primary}`\n : dragState === 'dragAccept'\n ? `1px dashed ${theme.colors.success}`\n : `1px dashed ${theme.colors.neutral400}`};\n\n border-style: ${({ dragState = 'default' }) =>\n dragState === 'error' ? 'solid' : 'dashed'};\n background-color: ${({ theme, noDrag, isInverse }) =>\n noDrag\n ? 'transparent'\n : isInverse\n ? transparentize(0.75, theme.colors.neutral900)\n : theme.colors.neutral200};\n outline: none;\n transition: ${({ noDrag }) => `border ${noDrag ? 0 : '.24s'} ease-in-out`};\n`;\n\nconst HelperMessage = styled.span<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n display: block;\n font-size: 14px;\n margin: -8px 0 16px 0;\n`;\n\nconst Wrapper = styled.div<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n margin: 0 0 24px 0;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n font-weight: 500;\n padding: ${({ theme }) => theme.spaceScale.spacing01};\n`;\nexport const Dropzone = React.forwardRef<HTMLInputElement, DropzoneProps>(\n (props, ref) => {\n const {\n accept,\n containerStyle,\n disabled,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n dropzoneOptions = {\n multiple: true,\n },\n helperMessage,\n id: defaultId,\n inputSize,\n isInverse: isInverseProp,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n maxFiles,\n minFiles,\n maxSize,\n minSize,\n multiple = true,\n noDrag = false,\n onSendFile,\n onDeleteFile,\n onRemoveFile,\n sendFiles = false,\n testId,\n thumbnails = true,\n ...rest\n } = props;\n\n const [files, setFiles] = React.useState<FilePreview[]>([]);\n const [errorMessage, setErrorMessage] = React.useState<string | null>(null);\n\n const isInverse = useIsInverse(isInverseProp);\n const theme: ThemeInterface = React.useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const id = useGenerateId(defaultId);\n\n const onDrop = React.useCallback(\n (acceptedFiles: FilePreview[], rejectedFiles: FileRejection[]) => {\n setFiles((files: FilePreview[]) => [\n ...files,\n ...acceptedFiles.map((file: FilePreview) =>\n Object.assign(file, {\n preview: URL.createObjectURL(file),\n })\n ),\n ...rejectedFiles.map(\n ({ file, errors }: { file: FilePreview; errors: FileError[] }) =>\n Object.assign(file, {\n errors,\n })\n ),\n ]);\n },\n []\n );\n\n const {\n getInputProps,\n getRootProps,\n isDragAccept,\n isDragActive,\n isDragReject,\n open,\n } = useDropzone({\n noClick: true,\n disabled,\n multiple,\n maxSize,\n minSize,\n accept,\n onDrop,\n noDrag,\n });\n\n const inputProps = getInputProps({ id });\n\n const dragState: DragState = errorMessage\n ? 'error'\n : isDragAccept\n ? 'dragAccept'\n : isDragReject\n ? 'dragReject'\n : isDragActive\n ? 'dragActive'\n : 'default';\n\n const handleRemoveFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onRemoveFile &&\n typeof onRemoveFile === 'function' &&\n onRemoveFile(removedFile);\n };\n\n const handleDeleteFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onDeleteFile &&\n typeof onDeleteFile === 'function' &&\n onDeleteFile(removedFile);\n };\n\n const setProgress = (props: { percent: number; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: `${props.percent}%`,\n status: 'pending',\n },\n })\n : file\n )\n );\n };\n\n const setFinished = (props: { file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: '',\n status: 'finished',\n },\n })\n : file\n )\n );\n };\n\n const setError = (props: { errors: FileError[]; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n errors: props.errors,\n processor: { ...file.processor, status: 'error' },\n })\n : file\n )\n );\n };\n\n const formatError = (\n code: string | null,\n constraints: { maxFiles?: number; minFiles?: number }\n ) => {\n if (code === null) return null;\n const error = i18n.dropzone.errors[code];\n switch (code) {\n case 'too-many-files':\n return `${error.message} ${constraints.maxFiles} ${i18n.dropzone.files}.`;\n case 'too-few-files':\n return `${error.message} ${constraints.minFiles} ${i18n.dropzone.files}.`;\n default:\n return error.message;\n }\n };\n\n React.useEffect(\n () => () => {\n files.forEach(\n file => file.preview && URL.revokeObjectURL(file.preview)\n );\n },\n [files]\n );\n\n React.useEffect(() => {\n const minFileError = minFiles && files.length < minFiles;\n const maxFileError = maxFiles && files.length > maxFiles;\n\n setErrorMessage(\n formatError(\n maxFileError\n ? 'too-many-files'\n : minFileError\n ? 'too-few-files'\n : null,\n { minFiles, maxFiles }\n )\n );\n\n if (sendFiles && files.length > 0 && !maxFileError && !minFileError) {\n setFiles((files: FilePreview[]) => {\n return files.map((file: FilePreview) => {\n !file.errors &&\n !file.processor &&\n onSendFile &&\n onSendFile({\n file,\n onError: setError,\n onFinish: setFinished,\n onProgress: setProgress,\n });\n return file;\n });\n });\n }\n }, [sendFiles, files.length, onSendFile]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <FormFieldContainer\n actionable={false}\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n inputSize={inputSize}\n isInverse={isInverse}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={{ minHeight: 0 }}\n data-testid={testId}\n >\n <HelperMessage theme={theme} isInverse={isInverse}>\n {helperMessage}\n </HelperMessage>\n <Container\n behavior={FlexBehavior.container}\n dragState={dragState}\n isInverse={isInverse}\n noDrag={noDrag}\n theme={theme}\n {...getRootProps()}\n {...rest}\n testId={testId}\n tabIndex={-1}\n >\n <input\n ref={ref}\n type={inputProps.type}\n accept={inputProps.accept}\n autoComplete={inputProps.autoComplete}\n id={inputProps.id}\n multiple={inputProps.multiple}\n onChange={inputProps.onChange}\n onClick={inputProps.onClick}\n style={inputProps.style}\n tabIndex={inputProps.tabIndex}\n />\n {noDrag ? (\n <Flex xs behavior={FlexBehavior.item}>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n ) : (\n <Flex behavior={FlexBehavior.item}>\n <CloudUploadIcon\n aria-hidden=\"true\"\n color={\n isInverse\n ? theme.colors.neutral100\n : theme.colors.neutral500\n }\n size={48}\n />\n <Wrapper isInverse={isInverse} theme={theme}>\n {i18n.dropzone.dragMessage}\n </Wrapper>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n variant={ButtonVariant.solid}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n )}\n </Container>\n </FormFieldContainer>\n {files.map((file: FilePreview) => (\n <Preview\n accept={accept}\n file={file}\n isInverse={isInverse}\n key={file.name}\n maxSize={maxSize}\n minSize={minSize}\n onDeleteFile={handleDeleteFile}\n onRemoveFile={handleRemoveFile}\n thumbnails={thumbnails}\n />\n ))}\n </InverseContext.Provider>\n );\n }\n);\n"],"names":["icons","default","Icon","InsertDriveFileIcon","style","color","magma","colors","neutral500","word","FileWordIcon","info500","excel","FileExcelIcon","success500","powerpoint","FilePowerpointIcon","warning500","pdf","FilePdfIcon","danger500","image","ImageIcon","video","VideocamIcon","audio","AudiotrackIcon","archive","FileZipIcon","iconMapping","xlsx","xlsm","xlsb","xltx","xls","xlt","doc","docx","docm","dotx","dotm","docb","pptx","pptm","ppt","png","svg","zip","FileIcon","_ref","file","isInverse","_file$path","path","_file$type","type","category","split","extension","pop","_ref2","_jsx","size","iconSizes","medium","formatFileSize","bytes","decimalPoint","bytesLabel","undefined","sizes","i","Math","floor","log","parseFloat","pow","toFixed","Thumb","styled","div","_templateObject","_taggedTemplateLiteralLoose","preview","StatusIcons","_templateObject2","IconStyles","marginRight","display","Errors","_templateObject3","theme","neutral300","_ref3","typeScale","size02","fontSize","_ref4","lineHeight","StyledFlex","Flex","_templateObject4","_ref5","_ref6","FileName","_templateObject5","_ref7","_ref8","StyledCard","Card","_templateObject6","_ref9","errors","danger200","danger","ErrorHeader","span","_templateObject7","ErrorMessage","_templateObject8","Preview","forwardRef","props","ref","accept","isInverseProp","maxSize","minSize","onDeleteFile","onRemoveFile","thumbnails","rest","_objectWithoutPropertiesLoose","_excluded","useContext","ThemeContext","i18n","React","I18nContext","useIsInverse","_useState","useState","CloseIcon","actions","setActions","handleRemoveFile","handleDeleteFile","FinishedActions","_ref10","status","_ref10$status","_useState2","done","setDone","useEffect","mounted","setTimeout","children","IconButton","onClick","variant","ButtonVariant","link","ButtonColor","secondary","dropzone","removeFile","icon","Spinner","neutral100","primary","_jsxs","Transition","isOpen","unmountOnExit","fade","CheckCircleIcon","success200","success","marginTop","deleteFile","DeleteIcon","_file$processor","processor","_file$processor2","InverseContext","Provider","value","testId","role","_extends","behavior","FlexBehavior","container","alignItems","FlexAlignItems","center","item","ErrorIcon","startsWith","xs","name","marginLeft","percent","slice","map","_ref11","code","_formatError","error","constraints","byteLabel","Array","isArray","length","messageSuffix","join","message","formatError","_excluded2","_formatError$header","header","Fragment","Container","noDrag","_ref6$dragState","dragState","neutral400","_ref7$dragState","transparentize","neutral900","neutral200","HelperMessage","neutral700","Wrapper","_ref12","_ref13","_ref14","spaceScale","spacing01","containerStyle","disabled","helperMessage","defaultId","id","inputSize","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","_props$multiple","multiple","_props$noDrag","onSendFile","_props$sendFiles","sendFiles","_props$thumbnails","_React$useState","files","setFiles","_React$useState2","errorMessage","setErrorMessage","useGenerateId","onDrop","useCallback","acceptedFiles","rejectedFiles","concat","Object","assign","URL","createObjectURL","_ref15","_useDropzone","useDropzone","noClick","getRootProps","isDragAccept","isDragActive","isDragReject","open","inputProps","getInputProps","removedFile","filter","setProgress","setFinished","setError","forEach","revokeObjectURL","minFileError","maxFileError","onError","onFinish","onProgress","FormFieldContainer","actionable","fieldId","messageStyle","minHeight","tabIndex","autoComplete","onChange","Button","margin","browseFiles","CloudUploadIcon","dragMessage","solid"],"mappings":"uPAsBMA,EAAQ,CACZC,QAAS,CACPC,KAAMC,sBACNC,MAAO,CACLC,MAAOC,QAAMC,OAAOC,aAGxBC,KAAM,CACJP,KAAMQ,eACNN,MAAO,CACLC,MAAOC,QAAMC,OAAOI,UAGxBC,MAAO,CACLV,KAAMW,gBACNT,MAAO,CACLC,MAAOC,QAAMC,OAAOO,aAGxBC,WAAY,CACVb,KAAMc,qBACNZ,MAAO,CACLC,MAAOC,QAAMC,OAAOU,aAGxBC,IAAK,CACHhB,KAAMiB,cACNf,MAAO,CACLC,MAAOC,QAAMC,OAAOa,YAGxBC,MAAO,CACLnB,KAAMoB,YACNlB,MAAO,CACLC,MAAOC,QAAMC,OAAOC,aAGxBe,MAAO,CACLrB,KAAMsB,eACNpB,MAAO,CACLC,MAAOC,QAAMC,OAAOC,aAGxBiB,MAAO,CACLvB,KAAMwB,iBACNtB,MAAO,CACLC,MAAOC,QAAMC,OAAOC,aAGxBmB,QAAS,CACPzB,KAAM0B,cACNxB,MAAO,CACLC,MAAOC,QAAMC,OAAOC,cAKpBqB,EAEF,CACF5B,QAASD,UACT8B,KAAM9B,EAAMY,MACZmB,KAAM/B,EAAMY,MACZoB,KAAMhC,EAAMY,MACZqB,KAAMjC,EAAMY,MACZsB,IAAKlC,EAAMY,MACXuB,IAAKnC,EAAMY,MACXwB,IAAKpC,EAAMS,KACX4B,KAAMrC,EAAMS,KACZ6B,KAAMtC,EAAMS,KACZ8B,KAAMvC,EAAMS,KACZ+B,KAAMxC,EAAMS,KACZgC,KAAMzC,EAAMS,KACZiC,KAAM1C,EAAMe,WACZ4B,KAAM3C,EAAMe,WACZ6B,IAAK5C,EAAMe,WACXG,IAAKlB,EAAMkB,IACX2B,IAAK7C,EAAMqB,MACXyB,IAAK9C,EAAMqB,MACXA,MAAOrB,EAAMqB,MACbI,MAAOzB,EAAMyB,MACbF,MAAOvB,EAAMuB,MACbwB,IAAK/C,EAAM2B,SAGAqB,EAAW,SAAHC,OAAMC,EAAID,EAAJC,KAAMC,EAASF,EAATE,UAC/BC,EAAiCF,EAAzBG,KAAAA,WAAID,EAAG,GAAEA,EAAAE,EAAgBJ,EAAdK,KACbC,YADiBF,EAAG,GAAEA,GACNG,MAAM,KAAK,GAC3BC,EAAYL,EAAKI,MAAM,KAAKE,OAAS,UAC3CC,EACE/B,EAAY6B,IAAc7B,EAAY2B,IAAa3B,UAErD,OAAOgC,MAHKD,EAAJ1D,MAGK4D,KAAMxD,QAAMyD,UAAUC,OAAQ5D,MAAO+C,EAAY,GAH3CS,EAALxD,OAIhB,4cCnHa6D,EAAiB,SAC5BC,EACAC,EACAC,GAEA,YAHAD,IAAAA,EAAuB,YACvBC,IAAAA,EAAqB,cAEPC,IAAVH,EAAJ,CACA,GAAa,GAATA,EAAY,WAAYE,EAC5B,IACME,EAAQ,CAACF,EAAY,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAC/DG,EAAIC,KAAKC,MAAMD,KAAKE,IAAIR,GAASM,KAAKE,IAFlC,OAGV,OACEC,YAAYT,EAAQM,KAAKI,IAJjB,KAIwBL,IAAIM,QAAQV,IAAiB,IAAMG,EAAMC,GAE7E,qHCoCMO,EAAQC,SAAOC,IAAGC,IAAAA,EAAAC,uLACF,SAAAjC,OAAGC,EAAID,EAAJC,oBACb,YAAaA,GAAQA,EAAKiC,gBAShCC,EAAcL,SAAOC,IAAGK,IAAAA,EAAAH,oNAaxBI,EAAa,CACjBC,YAAa,OACbC,QAAS,QAGLC,EAASV,SAAOC,IAAGU,IAAAA,EAAAR,mGACC,SAAAtB,UAAQA,EAAL+B,MAAkBpF,OAAOqF,UAAU,EAEjD,SAAAC,UAAQA,EAALF,MAAkBG,UAAUC,OAAOC,QAAQ,EAC5C,SAAAC,UAAQA,EAALN,MAAkBG,UAAUC,OAAOG,UAAU,GAG3DC,EAAapB,SAAOqB,OAAPrB,CAAYsB,IAAAA,EAAAnB,8FAGhB,SAAAoB,UAAQA,EAALX,MAAkBG,UAAUC,OAAOC,QAAQ,EAC5C,SAAAO,UAAQA,EAALZ,MAAkBG,UAAUC,OAAOG,UAAU,GAG3DM,EAAWzB,SAAOqB,OAAPrB,CAAY0B,IAAAA,EAAAvB,8LAOd,SAAAwB,UAAQA,EAALf,MAAkBG,UAAUC,OAAOC,QAAQ,EAC5C,SAAAW,UAAQA,EAALhB,MAAkBG,UAAUC,OAAOG,UAAU,GAG3DU,EAAa7B,SAAO8B,OAAP9B,CAAY+B,IAAAA,EAAA5B,qGAEb,SAAA6B,OAASpB,EAAKoB,EAALpB,aAAFoB,EAAJ7D,KACZ8D,OADkCD,EAAT5D,UAGxBwC,EAAMpF,OAAO0G,UACbtB,EAAMpF,OAAO2G,OACfvB,EAAMpF,OAAOqF,UAAU,GAKzBuB,EAAcpC,SAAOqC,KAAIC,IAAAA,EAAAnC,uHAUzBoC,EAAevC,SAAOqC,KAAIG,IAAAA,EAAArC,+BA8CnBsC,EAAUC,aAErB,SAACC,EAAOC,SAEJC,EAUEF,EAVFE,OACA1E,EASEwE,EATFxE,KACW2E,EAQTH,EARFvE,UACA2E,EAOEJ,EAPFI,QACAC,EAMEL,EANFK,QACAC,EAKEN,EALFM,aACAC,EAIEP,EAJFO,aAEAC,EAEER,EAFFQ,WACGC,EAAIC,EACLV,EAAKW,GAEH1C,EAAwB2C,aAAWC,gBACnCC,EAAsBC,UAAMH,WAAWI,eACvCvF,EAAYwF,eAAad,GAC/Be,EAA8BC,WAAShF,MAACiF,iBAAjCC,EAAOH,KAAEI,EAAUJ,KAEpBK,EAAmB,WACvBhB,GAAwC,mBAAjBA,GAA+BA,EAAa/E,EACrE,EAEMgG,EAAmB,WACvBlB,GAAwC,mBAAjBA,GAA+BA,EAAa9E,EACrE,EAEMiG,EAAkB,SAAHC,WAAMC,OAAAA,WAAMC,EAAG,QAAOA,EACzCC,EAAwBV,YAAkB,GAAnCW,EAAID,KAAEE,EAAOF,KAcpB,OAZAG,YAAU,WACR,IAAIC,GAAU,EAMd,OALAC,WAAW,WACLD,GACFF,GAAQ,EAEZ,EAAG,gBAEDE,GAAU,CACZ,CACF,EAAG,CAACN,IAEW,UAAXA,GAAiC,UAAXA,EAEtBxF,MAACuB,GAAWyE,SACVhG,MAACiG,cACCC,QAASd,EACTe,QAASC,gBAAcC,KACvB7J,MAAO8J,cAAYC,UACnB,aAAY5B,EAAK6B,SAASC,WAC1BC,KAAM1G,MAACiF,oBAMA,YAAXO,EAEAxF,MAACuB,GAAWyE,SACVhG,MAAC2G,WACCnK,MAAO8C,EAAYwC,EAAMpF,OAAOkK,WAAa9E,EAAMpF,OAAOmK,YAOhEC,OAACvF,GAAWyE,UACVhG,MAAC+G,cAAWC,QAASrB,EAAMsB,iBAAcC,QAAIlB,SAC3ChG,MAACmH,mBACC3K,MAAO8C,EAAYwC,EAAMpF,OAAO0K,WAAatF,EAAMpF,OAAO2K,QAC1D9K,MAAO,CAAE+K,UAAW,WAGxBtH,MAAC+G,cAAWC,OAAQrB,EAAMsB,iBAAcC,QAAIlB,SAC1ChG,MAACiG,cACCC,QAASb,EACTc,QAASC,gBAAcC,KACvB7J,MAAO8J,cAAYC,UACnB,aAAY5B,EAAK6B,SAASe,WAC1Bb,KAAM1G,MAACwH,uBAKjB,EAMA,OAJA3B,YAAU,iBACRV,EAAWnF,MAACsF,GAAgBE,aAAQnG,UAAIoI,EAAJpI,EAAMqI,kBAAND,EAAiBjC,SACvD,EAAG,OAACnG,UAAIsI,EAAJtI,EAAMqI,kBAANC,EAAiBnC,SAGnBxF,MAAC4H,iBAAeC,UAASC,MAAO,CAAExI,UAAAA,GAAY0G,SAC5Cc,OAAC/D,GACCzD,UAAWA,EACXwC,MAAOA,EACPzC,KAAMA,EACN,cAAawE,EAAMkE,OACnBjE,IAAKA,EACLkE,KAAM3I,EAAK8D,OAAS,QAAU,GAAG6C,UAEjCc,OAACxE,EAAU2F,GACTnG,MAAOA,EACPoG,SAAUC,eAAaC,UACvBC,WAAYC,iBAAeC,QACvBjE,GAAI0B,UAERhG,MAACuC,QACC2F,SAAUC,eAAaK,KACvBH,WAAYC,iBAAeC,OAC3BhM,MAAOkF,EAAWuE,SAEjB3G,EAAK8D,OACJnD,MAACyI,aACCjM,MACE8C,EAAYwC,EAAMpF,OAAO0G,UAAYtB,EAAMpF,OAAO2G,OAEpDpD,KAAM,KAENZ,EAAKiC,SACP+C,GACAhF,EAAKK,MACLL,EAAKK,KAAKgJ,WAAW,SACrB1I,MAACiB,GAAM+G,KAAK,MAAM3I,KAAMA,IAExBW,MAACb,GAASG,UAAWA,EAAWD,KAAMA,MAG1CW,MAAC2C,GAASgG,MAAGT,SAAUC,eAAaK,KAAM1G,MAAOA,EAAMkE,SACpD3G,EAAKuJ,OAEPvJ,EAAKqI,WAAuC,YAA1BrI,EAAKqI,UAAUlC,QAChCxF,MAACuC,QACCyF,KAAK,cACLzL,MAAO,CAAEsM,WAAY,QACrBX,SAAUC,eAAaK,KAAKxC,SAE3B3G,EAAKqI,UAAUoB,UAGpB9I,MAACuC,QAAK2F,SAAUC,eAAaK,KAAKxC,SAAEd,QAErC7F,EAAK8D,QACJnD,MAAC4B,GAAOE,MAAOA,EAAMkE,SAClB3G,EAAK8D,OAAO4F,MAAM,EAAG,GAAGC,IAAI,SAAAC,OAAGC,EAAID,EAAJC,KAC9BC,EA7LI,SAClBC,EACAC,EAKAC,GAEA,IAAMvF,EACJwF,MAAMC,QAAQH,EAAYtF,SAAyC,IAA9BsF,EAAYtF,OAAO0F,OACpDJ,EAAYtF,OAAO,GACnBsF,EAAYtF,OACZ2F,EAAgBH,MAAMC,QAAQzF,aACtBA,EAAO4F,KAAK,MACtB5F,EACJ,OAAQqF,EAAMF,MACZ,IAAK,iBACH,OAAAjB,KACKmB,GACHQ,QAAYR,EAAMQ,YAAWxJ,EAC3BiJ,EAAYpF,QACZ,EACAqF,SAGN,IAAK,iBACH,OAAArB,KACKmB,GACHQ,QAAYR,EAAMQ,YAAWxJ,EAC3BiJ,EAAYnF,QACZ,EACAoF,SAGN,IAAK,oBACH,OAAArB,KAAYmB,GAAOQ,QAAYR,EAAMQ,aAAYF,IACnD,QACE,OAAON,EAEb,CAqJiDS,CAAW5B,GACxCiB,KAAAA,GAFuC3E,EAAA0E,EAAAa,GAErBnF,EAAK6B,SAASrD,OAAO+F,IACzC,CAAEnF,OAAAA,EAAQG,QAAAA,EAASD,QAAAA,GACnBU,EAAK6B,SAASnG,OACf0J,EAAAZ,EAJOa,OAAaJ,EAAOT,EAAPS,QAKrB,OACE9C,OAAClC,UAAMqF,UAAQjE,UACbhG,MAACsD,GACC/G,MAAO,CACLC,MAAO8C,EACHwC,EAAMpF,OAAO0G,UACbtB,EAAMpF,OAAO2G,QACjB2C,kBAZM+D,EAAG,GAAEA,IAgBf/J,MAACyD,GAAYuC,SAAE4D,MAVIV,EAazB,SAMZ,uSCnNIgB,EAAYhJ,SAAOqB,OAAPrB,CAAYE,IAAAA,EAAAC,wPASb,SAAAjC,UAASA,EAAN+K,OAAuB,OAAS,QAAQ,EACvC,SAAApK,UAASA,EAANoK,OAAuB,OAAS,QAAQ,EAChD,SAAAnI,UAASA,EAANmI,OAAuB,OAAS,QAAQ,EAC9C,SAAA/H,UAASA,EAAN+H,OAAuB,MAAQ,MAAM,EAClC,SAAA1H,UAASA,EAAN0H,OAAuB,MAAQ,KAAK,EAC9C,SAAAzH,OAAA0H,EAAA1H,EAAG2H,UAAAA,WAASD,EAAG,UAASA,EAAUtI,EAAKY,EAALZ,aAAFY,EAANyH,aAGhB,eAAdE,GAA4C,UAAdA,EAHwB3H,EAATpD,wBAK7BwC,EAAMpF,OAAO0G,wBACbtB,EAAMpF,OAAO2G,OACf,eAAdgH,gBACcvI,EAAMpF,OAAOmK,QACb,eAAdwD,gBACcvI,EAAMpF,OAAO2K,sBACbvF,EAAMpF,OAAO4N,UAAY,EAE7B,SAAAzH,OAAA0H,EAAA1H,EAAGwH,gBACH,oBADYE,EAAG,UAASA,GACd,QAAU,QAAQ,EACxB,SAAAzH,OAAGhB,EAAKgB,EAALhB,aAAagB,EAANqH,OAExB,cAFyCrH,EAATxD,UAIhCkL,iBAAe,IAAM1I,EAAMpF,OAAO+N,YAClC3I,EAAMpF,OAAOgO,UAAU,EAEf,SAAAxH,oBAASA,EAANiH,OAAgC,EAAI,yBAGjDQ,EAAgBzJ,SAAOqC,KAAI/B,IAAAA,EAAAH,2FACtB,SAAAkE,OAAGzD,EAAKyD,EAALzD,aAAgByD,EAATjG,UACLwC,EAAMpF,OAAOkK,WAAa9E,EAAMpF,OAAOkO,UAAU,GAM3DC,EAAU3J,SAAOC,IAAGU,IAAAA,EAAAR,+HACf,SAAA4H,OAAGnH,EAAKmH,EAALnH,aAAgBmH,EAAT3J,UACLwC,EAAMpF,OAAOkK,WAAa9E,EAAMpF,OAAOkO,UAAU,EAElD,SAAAE,UAAQA,EAALhJ,MAAkBG,UAAUC,OAAOC,QAAQ,EAC5C,SAAA4I,UAAQA,EAALjJ,MAAkBG,UAAUC,OAAOG,UAAU,EAEpD,SAAA2I,UAAQA,EAALlJ,MAAkBmJ,WAAWC,SAAS,oBAE9BtG,UAAMhB,WAC5B,SAACC,EAAOC,GAEJ,IAAAC,EA2BEF,EA3BFE,OACAoH,EA0BEtH,EA1BFsH,eACAC,EAyBEvH,EAzBFuH,SAKAC,EAoBExH,EApBFwH,cACIC,EAmBFzH,EAnBF0H,GACAC,EAkBE3H,EAlBF2H,UACWxH,EAiBTH,EAjBFvE,UACAmM,EAgBE5H,EAhBF4H,sBACAC,EAeE7H,EAfF6H,WACAC,EAcE9H,EAdF8H,UACAC,EAaE/H,EAbF+H,SACAC,EAYEhI,EAZFgI,SACA5H,EAWEJ,EAXFI,QACAC,EAUEL,EAVFK,QAAO4H,EAULjI,EATFkI,SAAAA,WAAQD,GAAOA,EAAAE,EASbnI,EARFsG,OAAAA,WAAM6B,GAAQA,EACdC,EAOEpI,EAPFoI,WACA9H,EAMEN,EANFM,aACAC,EAKEP,EALFO,aAAY8H,EAKVrI,EAJFsI,UAAAA,WAASD,GAAQA,EACjBnE,EAGElE,EAHFkE,OAAMqE,EAGJvI,EAFFQ,WAAAA,WAAU+H,GAAOA,EACd9H,EAAIC,EACLV,EAAKW,GAET6H,EAA0BzH,UAAMI,SAAwB,IAAjDsH,EAAKD,KAAEE,EAAQF,KACtBG,EAAwC5H,UAAMI,SAAwB,MAA/DyH,EAAYD,KAAEE,EAAeF,KAE9BlN,EAAYwF,eAAad,GACzBlC,EAAwB8C,UAAMH,WAAWC,gBACzCC,EAAsBC,UAAMH,WAAWI,eACvC0G,EAAKoB,gBAAcrB,GAEnBsB,EAAShI,UAAMiI,YACnB,SAACC,EAA8BC,GAC7BR,EAAS,SAACD,YAAoBU,OACzBV,EACAQ,EAAc9D,IAAI,SAAC3J,UACpB4N,OAAOC,OAAO7N,EAAM,CAClBiC,QAAS6L,IAAIC,gBAAgB/N,IAC7B,GAED0N,EAAc/D,IACf,SAAAqE,UACEJ,OAAOC,OADFG,EAAJhO,KACmB,CAClB8D,OAFWkK,EAANlK,QAGL,KAGV,EACA,IAGFmK,EAOIC,cAAY,CACdC,SAAS,EACTpC,SAAAA,EACAW,SAAAA,EACA9H,QAAAA,EACAC,QAAAA,EACAH,OAAAA,EACA6I,OAAAA,EACAzC,OAAAA,IAbAsD,EAAYH,EAAZG,aACAC,GAAYJ,EAAZI,aACAC,GAAYL,EAAZK,aACAC,GAAYN,EAAZM,aACAC,GAAIP,EAAJO,KAYIC,IAAaC,EAjBJT,EAAbS,eAiB+B,CAAExC,GAAAA,IAE7BlB,GAAuBoC,EACzB,QACAiB,GACA,aACAE,GACA,aACAD,GACA,aACA,UAEEvI,GAAmB,SAAC4I,GACxBzB,EAAS,SAAAD,UAASA,EAAM2B,OAAO,SAAA5O,UAAQA,IAAS2O,CAAW,EAAC,GAC5D5J,GAC0B,mBAAjBA,GACPA,EAAa4J,EACjB,EAEM3I,GAAmB,SAAC2I,GACxBzB,EAAS,SAAAD,UAASA,EAAM2B,OAAO,SAAA5O,UAAQA,IAAS2O,CAAW,EAAC,GAC5D7J,GAC0B,mBAAjBA,GACPA,EAAa6J,EACjB,EAEME,GAAc,SAACrK,GACnB0I,EAAS,SAAAD,UACPA,EAAMtD,IAAI,SAAA3J,UACRA,IAASwE,EAAMxE,KACX4N,OAAOC,OAAO7N,EAAM,CAClBqI,UAASO,KACJ5I,EAAKqI,WACRoB,QAAYjF,EAAMiF,YAClBtD,OAAQ,cAGZnG,CAAI,EACT,EAEL,EAEM8O,GAAc,SAACtK,GACnB0I,EAAS,SAAAD,UACPA,EAAMtD,IAAI,SAAA3J,UACRA,IAASwE,EAAMxE,KACX4N,OAAOC,OAAO7N,EAAM,CAClBqI,UAASO,KACJ5I,EAAKqI,WACRoB,QAAS,GACTtD,OAAQ,eAGZnG,CAAI,EACT,EAEL,EAEM+O,GAAW,SAACvK,GAChB0I,EAAS,SAAAD,UACPA,EAAMtD,IAAI,SAAA3J,UACRA,IAASwE,EAAMxE,KACX4N,OAAOC,OAAO7N,EAAM,CAClB8D,OAAQU,EAAMV,OACduE,UAASO,KAAO5I,EAAKqI,WAAWlC,OAAQ,YAE1CnG,CAAI,EACT,EAEL,EA4DA,OA1CAuF,UAAMiB,UACJ,6BACEyG,EAAM+B,QACJ,SAAAhP,UAAQA,EAAKiC,SAAW6L,IAAImB,gBAAgBjP,EAAKiC,QAAQ,EAE7D,CAAC,EACD,CAACgL,IAGH1H,UAAMiB,UAAU,WACd,IAAM0I,EAAe1C,GAAYS,EAAM7C,OAASoC,EAC1C2C,EAAe5C,GAAYU,EAAM7C,OAASmC,EAEhDc,EA7BkB,SAClBxD,EACAG,GAEA,GAAa,OAATH,EAAe,YACnB,IAAME,EAAQzE,EAAK6B,SAASrD,OAAO+F,GACnC,OAAQA,GACN,IAAK,iBACH,OAAUE,EAAMQ,YAAWP,EAAYuC,aAAYjH,EAAK6B,SAAS8F,UACnE,IAAK,gBACH,OAAUlD,EAAMQ,YAAWP,EAAYwC,aAAYlH,EAAK6B,SAAS8F,UACnE,QACE,OAAOlD,EAAMQ,QAEnB,CAgBIC,CACE2E,EACI,iBACAD,EACA,gBACA,KACJ,CAAE1C,SAAAA,EAAUD,SAAAA,KAIZO,GAAaG,EAAM7C,OAAS,IAAM+E,IAAiBD,GACrDhC,EAAS,SAACD,GACR,OAAOA,EAAMtD,IAAI,SAAC3J,GAUhB,OATCA,EAAK8D,SACH9D,EAAKqI,WACNuE,GACAA,EAAW,CACT5M,KAAAA,EACAoP,QAASL,GACTM,SAAUP,GACVQ,WAAYT,KAET7O,CACT,EACF,EAEJ,EAAG,CAAC8M,EAAWG,EAAM7C,OAAQwC,IAG3BnF,OAACc,iBAAeC,UAASC,MAAO,CAAExI,UAAAA,GAAY0G,UAC5Cc,OAAC8H,sBACCC,YAAY,EACZ1D,eAAgBA,EAChBsB,aAAcA,EACdqC,QAASvD,EACTC,UAAWA,EACXlM,UAAWA,EACXmM,sBAAuBA,EACvBC,WAAYA,EACZC,UAAWA,EACXoD,aAAc,CAAEC,UAAW,GAC3B,cAAajH,EAAO/B,UAEpBhG,MAAC2K,GAAc7I,MAAOA,EAAOxC,UAAWA,EAAU0G,SAC/CqF,IAEHvE,OAACoD,EAASjC,GACRC,SAAUC,eAAaC,UACvBiC,UAAWA,GACX/K,UAAWA,EACX6K,OAAQA,EACRrI,MAAOA,GACH2L,IACAnJ,GACJyD,OAAQA,EACRkH,UAAW,EAAEjJ,UAEbhG,eACE8D,IAAKA,EACLpE,KAAMoO,GAAWpO,KACjBqE,OAAQ+J,GAAW/J,OACnBmL,aAAcpB,GAAWoB,aACzB3D,GAAIuC,GAAWvC,GACfQ,SAAU+B,GAAW/B,SACrBoD,SAAUrB,GAAWqB,SACrBjJ,QAAS4H,GAAW5H,QACpB3J,MAAOuR,GAAWvR,MAClB0S,SAAUnB,GAAWmB,WAEtB9E,EACCnK,MAACuC,QAAKoG,MAAGT,SAAUC,eAAaK,KAAKxC,SACnChG,MAACoP,UACC5S,MAAO8J,cAAYO,QACnBuE,SAAUA,EACV9L,UAAWA,EACX4G,QAAS2H,GACTtR,MAAO,CAAE8S,OAAQ,GAAIrJ,SAEpBrB,EAAK6B,SAAS8I,gBAInBxI,OAACvE,QAAK2F,SAAUC,eAAaK,KAAKxC,UAChChG,MAACuP,mBACC,cAAY,OACZ/S,MACE8C,EACIwC,EAAMpF,OAAOkK,WACb9E,EAAMpF,OAAOC,WAEnBsD,KAAM,KAERD,MAAC6K,GAAQvL,UAAWA,EAAWwC,MAAOA,EAAMkE,SACzCrB,EAAK6B,SAASgJ,cAEjBxP,MAACoP,UACC5S,MAAO8J,cAAYO,QACnBuE,SAAUA,EACV9L,UAAWA,EACX4G,QAAS2H,GACTtR,MAAO,CAAE8S,OAAQ,GACjBlJ,QAASC,gBAAcqJ,MAAMzJ,SAE5BrB,EAAK6B,SAAS8I,wBAMxBhD,EAAMtD,IAAI,SAAC3J,UACVW,MAAC2D,GACCI,OAAQA,EACR1E,KAAMA,EACNC,UAAWA,EAEX2E,QAASA,EACTC,QAASA,EACTC,aAAckB,GACdjB,aAAcgB,GACdf,WAAYA,GALPhF,EAAKuJ,KAMV,KAIV"}
1
+ {"version":3,"file":"fileuploader.js","sources":["../src/components/dropzone/FileIcon.tsx","../src/components/dropzone/utils.ts","../src/components/dropzone/Preview.tsx","../src/components/dropzone/Dropzone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n InsertDriveFileIcon,\n ImageIcon,\n AudiotrackIcon,\n VideocamIcon,\n FileExcelIcon,\n FilePdfIcon,\n FilePowerpointIcon,\n FileWordIcon,\n FileZipIcon,\n IconProps,\n} from 'react-magma-icons';\n\nimport { FilePreview } from './FilePreview';\nimport { magma } from 'react-magma-dom';\n\nexport interface FileIconProps extends IconProps {\n file: FilePreview;\n isInverse?: boolean;\n}\n\nconst icons = {\n default: {\n Icon: InsertDriveFileIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n word: {\n Icon: FileWordIcon,\n style: {\n color: magma.colors.info500,\n },\n },\n excel: {\n Icon: FileExcelIcon,\n style: {\n color: magma.colors.success500,\n },\n },\n powerpoint: {\n Icon: FilePowerpointIcon,\n style: {\n color: magma.colors.warning500,\n },\n },\n pdf: {\n Icon: FilePdfIcon,\n style: {\n color: magma.colors.danger500,\n },\n },\n image: {\n Icon: ImageIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n video: {\n Icon: VideocamIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n audio: {\n Icon: AudiotrackIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n archive: {\n Icon: FileZipIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n};\n\nconst iconMapping: {\n [key: string]: { Icon: any; style: React.CSSProperties };\n} = {\n default: icons.default,\n xlsx: icons.excel,\n xlsm: icons.excel,\n xlsb: icons.excel,\n xltx: icons.excel,\n xls: icons.excel,\n xlt: icons.excel,\n doc: icons.word,\n docx: icons.word,\n docm: icons.word,\n dotx: icons.word,\n dotm: icons.word,\n docb: icons.word,\n pptx: icons.powerpoint,\n pptm: icons.powerpoint,\n ppt: icons.powerpoint,\n pdf: icons.pdf,\n png: icons.image,\n svg: icons.image,\n image: icons.image,\n audio: icons.audio,\n video: icons.video,\n zip: icons.archive,\n};\n\nexport const FileIcon = ({ file, isInverse }: FileIconProps) => {\n const { path = '', type = '' } = file;\n const category = type.split('/')[0];\n const extension = path.split('.').pop() || 'default';\n const { Icon, style } =\n iconMapping[extension] || iconMapping[category] || iconMapping.default;\n\n return <Icon size={magma.iconSizes.medium} style={isInverse ? {} : style} />;\n};\n","export const formatFileSize = (\n bytes: number | undefined,\n decimalPoint: number = 2,\n bytesLabel: string = 'Bytes'\n) => {\n if (bytes === undefined) return;\n if (bytes == 0) return `0 ${bytesLabel}`;\n const k = 1024;\n const sizes = [bytesLabel, 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return (\n parseFloat((bytes / Math.pow(k, i)).toFixed(decimalPoint)) + ' ' + sizes[i]\n );\n};\n","import React, { forwardRef, useContext, useEffect, useState } from 'react';\n\nimport {\n CheckCircleIcon,\n CloseIcon,\n DeleteIcon,\n ErrorIcon,\n} from 'react-magma-icons';\n\nimport {\n ButtonColor,\n ButtonVariant,\n Card,\n Flex,\n FlexAlignItems,\n FlexBehavior,\n FlexProps,\n I18nContext,\n I18nInterface,\n IconButton,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n Transition,\n Spinner,\n useIsInverse,\n styled\n} from 'react-magma-dom';\n\nimport { FileIcon } from './FileIcon';\nimport { FilePreview } from './FilePreview';\nimport { formatFileSize } from './utils';\n\n\nexport interface PreviewProps extends Omit<FlexProps, 'behavior'> {\n accept?: string | string[];\n file: FilePreview;\n isInverse?: boolean;\n maxSize?: number;\n minSize?: number;\n onDeleteFile?: (file: FilePreview) => void;\n onRemoveFile?: (file: FilePreview) => void;\n /**\n * @internal\n */\n testId?: string;\n thumbnails: boolean;\n}\n\nconst Thumb = styled.div<{ file: FilePreview }>`\n background-image: ${({ file }) =>\n `url('${'preview' in file && file.preview}')`};\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n vertical-align: middle;\n height: 40px;\n width: 40px;\n`;\n\nconst StatusIcons = styled.div`\n display: grid;\n grid-template-areas: 'inner-div';\n height: auto;\n place-items: center;\n width: 46px;\n & > div {\n display: inline-block;\n right: 0;\n grid-area: inner-div;\n }\n`;\n\nconst IconStyles = {\n marginRight: '12px',\n display: 'flex',\n};\n\nconst Errors = styled.div`\n border-top: 1px solid ${({ theme }) => theme.colors.neutral300};\n padding: 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledFlex = styled(Flex)`\n height: 56px;\n padding: 0 8px 0 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst FileName = styled(Flex)`\n overflow: hidden;\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n display: block;\n margin-right: 24px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledCard = styled(Card)<{ file: FilePreview; isInverse: boolean }>`\n background-color: none;\n border-color: ${({ file, theme, isInverse }) =>\n file.errors\n ? isInverse\n ? theme.colors.danger200\n : theme.colors.danger\n : theme.colors.neutral300};\n border-width: 1px;\n margin: 10px 0;\n`;\n\nconst ErrorHeader = styled.span`\n display: block;\n\n > div {\n display: flex;\n align-self: center;\n margin-right: 12px;\n }\n`;\n\nconst ErrorMessage = styled.span`\n display: block;\n`;\n\nconst formatError = (\n error: { header?: string; message: string; code: string },\n constraints: {\n maxSize?: number;\n minSize?: number;\n accept?: string | string[];\n },\n byteLabel: string\n) => {\n const accept =\n Array.isArray(constraints.accept) && constraints.accept.length === 1\n ? constraints.accept[0]\n : constraints.accept;\n const messageSuffix = Array.isArray(accept)\n ? `one of ${accept.join(', ')}`\n : accept;\n switch (error.code) {\n case 'file-too-large':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.maxSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-too-small':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.minSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-invalid-type':\n return { ...error, message: `${error.message}: ${messageSuffix}` };\n default:\n return error;\n }\n};\n\nexport const Preview = forwardRef<HTMLDivElement, PreviewProps>(\n // eslint-disable-next-line complexity\n (props, ref) => {\n const {\n accept,\n file,\n isInverse: isInverseProp,\n maxSize,\n minSize,\n onDeleteFile,\n onRemoveFile,\n testId,\n thumbnails,\n ...rest\n } = props;\n\n const theme: ThemeInterface = useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const isInverse = useIsInverse(isInverseProp);\n const [actions, setActions] = useState(<CloseIcon />);\n\n const handleRemoveFile = () => {\n onRemoveFile && typeof onRemoveFile === 'function' && onRemoveFile(file);\n };\n\n const handleDeleteFile = () => {\n onDeleteFile && typeof onDeleteFile === 'function' && onDeleteFile(file);\n };\n\n const FinishedActions = ({ status = 'ready' }: { status?: string }) => {\n const [done, setDone] = useState<boolean>(false);\n\n useEffect(() => {\n let mounted = true;\n setTimeout(() => {\n if (mounted) {\n setDone(true);\n }\n }, 1000);\n return () => {\n mounted = false;\n };\n }, [status]);\n\n if (status === 'error' || status === 'ready') {\n return (\n <StatusIcons>\n <IconButton\n onClick={handleRemoveFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.removeFile}\n icon={<CloseIcon />}\n />\n </StatusIcons>\n );\n }\n\n if (status === 'pending') {\n return (\n <StatusIcons>\n <Spinner\n color={isInverse ? theme.colors.neutral100 : theme.colors.primary}\n />\n </StatusIcons>\n );\n }\n\n return (\n <StatusIcons>\n <Transition isOpen={!done} unmountOnExit fade>\n <CheckCircleIcon\n color={isInverse ? theme.colors.success200 : theme.colors.success}\n style={{ marginTop: '4px' }}\n />\n </Transition>\n <Transition isOpen={done} unmountOnExit fade>\n <IconButton\n onClick={handleDeleteFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.deleteFile}\n icon={<DeleteIcon />}\n />\n </Transition>\n </StatusIcons>\n );\n };\n\n useEffect(() => {\n setActions(<FinishedActions status={file?.processor?.status} />);\n }, [file?.processor?.status]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledCard\n isInverse={isInverse}\n theme={theme}\n file={file}\n data-testid={props.testId}\n ref={ref}\n role={file.errors ? 'alert' : ''}\n >\n <StyledFlex\n theme={theme}\n behavior={FlexBehavior.container}\n alignItems={FlexAlignItems.center}\n {...rest}\n >\n <Flex\n behavior={FlexBehavior.item}\n alignItems={FlexAlignItems.center}\n style={IconStyles}\n >\n {file.errors ? (\n <ErrorIcon\n color={\n isInverse ? theme.colors.danger200 : theme.colors.danger\n }\n size={24}\n />\n ) : file.preview &&\n thumbnails &&\n file.type &&\n file.type.startsWith('image') ? (\n <Thumb role=\"img\" file={file} />\n ) : (\n <FileIcon isInverse={isInverse} file={file} />\n )}\n </Flex>\n <FileName xs behavior={FlexBehavior.item} theme={theme}>\n {file.name}\n </FileName>\n {file.processor && file.processor.status === 'pending' && (\n <Flex\n role=\"progressbar\"\n style={{ marginLeft: 'auto' }}\n behavior={FlexBehavior.item}\n >\n {file.processor.percent}\n </Flex>\n )}\n <Flex behavior={FlexBehavior.item}>{actions}</Flex>\n </StyledFlex>\n {file.errors && (\n <Errors theme={theme}>\n {file.errors.slice(0, 1).map(({ code, ...rest }) => {\n const { header = '', message } = formatError(\n { code, ...rest, ...i18n.dropzone.errors[code] },\n { accept, minSize, maxSize },\n i18n.dropzone.bytes\n );\n return (\n <React.Fragment key={code}>\n <ErrorHeader\n style={{\n color: isInverse\n ? theme.colors.danger200\n : theme.colors.danger,\n }}\n >\n {header}\n </ErrorHeader>\n <ErrorMessage>{message}</ErrorMessage>\n </React.Fragment>\n );\n })}\n </Errors>\n )}\n </StyledCard>\n </InverseContext.Provider>\n );\n }\n);\n","/* eslint-disable no-empty-pattern */\n/**\n * HELPFUL NOTE!\n * SINCE THIS PACKAGE USES `FILE` WE MUST USE `Object.assign` IN LIEU OF SPREADING\n * `{...file}` WILL NOT COPY ALL OF THE FILE PROPERTIES\n */\n\nimport React, { useImperativeHandle } from 'react';\nimport {\n useDropzone,\n DropzoneOptions,\n DropzoneRootProps,\n FileRejection,\n} from 'react-dropzone';\nimport {\n Button,\n ButtonColor,\n ButtonVariant,\n Flex,\n FlexBehavior,\n FlexProps,\n FormFieldContainer,\n FormFieldContainerBaseProps,\n I18nContext,\n I18nInterface,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n useGenerateId,\n useIsInverse,\n styled,\n} from 'react-magma-dom';\n\nimport { CloudUploadIcon } from 'react-magma-icons';\nimport { Preview } from './Preview';\nimport { FilePreview, FileError } from './FilePreview';\nimport { transparentize } from 'polished';\n\nexport interface OnSendFileProps {\n file: FilePreview;\n onError?: ({}: { errors: FileError[]; file: FilePreview }) => void;\n onFinish?: ({}: { file: FilePreview }) => void;\n onProgress?: ({}: { percent: number; file: FilePreview }) => void;\n}\n\ntype DragState =\n | 'error'\n | 'dragAccept'\n | 'dragReject'\n | 'dragActive'\n | 'default';\n\n// NOTE: These props are manually copied to dropzone.mdx\nexport interface DropzoneProps\n extends Omit<FormFieldContainerBaseProps, 'fieldId' | 'errorMessage'> {\n /**\n * Set accepted file types. See https://github.com/okonet/attr-accept for more information. Keep in mind that mime type determination is not reliable across platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all. See: https://github.com/react-dropzone/react-dropzone/issues/276\n */\n accept?: string | string[];\n /**\n * Enable/Disable the input\n */\n disabled?: boolean;\n /**\n * Additional props to pass to the dropzone, see https://react-dropzone.js.org/#src\n */\n dropzoneOptions?: Partial<Omit<DropzoneOptions, 'onDrop'>>;\n /**\n * Content of the helper message.\n */\n helperMessage?: string;\n /**\n * @internal\n */\n id?: string;\n /**\n * Maximum accepted number of files The default value is 0 which means there is no limitation to how many files are accepted.\n * @default 0\n */\n maxFiles?: number;\n /**\n * Minimum accepted number of files.\n */\n minFiles?: number;\n /**\n * Maximum file size (in bytes)\n * @default Infinity\n */\n maxSize?: number;\n /**\n * Minimum file size (in bytes)\n * @default 0\n */\n minSize?: number;\n /**\n * Allow drag 'n' drop (or selection from the file dialog) of multiple files.\n * @default true\n */\n multiple?: boolean;\n /**\n * If true, disables drag 'n' drop\n * @default false\n */\n noDrag?: boolean;\n /**\n * Callback for when a file is deleted\n */\n onDeleteFile?: (file: FilePreview) => void;\n /**\n * Callback for when a file is deleted\n */\n onRemoveFile?: (file: FilePreview) => void;\n /**\n * Callback for when a file is added to the preview list via dropping or selecting. Will be ran on new files when `sendFiles` is true.\n */\n onSendFile?: (props: OnSendFileProps) => void;\n /**\n * Run `onSendFile` on any new files. Delay processing by setting to `false` until processing is desired.\n * @default false\n */\n sendFiles?: boolean;\n /**\n * @internal\n */\n testId?: string;\n /**\n * Show thumbnails for images in lieu of the file icon.\n * @default true\n */\n thumbnails?: boolean;\n}\n\nconst Container = styled(Flex)<\n DropzoneRootProps &\n FlexProps & {\n dragState?: DragState;\n noDrag?: boolean;\n isInverse?: boolean;\n }\n>`\n flex-direction: column;\n align-items: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n justify-content: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n text-align: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n padding: ${({ noDrag }) => (noDrag ? '0px' : '24px')};\n border-radius: ${({ noDrag }) => (noDrag ? '0px' : '4px')};\n border: ${({ dragState = 'default', noDrag, theme, isInverse }) =>\n noDrag\n ? `0px`\n : dragState === 'dragReject' || dragState === 'error'\n ? isInverse\n ? `1px dashed ${theme.colors.danger200}`\n : `1px dashed ${theme.colors.danger}`\n : dragState === 'dragActive'\n ? `1px dashed ${theme.colors.primary}`\n : dragState === 'dragAccept'\n ? `1px dashed ${theme.colors.success}`\n : `1px dashed ${theme.colors.neutral400}`};\n\n border-style: ${({ dragState = 'default' }) =>\n dragState === 'error' ? 'solid' : 'dashed'};\n background-color: ${({ theme, noDrag, isInverse }) =>\n noDrag\n ? 'transparent'\n : isInverse\n ? transparentize(0.75, theme.colors.neutral900)\n : theme.colors.neutral200};\n outline: none;\n transition: ${({ noDrag }) => `border ${noDrag ? 0 : '.24s'} ease-in-out`};\n`;\n\nconst HelperMessage = styled.span<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n display: block;\n font-size: 14px;\n margin: -8px 0 16px 0;\n`;\n\nconst Wrapper = styled.div<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n margin: 0 0 24px 0;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n font-weight: 500;\n padding: ${({ theme }) => theme.spaceScale.spacing01};\n`;\nexport const Dropzone = React.forwardRef<HTMLInputElement, DropzoneProps>(\n (props, ref) => {\n const {\n accept,\n containerStyle,\n disabled,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n dropzoneOptions = {\n multiple: true,\n },\n helperMessage,\n id: defaultId,\n inputSize,\n isInverse: isInverseProp,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n maxFiles,\n minFiles,\n maxSize,\n minSize,\n multiple = true,\n noDrag = false,\n onSendFile,\n onDeleteFile,\n onRemoveFile,\n sendFiles = false,\n testId,\n thumbnails = true,\n ...rest\n } = props;\n\n const [files, setFiles] = React.useState<FilePreview[]>([]);\n const [errorMessage, setErrorMessage] = React.useState<string | null>(null);\n\n const isInverse = useIsInverse(isInverseProp);\n const theme: ThemeInterface = React.useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const id = useGenerateId(defaultId);\n\n const onDrop = React.useCallback(\n (acceptedFiles: FilePreview[], rejectedFiles: FileRejection[]) => {\n setFiles((files: FilePreview[]) => [\n ...files,\n ...acceptedFiles.map((file: FilePreview) =>\n Object.assign(file, {\n preview: URL.createObjectURL(file),\n })\n ),\n ...rejectedFiles.map(\n ({ file, errors }: { file: FilePreview; errors: FileError[] }) =>\n Object.assign(file, {\n errors,\n })\n ),\n ]);\n },\n []\n );\n\n const {\n getInputProps,\n getRootProps,\n isDragAccept,\n isDragActive,\n isDragReject,\n open,\n inputRef,\n } = useDropzone({\n noClick: true,\n disabled,\n multiple,\n maxSize,\n minSize,\n accept,\n onDrop,\n noDrag,\n });\n\n useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(\n ref,\n () => inputRef.current\n );\n\n const inputProps = getInputProps({ id });\n\n const dragState: DragState = errorMessage\n ? 'error'\n : isDragAccept\n ? 'dragAccept'\n : isDragReject\n ? 'dragReject'\n : isDragActive\n ? 'dragActive'\n : 'default';\n\n const handleRemoveFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onRemoveFile &&\n typeof onRemoveFile === 'function' &&\n onRemoveFile(removedFile);\n };\n\n const handleDeleteFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onDeleteFile &&\n typeof onDeleteFile === 'function' &&\n onDeleteFile(removedFile);\n };\n\n const setProgress = (props: { percent: number; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: `${props.percent}%`,\n status: 'pending',\n },\n })\n : file\n )\n );\n };\n\n const setFinished = (props: { file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: '',\n status: 'finished',\n },\n })\n : file\n )\n );\n };\n\n const setError = (props: { errors: FileError[]; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n errors: props.errors,\n processor: { ...file.processor, status: 'error' },\n })\n : file\n )\n );\n };\n\n const formatError = (\n code: string | null,\n constraints: { maxFiles?: number; minFiles?: number }\n ) => {\n if (code === null) return null;\n const error = i18n.dropzone.errors[code];\n switch (code) {\n case 'too-many-files':\n return `${error.message} ${constraints.maxFiles} ${i18n.dropzone.files}.`;\n case 'too-few-files':\n return `${error.message} ${constraints.minFiles} ${i18n.dropzone.files}.`;\n default:\n return error.message;\n }\n };\n\n React.useEffect(\n () => () => {\n files.forEach(\n file => file.preview && URL.revokeObjectURL(file.preview)\n );\n },\n [files]\n );\n\n React.useEffect(() => {\n const minFileError = minFiles && files.length < minFiles;\n const maxFileError = maxFiles && files.length > maxFiles;\n\n setErrorMessage(\n formatError(\n maxFileError\n ? 'too-many-files'\n : minFileError\n ? 'too-few-files'\n : null,\n { minFiles, maxFiles }\n )\n );\n\n if (sendFiles && files.length > 0 && !maxFileError && !minFileError) {\n setFiles((files: FilePreview[]) => {\n return files.map((file: FilePreview) => {\n !file.errors &&\n !file.processor &&\n onSendFile &&\n onSendFile({\n file,\n onError: setError,\n onFinish: setFinished,\n onProgress: setProgress,\n });\n return file;\n });\n });\n }\n }, [sendFiles, files.length, onSendFile]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <FormFieldContainer\n actionable={false}\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n inputSize={inputSize}\n isInverse={isInverse}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={{ minHeight: 0 }}\n data-testid={testId}\n >\n <HelperMessage theme={theme} isInverse={isInverse}>\n {helperMessage}\n </HelperMessage>\n <Container\n behavior={FlexBehavior.container}\n dragState={dragState}\n isInverse={isInverse}\n noDrag={noDrag}\n theme={theme}\n {...getRootProps()}\n {...rest}\n testId={testId}\n tabIndex={-1}\n >\n <input\n ref={inputRef}\n type={inputProps.type}\n accept={inputProps.accept}\n autoComplete={inputProps.autoComplete}\n id={inputProps.id}\n multiple={inputProps.multiple}\n onChange={inputProps.onChange}\n onClick={inputProps.onClick}\n style={inputProps.style}\n tabIndex={inputProps.tabIndex}\n data-testid=\"file-input\"\n />\n {noDrag ? (\n <Flex xs behavior={FlexBehavior.item}>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n ) : (\n <Flex behavior={FlexBehavior.item}>\n <CloudUploadIcon\n aria-hidden=\"true\"\n color={\n isInverse\n ? theme.colors.neutral100\n : theme.colors.neutral500\n }\n size={48}\n />\n <Wrapper isInverse={isInverse} theme={theme}>\n {i18n.dropzone.dragMessage}\n </Wrapper>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n variant={ButtonVariant.solid}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n )}\n </Container>\n </FormFieldContainer>\n {files.map((file: FilePreview) => (\n <Preview\n accept={accept}\n file={file}\n isInverse={isInverse}\n key={file.name}\n maxSize={maxSize}\n minSize={minSize}\n onDeleteFile={handleDeleteFile}\n onRemoveFile={handleRemoveFile}\n thumbnails={thumbnails}\n />\n ))}\n </InverseContext.Provider>\n );\n }\n);\n"],"names":["icons","default","Icon","InsertDriveFileIcon","style","color","magma","colors","neutral500","word","FileWordIcon","info500","excel","FileExcelIcon","success500","powerpoint","FilePowerpointIcon","warning500","pdf","FilePdfIcon","danger500","image","ImageIcon","video","VideocamIcon","audio","AudiotrackIcon","archive","FileZipIcon","iconMapping","xlsx","xlsm","xlsb","xltx","xls","xlt","doc","docx","docm","dotx","dotm","docb","pptx","pptm","ppt","png","svg","zip","FileIcon","_ref","file","isInverse","_file$path","path","_file$type","type","category","split","extension","pop","_ref2","_jsx","size","iconSizes","medium","formatFileSize","bytes","decimalPoint","bytesLabel","undefined","sizes","i","Math","floor","log","parseFloat","pow","toFixed","Thumb","styled","div","_templateObject","_taggedTemplateLiteralLoose","preview","StatusIcons","_templateObject2","IconStyles","marginRight","display","Errors","_templateObject3","theme","neutral300","_ref3","typeScale","size02","fontSize","_ref4","lineHeight","StyledFlex","Flex","_templateObject4","_ref5","_ref6","FileName","_templateObject5","_ref7","_ref8","StyledCard","Card","_templateObject6","_ref9","errors","danger200","danger","ErrorHeader","span","_templateObject7","ErrorMessage","_templateObject8","Preview","forwardRef","props","ref","accept","isInverseProp","maxSize","minSize","onDeleteFile","onRemoveFile","thumbnails","rest","_objectWithoutPropertiesLoose","_excluded","useContext","ThemeContext","i18n","React","I18nContext","useIsInverse","_useState","useState","CloseIcon","actions","setActions","handleRemoveFile","handleDeleteFile","FinishedActions","_ref10","status","_ref10$status","_useState2","done","setDone","useEffect","mounted","setTimeout","children","IconButton","onClick","variant","ButtonVariant","link","ButtonColor","secondary","dropzone","removeFile","icon","Spinner","neutral100","primary","_jsxs","Transition","isOpen","unmountOnExit","fade","CheckCircleIcon","success200","success","marginTop","deleteFile","DeleteIcon","_file$processor","processor","_file$processor2","InverseContext","Provider","value","testId","role","_extends","behavior","FlexBehavior","container","alignItems","FlexAlignItems","center","item","ErrorIcon","startsWith","xs","name","marginLeft","percent","slice","map","_ref11","code","_formatError","error","constraints","byteLabel","Array","isArray","length","messageSuffix","join","message","formatError","_excluded2","_formatError$header","header","Fragment","Container","noDrag","_ref6$dragState","dragState","neutral400","_ref7$dragState","transparentize","neutral900","neutral200","HelperMessage","neutral700","Wrapper","_ref12","_ref13","_ref14","spaceScale","spacing01","containerStyle","disabled","helperMessage","defaultId","id","inputSize","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","_props$multiple","multiple","_props$noDrag","onSendFile","_props$sendFiles","sendFiles","_props$thumbnails","_React$useState","files","setFiles","_React$useState2","errorMessage","setErrorMessage","useGenerateId","onDrop","useCallback","acceptedFiles","rejectedFiles","concat","Object","assign","URL","createObjectURL","_ref15","_useDropzone","useDropzone","noClick","getInputProps","getRootProps","isDragAccept","isDragActive","isDragReject","open","inputRef","useImperativeHandle","current","inputProps","removedFile","filter","setProgress","setFinished","setError","forEach","revokeObjectURL","minFileError","maxFileError","onError","onFinish","onProgress","FormFieldContainer","actionable","fieldId","messageStyle","minHeight","tabIndex","autoComplete","onChange","Button","margin","browseFiles","CloudUploadIcon","dragMessage","solid"],"mappings":"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"}
package/dist/fileuploader.modern.js CHANGED
@@ -1,4 +1,4 @@
1
- import{InsertDriveFileIcon as e,FileWordIcon as r,FileExcelIcon as o,FilePowerpointIcon as i,FilePdfIcon as t,ImageIcon as n,VideocamIcon as l,AudiotrackIcon as s,FileZipIcon as a,CloseIcon as c,ErrorIcon as d,CheckCircleIcon as p,DeleteIcon as m,CloudUploadIcon as g}from"react-magma-icons";import{magma as u,styled as h,Flex as f,Card as v,ThemeContext as x,I18nContext as y,useIsInverse as b,InverseContext as z,FlexBehavior as S,FlexAlignItems as $,IconButton as I,ButtonVariant as w,ButtonColor as F,Spinner as k,Transition as D,useGenerateId as O,FormFieldContainer as j,Button as C}from"react-magma-dom";import{jsx as R,jsxs as A}from"react/jsx-runtime";import B,{forwardRef as M,useContext as H,useState as L,useEffect as P}from"react";import{useDropzone as E}from"react-dropzone";import{transparentize as T}from"polished";const U={default:{Icon:e,style:{color:u.colors.neutral500}},word:{Icon:r,style:{color:u.colors.info500}},excel:{Icon:o,style:{color:u.colors.success500}},powerpoint:{Icon:i,style:{color:u.colors.warning500}},pdf:{Icon:t,style:{color:u.colors.danger500}},image:{Icon:n,style:{color:u.colors.neutral500}},video:{Icon:l,style:{color:u.colors.neutral500}},audio:{Icon:s,style:{color:u.colors.neutral500}},archive:{Icon:a,style:{color:u.colors.neutral500}}},V={default:U.default,xlsx:U.excel,xlsm:U.excel,xlsb:U.excel,xltx:U.excel,xls:U.excel,xlt:U.excel,doc:U.word,docx:U.word,docm:U.word,dotx:U.word,dotm:U.word,docb:U.word,pptx:U.powerpoint,pptm:U.powerpoint,ppt:U.powerpoint,pdf:U.pdf,png:U.image,svg:U.image,image:U.image,audio:U.audio,video:U.video,zip:U.archive},G=({file:e,isInverse:r})=>{const{path:o="",type:i=""}=e,t=i.split("/")[0],n=o.split(".").pop()||"default",{Icon:l,style:s}=V[n]||V[t]||V.default;return R(l,{size:u.iconSizes.medium,style:r?{}:s})};function K(){return K=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i])}return e},K.apply(this,arguments)}function W(e,r){if(null==e)return{};var o={};for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){if(r.indexOf(i)>=0)continue;o[i]=e[i]}return o}const Y=(e,r=2,o="Bytes")=>{if(void 0===e)return;if(0==e)return`0 ${o}`;const i=[o,"KB","MB","GB","TB","PB","EB","ZB","YB"],t=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,t)).toFixed(r))+" "+i[t]},Z=["accept","file","isInverse","maxSize","minSize","onDeleteFile","onRemoveFile","testId","thumbnails"],q=["code"];let J,N,Q,X,_,ee,re,oe,ie=e=>e;const te=h.div(J||(J=ie`
1
+ import{InsertDriveFileIcon as e,FileWordIcon as r,FileExcelIcon as o,FilePowerpointIcon as i,FilePdfIcon as t,ImageIcon as n,VideocamIcon as l,AudiotrackIcon as s,FileZipIcon as a,CloseIcon as c,ErrorIcon as d,CheckCircleIcon as p,DeleteIcon as m,CloudUploadIcon as g}from"react-magma-icons";import{magma as u,styled as h,Flex as f,Card as v,ThemeContext as x,I18nContext as y,useIsInverse as b,InverseContext as z,FlexBehavior as S,FlexAlignItems as $,IconButton as I,ButtonVariant as w,ButtonColor as F,Spinner as k,Transition as D,useGenerateId as O,FormFieldContainer as j,Button as R}from"react-magma-dom";import{jsx as C,jsxs as A}from"react/jsx-runtime";import B,{forwardRef as M,useContext as H,useState as L,useEffect as P,useImperativeHandle as E}from"react";import{useDropzone as T}from"react-dropzone";import{transparentize as U}from"polished";const V={default:{Icon:e,style:{color:u.colors.neutral500}},word:{Icon:r,style:{color:u.colors.info500}},excel:{Icon:o,style:{color:u.colors.success500}},powerpoint:{Icon:i,style:{color:u.colors.warning500}},pdf:{Icon:t,style:{color:u.colors.danger500}},image:{Icon:n,style:{color:u.colors.neutral500}},video:{Icon:l,style:{color:u.colors.neutral500}},audio:{Icon:s,style:{color:u.colors.neutral500}},archive:{Icon:a,style:{color:u.colors.neutral500}}},G={default:V.default,xlsx:V.excel,xlsm:V.excel,xlsb:V.excel,xltx:V.excel,xls:V.excel,xlt:V.excel,doc:V.word,docx:V.word,docm:V.word,dotx:V.word,dotm:V.word,docb:V.word,pptx:V.powerpoint,pptm:V.powerpoint,ppt:V.powerpoint,pdf:V.pdf,png:V.image,svg:V.image,image:V.image,audio:V.audio,video:V.video,zip:V.archive},K=({file:e,isInverse:r})=>{const{path:o="",type:i=""}=e,t=i.split("/")[0],n=o.split(".").pop()||"default",{Icon:l,style:s}=G[n]||G[t]||G.default;return C(l,{size:u.iconSizes.medium,style:r?{}:s})};function W(){return W=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i])}return e},W.apply(this,arguments)}function Y(e,r){if(null==e)return{};var o={};for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){if(r.indexOf(i)>=0)continue;o[i]=e[i]}return o}const Z=(e,r=2,o="Bytes")=>{if(void 0===e)return;if(0==e)return`0 ${o}`;const i=[o,"KB","MB","GB","TB","PB","EB","ZB","YB"],t=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,t)).toFixed(r))+" "+i[t]},q=["accept","file","isInverse","maxSize","minSize","onDeleteFile","onRemoveFile","testId","thumbnails"],J=["code"];let N,Q,X,_,ee,re,oe,ie,te=e=>e;const ne=h.div(N||(N=te`
2
2
  background-image: ${0};
3
3
  background-repeat: no-repeat;
4
4
  background-size: cover;
@@ -6,7 +6,7 @@ import{InsertDriveFileIcon as e,FileWordIcon as r,FileExcelIcon as o,FilePowerpo
6
6
  vertical-align: middle;
7
7
  height: 40px;
8
8
  width: 40px;
9
- `),({file:e})=>`url('${"preview"in e&&e.preview}')`),ne=h.div(N||(N=ie`
9
+ `),({file:e})=>`url('${"preview"in e&&e.preview}')`),le=h.div(Q||(Q=te`
10
10
  display: grid;
11
11
  grid-template-areas: 'inner-div';
12
12
  height: auto;
@@ -17,17 +17,17 @@ import{InsertDriveFileIcon as e,FileWordIcon as r,FileExcelIcon as o,FilePowerpo
17
17
  right: 0;
18
18
  grid-area: inner-div;
19
19
  }
20
- `)),le={marginRight:"12px",display:"flex"},se=h.div(Q||(Q=ie`
20
+ `)),se={marginRight:"12px",display:"flex"},ae=h.div(X||(X=te`
21
21
  border-top: 1px solid ${0};
22
22
  padding: 16px;
23
23
  font-size: ${0};
24
24
  line-height: ${0};
25
- `),({theme:e})=>e.colors.neutral300,({theme:e})=>e.typeScale.size02.fontSize,({theme:e})=>e.typeScale.size02.lineHeight),ae=h(f)(X||(X=ie`
25
+ `),({theme:e})=>e.colors.neutral300,({theme:e})=>e.typeScale.size02.fontSize,({theme:e})=>e.typeScale.size02.lineHeight),ce=h(f)(_||(_=te`
26
26
  height: 56px;
27
27
  padding: 0 8px 0 16px;
28
28
  font-size: ${0};
29
29
  line-height: ${0};
30
- `),({theme:e})=>e.typeScale.size02.fontSize,({theme:e})=>e.typeScale.size02.lineHeight),ce=h(f)(_||(_=ie`
30
+ `),({theme:e})=>e.typeScale.size02.fontSize,({theme:e})=>e.typeScale.size02.lineHeight),de=h(f)(ee||(ee=te`
31
31
  overflow: hidden;
32
32
  white-space: nowrap;
33
33
  align-items: center;
@@ -36,12 +36,12 @@ import{InsertDriveFileIcon as e,FileWordIcon as r,FileExcelIcon as o,FilePowerpo
36
36
  margin-right: 24px;
37
37
  font-size: ${0};
38
38
  line-height: ${0};
39
- `),({theme:e})=>e.typeScale.size02.fontSize,({theme:e})=>e.typeScale.size02.lineHeight),de=h(v)(ee||(ee=ie`
39
+ `),({theme:e})=>e.typeScale.size02.fontSize,({theme:e})=>e.typeScale.size02.lineHeight),pe=h(v)(re||(re=te`
40
40
  background-color: none;
41
41
  border-color: ${0};
42
42
  border-width: 1px;
43
43
  margin: 10px 0;
44
- `),({file:e,theme:r,isInverse:o})=>e.errors?o?r.colors.danger200:r.colors.danger:r.colors.neutral300),pe=h.span(re||(re=ie`
44
+ `),({file:e,theme:r,isInverse:o})=>e.errors?o?r.colors.danger200:r.colors.danger:r.colors.neutral300),me=h.span(oe||(oe=te`
45
45
  display: block;
46
46
 
47
47
  > div {
@@ -49,9 +49,9 @@ import{InsertDriveFileIcon as e,FileWordIcon as r,FileExcelIcon as o,FilePowerpo
49
49
  align-self: center;
50
50
  margin-right: 12px;
51
51
  }
52
- `)),me=h.span(oe||(oe=ie`
52
+ `)),ge=h.span(ie||(ie=te`
53
53
  display: block;
54
- `)),ge=M((e,r)=>{var o;const{accept:i,file:t,isInverse:n,maxSize:l,minSize:s,onDeleteFile:a,onRemoveFile:g,thumbnails:u}=e,h=W(e,Z),v=H(x),O=B.useContext(y),j=b(n),[C,M]=L(R(c,{})),E=()=>{g&&"function"==typeof g&&g(t)},T=()=>{a&&"function"==typeof a&&a(t)},U=({status:e="ready"})=>{const[r,o]=L(!1);return P(()=>{let e=!0;return setTimeout(()=>{e&&o(!0)},1e3),()=>{e=!1}},[e]),"error"===e||"ready"===e?R(ne,{children:R(I,{onClick:E,variant:w.link,color:F.secondary,"aria-label":O.dropzone.removeFile,icon:R(c,{})})}):"pending"===e?R(ne,{children:R(k,{color:j?v.colors.neutral100:v.colors.primary})}):A(ne,{children:[R(D,{isOpen:!r,unmountOnExit:!0,fade:!0,children:R(p,{color:j?v.colors.success200:v.colors.success,style:{marginTop:"4px"}})}),R(D,{isOpen:r,unmountOnExit:!0,fade:!0,children:R(I,{onClick:T,variant:w.link,color:F.secondary,"aria-label":O.dropzone.deleteFile,icon:R(m,{})})})]})};return P(()=>{var e;M(R(U,{status:null==t||null==(e=t.processor)?void 0:e.status}))},[null==t||null==(o=t.processor)?void 0:o.status]),R(z.Provider,{value:{isInverse:j},children:A(de,{isInverse:j,theme:v,file:t,"data-testid":e.testId,ref:r,role:t.errors?"alert":"",children:[A(ae,K({theme:v,behavior:S.container,alignItems:$.center},h,{children:[R(f,{behavior:S.item,alignItems:$.center,style:le,children:t.errors?R(d,{color:j?v.colors.danger200:v.colors.danger,size:24}):t.preview&&u&&t.type&&t.type.startsWith("image")?R(te,{role:"img",file:t}):R(G,{isInverse:j,file:t})}),R(ce,{xs:!0,behavior:S.item,theme:v,children:t.name}),t.processor&&"pending"===t.processor.status&&R(f,{role:"progressbar",style:{marginLeft:"auto"},behavior:S.item,children:t.processor.percent}),R(f,{behavior:S.item,children:C})]})),t.errors&&R(se,{theme:v,children:t.errors.slice(0,1).map(e=>{let{code:r}=e,o=W(e,q);const{header:t="",message:n}=((e,r,o)=>{const i=Array.isArray(r.accept)&&1===r.accept.length?r.accept[0]:r.accept,t=Array.isArray(i)?`one of ${i.join(", ")}`:i;switch(e.code){case"file-too-large":return K({},e,{message:`${e.message} ${Y(r.maxSize,2,o)}.`});case"file-too-small":return K({},e,{message:`${e.message} ${Y(r.minSize,2,o)}.`});case"file-invalid-type":return K({},e,{message:`${e.message}: ${t}`});default:return e}})(K({code:r},o,O.dropzone.errors[r]),{accept:i,minSize:s,maxSize:l},O.dropzone.bytes);return A(B.Fragment,{children:[R(pe,{style:{color:j?v.colors.danger200:v.colors.danger},children:t}),R(me,{children:n})]},r)})})]})})}),ue=["accept","containerStyle","disabled","dropzoneOptions","helperMessage","id","inputSize","isInverse","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","maxSize","minSize","multiple","noDrag","onSendFile","onDeleteFile","onRemoveFile","sendFiles","testId","thumbnails"];let he,fe,ve,xe=e=>e;const ye=h(f)(he||(he=xe`
54
+ `)),ue=M((e,r)=>{var o;const{accept:i,file:t,isInverse:n,maxSize:l,minSize:s,onDeleteFile:a,onRemoveFile:g,thumbnails:u}=e,h=Y(e,q),v=H(x),O=B.useContext(y),j=b(n),[R,M]=L(C(c,{})),E=()=>{g&&"function"==typeof g&&g(t)},T=()=>{a&&"function"==typeof a&&a(t)},U=({status:e="ready"})=>{const[r,o]=L(!1);return P(()=>{let e=!0;return setTimeout(()=>{e&&o(!0)},1e3),()=>{e=!1}},[e]),"error"===e||"ready"===e?C(le,{children:C(I,{onClick:E,variant:w.link,color:F.secondary,"aria-label":O.dropzone.removeFile,icon:C(c,{})})}):"pending"===e?C(le,{children:C(k,{color:j?v.colors.neutral100:v.colors.primary})}):A(le,{children:[C(D,{isOpen:!r,unmountOnExit:!0,fade:!0,children:C(p,{color:j?v.colors.success200:v.colors.success,style:{marginTop:"4px"}})}),C(D,{isOpen:r,unmountOnExit:!0,fade:!0,children:C(I,{onClick:T,variant:w.link,color:F.secondary,"aria-label":O.dropzone.deleteFile,icon:C(m,{})})})]})};return P(()=>{var e;M(C(U,{status:null==t||null==(e=t.processor)?void 0:e.status}))},[null==t||null==(o=t.processor)?void 0:o.status]),C(z.Provider,{value:{isInverse:j},children:A(pe,{isInverse:j,theme:v,file:t,"data-testid":e.testId,ref:r,role:t.errors?"alert":"",children:[A(ce,W({theme:v,behavior:S.container,alignItems:$.center},h,{children:[C(f,{behavior:S.item,alignItems:$.center,style:se,children:t.errors?C(d,{color:j?v.colors.danger200:v.colors.danger,size:24}):t.preview&&u&&t.type&&t.type.startsWith("image")?C(ne,{role:"img",file:t}):C(K,{isInverse:j,file:t})}),C(de,{xs:!0,behavior:S.item,theme:v,children:t.name}),t.processor&&"pending"===t.processor.status&&C(f,{role:"progressbar",style:{marginLeft:"auto"},behavior:S.item,children:t.processor.percent}),C(f,{behavior:S.item,children:R})]})),t.errors&&C(ae,{theme:v,children:t.errors.slice(0,1).map(e=>{let{code:r}=e,o=Y(e,J);const{header:t="",message:n}=((e,r,o)=>{const i=Array.isArray(r.accept)&&1===r.accept.length?r.accept[0]:r.accept,t=Array.isArray(i)?`one of ${i.join(", ")}`:i;switch(e.code){case"file-too-large":return W({},e,{message:`${e.message} ${Z(r.maxSize,2,o)}.`});case"file-too-small":return W({},e,{message:`${e.message} ${Z(r.minSize,2,o)}.`});case"file-invalid-type":return W({},e,{message:`${e.message}: ${t}`});default:return e}})(W({code:r},o,O.dropzone.errors[r]),{accept:i,minSize:s,maxSize:l},O.dropzone.bytes);return A(B.Fragment,{children:[C(me,{style:{color:j?v.colors.danger200:v.colors.danger},children:t}),C(ge,{children:n})]},r)})})]})})}),he=["accept","containerStyle","disabled","dropzoneOptions","helperMessage","id","inputSize","isInverse","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","maxSize","minSize","multiple","noDrag","onSendFile","onDeleteFile","onRemoveFile","sendFiles","testId","thumbnails"];let fe,ve,xe,ye=e=>e;const be=h(f)(fe||(fe=ye`
55
55
  flex-direction: column;
56
56
  align-items: ${0};
57
57
  justify-content: ${0};
@@ -64,17 +64,17 @@ import{InsertDriveFileIcon as e,FileWordIcon as r,FileExcelIcon as o,FilePowerpo
64
64
  background-color: ${0};
65
65
  outline: none;
66
66
  transition: ${0};
67
- `),({noDrag:e})=>e?"left":"center",({noDrag:e})=>e?"left":"center",({noDrag:e})=>e?"left":"center",({noDrag:e})=>e?"0px":"24px",({noDrag:e})=>e?"0px":"4px",({dragState:e="default",noDrag:r,theme:o,isInverse:i})=>r?"0px":"dragReject"===e||"error"===e?i?`1px dashed ${o.colors.danger200}`:`1px dashed ${o.colors.danger}`:"dragActive"===e?`1px dashed ${o.colors.primary}`:"dragAccept"===e?`1px dashed ${o.colors.success}`:`1px dashed ${o.colors.neutral400}`,({dragState:e="default"})=>"error"===e?"solid":"dashed",({theme:e,noDrag:r,isInverse:o})=>r?"transparent":o?T(.75,e.colors.neutral900):e.colors.neutral200,({noDrag:e})=>`border ${e?0:".24s"} ease-in-out`),be=h.span(fe||(fe=xe`
67
+ `),({noDrag:e})=>e?"left":"center",({noDrag:e})=>e?"left":"center",({noDrag:e})=>e?"left":"center",({noDrag:e})=>e?"0px":"24px",({noDrag:e})=>e?"0px":"4px",({dragState:e="default",noDrag:r,theme:o,isInverse:i})=>r?"0px":"dragReject"===e||"error"===e?i?`1px dashed ${o.colors.danger200}`:`1px dashed ${o.colors.danger}`:"dragActive"===e?`1px dashed ${o.colors.primary}`:"dragAccept"===e?`1px dashed ${o.colors.success}`:`1px dashed ${o.colors.neutral400}`,({dragState:e="default"})=>"error"===e?"solid":"dashed",({theme:e,noDrag:r,isInverse:o})=>r?"transparent":o?U(.75,e.colors.neutral900):e.colors.neutral200,({noDrag:e})=>`border ${e?0:".24s"} ease-in-out`),ze=h.span(ve||(ve=ye`
68
68
  color: ${0};
69
69
  display: block;
70
70
  font-size: 14px;
71
71
  margin: -8px 0 16px 0;
72
- `),({theme:e,isInverse:r})=>r?e.colors.neutral100:e.colors.neutral700),ze=h.div(ve||(ve=xe`
72
+ `),({theme:e,isInverse:r})=>r?e.colors.neutral100:e.colors.neutral700),Se=h.div(xe||(xe=ye`
73
73
  color: ${0};
74
74
  margin: 0 0 24px 0;
75
75
  font-size: ${0};
76
76
  line-height: ${0};
77
77
  font-weight: 500;
78
78
  padding: ${0};
79
- `),({theme:e,isInverse:r})=>r?e.colors.neutral100:e.colors.neutral700,({theme:e})=>e.typeScale.size02.fontSize,({theme:e})=>e.typeScale.size02.lineHeight,({theme:e})=>e.spaceScale.spacing01),Se=B.forwardRef((e,r)=>{const{accept:o,containerStyle:i,disabled:t,dropzoneOptions:n={multiple:!0},helperMessage:l,id:s,inputSize:a,isInverse:c,isLabelVisuallyHidden:d,labelStyle:p,labelText:m,maxFiles:u,minFiles:h,maxSize:v,minSize:$,multiple:I=!0,noDrag:k=!1,onSendFile:D,onDeleteFile:M,onRemoveFile:H,sendFiles:L=!1,testId:P,thumbnails:T=!0}=e,U=W(e,ue),[V,G]=B.useState([]),[Y,Z]=B.useState(null),q=b(c),J=B.useContext(x),N=B.useContext(y),Q=O(s),X=B.useCallback((e,r)=>{G(o=>[...o,...e.map(e=>Object.assign(e,{preview:URL.createObjectURL(e)})),...r.map(({file:e,errors:r})=>Object.assign(e,{errors:r}))])},[]),{getInputProps:_,getRootProps:ee,isDragAccept:re,isDragActive:oe,isDragReject:ie,open:te}=E({noClick:!0,disabled:t,multiple:I,maxSize:v,minSize:$,accept:o,onDrop:X,noDrag:k}),ne=_({id:Q}),le=Y?"error":re?"dragAccept":ie?"dragReject":oe?"dragActive":"default",se=e=>{G(r=>r.filter(r=>r!==e)),H&&"function"==typeof H&&H(e)},ae=e=>{G(r=>r.filter(r=>r!==e)),M&&"function"==typeof M&&M(e)},ce=e=>{G(r=>r.map(r=>r===e.file?Object.assign(r,{processor:K({},r.processor,{percent:`${e.percent}%`,status:"pending"})}):r))},de=e=>{G(r=>r.map(r=>r===e.file?Object.assign(r,{processor:K({},r.processor,{percent:"",status:"finished"})}):r))},pe=e=>{G(r=>r.map(r=>r===e.file?Object.assign(r,{errors:e.errors,processor:K({},r.processor,{status:"error"})}):r))};return B.useEffect(()=>()=>{V.forEach(e=>e.preview&&URL.revokeObjectURL(e.preview))},[V]),B.useEffect(()=>{const e=h&&V.length<h,r=u&&V.length>u;Z(((e,r)=>{if(null===e)return null;const o=N.dropzone.errors[e];switch(e){case"too-many-files":return`${o.message} ${r.maxFiles} ${N.dropzone.files}.`;case"too-few-files":return`${o.message} ${r.minFiles} ${N.dropzone.files}.`;default:return o.message}})(r?"too-many-files":e?"too-few-files":null,{minFiles:h,maxFiles:u})),L&&V.length>0&&!r&&!e&&G(e=>e.map(e=>(!e.errors&&!e.processor&&D&&D({file:e,onError:pe,onFinish:de,onProgress:ce}),e)))},[L,V.length,D]),A(z.Provider,{value:{isInverse:q},children:[A(j,{actionable:!1,containerStyle:i,errorMessage:Y,fieldId:Q,inputSize:a,isInverse:q,isLabelVisuallyHidden:d,labelStyle:p,labelText:m,messageStyle:{minHeight:0},"data-testid":P,children:[R(be,{theme:J,isInverse:q,children:l}),A(ye,K({behavior:S.container,dragState:le,isInverse:q,noDrag:k,theme:J},ee(),U,{testId:P,tabIndex:-1,children:[R("input",{ref:r,type:ne.type,accept:ne.accept,autoComplete:ne.autoComplete,id:ne.id,multiple:ne.multiple,onChange:ne.onChange,onClick:ne.onClick,style:ne.style,tabIndex:ne.tabIndex}),k?R(f,{xs:!0,behavior:S.item,children:R(C,{color:F.primary,disabled:t,isInverse:q,onClick:te,style:{margin:0},children:N.dropzone.browseFiles})}):A(f,{behavior:S.item,children:[R(g,{"aria-hidden":"true",color:q?J.colors.neutral100:J.colors.neutral500,size:48}),R(ze,{isInverse:q,theme:J,children:N.dropzone.dragMessage}),R(C,{color:F.primary,disabled:t,isInverse:q,onClick:te,style:{margin:0},variant:w.solid,children:N.dropzone.browseFiles})]})]}))]}),V.map(e=>R(ge,{accept:o,file:e,isInverse:q,maxSize:v,minSize:$,onDeleteFile:ae,onRemoveFile:se,thumbnails:T},e.name))]})});export{Se as Dropzone,G as FileIcon};
79
+ `),({theme:e,isInverse:r})=>r?e.colors.neutral100:e.colors.neutral700,({theme:e})=>e.typeScale.size02.fontSize,({theme:e})=>e.typeScale.size02.lineHeight,({theme:e})=>e.spaceScale.spacing01),$e=B.forwardRef((e,r)=>{const{accept:o,containerStyle:i,disabled:t,dropzoneOptions:n={multiple:!0},helperMessage:l,id:s,inputSize:a,isInverse:c,isLabelVisuallyHidden:d,labelStyle:p,labelText:m,maxFiles:u,minFiles:h,maxSize:v,minSize:$,multiple:I=!0,noDrag:k=!1,onSendFile:D,onDeleteFile:M,onRemoveFile:H,sendFiles:L=!1,testId:P,thumbnails:U=!0}=e,V=Y(e,he),[G,K]=B.useState([]),[Z,q]=B.useState(null),J=b(c),N=B.useContext(x),Q=B.useContext(y),X=O(s),_=B.useCallback((e,r)=>{K(o=>[...o,...e.map(e=>Object.assign(e,{preview:URL.createObjectURL(e)})),...r.map(({file:e,errors:r})=>Object.assign(e,{errors:r}))])},[]),{getInputProps:ee,getRootProps:re,isDragAccept:oe,isDragActive:ie,isDragReject:te,open:ne,inputRef:le}=T({noClick:!0,disabled:t,multiple:I,maxSize:v,minSize:$,accept:o,onDrop:_,noDrag:k});E(r,()=>le.current);const se=ee({id:X}),ae=Z?"error":oe?"dragAccept":te?"dragReject":ie?"dragActive":"default",ce=e=>{K(r=>r.filter(r=>r!==e)),H&&"function"==typeof H&&H(e)},de=e=>{K(r=>r.filter(r=>r!==e)),M&&"function"==typeof M&&M(e)},pe=e=>{K(r=>r.map(r=>r===e.file?Object.assign(r,{processor:W({},r.processor,{percent:`${e.percent}%`,status:"pending"})}):r))},me=e=>{K(r=>r.map(r=>r===e.file?Object.assign(r,{processor:W({},r.processor,{percent:"",status:"finished"})}):r))},ge=e=>{K(r=>r.map(r=>r===e.file?Object.assign(r,{errors:e.errors,processor:W({},r.processor,{status:"error"})}):r))};return B.useEffect(()=>()=>{G.forEach(e=>e.preview&&URL.revokeObjectURL(e.preview))},[G]),B.useEffect(()=>{const e=h&&G.length<h,r=u&&G.length>u;q(((e,r)=>{if(null===e)return null;const o=Q.dropzone.errors[e];switch(e){case"too-many-files":return`${o.message} ${r.maxFiles} ${Q.dropzone.files}.`;case"too-few-files":return`${o.message} ${r.minFiles} ${Q.dropzone.files}.`;default:return o.message}})(r?"too-many-files":e?"too-few-files":null,{minFiles:h,maxFiles:u})),L&&G.length>0&&!r&&!e&&K(e=>e.map(e=>(!e.errors&&!e.processor&&D&&D({file:e,onError:ge,onFinish:me,onProgress:pe}),e)))},[L,G.length,D]),A(z.Provider,{value:{isInverse:J},children:[A(j,{actionable:!1,containerStyle:i,errorMessage:Z,fieldId:X,inputSize:a,isInverse:J,isLabelVisuallyHidden:d,labelStyle:p,labelText:m,messageStyle:{minHeight:0},"data-testid":P,children:[C(ze,{theme:N,isInverse:J,children:l}),A(be,W({behavior:S.container,dragState:ae,isInverse:J,noDrag:k,theme:N},re(),V,{testId:P,tabIndex:-1,children:[C("input",{ref:le,type:se.type,accept:se.accept,autoComplete:se.autoComplete,id:se.id,multiple:se.multiple,onChange:se.onChange,onClick:se.onClick,style:se.style,tabIndex:se.tabIndex,"data-testid":"file-input"}),k?C(f,{xs:!0,behavior:S.item,children:C(R,{color:F.primary,disabled:t,isInverse:J,onClick:ne,style:{margin:0},children:Q.dropzone.browseFiles})}):A(f,{behavior:S.item,children:[C(g,{"aria-hidden":"true",color:J?N.colors.neutral100:N.colors.neutral500,size:48}),C(Se,{isInverse:J,theme:N,children:Q.dropzone.dragMessage}),C(R,{color:F.primary,disabled:t,isInverse:J,onClick:ne,style:{margin:0},variant:w.solid,children:Q.dropzone.browseFiles})]})]}))]}),G.map(e=>C(ue,{accept:o,file:e,isInverse:J,maxSize:v,minSize:$,onDeleteFile:de,onRemoveFile:ce,thumbnails:U},e.name))]})});export{$e as Dropzone,K as FileIcon};
80
80
  //# sourceMappingURL=fileuploader.modern.js.map