pesona-ui 1.0.12 → 1.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js
CHANGED
|
@@ -8497,12 +8497,21 @@ const Radio = React.forwardRef(({ name, label, options, error, ...rest }, ref) =
|
|
|
8497
8497
|
});
|
|
8498
8498
|
|
|
8499
8499
|
const RadioButtonGroup = React.forwardRef(({ name, label, size = 'md', options, selectedValue, error, required, ...rest }, ref) => {
|
|
8500
|
+
const [stringSelectedValue, setStringSelectedValue] = React.useState(selectedValue || '');
|
|
8501
|
+
// Update the state when selectedValue changes
|
|
8502
|
+
React.useEffect(() => {
|
|
8503
|
+
if (selectedValue !== undefined) {
|
|
8504
|
+
// Convert selectedValue to string if it's a boolean
|
|
8505
|
+
const valueAsString = typeof selectedValue === 'boolean' ? (selectedValue ? 'true' : 'false') : selectedValue.toString();
|
|
8506
|
+
setStringSelectedValue(valueAsString);
|
|
8507
|
+
}
|
|
8508
|
+
}, [selectedValue]);
|
|
8500
8509
|
return (React.createElement(React.Fragment, null,
|
|
8501
8510
|
label && (React.createElement("label", { htmlFor: name },
|
|
8502
8511
|
label,
|
|
8503
8512
|
" ",
|
|
8504
8513
|
required && React.createElement("span", { className: "text-danger" }, "*"))),
|
|
8505
|
-
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 ===
|
|
8514
|
+
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' : ''}` },
|
|
8506
8515
|
React.createElement("input", { type: "radio", id: option.value.toString(), name: name, value: option.value, ref: ref, ...rest }),
|
|
8507
8516
|
React.createElement("span", null, option.label))))),
|
|
8508
8517
|
error !== undefined && React.createElement("small", { className: "form-message" }, error)));
|