@chakra-ui/avatar - npm Package Compare versions

Comparing version 1.2.9 to 1.2.10

CHANGELOG.md

 # Change Log
 
+## 1.2.10
+
+### Patch Changes
+
+- [`93c99bdd7`](https://github.com/chakra-ui/chakra-ui/commit/93c99bdd77b01f699a70a9fe1ffbfc2f0be5776a)
+  Thanks [@segunadebayo](https://github.com/segunadebayo)! - Fix issue where
+  avatar blinks during API call due to its fallback logic. You can disable the
+  fallback logic by setting `ignoreFallback`, just like you can with the `Image`
+  component
+- Updated dependencies
+  [[`a1ca91b76`](https://github.com/chakra-ui/chakra-ui/commit/a1ca91b769000a9d4e6badb5bce46cd5e4035106),
+  [`11eebac4c`](https://github.com/chakra-ui/chakra-ui/commit/11eebac4cc951c3af65ebdf4ec0f70b8fe9d0f63)]:
+  - @chakra-ui/image@1.0.20
+
 ## 1.2.9
@@ -4,0 +18,0 @@

dist/cjs/avatar.js

@@ -132,3 +132,4 @@ "use strict";
       borderColor = _omitThemingProps.borderColor,
-      rest = _objectWithoutPropertiesLoose(_omitThemingProps, ["src", "name", "showBorder", "borderRadius", "onError", "getInitials", "icon", "iconLabel", "loading", "children", "borderColor"]);
+      ignoreFallback = _omitThemingProps.ignoreFallback,
+      rest = _objectWithoutPropertiesLoose(_omitThemingProps, ["src", "name", "showBorder", "borderRadius", "onError", "getInitials", "icon", "iconLabel", "loading", "children", "borderColor", "ignoreFallback"]);
 
@@ -159,3 +160,4 @@ var avatarStyles = _extends({
     icon: icon,
-    iconLabel: iconLabel
+    iconLabel: iconLabel,
+    ignoreFallback: ignoreFallback
   }), children));
@@ -178,3 +180,4 @@ });
       _props$icon = props.icon,
-      icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$icon;
+      icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$icon,
+      ignoreFallback = props.ignoreFallback;
   /**
@@ -186,3 +189,4 @@ * use the image hook to only show the image when it has loaded
     src: src,
-    onError: onError
+    onError: onError,
+    ignoreFallback: ignoreFallback
   });
@@ -189,0 +193,0 @@ var hasLoaded = status === "loaded";

dist/esm/avatar.js

@@ -111,5 +111,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
     children,
-    borderColor
+    borderColor,
+    ignoreFallback
   } = _omitThemingProps,
-      rest = _objectWithoutPropertiesLoose(_omitThemingProps, ["src", "name", "showBorder", "borderRadius", "onError", "getInitials", "icon", "iconLabel", "loading", "children", "borderColor"]);
+      rest = _objectWithoutPropertiesLoose(_omitThemingProps, ["src", "name", "showBorder", "borderRadius", "onError", "getInitials", "icon", "iconLabel", "loading", "children", "borderColor", "ignoreFallback"]);
 
@@ -140,3 +141,4 @@ var avatarStyles = _extends({
     icon: icon,
-    iconLabel: iconLabel
+    iconLabel: iconLabel,
+    ignoreFallback: ignoreFallback
   }), children));
@@ -158,3 +160,4 @@ });
     iconLabel,
-    icon = /*#__PURE__*/React.createElement(DefaultIcon, null)
+    icon = /*#__PURE__*/React.createElement(DefaultIcon, null),
+    ignoreFallback
   } = props;
@@ -167,3 +170,4 @@ /**
     src,
-    onError
+    onError,
+    ignoreFallback
   });
@@ -170,0 +174,0 @@ var hasLoaded = status === "loaded";

dist/types/avatar.d.ts

@@ -63,2 +63,7 @@ import type { SystemProps, SystemStyleObject, ThemingProps, HTMLChakraProps } from "@chakra-ui/system";
     iconLabel?: string;
+    /**
+     * If `true`, opt out of the avatar's `fallback` logic and
+     * renders the `img` at all times.
+     */
+    ignoreFallback?: boolean;
 }
@@ -65,0 +70,0 @@ /**

package.json

 {
   "name": "@chakra-ui/avatar",
-  "version": "1.2.9",
+  "version": "1.2.10",
   "description": "A React component used to show users avatar or initials",
@@ -62,3 +62,3 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/image": "1.0.19",
+    "@chakra-ui/image": "1.0.20",
     "@chakra-ui/react-utils": "1.1.2",
@@ -65,0 +65,0 @@ "@chakra-ui/utils": "1.8.2"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

80765

increased by2.39%

Lines of code

661

increased by2.01%

Dependency changes

• + Added@chakra-ui/image@1.0.20(transitive)

• - Removed@chakra-ui/image@1.0.19(transitive)

• Updated@chakra-ui/image@1.0.20