components.controls.FileUploader.DropZone.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 PropTypes from 'prop-types'

import withFileUploader from './withFileUploader'
import FileUploader from './FileUploader'

function defaultDropZone(icon, label) {
    return (
        <>
            
            {label}
        
    )
}

function DropZone(props) {
    const { icon, label, children } = props

    return (
        
            {children || defaultDropZone(icon, label)}
        
    )
}

DropZone.defaultProps = {
    saveBtnStyle: {
        marginTop: '10px',
    },
}

DropZone.propTypes = {
    label: PropTypes.string,
    uploading: PropTypes.object,
    icon: PropTypes.string,
    files: PropTypes.arrayOf(PropTypes.object),
    className: PropTypes.string,
    onDrop: PropTypes.func,
    onDropRejected: PropTypes.func,
    autoUpload: PropTypes.bool,
    onRemove: PropTypes.func,
    onStartUpload: PropTypes.func,
    saveBtnStyle: PropTypes.object,
    visible: PropTypes.bool,
    disabled: PropTypes.bool,
    requestParam: PropTypes.string,
    maxSize: PropTypes.number,
    minSize: PropTypes.number,
    multiple: PropTypes.bool,
    onChange: PropTypes.func,
    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
}

/**
 * @type ReturnedComponent
 */
export default withFileUploader(DropZone)