pesona-ui 1.0.14 → 1.0.15

package/dist/index.cjs.js

@@ -8496,25 +8496,17 @@ const Radio = React.forwardRef(({ name, label, options, error, ...rest }, ref) =
         error && React.createElement("small", { className: "form-message" }, error)));
 });
 
-const RadioButtonGroup = React.forwardRef(({ name, label, size = 'md', options, selectedValue, error, required, ...rest }, ref) => {
-    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 },
+const RadioButtonGroup = React.forwardRef(({ label, required, options, error, defaultValue, ...rest }, ref) => {
+    // Convert boolean value to string
+    const stringDefaultValue = typeof defaultValue === 'boolean' ? (defaultValue ? 'true' : 'false') : defaultValue;
+    return (React.createElement("div", null,
+        label && (React.createElement("label", null,
             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("input", { type: "radio", id: option.value.toString(), name: name, value: option.value, ref: ref, ...rest }),
+        React.createElement("div", { className: "btn-group", "data-toggle": "buttons" }, options.map((option) => (React.createElement("label", { key: `${option.value}`, className: `btn auto btn-default btn-md ${option.value === stringDefaultValue ? 'active' : ''}` },
+            React.createElement("input", { type: "radio", ref: ref, value: option.value, defaultChecked: option.value === stringDefaultValue, ...rest }),
             React.createElement("span", null, option.label))))),
-        error !== undefined && React.createElement("small", { className: "form-message" }, error)));
+        error && React.createElement("small", { className: "form-message" }, error)));
 });
 RadioButtonGroup.displayName = 'RadioButtonGroup';