@loadsmart/loadsmart-ui 5.5.0 → 5.5.1

package/dist/index.js

@@ -2654,7 +2654,7 @@
   height: 16px;
 
   background-color: ${r.getToken("color-neutral-darker")};
-`,pd=["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"],hd=({file:e})=>e.size?d.default.createElement(nr,{space:"m",align:"center"},d.default.createElement(Ao,{variant:"caption"},e.name),d.default.createElement(Ao,{variant:"number-sm"},((e,t=2)=>{const n=Number(e);if(!n||n<0)return"0B";const r=Math.max(0,t),o=Math.floor(Math.log(n)/Math.log(1024)),a=pd[Math.min(o,pd.length-1)];return`${parseFloat((n/Math.pow(1024,o)).toFixed(r))}${a}`})(e.size))):d.default.createElement(Ao,{variant:"caption"},e.name),fd=({type:e,onRemove:t,onRetry:n,disabled:r})=>{const{iconName:o,label:a,onClick:l}="remove"===e?{iconName:"close",label:"REMOVE",onClick:t}:{iconName:"refresh",label:"RETRY",onClick:n};return d.default.createElement(Jt,{scale:"small",variant:"tertiary",leading:d.default.createElement(ge,{name:o,size:12}),onClick:l,disabled:r},a)},md={loading:t=>{var{file:n}=t,r=e.__rest(t,["file"]);return d.default.createElement(or,{as:"li",space:"s"},d.default.createElement(nr,{align:"center",justify:"space-between"},d.default.createElement(hd,{file:n}),d.default.createElement(fd,Object.assign({type:"remove"},r))),d.default.createElement(rd,null))},error:t=>{var{file:n,errorMessage:r}=t,o=e.__rest(t,["file","errorMessage"]);return d.default.createElement(or,{as:"li",space:"s"},d.default.createElement(nr,{align:"center",justify:"space-between"},d.default.createElement(nr,{space:"s",align:"center"},d.default.createElement(ge,{name:"warning",size:12}),d.default.createElement(hd,{file:n})),o.onRetry?d.default.createElement(nr,{space:"none",align:"center"},d.default.createElement(fd,Object.assign({type:"retry"},o)),d.default.createElement(gd,null),d.default.createElement(fd,Object.assign({type:"remove"},o))):d.default.createElement(fd,Object.assign({type:"remove"},o))),r&&d.default.createElement(Ao,{variant:"caption",color:"color-danger"},r))},success:t=>{var{file:n}=t,r=e.__rest(t,["file"]);return d.default.createElement(nr,{as:"li",align:"center",justify:"space-between"},d.default.createElement(nr,{space:"s",align:"center"},d.default.createElement(ge,{name:"check",size:12}),d.default.createElement(hd,{file:n})),d.default.createElement(fd,Object.assign({type:"remove"},r)))}},bd=e=>{const t=md[e.status];return d.default.createElement(t,Object.assign({},e))},wd=()=>null;wd.Wrapper=t=>{var{children:n}=t,r=e.__rest(t,["children"]);const{fileList:o}=e.useDragDropFileContext();return d.default.createElement(id,Object.assign({space:"l",withFileList:!Oe(o)},r),n)},wd.DropZone=n=>{var{className:r,hint:o,multiple:l=!1,accept:i,disabled:c=!1,error:s=!1,renderCustomContent:u}=n,g=e.__rest(n,["className","hint","multiple","accept","disabled","error","renderCustomContent"]);const{onFilesAdded:p}=e.useDragDropFileContext(),h=t.useRef(null),[f,m]=t.useState(!1),b=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),p(Array.from(e.currentTarget.files||[]))}),[p]),w=t.useCallback((e=>{h.current&&$l(e).is("ENTER")&&h.current.click()}),[h]),v=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),f&&m(!1),p(Array.from(e.dataTransfer.files||[]))}),[f,p]),$=t.useCallback((e=>{e.preventDefault()}),[]),k=t.useCallback((e=>{e.preventDefault(),f||m(!0)}),[f]),y=t.useCallback((e=>{e.preventDefault(),f&&m(!1)}),[f]),x=t.useCallback((()=>d.default.createElement(d.default.Fragment,null,d.default.createElement(dd,{name:"upload",size:48}),d.default.createElement(Ao,{variant:"body",color:"color-neutral-darker"},`Drag and drop your ${Ll(Number(!l),"files","file")} here or `,d.default.createElement(Ao,{as:"a",color:c?"color-neutral":"color-accent",variant:"body-bold"},`Browse ${Ll(Number(!l),"Files","File")}`)),o&&d.default.createElement(Ao,{variant:"caption",color:"color-neutral-dark"},o))),[l,c,o]);return d.default.createElement(cd,{space:"m",align:"center",justify:"center",className:an(r,{"is-disabled":c,"is-focused":f}),disabled:c,error:s,tabIndex:0,role:"button","aria-pressed":"false",onKeyPress:w,onDrop:v,onDragStart:$,onDragOver:k,onDragLeave:y},(u||x)({isDragging:f}),d.default.createElement(sd,Object.assign({onInput:b,type:"file",ref:h,accept:i?a.toArray(i).join(","):void 0,disabled:c,multiple:l},g)))},wd.FileList=t=>{var{disabled:n}=t,r=e.__rest(t,["disabled"]);const{fileList:o,onRemoveFile:a,onRetryUpload:l}=e.useDragDropFileContext();if(Oe(o))return null;const i=o.filter((e=>"success"===e.status)).length;return d.default.createElement(or,Object.assign({space:"m"},r),d.default.createElement(Ao,{variant:"heading-sm-bold"},`${i} ${Ll(i,"Files","File")} uploaded`),d.default.createElement(ud,{space:"m"},o.map(((e,t)=>d.default.createElement(bd,Object.assign({key:`file-${e.file.name}-${t}`,disabled:n,onRemove:()=>a(e,t),onRetry:l?()=>l(e,t):void 0},e))))))};const vd=g.default(Jt).attrs({variant:"tertiary",scale:"small"})`
+`,pd=["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"],hd=({file:e})=>e.size?d.default.createElement(nr,{space:"m",align:"center"},d.default.createElement(Ao,{variant:"caption"},e.name),d.default.createElement(Ao,{variant:"number-sm"},((e,t=2)=>{const n=Number(e);if(!n||n<0)return"0B";const r=Math.max(0,t),o=Math.floor(Math.log(n)/Math.log(1024)),a=pd[Math.min(o,pd.length-1)];return`${parseFloat((n/Math.pow(1024,o)).toFixed(r))}${a}`})(e.size))):d.default.createElement(Ao,{variant:"caption"},e.name),fd=({type:e,onRemove:t,onRetry:n,disabled:r})=>{const{iconName:o,label:a,onClick:l}="remove"===e?{iconName:"close",label:"REMOVE",onClick:t}:{iconName:"refresh",label:"RETRY",onClick:n};return d.default.createElement(Jt,{scale:"small",variant:"tertiary",leading:d.default.createElement(ge,{name:o,size:12}),onClick:l,disabled:r},a)},md={loading:t=>{var{file:n}=t,r=e.__rest(t,["file"]);return d.default.createElement(or,{as:"li",space:"s"},d.default.createElement(nr,{align:"center",justify:"space-between"},d.default.createElement(hd,{file:n}),d.default.createElement(fd,Object.assign({type:"remove"},r))),d.default.createElement(rd,null))},error:t=>{var{file:n,errorMessage:r}=t,o=e.__rest(t,["file","errorMessage"]);return d.default.createElement(or,{as:"li",space:"s"},d.default.createElement(nr,{align:"center",justify:"space-between"},d.default.createElement(nr,{space:"s",align:"center"},d.default.createElement(ge,{name:"warning",size:12}),d.default.createElement(hd,{file:n})),o.onRetry?d.default.createElement(nr,{space:"none",align:"center"},d.default.createElement(fd,Object.assign({type:"retry"},o)),d.default.createElement(gd,null),d.default.createElement(fd,Object.assign({type:"remove"},o))):d.default.createElement(fd,Object.assign({type:"remove"},o))),r&&d.default.createElement(Ao,{variant:"caption",color:"color-danger"},r))},success:t=>{var{file:n}=t,r=e.__rest(t,["file"]);return d.default.createElement(nr,{as:"li",align:"center",justify:"space-between"},d.default.createElement(nr,{space:"s",align:"center"},d.default.createElement(ge,{name:"check",size:12}),d.default.createElement(hd,{file:n})),d.default.createElement(fd,Object.assign({type:"remove"},r)))}},bd=e=>{const t=md[e.status];return d.default.createElement(t,Object.assign({},e))},wd=()=>null;wd.Wrapper=t=>{var{children:n}=t,r=e.__rest(t,["children"]);const{fileList:o}=e.useDragDropFileContext();return d.default.createElement(id,Object.assign({space:"l",withFileList:!Oe(o)},r),n)},wd.DropZone=n=>{var{className:r,hint:o,multiple:l=!1,accept:i,disabled:c=!1,error:s=!1,renderCustomContent:u}=n,g=e.__rest(n,["className","hint","multiple","accept","disabled","error","renderCustomContent"]);const{onFilesAdded:p}=e.useDragDropFileContext(),h=t.useRef(null),[f,m]=t.useState(!1),b=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),p(Array.from(e.currentTarget.files||[]))}),[p]),w=t.useCallback((e=>{!c&&h.current&&$l(e).is("ENTER")&&h.current.click()}),[c,h]),v=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),c||(f&&m(!1),p(Array.from(e.dataTransfer.files||[])))}),[c,f,p]),$=t.useCallback((e=>{e.preventDefault()}),[]),k=t.useCallback((e=>{e.preventDefault(),c||f||m(!0)}),[c,f]),y=t.useCallback((e=>{e.preventDefault(),f&&m(!1)}),[f]),x=t.useCallback((()=>d.default.createElement(d.default.Fragment,null,d.default.createElement(dd,{name:"upload",size:48}),d.default.createElement(Ao,{variant:"body",color:"color-neutral-darker"},`Drag and drop your ${Ll(Number(!l),"files","file")} here or `,d.default.createElement(Ao,{as:"a",color:c?"color-neutral":"color-accent",variant:"body-bold"},`Browse ${Ll(Number(!l),"Files","File")}`)),o&&d.default.createElement(Ao,{variant:"caption",color:"color-neutral-dark"},o))),[l,c,o]);return d.default.createElement(cd,{space:"m",align:"center",justify:"center",className:an(r,{"is-disabled":c,"is-focused":f}),disabled:c,error:s,tabIndex:0,role:"button","aria-pressed":"false",onKeyPress:w,onDrop:v,onDragStart:$,onDragOver:k,onDragLeave:y},(u||x)({isDragging:f}),d.default.createElement(sd,Object.assign({onInput:b,type:"file",ref:h,accept:i?a.toArray(i).join(","):void 0,disabled:c,multiple:l},g)))},wd.FileList=t=>{var{disabled:n}=t,r=e.__rest(t,["disabled"]);const{fileList:o,onRemoveFile:a,onRetryUpload:l}=e.useDragDropFileContext();if(Oe(o))return null;const i=o.filter((e=>"success"===e.status)).length;return d.default.createElement(or,Object.assign({space:"m"},r),d.default.createElement(Ao,{variant:"heading-sm-bold"},`${i} ${Ll(i,"Files","File")} uploaded`),d.default.createElement(ud,{space:"m"},o.map(((e,t)=>d.default.createElement(bd,Object.assign({key:`file-${e.file.name}-${t}`,disabled:n,onRemove:()=>a(e,t),onRetry:l?()=>l(e,t):void 0},e))))))};const vd=g.default(Jt).attrs({variant:"tertiary",scale:"small"})`
   padding: 0;
 
   > span {