From f30e997ba4309e7d7fcc0ae3bfc9d24285227cc2 Mon Sep 17 00:00:00 2001 From: manelleg Date: Wed, 24 May 2023 14:28:41 +0200 Subject: [PATCH] style: added tss package and changed imports to makeStyles - Ref gestion-de-projet#2096 --- package.json | 3 ++- .../DiagramView/components/Breadcrumbs/styles.ts | 2 +- .../components/CriteriaCardContent/styles.ts | 2 +- .../DiagramView/components/CriteriaCard/styles.ts | 2 +- .../AdvancedInputs/OccurrencesInputs/styles.ts | 2 +- .../AdvancedInputs/VisitInputs/styles.ts | 2 +- .../CriteriaRightPanel/AdvancedInputs/styles.ts | 2 +- .../BiologyForm/components/Form/styles.ts | 2 +- .../BiologyForm/components/Hierarchy/styles.ts | 2 +- .../CriteriaRightPanel/BiologyForm/styles.ts | 2 +- .../CriteriaRightPanel/CCAM/components/Form/styles.ts | 2 +- .../CCAM/components/Hierarchy/styles.ts | 2 +- .../components/CriteriaRightPanel/CCAM/styles.ts | 2 +- .../Cim10Form/components/Form/styles.ts | 2 +- .../Cim10Form/components/Hierarchy/styles.ts | 2 +- .../components/CriteriaRightPanel/Cim10Form/styles.ts | 2 +- .../CriteriaRightPanel/DemographicFrom/styles.ts | 2 +- .../CriteriaRightPanel/DocumentsForm/styles.ts | 2 +- .../CriteriaRightPanel/GHM/components/Form/styles.ts | 2 +- .../GHM/components/Hierarchy/styles.ts | 2 +- .../components/CriteriaRightPanel/GHM/styles.ts | 2 +- .../MedicationForm/components/Form/styles.ts | 2 +- .../MedicationForm/components/Hierarchy/styles.ts | 2 +- .../CriteriaRightPanel/MedicationForm/styles.ts | 2 +- .../CriteriaRightPanel/RequestForm/styles.ts | 2 +- .../CriteriaRightPanel/SupportedForm/styles.ts | 2 +- .../components/CriteriaRightPanel/styles.ts | 2 +- .../components/LogicalOperatorItem/styles.ts | 2 +- .../DiagramView/components/LogicalOperator/styles.ts | 2 +- .../components/PopulationCard/components/styles.ts | 2 +- .../DiagramView/components/PopulationCard/styles.ts | 2 +- .../components/EventSequenceTable/styles.ts | 2 +- .../components/TemporalConstraintConfig/styles.ts | 2 +- .../components/TemporalConstraintCard/styles.ts | 2 +- src/components/CreationCohort/DiagramView/styles.ts | 2 +- src/components/CreationCohort/JsonView/styles.ts | 2 +- .../CreationCohort/Modals/ModalCohortTitle/styles.ts | 2 +- .../Modals/ModalCreateNewRequest/styles.ts | 2 +- src/components/CreationCohort/styles.ts | 2 +- src/components/Dashboard/ExportModal/styles.ts | 2 +- .../Dashboard/PatientList/components/styles.ts | 2 +- src/components/Dashboard/Preview/Charts/styles.js | 2 +- src/components/Dashboard/Preview/styles.ts | 2 +- src/components/ErrorView/styles.ts | 2 +- src/components/Filters/BiologyFilters/styles.js | 2 +- src/components/Filters/CohortsFilters/styles.js | 2 +- src/components/Filters/DocumentFilters/styles.js | 2 +- src/components/Filters/MedicationFilters/styles.js | 2 +- src/components/Filters/PMSIFilters/styles.js | 2 +- src/components/Filters/PatientFilters/styles.js | 2 +- src/components/Filters/SortDialog/styles.js | 2 +- src/components/Inputs/InputAgeRange/styles.js | 2 +- src/components/Inputs/InputDate/styles.jsx | 2 +- src/components/Inputs/InputNumber/styles.jsx | 2 +- .../components/DocumentSearchHelp/styles.js | 2 +- .../Inputs/InputSearchDocument/components/styles.ts | 2 +- src/components/Inputs/PatientSearchBar/styles.ts | 10 +++++++++- src/components/Inputs/ScopeSearchBar/styles.ts | 2 +- src/components/MasterChips/styles.js | 2 +- .../MyProjects/Modals/ModalAddOrEditProject/styles.ts | 2 +- .../MyProjects/Modals/ModalDeleteRequests/styles.ts | 2 +- .../MyProjects/Modals/ModalEditCohort/styles.ts | 2 +- .../Modals/ModalShareRequest/components/styles.ts | 2 +- .../MyProjects/Modals/ModalShareRequest/styles.ts | 2 +- src/components/MyProjects/ProjectSearchBar/styles.ts | 2 +- src/components/MyProjects/ProjectTable/styles.ts | 2 +- src/components/Patient/PatientBiology/styles.js | 2 +- src/components/Patient/PatientDocs/styles.js | 2 +- .../Patient/PatientHeader/PatientInfo/styles.js | 2 +- .../Patient/PatientHeader/PatientTitle/styles.js | 2 +- src/components/Patient/PatientHeader/styles.js | 2 +- src/components/Patient/PatientMedication/styles.js | 2 +- src/components/Patient/PatientPMSI/styles.js | 2 +- .../Patient/PatientPreview/PatientField/styles.js | 2 +- src/components/Patient/PatientPreview/styles.js | 2 +- .../PatientSidebar/PatientSidebarHeader/styles.js | 2 +- .../PatientSidebar/PatientSidebarItem/styles.js | 2 +- src/components/Patient/PatientSidebar/styles.js | 2 +- .../PatientTimeline/FilterTimelineDialog/styles.js | 2 +- .../HospitDialog/DocumentTable/styles.ts | 2 +- .../Patient/PatientTimeline/HospitDialog/styles.js | 2 +- src/components/Patient/PatientTimeline/styles.js | 2 +- src/components/Routes/styles.ts | 2 +- src/components/SavedResearch/ResearchTable/styles.js | 2 +- src/components/SavedResearch/styles.ts | 2 +- src/components/ScopeTree/ScopeTreeTable/index.jsx | 2 +- src/components/ScopeTree/styles.js | 2 +- src/components/TopBar/styles.js | 2 +- src/components/Welcome/NewsCard/styles.js | 2 +- src/components/Welcome/PatientsCard/styles.js | 2 +- src/components/Welcome/SearchPatientCard/styles.js | 2 +- src/components/Welcome/TutorialsCard/styles.ts | 2 +- src/views/CohortCreation/styles.js | 2 +- src/views/Contact/styles.ts | 2 +- src/views/Dashboard/styles.ts | 2 +- src/views/Login/styles.ts | 2 +- src/views/MyProjects/styles.ts | 2 +- src/views/Patient/styles.js | 2 +- src/views/SavedResearch/styles.ts | 2 +- src/views/Scope/styles.js | 2 +- src/views/SearchPatient/styles.ts | 2 +- src/views/Welcome/styles.ts | 2 +- 102 files changed, 111 insertions(+), 102 deletions(-) diff --git a/package.json b/package.json index 0986fd555..3d3d02450 100644 --- a/package.json +++ b/package.json @@ -42,7 +42,8 @@ "redux-devtools-extension": "^2.13.9", "redux-logger": "^3.0.6", "redux-persist": "^6.0.0", - "redux-state-sync": "^3.1.4" + "redux-state-sync": "^3.1.4", + "tss-react": "^4.8.4" }, "resolutions": { "nth-check": "^2.0.1" diff --git a/src/components/CreationCohort/DiagramView/components/Breadcrumbs/styles.ts b/src/components/CreationCohort/DiagramView/components/Breadcrumbs/styles.ts index e066cb39b..3a35b523d 100644 --- a/src/components/CreationCohort/DiagramView/components/Breadcrumbs/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/Breadcrumbs/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/CreationCohort/DiagramView/components/CriteriaCard/components/CriteriaCardContent/styles.ts b/src/components/CreationCohort/DiagramView/components/CriteriaCard/components/CriteriaCardContent/styles.ts index 559ccd9e0..e39ba9b4a 100644 --- a/src/components/CreationCohort/DiagramView/components/CriteriaCard/components/CriteriaCardContent/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/CriteriaCard/components/CriteriaCardContent/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/CreationCohort/DiagramView/components/CriteriaCard/styles.ts b/src/components/CreationCohort/DiagramView/components/CriteriaCard/styles.ts index d0d0a1ca2..526aafa9f 100644 --- a/src/components/CreationCohort/DiagramView/components/CriteriaCard/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/CriteriaCard/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/OccurrencesInputs/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/OccurrencesInputs/styles.ts index d3e559dc7..481a509dd 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/OccurrencesInputs/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/OccurrencesInputs/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/VisitInputs/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/VisitInputs/styles.ts index c53874ee4..86f5d858e 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/VisitInputs/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/VisitInputs/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ inputItem: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/styles.ts index a5c18c1e2..318801fea 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({})) diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Form/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Form/styles.ts index 0747e07e5..993d46280 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Form/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Form/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Hierarchy/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Hierarchy/styles.ts index b02194fdf..5a6312799 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Hierarchy/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Hierarchy/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/styles.ts index 4e2fa8b05..49e9a181f 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ tabs: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Form/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Form/styles.ts index 0747e07e5..993d46280 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Form/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Form/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Hierarchy/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Hierarchy/styles.ts index 0c5cfe01a..1b08cd2bc 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Hierarchy/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Hierarchy/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/styles.ts index 4e2fa8b05..49e9a181f 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ tabs: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Form/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Form/styles.ts index 0747e07e5..993d46280 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Form/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Form/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Hierarchy/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Hierarchy/styles.ts index b0216303b..9377b0413 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Hierarchy/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Hierarchy/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/styles.ts index 74e672940..e07c837f3 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ tabs: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/DemographicFrom/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/DemographicFrom/styles.ts index a216498c2..e84745e7d 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/DemographicFrom/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/DemographicFrom/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/DocumentsForm/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/DocumentsForm/styles.ts index 71534b958..502e761d1 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/DocumentsForm/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/DocumentsForm/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Form/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Form/styles.ts index d5d1b4f56..4ec06aa65 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Form/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Form/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Hierarchy/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Hierarchy/styles.ts index 3e2bd9d56..ad1de6d6a 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Hierarchy/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Hierarchy/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/styles.ts index 74e672940..e07c837f3 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ tabs: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Form/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Form/styles.ts index 2850d379d..2c038ebef 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Form/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Form/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Hierarchy/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Hierarchy/styles.ts index dae6277d4..1e2e30e90 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Hierarchy/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Hierarchy/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/styles.ts index 74e672940..e07c837f3 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ tabs: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/RequestForm/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/RequestForm/styles.ts index a216498c2..e84745e7d 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/RequestForm/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/RequestForm/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/styles.ts index a216498c2..e84745e7d 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/styles.ts index 204eab986..5f8b9ce0d 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/LogicalOperatorItem/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/LogicalOperatorItem/styles.ts index 713ed1e0a..7f55428bd 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/LogicalOperatorItem/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/components/LogicalOperatorItem/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ backDrop: { diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/styles.ts index 27454373f..6e4f05291 100644 --- a/src/components/CreationCohort/DiagramView/components/LogicalOperator/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/LogicalOperator/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ backDrop: { diff --git a/src/components/CreationCohort/DiagramView/components/PopulationCard/components/styles.ts b/src/components/CreationCohort/DiagramView/components/PopulationCard/components/styles.ts index a9e2e245d..03752fdb8 100644 --- a/src/components/CreationCohort/DiagramView/components/PopulationCard/components/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/PopulationCard/components/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/DiagramView/components/PopulationCard/styles.ts b/src/components/CreationCohort/DiagramView/components/PopulationCard/styles.ts index 61e0c3526..bfe1cb8fd 100644 --- a/src/components/CreationCohort/DiagramView/components/PopulationCard/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/PopulationCard/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/components/EventSequenceTable/styles.ts b/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/components/EventSequenceTable/styles.ts index 0b3a19f2f..8ec93c099 100644 --- a/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/components/EventSequenceTable/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/components/EventSequenceTable/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ inputContainer: { diff --git a/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/components/TemporalConstraintConfig/styles.ts b/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/components/TemporalConstraintConfig/styles.ts index bf2ebfe44..9a6f224b1 100644 --- a/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/components/TemporalConstraintConfig/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/components/TemporalConstraintConfig/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ input: { diff --git a/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/styles.ts b/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/styles.ts index 336435953..84592dc85 100644 --- a/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/styles.ts +++ b/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/CreationCohort/DiagramView/styles.ts b/src/components/CreationCohort/DiagramView/styles.ts index 6aaf04f3b..67ccc72c7 100644 --- a/src/components/CreationCohort/DiagramView/styles.ts +++ b/src/components/CreationCohort/DiagramView/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/CreationCohort/JsonView/styles.ts b/src/components/CreationCohort/JsonView/styles.ts index ca1ad90c2..afdff8ae1 100644 --- a/src/components/CreationCohort/JsonView/styles.ts +++ b/src/components/CreationCohort/JsonView/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ root: { diff --git a/src/components/CreationCohort/Modals/ModalCohortTitle/styles.ts b/src/components/CreationCohort/Modals/ModalCohortTitle/styles.ts index c2eb00da3..53fb05103 100644 --- a/src/components/CreationCohort/Modals/ModalCohortTitle/styles.ts +++ b/src/components/CreationCohort/Modals/ModalCohortTitle/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ inputContainer: { diff --git a/src/components/CreationCohort/Modals/ModalCreateNewRequest/styles.ts b/src/components/CreationCohort/Modals/ModalCreateNewRequest/styles.ts index f9cf5e718..b16c2df35 100644 --- a/src/components/CreationCohort/Modals/ModalCreateNewRequest/styles.ts +++ b/src/components/CreationCohort/Modals/ModalCreateNewRequest/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ inputContainer: { diff --git a/src/components/CreationCohort/styles.ts b/src/components/CreationCohort/styles.ts index 509bd8737..ed8ac00f0 100644 --- a/src/components/CreationCohort/styles.ts +++ b/src/components/CreationCohort/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ grid: { diff --git a/src/components/Dashboard/ExportModal/styles.ts b/src/components/Dashboard/ExportModal/styles.ts index 40327f25e..2be993501 100644 --- a/src/components/Dashboard/ExportModal/styles.ts +++ b/src/components/Dashboard/ExportModal/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/Dashboard/PatientList/components/styles.ts b/src/components/Dashboard/PatientList/components/styles.ts index 17bcde487..13c7b15d9 100644 --- a/src/components/Dashboard/PatientList/components/styles.ts +++ b/src/components/Dashboard/PatientList/components/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/Dashboard/Preview/Charts/styles.js b/src/components/Dashboard/Preview/Charts/styles.js index bf85e7676..3c1b0d8d7 100644 --- a/src/components/Dashboard/Preview/Charts/styles.js +++ b/src/components/Dashboard/Preview/Charts/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ tooltip: { diff --git a/src/components/Dashboard/Preview/styles.ts b/src/components/Dashboard/Preview/styles.ts index 1473e3c1b..9caed339e 100644 --- a/src/components/Dashboard/Preview/styles.ts +++ b/src/components/Dashboard/Preview/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/ErrorView/styles.ts b/src/components/ErrorView/styles.ts index 3a4ee1677..fd801880c 100644 --- a/src/components/ErrorView/styles.ts +++ b/src/components/ErrorView/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { smallDrawerWidth, largeDrawerWidth } from 'components/Routes/LeftSideBar/LeftSideBar' export default makeStyles((theme: any) => ({ diff --git a/src/components/Filters/BiologyFilters/styles.js b/src/components/Filters/BiologyFilters/styles.js index 54be9ac0f..c0eeec279 100644 --- a/src/components/Filters/BiologyFilters/styles.js +++ b/src/components/Filters/BiologyFilters/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ dialog: { diff --git a/src/components/Filters/CohortsFilters/styles.js b/src/components/Filters/CohortsFilters/styles.js index 2f7d3bf37..80139a055 100644 --- a/src/components/Filters/CohortsFilters/styles.js +++ b/src/components/Filters/CohortsFilters/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ dialog: { diff --git a/src/components/Filters/DocumentFilters/styles.js b/src/components/Filters/DocumentFilters/styles.js index 807f8fbfb..43f790ed0 100644 --- a/src/components/Filters/DocumentFilters/styles.js +++ b/src/components/Filters/DocumentFilters/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ dialog: { diff --git a/src/components/Filters/MedicationFilters/styles.js b/src/components/Filters/MedicationFilters/styles.js index 7d7e5f6ce..7fd6233c9 100644 --- a/src/components/Filters/MedicationFilters/styles.js +++ b/src/components/Filters/MedicationFilters/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ dialog: { diff --git a/src/components/Filters/PMSIFilters/styles.js b/src/components/Filters/PMSIFilters/styles.js index 7d7e5f6ce..7fd6233c9 100644 --- a/src/components/Filters/PMSIFilters/styles.js +++ b/src/components/Filters/PMSIFilters/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ dialog: { diff --git a/src/components/Filters/PatientFilters/styles.js b/src/components/Filters/PatientFilters/styles.js index 4f37ce6bd..16091c4d8 100644 --- a/src/components/Filters/PatientFilters/styles.js +++ b/src/components/Filters/PatientFilters/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ dialog: { diff --git a/src/components/Filters/SortDialog/styles.js b/src/components/Filters/SortDialog/styles.js index 30e468209..5baf783ad 100644 --- a/src/components/Filters/SortDialog/styles.js +++ b/src/components/Filters/SortDialog/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ dialog: { diff --git a/src/components/Inputs/InputAgeRange/styles.js b/src/components/Inputs/InputAgeRange/styles.js index a0d24594f..aadd7da74 100644 --- a/src/components/Inputs/InputAgeRange/styles.js +++ b/src/components/Inputs/InputAgeRange/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ ageFilter: { diff --git a/src/components/Inputs/InputDate/styles.jsx b/src/components/Inputs/InputDate/styles.jsx index 8f84143ec..f12106010 100644 --- a/src/components/Inputs/InputDate/styles.jsx +++ b/src/components/Inputs/InputDate/styles.jsx @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ formControl: { margin: '1em' }, diff --git a/src/components/Inputs/InputNumber/styles.jsx b/src/components/Inputs/InputNumber/styles.jsx index ccb1e1ac4..f7867c212 100644 --- a/src/components/Inputs/InputNumber/styles.jsx +++ b/src/components/Inputs/InputNumber/styles.jsx @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ formControl: { margin: '1em' }, diff --git a/src/components/Inputs/InputSearchDocument/components/DocumentSearchHelp/styles.js b/src/components/Inputs/InputSearchDocument/components/DocumentSearchHelp/styles.js index c8f79827d..e928e750e 100644 --- a/src/components/Inputs/InputSearchDocument/components/DocumentSearchHelp/styles.js +++ b/src/components/Inputs/InputSearchDocument/components/DocumentSearchHelp/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ dialog: { diff --git a/src/components/Inputs/InputSearchDocument/components/styles.ts b/src/components/Inputs/InputSearchDocument/components/styles.ts index c6be53ee0..229987571 100644 --- a/src/components/Inputs/InputSearchDocument/components/styles.ts +++ b/src/components/Inputs/InputSearchDocument/components/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/Inputs/PatientSearchBar/styles.ts b/src/components/Inputs/PatientSearchBar/styles.ts index 2b3d5d019..e09dab7c0 100644 --- a/src/components/Inputs/PatientSearchBar/styles.ts +++ b/src/components/Inputs/PatientSearchBar/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ @@ -20,6 +20,14 @@ const useStyles = makeStyles((theme: Theme) => ({ input: { marginLeft: theme.spacing(1), flex: 1 + }, + select: { + marginRight: 4, + borderRadius: 25, + backgroundColor: '#FFF', + '& .MuiSelect-select': { + borderRadius: 25 + } } })) diff --git a/src/components/Inputs/ScopeSearchBar/styles.ts b/src/components/Inputs/ScopeSearchBar/styles.ts index bce8668db..4332c3479 100644 --- a/src/components/Inputs/ScopeSearchBar/styles.ts +++ b/src/components/Inputs/ScopeSearchBar/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/MasterChips/styles.js b/src/components/MasterChips/styles.js index 6b79f7ec1..efd1a7821 100644 --- a/src/components/MasterChips/styles.js +++ b/src/components/MasterChips/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ chips: { diff --git a/src/components/MyProjects/Modals/ModalAddOrEditProject/styles.ts b/src/components/MyProjects/Modals/ModalAddOrEditProject/styles.ts index 5fdb200a0..816a77420 100644 --- a/src/components/MyProjects/Modals/ModalAddOrEditProject/styles.ts +++ b/src/components/MyProjects/Modals/ModalAddOrEditProject/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ deleteButton: { diff --git a/src/components/MyProjects/Modals/ModalDeleteRequests/styles.ts b/src/components/MyProjects/Modals/ModalDeleteRequests/styles.ts index 236390b88..b7c661bec 100644 --- a/src/components/MyProjects/Modals/ModalDeleteRequests/styles.ts +++ b/src/components/MyProjects/Modals/ModalDeleteRequests/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ deleteButton: { diff --git a/src/components/MyProjects/Modals/ModalEditCohort/styles.ts b/src/components/MyProjects/Modals/ModalEditCohort/styles.ts index 7cbe712f4..e368a11ba 100644 --- a/src/components/MyProjects/Modals/ModalEditCohort/styles.ts +++ b/src/components/MyProjects/Modals/ModalEditCohort/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ inputContainer: { diff --git a/src/components/MyProjects/Modals/ModalShareRequest/components/styles.ts b/src/components/MyProjects/Modals/ModalShareRequest/components/styles.ts index 45c9efc29..4a66d4eb2 100644 --- a/src/components/MyProjects/Modals/ModalShareRequest/components/styles.ts +++ b/src/components/MyProjects/Modals/ModalShareRequest/components/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ inputContainer: { diff --git a/src/components/MyProjects/Modals/ModalShareRequest/styles.ts b/src/components/MyProjects/Modals/ModalShareRequest/styles.ts index c2eb00da3..53fb05103 100644 --- a/src/components/MyProjects/Modals/ModalShareRequest/styles.ts +++ b/src/components/MyProjects/Modals/ModalShareRequest/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ inputContainer: { diff --git a/src/components/MyProjects/ProjectSearchBar/styles.ts b/src/components/MyProjects/ProjectSearchBar/styles.ts index 606bbdd06..7df883dd7 100644 --- a/src/components/MyProjects/ProjectSearchBar/styles.ts +++ b/src/components/MyProjects/ProjectSearchBar/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/MyProjects/ProjectTable/styles.ts b/src/components/MyProjects/ProjectTable/styles.ts index 0ac7837bb..b278ad7fb 100644 --- a/src/components/MyProjects/ProjectTable/styles.ts +++ b/src/components/MyProjects/ProjectTable/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/Patient/PatientBiology/styles.js b/src/components/Patient/PatientBiology/styles.js index 26a1080cd..a5ab59cd6 100644 --- a/src/components/Patient/PatientBiology/styles.js +++ b/src/components/Patient/PatientBiology/styles.js @@ -1,4 +1,4 @@ -import { createStyles, makeStyles } from '@mui/styles' +import { createStyles, makeStyles } from 'tss-react/mui' export default makeStyles((theme) => createStyles({ diff --git a/src/components/Patient/PatientDocs/styles.js b/src/components/Patient/PatientDocs/styles.js index 0b9aab68c..69378ee7b 100644 --- a/src/components/Patient/PatientDocs/styles.js +++ b/src/components/Patient/PatientDocs/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ documentTable: { diff --git a/src/components/Patient/PatientHeader/PatientInfo/styles.js b/src/components/Patient/PatientHeader/PatientInfo/styles.js index dada8cc31..c7ac94f2e 100644 --- a/src/components/Patient/PatientHeader/PatientInfo/styles.js +++ b/src/components/Patient/PatientHeader/PatientInfo/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' export default makeStyles({ root: { diff --git a/src/components/Patient/PatientHeader/PatientTitle/styles.js b/src/components/Patient/PatientHeader/PatientTitle/styles.js index 5db719728..b2ed9a15f 100644 --- a/src/components/Patient/PatientHeader/PatientTitle/styles.js +++ b/src/components/Patient/PatientHeader/PatientTitle/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' export default makeStyles(() => ({ root: { diff --git a/src/components/Patient/PatientHeader/styles.js b/src/components/Patient/PatientHeader/styles.js index 9b297a7b2..9c4009820 100644 --- a/src/components/Patient/PatientHeader/styles.js +++ b/src/components/Patient/PatientHeader/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' export default makeStyles({ root: { diff --git a/src/components/Patient/PatientMedication/styles.js b/src/components/Patient/PatientMedication/styles.js index d68bc429e..06f98c994 100644 --- a/src/components/Patient/PatientMedication/styles.js +++ b/src/components/Patient/PatientMedication/styles.js @@ -1,4 +1,4 @@ -import { createStyles, makeStyles } from '@mui/styles' +import { createStyles, makeStyles } from 'tss-react/mui' export default makeStyles((theme) => createStyles({ diff --git a/src/components/Patient/PatientPMSI/styles.js b/src/components/Patient/PatientPMSI/styles.js index e55e32c49..60c7f151d 100644 --- a/src/components/Patient/PatientPMSI/styles.js +++ b/src/components/Patient/PatientPMSI/styles.js @@ -1,4 +1,4 @@ -import { createStyles, makeStyles } from '@mui/styles' +import { createStyles, makeStyles } from 'tss-react/mui' export default makeStyles((theme) => createStyles({ diff --git a/src/components/Patient/PatientPreview/PatientField/styles.js b/src/components/Patient/PatientPreview/PatientField/styles.js index 19c319808..fa37ccd88 100644 --- a/src/components/Patient/PatientPreview/PatientField/styles.js +++ b/src/components/Patient/PatientPreview/PatientField/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' export default makeStyles((theme) => ({ gridItem: { diff --git a/src/components/Patient/PatientPreview/styles.js b/src/components/Patient/PatientPreview/styles.js index 47dca6650..76e4e5437 100644 --- a/src/components/Patient/PatientPreview/styles.js +++ b/src/components/Patient/PatientPreview/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' export default makeStyles(() => ({ patientTable: { diff --git a/src/components/Patient/PatientSidebar/PatientSidebarHeader/styles.js b/src/components/Patient/PatientSidebar/PatientSidebarHeader/styles.js index e501b9c5d..b22dd3fcb 100644 --- a/src/components/Patient/PatientSidebar/PatientSidebarHeader/styles.js +++ b/src/components/Patient/PatientSidebar/PatientSidebarHeader/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' export default makeStyles((theme) => ({ root: { diff --git a/src/components/Patient/PatientSidebar/PatientSidebarItem/styles.js b/src/components/Patient/PatientSidebar/PatientSidebarItem/styles.js index daa859e73..712d121cd 100644 --- a/src/components/Patient/PatientSidebar/PatientSidebarItem/styles.js +++ b/src/components/Patient/PatientSidebar/PatientSidebarItem/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' export default makeStyles({ listItem: { diff --git a/src/components/Patient/PatientSidebar/styles.js b/src/components/Patient/PatientSidebar/styles.js index 971727af8..402ed6b1c 100644 --- a/src/components/Patient/PatientSidebar/styles.js +++ b/src/components/Patient/PatientSidebar/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' export default makeStyles({ paper: { diff --git a/src/components/Patient/PatientTimeline/FilterTimelineDialog/styles.js b/src/components/Patient/PatientTimeline/FilterTimelineDialog/styles.js index e56e5048f..8bacb82c8 100644 --- a/src/components/Patient/PatientTimeline/FilterTimelineDialog/styles.js +++ b/src/components/Patient/PatientTimeline/FilterTimelineDialog/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ dialog: { diff --git a/src/components/Patient/PatientTimeline/HospitDialog/DocumentTable/styles.ts b/src/components/Patient/PatientTimeline/HospitDialog/DocumentTable/styles.ts index d6bf41dc7..4bb2c926c 100644 --- a/src/components/Patient/PatientTimeline/HospitDialog/DocumentTable/styles.ts +++ b/src/components/Patient/PatientTimeline/HospitDialog/DocumentTable/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/Patient/PatientTimeline/HospitDialog/styles.js b/src/components/Patient/PatientTimeline/HospitDialog/styles.js index afd99acbf..75fb36107 100644 --- a/src/components/Patient/PatientTimeline/HospitDialog/styles.js +++ b/src/components/Patient/PatientTimeline/HospitDialog/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ pagination: { diff --git a/src/components/Patient/PatientTimeline/styles.js b/src/components/Patient/PatientTimeline/styles.js index 7c95c93c5..41512a0d0 100644 --- a/src/components/Patient/PatientTimeline/styles.js +++ b/src/components/Patient/PatientTimeline/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const marginNextCentralLine = 10 const fontSize = 16 const dotSize = 16 diff --git a/src/components/Routes/styles.ts b/src/components/Routes/styles.ts index 09a7209c1..219a81dc4 100644 --- a/src/components/Routes/styles.ts +++ b/src/components/Routes/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/SavedResearch/ResearchTable/styles.js b/src/components/SavedResearch/ResearchTable/styles.js index 361a25380..18b15d13f 100644 --- a/src/components/SavedResearch/ResearchTable/styles.js +++ b/src/components/SavedResearch/ResearchTable/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ table: { diff --git a/src/components/SavedResearch/styles.ts b/src/components/SavedResearch/styles.ts index b2082256c..824763995 100644 --- a/src/components/SavedResearch/styles.ts +++ b/src/components/SavedResearch/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/components/ScopeTree/ScopeTreeTable/index.jsx b/src/components/ScopeTree/ScopeTreeTable/index.jsx index ab3c81de0..a04c2112a 100644 --- a/src/components/ScopeTree/ScopeTreeTable/index.jsx +++ b/src/components/ScopeTree/ScopeTreeTable/index.jsx @@ -1,5 +1,5 @@ import React from 'react' -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import Table from '@mui/material/Table' import TableBody from '@mui/material/TableBody' diff --git a/src/components/ScopeTree/styles.js b/src/components/ScopeTree/styles.js index 1739c7fc8..4ba8c759b 100644 --- a/src/components/ScopeTree/styles.js +++ b/src/components/ScopeTree/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' export default makeStyles(() => ({ container: { diff --git a/src/components/TopBar/styles.js b/src/components/TopBar/styles.js index 748a94d70..b098330e9 100644 --- a/src/components/TopBar/styles.js +++ b/src/components/TopBar/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' export default makeStyles((theme) => ({ root: { diff --git a/src/components/Welcome/NewsCard/styles.js b/src/components/Welcome/NewsCard/styles.js index d74d0b932..b6e7e0a99 100644 --- a/src/components/Welcome/NewsCard/styles.js +++ b/src/components/Welcome/NewsCard/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ divider: { diff --git a/src/components/Welcome/PatientsCard/styles.js b/src/components/Welcome/PatientsCard/styles.js index 15e75a563..d5960aae8 100644 --- a/src/components/Welcome/PatientsCard/styles.js +++ b/src/components/Welcome/PatientsCard/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => ({ button: { diff --git a/src/components/Welcome/SearchPatientCard/styles.js b/src/components/Welcome/SearchPatientCard/styles.js index 2064acf64..88b7f15a9 100644 --- a/src/components/Welcome/SearchPatientCard/styles.js +++ b/src/components/Welcome/SearchPatientCard/styles.js @@ -1,4 +1,4 @@ -import { createStyles, makeStyles } from '@mui/styles' +import { createStyles, makeStyles } from 'tss-react/mui' const useStyles = makeStyles(() => createStyles({ diff --git a/src/components/Welcome/TutorialsCard/styles.ts b/src/components/Welcome/TutorialsCard/styles.ts index 135e1359a..e7bde33c4 100644 --- a/src/components/Welcome/TutorialsCard/styles.ts +++ b/src/components/Welcome/TutorialsCard/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' const useStyles = makeStyles((theme: Theme) => ({ diff --git a/src/views/CohortCreation/styles.js b/src/views/CohortCreation/styles.js index f59b5c787..c4794febb 100644 --- a/src/views/CohortCreation/styles.js +++ b/src/views/CohortCreation/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { smallDrawerWidth, largeDrawerWidth } from 'components/Routes/LeftSideBar/LeftSideBar' export default makeStyles((theme) => ({ diff --git a/src/views/Contact/styles.ts b/src/views/Contact/styles.ts index d15d2adc9..1430dc6b5 100644 --- a/src/views/Contact/styles.ts +++ b/src/views/Contact/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' import { smallDrawerWidth, largeDrawerWidth } from 'components/Routes/LeftSideBar/LeftSideBar' diff --git a/src/views/Dashboard/styles.ts b/src/views/Dashboard/styles.ts index 628a9c894..677544164 100644 --- a/src/views/Dashboard/styles.ts +++ b/src/views/Dashboard/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' import { smallDrawerWidth, largeDrawerWidth } from 'components/Routes/LeftSideBar/LeftSideBar' diff --git a/src/views/Login/styles.ts b/src/views/Login/styles.ts index 28ae2b98c..cafcccc9c 100644 --- a/src/views/Login/styles.ts +++ b/src/views/Login/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' import BackgroundLogin from 'assets/images/background-login.png' diff --git a/src/views/MyProjects/styles.ts b/src/views/MyProjects/styles.ts index 96bb1d19e..d1eb8dfea 100644 --- a/src/views/MyProjects/styles.ts +++ b/src/views/MyProjects/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' import { smallDrawerWidth, largeDrawerWidth } from 'components/Routes/LeftSideBar/LeftSideBar' diff --git a/src/views/Patient/styles.js b/src/views/Patient/styles.js index 75d79e205..6434164ab 100644 --- a/src/views/Patient/styles.js +++ b/src/views/Patient/styles.js @@ -1,4 +1,4 @@ -import { createStyles, makeStyles } from '@mui/styles' +import { createStyles, makeStyles } from 'tss-react/mui' import { smallDrawerWidth, largeDrawerWidth } from 'components/Routes/LeftSideBar/LeftSideBar' export const sidebarWidth = '350px' diff --git a/src/views/SavedResearch/styles.ts b/src/views/SavedResearch/styles.ts index 772d0540d..43a95674b 100644 --- a/src/views/SavedResearch/styles.ts +++ b/src/views/SavedResearch/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' import { smallDrawerWidth, largeDrawerWidth } from 'components/Routes/LeftSideBar/LeftSideBar' diff --git a/src/views/Scope/styles.js b/src/views/Scope/styles.js index 27d8dc526..7f4f14865 100644 --- a/src/views/Scope/styles.js +++ b/src/views/Scope/styles.js @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { smallDrawerWidth, largeDrawerWidth } from 'components/Routes/LeftSideBar/LeftSideBar' export const itemStyles = { diff --git a/src/views/SearchPatient/styles.ts b/src/views/SearchPatient/styles.ts index 0a26dbb06..7d6a8174a 100644 --- a/src/views/SearchPatient/styles.ts +++ b/src/views/SearchPatient/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' import { smallDrawerWidth, largeDrawerWidth } from 'components/Routes/LeftSideBar/LeftSideBar' diff --git a/src/views/Welcome/styles.ts b/src/views/Welcome/styles.ts index 59f2f0c0d..3ad696cf1 100644 --- a/src/views/Welcome/styles.ts +++ b/src/views/Welcome/styles.ts @@ -1,4 +1,4 @@ -import { makeStyles } from '@mui/styles' +import { makeStyles } from 'tss-react/mui' import { Theme } from '@mui/material/styles' import { smallDrawerWidth, largeDrawerWidth } from 'components/Routes/LeftSideBar/LeftSideBar'