update printWidth to 120

refresh from main Signed-off-by: Tristan Chuine <[email protected]>
gridsuite · Aug 5, 2024 · 41b2d29 · 41b2d29
1 parent 1499dd4
commit 41b2d29
Show file tree

Hide file tree

Showing 56 changed files with 480 additions and 1,458 deletions.
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -1,5 +1,6 @@
 {
     "trailingComma": "es5",
     "tabWidth": 4,
+    "printWidth": 120,
     "singleQuote": true
 }
diff --git a/README.md b/README.md
@@ -73,7 +73,7 @@ Selectors are the functions called by the Containers to retrieve the data needed
 derived data should be obtained from a selector.
 
 A selector has for argument the state of the slice. It is possible to add other arguments to selector by using
-`React.useMemo` and `RTK.createSelector` to customise the fetched data.  `RTK.createSelector can also be used to combine
+`React.useMemo` and `RTK.createSelector` to customise the fetched data. `RTK.createSelector can also be used to combine
 reducers to create a more complex one.
 
 _There is no inherent reason to not have Selectors fetching data from separate slices, however, in most cases, it is
@@ -107,7 +107,7 @@ To check dependencies license compatibility with this project one locally, pleas
 npm run licenses-check
 ```
 
-Notes : 
+Notes :
 * Check [license-checker-config.json](license-checker-config.json) for license white list and exclusion.
 If you need to update this list, please inform organization's owners.
 * Excluded dependencies :

diff --git a/license-checker-config.json b/license-checker-config.json
@@ -1,5 +1,5 @@
 {
-    "onlyAllow" : [
+    "onlyAllow": [
         "MPL-2.0",
         "MIT",
         "BSD-3-Clause",

diff --git a/src/__mocks__/svgrMock.js b/src/__mocks__/svgrMock.js
@@ -7,9 +7,7 @@
 
 import React from 'react';
 
-const SvgrMock = React.forwardRef((props, ref) => (
-    <span ref={ref} {...props} />
-));
+const SvgrMock = React.forwardRef((props, ref) => <span ref={ref} {...props} />);
 
 export const ReactComponent = SvgrMock;
 export default SvgrMock;
diff --git a/src/components/1-atoms/Autocomplete.jsx b/src/components/1-atoms/Autocomplete.jsx
@@ -7,11 +7,7 @@
 
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
-import {
-    Autocomplete as MuiAutocomplete,
-    Popper,
-    TextField,
-} from '@mui/material';
+import { Autocomplete as MuiAutocomplete, Popper, TextField } from '@mui/material';
 import { styles } from './AutocompleteStyles';
 
 const PRECISION = 10e-8;
@@ -62,9 +58,7 @@ const Autocomplete = (props) => {
                   },
         [options, value, isMultiple, matchMultipleOptions]
     );
-    const [inputValue, setInputValue] = useState(
-        isMultiple ? '' : value?.toString() ?? ''
-    );
+    const [inputValue, setInputValue] = useState(isMultiple ? '' : value?.toString() ?? '');
 
     const sxStyles = styles({
         inputLength: fixedWidth ? undefined : inputValue.length,
@@ -163,31 +157,16 @@ const Autocomplete = (props) => {
             autoHighlight={!isFree}
             renderOption={renderOption}
             sx={sxStyles.inputWidth}
-            renderInput={(params) => (
-                <TextField {...params} label={label} error={error} />
-            )}
-            isOptionEqualToValue={(option, value) =>
-                option.value === value.value
-            }
-            PopperComponent={(props) => (
-                <Popper
-                    {...props}
-                    placement="bottom-start"
-                    style={{ width: 'fit-content' }}
-                />
-            )}
+            renderInput={(params) => <TextField {...params} label={label} error={error} />}
+            isOptionEqualToValue={(option, value) => option.value === value.value}
+            PopperComponent={(props) => <Popper {...props} placement="bottom-start" style={{ width: 'fit-content' }} />}
             {...rest}
         />
     );
 };
 
 Autocomplete.propTypes = {
-    value: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.number,
-        PropTypes.bool,
-        PropTypes.array,
-    ]).isRequired,
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool, PropTypes.array]).isRequired,
     isFree: PropTypes.bool,
     isMultiple: PropTypes.bool,
     onChange: PropTypes.func,

diff --git a/src/components/1-atoms/AutocompleteStyles.js b/src/components/1-atoms/AutocompleteStyles.js
@@ -10,8 +10,6 @@ const MINIMUM_WIDTH = '150px';
 export const styles = ({ inputLength }) => ({
     inputWidth: {
         minWidth: MINIMUM_WIDTH,
-        width: inputLength
-            ? `calc(${inputLength} * ${FONT_SIZE} * 16px)`
-            : 'auto',
+        width: inputLength ? `calc(${inputLength} * ${FONT_SIZE} * 16px)` : 'auto',
     },
 });
diff --git a/src/components/1-atoms/buttons/NewButton.jsx b/src/components/1-atoms/buttons/NewButton.jsx
@@ -12,13 +12,7 @@ import AddRoundedIcon from '@mui/icons-material/AddRounded';
 
 const NewButton = ({ onClick, sx, disabled, tooltip }) => (
     <Tooltip title={tooltip}>
-        <Button
-            variant="outlined"
-            onClick={onClick}
-            endIcon={<AddRoundedIcon />}
-            sx={sx}
-            disabled={disabled}
-        >
+        <Button variant="outlined" onClick={onClick} endIcon={<AddRoundedIcon />} sx={sx} disabled={disabled}>
             New
         </Button>
     </Tooltip>

diff --git a/src/components/1-atoms/buttons/index.jsx b/src/components/1-atoms/buttons/index.jsx
@@ -19,43 +19,21 @@ import DoneIcon from '@mui/icons-material/Done';
 import DoneAllIcon from '@mui/icons-material/DoneAll';
 import SaveAsIcon from '@mui/icons-material/SaveAs';
 
-export const AddIconButton = (props) => (
-    <IconButton icon={<AddCircleIcon />} {...props} />
-);
-
-export const ConvertButton = (props) => (
-    <IconButton icon={<PublishOutlinedIcon />} {...props} />
-);
-
-export const SaveButton = (props) => (
-    <IconButton icon={<SaveOutlinedIcon />} {...props} />
-);
-
-export const DeleteButton = (props) => (
-    <IconButton icon={<DeleteIcon />} {...props} />
-);
-
-export const CopyButton = (props) => (
-    <IconButton icon={<FileCopyIcon />} {...props} />
-);
-
-export const AttachButton = (props) => (
-    <IconButton icon={<AttachFileIcon />} {...props} />
-);
-
-export const ChangeButton = (props) => (
-    <IconButton icon={<LoopIcon />} {...props} />
-);
-
-export const ResetButton = (props) => (
-    <IconButton icon={<RestartAltIcon />} {...props} />
-);
-export const ApplyOneButton = (props) => (
-    <IconButton icon={<DoneIcon />} {...props} />
-);
-export const ApplyAllButton = (props) => (
-    <IconButton icon={<DoneAllIcon />} {...props} />
-);
-export const EditButton = (props) => (
-    <IconButton icon={<SaveAsIcon />} {...props} />
-);
+export const AddIconButton = (props) => <IconButton icon={<AddCircleIcon />} {...props} />;
+
+export const ConvertButton = (props) => <IconButton icon={<PublishOutlinedIcon />} {...props} />;
+
+export const SaveButton = (props) => <IconButton icon={<SaveOutlinedIcon />} {...props} />;
+
+export const DeleteButton = (props) => <IconButton icon={<DeleteIcon />} {...props} />;
+
+export const CopyButton = (props) => <IconButton icon={<FileCopyIcon />} {...props} />;
+
+export const AttachButton = (props) => <IconButton icon={<AttachFileIcon />} {...props} />;
+
+export const ChangeButton = (props) => <IconButton icon={<LoopIcon />} {...props} />;
+
+export const ResetButton = (props) => <IconButton icon={<RestartAltIcon />} {...props} />;
+export const ApplyOneButton = (props) => <IconButton icon={<DoneIcon />} {...props} />;
+export const ApplyAllButton = (props) => <IconButton icon={<DoneAllIcon />} {...props} />;
+export const EditButton = (props) => <IconButton icon={<SaveAsIcon />} {...props} />;
diff --git a/src/components/2-molecules/AttachDialog.jsx b/src/components/2-molecules/AttachDialog.jsx
@@ -46,11 +46,7 @@ const AttachDialog = (props) => {
     };
 
     return (
-        <Dialog
-            open={open}
-            onClose={closeDialog}
-            aria-labelledby="form-dialog-title"
-        >
+        <Dialog open={open} onClose={closeDialog} aria-labelledby="form-dialog-title">
             <DialogTitle id="form-dialog-title">Attach a Network</DialogTitle>
             <Divider />
             <DialogContent>
@@ -83,16 +79,10 @@ const AttachDialog = (props) => {
                 )}
                 {attachWithFile && (
                     <Box>
-                        <Typography>
-                            Attach a new network using the iidm:
-                        </Typography>
+                        <Typography>Attach a new network using the iidm:</Typography>
                         <Grid container sx={styles.margins}>
                             <Grid item xs={10}>
-                                <input
-                                    type="file"
-                                    name="file"
-                                    onChange={(e) => onChangeFile(e)}
-                                />
+                                <input type="file" name="file" onChange={(e) => onChangeFile(e)} />
                             </Grid>
                             <Grid item xs={2}>
                                 <Button

diff --git a/src/components/2-molecules/Header.jsx b/src/components/2-molecules/Header.jsx
@@ -13,8 +13,7 @@ import PropTypes from 'prop-types';
 import { styles } from './HeaderStyles';
 import { mergeSx } from 'utils/functions';
 
-const outdatedLabel =
-    'Generated elements are outdated, re-generate them to delete this warning';
+const outdatedLabel = 'Generated elements are outdated, re-generate them to delete this warning';
 
 const Header = (props) => {
     const {
@@ -62,24 +61,12 @@ const Header = (props) => {
                     {`${currentNetwork?.networkName ?? ''}`}
                 </Typography>
             </Grid>
-            <Grid
-                item
-                xs="auto"
-                sx={mergeSx(styles.gridButton, styles.buttonIcon)}
-            >
+            <Grid item xs="auto" sx={mergeSx(styles.gridButton, styles.buttonIcon)}>
                 {save !== undefined && (
-                    <SaveButton
-                        onClick={save}
-                        tooltip={saveTooltip}
-                        disabled={!isModified || !isValid}
-                    />
-                )}
-                {attach !== undefined && (
-                    <AttachButton onClick={attach} tooltip={attachTooltip} />
-                )}
-                {addElement !== undefined && (
-                    <AddIconButton onClick={addElement} tooltip={addTooltip} />
+                    <SaveButton onClick={save} tooltip={saveTooltip} disabled={!isModified || !isValid} />
                 )}
+                {attach !== undefined && <AttachButton onClick={attach} tooltip={attachTooltip} />}
+                {addElement !== undefined && <AddIconButton onClick={addElement} tooltip={addTooltip} />}
             </Grid>
         </Grid>
     );

diff --git a/src/components/2-molecules/ModelSelect.jsx b/src/components/2-molecules/ModelSelect.jsx
@@ -23,12 +23,7 @@ const ModelSelect = (props) => {
                 <Typography variant="subtitle1">{`${modelLabel} :`}</Typography>
             </Grid>
             <Grid item xs sx={styles.titleSelect}>
-                <Select
-                    options={getModelsOptions(models)}
-                    value={model}
-                    setValue={changeModel}
-                    error={model === ''}
-                />
+                <Select options={getModelsOptions(models)} value={model} setValue={changeModel} error={model === ''} />
             </Grid>
         </Grid>
     );

diff --git a/src/components/2-molecules/NavigationMenu.jsx b/src/components/2-molecules/NavigationMenu.jsx
@@ -7,13 +7,7 @@
 
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import {
-    IconButton,
-    List,
-    ListItem,
-    ListItemSecondaryAction,
-    ListItemText,
-} from '@mui/material';
+import { IconButton, List, ListItem, ListItemSecondaryAction, ListItemText } from '@mui/material';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
 
 import ContextMenu from './ContextMenu';
@@ -81,11 +75,7 @@ const NavigationMenu = (props) => {
                         >
                             <ListItemText primary={item.name} />
                             <ListItemSecondaryAction>
-                                <IconButton
-                                    edge="end"
-                                    id={item.name}
-                                    onClick={setMenu}
-                                >
+                                <IconButton edge="end" id={item.name} onClick={setMenu}>
                                     <MoreVertIcon />
                                 </IconButton>
                             </ListItemSecondaryAction>
@@ -94,20 +84,10 @@ const NavigationMenu = (props) => {
                 })}
             </List>
             {addItem !== undefined && (
-                <NewButton
-                    onClick={addItem}
-                    sx={styles.new}
-                    disabled={!canAdd}
-                    tooltip={addTooltip}
-                />
+                <NewButton onClick={addItem} sx={styles.new} disabled={!canAdd} tooltip={addTooltip} />
             )}
             {anchor !== null && (
-                <ContextMenu
-                    anchorEl={anchor}
-                    open
-                    onClose={closeContextMenu}
-                    options={buildOptions(anchor.id)}
-                />
+                <ContextMenu anchorEl={anchor} open onClose={closeContextMenu} options={buildOptions(anchor.id)} />
             )}
             {openDialog !== null && (
                 <RenameDialog

diff --git a/src/components/2-molecules/RenameDialog.jsx b/src/components/2-molecules/RenameDialog.jsx
@@ -6,14 +6,7 @@
  */
 
 import React, { useState } from 'react';
-import {
-    Button,
-    Dialog,
-    DialogActions,
-    DialogContent,
-    DialogTitle,
-    TextField,
-} from '@mui/material';
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, TextField } from '@mui/material';
 import PropTypes from 'prop-types';
 
 const RenameDialog = (props) => {
@@ -34,11 +27,7 @@ const RenameDialog = (props) => {
         handleClose();
     };
     return (
-        <Dialog
-            open={open}
-            onClose={handleClose}
-            aria-labelledby="form-dialog-title"
-        >
+        <Dialog open={open} onClose={handleClose} aria-labelledby="form-dialog-title">
             <DialogTitle id="form-dialog-title">Rename</DialogTitle>
             <DialogContent>
                 <TextField