pesona-ui 1.0.13 → 1.0.14

package/dist/index.cjs.js

@@ -8497,14 +8497,21 @@ const Radio = React.forwardRef(({ name, label, options, error, ...rest }, ref) =
 });
 
 const RadioButtonGroup = React.forwardRef(({ name, label, size = 'md', options, selectedValue, error, required, ...rest }, ref) => {
-    // Convert selectedValue to string if it's a boolean or number
-    const stringselectedValue = typeof selectedValue === 'boolean' ? (selectedValue ? 'true' : 'false') : selectedValue;
+    const [stringSelectedValue, setStringSelectedValue] = React.useState(selectedValue || '');
+    // Update the state when selectedValue changes
+    React.useEffect(() => {
+        if (selectedValue !== undefined) {
+            // Convert selectedValue to string if it's a boolean
+            const valueAsString = typeof selectedValue === 'boolean' ? (selectedValue ? 'true' : 'false') : selectedValue.toString();
+            setStringSelectedValue(valueAsString);
+        }
+    }, [selectedValue]);
     return (React.createElement(React.Fragment, null,
         label && (React.createElement("label", { htmlFor: name },
             label,
             " ",
             required && React.createElement("span", { className: "text-danger" }, "*"))),
-        React.createElement("div", { className: "btn-group", "data-toggle": "buttons" }, options.map((option) => (React.createElement("label", { key: option.value, className: `btn auto btn-default btn-${size} ${option.value === stringselectedValue ? 'active' : ''}` },
+        React.createElement("div", { className: "btn-group", "data-toggle": "buttons" }, options.map((option) => (React.createElement("label", { key: option.value, className: `btn auto btn-default btn-${size} ${option.value === stringSelectedValue ? 'active' : ''}` },
             React.createElement("input", { type: "radio", id: option.value.toString(), name: name, value: option.value, ref: ref, ...rest }),
             React.createElement("span", null, option.label))))),
         error !== undefined && React.createElement("small", { className: "form-message" }, error)));