style: changed makeStyles structure - Ref gestion-de-projet#2096

aphp · May 24, 2023 · 5705580 · 5705580
1 parent 19660f2
commit 5705580
Show file tree

Hide file tree

Showing 107 changed files with 661 additions and 684 deletions.
diff --git a/src/components/CreationCohort/ControlPanel/styles.ts b/src/components/CreationCohort/ControlPanel/styles.ts
@@ -1,84 +1,82 @@
-import { makeStyles, createStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() =>
-  createStyles({
-    rightPanelContainerStyle: {
-      position: 'fixed',
-      width: 284,
-      height: 'calc(100% - 16px)',
-      top: 0,
-      right: 0,
-      margin: 8,
-      overflow: 'auto'
-    },
-    container: {
-      borderRadius: 12,
-      border: '1px solid #CCCCCD',
-      backgroundColor: 'white',
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      marginTop: 8,
-      padding: 4,
-      '&:first-child': {
-        marginTop: 0
-      }
-    },
-    requestExecution: {
-      marginTop: 12,
-      marginBottom: 12,
-      backgroundColor: '#5BC5F2',
-      borderRadius: '26px',
-      border: 'none',
-      height: '42px',
-      width: '90%',
-      color: '#FFF',
-      '&:hover': {
-        backgroundColor: '#499cbf'
-      },
-      '&:disabled': {
-        opacity: 0.7
-      }
-    },
-    actionButton: {
-      backgroundColor: '#FFF',
-      marginBottom: 6,
-      borderRadius: '18px',
-      height: '36px',
-      width: '80%',
-      border: `2px solid currentColor`,
-      '&:disabled': {
-        color: '#ccc',
-        opacity: 0.7
-      },
-      '& > span': {
-        position: 'relative'
-      }
-    },
-    boldText: {
-      fontWeight: 700
-    },
-    blueText: {
-      color: '#5BC5F2'
-    },
-    redText: {
-      color: '#fc1847'
-    },
-    iconBorder: {
-      color: 'currentColor'
-    },
-    patientTypo: {
-      margin: '10px'
+const useStyles = makeStyles()(() => ({
+  rightPanelContainerStyle: {
+    position: 'fixed',
+    width: 284,
+    height: 'calc(100% - 16px)',
+    top: 0,
+    right: 0,
+    margin: 8,
+    overflow: 'auto'
+  },
+  container: {
+    borderRadius: 12,
+    border: '1px solid #CCCCCD',
+    backgroundColor: 'white',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    marginTop: 8,
+    padding: 4,
+    '&:first-child': {
+      marginTop: 0
+    }
+  },
+  requestExecution: {
+    marginTop: 12,
+    marginBottom: 12,
+    backgroundColor: '#5BC5F2',
+    borderRadius: '26px',
+    border: 'none',
+    height: '42px',
+    width: '90%',
+    color: '#FFF',
+    '&:hover': {
+      backgroundColor: '#499cbf'
     },
-    sidesMargin: {
-      margin: '0 10px'
+    '&:disabled': {
+      opacity: 0.7
+    }
+  },
+  actionButton: {
+    backgroundColor: '#FFF',
+    marginBottom: 6,
+    borderRadius: '18px',
+    height: '36px',
+    width: '80%',
+    border: `2px solid currentColor`,
+    '&:disabled': {
+      color: '#ccc',
+      opacity: 0.7
     },
-    errorAlert: {
-      marginTop: 8,
-      borderRadius: 12,
-      border: '1px solid currentColor'
+    '& > span': {
+      position: 'relative'
     }
-  })
-)
+  },
+  boldText: {
+    fontWeight: 700
+  },
+  blueText: {
+    color: '#5BC5F2'
+  },
+  redText: {
+    color: '#fc1847'
+  },
+  iconBorder: {
+    color: 'currentColor'
+  },
+  patientTypo: {
+    margin: '10px'
+  },
+  sidesMargin: {
+    margin: '0 10px'
+  },
+  errorAlert: {
+    marginTop: 8,
+    borderRadius: 12,
+    border: '1px solid currentColor'
+  }
+}))
 
 export default useStyles
diff --git a/src/components/CreationCohort/DiagramView/components/Breadcrumbs/styles.ts b/src/components/CreationCohort/DiagramView/components/Breadcrumbs/styles.ts
@@ -1,7 +1,7 @@
 import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
-const useStyles = makeStyles((theme: Theme) => ({
+const useStyles = makeStyles()((theme: Theme) => ({
   root: {
     marginBottom: theme.spacing(2)
   }

diff --git a/...eationCohort/DiagramView/components/CriteriaCard/components/CriteriaCardContent/styles.ts b/...eationCohort/DiagramView/components/CriteriaCard/components/CriteriaCardContent/styles.ts
@@ -1,7 +1,7 @@
 import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
-const useStyles = makeStyles((theme: Theme) => ({
+const useStyles = makeStyles()((theme: Theme) => ({
   cardContent: {
     display: 'flex',
     padding: 0,

diff --git a/src/components/CreationCohort/DiagramView/components/CriteriaCard/styles.ts b/src/components/CreationCohort/DiagramView/components/CriteriaCard/styles.ts
@@ -1,7 +1,7 @@
 import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
-const useStyles = makeStyles((theme: Theme) => ({
+const useStyles = makeStyles()((theme: Theme) => ({
   criteriaItem: {
     display: 'flex',
     justifyContent: 'space-between',

diff --git a/.../LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/OccurrencesInputs/styles.ts b/.../LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/OccurrencesInputs/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...onents/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/VisitInputs/styles.ts b/...onents/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/VisitInputs/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   inputItem: {
     margin: '1em',
     width: 'calc(100% - 2em)'

diff --git a/...ramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/styles.ts b/...ramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/styles.ts
diff --git a/...icalOperator/components/CriteriaRightPanel/BiologyForm/components/BiologySearch/styles.ts b/...icalOperator/components/CriteriaRightPanel/BiologyForm/components/BiologySearch/styles.ts
@@ -1,7 +1,7 @@
-import makeStyles from '@mui/styles/makeStyles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
-const useStyles = makeStyles((theme: Theme) => ({
+const useStyles = makeStyles()((theme: Theme) => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...nents/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Form/styles.ts b/...nents/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Form/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/.../LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Hierarchy/styles.ts b/.../LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Hierarchy/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...iagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/styles.ts b/...iagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   tabs: {
     marginTop: 72,
     position: 'absolute',

diff --git a/...w/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Form/styles.ts b/...w/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Form/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...ponents/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Hierarchy/styles.ts b/...ponents/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Hierarchy/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...ohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/styles.ts b/...ohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   tabs: {
     marginTop: 72,
     position: 'absolute',

diff --git a/...ponents/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Form/styles.ts b/...ponents/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Form/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...ts/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Hierarchy/styles.ts b/...ts/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Hierarchy/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/.../DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/styles.ts b/.../DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   tabs: {
     marginTop: 72,
     position: 'absolute'

diff --git a/...amView/components/LogicalOperator/components/CriteriaRightPanel/DemographicFrom/styles.ts b/...amView/components/LogicalOperator/components/CriteriaRightPanel/DemographicFrom/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...gramView/components/LogicalOperator/components/CriteriaRightPanel/DocumentsForm/styles.ts b/...gramView/components/LogicalOperator/components/CriteriaRightPanel/DocumentsForm/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...ew/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Form/styles.ts b/...ew/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Form/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...mponents/LogicalOperator/components/CriteriaRightPanel/GHM/components/Hierarchy/styles.ts b/...mponents/LogicalOperator/components/CriteriaRightPanel/GHM/components/Hierarchy/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...Cohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/styles.ts b/...Cohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   tabs: {
     marginTop: 72,
     position: 'absolute'

diff --git a/...rt/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/IPPForm/styles.ts b/...rt/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/IPPForm/styles.ts
@@ -1,6 +1,6 @@
-import makeStyles from '@mui/styles/makeStyles'
+import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...ts/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Form/styles.ts b/...ts/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Form/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...gicalOperator/components/CriteriaRightPanel/MedicationForm/components/Hierarchy/styles.ts b/...gicalOperator/components/CriteriaRightPanel/MedicationForm/components/Hierarchy/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...ramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/styles.ts b/...ramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   tabs: {
     marginTop: 72,
     position: 'absolute'

diff --git a/...iagramView/components/LogicalOperator/components/CriteriaRightPanel/RequestForm/styles.ts b/...iagramView/components/LogicalOperator/components/CriteriaRightPanel/RequestForm/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...gramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/styles.ts b/...gramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...tionCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/styles.ts b/...tionCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   root: {
     display: 'flex',
     flexDirection: 'column',

diff --git a/...ionCohort/DiagramView/components/LogicalOperator/components/LogicalOperatorItem/styles.ts b/...ionCohort/DiagramView/components/LogicalOperator/components/LogicalOperatorItem/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles()(() => ({
   backDrop: {
     height: '100vh',
     width: '100vw',