From f4684033f17328568253e8767ee2ffe3dca2c0a8 Mon Sep 17 00:00:00 2001
From: Damien Roche <damienroche@free.fr>
Date: Tue, 17 Dec 2024 09:27:11 +0100
Subject: [PATCH] fix: support disabled for date + enum

---
 .../lib/registry/default/ui/auto-form/AutoFormFieldDate.vue | 4 ++--
 .../lib/registry/default/ui/auto-form/AutoFormFieldEnum.vue | 6 +++---
 .../registry/new-york/ui/auto-form/AutoFormFieldDate.vue    | 4 ++--
 .../registry/new-york/ui/auto-form/AutoFormFieldEnum.vue    | 6 +++---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/www/src/lib/registry/default/ui/auto-form/AutoFormFieldDate.vue b/apps/www/src/lib/registry/default/ui/auto-form/AutoFormFieldDate.vue
index 161144db..df230c11 100644
--- a/apps/www/src/lib/registry/default/ui/auto-form/AutoFormFieldDate.vue
+++ b/apps/www/src/lib/registry/default/ui/auto-form/AutoFormFieldDate.vue
@@ -9,7 +9,7 @@ import { cn } from '@/lib/utils'
 import { DateFormatter, getLocalTimeZone } from '@internationalized/date'
 import { CalendarIcon } from 'lucide-vue-next'
 import AutoFormLabel from './AutoFormLabel.vue'
-import { beautifyObjectName } from './utils'
+import { beautifyObjectName, maybeBooleanishToBoolean } from './utils'
 
 defineProps<FieldProps>()
 
@@ -28,7 +28,7 @@ const df = new DateFormatter('en-US', {
         <slot v-bind="slotProps">
           <div>
             <Popover>
-              <PopoverTrigger as-child :disabled="disabled">
+              <PopoverTrigger as-child :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled">
                 <Button
                   variant="outline"
                   :class="cn(
diff --git a/apps/www/src/lib/registry/default/ui/auto-form/AutoFormFieldEnum.vue b/apps/www/src/lib/registry/default/ui/auto-form/AutoFormFieldEnum.vue
index fc1a2d92..a0e41ddc 100644
--- a/apps/www/src/lib/registry/default/ui/auto-form/AutoFormFieldEnum.vue
+++ b/apps/www/src/lib/registry/default/ui/auto-form/AutoFormFieldEnum.vue
@@ -5,7 +5,7 @@ import { Label } from '@/lib/registry/default/ui/label'
 import { RadioGroup, RadioGroupItem } from '@/lib/registry/default/ui/radio-group'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/lib/registry/default/ui/select'
 import AutoFormLabel from './AutoFormLabel.vue'
-import { beautifyObjectName } from './utils'
+import { beautifyObjectName, maybeBooleanishToBoolean } from './utils'
 
 defineProps<FieldProps & {
   options?: string[]
@@ -20,14 +20,14 @@ defineProps<FieldProps & {
       </AutoFormLabel>
       <FormControl>
         <slot v-bind="slotProps">
-          <RadioGroup v-if="config?.component === 'radio'" :disabled="disabled" :orientation="'vertical'" v-bind="{ ...slotProps.componentField }">
+          <RadioGroup v-if="config?.component === 'radio'" :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled" :orientation="'vertical'" v-bind="{ ...slotProps.componentField }">
             <div v-for="(option, index) in options" :key="option" class="mb-2 flex items-center gap-3 space-y-0">
               <RadioGroupItem :id="`${option}-${index}`" :value="option" />
               <Label :for="`${option}-${index}`">{{ beautifyObjectName(option) }}</Label>
             </div>
           </RadioGroup>
 
-          <Select v-else :disabled="disabled" v-bind="{ ...slotProps.componentField }">
+          <Select v-else :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled" v-bind="{ ...slotProps.componentField }">
             <SelectTrigger class="w-full">
               <SelectValue :placeholder="config?.inputProps?.placeholder" />
             </SelectTrigger>
diff --git a/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormFieldDate.vue b/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormFieldDate.vue
index 77d1e144..3185db81 100644
--- a/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormFieldDate.vue
+++ b/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormFieldDate.vue
@@ -9,7 +9,7 @@ import { cn } from '@/lib/utils'
 import { DateFormatter, getLocalTimeZone } from '@internationalized/date'
 import { CalendarIcon } from '@radix-icons/vue'
 import AutoFormLabel from './AutoFormLabel.vue'
-import { beautifyObjectName } from './utils'
+import { beautifyObjectName, maybeBooleanishToBoolean } from './utils'
 
 defineProps<FieldProps>()
 
@@ -28,7 +28,7 @@ const df = new DateFormatter('en-US', {
         <slot v-bind="slotProps">
           <div>
             <Popover>
-              <PopoverTrigger as-child :disabled="disabled">
+              <PopoverTrigger as-child :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled">
                 <Button
                   variant="outline"
                   :class="cn(
diff --git a/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormFieldEnum.vue b/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormFieldEnum.vue
index 11df0804..3a9b3672 100644
--- a/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormFieldEnum.vue
+++ b/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormFieldEnum.vue
@@ -5,7 +5,7 @@ import { Label } from '@/lib/registry/new-york/ui/label'
 import { RadioGroup, RadioGroupItem } from '@/lib/registry/new-york/ui/radio-group'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/lib/registry/new-york/ui/select'
 import AutoFormLabel from './AutoFormLabel.vue'
-import { beautifyObjectName } from './utils'
+import { beautifyObjectName, maybeBooleanishToBoolean } from './utils'
 
 defineProps<FieldProps & {
   options?: string[]
@@ -20,14 +20,14 @@ defineProps<FieldProps & {
       </AutoFormLabel>
       <FormControl>
         <slot v-bind="slotProps">
-          <RadioGroup v-if="config?.component === 'radio'" :disabled="disabled" :orientation="'vertical'" v-bind="{ ...slotProps.componentField }">
+          <RadioGroup v-if="config?.component === 'radio'" :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled" :orientation="'vertical'" v-bind="{ ...slotProps.componentField }">
             <div v-for="(option, index) in options" :key="option" class="mb-2 flex items-center gap-3 space-y-0">
               <RadioGroupItem :id="`${option}-${index}`" :value="option" />
               <Label :for="`${option}-${index}`">{{ beautifyObjectName(option) }}</Label>
             </div>
           </RadioGroup>
 
-          <Select v-else :disabled="disabled" v-bind="{ ...slotProps.componentField }">
+          <Select v-else :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled" v-bind="{ ...slotProps.componentField }">
             <SelectTrigger class="w-full">
               <SelectValue :placeholder="config?.inputProps?.placeholder" />
             </SelectTrigger>