Feat: Disallow Relative import

.eslintrc.json

@@ -19,13 +19,8 @@
   ],
   "overrides": [
     {
-      "files": [
-        "**/*.mdx"
-      ],
-      "extends": [
-        "plugin:react/recommended",
-        "plugin:mdx/recommended"
-      ],
+      "files": ["**/*.mdx"],
+      "extends": ["plugin:react/recommended", "plugin:mdx/recommended"],
       "rules": {
         "react/jsx-no-target-blank": "off",
         "i18next/no-literal-string": "off"
@@ -40,10 +35,7 @@
     "ecmaVersion": 12,
     "sourceType": "module"
   },
-  "plugins": [
-    "@typescript-eslint",
-    "i18next"
-  ],
+  "plugins": ["@typescript-eslint", "i18next", "no-relative-import-paths"],
   "rules": {
     "no-unused-vars": "off",
     "@typescript-eslint/no-unused-vars": [
@@ -61,22 +53,19 @@
       {
         "mode": "jsx-only",
         "jsx-attributes": {
-          "include": [
-            "label",
-            "placeholder",
-            "error",
-            "title"
-          ],
-          "exclude": [
-            ".*"
-          ]
+          "include": ["label", "placeholder", "error", "title"],
+          "exclude": [".*"]
         },
         "callees": {
-          "exclude": [
-            ".*"
-          ]
+          "exclude": [".*"]
         }
       }
+    ],
+    "no-relative-import-paths/no-relative-import-paths": [
+      "error",
+      {
+        "prefix": "@"
+      }
     ]
   },
   "ignorePatterns": [

package.json

@@ -155,6 +155,7 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-i18next": "^6.1.0",
     "eslint-plugin-mdx": "^3.1.5",
+    "eslint-plugin-no-relative-import-paths": "^1.6.1",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",

src/App.tsx

@@ -17,10 +17,9 @@ import PluginEngine from "@/PluginEngine";
 import AuthUserProvider from "@/Providers/AuthUserProvider";
 import HistoryAPIProvider from "@/Providers/HistoryAPIProvider";
 import Routers from "@/Routers";
+import { PubSubProvider } from "@/Utils/pubsubContext";
 import { handleHttpError } from "@/Utils/request/errorHandler";
 
-import { PubSubProvider } from "./Utils/pubsubContext";
-
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {

src/Routers/AppRouter.tsx

@@ -15,18 +15,17 @@ import { usePluginRoutes } from "@/hooks/useCareApps";
 
 import ConsultationRoutes from "@/Routers/routes/ConsultationRoutes";
 import FacilityRoutes from "@/Routers/routes/FacilityRoutes";
+import OrganizationRoutes from "@/Routers/routes/OrganizationRoutes";
 import PatientRoutes from "@/Routers/routes/PatientRoutes";
 import ResourceRoutes from "@/Routers/routes/ResourceRoutes";
 import ScheduleRoutes from "@/Routers/routes/ScheduleRoutes";
 import UserRoutes from "@/Routers/routes/UserRoutes";
+import QuestionnaireRoutes from "@/Routers/routes/questionnaireRoutes";
 import { PermissionProvider } from "@/context/PermissionContext";
 import { PlugConfigEdit } from "@/pages/Apps/PlugConfigEdit";
 import { PlugConfigList } from "@/pages/Apps/PlugConfigList";
 import UserDashboard from "@/pages/UserDashboard";
 
-import OrganizationRoutes from "./routes/OrganizationRoutes";
-import QuestionnaireRoutes from "./routes/questionnaireRoutes";
-
 // List of paths where the sidebar should be hidden
 const PATHS_WITHOUT_SIDEBAR = ["/", "/session-expired"];
 

src/Routers/PatientRouter.tsx

@@ -10,15 +10,14 @@ import { patientTabs } from "@/components/Patient/PatientDetailsTab";
 import { PatientHome } from "@/components/Patient/PatientHome";
 
 import PatientUserProvider from "@/Providers/PatientUserProvider";
+import PublicRouter from "@/Routers/PublicRouter";
 import { FacilitiesPage } from "@/pages/Facility/FacilitiesPage";
 import PatientIndex from "@/pages/Patient/index";
 import { PatientRegistration } from "@/pages/PublicAppointments/PatientRegistration";
 import PatientSelect from "@/pages/PublicAppointments/PatientSelect";
 import { ScheduleAppointment } from "@/pages/PublicAppointments/Schedule";
 import { AppointmentSuccess } from "@/pages/PublicAppointments/Success";
 
-import PublicRouter from "./PublicRouter";
-
 const DashboardRoutes = {
   "/nearby_facilities": () => <FacilitiesPage />,
   "/facility/:facilityId/appointments/:appointmentId/success": ({

src/Routers/routes/questionnaireRoutes.tsx

@@ -2,7 +2,7 @@ import { QuestionnaireList } from "@/components/Questionnaire";
 import QuestionnaireEditor from "@/components/Questionnaire/QuestionnaireEditor";
 import { QuestionnaireShow } from "@/components/Questionnaire/show";
 
-import { AppRoutes } from "../AppRouter";
+import { AppRoutes } from "@/Routers/AppRouter";
 
 const QuestionnaireRoutes: AppRoutes = {
   "/questionnaire": () => <QuestionnaireList />,

src/Utils/request/useQuery.ts

@@ -3,8 +3,7 @@ import { useMemo, useRef } from "react";
 
 import request from "@/Utils/request/request";
 import { ApiRoute, RequestOptions } from "@/Utils/request/types";
-
-import { mergeRequestOptions } from "./utils";
+import { mergeRequestOptions } from "@/Utils/request/utils";
 
 export interface QueryOptions<TData> extends RequestOptions<TData> {
   prefetch?: boolean;

src/components/Common/Charts/ObservationChart.tsx

@@ -22,14 +22,14 @@ import {
 } from "@/components/ui/table";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 
+import { Avatar } from "@/components/Common/Avatar";
+import { ObservationHistoryTable } from "@/components/Common/Charts/ObservationHistoryTable";
+
 import routes from "@/Utils/request/api";
 import query from "@/Utils/request/query";
 import { ObservationAnalyzeResponse } from "@/types/emr/observation";
 import { Code } from "@/types/questionnaire/code";
 
-import { Avatar } from "../Avatar";
-import { ObservationHistoryTable } from "./ObservationHistoryTable";
-
 export type ObservationPlotConfig = {
   id: string;
   name: string;

src/components/Common/Charts/ObservationHistoryTable.tsx

@@ -12,13 +12,13 @@ import {
   TableRow,
 } from "@/components/ui/table";
 
+import { Avatar } from "@/components/Common/Avatar";
+
 import routes from "@/Utils/request/api";
 import query from "@/Utils/request/query";
 import { ObservationWithUser } from "@/types/emr/observation";
 import { Code } from "@/types/questionnaire/code";
 
-import { Avatar } from "../Avatar";
-
 interface PaginatedResponse<T> {
   count: number;
   next: string | null;

src/components/Common/UserAutocompleteFormField.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 
+import { Avatar } from "@/components/Common/Avatar";
 import { Autocomplete } from "@/components/Form/FormFields/Autocomplete";
 import FormField from "@/components/Form/FormFields/FormField";
 import {
@@ -18,8 +19,6 @@ import {
   mergeQueryOptions,
 } from "@/Utils/utils";
 
-import { Avatar } from "./Avatar";
-
 type BaseProps = FormFieldBaseProps<UserBareMinimum> & {
   placeholder?: string;
   userType?: UserType;

src/components/ErrorPages/DefaultErrorPage.tsx

@@ -2,9 +2,9 @@ import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 
-import useAppHistory from "@/hooks/useAppHistory";
+import { Button } from "@/components/ui/button";
 
-import { Button } from "../ui/button";
+import useAppHistory from "@/hooks/useAppHistory";
 
 type ErrorType = "PAGE_NOT_FOUND" | "PAGE_LOAD_ERROR" | "CUSTOM_ERROR";
 

src/components/Facility/DuplicatePatientDialog.tsx

@@ -3,19 +3,19 @@ import { useTranslation } from "react-i18next";
 
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
-import DialogModal from "@/components/Common/Dialog";
-
-import { PartialPatientModel } from "@/types/emr/newPatient";
-
-import { Button } from "../ui/button";
+import { Button } from "@/components/ui/button";
 import {
   Table,
   TableBody,
   TableCell,
   TableHead,
   TableHeader,
   TableRow,
-} from "../ui/table";
+} from "@/components/ui/table";
+
+import DialogModal from "@/components/Common/Dialog";
+
+import { PartialPatientModel } from "@/types/emr/newPatient";
 
 interface Props {
   patientList: Array<PartialPatientModel>;

src/components/Facility/EncounterCard.tsx

@@ -7,12 +7,11 @@ import { cn } from "@/lib/utils";
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
 import { Badge } from "@/components/ui/badge";
+import { buttonVariants } from "@/components/ui/button";
 
 import { formatDateTime } from "@/Utils/utils";
 import { Encounter, completedEncounterStatus } from "@/types/emr/encounter";
 
-import { buttonVariants } from "../ui/button";
-
 interface EncounterCardProps {
   encounter: Encounter;
 }

src/components/Files/AudioCaptureDialog.tsx

@@ -7,7 +7,7 @@ import CareIcon from "@/CAREUI/icons/CareIcon";
 
 import { useTimer } from "@/hooks/useTimer";
 
-import useVoiceRecorder from "../../Utils/useVoiceRecorder";
+import useVoiceRecorder from "@/Utils/useVoiceRecorder";
 
 export interface AudioCaptureDialogProps {
   show: boolean;

src/components/Patient/MedicationStatementList.tsx

@@ -14,13 +14,16 @@ import {
   TableHeader,
   TableRow,
 } from "@/components/ui/table";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 
 import routes from "@/Utils/request/api";
 import query from "@/Utils/request/query";
 import { formatDateTime } from "@/Utils/utils";
 
-import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
-
 interface MedicationStatementListProps {
   patientId: string;
 }

src/components/Patient/PatientDetailsTab/HealthProfileSummary.tsx

@@ -1,9 +1,9 @@
+import { MedicationStatementList } from "@/components/Patient/MedicationStatementList";
+import { AllergyList } from "@/components/Patient/allergy/list";
 import { DiagnosisList } from "@/components/Patient/diagnosis/list";
 import { SymptomsList } from "@/components/Patient/symptoms/list";
 
 import { PatientProps } from ".";
-import { MedicationStatementList } from "../MedicationStatementList";
-import { AllergyList } from "../allergy/list";
 
 export const HealthProfileSummary = (props: PatientProps) => {
   const { id } = props;

src/components/Patient/PatientDetailsTab/index.tsx

@@ -1,15 +1,14 @@
-import EncounterHistory from "@/components/Patient/PatientDetailsTab//EncounterHistory";
-import { HealthProfileSummary } from "@/components/Patient/PatientDetailsTab//HealthProfileSummary";
+import { Appointments } from "@/components/Patient/PatientDetailsTab/Appointments";
 import { Demography } from "@/components/Patient/PatientDetailsTab/Demography";
+import EncounterHistory from "@/components/Patient/PatientDetailsTab/EncounterHistory";
+import { HealthProfileSummary } from "@/components/Patient/PatientDetailsTab/HealthProfileSummary";
+import { PatientFilesTab } from "@/components/Patient/PatientDetailsTab/PatientFiles";
+import { PatientUsers } from "@/components/Patient/PatientDetailsTab/PatientUsers";
+import { ResourceRequests } from "@/components/Patient/PatientDetailsTab/ResourceRequests";
 import { Updates } from "@/components/Patient/PatientDetailsTab/patientUpdates";
 
 import { Patient } from "@/types/emr/newPatient";
 
-import { Appointments } from "./Appointments";
-import { PatientFilesTab } from "./PatientFiles";
-import { PatientUsers } from "./PatientUsers";
-import { ResourceRequests } from "./ResourceRequests";
-
 export interface PatientProps {
   facilityId: string;
   id: string;

src/components/Patient/PatientInfoCard.tsx

@@ -29,6 +29,7 @@ import {
 } from "@/components/ui/popover";
 
 import { Avatar } from "@/components/Common/Avatar";
+import ManageEncounterOrganizations from "@/components/Patient/ManageEncounterOrganizations";
 
 import useQuestionnaireOptions from "@/hooks/useQuestionnaireOptions";
 
@@ -39,8 +40,6 @@ import { formatDateTime, formatPatientAge } from "@/Utils/utils";
 import { Encounter, completedEncounterStatus } from "@/types/emr/encounter";
 import { Patient } from "@/types/emr/newPatient";
 
-import ManageEncounterOrganizations from "./ManageEncounterOrganizations";
-
 export interface PatientInfoCardProps {
   patient: Patient;
   encounter: Encounter;

src/components/Patient/PatientRegistration.tsx

@@ -10,6 +10,7 @@ import { z } from "zod";
 import CareIcon from "@/CAREUI/icons/CareIcon";
 import SectionNavigator from "@/CAREUI/misc/SectionNavigator";
 
+import Autocomplete from "@/components/ui/autocomplete";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import {
@@ -56,8 +57,6 @@ import OrganizationSelector from "@/pages/Organization/components/OrganizationSe
 import { PatientModel } from "@/types/emr/patient";
 import { Organization } from "@/types/organization/organization";
 
-import Autocomplete from "../ui/autocomplete";
-
 interface PatientRegistrationPageProps {
   facilityId: string;
   patientId?: string;

src/components/Patient/diagnosis/list.tsx

@@ -3,11 +3,11 @@ import { useQuery } from "@tanstack/react-query";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
 
+import { DiagnosisTable } from "@/components/Patient/diagnosis/DiagnosisTable";
+
 import query from "@/Utils/request/query";
 import diagnosisApi from "@/types/emr/diagnosis/diagnosisApi";
 
-import { DiagnosisTable } from "./DiagnosisTable";
-
 interface DiagnosisListProps {
   patientId: string;
   encounterId?: string;

src/components/Patient/symptoms/list.tsx

@@ -3,11 +3,11 @@ import { useQuery } from "@tanstack/react-query";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
 
+import { SymptomTable } from "@/components/Patient/symptoms/SymptomTable";
+
 import query from "@/Utils/request/query";
 import symptomApi from "@/types/emr/symptom/symptomApi";
 
-import { SymptomTable } from "./SymptomTable";
-
 interface SymptomsListProps {
   patientId: string;
   encounterId?: string;