adapt documentation

Author: Moritz Gramlich

docs/FileInput.md

@@ -55,14 +55,14 @@ Files are accepted or rejected based on the `accept`, `multiple`, `minSize` and
 
 | Prop                   | Required | Type                | Default   | Description                                                         |
 |------------------------|----------|---------------------|-----------|---------------------------------------------------------------------|
-| `accept`               | Optional | `string | string[]` | -          | Accepted file type(s). When empty, all file types are accepted.     |
+| `accept`               | Optional | `string | string[]` | -                                                                   | Accepted file type(s). When empty, all file types are accepted.     |
 | `children`             | Optional | `ReactNode`         | -         | Element used to preview file(s)                                     |
 | `minSize`              | Optional | `number`            | 0         | Minimum file size (in bytes), e.g. 5000 for 5KB                     |
 | `maxSize`              | Optional | `number`            | `Infinity` | Maximum file size (in bytes), e.g. 5000000 for 5MB                  |
 | `multiple`             | Optional | `boolean`           | `false`   | Whether the inputs can accept multiple files.                       |
 | `options`              | Optional | `Object`            | `{}`      | Additional options passed to react-dropzone's `useDropzone()` hook. |
 | `placeholder`          | Optional | `ReactNode`         | -         | Invite displayed in the drop zone                                   |
-| `removeIcon`           | Optional | `ReactNode`         | [MUI's RemoveCircle icon](https://mui.com/material-ui/material-icons/?query=removeCir&selected=RemoveCircle) | The clickable icon for removing images                              |
+| `RemoveIcon`           | Optional | `ReactNode`         | [MUI's RemoveCircle icon](https://mui.com/material-ui/material-icons/?query=removeCir&selected=RemoveCircle) | The clickable icon for removing files                               |
 | `validateFile Removal` | Optional | `function`          | -         | Allows to cancel the removal of files                               |
 
 `<FileInput>` also accepts the [common input props](./Inputs.md#common-input-props).
@@ -153,9 +153,9 @@ If that's not enough, you can pass a `placeholder` prop to overwrite it. The val
 </FileInput>
 ```
 
-## `removeIcon`
+## `RemoveIcon`
 
-Optionally overwrite the [default icon](https://mui.com/material-ui/material-icons/?query=removeCir&selected=RemoveCircle) for removing files:
+Use the `RemoveIcon` prop to change the icon displayed as the remove button:
 
 ```jsx
 <ImageInput source="attachments" RemoveIcon={CustomSvgIcon}>

docs/ImageInput.md

@@ -60,7 +60,7 @@ Files are accepted or rejected based on the `accept`, `multiple`, `minSize` and
 | `multiple`             | Optional | `boolean`           | `false`    | Whether the inputs can accept multiple files.                       |
 | `options`              | Optional | `Object`            | `{}`       | Additional options passed to react-dropzone's `useDropzone()` hook. |
 | `placeholder`          | Optional | `ReactNode`         | -          | Invite displayed in the drop zone                                   |
-| `removeIcon`           | Optional | `ReactNode`         | [MUI's RemoveCircle icon](https://mui.com/material-ui/material-icons/?query=removeCir&selected=RemoveCircle) | The clickable icon for removing images                              |
+| `RemoveIcon`           | Optional | `ReactNode`         | [MUI's RemoveCircle icon](https://mui.com/material-ui/material-icons/?query=removeCir&selected=RemoveCircle) | The clickable icon for removing images                              |
 | `validateFile Removal` | Optional | `function`          | -          | Allows to cancel the removal of files                               |
 
 `<ImageInput>` also accepts the [common input props](./Inputs.md#common-input-props).
@@ -150,9 +150,9 @@ If that's not enough, you can pass a `placeholder` prop to overwrite it. The val
 </ImageInput>
 ```
 
-## `removeIcon`
+## `RemoveIcon`
 
-Optionally overwrite the [default icon](https://mui.com/material-ui/material-icons/?query=removeCir&selected=RemoveCircle) for removing images:
+Use the `RemoveIcon` prop to change the icon displayed as the remove button:
 
 ```jsx
 <ImageInput source="pictures" RemoveIcon={CustomSvgIcon}>

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

@@ -50,7 +50,7 @@ FileInputPreview.propTypes = {
     className: PropTypes.string,
     file: PropTypes.object,
     onRemove: PropTypes.func.isRequired,
-    removeIcon: PropTypes.element,
+    RemoveIcon: PropTypes.element,
 };
 
 FileInputPreview.defaultProps = {

packages/ra-ui-materialui/src/input/ImageInput.stories.tsx

@@ -6,7 +6,7 @@ import { AdminContext } from '../AdminContext';
 import { Create } from '../detail';
 import { SimpleForm } from '../form';
 import { ImageInput } from './ImageInput';
-import { FileField, ImageField } from '../field';
+import { ImageField } from '../field';
 import { required } from 'ra-core';
 import { FormInspector } from './common.stories';
 import DeleteIcon from '@mui/icons-material/DeleteOutline';
@@ -87,7 +87,7 @@ export const Required = () => (
 export const CustomRemoveIcon = () => (
     <Wrapper>
         <ImageInput source="image" RemoveIcon={DeleteIcon}>
-            <FileField source="src" title="title" />
+            <ImageField source="src" title="title" />
         </ImageInput>
         <FormInspector name="attachments" />
     </Wrapper>