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

package/dist/components/BooleanSwitchWithLabel.d.ts

@@ -6,9 +6,12 @@ export type BooleanSwitchWithLabelProps = BooleanSwitchProps & {
     label?: React.ReactNode;
     error?: boolean;
     autoFocus?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    inputClassName?: string;
 };
 /**
  * Simple boolean switch.
  *
  */
-export declare const BooleanSwitchWithLabel: ({ value, position, invisible, onValueChange, error, label, autoFocus, disabled, size, ...props }: BooleanSwitchWithLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BooleanSwitchWithLabel: ({ value, position, invisible, onValueChange, error, label, autoFocus, disabled, size, className, fullWidth, inputClassName, ...props }: BooleanSwitchWithLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.es.js

@@ -366,6 +366,10 @@ const AvatarInner = ({
   outerClassName,
   ...props
 }, ref) => {
+  const [isImageError, setIsImageError] = useState(false);
+  const handleImageError = () => {
+    setIsImageError(true);
+  };
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -377,7 +381,7 @@ const AvatarInner = ({
         "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__ */ jsx(
+      children: src && !isImageError ? /* @__PURE__ */ jsx(
         "img",
         {
           className: cls(
@@ -386,7 +390,8 @@ const AvatarInner = ({
             className
           ),
           src,
-          alt
+          alt,
+          onError: handleImageError
         }
       ) : /* @__PURE__ */ jsx(
         "span",
@@ -485,6 +490,9 @@ const BooleanSwitchWithLabel = function BooleanSwitchWithLabel2({
   autoFocus,
   disabled,
   size,
+  className,
+  fullWidth = true,
+  inputClassName,
   ...props
 }) {
   const ref = React__default.useRef(null);
@@ -506,13 +514,15 @@ const BooleanSwitchWithLabel = function BooleanSwitchWithLabel2({
         !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) {
@@ -530,7 +540,7 @@ const BooleanSwitchWithLabel = function BooleanSwitchWithLabel2({
             value,
             ref: refInput,
             size,
-            className: invisible && focus ? focusedClasses : "",
+            className: cls(invisible && focus ? focusedClasses : "", inputClassName),
             disabled,
             ...props
           }