ywana-core8 0.0.842 → 0.0.844

package/src_old/upload/uploader.js

@@ -1,87 +0,0 @@
-import React, { useState, useMemo } from 'react'
-import ResumableJS from 'resumablejs'
-import { UploadArea } from "./UploadArea";
-import { UploadFile } from "./UploadFile";
-import './uploader.css'
-
-const STATES = {
-    IDLE: 0, RUNNING: 1, SUCCESS: 2, ERROR: 3, COMPLETED: 4 
-}
-
-/**
- * Uploader
- */
-export const Uploader = ({ label, target, accept, simultaneousUploads = 1, className, onProgress, onSuccess, onError, onComplete, errors = [] }) => {
-
-
-        const resumable = useMemo(() => {
-            const config = {
-                target: target,
-                chunkSize: 1 * 1024 * 1024,
-                simultaneousUploads,
-                testChunks: false,
-                throttleProgressCallbacks: 1,
-                fileType: accept
-            }
-            const resumable = new ResumableJS(config)
-            resumable.on('fileAdded', onFileAdded)
-            resumable.on('fileProgress', onFileProgress)
-            resumable.on('fileSuccess', onFileSuccess)
-            resumable.on('fileError', onFileError)
-            resumable.on('complete', onAllComplete)
-            return resumable
-        }, [])
-
-        const [progress, setProgress] = useState(0)
-        const [state, setState] = useState(STATES.IDLE)
-        const [error, setError] = useState()
-        const [files, setFiles] = useState([])
-
-        function onFileAdded(file) {
-            files.push(file)
-            setFiles(files)
-            setState(STATES.RUNNING)
-            resumable.upload()
-        }
-
-        function onFileProgress(file) {
-            const progress = file.progress()
-            setProgress(progress)
-            if (onProgress) onProgress(files);
-        }
-
-        function onFileSuccess(file, message) {
-            setState(STATES.SUCCESS)
-            if (onSuccess) onSuccess(file, message)
-        }
-
-        function onFileError(file, message) {
-            setError(message)
-            setState(STATES.ERROR)
-            if (onError) onError(file, message)
-        }
-
-        function onAllComplete() {
-            setState(STATES.IDLE)
-            if (onComplete) onComplete(files)
-        }
-
-        return (
-            <div className={`uploader ${className}`}>
-                {state === STATES.IDLE ? <UploadArea resumable={resumable} state={state} label={label} error={error} progress={progress} /> : null}
-                {state === STATES.RUNNING || STATES.SUCCESS || STATES.ERROR ? <UploadProgress files={files} errors={errors} /> : null}
-            </div>
-        )
-    }
-
-const UploadProgress = ({ files = [], errors }) => {
-        return (
-            <div>
-                {files.map((file) => {
-                    const error2 = errors.some((e) => e === file.fileName) ? "Fichero Mal Nombrado" : "";
-                    const progress = 1
-                    return <UploadFile file={file} state={STATES.RUNNING} progress={file.progress()} />;
-                })}
-            </div>
-        );
-    };