fix(core): run prettier

packages/core/src/components/CheckboxTree/CheckboxTree.tsx

@@ -41,15 +41,15 @@ const useStyles = makeStyles((theme: Theme) =>
       '&:hover': {
         backgroundColor: 'transparent',
       },
-      '&:active' : {
+      '&:active': {
         animation: 'none',
-        transform: 'none'
+        transform: 'none',
       },
     },
     nested: {
       paddingLeft: theme.spacing(5),
       height: '32px',
-      '&:hover' : {
+      '&:hover': {
         backgroundColor: 'transparent',
       },
     },
@@ -57,16 +57,16 @@ const useStyles = makeStyles((theme: Theme) =>
       minWidth: 10,
     },
     listItem: {
-      '&:hover' : {
+      '&:hover': {
         backgroundColor: 'transparent',
       },
     },
     text: {
       '& span, & svg': {
         fontWeight: 'normal',
-        fontSize: 14
-      }
-    }
+        fontSize: 14,
+      },
+    },
   }),
 );
 
@@ -198,7 +198,6 @@ const indexer = (
     };
   }, {});
 
-
 export const CheckboxTree = (props: CheckboxTreeProps) => {
   const { onChange } = props;
   const classes = useStyles();
@@ -225,76 +224,79 @@ export const CheckboxTree = (props: CheckboxTreeProps) => {
     <div>
       <Typography variant="button">{props.label}</Typography>
       <List className={classes.root}>
-        {Object.values(state).map(item => 
-            <div key={item.label}>
-              <ListItem
-                className={classes.listItem}
-                dense
-                button
-                onClick={() => 
-                  dispatch({
-                    type: 'checkCategory',
-                    payload: item.label,
-                  })
-                }
-              >
-                <ListItemIcon className={classes.listItemIcon}>
-                  <Checkbox
-                    color="primary"
-                    edge="start"
-                    checked={item.isChecked}
-                    tabIndex={-1}
-                    disableRipple
-                  />
-                </ListItemIcon>
-                <ListItemText className={classes.text} primary={item.label} />
-                {Object.values(item.options).length ? (
-                  <>
-                    {item.isOpen ? (
-                      <ExpandLess
-                        onClick={event => handleOpen(event, item.label)}
+        {Object.values(state).map(item => (
+          <div key={item.label}>
+            <ListItem
+              className={classes.listItem}
+              dense
+              button
+              onClick={() =>
+                dispatch({
+                  type: 'checkCategory',
+                  payload: item.label,
+                })
+              }
+            >
+              <ListItemIcon className={classes.listItemIcon}>
+                <Checkbox
+                  color="primary"
+                  edge="start"
+                  checked={item.isChecked}
+                  tabIndex={-1}
+                  disableRipple
+                />
+              </ListItemIcon>
+              <ListItemText className={classes.text} primary={item.label} />
+              {Object.values(item.options).length ? (
+                <>
+                  {item.isOpen ? (
+                    <ExpandLess
+                      onClick={event => handleOpen(event, item.label)}
+                    />
+                  ) : (
+                    <ExpandMore
+                      onClick={event => handleOpen(event, item.label)}
+                    />
+                  )}
+                </>
+              ) : null}
+            </ListItem>
+            <Collapse in={item.isOpen} timeout="auto" unmountOnExit>
+              <List component="div" disablePadding>
+                {Object.values(item.options).map(option => (
+                  <ListItem
+                    button
+                    key={option.label}
+                    className={classes.nested}
+                    onClick={() =>
+                      dispatch({
+                        type: 'checkOption',
+                        payload: {
+                          subCategoryLabel: item.label,
+                          optionLabel: option.label,
+                        },
+                      })
+                    }
+                  >
+                    <ListItemIcon className={classes.listItemIcon}>
+                      <Checkbox
+                        color="primary"
+                        edge="start"
+                        checked={option.isChecked}
+                        tabIndex={-1}
+                        disableRipple
                       />
-                    ) : (
-                      <ExpandMore
-                        onClick={event => handleOpen(event, item.label)}
-                      />
-                    )}
-                  </>
-                ) : null}
-              </ListItem>
-              <Collapse in={item.isOpen} timeout="auto" unmountOnExit>
-                <List component="div" disablePadding>
-                  {Object.values(item.options).map(option => (
-                    <ListItem
-                      button
-                      key={option.label}
-                      className={classes.nested}
-                      onClick={() =>
-                        dispatch({
-                          type: 'checkOption',
-                          payload: {
-                            subCategoryLabel: item.label,
-                            optionLabel: option.label,
-                          },
-                        })
-                      }
-                    >
-                      <ListItemIcon className={classes.listItemIcon}>
-                        <Checkbox
-                          color="primary"
-                          edge="start"
-                          checked={option.isChecked}
-                          tabIndex={-1}
-                          disableRipple
-                        />
-                      </ListItemIcon>
-                      <ListItemText className={classes.text} primary={option.label} />
-                    </ListItem>
-                  ))}
-                </List>
-              </Collapse>
-            </div>
-        )}
+                    </ListItemIcon>
+                    <ListItemText
+                      className={classes.text}
+                      primary={option.label}
+                    />
+                  </ListItem>
+                ))}
+              </List>
+            </Collapse>
+          </div>
+        ))}
       </List>
     </div>
   );

packages/core/src/components/Select/Select.tsx

@@ -30,7 +30,7 @@ import {
   Chip,
   Typography,
   Checkbox,
-  ClickAwayListener
+  ClickAwayListener,
 } from '@material-ui/core';
 
 import ClosedDropdown from './static/ClosedDropdown';
@@ -121,20 +121,20 @@ export const SelectComponent = (props: SelectProps) => {
   const selectHandleOnOpen = () => {
     setCanOpen(previous => {
       if (multiple) {
-        return true
+        return true;
       }
-      return !previous
+      return !previous;
     });
   };
 
   const handleClickAway = (event: React.ChangeEvent<any>) => {
-    if (event.target.id !== "menu-item") {
+    if (event.target.id !== 'menu-item') {
       setCanOpen(false);
     }
-  }
+  };
 
   const handleDelete = (selectedValue: string | number) => () => {
-    const newValue = (value as any[]).filter(chip => chip !== selectedValue)
+    const newValue = (value as any[]).filter(chip => chip !== selectedValue);
     setValue(newValue);
     onChange(newValue);
   };
@@ -143,71 +143,69 @@ export const SelectComponent = (props: SelectProps) => {
     <div className={classes.root}>
       <Typography variant="button">{label}</Typography>
       <ClickAwayListener onClickAway={handleClickAway}>
-      <FormControl className={classes.formControl}>
-        <Select
-          value={value}
-          displayEmpty
-          multiple={multiple}
-          onChange={handleChange}
-          onClick={selectHandleOnOpen}
-          open={canOpen}
-          input={<BootstrapInput />}
-          renderValue={selected =>
-            multiple && (value as any[]).length !== 0 ? (
-              <div className={classes.chips}>
-                {(selected as string[]).map(selectedValue => (
-                  <Chip
-                    key={items.find(el => el.value === selectedValue)?.value}
-                    label={items.find(el => el.value === selectedValue)?.label}
-                    clickable
-                    onDelete={handleDelete(selectedValue)}
-                    className={classes.chip}
-                  />
-                ))}
-              </div>
-            ) : (
-              <Typography>
-                {(value as any[]).length === 0
-                  ? placeholder || ''
-                  : items.find(el => el.value === selected)?.label}
-              </Typography>
-            )
-          }
-          IconComponent={() =>
-            !canOpen ? <ClosedDropdown /> : <OpenedDropdown />
-          }
-          MenuProps={{
-            anchorOrigin: {
-              vertical: 'bottom',
-              horizontal: 'left',
-            },
-            transformOrigin: {
-              vertical: 'top',
-              horizontal: 'left',
-            },
-            getContentAnchorEl: null,
-          }}
-        >
-          {placeholder && (
-            <MenuItem value={[]}>
-              {placeholder}
-            </MenuItem>
-          )}
-          {items &&
-            items.map(item => (
-              <MenuItem id="menu-item" key={item.value} value={item.value}>
-                {multiple && (
-                  <Checkbox
-                    color="primary"
-                    checked={(value as any[]).includes(item.value) || false}
-                    className={classes.checkbox}
-                  />
-                )}
-                {item.label}
-              </MenuItem>
-            ))}
-        </Select>
-      </FormControl>
+        <FormControl className={classes.formControl}>
+          <Select
+            value={value}
+            displayEmpty
+            multiple={multiple}
+            onChange={handleChange}
+            onClick={selectHandleOnOpen}
+            open={canOpen}
+            input={<BootstrapInput />}
+            renderValue={selected =>
+              multiple && (value as any[]).length !== 0 ? (
+                <div className={classes.chips}>
+                  {(selected as string[]).map(selectedValue => (
+                    <Chip
+                      key={items.find(el => el.value === selectedValue)?.value}
+                      label={
+                        items.find(el => el.value === selectedValue)?.label
+                      }
+                      clickable
+                      onDelete={handleDelete(selectedValue)}
+                      className={classes.chip}
+                    />
+                  ))}
+                </div>
+              ) : (
+                <Typography>
+                  {(value as any[]).length === 0
+                    ? placeholder || ''
+                    : items.find(el => el.value === selected)?.label}
+                </Typography>
+              )
+            }
+            IconComponent={() =>
+              !canOpen ? <ClosedDropdown /> : <OpenedDropdown />
+            }
+            MenuProps={{
+              anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'left',
+              },
+              transformOrigin: {
+                vertical: 'top',
+                horizontal: 'left',
+              },
+              getContentAnchorEl: null,
+            }}
+          >
+            {placeholder && <MenuItem value={[]}>{placeholder}</MenuItem>}
+            {items &&
+              items.map(item => (
+                <MenuItem id="menu-item" key={item.value} value={item.value}>
+                  {multiple && (
+                    <Checkbox
+                      color="primary"
+                      checked={(value as any[]).includes(item.value) || false}
+                      className={classes.checkbox}
+                    />
+                  )}
+                  {item.label}
+                </MenuItem>
+              ))}
+          </Select>
+        </FormControl>
       </ClickAwayListener>
     </div>
   );

packages/core/src/components/Table/Filters.tsx

@@ -32,7 +32,7 @@ const useSubvalueCellStyles = makeStyles<BackstageTheme>(theme => ({
   },
   value: {
     fontWeight: 'bold',
-    fontSize: 18
+    fontSize: 18,
   },
   header: {
     display: 'flex',

packages/core/src/components/Table/Table.tsx

@@ -135,8 +135,8 @@ const useFilterStyles = makeStyles<BackstageTheme>(() => ({
   },
   title: {
     fontWeight: 'bold',
-    fontSize: 18
-  }
+    fontSize: 18,
+  },
 }));
 
 const useTableStyles = makeStyles<BackstageTheme>(() => ({