Add disableValue prop

Author: WiXSL

docs/RadioButtonGroupInput.md

@@ -62,6 +62,7 @@ The form value for the source must be the selected value, e.g.
 | `optionValue`     | Optional | `string`                   | `id`    | Field name of record containing the value to use as input value                                                                        |
 | `row`             | Optional | `boolean`                  | `true`  | Display options in a compact row.                                                                                                      |
 | `translateChoice` | Optional | `boolean`                  | `true`  | Whether the choices should be translated                                                                                               |
+| `disableValue`    | Optional | `string`                   | `disabled` | The custom field name used in `choices` to disable some choices                                                                     |
 
 `<RadioButtonGroupInput>` also accepts the [common input props](./Inputs.md#common-input-props).
 
@@ -293,6 +294,30 @@ However, in some cases, you may not want the choice to be translated. In that ca
 
 Note that `translateChoice` is set to `false` when `<RadioButtonGroupInput>` is a child of `<ReferenceInput>`.
 
+## `disableValue`
+
+By default, `<RadioButtonGroupInput>` renders the choices with the field `disabled: true` as disabled.
+
+```jsx
+const choices = [
+    { id: 'tech', name: 'Tech' },
+    { id: 'lifestyle', name: 'Lifestyle' },
+    { id: 'people', name: 'People', disabled: true },
+];
+<RadioButtonGroupInput source="category" choices={choices} />
+```
+
+If you want to use another field to denote disabled options, set the `disableValue` prop.
+
+```jsx
+const choices = [
+    { id: 'tech', name: 'Tech' },
+    { id: 'lifestyle', name: 'Lifestyle' },
+    { id: 'people', name: 'People', not_available: true },
+];
+<RadioButtonGroupInput source="category" choices={choices} disableValue="not_available" />
+```
+
 ## Fetching Choices
 
 You can use [`useGetList`](./useGetList.md) to fetch choices. For example, to fetch a list of countries for a user profile:

packages/ra-ui-materialui/src/input/RadioButtonGroupInput.tsx

@@ -88,6 +88,23 @@ import { LinearProgress } from '../layout';
  * <RadioButtonGroupInput source="gender" choices={choices} translateChoice={false}/>
  *
  * The object passed as `options` props is passed to the Material UI <RadioButtonGroup> component
+ *
+ * You can disable some choices by providing a `disableValue` field which name is `disabled` by default
+ * @example
+ * const choices = [
+ *    { id: 123, first_name: 'Leo', last_name: 'Tolstoi' },
+ *    { id: 456, first_name: 'Jane', last_name: 'Austen' },
+ *    { id: 976, first_name: 'William', last_name: 'Rinkerd', disabled: true },
+ * ];
+ *
+ *  @example
+ * const choices = [
+ *   { id: 123, first_name: 'Leo', last_name: 'Tolstoi' },
+ *   { id: 456, first_name: 'Jane', last_name: 'Austen' },
+ *   { id: 976, first_name: 'William', last_name: 'Rinkerd', not_available: true },
+ * ];
+ * <RadioButtonGroupInput source="gender" choices={choices} disableValue="not_available" />
+ *
  */
 export const RadioButtonGroupInput = (inProps: RadioButtonGroupInputProps) => {
     const props = useThemeProps({
@@ -115,6 +132,7 @@ export const RadioButtonGroupInput = (inProps: RadioButtonGroupInputProps) => {
         source: sourceProp,
         translateChoice,
         validate,
+        disableValue = 'disabled',
         disabled,
         readOnly,
         ...rest
@@ -222,6 +240,7 @@ export const RadioButtonGroupInput = (inProps: RadioButtonGroupInputProps) => {
                         optionValue={optionValue}
                         source={id}
                         translateChoice={translateChoice ?? !isFromReference}
+                        disableValue={disableValue}
                     />
                 ))}
             </RadioGroup>
@@ -277,6 +296,7 @@ export type RadioButtonGroupInputProps = Omit<CommonInputProps, 'source'> &
     RadioGroupProps & {
         options?: RadioGroupProps;
         source?: string;
+        disableValue?: string;
     };
 
 const PREFIX = 'RaRadioButtonGroupInput';

packages/ra-ui-materialui/src/input/RadioButtonGroupInputItem.tsx

@@ -19,6 +19,7 @@ export const RadioButtonGroupInputItem = (
         optionValue,
         source,
         translateChoice,
+        disableValue = 'disabled',
         ...rest
     } = useThemeProps({
         props: props,
@@ -29,6 +30,7 @@ export const RadioButtonGroupInputItem = (
         optionText,
         optionValue,
         translateChoice,
+        disableValue,
     });
     const label = getChoiceText(choice);
     const value = getChoiceValue(choice);
@@ -55,6 +57,7 @@ export interface RadioButtonGroupInputItemProps
         Pick<ChoicesProps, 'optionValue' | 'optionText' | 'translateChoice'> {
     choice: any;
     source: any;
+    disableValue?: string;
 }
 
 const PREFIX = 'RaRadioButtonGroupInputItem';