Speed up client build

components/Grid.jsx

-import { Grid } from "@material-ui/core";
+import { Grid } from "@material-ui/core/Grid";
 
 import RecettesCard from "./RecettesCard";
 import SimpleCard from "./SimpleCard";

components/PopinManager.jsx

-import { Dialog, DialogContent, Drawer } from "@material-ui/core";
+import { Dialog } from "@material-ui/core/Dialog";
+import { DialogContent } from "@material-ui/core/DialogContent";
+import { Drawer } from "@material-ui/core/Drawer";
 import { withStyles } from "@material-ui/core/styles/";
 import { flow, get } from "lodash";
 import { withRouter } from "next/router";

components/ajouter-cas-types/ajouter-cas-types-component.jsx

-import { Divider, IconButton } from "@material-ui/core";
+import { Divider } from "@material-ui/core/Divider";
+import { IconButton } from "@material-ui/core/IconButton";
 import { withStyles } from "@material-ui/core/styles";
-import { Close as CloseIcon } from "@material-ui/icons";
+import { Close as CloseIcon } from "@material-ui/icons/Close";
 import arrayMutators from "final-form-arrays";
 import PropTypes from "prop-types";
 import { PureComponent } from "react";

components/ajouter-cas-types/error-snackbar.jsx

-import { IconButton, Snackbar } from "@material-ui/core";
+import { IconButton } from "@material-ui/core/IconButton";
+import { Snackbar } from "@material-ui/core/Snackbar";
 import CloseIcon from "@material-ui/icons/Close";
 import PropTypes from "prop-types";
 

components/ajouter-cas-types/form/cas-types-composition.jsx

 import { Icon } from "@iconify/react";
-import {
-  Badge,
-  Button,
-  Checkbox,
-  IconButton,
-  Tooltip,
-} from "@material-ui/core";
+import { Badge } from "@material-ui/core/Badge";
+import { Button } from "@material-ui/core/Button";
+import { Checkbox } from "@material-ui/core/Checkbox";
+import { IconButton } from "@material-ui/core/IconButton";
 import { withStyles } from "@material-ui/core/styles";
-import { HelpOutline as HelpOutlineIcon } from "@material-ui/icons";
+import { Tooltip } from "@material-ui/core/Tooltip";
+import { HelpOutline as HelpOutlineIcon } from "@material-ui/icons/HelpOutline";
 import PropTypes from "prop-types";
 import { PureComponent } from "react";
 import { Field } from "react-final-form";

components/ajouter-cas-types/form/cas-types-lieu-residence.jsx

@@ -2,7 +2,7 @@ import CactusIcon from "@iconify/icons-twemoji/cactus";
 import DeciduousTreeIcon from "@iconify/icons-twemoji/deciduous-tree";
 import PalmTreeIcon from "@iconify/icons-twemoji/palm-tree";
 import { Icon } from "@iconify/react";
-import { Chip } from "@material-ui/core";
+import { Chip } from "@material-ui/core/Chip";
 import { withStyles } from "@material-ui/core/styles";
 import PropTypes from "prop-types";
 import { Field } from "react-final-form";

components/ajouter-cas-types/form/cas-types-name.jsx

-import { TextField } from "@material-ui/core";
 import { withStyles } from "@material-ui/core/styles";
+import { TextField } from "@material-ui/core/TextField";
 import PropTypes from "prop-types";
 import { Field } from "react-final-form";
 

components/ajouter-cas-types/form/cas-types-revenus.jsx

-import { IconButton, NativeSelect, Tooltip } from "@material-ui/core";
+import { IconButton } from "@material-ui/core/IconButton";
+import { NativeSelect } from "@material-ui/core/NativeSelect";
 import { withStyles } from "@material-ui/core/styles";
