ssovee-os-web-ui 0.1.17 → 0.1.20

package/README.md

@@ -26,7 +26,13 @@ npm install react react-dom
 
 ## CSS import
 
-In the consuming app, add only the package theme stylesheet to your global CSS:
+Import the package stylesheet once in your app entry file or global stylesheet:
+
+```ts
+import "ssovee-os-web-ui/theme.css";
+```
+
+If your setup prefers CSS imports, this also works:
 
 ```css
 @import "ssovee-os-web-ui/theme.css";

package/dist/index.cjs

@@ -663,29 +663,33 @@ var ImageWithPlaceholder = ({
   onError,
   ...props
 }) => {
+  const resolveSrc = (s) => {
+    if (s && typeof s === "object" && "src" in s && typeof s.src === "string") {
+      return s.src;
+    }
+    return typeof s === "string" ? s : void 0;
+  };
   const isValidSrc = (s) => {
     if (!s) return false;
-    if (typeof s === "object") return true;
-    if (typeof s === "string") {
-      const trimmed = s.trim();
-      if (trimmed === "") return false;
-      if (trimmed.startsWith("data:")) return true;
-      if (trimmed.startsWith("/") || trimmed.startsWith("./") || trimmed.startsWith("../")) return true;
-      try {
-        new URL(trimmed);
-        return true;
-      } catch {
-        return false;
-      }
+    const trimmed = s.trim();
+    if (trimmed === "") return false;
+    if (trimmed.startsWith("data:")) return true;
+    if (trimmed.startsWith("/") || trimmed.startsWith("./") || trimmed.startsWith("../")) return true;
+    try {
+      new URL(trimmed);
+      return true;
+    } catch {
+      return false;
     }
-    return true;
   };
-  const initialSrc = isValidSrc(src) ? src : fallbackSrc;
+  const resolvedSrc = resolveSrc(src);
+  const initialSrc = isValidSrc(resolvedSrc) ? resolvedSrc : fallbackSrc;
   const [imgSrc, setImgSrc] = React20.useState(initialSrc);
-  const [hasError, setHasError] = React20.useState(!isValidSrc(src));
+  const [hasError, setHasError] = React20.useState(!isValidSrc(resolvedSrc));
   React20.useEffect(() => {
-    if (isValidSrc(src)) {
-      setImgSrc(src);
+    const nextResolvedSrc = resolveSrc(src);
+    if (isValidSrc(nextResolvedSrc)) {
+      setImgSrc(nextResolvedSrc);
       setHasError(false);
     } else {
       setImgSrc(fallbackSrc);