marmelab · djhi · Feb 4, 2019 · Feb 4, 2019
diff --git a/examples/data-generator/src/finalize.js b/examples/data-generator/src/finalize.js
@@ -44,13 +44,16 @@ export default function(db) {
         .forEach(customer => customer.groups.push('regular'));
 
     // add 'returns' group
-    db.commands.filter(command => command.returned).forEach(command => {
-        if (
-            db.customers[command.customer_id].groups.indexOf('returns') === -1
-        ) {
-            db.customers[command.customer_id].groups.push('returns');
-        }
-    });
+    db.commands
+        .filter(command => command.returned)
+        .forEach(command => {
+            if (
+                db.customers[command.customer_id].groups.indexOf('returns') ===
+                -1
+            ) {
+                db.customers[command.customer_id].groups.push('returns');
+            }
+        });
 
     // add 'reviewer' group
     db.reviews.forEach(review => {

diff --git a/examples/demo/src/App.css b/examples/demo/src/App.css
@@ -1,24 +1,28 @@
 .App {
-  text-align: center;
+    text-align: center;
 }
 
 .App-logo {
-  animation: App-logo-spin infinite 20s linear;
-  height: 80px;
+    animation: App-logo-spin infinite 20s linear;
+    height: 80px;
 }
 
 .App-header {
-  background-color: #222;
-  height: 150px;
-  padding: 20px;
-  color: white;
+    background-color: #222;
+    height: 150px;
+    padding: 20px;
+    color: white;
 }
 
 .App-intro {
-  font-size: large;
+    font-size: large;
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
 }
diff --git a/examples/demo/src/categories/CategoryEdit.js b/examples/demo/src/categories/CategoryEdit.js
@@ -15,9 +15,8 @@ import ProductRefField from '../products/ProductRefField';
 
 const CategoryTitle = translate(({ record, translate }) => (
     <span>
-        {translate('resources.categories.name', { smart_count: 1 })} &quot;{
-            record.name
-        }&quot;
+        {translate('resources.categories.name', { smart_count: 1 })} &quot;
+        {record.name}&quot;
     </span>
 ));
 

diff --git a/examples/demo/src/index.css b/examples/demo/src/index.css
@@ -1,5 +1,5 @@
 body {
-  margin: 0;
-  padding: 0;
-  font-family: sans-serif;
+    margin: 0;
+    padding: 0;
+    font-family: sans-serif;
 }
diff --git a/examples/demo/src/orders/MobileGrid.js b/examples/demo/src/orders/MobileGrid.js
@@ -73,7 +73,8 @@ const MobileGrid = ({ classes, ids, data, basePath, translate }) => (
                         <DateField record={data[id]} source="date" showTime />
                     </span>
                     <span className={classes.cardContentRow}>
-                        {translate('resources.commands.fields.basket.total')}:&nbsp;
+                        {translate('resources.commands.fields.basket.total')}
+                        :&nbsp;
                         <NumberField
                             record={data[id]}
                             source="total"

diff --git a/examples/demo/src/reviews/StarRatingField.js b/examples/demo/src/reviews/StarRatingField.js
@@ -7,7 +7,9 @@ const StarRatingField = ({ record }) => (
     <span>
         {Array(record.rating)
             .fill(true)
-            .map((_, i) => <Icon key={i} style={style} />)}
+            .map((_, i) => (
+                <Icon key={i} style={style} />
+            ))}
     </span>
 );
 

diff --git a/examples/demo/src/visitors/MobileGrid.js b/examples/demo/src/visitors/MobileGrid.js
@@ -52,7 +52,8 @@ const MobileGrid = ({ classes, ids, data, basePath, translate }) => (
                 />
                 <CardContent className={classes.cardContent}>
                     <div>
-                        {translate('resources.customers.fields.last_seen_gte')}&nbsp;
+                        {translate('resources.customers.fields.last_seen_gte')}
+                        &nbsp;
                         <DateField
                             record={data[id]}
                             source="last_seen"
@@ -63,29 +64,30 @@ const MobileGrid = ({ classes, ids, data, basePath, translate }) => (
                         {translate(
                             'resources.commands.name',
                             parseInt(data[id].nb_commands, 10) || 1
-                        )}&nbsp;:&nbsp;<NumberField
+                        )}
+                        &nbsp;:&nbsp;
+                        <NumberField
                             record={data[id]}
                             source="nb_commands"
                             label="resources.customers.fields.commands"
                             className={classes.nb_commands}
                         />
                     </div>
                     <div>
-                        {translate('resources.customers.fields.total_spent')}&nbsp;
-                        :{' '}
+                        {translate('resources.customers.fields.total_spent')}
+                        &nbsp; :{' '}
                         <ColoredNumberField
                             record={data[id]}
                             source="total_spent"
                             options={{ style: 'currency', currency: 'USD' }}
                         />
                     </div>
                 </CardContent>
-                {data[id].groups &&
-                    data[id].groups.length > 0 && (
-                        <CardContent className={classes.cardContent}>
-                            <SegmentsField record={data[id]} />
-                        </CardContent>
-                    )}
+                {data[id].groups && data[id].groups.length > 0 && (
+                    <CardContent className={classes.cardContent}>
+                        <SegmentsField record={data[id]} />
+                    </CardContent>
+                )}
             </Card>
         ))}
     </div>

