Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-dropzone

Package Overview
Dependencies
Maintainers
1
Versions
189
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-dropzone - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

17

index.js

@@ -1,5 +0,1 @@

/**
* @jsx React.DOM
*/
var React = require('react');

@@ -50,2 +46,3 @@

if (this.props.onDrop) {
files = Array.prototype.slice.call(files);
this.props.onDrop(files);

@@ -61,3 +58,3 @@ }

var className = 'dropzone';
var className = this.props.className || 'dropzone';
if (this.state.isDragActive) {

@@ -67,3 +64,3 @@ className += ' active';

var style = {
var style = this.props.style || {
width: this.props.size || 100,

@@ -73,5 +70,9 @@ height: this.props.size || 100,

};
if (this.props.className) {
style = this.props.style;
}
return (
<div className={className} style={this.props.style || style} onClick={this.onClick} onDragLeave={this.onDragLeave} onDragOver={this.onDragOver} onDrop={this.onDrop}>
<div className={className} style={style} onClick={this.onClick} onDragLeave={this.onDragLeave} onDragOver={this.onDragOver} onDrop={this.onDrop}>
<input style={{display: 'none' }} type='file' multiple ref='fileInput' onChange={this.onDrop} />

@@ -78,0 +79,0 @@ {this.props.children}

{
"name": "react-dropzone",
"version": "1.0.0",
"version": "1.0.1",
"description": "Simple HTML5 drag-drop zone in React",

@@ -5,0 +5,0 @@ "main": "index.js",

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc