Change syntax

Author: fzaninotto

packages/ra-ui-materialui/src/detail/EditGuesser.tsx

@@ -44,9 +44,9 @@ export const EditGuesser = (props: EditProps) => {
 const EditViewGuesser = props => {
     const resource = useResourceContext(props);
     const { record } = useEditContext();
-    const [inferredChild, setInferredChild] = useState(null);
+    const [child, setChild] = useState(null);
     useEffect(() => {
-        if (record && !inferredChild) {
+        if (record && !child) {
             const inferredElements = getElementsFromRecords(
                 [record],
                 editFieldTypes
@@ -56,16 +56,17 @@ const EditViewGuesser = props => {
                 null,
                 inferredElements
             );
-            setInferredChild(inferredChild.getElement());
+            setChild(inferredChild.getElement());
 
             if (process.env.NODE_ENV === 'production') return;
 
             const representation = inferredChild.getRepresentation();
+
             const components = ['Edit']
                 .concat(
                     Array.from(
                         new Set(
-                            Array.from(representation.matchAll(/<([^\/\s>]+)/g))
+                            Array.from(representation.matchAll(/<([^/\s>]+)/g))
                                 .map(match => match[1])
                                 .filter(component => component !== 'span')
                         )
@@ -88,9 +89,9 @@ ${representation}
 );`
             );
         }
-    }, [record, inferredChild, resource]);
+    }, [record, child, resource]);
 
-    return <EditView {...props}>{inferredChild}</EditView>;
+    return <EditView {...props}>{child}</EditView>;
 };
 
 EditViewGuesser.propTypes = EditView.propTypes;

packages/ra-ui-materialui/src/detail/ShowGuesser.tsx

@@ -27,9 +27,9 @@ export const ShowGuesser = ({
 const ShowViewGuesser = props => {
     const resource = useResourceContext(props);
     const { record } = useShowContext();
-    const [inferredChild, setInferredChild] = useState(null);
+    const [child, setChild] = useState(null);
     useEffect(() => {
-        if (record && !inferredChild) {
+        if (record && !child) {
             const inferredElements = getElementsFromRecords(
                 [record],
                 showFieldTypes
@@ -39,7 +39,7 @@ const ShowViewGuesser = props => {
                 null,
                 inferredElements
             );
-            setInferredChild(inferredChild.getElement());
+            setChild(inferredChild.getElement());
 
             if (process.env.NODE_ENV === 'production') return;
 
@@ -48,7 +48,7 @@ const ShowViewGuesser = props => {
                 .concat(
                     Array.from(
                         new Set(
-                            Array.from(representation.matchAll(/<([^\/\s>]+)/g))
+                            Array.from(representation.matchAll(/<([^/\s>]+)/g))
                                 .map(match => match[1])
                                 .filter(component => component !== 'span')
                         )
@@ -71,9 +71,9 @@ ${inferredChild.getRepresentation()}
 );`
             );
         }
-    }, [record, inferredChild, resource]);
+    }, [record, child, resource]);
 
-    return <ShowView {...props}>{inferredChild}</ShowView>;
+    return <ShowView {...props}>{child}</ShowView>;
 };
 
 ShowViewGuesser.propTypes = ShowView.propTypes;

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

@@ -71,14 +71,14 @@ export const ListGuesser = <RecordType extends RaRecord = any>(
 const ListViewGuesser = (props: Omit<ListViewProps, 'children'>) => {
     const { data } = useListContext(props);
     const resource = useResourceContext();
-    const [inferredChild, setInferredChild] = useState(null);
+    const [child, setChild] = useState(null);
 
     useEffect(() => {
-        setInferredChild(null);
+        setChild(null);
     }, [resource]);
 
     useEffect(() => {
-        if (data && data.length > 0 && !inferredChild) {
+        if (data && data.length > 0 && !child) {
             const inferredElements = getElementsFromRecords(
                 data,
                 listFieldTypes
@@ -88,7 +88,7 @@ const ListViewGuesser = (props: Omit<ListViewProps, 'children'>) => {
                 null,
                 inferredElements
             );
-            setInferredChild(inferredChild.getElement());
+            setChild(inferredChild.getElement());
 
             if (process.env.NODE_ENV === 'production') return;
 
@@ -120,9 +120,9 @@ ${inferredChild.getRepresentation()}
 );`
             );
         }
-    }, [data, inferredChild, resource]);
+    }, [data, child, resource]);
 
-    return <ListView {...props}>{inferredChild}</ListView>;
+    return <ListView {...props}>{child}</ListView>;
 };
 
 ListViewGuesser.propTypes = ListView.propTypes;