{"version":3,"file":"SimpleFileUpload_Internal-cNjZcs54.js","sources":["../../src/components/cmp/SimpleFileUpload_Internal.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport {isImage} from '../../tools/functions';\nimport ProgressBar from './ProgressBar';\nimport {uploadFile} from \"../../tools/uploadFile\";\n\nconst uploadingStates = {\n    default: 0,\n    uploading: 1,\n    uploaded: 2,\n    cancelled: 0,\n    error: -1,\n}\nfunction SimpleFileUpload({onChange, value, inputProps}:{\n    onChange: (data: any)=>void,\n    value: any,\n    inputProps?: any\n}) {\n    const [uploadingState, setUploadingState] = useState(uploadingStates.default);\n    const  [uploadProgress, setUploadingProgress]  = useState({\n        percentage: 0,\n        size: 0,\n        uploaded: 0,\n    })\n    const changed = async (e) => {\n        if(onChange){\n            onChange({\n                originalname: e.target.files[0].name,\n            })\n        }\n        setUploadingState(uploadingStates.uploading);\n        const abortController = new AbortController();\n        const data = await uploadFile(e.target.files[0], abortController, setUploadingProgress)\n        if(onChange) {\n            onChange(data)\n        }\n        setUploadingState(uploadingStates.uploaded)\n        setUploadingProgress({\n            percentage: 0,\n            size: 0,\n            uploaded: 0,\n        })\n    }\n\n    const onDelete = () => {\n        if (onChange) {\n            onChange({});\n        }\n        setUploadingState(uploadingStates.default)\n    }\n    console.log({value})\n    const {url, width, height, originalname} = value || {}\n     if (uploadingState === uploadingStates.uploading) {\n            return <RenderUploading percentage={uploadProgress.percentage} size={uploadProgress.size} uploaded={uploadProgress.uploaded}/>\n    } else if (url) {\n        return <RenderUploaded uri={url} onDelete={onDelete}\n                               originalname={originalname}\n                               imgWidth={width}\n                               imgHeight={height}/>\n    } else {\n        return <input {...inputProps || {}} type={\"file\"} className={\"form-control\"}\n                      onChange={changed}/>\n    }\n}\n\nfunction RenderUploaded({uri, onDelete, imgWidth, imgHeight, originalname}) {\n\n    return <div>\n        <a title={\"Open in a new tab\"} target={\"_blank\"} href={uri}>\n            {\n                isImage(uri) ?\n                    <img src={uri}\n                         style={{\n                             objectFit:'contain',\n                             maxWidth:'100%',\n                             maxHeight:240,\n                             width: imgHeight !== 'auto' ? 'auto' : imgWidth\n                          }}\n                         alt={\"Uploaded file\"} className={\"bg-light rounded shadow-sm\"}/>\n                    : originalname\n            }\n        </a>\n        <br/>\n        <button type={\"button\"} className={\"btn btn-link text-danger\"} onClick={onDelete}>Delete</button>\n    </div>\n}\n\nfunction RenderUploading({percentage, size, uploaded}) {\n    return <div className={\"text-center\"}>\n        <ProgressBar current={uploaded} text={`${percentage}%`} max={size} height={38}/>\n    </div>\n}\n\n\nexport default SimpleFileUpload;\n"],"names":["uploadingStates","SimpleFileUpload","onChange","value","inputProps","uploadingState","setUploadingState","useState","uploadProgress","setUploadingProgress","changed","e","abortController","data","uploadFile","onDelete","url","width","height","originalname","jsx","RenderUploading","RenderUploaded","uri","imgWidth","imgHeight","isImage","percentage","size","uploaded","ProgressBar"],"mappings":"4GAKA,MAAMA,EAAkB,CACpB,QAAS,EACT,UAAW,EACX,SAAU,EACV,UAAW,EACX,MAAO,EACX,EACA,SAASC,EAAiB,CAAC,SAAAC,EAAU,MAAAC,EAAO,WAAAC,GAIzC,CACC,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAASP,EAAgB,OAAO,EACrE,CAACQ,EAAgBC,CAAoB,EAAKF,WAAS,CACtD,WAAY,EACZ,KAAM,EACN,SAAU,CAAA,CACb,EACKG,EAAU,MAAOC,GAAM,CACtBT,GACUA,EAAA,CACL,aAAcS,EAAE,OAAO,MAAM,CAAC,EAAE,IAAA,CACnC,EAELL,EAAkBN,EAAgB,SAAS,EACrC,MAAAY,EAAkB,IAAI,gBACtBC,EAAO,MAAMC,EAAWH,EAAE,OAAO,MAAM,CAAC,EAAGC,EAAiBH,CAAoB,EACnFP,GACCA,EAASW,CAAI,EAEjBP,EAAkBN,EAAgB,QAAQ,EACrBS,EAAA,CACjB,WAAY,EACZ,KAAM,EACN,SAAU,CAAA,CACb,CACL,EAEMM,EAAW,IAAM,CACfb,GACAA,EAAS,CAAA,CAAE,EAEfI,EAAkBN,EAAgB,OAAO,CAC7C,EACQ,QAAA,IAAI,CAAC,MAAAG,EAAM,EACnB,KAAM,CAAC,IAAAa,EAAK,MAAAC,EAAO,OAAAC,EAAQ,aAAAC,CAAY,EAAIhB,GAAS,CAAC,EAChD,OAAAE,IAAmBL,EAAgB,UACzBoB,EAAA,IAACC,EAAgB,CAAA,WAAYb,EAAe,WAAY,KAAMA,EAAe,KAAM,SAAUA,EAAe,QAAS,CAAA,EACzHQ,EACAI,EAAA,IAACE,EAAA,CAAe,IAAKN,EAAK,SAAAD,EACV,aAAAI,EACA,SAAUF,EACV,UAAWC,CAAA,CAAO,EAElCE,EAAA,IAAC,QAAA,CAAO,GAAGhB,GAAc,CAAC,EAAG,KAAM,OAAQ,UAAW,eAC/C,SAAUM,CAAA,CAAQ,CAExC,CAEA,SAASY,EAAe,CAAC,IAAAC,EAAK,SAAAR,EAAU,SAAAS,EAAU,UAAAC,EAAW,aAAAN,GAAe,CAExE,cAAQ,MACJ,CAAA,SAAA,CAACC,EAAAA,IAAA,IAAA,CAAE,MAAO,oBAAqB,OAAQ,SAAU,KAAMG,EAE/C,SAAQG,EAAAH,CAAG,EACPH,EAAA,IAAC,MAAA,CAAI,IAAKG,EACL,MAAO,CACH,UAAU,UACV,SAAS,OACT,UAAU,IACV,MAAOE,IAAc,OAAS,OAASD,CAC1C,EACD,IAAK,gBAAiB,UAAW,4BAAA,GACpCL,CAEd,CAAA,QACC,KAAE,EAAA,EACHC,EAAAA,IAAC,UAAO,KAAM,SAAU,UAAW,2BAA4B,QAASL,EAAU,SAAM,QAAA,CAAA,CAAA,EAC5F,CACJ,CAEA,SAASM,EAAgB,CAAC,WAAAM,EAAY,KAAAC,EAAM,SAAAC,GAAW,CACnD,aAAQ,MAAI,CAAA,UAAW,cACnB,SAAAT,EAAA,IAACU,GAAY,QAASD,EAAU,KAAM,GAAG,OAAAF,EAAU,KAAK,IAAKC,EAAM,OAAQ,EAAG,CAAA,EAClF,CACJ"}