react-file-manager
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/exced/react-file-manager/blob/master/LICENSE) [![Build](https://travis-ci.org/exced/react-file-manager.svg?branch=master)](https://travis-ci.org/exced/react-file-man
Last updated 2 years ago by exced .
MIT · Original npm · Tarball · package.json
$ cnpm install react-file-manager 
SYNC missed versions from official npm registry.

React File Manger

GitHub license Build Npm Npm

Multi-column File Manager based on react-beautiful-dnd.

Live Demo

Install

yarn add react-file-manager

Build

yarn lib

Usage

See Example App

You can also check out a Real world app using this file mangager to upload files on server (NodeJS, Express, MongoDB, GraphQL...)

API

Name Type Default Required Description
map Files object. See Example Mandatory fields : "id", "children", "parent" None true normalized data map (You can use easily setup a normalizr schema.
rootId Number None true Id of root folder
onChange Object => void None true Triggered when file structure changes
onChangeRow (itemId, source, destination) => void (a,b,c) => {} false Triggered when item change of row
onChangeColumn (itemId, source, destination) => void (a,b,c) => {} false Triggered when item change of column
onOutsideDrop (itemId, files) => void (a,b) => {} false Triggered when files from outside are dropped into a column
dropzoneConfig object {} false react-dropzone config
renderItem Object => React.Element React.Element false Selected item rendering
renderPreview Object => React.Element React.Element false Selected item preview rendering
itemSelectedColor String '#1a53ff' false Item Selected color
dropBackgroundColor String '#cccdce' false Drop column background color

TODO

  • [ ] Add tests
  • [x] Extended version as default

All contributions are welcome.

Current Tags

  • 1.2.4                                ...           latest (a year ago)

18 Versions

  • 1.2.4                                ...           a year ago
  • 1.2.3                                ...           a year ago
  • 1.2.2                                ...           a year ago
  • 1.2.1                                ...           a year ago
  • 1.2.0                                ...           a year ago
  • 1.1.6                                ...           2 years ago
  • 1.1.5                                ...           2 years ago
  • 1.1.4                                ...           2 years ago
  • 1.1.3                                ...           2 years ago
  • 1.1.2                                ...           2 years ago
  • 1.1.1                                ...           2 years ago
  • 1.1.0                                ...           2 years ago
  • 1.0.3                                ...           2 years ago
  • 1.0.2                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           2 years ago
  • 0.1.2                                ...           2 years ago
  • 0.1.1                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 2
Last Day 0
Last Week 1
Last Month 18
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |