react-useravatar - npm Package Compare versions

Comparing version 1.0.9 to 1.1.0

lib/UserAvatar.js

@@ -27,3 +27,3 @@ 'use strict';
  * @url https://github.com/bltnico/react-user-avatar
- * @version 1.0.9
+ * @version 1.1.0
  *
@@ -159,3 +159,5 @@ * @example
                 container: {
-                    backgroundColor: "#" + this.state.color,
+                    backgroundColor: !this.props.borderStyle ? "#" + this.state.color : "transparent",
+                    borderWidth: !this.props.borderStyle ? 0 : 2,
+                    borderColor: !this.props.borderStyle ? "none" : this.state.color,
                     borderRadius: this.props.size / 2,
@@ -168,3 +170,3 @@ width: this.props.size,
                 text: {
-                    color: this.props.textColor,
+                    color: !this.props.borderStyle ? this.props.textColor : this.state.color,
                     fontSize: this.props.size / 3 + "px"
@@ -176,3 +178,3 @@ }
                 'div',
-                { style: styles.container, onClick: this._onClick },
+                { style: styles.container, onClick: this._onClick.bind(this) },
                 _react2.default.createElement(
@@ -204,3 +206,4 @@ 'span',
     onClick: _react2.default.PropTypes.func,
-    textColor: _react2.default.PropTypes.string
+    textColor: _react2.default.PropTypes.string,
+    borderStyle: _react2.default.PropTypes.bool
 };
@@ -213,3 +216,4 @@
     size: 100,
-    textColor: "#ffffff"
+    textColor: "#ffffff",
+    borderStyle: false
 };

package.json

 {
     "name": "react-useravatar",
-    "version": "1.0.9",
+    "version": "1.1.0",
     "description": "",
@@ -5,0 +5,0 @@ "main": "index.js",

src/UserAvatar.jsx

@@ -11,3 +11,3 @@ 'use strict';
  * @url https://github.com/bltnico/react-user-avatar
- * @version 1.0.9
+ * @version 1.1.0
  *
@@ -119,3 +119,5 @@ * @example
             container : {
-                backgroundColor : "#" + this.state.color,
+                backgroundColor : (!this.props.borderStyle) ? "#" + this.state.color : "transparent",
+                borderWidth : (!this.props.borderStyle) ? 0 : 2,
+                borderColor : (!this.props.borderStyle) ? "none" : this.state.color,
                 borderRadius : this.props.size / 2,
@@ -128,3 +130,3 @@ width : this.props.size,
             text : {
-                color : this.props.textColor,
+                color : (!this.props.borderStyle) ? this.props.textColor : this.state.color,
                 fontSize : (this.props.size / 3) + "px"
@@ -135,3 +137,3 @@ }
         return (
-            <div style={styles.container} onClick={this._onClick}>
+            <div style={styles.container} onClick={this._onClick.bind(this)}>
                 <span style={styles.text}>{this.state.text}</span>
@@ -151,3 +153,4 @@ </div>
     onClick : React.PropTypes.func,
-    textColor : React.PropTypes.string
+    textColor : React.PropTypes.string,
+    borderStyle : React.PropTypes.bool,
 };
@@ -160,3 +163,4 @@
     size : 100,
-    textColor : "#ffffff"
+    textColor : "#ffffff",
+    borderStyle : false
 };

No alert changes

Improved metrics

Total package byte prevSize

11374

increased by6.01%

Lines of code

327

increased by2.51%

No dependency changes