Migrate components to Base UI (#65)

* feat(components): migrate dialog from radix to base-ui

* feat(components): migrate select from radix to base-ui

* refactor(appointments): reorganize and integrate appointment modal

* feat(referrals): add base referral types

* refactor(patients): reorganize patients list table to module

* chore(patient-requirements): use new dialog component

* feat(baseui): migrate components and modules to BaseUI

- Convert Select components to use BaseUI Select
- Update calendar dropdown navigation with BaseUI components
- Migrate data table status filters to BaseUI Select
- Refactor patient form and modals with BaseUI integration
- Update appointment modal components
- Migrate patient history and documents views
- Reorganize inactivate button to modules/patients
- Update patient list table with BaseUI Select
- Refactor period selector with BaseUI
- Update gender chart filters
- Migrate gender and city patient charts
- Update query types and cache constants

* refactor(patients): add patient status select and update modals

- Create use-patient-options hook for status filtering
- Update dialog component with BaseUI integration
- Migrate patient requirements modals to BaseUI
- Refactor patient list table and actions
- Add patient status type definitions
- Update patient form and sidebar components
- Enhance patient data fetching
- Add mock data for patient testing

* refactor(types): standardize status type definitions across modules

- Add Status enum to patient-requirements, patients, and referrals types
- Update user roles and support status types
- Migrate dropdown components to use status enums
- Update patient form and data table with type-safe status handling
- Refactor patient support and team type definitions
- Enhance type safety for order and query parameters

* refactor: reorganize modules into dedicated folders

- Move dashboard cards to modules/dashboard
- Move patient components to modules/patients
- Move teams table to modules/teams
- Consolidate patient form and modals in modules
- Remove mock data from referrals
- Update import paths across components
- Improve module organization and structure

Author: julianosill

package-lock.json

@@ -19,11 +19,9 @@
     "@base-ui-components/react": "1.0.0-beta.6",
     "@hookform/resolvers": "5.0.1",
     "@radix-ui/react-checkbox": "1.2.2",
-    "@radix-ui/react-dialog": "1.1.14",
     "@radix-ui/react-dropdown-menu": "2.1.15",
     "@radix-ui/react-popover": "1.1.14",
     "@radix-ui/react-radio-group": "1.3.6",
-    "@radix-ui/react-select": "2.2.2",
     "@radix-ui/react-slot": "1.2.0",
     "@tanstack/react-query": "5.83.0",
     "class-variance-authority": "0.7.1",

package.json

@@ -2,13 +2,13 @@
 
 import { NEXT_CACHE_TAGS } from '@/constants/cache'
 import { api } from '@/lib/api'
-import type { PatientType } from '@/types/patients'
+import type { Patient } from '@/types/patients'
 
 export async function getPatient(id: string) {
   const REVALIDATE_IN_SECONDS = 3600
 
   try {
-    const response = await api<PatientType>(`/patients/${id}`, {
+    const response = await api<Patient>(`/patients/${id}`, {
       includeCookies: true,
       cache: 'force-cache',
       next: {

src/actions/patients/get-patient.ts

@@ -5,7 +5,7 @@ import { redirect } from 'next/navigation'
 import { NEXT_CACHE_TAGS } from '@/constants/cache'
 import { ROUTES } from '@/constants/routes'
 import { api } from '@/lib/api'
-import type { UserType } from '@/types/users'
+import type { User } from '@/types/users'
 
 import { getDataFromToken } from './token'
 
@@ -16,7 +16,7 @@ export async function getProfile() {
 
   if (!data?.userId) return null
 
-  const response = await api<UserType>('/users/profile', {
+  const response = await api<User>('/users/profile', {
     includeCookies: true,
     cache: 'force-cache',
     next: {

src/actions/users.ts

@@ -16,10 +16,10 @@ import { NEXT_CACHE_TAGS } from '@/constants/cache'
 import { ROUTES } from '@/constants/routes'
 import { api } from '@/lib/api'
 import { useSidebar } from '@/store/sidebar'
-import type { UserType } from '@/types/users'
+import type { User } from '@/types/users'
 
 interface SidebarAccountProps {
-  user: UserType
+  user: User
 }
 
 export function SidebarAccount({ user }: Readonly<SidebarAccountProps>) {

src/app/(dashboard)/_sidebar/account.tsx

@@ -20,7 +20,7 @@ export function DashboardSidebarContainer({
         className={cn(
           'border-border flex h-screen shrink-0 flex-col gap-8 overflow-x-hidden overflow-y-auto border-r py-6 transition-all duration-500',
           className,
-          expanded ? 'w-56 px-6' : 'w-18 px-4',
+          expanded ? 'w-60 px-6' : 'w-18 px-4',
         )}
         {...props}
       />
@@ -30,7 +30,7 @@ export function DashboardSidebarContainer({
         variant='outline'
         data-expanded={expanded}
         className={cn(
-          'text-disabled hover:text-foreground-soft absolute top-20 -right-4 z-50 size-8 rounded-full transition-all delay-75 duration-300 [&_svg]:size-5',
+          'text-disabled hover:text-foreground-soft absolute top-20 -right-4 z-10 size-8 rounded-full transition-all delay-75 duration-300 [&_svg]:size-5',
           'data-[expanded=true]:rotate-180',
         )}
         onClick={toogleSidebar}

src/app/(dashboard)/_sidebar/container.tsx

@@ -1,11 +1,11 @@
 import type { Metadata } from 'next'
 
+import { TeamListTable } from '@/modules/teams/table'
+
 export const metadata: Metadata = {
-  title: 'Equipes',
+  title: 'Equipe',
 }
 
-import { MembersListTable } from './table'
-
 export default function Page() {
-  return <MembersListTable />
+  return <TeamListTable />
 }

src/app/(dashboard)/encaminhados/_cards/mock-data.ts

@@ -1,4 +1,4 @@
-import { PatientsDocuments } from './patients-documents'
+import { PatientDocuments } from '../../../../../modules/patients/documents'
 
 const PATIENT_SECTIONS = [
   {
@@ -46,5 +46,5 @@ export default function Page() {
     return <p className='text-foreground-soft'>Nenhum documento encontrado.</p>
   }
 
-  return <PatientsDocuments sections={PATIENT_SECTIONS} />
+  return <PatientDocuments sections={PATIENT_SECTIONS} />
 }