From d5bba2634177925da9cac8d4455cf88982f6d21b Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Sun, 14 Jan 2024 22:25:39 +0000
Subject: [PATCH] Refactor #5071

---
 components/lib/datatable/RowRadioButton.vue    | 6 +-----
 components/lib/radiobutton/BaseRadioButton.vue | 1 +
 components/lib/radiobutton/RadioButton.d.ts    | 5 +++++
 components/lib/radiobutton/RadioButton.vue     | 6 ++++--
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/components/lib/datatable/RowRadioButton.vue b/components/lib/datatable/RowRadioButton.vue
index d198f59af..7af303ce7 100755
--- a/components/lib/datatable/RowRadioButton.vue
+++ b/components/lib/datatable/RowRadioButton.vue
@@ -1,5 +1,5 @@
 <template>
-    <RadioButton :modelValue="checked" :disabled="$attrs.disabled" :name="name" @change="onChange" :unstyled="unstyled" :pt="getColumnPT('rowRadiobutton')" />
+    <RadioButton :modelValue="checked" :binary="true" :disabled="$attrs.disabled" :name="name" @change="onChange" :unstyled="unstyled" :pt="getColumnPT('rowRadiobutton')" />
 </template>
 
 <script>
@@ -20,10 +20,6 @@ export default {
         index: {
             type: Number,
             default: null
-        },
-        unstyled: {
-            type: Boolean,
-            default: undefined
         }
     },
     methods: {
diff --git a/components/lib/radiobutton/BaseRadioButton.vue b/components/lib/radiobutton/BaseRadioButton.vue
index b8c87bf89..843ce98e7 100644
--- a/components/lib/radiobutton/BaseRadioButton.vue
+++ b/components/lib/radiobutton/BaseRadioButton.vue
@@ -8,6 +8,7 @@ export default {
     props: {
         value: null,
         modelValue: null,
+        binary: Boolean,
         name: {
             type: String,
             default: null
diff --git a/components/lib/radiobutton/RadioButton.d.ts b/components/lib/radiobutton/RadioButton.d.ts
index 855beec29..6cd9d20f8 100755
--- a/components/lib/radiobutton/RadioButton.d.ts
+++ b/components/lib/radiobutton/RadioButton.d.ts
@@ -105,6 +105,11 @@ export interface RadioButtonProps {
      * Name of the input element.
      */
     name?: string | undefined;
+    /**
+     * Allows to select a boolean value.
+     * @default false
+     */
+    binary?: boolean;
     /**
      * When present, it specifies that the component should be disabled.
      * @defaultValue false
diff --git a/components/lib/radiobutton/RadioButton.vue b/components/lib/radiobutton/RadioButton.vue
index 208cf602d..d0ced6201 100755
--- a/components/lib/radiobutton/RadioButton.vue
+++ b/components/lib/radiobutton/RadioButton.vue
@@ -43,7 +43,9 @@ export default {
         },
         onChange(event) {
             if (!this.disabled && !this.readonly) {
-                this.$emit('update:modelValue', this.value);
+                const newModelValue = this.binary ? !this.checked : this.value;
+
+                this.$emit('update:modelValue', newModelValue);
                 this.$emit('change', event);
             }
         },
@@ -56,7 +58,7 @@ export default {
     },
     computed: {
         checked() {
-            return this.modelValue != null && ObjectUtils.equals(this.modelValue, this.value);
+            return this.modelValue != null && (this.binary ? !!this.modelValue : ObjectUtils.equals(this.modelValue, this.value));
         }
     }
 };