Merge pull request #7735 from marmelab/fix-single-field-list-sx

Fix Support For sx Prop in SingleFieldList

Author: fzaninotto

packages/ra-ui-materialui/src/list/SingleFieldList.tsx

@@ -1,13 +1,12 @@
 import * as React from 'react';
-import { styled } from '@mui/material/styles';
+import { LinearProgress, styled, SxProps } from '@mui/material';
 import {
     cloneElement,
     Children,
     HtmlHTMLAttributes,
     ComponentType,
 } from 'react';
 import PropTypes from 'prop-types';
-import LinearProgress from '@mui/material/LinearProgress';
 import {
     sanitizeListRestProps,
     useListContext,
@@ -124,6 +123,17 @@ SingleFieldList.propTypes = {
     // @ts-ignore
     linkType: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
     resource: PropTypes.string,
+    sx: PropTypes.oneOfType([
+        PropTypes.arrayOf(
+            PropTypes.oneOfType([
+                PropTypes.func,
+                PropTypes.object,
+                PropTypes.bool,
+            ])
+        ),
+        PropTypes.func,
+        PropTypes.object,
+    ]),
 };
 
 export interface SingleFieldListProps<RecordType extends RaRecord = any>
@@ -137,6 +147,7 @@ export interface SingleFieldListProps<RecordType extends RaRecord = any>
     data?: RecordType[];
     total?: number;
     loaded?: boolean;
+    sx?: SxProps;
 }
 
 const PREFIX = 'RaSingleFieldList';