@edifice.io/react 2.6.7-develop-b2school.20260928143952 → 2.6.7-develop-b2school.20260930103331

package/dist/components/AppIcon/AppIcon.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import { forwardRef, useState, useEffect } from "react";
 import clsx from "clsx";
 import * as iconsApps from "../../icons-apps.js";
 import useEdificeIcons from "../../hooks/useEdificeIcons/useEdificeIcons.js";
@@ -15,7 +15,7 @@ const AppIcon = /* @__PURE__ */ forwardRef(({
   const {
     isIconUrl,
     getIconCode
-  } = useEdificeIcons(), isSquare = variant === "square", isRounded = variant === "rounded", isCircle = variant === "circle", isContain = iconFit === "contain", isRatio = iconFit === "ratio", iconSizes = {
+  } = useEdificeIcons(), [imageLoadFailed, setImageLoadFailed] = useState(!1), isSquare = variant === "square", isRounded = variant === "rounded", isCircle = variant === "circle", isContain = iconFit === "contain", isRatio = iconFit === "ratio", iconSizes = {
     "icon-xs": size === "24",
     "icon-sm": size === "40",
     "icon-md": size === "48",
@@ -28,7 +28,11 @@ const AppIcon = /* @__PURE__ */ forwardRef(({
   }, iconFits = {
     "icon-contain": isContain,
     "icon-ratio": isRatio
-  }, icon = typeof app == "string" ? app : (app == null ? void 0 : app.icon) !== void 0 ? app.icon : "placeholder", displayName = typeof app != "string" && (app == null ? void 0 : app.displayName) !== void 0 ? app.displayName : "", code = app ? getIconCode(app) : "", isIconURL = isIconUrl(icon), appCode = code || "placeholder", classes = clsx("app-icon", {
+  }, icon = typeof app == "string" ? app : (app == null ? void 0 : app.icon) !== void 0 ? app.icon : "placeholder", displayName = typeof app != "string" && ((app == null ? void 0 : app.displayName) || (app == null ? void 0 : app.name)) || "", code = app ? getIconCode(app) : "", iconIsUrl = !!isIconUrl(icon), isIconURL = iconIsUrl && !imageLoadFailed, showLetterFallback = iconIsUrl && imageLoadFailed && !!displayName;
+  useEffect(() => {
+    setImageLoadFailed(!1);
+  }, [icon]);
+  const appCode = iconIsUrl ? "placeholder" : code || "placeholder", classes = clsx("app-icon", {
     ...iconSizes,
     ...iconVariant,
     ...iconFits,
@@ -42,12 +46,14 @@ const AppIcon = /* @__PURE__ */ forwardRef(({
     const classes2 = clsx("h-full", className);
     return /* @__PURE__ */ jsx(Image, { src: icon, alt: displayName, objectFit: "contain", width: size, height: size, className: classes2, style: {
       minWidth: size + "px"
-    } });
+    }, onError: () => setImageLoadFailed(!0) });
   }
   return /* @__PURE__ */ jsx("div", { ref, className: classes, style: {
     width: size + "px",
     height: size + "px"
-  }, children: /* @__PURE__ */ jsx(IconComponent, { width: size, height: size }) });
+  }, children: showLetterFallback ? /* @__PURE__ */ jsx("span", { className: "app-icon-letter", style: {
+    fontSize: size + "px"
+  }, children: displayName.charAt(0).toUpperCase() }) : /* @__PURE__ */ jsx(IconComponent, { width: size, height: size }) });
 });
 export {
   AppIcon as default

package/dist/components/Image/Image.js

@@ -10,6 +10,7 @@ const Image = /* @__PURE__ */ forwardRef(({
   ratio,
   objectFit,
   className,
+  onError: onErrorProp,
   ...restProps
 }, ref) => {
   const placeholder = imgPlaceholder ?? commonPlaceholder, {
@@ -18,7 +19,9 @@ const Image = /* @__PURE__ */ forwardRef(({
   } = useImage({
     src,
     placeholder
-  }), ratioImage = {
+  }), handleError = (event) => {
+    onError(), onErrorProp == null || onErrorProp(event);
+  }, ratioImage = {
     "ratio ratio-1x1": ratio === "1",
     "ratio ratio-4x3": ratio === "4",
     "ratio ratio-16x9": ratio === "16",
@@ -33,7 +36,7 @@ const Image = /* @__PURE__ */ forwardRef(({
     ...ratioImage
   }), classes = clsx({
     ...objectImage
-  }, className), renderImage = /* @__PURE__ */ jsx("img", { alt, onError, ref, src: imgSrc, className: classes, ...restProps });
+  }, className), renderImage = /* @__PURE__ */ jsx("img", { alt, onError: handleError, ref, src: imgSrc, className: classes, ...restProps });
   return ratio ? /* @__PURE__ */ jsx("div", { className: ratioClasses, children: renderImage }) : renderImage;
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.7-develop-b2school.20260928143952",
+  "version": "2.6.7-develop-b2school.20260930103331",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -140,9 +140,9 @@
     "swiper": "10.1.0",
     "ua-parser-js": "1.0.36",
     "zustand": "4.5.7",
-    "@edifice.io/bootstrap": "2.6.7-develop-b2school.20260928143952",
-    "@edifice.io/tiptap-extensions": "2.6.7-develop-b2school.20260928143952",
-    "@edifice.io/utilities": "2.6.7-develop-b2school.20260928143952"
+    "@edifice.io/bootstrap": "2.6.7-develop-b2school.20260930103331",
+    "@edifice.io/tiptap-extensions": "2.6.7-develop-b2school.20260930103331",
+    "@edifice.io/utilities": "2.6.7-develop-b2school.20260930103331"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "7.27.1",
@@ -173,8 +173,8 @@
     "vite": "5.4.14",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
-    "@edifice.io/config": "2.6.7-develop-b2school.20260928143952",
-    "@edifice.io/client": "2.6.7-develop-b2school.20260928143952"
+    "@edifice.io/client": "2.6.7-develop-b2school.20260930103331",
+    "@edifice.io/config": "2.6.7-develop-b2school.20260930103331"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",