Fixed #1705 - optionDisabled prop on Dropdown wrongly typed

src/components/dropdown/Dropdown.d.ts

@@ -1,12 +1,14 @@
 import { VNode } from 'vue';
 import VirtualScrollerProps from '../virtualscroller';
 
+type DropdownOptionDisabledType = string | ((data: any) => boolean) | undefined;
+
 interface DropdownProps {
     modelValue?: any;
     options?: any[];
     optionLabel?: string;
     optionValue?: any;
-    optionDisabled?: boolean;
+    optionDisabled?: DropdownOptionDisabledType;
     optionGroupLabel?: string;
     optionGroupChildren?: string;
     scrollHeight?: string;

src/components/listbox/Listbox.d.ts

@@ -1,12 +1,14 @@
 import { VNode } from 'vue';
 import VirtualScrollerProps from '../virtualscroller';
 
+type ListboxOptionDisabledType = string | ((data: any) => boolean) | undefined;
+
 interface ListboxProps {
     modelValue?: any;
     options?: any[];
     optionLabel?: string;
     optionValue?: any;
-    optionDisabled?: boolean;
+    optionDisabled?: ListboxOptionDisabledType;
     optionGroupLabel?: string;
     optionGroupChildren?: string;
     listStyle?: string;

src/components/multiselect/MultiSelect.d.ts

@@ -1,12 +1,14 @@
 import { VNode } from 'vue';
 import VirtualScrollerProps from '../virtualscroller';
 
+type MultiSelectOptionDisabledType = string | ((data: any) => boolean) | undefined;
+
 interface MultiSelectProps {
     modelValue?: any;
     options?: any[];
     optionLabel?: string;
     optionValue?: any;
-    optionDisabled?: boolean;
+    optionDisabled?: MultiSelectOptionDisabledType;
     optionGroupLabel?: string;
     optionGroupChildren?: string;
     scrollHeight?: string;

src/components/selectbutton/SelectButton.d.ts

@@ -1,9 +1,11 @@
+type SelectButtonOptionDisabledType = string | ((data: any) => boolean) | undefined;
+
 interface SelectButtonProps {
     modelValue?: any;
     options?: any[];
     optionLabel?: string;
     optionValue?: any;
-    optionDisabled?: boolean;
+    optionDisabled?: SelectButtonOptionDisabledType;
     multiple?: boolean;
     disabled?: boolean;
     dataKey?: string;

src/views/dropdown/DropdownDoc.vue

@@ -157,7 +157,7 @@ export default {
                     </tr>
                     <tr>
                         <td>optionDisabled</td>
-                        <td>boolean</td>
+                        <td>string | function</td>
                         <td>null</td>
                         <td>Property name or getter function to use as the disabled flag of an option, defaults to false when not defined.</td>
                     </tr>

src/views/listbox/ListboxDoc.vue

@@ -154,7 +154,7 @@ export default {
                     </tr>
                     <tr>
                         <td>optionDisabled</td>
-                        <td>boolean</td>
+                        <td>string | function</td>
                         <td>null</td>
                         <td>Property name or getter function to use as the disabled flag of an option, defaults to false when not defined.</td>
                     </tr>

src/views/multiselect/MultiSelectDoc.vue

@@ -166,7 +166,7 @@ export default {
                     </tr>
                     <tr>
                         <td>optionDisabled</td>
-                        <td>boolean</td>
+                        <td>string | function</td>
                         <td>null</td>
                         <td>Property name or getter function to use as the disabled flag of an option, defaults to false when not defined.</td>
                     </tr>

src/views/selectbutton/SelectButtonDoc.vue

@@ -96,7 +96,7 @@ export default {
                     </tr>
                     <tr>
                         <td>optionDisabled</td>
-                        <td>boolean</td>
+                        <td>string | function</td>
                         <td>null</td>
                         <td>Property name or getter function to use as the disabled flag of an option, defaults to false when not defined.</td>
                     </tr>