Merge pull request #3515 from marmelab/disabled-input-use-input

[RFR] Migrate DisabledInput to use useInput

packages/ra-ui-materialui/src/input/DisabledInput.js

@@ -1,42 +1,46 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import TextField from '@material-ui/core/TextField';
-import { addField, FieldTitle } from 'ra-core';
+import { useInput, FieldTitle } from 'ra-core';
 
 import sanitizeRestProps from './sanitizeRestProps';
 
 const DisabledInput = ({
-    classes,
-    className,
     record,
-    input: { value },
     label,
     resource,
     source,
     options,
     ...rest
-}) => (
-    <TextField
-        disabled
-        margin="normal"
-        value={value}
-        label={<FieldTitle label={label} source={source} resource={resource} />}
-        className={className}
-        classes={classes}
-        {...options}
-        {...sanitizeRestProps(rest)}
-    />
-);
+}) => {
+    const {
+        id,
+        input: { value },
+    } = useInput({
+        resource,
+        source,
+    });
+
+    return (
+        <TextField
+            id={id}
+            value={value}
+            disabled
+            margin="normal"
+            label={
+                <FieldTitle label={label} source={source} resource={resource} />
+            }
+            {...options}
+            {...sanitizeRestProps(rest)}
+        />
+    );
+};
 
 DisabledInput.propTypes = {
-    classes: PropTypes.object,
-    className: PropTypes.string,
     label: PropTypes.string,
-    input: PropTypes.object,
     options: PropTypes.object,
-    record: PropTypes.object,
     resource: PropTypes.string,
     source: PropTypes.string,
 };
 
-export default addField(DisabledInput);
+export default DisabledInput;