@parrot-co/parrot-ui 0.0.53 → 0.0.55

package/dist/main.js

@@ -3374,36 +3374,38 @@ function $e12b0eb570e3e94c$export$d41d9ab3de2def3d(text) {
     }
     return Math.abs(hash);
 }
+function $e12b0eb570e3e94c$export$d560c7e4a29451c2() {
+    return Math.random().toString(36);
+}
 
 
 const $53cff1de4d77d0c5$export$e2255cf6045e8d47 = /*#__PURE__*/ $E4F9t$react.forwardRef(({ src: src , alt: alt , name: name , color: color , variant: variant = "light" , fallback: fallback , children: children , ...props }, ref)=>{
-    const [showFallback, setShowFallback] = $E4F9t$react.useState(false);
+    const [imageError, setImageError] = $E4F9t$react.useState(false);
     const defaultColor = $E4F9t$react.useMemo(()=>{
         const hash = (0, $e12b0eb570e3e94c$export$d41d9ab3de2def3d)(name || "");
         return (0, $02a166a5043d2558$export$36308cce1deef340)[hash % (0, $02a166a5043d2558$export$36308cce1deef340).length];
     }, [
         name
     ]);
-    const showImage = src && !showFallback && !children;
-    const _showFallback = fallback && showFallback && !children;
-    return /*#__PURE__*/ (0, $E4F9t$reactjsxruntime.jsxs)((0, $8fff24416ec1775a$export$f7513421c53ce141), {
+    const renderContent = ()=>{
+        if (src && !imageError) return /*#__PURE__*/ (0, $E4F9t$reactjsxruntime.jsx)("img", {
+            onLoad: ()=>setImageError(false),
+            onError: ()=>setImageError(true),
+            src: src,
+            alt: alt
+        });
+        if (imageError && !children) return fallback;
+        if (!src && !children && name) return /*#__PURE__*/ (0, $E4F9t$reactjsxruntime.jsx)("span", {
+            children: name.charAt(0)
+        });
+        return children;
+    };
+    return /*#__PURE__*/ (0, $E4F9t$reactjsxruntime.jsx)((0, $8fff24416ec1775a$export$f7513421c53ce141), {
         color: color ?? defaultColor,
         variant: variant,
         ref: ref,
         ...props,
-        children: [
-            showImage && /*#__PURE__*/ (0, $E4F9t$reactjsxruntime.jsx)("img", {
-                onLoad: ()=>setShowFallback(false),
-                onError: ()=>setShowFallback(true),
-                src: src,
-                alt: alt
-            }),
-            (showFallback || name) && !fallback && /*#__PURE__*/ (0, $E4F9t$reactjsxruntime.jsx)("span", {
-                children: name?.charAt(0)
-            }),
-            _showFallback && fallback,
-            children
-        ]
+        children: renderContent()
     });
 });
 $53cff1de4d77d0c5$export$e2255cf6045e8d47.displayName = "Avatar";
@@ -3457,6 +3459,7 @@ const $a0d465526c944113$export$f911245fef99627e = (0, $80923bc9c1ba824c$export$3
 
 
 
+
 const $5bdc448a87fb1cbf$export$1a5cb5295a7d2749 = /*#__PURE__*/ $E4F9t$react.forwardRef(({ onFileUpload: onFileUpload , onRemoveFile: onRemoveFile , error: error , label: label , allowMultiple: allowMultiple , uploads: controlledUploads , hideFileList: hideFileList  }, ref)=>{
     const [_uploads, setUploads] = $E4F9t$react.useState([]);
     const uploads = controlledUploads ?? _uploads;
@@ -3490,7 +3493,7 @@ const $5bdc448a87fb1cbf$export$1a5cb5295a7d2749 = /*#__PURE__*/ $E4F9t$react.for
     function convertFileToUpload(file) {
         return {
             name: file.name,
-            id: file.name,
+            id: (0, $e12b0eb570e3e94c$export$d560c7e4a29451c2)(),
             url: URL.createObjectURL(file),
             status: "success",
             file: file