@allxsmith/bestax-bulma 5.4.1 → 5.4.2

package/dist/index.esm.js

@@ -759,6 +759,11 @@ function DefaultAvatarIcon() {
 }
 const Avatar = ({ className, src, alt, name, initials, icon, size, shape = 'circle', color, as, href, target, rel, imageProps, style, ...props }) => {
     const [erroredSrc, setErroredSrc] = useState(undefined);
+    const [prevSrc, setPrevSrc] = useState(src);
+    if (src !== prevSrc) {
+        setPrevSrc(src);
+        setErroredSrc(undefined);
+    }
     const imgRef = useRef(null);
     const { bulmaHelperClasses, rest } = useBulmaClasses(props);
     const showImage = !!src && src !== erroredSrc;
@@ -801,10 +806,23 @@ const Avatar = ({ className, src, alt, name, initials, icon, size, shape = 'circ
     return (jsxs(Tag, { className: combinedClasses, style: { ...sizeStyle, ...style }, ...linkProps, ...a11yProps, ...rest, children: [showImage && (jsx("img", { ...imageProps, ref: imgRef, src: src, alt: alt || name || '', onError: e => {
                     imageProps?.onError?.(e);
                     setErroredSrc(src);
-                } })), showInitials && (jsx("span", { className: initialsClass, children: resolvedInitials })), showIcon && icon, showDefaultIcon && jsx(DefaultAvatarIcon, {})] }));
+                } }, src)), showInitials && (jsx("span", { className: initialsClass, children: resolvedInitials })), showIcon && icon, showDefaultIcon && jsx(DefaultAvatarIcon, {})] }));
 };
 Avatar.displayName = 'Avatar';
 
+function flattenChildren(children, keyPrefix = '') {
+    return React.Children.toArray(children).flatMap(child => {
+        if (!React.isValidElement(child))
+            return [];
+        if (child.type === React.Fragment) {
+            return flattenChildren(child.props.children, keyPrefix + child.key);
+        }
+        const el = child;
+        return [
+            keyPrefix ? React.cloneElement(el, { key: keyPrefix + el.key }) : el,
+        ];
+    });
+}
 const Avatars = ({ className, max, size, shape, spacing = 'md', spaced = false, style, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
     const isPresetSpacing = typeof spacing === 'string';
@@ -817,7 +835,7 @@ const Avatars = ({ className, max, size, shape, spacing = 'md', spaced = false,
         : undefined;
     const surplusClass = usePrefixedClassNames('is-surplus');
     const combinedClasses = classNames(avatarsClasses, bulmaHelperClasses, className);
-    const childArray = React.Children.toArray(children).filter(React.isValidElement);
+    const childArray = flattenChildren(children);
     const maxCount = typeof max === 'number' && Number.isInteger(max) && max >= 0
         ? max
         : undefined;