infinity-ui-elements 1.8.30 → 1.8.32

package/dist/index.js

@@ -3145,8 +3145,16 @@ const RadioGroup = React__namespace.forwardRef(({ value: controlledValue, defaul
         if (currentIndex === -1)
             return;
         const direction = orientation === "horizontal"
-            ? (e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : 0)
-            : (e.key === "ArrowDown" ? 1 : e.key === "ArrowUp" ? -1 : 0);
+            ? e.key === "ArrowRight"
+                ? 1
+                : e.key === "ArrowLeft"
+                    ? -1
+                    : 0
+            : e.key === "ArrowDown"
+                ? 1
+                : e.key === "ArrowUp"
+                    ? -1
+                    : 0;
         if (direction === 0)
             return;
         e.preventDefault();
@@ -3214,20 +3222,14 @@ const RadioGroup = React__namespace.forwardRef(({ value: controlledValue, defaul
                 ...child.props,
                 ref: (el) => {
                     radioRefs.current[index] = el;
-                    // Preserve original ref if it exists
-                    const originalRef = child.ref;
-                    if (typeof originalRef === "function") {
-                        originalRef(el);
-                    }
-                    else if (originalRef && "current" in originalRef) {
-                        originalRef.current = el;
-                    }
                 },
                 name,
                 checked: isChecked,
                 onChange: (e) => {
                     if (e.target.checked) {
-                        handleChange(childValue || "");
+                        handleChange(typeof childValue === "string"
+                            ? childValue
+                            : String(childValue || ""));
                     }
                     // Call original onChange if it exists
                     if (child.props.onChange) {
@@ -3241,7 +3243,13 @@ const RadioGroup = React__namespace.forwardRef(({ value: controlledValue, defaul
             });
         });
     };
-    return (jsxRuntime.jsxs("div", { ref: ref, className: cn("w-full flex flex-col", sizeConfig[size].gap, containerClassName), ...props, children: [label && (jsxRuntime.jsx(FormHeader, { label: label, size: size, isRequired: isRequired, isOptional: isOptional, infoHeading: infoHeading, infoDescription: infoDescription, LinkComponent: LinkComponent, linkText: linkText, linkHref: linkHref, onLinkClick: onLinkClick, htmlFor: id, className: "mb-2", labelClassName: labelClassName })), jsxRuntime.jsx("div", { ref: groupRef, role: "radiogroup", "aria-label": label, "aria-required": isRequired, "aria-invalid": currentValidationState === "error", "aria-disabled": isDisabled, className: cn("flex", orientation === "horizontal" ? "flex-row items-center" : "flex-col items-start", spacingConfig[spacing], groupClassName, className), onKeyDown: handleKeyDown, id: id, children: options ? renderOptions() : renderChildren() }), jsxRuntime.jsx(FormFooter, { helperText: displayHelperText, validationState: currentValidationState === "none" ? "default" : currentValidationState, size: size, isDisabled: isDisabled, className: "mt-1" })] }));
+    return (jsxRuntime.jsxs("div", { ref: ref, className: cn("w-full flex flex-col", sizeConfig[size].gap, containerClassName), ...props, children: [label && (jsxRuntime.jsx(FormHeader, { label: label, size: size, isRequired: isRequired, isOptional: isOptional, infoHeading: infoHeading, infoDescription: infoDescription, LinkComponent: LinkComponent, linkText: linkText, linkHref: linkHref, onLinkClick: onLinkClick, htmlFor: id, className: "mb-2", labelClassName: labelClassName })), jsxRuntime.jsx("div", { ref: groupRef, role: "radiogroup", "aria-label": label, "aria-required": isRequired, "aria-invalid": currentValidationState === "error", "aria-disabled": isDisabled, className: cn("flex", orientation === "horizontal"
+                    ? "flex-row items-center"
+                    : "flex-col items-start", spacingConfig[spacing], groupClassName, className), onKeyDown: handleKeyDown, id: id, children: options ? renderOptions() : renderChildren() }), jsxRuntime.jsx(FormFooter, { helperText: displayHelperText, validationState: currentValidationState === "none"
+                    ? "default"
+                    : currentValidationState === "error"
+                        ? "negative"
+                        : "default", size: size, isDisabled: isDisabled, className: "mt-1" })] }));
 });
 RadioGroup.displayName = "RadioGroup";