@lingk/sync 0.1.75 → 0.1.76

package/build/main.js

@@ -629,7 +629,7 @@ module.exports =
 /***/ function(module, exports, __webpack_require__) {
 
 	var dP         = __webpack_require__(18)
-	  , createDesc = __webpack_require__(34);
+	  , createDesc = __webpack_require__(35);
 	module.exports = __webpack_require__(9) ? function(object, key, value){
 	  return dP.f(object, key, createDesc(1, value));
 	} : function(object, key, value){
@@ -711,7 +711,7 @@ module.exports =
 /***/ function(module, exports, __webpack_require__) {
 
 	// to indexed object, toObject with fallback for non-array-like ES3 strings
-	var IObject = __webpack_require__(31)
+	var IObject = __webpack_require__(32)
 	  , defined = __webpack_require__(16);
 	module.exports = function(it){
 	  return IObject(defined(it));
@@ -928,8 +928,8 @@ module.exports =
 /* 25 */
 /***/ function(module, exports, __webpack_require__) {
 
-	var shared = __webpack_require__(35)('keys')
-	  , uid    = __webpack_require__(37);
+	var shared = __webpack_require__(36)('keys')
+	  , uid    = __webpack_require__(38);
 	module.exports = function(key){
 	  return shared[key] || (shared[key] = uid(key));
 	};
@@ -1499,6 +1499,42 @@ module.exports =
 
 /***/ },
 /* 27 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+	
+	if (false) {
+	  var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
+	    Symbol.for &&
+	    Symbol.for('react.element')) ||
+	    0xeac7;
+	
+	  var isValidElement = function(object) {
+	    return typeof object === 'object' &&
+	      object !== null &&
+	      object.$$typeof === REACT_ELEMENT_TYPE;
+	  };
+	
+	  // By explicitly using `prop-types` you are opting into new development behavior.
+	  // http://fb.me/prop-types-in-prod
+	  var throwOnDirectAccess = true;
+	  module.exports = require('./factoryWithTypeCheckers')(isValidElement, throwOnDirectAccess);
+	} else {
+	  // By explicitly using `prop-types` you are opting into new production behavior.
+	  // http://fb.me/prop-types-in-prod
+	  module.exports = __webpack_require__(176)();
+	}
+
+
+/***/ },
+/* 28 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1511,15 +1547,15 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _propTypes = __webpack_require__(39);
+	var _propTypes = __webpack_require__(27);
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _TransitionGroup = __webpack_require__(203);
+	var _TransitionGroup = __webpack_require__(204);
 	
 	var _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);
 	
-	var _CSSTransitionGroupChild = __webpack_require__(202);
+	var _CSSTransitionGroupChild = __webpack_require__(203);
 	
 	var _CSSTransitionGroupChild2 = _interopRequireDefault(_CSSTransitionGroupChild);
 	
@@ -1597,7 +1633,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 28 */
+/* 29 */
 /***/ function(module, exports) {
 
 	var toString = {}.toString;
@@ -1607,7 +1643,7 @@ module.exports =
 	};
 
 /***/ },
-/* 29 */
+/* 30 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var isObject = __webpack_require__(14)
@@ -1619,7 +1655,7 @@ module.exports =
 	};
 
 /***/ },
-/* 30 */
+/* 31 */
 /***/ function(module, exports) {
 
 	// IE 8- don't enum bug keys
@@ -1628,30 +1664,30 @@ module.exports =
 	).split(',');
 
 /***/ },
-/* 31 */
+/* 32 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// fallback for non-array-like ES3 and non-enumerable old V8 strings
-	var cof = __webpack_require__(28);
+	var cof = __webpack_require__(29);
 	module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
 	  return cof(it) == 'String' ? it.split('') : Object(it);
 	};
 
 /***/ },
-/* 32 */,
-/* 33 */
+/* 33 */,
+/* 34 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 19.1.2.14 / 15.2.3.14 Object.keys(O)
 	var $keys       = __webpack_require__(46)
-	  , enumBugKeys = __webpack_require__(30);
+	  , enumBugKeys = __webpack_require__(31);
 	
 	module.exports = Object.keys || function keys(O){
 	  return $keys(O, enumBugKeys);
 	};
 
 /***/ },
-/* 34 */
+/* 35 */
 /***/ function(module, exports) {
 
 	module.exports = function(bitmap, value){
@@ -1664,7 +1700,7 @@ module.exports =
 	};
 
 /***/ },
-/* 35 */
+/* 36 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var global = __webpack_require__(6)
@@ -1675,7 +1711,7 @@ module.exports =
 	};
 
 /***/ },
-/* 36 */
+/* 37 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 7.1.13 ToObject(argument)
@@ -1685,7 +1721,7 @@ module.exports =
 	};
 
 /***/ },
-/* 37 */
+/* 38 */
 /***/ function(module, exports) {
 
 	var id = 0
@@ -1695,7 +1731,7 @@ module.exports =
 	};
 
 /***/ },
-/* 38 */
+/* 39 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -1748,42 +1784,6 @@ module.exports =
 	}());
 
 
-/***/ },
-/* 39 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/**
-	 * Copyright 2013-present, Facebook, Inc.
-	 * All rights reserved.
-	 *
-	 * This source code is licensed under the BSD-style license found in the
-	 * LICENSE file in the root directory of this source tree. An additional grant
-	 * of patent rights can be found in the PATENTS file in the same directory.
-	 */
-	
-	if (false) {
-	  var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
-	    Symbol.for &&
-	    Symbol.for('react.element')) ||
-	    0xeac7;
-	
-	  var isValidElement = function(object) {
-	    return typeof object === 'object' &&
-	      object !== null &&
-	      object.$$typeof === REACT_ELEMENT_TYPE;
-	  };
-	
-	  // By explicitly using `prop-types` you are opting into new development behavior.
-	  // http://fb.me/prop-types-in-prod
-	  var throwOnDirectAccess = true;
-	  module.exports = require('./factoryWithTypeCheckers')(isValidElement, throwOnDirectAccess);
-	} else {
-	  // By explicitly using `prop-types` you are opting into new production behavior.
-	  // http://fb.me/prop-types-in-prod
-	  module.exports = __webpack_require__(176)();
-	}
-
-
 /***/ },
 /* 40 */
 /***/ function(module, exports) {
@@ -1903,7 +1903,7 @@ module.exports =
 /***/ function(module, exports, __webpack_require__) {
 
 	module.exports = !__webpack_require__(9) && !__webpack_require__(12)(function(){
-	  return Object.defineProperty(__webpack_require__(29)('div'), 'a', {get: function(){ return 7; }}).a != 7;
+	  return Object.defineProperty(__webpack_require__(30)('div'), 'a', {get: function(){ return 7; }}).a != 7;
 	});
 
 /***/ },
@@ -4623,7 +4623,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _propTypes = __webpack_require__(39);
+	var _propTypes = __webpack_require__(27);
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
@@ -6785,6 +6785,10 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(2);
 	
+	var _reactDropzone = __webpack_require__(201);
+	
+	var _reactDropzone2 = _interopRequireDefault(_reactDropzone);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
 	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -6867,8 +6871,8 @@ module.exports =
 	      onGenerateUrl: function onGenerateUrl(urlType) {
 	        return getOauthUrl(urlType, mode);
 	      },
-	      mode: mode, inputs: inputs, checking: checking }) : isSFTP ? _react2.default.createElement(SFTP, { step: step, wizard: wizard, onCheck: check, onPasteHeader: true,
-	      mode: mode, inputs: inputs, checking: checking }) : _react2.default.createElement(
+	      mode: mode, inputs: inputs, checking: checking }) : isSFTP ? _react2.default.createElement(SFTP, { step: step, wizard: wizard, onCheck: check,
+	      mode: mode, checking: checking }) : _react2.default.createElement(
 	      'div',
 	      null,
 	      _react2.default.createElement(
@@ -6961,34 +6965,63 @@ module.exports =
 	    var _this = _possibleConstructorReturn(this, (SFTP.__proto__ || Object.getPrototypeOf(SFTP)).call(this));
 	
 	    _this.state = {
-	      resources: []
+	      files: []
 	    };
 	    return _this;
 	  }
 	
 	  _createClass(SFTP, [{
-	    key: 'pasteHeader',
-	    value: function pasteHeader(e) {
-	      e.clipboardData.items[0].getAsString(function (txt) {
-	        if (txt) {
-	          // split on tab (coming out of google sheets or excel... maybe check for commas too?)
-	          var rows = txt.split('\t');
-	          console.log(rows);
-	        }
-	      });
+	    key: 'onDrop',
+	    value: function onDrop(files) {
+	      console.log(files);
+	      this.setState({ files: files });
 	    }
 	  }, {
 	    key: 'render',
 	    value: function render() {
-	      var inputs = this.props.inputs;
+	      var files = this.state.files;
 	
-	      var Textarea = inputs.Textarea;
+	      var hasFile = files && files.length > 0;
 	      return _react2.default.createElement(
 	        'div',
 	        null,
-	        'Paste the Header Row of your CSV here, to',
-	        _react2.default.createElement('br', null),
-	        _react2.default.createElement(Textarea, { onPaste: this.pasteHeader })
+	        _react2.default.createElement(
+	          'div',
+	          { style: { display: 'inline-block' } },
+	          _react2.default.createElement(
+	            _reactDropzone2.default,
+	            { onDrop: this.onDrop.bind(this),
+	              className: 'dropzone' },
+	            _react2.default.createElement(
+	              'p',
+	              null,
+	              'Drop one or more files here, or click to select files to upload.'
+	            )
+	          )
+	        ),
+	        _react2.default.createElement(
+	          'aside',
+	          { style: { marginLeft: 30 } },
+	          _react2.default.createElement(
+	            'h3',
+	            { style: { marginTop: 10 } },
+	            'Dropped files'
+	          ),
+	          _react2.default.createElement(
+	            'ul',
+	            null,
+	            files.map(function (f) {
+	              return _react2.default.createElement(
+	                'li',
+	                { key: f.name },
+	                f.name,
+	                ' - ',
+	                f.size,
+	                ' bytes'
+	              );
+	            })
+	          )
+	        )
 	      );
 	    }
 	  }]);
@@ -7189,7 +7222,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _CSSTransitionGroup = __webpack_require__(27);
+	var _CSSTransitionGroup = __webpack_require__(28);
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
@@ -8149,7 +8182,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _CSSTransitionGroup = __webpack_require__(27);
+	var _CSSTransitionGroup = __webpack_require__(28);
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
@@ -8325,7 +8358,6 @@ module.exports =
 	          leftClicked = _props3.leftClicked,
 	          sourceSchema = _props3.sourceSchema,
 	          destinationSchema = _props3.destinationSchema,
-	          overflowHidden = _props3.overflowHidden,
 	          showOverflow = _props3.showOverflow,
 	          step = _props3.step,
 	          isReverse = _props3.isReverse,
@@ -8395,7 +8427,6 @@ module.exports =
 	          'div',
 	          { style: {
 	              background: 'white', width: 720, minHeight: 245,
-	              overflow: overflowHidden ? 'hidden' : 'visible',
 	              border: '1px solid rgb(204, 205, 207)', position: 'relative',
 	              height: groupResourcesLength * 60 + 84 + 78
 	            } },
@@ -8429,31 +8460,32 @@ module.exports =
 	                        return rsc.parentNameAndProvider.toLowerCase() === (gr.name + '_' + gr.provider).toLowerCase();
 	                      });
 	
