pesona-ui 1.0.26 → 1.0.28

package/dist/index.esm.js

@@ -8192,9 +8192,17 @@ const Select = forwardRef(({ name, label, message, selectLabel, size = 'md', flo
     const dropdownRef = useRef(null);
     const dropdownOptionsRef = useRef(null);
     const handleOptionClick = (optionValue) => {
+        const selectedOption = options.find((opt) => opt.value === optionValue);
+        // Gunakan nilai asli sesuai tipe (number/string)
+        const actualValue = typeof selectedOption?.value === 'number'
+            ? Number(selectedOption.value)
+            : selectedOption?.value;
         if (onChange) {
             onChange({
-                target: { name, value: optionValue },
+                target: {
+                    name,
+                    value: actualValue,
+                },
             });
         }
         setIsOpen(false);
@@ -8220,7 +8228,7 @@ const Select = forwardRef(({ name, label, message, selectLabel, size = 'md', flo
             React.createElement("div", { className: `dropdown-header ${isOpen ? 'open' : ''} ${disabled ? 'disabled' : ''}`, onClick: () => !disabled && setIsOpen(!isOpen), ref: ref, "aria-haspopup": "listbox", "aria-expanded": isOpen },
                 React.createElement("span", { className: "label" }, displayText),
                 React.createElement(FiChevronDown, { className: "arrow" })),
-            isOpen && (React.createElement("div", { className: `dropdown-options scrollbar ${disabled ? 'disabled' : ''}`, ref: dropdownOptionsRef, role: "listbox" }, options.map((option, index) => (React.createElement("div", { key: `${option.value}-${index}`, className: `option ${value === option.value ? 'selected' : ''}`, onClick: () => !disabled && handleOptionClick(option.value.toString()), role: "option", "aria-selected": value === option.value }, option.label)))))),
+            isOpen && (React.createElement("div", { className: `dropdown-options scrollbar ${disabled ? 'disabled' : ''}`, ref: dropdownOptionsRef, role: "listbox" }, options.map((option, index) => (React.createElement("div", { key: `${option.value}-${index}`, className: `option ${value === option.value ? 'selected' : ''}`, onClick: () => !disabled && handleOptionClick(option.value), role: "option", "aria-selected": value === option.value }, option.label)))))),
         label && floatingLabel && (React.createElement("label", { htmlFor: name },
             label,
             " ",
@@ -8563,9 +8571,12 @@ const RadioButtonGroup = React.forwardRef(({ name, label, message, size = 'md',
             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 === selectedValue ? 'active' : ''}` },
-            React.createElement("input", { type: "radio", id: option.value.toString(), name: name, value: option.value, ref: ref, ...rest }),
-            React.createElement("span", null, option.label))))),
+        React.createElement("div", { className: "btn-group", "data-toggle": "buttons" }, options.map((option) => {
+            const isActive = option.value.toString() === selectedValue?.toString();
+            return (React.createElement("label", { key: option.value.toString(), className: `btn auto btn-default btn-${size} ${isActive ? 'active' : ''}` },
+                React.createElement("input", { type: "radio", id: option.value.toString(), name: name, value: option.value.toString(), ref: ref, ...rest }),
+                React.createElement("span", null, option.label)));
+        })),
         error ? (React.createElement("small", { className: "form-message text-danger" }, error)) : (message && React.createElement("small", { className: "form-message text-muted" }, message))));
 });
 RadioButtonGroup.displayName = 'RadioButtonGroup';