-import { HelpOutline as HelpOutlineIcon } from "@material-ui/icons";
+import { Tooltip } from "@material-ui/core/Tooltip";
+import { HelpOutline as HelpOutlineIcon } from "@material-ui/icons/HelpOutline";
 import PropTypes from "prop-types";
 import { Fragment } from "react";
 import { Field } from "react-final-form";
 
+import formatMilliers from "../../utils/format-milliers";
 import generateRevenusMensuel from "../../utils/maths/generate-revenus-mensuel";
-import formatMilliers from "../../utils/format-milliers"
 
 const REVENUS_MENSUEL = generateRevenusMensuel(500);
 const selectOptions = REVENUS_MENSUEL.map((value) => {

components/ajouter-cas-types/submit-button.jsx

-import { CircularProgress, Fab } from "@material-ui/core";
+import { Fab } from "@material-ui/core/Fab";
 import { withStyles } from "@material-ui/core/styles";
 import PropTypes from "prop-types";
 import { PureComponent } from "react";

components/app-header/app-header-component.jsx

-import { AppBar, Toolbar, Typography } from "@material-ui/core";
+import { AppBar } from "@material-ui/core/AppBar";
 import { withStyles } from "@material-ui/core/styles";
+import { Toolbar } from "@material-ui/core/Toolbar";
+import { Typography } from "@material-ui/core/Typography";
 import PropTypes from "prop-types";
 import { PureComponent } from "react";
 

components/app-header/menu-button-mobile.jsx

-import { Button } from "@material-ui/core";
+import { Button } from "@material-ui/core/Button";
 import { withStyles } from "@material-ui/core/styles";
-import { Menu as MenuIcon } from "@material-ui/icons";
+import { Menu as MenuIcon } from "@material-ui/icons/Menu";
 import PropTypes from "prop-types";
 
 import { showEnSavoirPlusPopin } from "../../redux/actions";

components/app-header/menu-button.jsx

-import { Button } from "@material-ui/core";
+import { Button } from "@material-ui/core/Button";
 import { withStyles } from "@material-ui/core/styles";
-import { Menu as MenuIcon } from "@material-ui/icons";
+import { Menu as MenuIcon } from "@material-ui/icons/Menu";
 import PropTypes from "prop-types";
 
 import { showEnSavoirPlusPopin } from "../../redux/actions";

components/articles/article-alinea-0/article-alinea-0-component.jsx

-import { Typography } from "@material-ui/core";
-import { ExpandMore as ExpandMoreIcon } from "@material-ui/icons";
+import { Typography } from "@material-ui/core/Typography";
+import { ExpandMore as ExpandMoreIcon } from "@material-ui/icons/ExpandMore";
 import PropTypes from "prop-types";
 import { PureComponent } from "react";
 

components/articles/article-alinea-2/article-alinea-2-component.jsx

-import { Typography } from "@material-ui/core";
-import { ExpandMore as ExpandMoreIcon } from "@material-ui/icons";
+import { Typography } from "@material-ui/core/Typography";
+import { ExpandMore as ExpandMoreIcon } from "@material-ui/icons/ExpandMore";
 import PropTypes from "prop-types";
 import { PureComponent } from "react";
 

components/articles/article-alinea-3/article-alinea-3-component.jsx

 import classicalBuilding from "@iconify/icons-twemoji/classical-building";
 import warningIcon from "@iconify/icons-twemoji/warning";
 import { Icon, InlineIcon } from "@iconify/react";
-import { Typography } from "@material-ui/core";
 import FormControlLabel from "@material-ui/core/FormControlLabel";
 import { withStyles } from "@material-ui/core/styles";
 import Switch from "@material-ui/core/Switch";
-import { ExpandMore as ExpandMoreIcon } from "@material-ui/icons";
+import { Typography } from "@material-ui/core/Typography";
+import { ExpandMore as ExpandMoreIcon } from "@material-ui/icons/ExpandMore";
 import PropTypes from "prop-types";
 import { PureComponent } from "react";
 
@@ -79,8 +79,9 @@ class ArticleAlinea3 extends PureComponent {
         </LexExpansionPanelSummary>
 
         <LexExpansionPanelDetails style={styleExpansionpanel}>
-        {isUserLogged ?
-          (<div className={classes.warningOutremer}>
+          {isUserLogged
+            ? (
+              <div className={classes.warningOutremer}>
                 <Icon icon={warningIcon} />
                 <Icon icon={classicalBuilding} />
                 <span>

components/articles/article-alinea-4a/article-alinea-4a-component.jsx

-import { Typography } from "@material-ui/core";
 import FormControlLabel from "@material-ui/core/FormControlLabel";
 import { withStyles } from "@material-ui/core/styles";
 import Switch from "@material-ui/core/Switch";
-import { ExpandMore as ExpandMoreIcon } from "@material-ui/icons";
+import { Typography } from "@material-ui/core/Typography";
+import { ExpandMore as ExpandMoreIcon } from "@material-ui/icons/ExpandMore";
 import PropTypes from "prop-types";
 import { PureComponent } from "react";
 

components/articles/article-alinea-4b/article-alinea-4b-component.jsx

-import { Typography } from "@material-ui/core";
 import FormControlLabel from "@material-ui/core/FormControlLabel";
 import { withStyles } from "@material-ui/core/styles";
 import Switch from "@material-ui/core/Switch";
-import { ExpandMore as ExpandMoreIcon } from "@material-ui/icons";
+import { Typography } from "@material-ui/core/Typography";
+import { ExpandMore as ExpandMoreIcon } from "@material-ui/icons/ExpandMore";
 import PropTypes from "prop-types";
 import { PureComponent } from "react";
 

components/articles/article-header.jsx

-import {
-  AppBar, Button, Menu, Toolbar, Typography,
-} from "@material-ui/core";
+import { AppBar } from "@material-ui/core/AppBar";
+import { Button } from "@material-ui/core/Button";
+import { Menu } from "@material-ui/core/Menu";
 import MenuItem from "@material-ui/core/MenuItem";
 import { withStyles } from "@material-ui/core/styles";
-import { Refresh as RefreshIcon } from "@material-ui/icons";
+import { Toolbar } from "@material-ui/core/Toolbar";
+import { Typography } from "@material-ui/core/Typography";
+import { Refresh as RefreshIcon } from "@material-ui/icons/Refresh";
 import PropTypes from "prop-types";
 import { PureComponent } from "react";
 

components/articles/article-tranches/bouton-ajouter-tranche.jsx

-import { Fab, Typography } from "@material-ui/core";
-import { Add as AddIcon } from "@material-ui/icons";
+import { Fab } from "@material-ui/core/Fab";
+import { Typography } from "@material-ui/core/Typography";
+import { Add as AddIcon } from "@material-ui/icons/Add";
 import PropTypes from "prop-types";
 
 const AddTrancheButton = ({ onClick, style }) => (
   <div>
-    <Fab variant="extended" color="secondary" size="medium" style={style.Button} onClick={onClick}>
+    <Fab color="secondary" size="medium" style={style.Button} variant="extended" onClick={onClick}>
       <AddIcon />
     </Fab>
     <Typography inline variant="caption">

components/articles/article-tranches/bouton-supprimer-tranche.jsx

-import { Fab, Typography } from "@material-ui/core";
-import { Delete as DeleteIcon } from "@material-ui/icons";
+import { Fab } from "@material-ui/core/Fab";
+import { Typography } from "@material-ui/core/Typography";
+import { Delete as DeleteIcon } from "@material-ui/icons/Delete";
 import PropTypes from "prop-types";
 
 const RemoveTrancheButton = ({ onClick, style }) => (
   <div>
-    <Fab variant="extended" color="secondary" size="medium" style={style.Button} onClick={onClick}>
+    <Fab color="secondary" size="medium" style={style.Button} variant="extended" onClick={onClick}>
       <DeleteIcon />
     </Fab>
     <Typography inline variant="caption">