diff --git a/examples/simple/src/comments/CommentList.js b/examples/simple/src/comments/CommentList.js
@@ -74,7 +74,8 @@ const CommentPagination = translate(
                             key="prev"
                             onClick={() => setPage(page - 1)}
                         >
-                            <ChevronLeft />&nbsp;
+                            <ChevronLeft />
+                            &nbsp;
                             {translate('ra.navigation.prev')}
                         </Button>
                     )}

diff --git a/examples/simple/src/posts/PostEdit.js b/examples/simple/src/posts/PostEdit.js
@@ -41,15 +41,15 @@ const EditActions = ({
     resource,
     ...rest
 }) => (
-        <CardActions className={className} {...rest}>
-            <CloneButton
-                className="button-clone"
-                basePath={basePath}
-                record={data}
-            />
-            {hasShow && <ShowButton basePath={basePath} record={data} />}
-        </CardActions>
-    );
+    <CardActions className={className} {...rest}>
+        <CloneButton
+            className="button-clone"
+            basePath={basePath}
+            record={data}
+        />
+        {hasShow && <ShowButton basePath={basePath} record={data} />}
+    </CardActions>
+);
 
 const PostEdit = props => (
     <Edit title={<PostTitle />} actions={<EditActions />} {...props}>
@@ -83,7 +83,11 @@ const PostEdit = props => (
                 />
             </FormTab>
             <FormTab label="post.form.miscellaneous">
-                <ReferenceArrayInput reference="tags" source="tags" filter={{ published: true }}>
+                <ReferenceArrayInput
+                    reference="tags"
+                    source="tags"
+                    filter={{ published: true }}
+                >
                     <AutocompleteArrayInput />
                 </ReferenceArrayInput>
                 <ArrayInput source="backlinks">

diff --git a/examples/simple/src/users/Aside.js b/examples/simple/src/users/Aside.js
@@ -5,7 +5,12 @@ const Aside = () => (
     <div style={{ width: 200, margin: '1em' }}>
         <Typography variant="title">App Users</Typography>
         <Typography variant="body1">
-            Eiusmod adipisicing tempor duis qui. Ullamco aliqua tempor incididunt aliquip aliquip qui ad minim aliqua. Aute et magna quis pariatur irure sunt. Aliquip velit consequat dolore ullamco laborum voluptate cupidatat. Proident minim reprehenderit id dolore elit sit occaecat ad amet tempor esse occaecat enim. Laborum aliqua excepteur qui ipsum in dolor et cillum est.
+            Eiusmod adipisicing tempor duis qui. Ullamco aliqua tempor
+            incididunt aliquip aliquip qui ad minim aliqua. Aute et magna quis
+            pariatur irure sunt. Aliquip velit consequat dolore ullamco laborum
+            voluptate cupidatat. Proident minim reprehenderit id dolore elit sit
+            occaecat ad amet tempor esse occaecat enim. Laborum aliqua excepteur
+            qui ipsum in dolor et cillum est.
         </Typography>
     </div>
 );

diff --git a/examples/simple/src/users/UserShow.spec.js b/examples/simple/src/users/UserShow.spec.js
@@ -24,14 +24,18 @@ const defaultProps = {
 describe('UserShow', () => {
     describe('As User', () => {
         it('should display one tab', () => {
-            const wrapper = shallow(<UserShow {...defaultProps} permissions="user" />);
+            const wrapper = shallow(
+                <UserShow {...defaultProps} permissions="user" />
+            );
 
             const tab = wrapper.find(Tab);
             expect(tab.length).toBe(1);
         });
 
         it('should show the user identity in the first tab', () => {
-            const wrapper = shallow(<UserShow {...defaultProps} permissions="user" />);
+            const wrapper = shallow(
+                <UserShow {...defaultProps} permissions="user" />
+            );
 
             const tab = wrapper.find(Tab);
             const fields = tab.find(TextField);
@@ -43,14 +47,18 @@ describe('UserShow', () => {
 
     describe('As Admin', () => {
         it('should display two tabs', () => {
-            const wrapper = shallow(<UserShow {...defaultProps} permissions="admin" />);
+            const wrapper = shallow(
+                <UserShow {...defaultProps} permissions="admin" />
+            );
 
             const tabs = wrapper.find(Tab);
             expect(tabs.length).toBe(2);
         });
 
         it('should show the user identity in the first tab', () => {
-            const wrapper = shallow(<UserShow {...defaultProps} permissions="admin" />);
+            const wrapper = shallow(
+                <UserShow {...defaultProps} permissions="admin" />
+            );
 
             const tabs = wrapper.find(Tab);
             const fields = tabs.at(0).find(TextField);
@@ -60,7 +68,9 @@ describe('UserShow', () => {
         });
 
         it('should show the user role in the second tab', () => {
-            const wrapper = shallow(<UserShow {...defaultProps} permissions="admin" />);
+            const wrapper = shallow(
+                <UserShow {...defaultProps} permissions="admin" />
+            );
 
             const tabs = wrapper.find(Tab);
             const fields = tabs.at(1).find(TextField);

diff --git a/examples/tutorial/src/index.css b/examples/tutorial/src/index.css
@@ -1,5 +1,5 @@
 body {
-  margin: 0;
-  padding: 0;
-  font-family: sans-serif;
+    margin: 0;
+    padding: 0;
+    font-family: sans-serif;
 }
diff --git a/package.json b/package.json
@@ -48,7 +48,7 @@
         "jest": "^23.6.0",
         "lerna": "~2.9.1",
         "lolex": "~2.3.2",
-        "prettier": "~1.13.7",
+        "prettier": "~1.16.4",
         "raf": "~3.4.0",
         "ts-jest": "^23.10.4",
         "tslint": "^5.11.0",

diff --git a/packages/ra-core/src/CoreAdminRouter.js b/packages/ra-core/src/CoreAdminRouter.js
@@ -107,7 +107,8 @@ export class CoreAdminRouter extends Component {
         ) {
             return (
                 <div style={welcomeStyles}>
-                    React-admin is properly configured.<br />
+                    React-admin is properly configured.
+                    <br />
                     Now you can add a first &lt;Resource&gt; as child of
                     &lt;Admin&gt;.
                 </div>

diff --git a/packages/ra-core/src/controller/CreateController.js b/packages/ra-core/src/controller/CreateController.js
@@ -61,8 +61,8 @@ export class CreateController extends Component {
             state && state.record
                 ? state.record
                 : search
-                    ? parse(search, { arrayFormat: 'bracket' })
-                    : record;
+                ? parse(search, { arrayFormat: 'bracket' })
+                : record;
     }
 
     defaultRedirectRoute() {
@@ -140,14 +140,10 @@ function mapStateToProps(state) {
 }
 
 export default compose(
-    checkMinimumRequiredProps('Create', [
-        'basePath',
-        'location',
-        'resource',
-    ]),
+    checkMinimumRequiredProps('Create', ['basePath', 'location', 'resource']),
     connect(
         mapStateToProps,
         { crudCreate: crudCreateAction }
     ),
-    translate,
+    translate
 )(CreateController);
diff --git a/packages/ra-core/src/controller/ListController.js b/packages/ra-core/src/controller/ListController.js
@@ -174,8 +174,8 @@ export class ListController extends Component {
             Object.keys(this.props.query).length > 0
                 ? this.props.query
                 : this.hasCustomParams(this.props.params)
-                    ? { ...this.props.params }
-                    : { filter: this.props.filterDefaultValues || {} };
+                ? { ...this.props.params }
+                : { filter: this.props.filterDefaultValues || {} };
 
         if (!query.sort) {
             query.sort = this.props.sort.field;

diff --git a/packages/ra-core/src/controller/checkMinimumRequiredProps.js b/packages/ra-core/src/controller/checkMinimumRequiredProps.js
@@ -1,19 +1,25 @@
 import React from 'react';
 
-const checkMinimumRequiredProps = (displayName, requiredProps) => WrappedComponent => (props) => {
+const checkMinimumRequiredProps = (
+    displayName,
+    requiredProps
+) => WrappedComponent => props => {
     const propNames = Object.keys(props);
-    const missingProps = requiredProps.filter(prop => !propNames.includes(prop));
+    const missingProps = requiredProps.filter(
+        prop => !propNames.includes(prop)
+    );
 
     if (missingProps.length > 0) {
         throw new Error(
-`<${displayName}> component is not properly configured, some essential props are missing.
+            `<${displayName}> component is not properly configured, some essential props are missing.
 Be sure to pass the props from the parent. Example:
 
 const My${displayName} = props => (
     <${displayName} {...props}></${displayName}>
 );
 
-The missing props are: ${missingProps.join(', ')}`)
+The missing props are: ${missingProps.join(', ')}`
+        );
     }
 
     return <WrappedComponent {...props} />;

diff --git a/packages/ra-core/src/controller/field/ReferenceManyFieldController.js b/packages/ra-core/src/controller/field/ReferenceManyFieldController.js
@@ -73,8 +73,8 @@ export class ReferenceManyFieldController extends Component {
 
     componentWillReceiveProps(nextProps) {
         if (
-          this.props.record.id !== nextProps.record.id ||
-          !isEqual(this.props.filter, nextProps.filter)
+            this.props.record.id !== nextProps.record.id ||
+            !isEqual(this.props.filter, nextProps.filter)
         ) {
             this.fetchReferences(nextProps);
         }

diff --git a/packages/ra-core/src/controller/input/ReferenceInputController.spec.js b/packages/ra-core/src/controller/input/ReferenceInputController.spec.js
@@ -409,7 +409,7 @@ describe('<ReferenceInputController />', () => {
     it('should only call crudGetMatching when props are changed from outside', () => {
         const crudGetMatchingAccumulate = jest.fn();
         const crudGetManyAccumulate = jest.fn();
-        const ControllerWrapper = (props) => (
+        const ControllerWrapper = props => (
             <ReferenceInputController
                 {...defaultProps}
                 allowEmpty

diff --git a/packages/ra-core/src/controller/input/referenceDataStatus.js b/packages/ra-core/src/controller/input/referenceDataStatus.js
@@ -45,8 +45,8 @@ export const getSelectedReferencesStatus = (input, referenceRecords) =>
     !input.value || input.value.length === referenceRecords.length
         ? REFERENCES_STATUS_READY
         : referenceRecords.length > 0
-            ? REFERENCES_STATUS_INCOMPLETE
-            : REFERENCES_STATUS_EMPTY;
+        ? REFERENCES_STATUS_INCOMPLETE
+        : REFERENCES_STATUS_EMPTY;
 
 export const getStatusForArrayInput = ({
     input,