@blaze-react/avatar - npm Package Compare versions

Comparing version 0.3.0 to 0.3.4

lib/index.js

@@ -24,2 +24,5 @@ "use strict";
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 var __importStar = (this && this.__importStar) || function (mod) {
@@ -33,9 +36,15 @@ if (mod && mod.__esModule) return mod;
 exports.__esModule = true;
+var utils_1 = __importDefault(require("@blaze-react/utils"));
 var react_1 = __importStar(require("react"));
 var Avatar = function (_a) {
-    var modifier = _a.modifier, _b = _a.url, url = _b === void 0 ? "" : _b, username = _a.username, attr = __rest(_a, ["modifier", "url", "username"]);
+    var _b;
+    var modifier = _a.modifier, url = _a.url, username = _a.username, classNames = _a.utils.classNames, attr = __rest(_a, ["modifier", "url", "username", "utils"]);
     var _c = react_1.useState(url), avatarUrl = _c[0], setAvatar = _c[1];
-    var buildedModifier = modifier ? "avatar--" + modifier : "";
-    var initials = username &&
-        username
+    var _d = react_1.useState(false), validUrl = _d[0], setValidUrl = _d[1];
+    var avatarClassName = classNames("avatar", (_b = {},
+        _b["avatar--" + modifier] = !!modifier,
+        _b));
+    var initials = !username
+        ? "!"
+        : username
             .split(" ")
@@ -45,8 +54,11 @@ .map(function (subName) { return subName[0].toUpperCase(); })
             .substring(0, 2);
-    var imageData = new Image();
-    imageData.src = url;
-    imageData.onload = function () { return setAvatar(url); };
-    return (react_1["default"].createElement("div", { className: "avatar " + buildedModifier },
-        avatarUrl && react_1["default"].createElement("img", __assign({ src: avatarUrl, alt: "avatar" }, attr)),
-        !avatarUrl && react_1["default"].createElement("span", null, initials)));
+    if (url && !validUrl) {
+        var imageData = new Image();
+        imageData.src = url;
+        imageData.addEventListener("load", function () {
+            setAvatar(url);
+            setValidUrl(true);
+        });
+    }
+    return (react_1["default"].createElement("div", { className: avatarClassName }, validUrl ? (react_1["default"].createElement("img", __assign({ src: avatarUrl, alt: "avatar" }, attr))) : (react_1["default"].createElement("span", null, initials))));
 };
@@ -56,4 +68,4 @@ Avatar.defaultProps = {
     url: "",
-    username: "!"
+    username: ""
 };
-exports["default"] = Avatar;
+exports["default"] = utils_1["default"](Avatar);

package.json

 {
   "name": "@blaze-react/avatar",
-  "version": "0.3.0",
+  "version": "0.3.4",
   "publishConfig": {
@@ -20,2 +20,5 @@ "access": "public"
   "license": "ISC",
+  "dependencies": {
+    "@blaze-react/utils": "^0.3.4"
+  },
   "devDependencies": {
@@ -36,3 +39,3 @@ "@babel/cli": "^7.4.4",
   },
-  "gitHead": "64a96b52b616cfda325f90903f5871c042f3e3e2"
+  "gitHead": "9b6fd8c0d22d33920703d7e58198e6567adaefdc"
 }

README.md

@@ -1,2 +0,1 @@
-
 ## Description
@@ -8,3 +7,3 @@
 
-* Image
+- Image
 
@@ -15,10 +14,17 @@ ```js
 <Avatar url={url} modifier="med"/>
-<Avatar url={url} username="Ismael Haytam" modifier="small"/>
+
+<Avatar
+  url={url}
+  username="Ismael Haytam"
+  modifier="small"/>
 ```
 
-* User Initials
+- User Initials
 
-``` js
-<Avatar username="Blaz 2"/>
-<Avatar username="Kongan Page" modifier="x-small"/>
+```js
+<Avatar username="Blaz 2" modifier="med"/>
+
+<Avatar
+  username="Lorem Ipsum"
+  modifier="x-small"/>
 ```
@@ -30,8 +36,6 @@
 
-
-| NAME   | TYPE | DEFAULT | Options |
-| :---  | :---:  | :---: | ------- |
-| modifier | String | empty | med, small, x-small |
-| url | string | empty | 
-| username | String | ! | 
-
+| NAME     |  TYPE  | DEFAULT | Options             |
+| :------- | :----: | :-----: | ------------------- |
+| modifier | String |  empty  | med, small, x-small |
+| url      | string |  empty  |
+| username | String |    !    |

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5787

increased by20.44%

Lines of code

124

increased by33.33%

Number of lines in readme file

39

increased by11.43%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

4

increased by33.33%

Dependency changes

• + Added@blaze-react/utils@^0.3.4

• + Added@blaze-react/utils@0.3.58(transitive)

• + Addedclassnames@2.5.1(transitive)

• + Addedhoist-non-react-statics@3.3.2(transitive)