@firecms/ui 3.0.0-canary.142 → 3.0.0-canary.144

package/dist/index.umd.js

@@ -377,6 +377,10 @@
     outerClassName,
     ...props
   }, ref) => {
+    const [isImageError, setIsImageError] = React.useState(false);
+    const handleImageError = () => {
+      setIsImageError(true);
+    };
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -388,7 +392,7 @@
           "p-1 hover:bg-slate-200 hover:dark:bg-slate-700 w-12 h-12 min-w-12 min-h-12",
           outerClassName
         ),
-        children: src ? /* @__PURE__ */ jsxRuntime.jsx(
+        children: src && !isImageError ? /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
             className: cls(
@@ -397,7 +401,8 @@
               className
             ),
             src,
-            alt
+            alt,
+            onError: handleImageError
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx(
           "span",
@@ -496,6 +501,9 @@
     autoFocus,
     disabled,
     size,
+    className,
+    fullWidth = true,
+    inputClassName,
     ...props
   }) {
     const ref = React.useRef(null);
@@ -517,13 +525,15 @@
           !invisible && fieldBackgroundMixin,
           !invisible && (disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin),
           disabled ? "cursor-default" : "cursor-pointer",
-          "rounded-md max-w-full justify-between w-full box-border relative inline-flex items-center",
+          "rounded-md max-w-full justify-between box-border relative inline-flex items-center",
           !invisible && focus && !disabled ? focusedClasses : "",
           error ? "text-red-500 dark:text-red-600" : focus && !disabled ? "text-primary" : !disabled ? "text-text-primary dark:text-text-primary-dark" : "text-text-secondary dark:text-text-secondary-dark",
           size === "smallest" ? "min-h-[40px]" : size === "small" ? "min-h-[48px]" : "min-h-[64px]",
           size === "smallest" ? "pl-2" : "pl-4",
           size === "smallest" ? "pr-4" : "pr-6",
-          position === "end" ? "flex-row-reverse" : "flex-row"
+          position === "end" ? "flex-row-reverse" : "flex-row",
+          fullWidth ? "w-full" : "",
+          className
         ),
         onClick: disabled ? void 0 : (e) => {
           if (props.allowIndeterminate) {
@@ -541,7 +551,7 @@
               value,
               ref: refInput,
               size,
-              className: invisible && focus ? focusedClasses : "",
+              className: cls(invisible && focus ? focusedClasses : "", inputClassName),
               disabled,
               ...props
             }