-	                      var primaryResourceSchema = primaryResource.provider.toLowerCase() === step.destinationProvider.toLowerCase() ? destinationSchema : sourceSchema;
-	
-	                      primaryRscVals = primaryResourceSchema && primaryResourceSchema.find(function (defaultRsc) {
-	                        return defaultRsc.name === primaryResource.name;
-	                      }) && [primaryResourceSchema.find(function (defaultRsc) {
-	                        return defaultRsc.name === primaryResource.name;
-	                      }).properties.filter(function (f) {
-	                        return !f.fake;
-	                      })];
-	
-	                      var primaryHasParameters = primaryResource.parentRef && primaryResource.parentRef.length > 0 && primaryResource.parentRef.some(function (pr) {
-	                        return pr.foreignKeyFields && pr.foreignKeyFields.length > 0;
-	                      });
+	                      if (primaryResource) {
+	                        var primaryResourceSchema = primaryResource && primaryResource.provider.toLowerCase() === step.destinationProvider.toLowerCase() ? destinationSchema : sourceSchema;
+	                        primaryRscVals = primaryResourceSchema && primaryResourceSchema.find(function (defaultRsc) {
+	                          return defaultRsc.name === primaryResource.name;
+	                        }) && [primaryResourceSchema.find(function (defaultRsc) {
+	                          return defaultRsc.name === primaryResource.name;
+	                        }).properties.filter(function (f) {
+	                          return !f.fake;
+	                        })];
+	
+	                        var primaryHasParameters = primaryResource.parentRef && primaryResource.parentRef.length > 0 && primaryResource.parentRef.some(function (pr) {
+	                          return pr.foreignKeyFields && pr.foreignKeyFields.length > 0;
+	                        });
 	
-	                      primaryRscSectionLabels = [primaryResource.name];
+	                        primaryRscSectionLabels = [primaryResource.name];
 	
-	                      if (primaryHasParameters) {
-	                        primaryResource.parentRef.forEach(function (pr) {
-	                          var params = [];
-	                          primaryRscSectionLabels.push(pr.ref.split('/')[2]);
-	                          pr.foreignKeyFields.forEach(function (fkf) {
-	                            params.push({ label: fkf });
+	                        if (primaryHasParameters) {
+	                          primaryResource.parentRef.forEach(function (pr) {
+	                            var params = [];
+	                            primaryRscSectionLabels.push(pr.ref.split('/')[2]);
+	                            pr.foreignKeyFields.forEach(function (fkf) {
+	                              params.push({ label: fkf });
+	                            });
+	                            primaryRscVals.push(params);
 	                          });
-	                          primaryRscVals.push(params);
-	                        });
+	                        }
 	                      }
 	                    }
 	
@@ -8543,7 +8575,7 @@ module.exports =
 	                        disabled: hasChildren },
 	                      _react2.default.createElement(
 	                        'div',
-	                        { style: { position: 'relative', zIndex: 5999 } },
+	                        { style: { position: 'relative', zIndex: _this3.state.zIndexes[i] } },
 	                        _react2.default.createElement(LevelArrows, { hasChildren: hasChildren,
 	                          onChange: function onChange(c) {
 	                            return changeEntityLevel(resourceGroupIndex, i, rsc.level + c);
@@ -8553,14 +8585,16 @@ module.exports =
 	                        _react2.default.createElement(
 	                          'div',
 	                          { className: 'schema-panel',
-	                            style: { zIndex: _this3.state.zIndexes[i], marginLeft: rsc.level * 18 },
 	                            onClick: function onClick() {
 	                              return _this3.raiseUp(i);
+	                            },
+	                            style: { marginLeft: rsc.level * 18, borderRadius: 4,
+	                              border: '1px solid rgb(\n                              ' + (0 + rsc.level * 10) + ',\n                              ' + (50 + rsc.level * 15) + ',\n                              ' + (100 + rsc.level * 20) + ')'
 	                            } },
 	                          _react2.default.createElement(
 	                            'div',
 	                            { className: 'schema-panel-header', style: {
-	                                background: 'rgb(50,' + (120 + rsc.level * 15) + ',' + (180 + rsc.level * 30) + ')'
+	                                background: 'rgb(\n                                ' + (50 + rsc.level * 10) + ',\n                                ' + (120 + rsc.level * 15) + ',\n                                ' + (180 + rsc.level * 25) + ')'
 	                              } },
 	                            _react2.default.createElement(
 	                              'div',
@@ -8582,7 +8616,7 @@ module.exports =
 	                                  display: 'inline-block' } },
 	                              _react2.default.createElement(
 	                                'span',
-	                                { style: { maxWidth: 260, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', display: 'inline-block' } },
+	                                { style: { maxWidth: 260 - rsc.level * 20, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', display: 'inline-block' } },
 	                                rscName
 	                              ),
 	                              hasParameters && _react2.default.createElement(
@@ -8616,11 +8650,12 @@ module.exports =
 	                            ),
 	                            _react2.default.createElement(
 	                              'div',
-	                              { style: { verticalAlign: 'top', float: 'right', marginRight: 8 } },
+	                              { className: 'accordion-panel-toggle' + (rsc.joinKeyName && rsc.primaryKeyName ? ' join-ok' : '') },
 	                              i !== 0 ? _react2.default.createElement(
 	                                Button,
-	                                { type: 'brand', icon: isSelected ? 'chevronup' : 'chevrondown',
-	                                  iconAlign: 'right', className: rsc.joinKeyName && rsc.primaryKeyName ? 'join-ok' : '',
+	                                { type: 'brand', iconAlign: 'right',
+	                                  icon: isSelected ? 'chevronup' : 'chevrondown',
+	                                  style: { paddingRight: 38 },
 	                                  onClick: function onClick() {
 	                                    _this3.props.pickEntity({
 	                                      name: rsc.name,
@@ -8715,7 +8750,7 @@ module.exports =
 	                                _react2.default.createElement(
 	                                  Tooltip,
 	                                  { nubbin: 'right-top', popStyle: { width: 300, right: 46 },
-	                                    wrapStyle: { left: 60, top: 2, zIndex: 6003 } },
+	                                    wrapStyle: { left: 60, top: 2, zIndex: 9003, position: 'relative' } },
 	                                  _react2.default.createElement(
 	                                    'p',
 	                                    null,
@@ -8751,7 +8786,7 @@ module.exports =
 	                    onSelect: function onSelect(v, i, entity) {
 	                      return addDefaultEntity(v, i, entity, resourceGroupIndex);
 	                    },
-	                    type: 'neutral', inputs: inputs
+	                    type: 'neutral', inputs: inputs, wrapClass: 'larger-dropdown'
 	                    //selectedValues={resourceGroups && resourceGroups[resourceGroupIndex] && 
 	                    //resourceGroups[resourceGroupIndex].resources} 
 	                    , values: !isReverse ? [sourceSchema, destinationSchema] : [destinationSchema, sourceSchema],
@@ -8817,6 +8852,11 @@ module.exports =
 	            ) : null
 	          )
 	        ),
+	        _react2.default.createElement('div', { style: {
+	            background: '#eCeFeF', width: 245, minHeight: 245, left: 719, top: 0, zIndex: 99999,
+	            height: groupResourcesLength * 60 + 84 + 78, borderLeft: '1px solid rgb(204, 205, 207)',
+	            display: 'inline-block', position: 'absolute'
+	          } }),
 	        _react2.default.createElement(
 	          'div',
 	          { className: 'parameter-modal' },
@@ -8850,7 +8890,7 @@ module.exports =
 	    _react2.default.createElement(
 	      'div',
 	      { className: 'schema-panel-resource-arrow' },
-	      canMoveLeft && !hasChildren && _react2.default.createElement(
+	      canMoveLeft && _react2.default.createElement(
 	        'svg',
 	        { height: '18', viewBox: '0 0 24 24', width: '18',
 	          onClick: function onClick() {
@@ -8859,7 +8899,7 @@ module.exports =
 	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
 	        _react2.default.createElement('path', { d: 'M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z' })
 	      ),
-	      canMoveRight && !hasChildren && _react2.default.createElement(
+	      canMoveRight && _react2.default.createElement(
 	        'svg',
 	        { height: '18', viewBox: '0 0 24 24', width: '18',
 	          onClick: function onClick() {
@@ -9626,7 +9666,7 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
-	__webpack_require__(211);
+	__webpack_require__(212);
 	
 	__webpack_require__(171);
 	
@@ -9872,7 +9912,7 @@ module.exports =
 	
 	var _previewTabContent = __webpack_require__(52);
 	
-	var _CSSTransitionGroup = __webpack_require__(27);
+	var _CSSTransitionGroup = __webpack_require__(28);
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
@@ -9911,15 +9951,8 @@ module.exports =
 	      newEnvName: ''
 	    };
 	    _this.check = _this.check.bind(_this);
-	    _this.seeFields = _this.seeFields.bind(_this);
-	    _this.getOauthUrl = _this.getOauthUrl.bind(_this);
-	    _this.clickDirection = _this.clickDirection.bind(_this);
-	    _this.selectProvider = _this.selectProvider.bind(_this);
-	    //this.saveEnvironment = this.saveEnvironment.bind(this)
-	    _this.selectEnvironment = _this.selectEnvironment.bind(_this);
 	    _this.tryGetCredentialAndCheck = _this.tryGetCredentialAndCheck.bind(_this);
-	    _this.createEnvironment = _this.createEnvironment.bind(_this);
-	    _this.changeEnvName = _this.changeEnvName.bind(_this);
+	    _this.selectProvider = _this.selectProvider.bind(_this);
 	    return _this;
 	  }
 	
@@ -10176,7 +10209,7 @@ module.exports =
 	              style: { minWidth: 200, textAlign: 'left' },
 	              values: wizard.environments,
 	              title: 'Choose Environment', inputs: inputs, sectionLabelSuffix: '',
-	              onSelect: this.selectEnvironment,
+	              onSelect: this.selectEnvironment.bind(this),
 	              selectedValues: [formValues['environment'] ? { name: formValues['environment'] } : {}],
 	              disabled: wizard.environments && wizard.environments.length > 0 ? false : true
 	            })
@@ -10188,9 +10221,11 @@ module.exports =
 	              'div',
 	              { style: { width: 200, display: 'inline-block' } },
 	              _react2.default.createElement(Input, { type: 'text', label: 'New Environment', value: newEnvName,
-	                onChange: this.changeEnvName, style: { width: 200 },
+	                onChange: this.changeEnvName.bind(this), style: { width: 200 },
 	                onKeyPress: function onKeyPress(e) {
-	                  if (e.key === 'Enter' && !disableCreateEnv) _this5.createEnvironment(newEnvName);
+	                  if (e.key === 'Enter' && !disableCreateEnv) {
+	                    _this5.createEnvironment(newEnvName).bind(_this5);
+	                  }
 	                },
 	                inputRef: function inputRef(ref) {
 	                  return _this5.envNameInput = ref;
@@ -10273,9 +10308,10 @@ module.exports =
 	                    'div',
 	                    { className: 'env-creds' },
 	                    _react2.default.createElement(_envSections2.default, { config: step[m + 'Config'], mode: m, checking: checking,
-	                      wizard: wizard, getOauthUrl: _this5.getOauthUrl, formValues: formValues,
-	                      clickDirection: _this5.clickDirection, inputs: inputs, step: step,
-	                      seeFields: _this5.seeFields, check: _this5.check })
+	                      wizard: wizard, getOauthUrl: _this5.getOauthUrl.bind(_this5),
+	                      formValues: formValues,
+	                      clickDirection: _this5.clickDirection.bind(_this5), inputs: inputs, step: step,
+	                      seeFields: _this5.seeFields.bind(_this5), check: _this5.check })
 	                  )
 	                )
 	              );
@@ -10286,7 +10322,7 @@ module.exports =
 	            return _this5.setState({ showResources: null });
 	          },
 	          mode: this.state.showResources, wizard: wizard, step: step, inputs: inputs,
-	          seeFields: this.seeFields, isReverse: formValues.direction === 'reverse' }),
+	          seeFields: this.seeFields.bind(this), isReverse: formValues.direction === 'reverse' }),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement('br', null),
 	        _react2.default.createElement(_navButtons2.default, { nextDisabled: notAllMetadata || !formValues['environment'],
@@ -10945,7 +10981,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _CSSTransitionGroup = __webpack_require__(27);
+	var _CSSTransitionGroup = __webpack_require__(28);
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
@@ -12292,6 +12328,7 @@ module.exports =
 	      rsc.level = newLevel;
 	      change('resourceGroups', resourceGroups);
 	      this.assignAllParents(groupIndex);
+	      this.forceUpdate();
 	    }
 	  }, {
 	    key: 'changeEntityOrder',
@@ -12345,9 +12382,12 @@ module.exports =
 	          eachR.primaryKeyName = null;
 	          eachR.primaryKeyParents = null;
 	        }
+	        if (eachI === 0 && eachR.level !== 0) {
+	          eachR.level = 0;
+	        }
 	      });
 	      change('resourceGroups', resourceGroups);
-	      this.forceUpdate();
+	      //this.forceUpdate()
 	    }
 	  }, {
 	    key: 'refreshAllPrimaryKeys',
@@ -12595,7 +12635,7 @@ module.exports =
 	
 	var _nestExpand2 = _interopRequireDefault(_nestExpand);
 	
-	var _CSSTransitionGroup = __webpack_require__(27);
+	var _CSSTransitionGroup = __webpack_require__(28);
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
@@ -13475,7 +13515,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(212);
+	var _redux = __webpack_require__(213);
 	
 	var _reactRedux = __webpack_require__(65);
 	
@@ -13718,11 +13758,11 @@ module.exports =
 
 	'use strict';
 	// 19.1.2.1 Object.assign(target, source, ...)
-	var getKeys  = __webpack_require__(33)
+	var getKeys  = __webpack_require__(34)
 	  , gOPS     = __webpack_require__(146)
 	  , pIE      = __webpack_require__(148)
-	  , toObject = __webpack_require__(36)
-	  , IObject  = __webpack_require__(31)
+	  , toObject = __webpack_require__(37)
+	  , IObject  = __webpack_require__(32)
 	  , $assign  = Object.assign;
 	
 	// should work with symbols and should have deterministic property order (V8 bug)
@@ -16440,7 +16480,7 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
-	var _classnames = __webpack_require__(38);
+	var _classnames = __webpack_require__(39);
 	
 	var _classnames2 = _interopRequireDefault(_classnames);
 	
@@ -16626,7 +16666,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _classnames3 = __webpack_require__(38);
+	var _classnames3 = __webpack_require__(39);
 	
 	var _classnames4 = _interopRequireDefault(_classnames3);
 	
@@ -18097,101 +18137,1122 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 201 */,
-/* 202 */
+/* 201 */
 /***/ function(module, exports, __webpack_require__) {
 
-	'use strict';
-	
-	exports.__esModule = true;
-	
-	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-	
-	var _addClass = __webpack_require__(204);
-	
-	var _addClass2 = _interopRequireDefault(_addClass);
-	
-	var _removeClass = __webpack_require__(206);
+	(function webpackUniversalModuleDefinition(root, factory) {
+		if(true)
+			module.exports = factory(__webpack_require__(1), __webpack_require__(27));
+		else if(typeof define === 'function' && define.amd)
+			define(["react", "prop-types"], factory);
+		else if(typeof exports === 'object')
+			exports["Dropzone"] = factory(require("react"), require("prop-types"));
+		else
+			root["Dropzone"] = factory(root["react"], root["prop-types"]);
+	})(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_3__) {
+	return /******/ (function(modules) { // webpackBootstrap
+	/******/ 	// The module cache
+	/******/ 	var installedModules = {};
+	/******/
+	/******/ 	// The require function
+	/******/ 	function __webpack_require__(moduleId) {
+	/******/
+	/******/ 		// Check if module is in cache
+	/******/ 		if(installedModules[moduleId]) {
+	/******/ 			return installedModules[moduleId].exports;
+	/******/ 		}
+	/******/ 		// Create a new module (and put it into the cache)
+	/******/ 		var module = installedModules[moduleId] = {
+	/******/ 			i: moduleId,
+	/******/ 			l: false,
+	/******/ 			exports: {}
+	/******/ 		};
+	/******/
+	/******/ 		// Execute the module function
+	/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+	/******/
+	/******/ 		// Flag the module as loaded
+	/******/ 		module.l = true;
+	/******/
+	/******/ 		// Return the exports of the module
+	/******/ 		return module.exports;
+	/******/ 	}
+	/******/
+	/******/
+	/******/ 	// expose the modules object (__webpack_modules__)
+	/******/ 	__webpack_require__.m = modules;
+	/******/
+	/******/ 	// expose the module cache
+	/******/ 	__webpack_require__.c = installedModules;
+	/******/
+	/******/ 	// define getter function for harmony exports
+	/******/ 	__webpack_require__.d = function(exports, name, getter) {
+	/******/ 		if(!__webpack_require__.o(exports, name)) {
+	/******/ 			Object.defineProperty(exports, name, {
+	/******/ 				configurable: false,
+	/******/ 				enumerable: true,
+	/******/ 				get: getter
+	/******/ 			});
+	/******/ 		}
+	/******/ 	};
+	/******/
+	/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+	/******/ 	__webpack_require__.n = function(module) {
+	/******/ 		var getter = module && module.__esModule ?
+	/******/ 			function getDefault() { return module['default']; } :
+	/******/ 			function getModuleExports() { return module; };
+	/******/ 		__webpack_require__.d(getter, 'a', getter);
+	/******/ 		return getter;
+	/******/ 	};
+	/******/
+	/******/ 	// Object.prototype.hasOwnProperty.call
+	/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+	/******/
+	/******/ 	// __webpack_public_path__
+	/******/ 	__webpack_require__.p = "";
+	/******/
+	/******/ 	// Load entry module and return exports
+	/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+	/******/ })
+	/************************************************************************/
+	/******/ ([
+	/* 0 */
+	/***/ (function(module, exports, __webpack_require__) {
 	
-	var _removeClass2 = _interopRequireDefault(_removeClass);
+	"use strict";
+	/* WEBPACK VAR INJECTION */(function(process) {
 	
-	var _requestAnimationFrame = __webpack_require__(208);
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
 	
-	var _requestAnimationFrame2 = _interopRequireDefault(_requestAnimationFrame);
+	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 	
-	var _properties = __webpack_require__(207);
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 	
-	var _react = __webpack_require__(1);
+	var _react = __webpack_require__(2);
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _propTypes = __webpack_require__(39);
+	var _propTypes = __webpack_require__(3);
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _reactDom = __webpack_require__(10);
+	var _utils = __webpack_require__(4);
 	
-	var _PropTypes = __webpack_require__(64);
+	var _styles = __webpack_require__(6);
+	
+	var _styles2 = _interopRequireDefault(_styles);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
+	function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+	
+	function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+	
 	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 	
 	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 	
-	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint prefer-template: 0 */
 	
-	var events = [];
-	if (_properties.transitionEnd) events.push(_properties.transitionEnd);
-	if (_properties.animationEnd) events.push(_properties.animationEnd);
+	var Dropzone = function (_React$Component) {
+	  _inherits(Dropzone, _React$Component);
 	
-	function addEndListener(node, listener) {
-	  if (events.length) {
-	    events.forEach(function (e) {
-	      return node.addEventListener(e, listener, false);
-	    });
-	  } else {
-	    setTimeout(listener, 0);
-	  }
+	  function Dropzone(props, context) {
+	    _classCallCheck(this, Dropzone);
 	
-	  return function () {
-	    if (!events.length) return;
-	    events.forEach(function (e) {
-	      return node.removeEventListener(e, listener, false);
-	    });
-	  };
-	}
+	    var _this = _possibleConstructorReturn(this, (Dropzone.__proto__ || Object.getPrototypeOf(Dropzone)).call(this, props, context));
 	
-	var propTypes = {
-	  children: _propTypes2.default.node,
-	  name: _PropTypes.nameShape.isRequired,
+	    _this.renderChildren = function (children, isDragActive, isDragAccept, isDragReject) {
+	      if (typeof children === 'function') {
+	        return children(_extends({}, _this.state, {
+	          isDragActive: isDragActive,
+	          isDragAccept: isDragAccept,
+	          isDragReject: isDragReject
+	        }));
+	      }
+	      return children;
+	    };
 	
-	  // Once we require timeouts to be specified, we can remove the
-	  // boolean flags (appear etc.) and just accept a number
-	  // or a bool for the timeout flags (appearTimeout etc.)
-	  appear: _propTypes2.default.bool,
-	  enter: _propTypes2.default.bool,
-	  leave: _propTypes2.default.bool,
-	  appearTimeout: _propTypes2.default.number,
-	  enterTimeout: _propTypes2.default.number,
-	  leaveTimeout: _propTypes2.default.number
-	};
+	    _this.composeHandlers = _this.composeHandlers.bind(_this);
+	    _this.onClick = _this.onClick.bind(_this);
+	    _this.onDocumentDrop = _this.onDocumentDrop.bind(_this);
+	    _this.onDragEnter = _this.onDragEnter.bind(_this);
+	    _this.onDragLeave = _this.onDragLeave.bind(_this);
+	    _this.onDragOver = _this.onDragOver.bind(_this);
+	    _this.onDragStart = _this.onDragStart.bind(_this);
+	    _this.onDrop = _this.onDrop.bind(_this);
+	    _this.onFileDialogCancel = _this.onFileDialogCancel.bind(_this);
+	    _this.onInputElementClick = _this.onInputElementClick.bind(_this);
 	
-	var CSSTransitionGroupChild = function (_React$Component) {
-	  _inherits(CSSTransitionGroupChild, _React$Component);
+	    _this.setRef = _this.setRef.bind(_this);
+	    _this.setRefs = _this.setRefs.bind(_this);
 	
-	  function CSSTransitionGroupChild() {
-	    var _temp, _this, _ret;
+	    _this.isFileDialogActive = false;
 	
-	    _classCallCheck(this, CSSTransitionGroupChild);
+	    _this.state = {
+	      draggedFiles: [],
+	      acceptedFiles: [],
+	      rejectedFiles: []
+	    };
+	    return _this;
+	  }
 	
-	    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-	      args[_key] = arguments[_key];
-	    }
+	  _createClass(Dropzone, [{
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {
+	      var preventDropOnDocument = this.props.preventDropOnDocument;
 	
-	    return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.componentWillAppear = function (done) {
-	      if (_this.props.appear) {
-	        _this.transition('appear', done, _this.props.appearTimeout);
+	      this.dragTargets = [];
+	
+	      if (preventDropOnDocument) {
+	        document.addEventListener('dragover', _utils.onDocumentDragOver, false);
+	        document.addEventListener('drop', this.onDocumentDrop, false);
+	      }
+	      this.fileInputEl.addEventListener('click', this.onInputElementClick, false);
+	      // Tried implementing addEventListener, but didn't work out
+	      document.body.onfocus = this.onFileDialogCancel;
+	    }
+	  }, {
+	    key: 'componentWillUnmount',
+	    value: function componentWillUnmount() {
+	      var preventDropOnDocument = this.props.preventDropOnDocument;
+	
+	      if (preventDropOnDocument) {
+	        document.removeEventListener('dragover', _utils.onDocumentDragOver);
+	        document.removeEventListener('drop', this.onDocumentDrop);
+	      }
+	      this.fileInputEl.removeEventListener('click', this.onInputElementClick, false);
+	      // Can be replaced with removeEventListener, if addEventListener works
+	      document.body.onfocus = null;
+	    }
+	  }, {
+	    key: 'composeHandlers',
+	    value: function composeHandlers(handler) {
+	      if (this.props.disabled) {
+	        return null;
+	      }
+	
+	      return handler;
+	    }
+	  }, {
+	    key: 'onDocumentDrop',
+	    value: function onDocumentDrop(evt) {
+	      if (this.node.contains(evt.target)) {
+	        // if we intercepted an event for our instance, let it propagate down to the instance's onDrop handler
+	        return;
+	      }
+	      evt.preventDefault();
+	      this.dragTargets = [];
+	    }
+	  }, {
+	    key: 'onDragStart',
+	    value: function onDragStart(evt) {
+	      if (this.props.onDragStart) {
+	        this.props.onDragStart.call(this, evt);
+	      }
+	    }
+	  }, {
+	    key: 'onDragEnter',
+	    value: function onDragEnter(evt) {
+	      evt.preventDefault();
+	
+	      // Count the dropzone and any children that are entered.
+	      if (this.dragTargets.indexOf(evt.target) === -1) {
+	        this.dragTargets.push(evt.target);
+	      }
+	
+	      this.setState({
+	        isDragActive: true, // Do not rely on files for the drag state. It doesn't work in Safari.
+	        draggedFiles: (0, _utils.getDataTransferItems)(evt)
+	      });
+	
+	      if (this.props.onDragEnter) {
+	        this.props.onDragEnter.call(this, evt);
+	      }
+	    }
+	  }, {
+	    key: 'onDragOver',
+	    value: function onDragOver(evt) {
+	      // eslint-disable-line class-methods-use-this
+	      evt.preventDefault();
+	      evt.stopPropagation();
+	      try {
+	        evt.dataTransfer.dropEffect = 'copy'; // eslint-disable-line no-param-reassign
+	      } catch (err) {
+	        // continue regardless of error
+	      }
+	
+	      if (this.props.onDragOver) {
+	        this.props.onDragOver.call(this, evt);
+	      }
+	      return false;
+	    }
+	  }, {
+	    key: 'onDragLeave',
+	    value: function onDragLeave(evt) {
+	      var _this2 = this;
+	
+	      evt.preventDefault();
+	
+	      // Only deactivate once the dropzone and all children have been left.
+	      this.dragTargets = this.dragTargets.filter(function (el) {
+	        return el !== evt.target && _this2.node.contains(el);
+	      });
+	      if (this.dragTargets.length > 0) {
+	        return;
+	      }
+	
+	      // Clear dragging files state
+	      this.setState({
+	        isDragActive: false,
+	        draggedFiles: []
+	      });
+	
+	      if (this.props.onDragLeave) {
+	        this.props.onDragLeave.call(this, evt);
+	      }
+	    }
+	  }, {
+	    key: 'onDrop',
+	    value: function onDrop(evt) {
+	      var _this3 = this;
+	
+	      var _props = this.props,
+	          onDrop = _props.onDrop,
+	          onDropAccepted = _props.onDropAccepted,
+	          onDropRejected = _props.onDropRejected,
+	          multiple = _props.multiple,
+	          disablePreview = _props.disablePreview,
+	          accept = _props.accept;
+	
+	      var fileList = (0, _utils.getDataTransferItems)(evt);
+	      var acceptedFiles = [];
+	      var rejectedFiles = [];
+	
+	      // Stop default browser behavior
+	      evt.preventDefault();
+	
+	      // Reset the counter along with the drag on a drop.
+	      this.dragTargets = [];
+	      this.isFileDialogActive = false;
+	
+	      fileList.forEach(function (file) {
+	        if (!disablePreview) {
+	          try {
+	            file.preview = window.URL.createObjectURL(file); // eslint-disable-line no-param-reassign
+	          } catch (err) {
+	            if (process.env.NODE_ENV !== 'production') {
+	              console.error('Failed to generate preview for file', file, err); // eslint-disable-line no-console
+	            }
+	          }
+	        }
+	
+	        if ((0, _utils.fileAccepted)(file, accept) && (0, _utils.fileMatchSize)(file, _this3.props.maxSize, _this3.props.minSize)) {
+	          acceptedFiles.push(file);
+	        } else {
+	          rejectedFiles.push(file);
+	        }
+	      });
+	
+	      if (!multiple) {
+	        // if not in multi mode add any extra accepted files to rejected.
+	        // This will allow end users to easily ignore a multi file drop in "single" mode.
+	        rejectedFiles.push.apply(rejectedFiles, _toConsumableArray(acceptedFiles.splice(1)));
+	      }
+	
+	      if (onDrop) {
+	        onDrop.call(this, acceptedFiles, rejectedFiles, evt);
+	      }
+	
+	      if (rejectedFiles.length > 0 && onDropRejected) {
+	        onDropRejected.call(this, rejectedFiles, evt);
+	      }
+	
+	      if (acceptedFiles.length > 0 && onDropAccepted) {
+	        onDropAccepted.call(this, acceptedFiles, evt);
+	      }
+	
+	      // Clear files value
+	      this.draggedFiles = null;
+	
+	      // Reset drag state
+	      this.setState({
+	        isDragActive: false,
+	        draggedFiles: [],
+	        acceptedFiles: acceptedFiles,
+	        rejectedFiles: rejectedFiles
+	      });
+	    }
+	  }, {
+	    key: 'onClick',
+	    value: function onClick(evt) {
+	      var _props2 = this.props,
+	          onClick = _props2.onClick,
+	          disableClick = _props2.disableClick;
+	
+	      if (!disableClick) {
+	        evt.stopPropagation();
+	
+	        if (onClick) {
+	          onClick.call(this, evt);
+	        }
+	
+	        // in IE11/Edge the file-browser dialog is blocking, ensure this is behind setTimeout
+	        // this is so react can handle state changes in the onClick prop above above
+	        // see: https://github.com/react-dropzone/react-dropzone/issues/450
+	        setTimeout(this.open.bind(this), 0);
+	      }
+	    }
+	  }, {
+	    key: 'onInputElementClick',
+	    value: function onInputElementClick(evt) {
+	      evt.stopPropagation();
+	      if (this.props.inputProps && this.props.inputProps.onClick) {
+	        this.props.inputProps.onClick();
+	      }
+	    }
+	  }, {
+	    key: 'onFileDialogCancel',
+	    value: function onFileDialogCancel() {
+	      // timeout will not recognize context of this method
+	      var onFileDialogCancel = this.props.onFileDialogCancel;
+	      var fileInputEl = this.fileInputEl;
+	      var isFileDialogActive = this.isFileDialogActive;
+	      // execute the timeout only if the onFileDialogCancel is defined and FileDialog
+	      // is opened in the browser
+	
+	      if (onFileDialogCancel && isFileDialogActive) {
+	        setTimeout(function () {
+	          // Returns an object as FileList
+	          var FileList = fileInputEl.files;
+	          if (!FileList.length) {
+	            isFileDialogActive = false;
+	            onFileDialogCancel();
+	          }
+	        }, 300);
+	      }
+	    }
+	  }, {
+	    key: 'setRef',
+	    value: function setRef(ref) {
+	      this.node = ref;
+	    }
+	  }, {
+	    key: 'setRefs',
+	    value: function setRefs(ref) {
+	      this.fileInputEl = ref;
+	    }
+	    /**
+	     * Open system file upload dialog.
+	     *
+	     * @public
+	     */
+	
+	  }, {
+	    key: 'open',
+	    value: function open() {
+	      this.isFileDialogActive = true;
+	      this.fileInputEl.value = null;
+	      this.fileInputEl.click();
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _props3 = this.props,
+	          accept = _props3.accept,
+	          acceptClassName = _props3.acceptClassName,
+	          activeClassName = _props3.activeClassName,
+	          children = _props3.children,
+	          disabled = _props3.disabled,
+	          disabledClassName = _props3.disabledClassName,
+	          inputProps = _props3.inputProps,
+	          multiple = _props3.multiple,
+	          name = _props3.name,
+	          rejectClassName = _props3.rejectClassName,
+	          rest = _objectWithoutProperties(_props3, ['accept', 'acceptClassName', 'activeClassName', 'children', 'disabled', 'disabledClassName', 'inputProps', 'multiple', 'name', 'rejectClassName']);
+	
+	      var acceptStyle = rest.acceptStyle,
+	          activeStyle = rest.activeStyle,
+	          className = rest.className,
+	          disabledStyle = rest.disabledStyle,
+	          rejectStyle = rest.rejectStyle,
+	          style = rest.style,
+	          props = _objectWithoutProperties(rest, ['acceptStyle', 'activeStyle', 'className', 'disabledStyle', 'rejectStyle', 'style']);
+	
+	      var _state = this.state,
+	          isDragActive = _state.isDragActive,
+	          draggedFiles = _state.draggedFiles;
+	
+	      var filesCount = draggedFiles.length;
+	      var isMultipleAllowed = multiple || filesCount <= 1;
+	      var isDragAccept = filesCount > 0 && (0, _utils.allFilesAccepted)(draggedFiles, this.props.accept);
+	      var isDragReject = filesCount > 0 && (!isDragAccept || !isMultipleAllowed);
+	      className = className || '';
+	      var noStyles = !className && !style && !activeStyle && !acceptStyle && !rejectStyle && !disabledStyle;
+	
+	      if (isDragActive && activeClassName) {
+	        className += ' ' + activeClassName;
+	      }
+	      if (isDragAccept && acceptClassName) {
+	        className += ' ' + acceptClassName;
+	      }
+	      if (isDragReject && rejectClassName) {
+	        className += ' ' + rejectClassName;
+	      }
+	      if (disabled && disabledClassName) {
+	        className += ' ' + disabledClassName;
+	      }
+	
+	      if (noStyles) {
+	        style = _styles2.default.default;
+	        activeStyle = _styles2.default.active;
+	        acceptStyle = style.active;
+	        rejectStyle = _styles2.default.rejected;
+	        disabledStyle = _styles2.default.disabled;
+	      }
+	
+	      var appliedStyle = _extends({}, style);
+	      if (activeStyle && isDragActive) {
+	        appliedStyle = _extends({}, style, activeStyle);
+	      }
+	      if (acceptStyle && isDragAccept) {
+	        appliedStyle = _extends({}, appliedStyle, acceptStyle);
+	      }
+	      if (rejectStyle && isDragReject) {
+	        appliedStyle = _extends({}, appliedStyle, rejectStyle);
+	      }
+	      if (disabledStyle && disabled) {
+	        appliedStyle = _extends({}, style, disabledStyle);
+	      }
+	
+	      var inputAttributes = {
+	        accept: accept,
+	        disabled: disabled,
+	        type: 'file',
+	        style: { display: 'none' },
+	        multiple: _utils.supportMultiple && multiple,
+	        ref: this.setRefs,
+	        onChange: this.onDrop,
+	        autoComplete: 'off'
+	      };
+	
+	      if (name && name.length) {
+	        inputAttributes.name = name;
+	      }
+	
+	      // Remove custom properties before passing them to the wrapper div element
+	      var customProps = ['acceptedFiles', 'preventDropOnDocument', 'disablePreview', 'disableClick', 'activeClassName', 'acceptClassName', 'rejectClassName', 'disabledClassName', 'onDropAccepted', 'onDropRejected', 'onFileDialogCancel', 'maxSize', 'minSize'];
+	      var divProps = _extends({}, props);
+	      customProps.forEach(function (prop) {
+	        return delete divProps[prop];
+	      });
+	
+	      return _react2.default.createElement(
+	        'div',
+	        _extends({
+	          className: className,
+	          style: appliedStyle
+	        }, divProps /* expand user provided props first so event handlers are never overridden */, {
+	          onClick: this.composeHandlers(this.onClick),
+	          onDragStart: this.composeHandlers(this.onDragStart),
+	          onDragEnter: this.composeHandlers(this.onDragEnter),
+	          onDragOver: this.composeHandlers(this.onDragOver),
+	          onDragLeave: this.composeHandlers(this.onDragLeave),
+	          onDrop: this.composeHandlers(this.onDrop),
+	          ref: this.setRef,
+	          'aria-disabled': disabled
+	        }),
+	        this.renderChildren(children, isDragActive, isDragAccept, isDragReject),
+	        _react2.default.createElement('input', _extends({}, inputProps /* expand user provided inputProps first so inputAttributes override them */, inputAttributes))
+	      );
+	    }
+	  }]);
+	
+	  return Dropzone;
+	}(_react2.default.Component);
+	
+	exports.default = Dropzone;
+	
+	
+	Dropzone.propTypes = {
+	  /**
+	   * Allow specific types of files. See https://github.com/okonet/attr-accept for more information.
+	   * Keep in mind that mime type determination is not reliable across platforms. CSV files,
+	   * for example, are reported as text/plain under macOS but as application/vnd.ms-excel under
+	   * Windows. In some cases there might not be a mime type set at all.
+	   * See: https://github.com/react-dropzone/react-dropzone/issues/276
+	   */
+	  accept: _propTypes2.default.string,
+	
+	  /**
+	   * Contents of the dropzone
+	   */
+	  children: _propTypes2.default.oneOfType([_propTypes2.default.node, _propTypes2.default.func]),
+	
+	  /**
+	   * Disallow clicking on the dropzone container to open file dialog
+	   */
+	  disableClick: _propTypes2.default.bool,
+	
+	  /**
+	  * Enable/disable the dropzone entirely
+	  */
+	  disabled: _propTypes2.default.bool,
+	
+	  /**
+	   * Enable/disable preview generation
+	   */
+	  disablePreview: _propTypes2.default.bool,
+	
+	  /**
+	   * If false, allow dropped items to take over the current browser window
+	   */
+	  preventDropOnDocument: _propTypes2.default.bool,
+	
+	  /**
+	   * Pass additional attributes to the `<input type="file"/>` tag
+	   */
+	  inputProps: _propTypes2.default.object,
+	
+	  /**
+	   * Allow dropping multiple files
+	   */
+	  multiple: _propTypes2.default.bool,
+	
+	  /**
+	   * `name` attribute for the input tag
+	   */
+	  name: _propTypes2.default.string,
+	
+	  /**
+	   * Maximum file size
+	   */
+	  maxSize: _propTypes2.default.number,
+	
+	  /**
+	   * Minimum file size
+	   */
+	  minSize: _propTypes2.default.number,
+	
+	  /**
+	   * className
+	   */
+	  className: _propTypes2.default.string,
+	
+	  /**
+	   * className for active state
+	   */
+	  activeClassName: _propTypes2.default.string,
+	
+	  /**
+	   * className for accepted state
+	   */
+	  acceptClassName: _propTypes2.default.string,
+	
+	  /**
+	   * className for rejected state
+	   */
+	  rejectClassName: _propTypes2.default.string,
+	
+	  /**
+	   * className for disabled state
+	   */
+	  disabledClassName: _propTypes2.default.string,
+	
+	  /**
+	   * CSS styles to apply
+	   */
+	  style: _propTypes2.default.object,
+	
+	  /**
+	   * CSS styles to apply when drag is active
+	   */
+	  activeStyle: _propTypes2.default.object,
+	
+	  /**
+	   * CSS styles to apply when drop will be accepted
+	   */
+	  acceptStyle: _propTypes2.default.object,
+	
+	  /**
+	   * CSS styles to apply when drop will be rejected
+	   */
+	  rejectStyle: _propTypes2.default.object,
+	
+	  /**
+	   * CSS styles to apply when dropzone is disabled
+	   */
+	  disabledStyle: _propTypes2.default.object,
+	
+	  /**
+	   * onClick callback
+	   * @param {Event} event
+	   */
+	  onClick: _propTypes2.default.func,
+	
+	  /**
+	   * onDrop callback
+	   */
+	  onDrop: _propTypes2.default.func,
+	
+	  /**
+	   * onDropAccepted callback
+	   */
+	  onDropAccepted: _propTypes2.default.func,
+	
+	  /**
+	   * onDropRejected callback
+	   */
+	  onDropRejected: _propTypes2.default.func,
+	
+	  /**
+	   * onDragStart callback
+	   */
+	  onDragStart: _propTypes2.default.func,
+	
+	  /**
+	   * onDragEnter callback
+	   */
+	  onDragEnter: _propTypes2.default.func,
+	
+	  /**
+	   * onDragOver callback
+	   */
+	  onDragOver: _propTypes2.default.func,
+	
+	  /**
+	   * onDragLeave callback
+	   */
+	  onDragLeave: _propTypes2.default.func,
+	
+	  /**
+	   * Provide a callback on clicking the cancel button of the file dialog
+	   */
+	  onFileDialogCancel: _propTypes2.default.func
+	};
+	
+	Dropzone.defaultProps = {
+	  preventDropOnDocument: true,
+	  disabled: false,
+	  disablePreview: false,
+	  disableClick: false,
+	  multiple: true,
+	  maxSize: Infinity,
+	  minSize: 0
+	};
+	module.exports = exports['default'];
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
+	
+	/***/ }),
+	/* 1 */
+	/***/ (function(module, exports) {
+	
+	// shim for using process in browser
+	var process = module.exports = {};
+	
+	// cached from whatever global is present so that test runners that stub it
+	// don't break things.  But we need to wrap it in a try catch in case it is
+	// wrapped in strict mode code which doesn't define any globals.  It's inside a
+	// function because try/catches deoptimize in certain engines.
+	
+	var cachedSetTimeout;
+	var cachedClearTimeout;
+	
+	function defaultSetTimout() {
+	    throw new Error('setTimeout has not been defined');
+	}
+	function defaultClearTimeout () {
+	    throw new Error('clearTimeout has not been defined');
+	}
+	(function () {
+	    try {
+	        if (typeof setTimeout === 'function') {
+	            cachedSetTimeout = setTimeout;
+	        } else {
+	            cachedSetTimeout = defaultSetTimout;
+	        }
+	    } catch (e) {
+	        cachedSetTimeout = defaultSetTimout;
+	    }
+	    try {
+	        if (typeof clearTimeout === 'function') {
+	            cachedClearTimeout = clearTimeout;
+	        } else {
+	            cachedClearTimeout = defaultClearTimeout;
+	        }
+	    } catch (e) {
+	        cachedClearTimeout = defaultClearTimeout;
+	    }
+	} ())
+	function runTimeout(fun) {
+	    if (cachedSetTimeout === setTimeout) {
+	        //normal enviroments in sane situations
+	        return setTimeout(fun, 0);
+	    }
+	    // if setTimeout wasn't available but was latter defined
+	    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+	        cachedSetTimeout = setTimeout;
+	        return setTimeout(fun, 0);
+	    }
+	    try {
+	        // when when somebody has screwed with setTimeout but no I.E. maddness
+	        return cachedSetTimeout(fun, 0);
+	    } catch(e){
+	        try {
+	            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+	            return cachedSetTimeout.call(null, fun, 0);
+	        } catch(e){
+	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+	            return cachedSetTimeout.call(this, fun, 0);
+	        }
+	    }
+	
+	
+	}
+	function runClearTimeout(marker) {
+	    if (cachedClearTimeout === clearTimeout) {
+	        //normal enviroments in sane situations
+	        return clearTimeout(marker);
+	    }
+	    // if clearTimeout wasn't available but was latter defined
+	    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+	        cachedClearTimeout = clearTimeout;
+	        return clearTimeout(marker);
+	    }
+	    try {
+	        // when when somebody has screwed with setTimeout but no I.E. maddness
+	        return cachedClearTimeout(marker);
+	    } catch (e){
+	        try {
+	            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+	            return cachedClearTimeout.call(null, marker);
+	        } catch (e){
+	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+	            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+	            return cachedClearTimeout.call(this, marker);
+	        }
+	    }
+	
+	
+	
+	}
+	var queue = [];
+	var draining = false;
+	var currentQueue;
+	var queueIndex = -1;
+	
+	function cleanUpNextTick() {
+	    if (!draining || !currentQueue) {
+	        return;
+	    }
+	    draining = false;
+	    if (currentQueue.length) {
+	        queue = currentQueue.concat(queue);
+	    } else {
+	        queueIndex = -1;
+	    }
+	    if (queue.length) {
+	        drainQueue();
+	    }
+	}
+	
+	function drainQueue() {
+	    if (draining) {
+	        return;
+	    }
+	    var timeout = runTimeout(cleanUpNextTick);
+	    draining = true;
+	
+	    var len = queue.length;
+	    while(len) {
+	        currentQueue = queue;
+	        queue = [];
+	        while (++queueIndex < len) {
+	            if (currentQueue) {
+	                currentQueue[queueIndex].run();
+	            }
+	        }
+	        queueIndex = -1;
+	        len = queue.length;
+	    }
+	    currentQueue = null;
+	    draining = false;
+	    runClearTimeout(timeout);
+	}
+	
+	process.nextTick = function (fun) {
+	    var args = new Array(arguments.length - 1);
+	    if (arguments.length > 1) {
+	        for (var i = 1; i < arguments.length; i++) {
+	            args[i - 1] = arguments[i];
+	        }
+	    }
+	    queue.push(new Item(fun, args));
+	    if (queue.length === 1 && !draining) {
+	        runTimeout(drainQueue);
+	    }
+	};
+	
+	// v8 likes predictible objects
+	function Item(fun, array) {
+	    this.fun = fun;
+	    this.array = array;
+	}
+	Item.prototype.run = function () {
+	    this.fun.apply(null, this.array);
+	};
+	process.title = 'browser';
+	process.browser = true;
+	process.env = {};
+	process.argv = [];
+	process.version = ''; // empty string to avoid regexp issues
+	process.versions = {};
+	
+	function noop() {}
+	
+	process.on = noop;
+	process.addListener = noop;
+	process.once = noop;
+	process.off = noop;
+	process.removeListener = noop;
+	process.removeAllListeners = noop;
+	process.emit = noop;
+	process.prependListener = noop;
+	process.prependOnceListener = noop;
+	
+	process.listeners = function (name) { return [] }
+	
+	process.binding = function (name) {
+	    throw new Error('process.binding is not supported');
+	};
+	
+	process.cwd = function () { return '/' };
+	process.chdir = function (dir) {
+	    throw new Error('process.chdir is not supported');
+	};
+	process.umask = function() { return 0; };
+	
+	
+	/***/ }),
+	/* 2 */
+	/***/ (function(module, exports) {
+	
+	module.exports = __WEBPACK_EXTERNAL_MODULE_2__;
+	
+	/***/ }),
+	/* 3 */
+	/***/ (function(module, exports) {
+	
+	module.exports = __WEBPACK_EXTERNAL_MODULE_3__;
+	
+	/***/ }),
+	/* 4 */
+	/***/ (function(module, exports, __webpack_require__) {
+	
+	"use strict";
+	
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.supportMultiple = undefined;
+	exports.getDataTransferItems = getDataTransferItems;
+	exports.fileAccepted = fileAccepted;
+	exports.fileMatchSize = fileMatchSize;
+	exports.allFilesAccepted = allFilesAccepted;
+	exports.onDocumentDragOver = onDocumentDragOver;
+	
+	var _attrAccept = __webpack_require__(5);
+	
+	var _attrAccept2 = _interopRequireDefault(_attrAccept);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	var supportMultiple = exports.supportMultiple = typeof document !== 'undefined' && document && document.createElement ? 'multiple' in document.createElement('input') : true;
+	
+	function getDataTransferItems(event) {
+	  var dataTransferItemsList = [];
+	  if (event.dataTransfer) {
+	    var dt = event.dataTransfer;
+	    if (dt.files && dt.files.length) {
+	      dataTransferItemsList = dt.files;
+	    } else if (dt.items && dt.items.length) {
+	      // During the drag even the dataTransfer.files is null
+	      // but Chrome implements some drag store, which is accesible via dataTransfer.items
+	      dataTransferItemsList = dt.items;
+	    }
+	  } else if (event.target && event.target.files) {
+	    dataTransferItemsList = event.target.files;
+	  }
+	  // Convert from DataTransferItemsList to the native Array
+	  return Array.prototype.slice.call(dataTransferItemsList);
+	}
+	
+	// Firefox versions prior to 53 return a bogus MIME type for every file drag, so dragovers with
+	// that MIME type will always be accepted
+	function fileAccepted(file, accept) {
+	  return file.type === 'application/x-moz-file' || (0, _attrAccept2.default)(file, accept);
+	}
+	
+	function fileMatchSize(file, maxSize, minSize) {
+	  return file.size <= maxSize && file.size >= minSize;
+	}
+	
+	function allFilesAccepted(files, accept) {
+	  return files.every(function (file) {
+	    return fileAccepted(file, accept);
+	  });
+	}
+	
+	// allow the entire document to be a drag target
+	function onDocumentDragOver(evt) {
+	  evt.preventDefault();
+	}
+	
+	/***/ }),
+	/* 5 */
+	/***/ (function(module, exports) {
+	
+	module.exports=function(t){function n(e){if(r[e])return r[e].exports;var o=r[e]={exports:{},id:e,loaded:!1};return t[e].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}var r={};return n.m=t,n.c=r,n.p="",n(0)}([function(t,n,r){"use strict";n.__esModule=!0,r(8),r(9),n["default"]=function(t,n){if(t&&n){var r=function(){var r=Array.isArray(n)?n:n.split(","),e=t.name||"",o=t.type||"",i=o.replace(/\/.*$/,"");return{v:r.some(function(t){var n=t.trim();return"."===n.charAt(0)?e.toLowerCase().endsWith(n.toLowerCase()):/\/\*$/.test(n)?i===n.replace(/\/.*$/,""):o===n})}}();if("object"==typeof r)return r.v}return!0},t.exports=n["default"]},function(t,n){var r=t.exports={version:"1.2.2"};"number"==typeof __e&&(__e=r)},function(t,n){var r=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=r)},function(t,n,r){var e=r(2),o=r(1),i=r(4),u=r(19),c="prototype",f=function(t,n){return function(){return t.apply(n,arguments)}},s=function(t,n,r){var a,p,l,y,d=t&s.G,h=t&s.P,v=d?e:t&s.S?e[n]||(e[n]={}):(e[n]||{})[c],x=d?o:o[n]||(o[n]={});d&&(r=n);for(a in r)p=!(t&s.F)&&v&&a in v,l=(p?v:r)[a],y=t&s.B&&p?f(l,e):h&&"function"==typeof l?f(Function.call,l):l,v&&!p&&u(v,a,l),x[a]!=l&&i(x,a,y),h&&((x[c]||(x[c]={}))[a]=l)};e.core=o,s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,t.exports=s},function(t,n,r){var e=r(5),o=r(18);t.exports=r(22)?function(t,n,r){return e.setDesc(t,n,o(1,r))}:function(t,n,r){return t[n]=r,t}},function(t,n){var r=Object;t.exports={create:r.create,getProto:r.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:r.getOwnPropertyDescriptor,setDesc:r.defineProperty,setDescs:r.defineProperties,getKeys:r.keys,getNames:r.getOwnPropertyNames,getSymbols:r.getOwnPropertySymbols,each:[].forEach}},function(t,n){var r=0,e=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++r+e).toString(36))}},function(t,n,r){var e=r(20)("wks"),o=r(2).Symbol;t.exports=function(t){return e[t]||(e[t]=o&&o[t]||(o||r(6))("Symbol."+t))}},function(t,n,r){r(26),t.exports=r(1).Array.some},function(t,n,r){r(25),t.exports=r(1).String.endsWith},function(t,n){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,n){var r={}.toString;t.exports=function(t){return r.call(t).slice(8,-1)}},function(t,n,r){var e=r(10);t.exports=function(t,n,r){if(e(t),void 0===n)return t;switch(r){case 1:return function(r){return t.call(n,r)};case 2:return function(r,e){return t.call(n,r,e)};case 3:return function(r,e,o){return t.call(n,r,e,o)}}return function(){return t.apply(n,arguments)}}},function(t,n){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,n,r){t.exports=function(t){var n=/./;try{"/./"[t](n)}catch(e){try{return n[r(7)("match")]=!1,!"/./"[t](n)}catch(o){}}return!0}},function(t,n){t.exports=function(t){try{return!!t()}catch(n){return!0}}},function(t,n){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,n,r){var e=r(16),o=r(11),i=r(7)("match");t.exports=function(t){var n;return e(t)&&(void 0!==(n=t[i])?!!n:"RegExp"==o(t))}},function(t,n){t.exports=function(t,n){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:n}}},function(t,n,r){var e=r(2),o=r(4),i=r(6)("src"),u="toString",c=Function[u],f=(""+c).split(u);r(1).inspectSource=function(t){return c.call(t)},(t.exports=function(t,n,r,u){"function"==typeof r&&(o(r,i,t[n]?""+t[n]:f.join(String(n))),"name"in r||(r.name=n)),t===e?t[n]=r:(u||delete t[n],o(t,n,r))})(Function.prototype,u,function(){return"function"==typeof this&&this[i]||c.call(this)})},function(t,n,r){var e=r(2),o="__core-js_shared__",i=e[o]||(e[o]={});t.exports=function(t){return i[t]||(i[t]={})}},function(t,n,r){var e=r(17),o=r(13);t.exports=function(t,n,r){if(e(n))throw TypeError("String#"+r+" doesn't accept regex!");return String(o(t))}},function(t,n,r){t.exports=!r(15)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,n){var r=Math.ceil,e=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?e:r)(t)}},function(t,n,r){var e=r(23),o=Math.min;t.exports=function(t){return t>0?o(e(t),9007199254740991):0}},function(t,n,r){"use strict";var e=r(3),o=r(24),i=r(21),u="endsWith",c=""[u];e(e.P+e.F*r(14)(u),"String",{endsWith:function(t){var n=i(this,t,u),r=arguments,e=r.length>1?r[1]:void 0,f=o(n.length),s=void 0===e?f:Math.min(o(e),f),a=String(t);return c?c.call(n,a,s):n.slice(s-a.length,s)===a}})},function(t,n,r){var e=r(5),o=r(3),i=r(1).Array||Array,u={},c=function(t,n){e.each.call(t.split(","),function(t){void 0==n&&t in i?u[t]=i[t]:t in[]&&(u[t]=r(12)(Function.call,[][t],n))})};c("pop,reverse,shift,keys,values,entries",1),c("indexOf,every,some,forEach,map,filter,find,findIndex,includes",3),c("join,slice,concat,push,splice,unshift,sort,lastIndexOf,reduce,reduceRight,copyWithin,fill"),o(o.S,"Array",u)}]);
+	
+	/***/ }),
+	/* 6 */
+	/***/ (function(module, exports, __webpack_require__) {
+	
+	"use strict";
+	
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.default = {
+	  rejected: {
+	    borderStyle: 'solid',
+	    borderColor: '#c66',
+	    backgroundColor: '#eee'
+	  },
+	  disabled: {
+	    opacity: 0.5
+	  },
+	  active: {
+	    borderStyle: 'solid',
+	    borderColor: '#6c6',
+	    backgroundColor: '#eee'
+	  },
+	  default: {
+	    width: 200,
+	    height: 200,
+	    borderWidth: 2,
+	    borderColor: '#666',
+	    borderStyle: 'dashed',
+	    borderRadius: 5
+	  }
+	};
+	module.exports = exports['default'];
+	
+	/***/ })
+	/******/ ]);
+	});
+	//# sourceMappingURL=index.js.map
+
+/***/ },
+/* 202 */,
+/* 203 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	exports.__esModule = true;
+	
+	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+	
+	var _addClass = __webpack_require__(205);
+	
+	var _addClass2 = _interopRequireDefault(_addClass);
+	
+	var _removeClass = __webpack_require__(207);
+	
+	var _removeClass2 = _interopRequireDefault(_removeClass);
+	
+	var _requestAnimationFrame = __webpack_require__(209);
+	
+	var _requestAnimationFrame2 = _interopRequireDefault(_requestAnimationFrame);
+	
+	var _properties = __webpack_require__(208);
+	
+	var _react = __webpack_require__(1);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	var _propTypes = __webpack_require__(27);
+	
+	var _propTypes2 = _interopRequireDefault(_propTypes);
+	
+	var _reactDom = __webpack_require__(10);
+	
+	var _PropTypes = __webpack_require__(64);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+	
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+	
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+	
+	var events = [];
+	if (_properties.transitionEnd) events.push(_properties.transitionEnd);
+	if (_properties.animationEnd) events.push(_properties.animationEnd);
+	
+	function addEndListener(node, listener) {
+	  if (events.length) {
+	    events.forEach(function (e) {
+	      return node.addEventListener(e, listener, false);
+	    });
+	  } else {
+	    setTimeout(listener, 0);
+	  }
+	
+	  return function () {
+	    if (!events.length) return;
+	    events.forEach(function (e) {
+	      return node.removeEventListener(e, listener, false);
+	    });
+	  };
+	}
+	
+	var propTypes = {
+	  children: _propTypes2.default.node,
+	  name: _PropTypes.nameShape.isRequired,
+	
+	  // Once we require timeouts to be specified, we can remove the
+	  // boolean flags (appear etc.) and just accept a number
+	  // or a bool for the timeout flags (appearTimeout etc.)
+	  appear: _propTypes2.default.bool,
+	  enter: _propTypes2.default.bool,
+	  leave: _propTypes2.default.bool,
+	  appearTimeout: _propTypes2.default.number,
+	  enterTimeout: _propTypes2.default.number,
+	  leaveTimeout: _propTypes2.default.number
+	};
+	
+	var CSSTransitionGroupChild = function (_React$Component) {
+	  _inherits(CSSTransitionGroupChild, _React$Component);
+	
+	  function CSSTransitionGroupChild() {
+	    var _temp, _this, _ret;
+	
+	    _classCallCheck(this, CSSTransitionGroupChild);
+	
+	    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+	
+	    return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.componentWillAppear = function (done) {
+	      if (_this.props.appear) {
+	        _this.transition('appear', done, _this.props.appearTimeout);
 	      } else {
 	        done();
 	      }
@@ -18332,7 +19393,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 203 */
+/* 204 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18349,15 +19410,15 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _propTypes = __webpack_require__(39);
+	var _propTypes = __webpack_require__(27);
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _warning = __webpack_require__(210);
+	var _warning = __webpack_require__(211);
 	
 	var _warning2 = _interopRequireDefault(_warning);
 	
-	var _ChildMapping = __webpack_require__(209);
+	var _ChildMapping = __webpack_require__(210);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -18609,7 +19670,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 204 */
+/* 205 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18619,7 +19680,7 @@ module.exports =
 	});
 	exports.default = addClass;
 	
-	var _hasClass = __webpack_require__(205);
+	var _hasClass = __webpack_require__(206);
 	
 	var _hasClass2 = _interopRequireDefault(_hasClass);
 	
@@ -18631,7 +19692,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 205 */
+/* 206 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -18646,7 +19707,7 @@ module.exports =
 	module.exports = exports["default"];
 
 /***/ },
-/* 206 */
+/* 207 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -18656,7 +19717,7 @@ module.exports =
 	};
 
 /***/ },
-/* 207 */
+/* 208 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18771,7 +19832,7 @@ module.exports =
 	}
 
 /***/ },
-/* 208 */
+/* 209 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18829,7 +19890,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 209 */
+/* 210 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -18925,7 +19986,7 @@ module.exports =
 	}
 
 /***/ },
-/* 210 */
+/* 211 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -18991,13 +20052,13 @@ module.exports =
 
 
 /***/ },
-/* 211 */
+/* 212 */
 /***/ function(module, exports) {
 
 	module.exports = require("moment-timezone");
 
 /***/ },
-/* 212 */
+/* 213 */
 /***/ function(module, exports) {
 
 	module.exports = require("redux");