style: changed import of classes - Ref gestion-de-projet#2096

src/components/CreationCohort/ControlPanel/ControlPanel.tsx

@@ -47,7 +47,7 @@ const ControlPanel: React.FC<{
   onUndo?: () => void
   onRedo?: () => void
 }> = ({ onExecute, onUndo, onRedo }) => {
-  const classes = useStyle()
+  const { classes } = useStyle()
   const dispatch = useAppDispatch()
   const [openModal, onSetOpenModal] = useState<'executeCohortConfirmation' | null>(null)
   const [oldCount, setOldCount] = useState<any | null>(null)

src/components/CreationCohort/DiagramView/DiagramView.tsx

@@ -17,7 +17,7 @@ const DiagramView: React.FC = () => {
 
   const maintenanceIsActive = meState?.maintenance?.active
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   return (
     <Grid container className={classes.root}>

src/components/CreationCohort/DiagramView/components/Breadcrumbs/Breadcrumbs.tsx

@@ -9,7 +9,7 @@ import { fetchRequests as fetchRequestsList } from 'state/request'
 import useStyles from './styles'
 
 const CohortCreationBreadcrumbs: React.FC = () => {
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
 
   const {

src/components/CreationCohort/DiagramView/components/CriteriaCard/CriteriaCard.tsx

@@ -23,7 +23,7 @@ type CriteriaCardProps = {
 }
 
 const CriteriaCard: React.FC<CriteriaCardProps> = ({ itemId, duplicateCriteria, editCriteria, deleteCriteria }) => {
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const { meState } = useAppSelector<{ meState: MeState }>((state) => ({ meState: state.me }))
   const maintenanceIsActive = meState?.maintenance?.active

src/components/CreationCohort/DiagramView/components/CriteriaCard/components/CriteriaCardContent/CriteriaCardContent.tsx

@@ -922,7 +922,7 @@ const CriteriaCardContent: React.FC<CriteriaCardContentProps> = ({ currentCriter
     return content
   }
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const criteria = useAppSelector((state) => state.cohortCreation.criteria)
 

src/components/CreationCohort/DiagramView/components/LogicalOperator/LogicalOperator.tsx

@@ -43,7 +43,7 @@ const OperatorItem: React.FC<OperatorItemProps> = ({
   duplicateCriteria,
   editCriteria
 }) => {
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const { request } = useAppSelector((state) => state.cohortCreation || {})
   const { loading = false, criteriaGroup = [], selectedCriteria = [] } = request

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/OccurrencesInputs/OccurrencesInputs.tsx

@@ -27,7 +27,7 @@ type OccurrenceInputsProps = {
 const OccurrenceInputs: React.FC<OccurrenceInputsProps> = (props) => {
   const { form, selectedCriteria, onChangeValue } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   return (
     <>

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/VisitInputs/VisitInputs.tsx

@@ -14,7 +14,7 @@ type VisitInputsProps = {
 const VisitInputs: React.FC<VisitInputsProps> = (props) => {
   const { selectedCriteria, onChangeValue } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   return (
     <>

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/BiologySearch/BiologySearch.tsx

@@ -38,7 +38,7 @@ type BiologySearchListItemProps = {
 const BiologySearchListItem: React.FC<BiologySearchListItemProps> = (props) => {
   const { label, biologyItem, selectedItems, handleClick } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const isSelected = selectedItems
     ? selectedItems.find((item) => item.target[0].code === biologyItem.target[0].code)
@@ -94,7 +94,7 @@ type BiologySearchProps = {
 
 const BiologySearch: React.FC<BiologySearchProps> = (props) => {
   const { isEdition, criteria, goBack, onChangeSelectedCriteria, onConfirm, selectedCriteria } = props
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const [selectedTab, setSelectedTab] = useState<'anabio' | 'loinc'>('anabio')
   const [searchInput, setSearchInput] = useState<string>('')

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Form/BiologyForm.tsx

@@ -40,7 +40,7 @@ type BiologyFormProps = {
 const BiologyForm: React.FC<BiologyFormProps> = (props) => {
   const { isOpen, isEdition, criteria, selectedCriteria, onChangeValue, onChangeSelectedCriteria, goBack } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
   const initialState: HierarchyTree | null = useAppSelector((state) => state.syncHierarchyTable)
   const currentState = { ...selectedCriteria, ...initialState }

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Hierarchy/BiologyHierarchy.tsx

@@ -43,7 +43,7 @@ const BiologyListItem: React.FC<BiologyListItemProps> = (props) => {
   const { biologyItem, selectedItems, handleClick } = props
   const { id, label, subItems } = biologyItem
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
 
   const biologyHierarchy = useAppSelector((state) => state.biology.list || {})
@@ -153,7 +153,7 @@ type BiologyHierarchyProps = {
 
 const BiologyHierarchy: React.FC<BiologyHierarchyProps> = (props) => {
   const { isOpen = false, selectedCriteria, onChangeSelectedHierarchy, onConfirm, goBack, isEdition } = props
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const initialState: HierarchyTree | null = useAppSelector((state) => state.syncHierarchyTable)
   const isLoadingSyncHierarchyTable = initialState?.loading ?? 0

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/index.tsx

@@ -28,7 +28,7 @@ export const defaultBiology = {
 const Index = (props: any) => {
   const { criteria, selectedCriteria, onChangeSelectedCriteria, goBack } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const [selectedTab, setSelectedTab] = useState<'form' | 'hierarchy' | 'search'>(
     selectedCriteria ? 'form' : 'hierarchy'
   )

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Form/CCAMForm.tsx

@@ -26,7 +26,7 @@ type CcamFormProps = {
 const CcamForm: React.FC<CcamFormProps> = (props) => {
   const { isOpen, isEdition, criteria, selectedCriteria, onChangeValue, onChangeSelectedCriteria, goBack } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
   const initialState: HierarchyTree | null = useAppSelector((state) => state.syncHierarchyTable)
   const currentState = { ...selectedCriteria, ...initialState }

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Hierarchy/CCAMHierarchy.tsx

@@ -42,7 +42,7 @@ const ProcedureListItem: React.FC<ProcedureListItemProps> = (props) => {
   const { procedureItem, selectedItems, handleClick } = props
   const { id, label, subItems } = procedureItem
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
 
   const procedureHierarchy = useAppSelector((state) => state.pmsi.procedure.list || {})
@@ -161,7 +161,7 @@ type ProcedureHierarchyProps = {
 const ProcedureHierarchy: React.FC<ProcedureHierarchyProps> = (props) => {
   const { isOpen = false, selectedCriteria, onChangeSelectedHierarchy, onConfirm, goBack, isEdition } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const initialState: HierarchyTree | null = useAppSelector((state) => state.syncHierarchyTable)
   const isLoadingSyncHierarchyTable = initialState?.loading ?? 0
   const isLoadingPmsi = useAppSelector((state) => state.pmsi.syncLoading || 0)

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/index.tsx

@@ -28,7 +28,7 @@ const Index = (props: any) => {
   const isEdition = selectedCriteria !== null
   const dispatch = useAppDispatch()
   const ccamHierarchy = useAppSelector((state) => state.pmsi.procedure.list || {})
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const _onChangeSelectedHierarchy = (
     newSelectedItems: PmsiListType[] | null | undefined,

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Form/Cim10Form.tsx

@@ -37,7 +37,7 @@ type Cim10FormProps = {
 const Cim10Form: React.FC<Cim10FormProps> = (props) => {
   const { isOpen, isEdition, criteria, selectedCriteria, onChangeValue, onChangeSelectedCriteria, goBack } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
   const initialState: HierarchyTree | null = useAppSelector((state) => state.syncHierarchyTable)
   const currentState = { ...selectedCriteria, ...initialState }

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Hierarchy/Cim10Hierarchy.tsx

@@ -42,7 +42,7 @@ const CimListItem: React.FC<CimListItemProps> = (props) => {
   const { cim10Item, selectedItems, handleClick } = props
   const { id, label, subItems } = cim10Item
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
 
   const cim10Hierarchy = useAppSelector((state) => state.pmsi.condition.list || {})
@@ -153,7 +153,7 @@ type Cim10HierarchyProps = {
 const Cim10Hierarchy: React.FC<Cim10HierarchyProps> = (props) => {
   const { isOpen = false, selectedCriteria, onChangeSelectedHierarchy, onConfirm, goBack, isEdition } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const initialState: HierarchyTree | null = useAppSelector((state) => state.syncHierarchyTable)
   const isLoadingSyncHierarchyTable = initialState?.loading ?? 0
   const isLoadingPmsi = useAppSelector((state) => state.pmsi.syncLoading || 0)

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/index.tsx

@@ -30,7 +30,7 @@ const Index = (props: any) => {
   const dispatch = useAppDispatch()
   const cim10Hierarchy = useAppSelector((state) => state.pmsi.condition.list || {})
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const _onChangeSelectedHierarchy = (
     newSelectedItems: PmsiListType[] | null | undefined,
     newHierarchy?: PmsiListType[]

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CriteriaRightPanel.tsx

@@ -17,7 +17,7 @@ const CriteriaListItem: React.FC<CriteriaListItemProps> = (props) => {
   const { criteriaItem, handleClick } = props
   const { color, title, components, subItems, disabled } = criteriaItem
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const [open, setOpen] = useState(true)
 
   const cursor = disabled ? 'not-allowed' : components ? 'pointer' : 'default'
@@ -70,7 +70,7 @@ type CriteriaRightPanelProps = {
 const CriteriaRightPanel: React.FC<CriteriaRightPanelProps> = (props) => {
   const { open, onClose, parentId, criteria, selectedCriteria, onChangeSelectedCriteria } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const [action, setAction] = useState<CriteriaItemType | null>(null)
 
   const DrawerComponent = action ? action.components : null

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/DemographicFrom/DemographicFrom.tsx

@@ -41,7 +41,7 @@ const DemographicForm: React.FC<DemographicFormProps> = (props) => {
   const { criteria, selectedCriteria, onChangeSelectedCriteria, goBack } = props
   const [defaultValues, setDefaultValues] = useState(selectedCriteria || defaultDemographic)
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const [error, setError] = useState(false)
   const [ageError, setAgeError] = useState(false)

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/DocumentsForm/DocumentsForm.tsx

@@ -57,7 +57,7 @@ const defaultComposition: DocumentDataType = {
 const CompositionForm: React.FC<TestGeneratedFormProps> = (props) => {
   const { criteria, selectedCriteria, onChangeSelectedCriteria, goBack } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const [error, setError] = useState(false)
   const [defaultValues, setDefaultValues] = useState(selectedCriteria || defaultComposition)

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Form/GhmForm.tsx

@@ -26,7 +26,7 @@ type GHMFormProps = {
 const GhmForm: React.FC<GHMFormProps> = (props) => {
   const { isOpen, isEdition, criteria, selectedCriteria, onChangeValue, onChangeSelectedCriteria, goBack } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
   const initialState: HierarchyTree | null = useAppSelector((state) => state.syncHierarchyTable)
   const currentState = { ...selectedCriteria, ...initialState }

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Hierarchy/GhmHierarchy.tsx

@@ -42,7 +42,7 @@ const GhmListItem: React.FC<GhmListItemProps> = (props) => {
   const { ghmItem, selectedItems, handleClick } = props
   const { id, label, subItems } = ghmItem
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
 
   const ghmHierarchy = useAppSelector((state) => state.pmsi.claim.list || {})
@@ -143,7 +143,7 @@ type GhmHierarchyProps = {
 const GhmHierarchy: React.FC<GhmHierarchyProps> = (props) => {
   const { isOpen = false, selectedCriteria, onChangeSelectedHierarchy, onConfirm, goBack, isEdition } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const initialState: HierarchyTree | null = useAppSelector((state) => state.syncHierarchyTable)
   const isLoadingSyncHierarchyTable = initialState?.loading ?? 0
   const isLoadingPmsi = useAppSelector((state) => state.pmsi.syncLoading || 0)

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/index.tsx

@@ -30,7 +30,7 @@ const Index = (props: any) => {
   const ghmState = useAppSelector((state) => state.pmsi.claim || {})
   const ghmHierarchy = ghmState.list
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const _onChangeSelectedHierarchy = (
     newSelectedItems: PmsiListType[] | null | undefined,

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/IPPForm/IPPForm.tsx

@@ -26,7 +26,7 @@ const defaultIPPList: IPPListDataType = {
 const IPPForm: React.FC<IPPFormProps> = (props) => {
   const { selectedCriteria, goBack, onChangeSelectedCriteria } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const [error, setError] = useState(false)
   const [defaultValues, setDefaultValues] = useState(selectedCriteria || defaultIPPList)

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Form/MedicationForm.tsx

@@ -40,7 +40,7 @@ type MedicationFormProps = {
 const MedicationForm: React.FC<MedicationFormProps> = (props) => {
   const { isOpen, isEdition, criteria, selectedCriteria, onChangeValue, onChangeSelectedCriteria, goBack } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
 
   const initialState: HierarchyTree | null = useAppSelector((state) => state.syncHierarchyTable)

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Hierarchy/MedicationHierarchy.tsx

@@ -44,7 +44,7 @@ const MedicationListItem: React.FC<MedicationListItemProps> = (props) => {
   const { medicationItem, selectedItems, handleClick, setLoading } = props
   const { id, label, subItems } = medicationItem
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
 
   const medicationHierarchy = useAppSelector((state) => state.medication.list || {})
@@ -165,7 +165,7 @@ type MedicationHierarchyProps = {
 const MedicationHierarchy: React.FC<MedicationHierarchyProps> = (props) => {
   const { isOpen = false, selectedCriteria, onChangeSelectedHierarchy, onConfirm, goBack, isEdition } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
   const initialState: HierarchyTree | null = useAppSelector((state) => state.syncHierarchyTable)
   const isLoadingSyncHierarchyTable: number = initialState?.loading ?? 0
   const isLoadingMedication: number = useAppSelector((state) => state.medication.syncLoading || 0)

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/index.tsx

@@ -36,7 +36,7 @@ const Index = (props: any) => {
   const dispatch = useAppDispatch()
   const medicationHierarchy = useAppSelector((state) => state.medication.list || {})
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const _onChangeSelectedHierarchy = (newSelectedItems: any, newHierarchy?: PmsiListType[]) => {
     _onChangeFormValue('code', newSelectedItems, newHierarchy)

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/RequestForm/RequestForm.tsx

@@ -17,7 +17,7 @@ type RequestFormProps = {
 }
 
 const RequestForm: React.FC<RequestFormProps> = ({ parentId, goBack }) => {
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
 
   const { projectState, requestState } = useAppSelector((state) => ({

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/SupportedForm.tsx

@@ -64,7 +64,7 @@ const SupportedForm: React.FC<SupportedFormProps> = (props) => {
 
   const [defaultValues, setDefaultValues] = useState(selectedCriteria || defaultEncounter)
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const [error, setError] = useState(false)
   const [sliderError, setSliderError] = useState(false)

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/SupportedInputs/AdmissionInputs/index.tsx

@@ -14,7 +14,7 @@ type AdmissionInputsProps = {
 }
 
 const AdmissionInputs: React.FC<AdmissionInputsProps> = ({ criteria, selectedCriteria, onChangeValue }) => {
-  const classes = useStyles()
+  const { classes } = useStyles()
   const [checked, setCheck] = useState(true)
 
   const defaultValuesAdmissionModes = selectedCriteria.admissionMode

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/SupportedInputs/EntryExitInputs/index.tsx

@@ -14,7 +14,7 @@ type EntryExitInputsProps = {
 }
 
 const EntryExitInputs: React.FC<EntryExitInputsProps> = ({ criteria, selectedCriteria, onChangeValue }) => {
-  const classes = useStyles()
+  const { classes } = useStyles()
   const [checked, setCheck] = useState(true)
 
   const defaultValuesEntryModes = selectedCriteria.entryMode

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/SupportedInputs/OtherInputs/index.tsx

@@ -14,7 +14,7 @@ type AdmissionInputsProps = {
 }
 
 const ProvenanceDestinationInputs: React.FC<AdmissionInputsProps> = ({ criteria, selectedCriteria, onChangeValue }) => {
-  const classes = useStyles()
+  const { classes } = useStyles()
   const [checked, setCheck] = useState(true)
 
   const defaultValuesPriseEnChargeType = selectedCriteria.priseEnChargeType

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/SupportedInputs/ProvenanceDestinationInputs/index.tsx

@@ -14,7 +14,7 @@ type AdmissionInputsProps = {
 }
 
 const ProvenanceDestinationInputs: React.FC<AdmissionInputsProps> = ({ criteria, selectedCriteria, onChangeValue }) => {
-  const classes = useStyles()
+  const { classes } = useStyles()
   const [checked, setCheck] = useState(true)
 
   const defaultValuesDestination = selectedCriteria.destination

src/components/CreationCohort/DiagramView/components/LogicalOperator/components/LogicalOperatorItem/LogicalOperatorItem.tsx

@@ -32,7 +32,7 @@ type LogicalOperatorItemProps = {
 }
 
 const LogicalOperatorItem: React.FC<LogicalOperatorItemProps> = ({ itemId }) => {
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
 
   let timeout: any = null

src/components/CreationCohort/DiagramView/components/PopulationCard/PopulationCard.tsx

@@ -20,7 +20,7 @@ import { getSelectedScopes, filterScopeTree } from 'utils/scopeTree'
 import useStyles from './styles'
 
 const PopulationCard: React.FC = () => {
-  const classes = useStyles()
+  const { classes } = useStyles()
   const dispatch = useAppDispatch()
   const isRendered = useRef<boolean>(false)
 

src/components/CreationCohort/DiagramView/components/PopulationCard/components/PopulationRightPanel.tsx

@@ -21,7 +21,7 @@ type PopulationRightPanelProps = {
 const PopulationRightPanel: React.FC<PopulationRightPanelProps> = (props) => {
   const { open, onConfirm, onClose } = props
 
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   const { selectedPopulation = [] } = useAppSelector((state) => state.cohortCreation.request || {})
   const [_selectedPopulation, onChangeSelectedPopulation] = useState<ScopeTreeRow[]>([])