@lingk/sync 1.0.11 → 1.0.13

package/build/credentialSections.js

@@ -322,7 +322,7 @@ module.exports =
 	
 	      _this.setState({ uploading: true });
 	      setCsvFields(_this.state.meta, _this.state.fileContents, providerType).then(function () {
-	        _this.setState({ meta: [], uploading: false });
+	        _this.setState({ meta: [], fileContents: [], uploading: false });
 	      });
 	    };
 	
@@ -659,7 +659,8 @@ module.exports =
 	    };
 	
 	    _this.state = {
-	      actualCreds: {}
+	      actualCreds: {},
+	      showPass: false
 	    };
 	    return _this;
 	  }
@@ -819,8 +820,8 @@ module.exports =
 	                    unCamelize(credType)
 	                  ),
 	                  _react2.default.createElement('br', null),
-	                  _react2.default.createElement(Input, { name: credType,
-	                    onKeyPress: _this2.credKeyPress,
+	                  _react2.default.createElement(Input, { name: credType, onKeyPress: _this2.credKeyPress,
+	                    datatype: credType === 'password' && !_this2.state.showPass ? 'password' : null,
 	                    value: _this2.state.actualCreds[credType] || '',
 	                    onChange: _this2.onChange }),
 	                  index === 0 && noRootUrl && _react2.default.createElement(
@@ -832,7 +833,12 @@ module.exports =
 	                      style: { marginLeft: 8, marginBottom: 4, height: 30, lineHeight: '10px' },
 	                      disabled: credsDisabledCheck },
 	                    'Test Connection'
-	                  )
+	                  ),
+	                  credType === 'password' && _react2.default.createElement(Key, { showPass: _this2.state.showPass,
+	                    onClick: function onClick() {
+	                      return _this2.setState({ showPass: !_this2.state.showPass });
+	                    }
+	                  })
 	                );
 	              })
 	            )
@@ -856,6 +862,20 @@ module.exports =
 	}(_react.Component);
 	
 	exports.default = EnvSection;
+	
+	
+	var Key = function Key(_ref) {
+	  var onClick = _ref.onClick,
+	      showPass = _ref.showPass;
+	
+	  return _react2.default.createElement(
+	    'svg',
+	    { onClick: onClick, style: showPass ? { fill: '#3a91dcb3' } : {},
+	      height: '24', width: '24', className: 'pass-key-svg', viewBox: '0 0 24 24' },
+	    _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
+	    _react2.default.createElement('path', { d: 'M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z' })
+	  );
+	};
 
 /***/ },