npm package: @mcsoft/selector-archivo
Description: Componente de React que permite seleccionar uno o varios archivos.
Author: Jaime Brambila
Latest version: 1.0.0

# Selector de Archivo
Componente de React que permite seleccionar uno o varios archivos.

[![Software Type](https://img.shields.io/badge/McSoft-React%20Library-blue)](#)
[![Language](https://img.shields.io/badge/Language-Spanish-yellow)](#)
[![Software License](https://img.shields.io/badge/License-MIT-brightgreen.svg)](LICENSE)
[![Version](https://img.shields.io/npm/v/@mcsoft/selector-archivo.svg)](https://www.npmjs.com/package/@mcsoft/selector-archivo)
[![Downloads](https://img.shields.io/npm/dt/@mcsoft/selector-archivo.svg)](https://www.npmjs.com/package/@mcsoft/selector-archivo)

## Instalación

```bash
npm install --save @mcsoft/selector-archivo
```

## Uso

```jsx
import McSelectorArchivo from '@mcsoft/selector-archivo';

class Ejemplo extends Component {
  render () {
    return (
      <McSelectorArchivo
        eventoArchivosSeleccionados={(archivos)=>this.eventoArchivosSeleccionados(archivos)}
      />
    )
  }
  
  eventoArchivosSeleccionados(archivos) {
  	console.log('Archivos seleccionados: ', archivos);
  }
}
```

## Props (Obligatorios)
| Propiedad                   | Tipo     | Descripción                                            |
|-----------------------------|----------|--------------------------------------------------------|
| eventoArchivosSeleccionados | Function | Evento que se ejecuta cuando se selecciona un archivo.<br> **eventoArchivosSeleccionados(archivos: *Array&#60;objeto&#62;*)** <br><br> - **archivos**: ***Array&#60;objeto&#62;*** Arreglo de objetos con la información de los archivos seleccionados. |

## Props (Opcionales)
| Propiedad                 | Tipo                  | Predeterminado                                                                   | Descripción                                                                                                                          |
|---------------------------|-----------------------|----------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------|
| deshabilitado             | boolean               | false                                                                            | Deshabilita el selector de archivos.                                                                                                 |
| deshabilitarArrastrar     | boolean               | false                                                                            | Deshabilita la opcion arrastrar y soltar archivos sobre la zona de arrastre.                                                         |
| deshabilitarClic          | boolean               | false                                                                            | Deshabilita la opcion de abrir el navegador de archivos al hacer clic sobre la zona de arrastre.                                     |
| deshabilitarTeclado       | boolean               | false                                                                            | Deshabilita la opcion de abrir el navegador de archivos al presionar *space*|*enter* mientras la zona de arrastre esta seleccionada. |
| etiqueta                  | string                |                                                                                  | Etiqueta que se mostrará sobre el selector de archivos.                                                                              |
| mostrarMiniaturas         | boolean               | false                                                                            | Indica si se mostrarán las miniaturas de los archivos seleccionados [Solo para archivos de imagen].                                  |
| tamanoMaximo              | number                |                                                                                  | Tamaño máximo en bytes permitido para el archivo seleccionado.                                                                       |
| tamanoMinimo              | number                |                                                                                  | Tamaño mínimo en bytes permitido para el archivo seleccionado.                                                                       |
| texto                     | object                |                                                                                  | Objeto con los textos personalizados del componente.                                                                                 |
| texto.listaArchivosTitulo | string                | 'Archivos seleccionados'                                                         | Título de la lista de archivos seleccionados.                                                                                        |
| texto.listaArchivosVacia  | string                | 'No se ha seleccionado ningún archivo.'                                          | Mensaje que se mostrará en la lista de archivos mientras no se haya seleccionado ningún archivo.                                     |
| texto.mensaje             | string                | 'Arrastra y suelta los archivos aqui, o has clic para seleccionar los archivos.' | Mensaje que se mostrará en la zona de arrastre del selector de archivos.                                                             |
| tiposArchivosAcceptados   | Array&#60;string&#62; |                                                                                  | Arreglo con los tipos de archivo (MIME Types) permitidos.                                                                            |
| variosArchivos            | boolean               | false                                                                            | Indica si se permitirá seleccionar varios archivos a la vez.                                                                         |