Modify previewChipProps type in DropzoneAreaBase and PreviewList

src/components/DropzoneAreaBase.js

@@ -405,7 +405,7 @@ DropzoneAreaBase.propTypes = {
      *
      * @see See [Material-UI Chip](https://material-ui.com/api/chip/#props) for available values.
      */
-    previewChipProps: PropTypes.object,
+    previewChipProps: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
     /**
      * Custom CSS classNames for preview Grid components.<br/>
      * Should be in the form {container: string, item: string, image: string}.

src/components/PreviewList.js

@@ -68,6 +68,10 @@ function PreviewList({
                 className={clsx(classes.root, previewGridClasses.container)}
             >
                 {fileObjects.map((fileObject, i) => {
+                    let chipProps = previewChipProps;
+                    if (typeof previewChipProps === 'function') {
+                        chipProps = previewChipProps(fileObject);
+                    }
                     return (
                         <Grid
                             {...previewGridProps.item}
@@ -77,7 +81,7 @@ function PreviewList({
                         >
                             <Chip
                                 variant="outlined"
-                                {...previewChipProps}
+                                {...chipProps}
                                 label={fileObject.file.name}
                                 onDelete={handleRemove(i)}
                             />
@@ -131,7 +135,7 @@ PreviewList.propTypes = {
     fileObjects: PropTypes.arrayOf(PropTypes.object).isRequired,
     getPreviewIcon: PropTypes.func.isRequired,
     handleRemove: PropTypes.func.isRequired,
-    previewChipProps: PropTypes.object,
+    previewChipProps: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
     previewGridClasses: PropTypes.object,
     previewGridProps: PropTypes.object,
     showFileNames: PropTypes.bool,

src/index.d.ts

@@ -49,7 +49,7 @@ export type DropzoneAreaBaseProps = {
   showFileNamesInPreview?: boolean;
   showFileNames?: boolean;
   useChipsForPreview?: boolean;
-  previewChipProps?: ChipProps;
+  previewChipProps?: ChipProps | ((fileObject: FileObject) => ChipProps);
   previewGridClasses?: {
     container?: string;
     item?: string;