components.controls.FileUploader.FileUploader.jsx Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of n2o-react
The newest version!
import React from 'react'
import Dropzone from 'react-dropzone'
import cn from 'classnames'
import isEmpty from 'lodash/isEmpty'
import { Button } from 'reactstrap'
import PropTypes from 'prop-types'

import FileUploaderList from './FileUploaderList'

function FileUploader({
    accept,
    uploading,
    statusBarColor,
    onRemove,
    autoUpload,
    showSize,
    disabled,
    children,
    onDrop,
    onDropRejected,
    onDragEnter,
    onDragLeave,
    multiple,
    visible,
    className,
    files,
    componentClass,
    onStartUpload,
    uploaderClass,
    saveBtnStyle,
    deleteIcon,
    t,
}) {
    if (!visible) {
        return null
    }

    const showControl = multiple || (!multiple && isEmpty(files))

    return (
        
            
                {children}
            
            {!isEmpty(files) && (
                
            )}
            {!autoUpload && (
                
            )}
        
    )
}

FileUploader.defaultProps = {
    t: () => {},
}

FileUploader.propTypes = {
    saveBtnStyle: PropTypes.any,
    uploaderClass: PropTypes.any,
    componentClass: PropTypes.any,
    files: PropTypes.any,
    statusBarColor: PropTypes.any,
    uploading: PropTypes.any,
    showSize: PropTypes.any,
    t: PropTypes.func,
    onDrop: PropTypes.func,
    onDropRejected: PropTypes.func,
    onDragLeave: PropTypes.func,
    onStartUpload: PropTypes.func,
    onDragEnter: PropTypes.func,
    onRemove: PropTypes.func,
    accept: PropTypes.string,
    className: PropTypes.string,
    deleteIcon: PropTypes.string,
    autoUpload: PropTypes.bool,
    disabled: PropTypes.bool,
    multiple: PropTypes.bool,
    visible: PropTypes.bool,
    children: PropTypes.any,
}

export default FileUploader