Merge pull request #58 from Lemoncode/feature/rename-records-to-expedientes

Feature/rename records to expedientes

Author: manudous

src/common/components/sidebar-menu/sidebar-menu.component.tsx

@@ -21,7 +21,7 @@ export const SidebarMenu: React.FC<Props> = props => {
   return (
     <List className={classes.list(theme, isDrawerOpen)}>
       <Item text="Principal" IconComponent={HomeIcon} linkPath={'/'} />
-      <Item text="Expedientes" IconComponent={FolderIcon} linkPath={'/records'} />
+      <Item text="Expedientes" IconComponent={FolderIcon} linkPath={'/expedientes'} />
       <Item text="Empresas" IconComponent={ApartmentIcon} linkPath={'/'} />
       <Item text="Informes" IconComponent={LeaderboardIcon} linkPath={'/'} />
       <Divider variant="middle" />

src/core/router/route-tree.ts

@@ -15,11 +15,11 @@ import { Route as LoginImport } from './../../scenes/login';
 import { Route as AuthImport } from './../../scenes/_auth';
 import { Route as IndexImport } from './../../scenes/index';
 import { Route as AuthUsersIndexImport } from './../../scenes/_auth/users/index';
-import { Route as AuthRecordsIndexImport } from './../../scenes/_auth/records/index';
+import { Route as AuthExpedientesIndexImport } from './../../scenes/_auth/expedientes/index';
 import { Route as AuthCreateUserIndexImport } from './../../scenes/_auth/create-user/index';
 import { Route as AuthUsersIdImport } from './../../scenes/_auth/users/$id';
+import { Route as AuthEditarExpedienteIdImport } from './../../scenes/_auth/editar-expediente/$id';
 import { Route as AuthEditUserIdImport } from './../../scenes/_auth/edit-user/$id';
-import { Route as AuthEditRecordIdImport } from './../../scenes/_auth/edit-record/$id';
 
 // Create/Update Routes
 
@@ -46,9 +46,9 @@ const AuthUsersIndexRoute = AuthUsersIndexImport.update({
   getParentRoute: () => AuthRoute,
 } as any);
 
-const AuthRecordsIndexRoute = AuthRecordsIndexImport.update({
-  id: '/records/',
-  path: '/records/',
+const AuthExpedientesIndexRoute = AuthExpedientesIndexImport.update({
+  id: '/expedientes/',
+  path: '/expedientes/',
   getParentRoute: () => AuthRoute,
 } as any);
 
@@ -64,15 +64,15 @@ const AuthUsersIdRoute = AuthUsersIdImport.update({
   getParentRoute: () => AuthRoute,
 } as any);
 
-const AuthEditUserIdRoute = AuthEditUserIdImport.update({
-  id: '/edit-user/$id',
-  path: '/edit-user/$id',
+const AuthEditarExpedienteIdRoute = AuthEditarExpedienteIdImport.update({
+  id: '/editar-expediente/$id',
+  path: '/editar-expediente/$id',
   getParentRoute: () => AuthRoute,
 } as any);
 
-const AuthEditRecordIdRoute = AuthEditRecordIdImport.update({
-  id: '/edit-record/$id',
-  path: '/edit-record/$id',
+const AuthEditUserIdRoute = AuthEditUserIdImport.update({
+  id: '/edit-user/$id',
+  path: '/edit-user/$id',
   getParentRoute: () => AuthRoute,
 } as any);
 
@@ -101,20 +101,20 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof LoginImport;
       parentRoute: typeof rootRoute;
     };
-    '/_auth/edit-record/$id': {
-      id: '/_auth/edit-record/$id';
-      path: '/edit-record/$id';
-      fullPath: '/edit-record/$id';
-      preLoaderRoute: typeof AuthEditRecordIdImport;
-      parentRoute: typeof AuthImport;
-    };
     '/_auth/edit-user/$id': {
       id: '/_auth/edit-user/$id';
       path: '/edit-user/$id';
       fullPath: '/edit-user/$id';
       preLoaderRoute: typeof AuthEditUserIdImport;
       parentRoute: typeof AuthImport;
     };
+    '/_auth/editar-expediente/$id': {
+      id: '/_auth/editar-expediente/$id';
+      path: '/editar-expediente/$id';
+      fullPath: '/editar-expediente/$id';
+      preLoaderRoute: typeof AuthEditarExpedienteIdImport;
+      parentRoute: typeof AuthImport;
+    };
     '/_auth/users/$id': {
       id: '/_auth/users/$id';
       path: '/users/$id';
@@ -129,11 +129,11 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof AuthCreateUserIndexImport;
       parentRoute: typeof AuthImport;
     };
-    '/_auth/records/': {
-      id: '/_auth/records/';
-      path: '/records';
-      fullPath: '/records';
-      preLoaderRoute: typeof AuthRecordsIndexImport;
+    '/_auth/expedientes/': {
+      id: '/_auth/expedientes/';
+      path: '/expedientes';
+      fullPath: '/expedientes';
+      preLoaderRoute: typeof AuthExpedientesIndexImport;
       parentRoute: typeof AuthImport;
     };
     '/_auth/users/': {
@@ -149,20 +149,20 @@ declare module '@tanstack/react-router' {
 // Create and export the route tree
 
 interface AuthRouteChildren {
-  AuthEditRecordIdRoute: typeof AuthEditRecordIdRoute;
   AuthEditUserIdRoute: typeof AuthEditUserIdRoute;
+  AuthEditarExpedienteIdRoute: typeof AuthEditarExpedienteIdRoute;
   AuthUsersIdRoute: typeof AuthUsersIdRoute;
   AuthCreateUserIndexRoute: typeof AuthCreateUserIndexRoute;
-  AuthRecordsIndexRoute: typeof AuthRecordsIndexRoute;
+  AuthExpedientesIndexRoute: typeof AuthExpedientesIndexRoute;
   AuthUsersIndexRoute: typeof AuthUsersIndexRoute;
 }
 
 const AuthRouteChildren: AuthRouteChildren = {
-  AuthEditRecordIdRoute: AuthEditRecordIdRoute,
   AuthEditUserIdRoute: AuthEditUserIdRoute,
+  AuthEditarExpedienteIdRoute: AuthEditarExpedienteIdRoute,
   AuthUsersIdRoute: AuthUsersIdRoute,
   AuthCreateUserIndexRoute: AuthCreateUserIndexRoute,
-  AuthRecordsIndexRoute: AuthRecordsIndexRoute,
+  AuthExpedientesIndexRoute: AuthExpedientesIndexRoute,
   AuthUsersIndexRoute: AuthUsersIndexRoute,
 };
 
@@ -172,23 +172,23 @@ export interface FileRoutesByFullPath {
   '/': typeof IndexRoute;
   '': typeof AuthRouteWithChildren;
   '/login': typeof LoginRoute;
-  '/edit-record/$id': typeof AuthEditRecordIdRoute;
   '/edit-user/$id': typeof AuthEditUserIdRoute;
+  '/editar-expediente/$id': typeof AuthEditarExpedienteIdRoute;
   '/users/$id': typeof AuthUsersIdRoute;
   '/create-user': typeof AuthCreateUserIndexRoute;
-  '/records': typeof AuthRecordsIndexRoute;
+  '/expedientes': typeof AuthExpedientesIndexRoute;
   '/users': typeof AuthUsersIndexRoute;
 }
 
 export interface FileRoutesByTo {
   '/': typeof IndexRoute;
   '': typeof AuthRouteWithChildren;
   '/login': typeof LoginRoute;
-  '/edit-record/$id': typeof AuthEditRecordIdRoute;
   '/edit-user/$id': typeof AuthEditUserIdRoute;
+  '/editar-expediente/$id': typeof AuthEditarExpedienteIdRoute;
   '/users/$id': typeof AuthUsersIdRoute;
   '/create-user': typeof AuthCreateUserIndexRoute;
-  '/records': typeof AuthRecordsIndexRoute;
+  '/expedientes': typeof AuthExpedientesIndexRoute;
   '/users': typeof AuthUsersIndexRoute;
 }
 
@@ -197,11 +197,11 @@ export interface FileRoutesById {
   '/': typeof IndexRoute;
   '/_auth': typeof AuthRouteWithChildren;
   '/login': typeof LoginRoute;
-  '/_auth/edit-record/$id': typeof AuthEditRecordIdRoute;
   '/_auth/edit-user/$id': typeof AuthEditUserIdRoute;
+  '/_auth/editar-expediente/$id': typeof AuthEditarExpedienteIdRoute;
   '/_auth/users/$id': typeof AuthUsersIdRoute;
   '/_auth/create-user/': typeof AuthCreateUserIndexRoute;
-  '/_auth/records/': typeof AuthRecordsIndexRoute;
+  '/_auth/expedientes/': typeof AuthExpedientesIndexRoute;
   '/_auth/users/': typeof AuthUsersIndexRoute;
 }
 
@@ -211,33 +211,33 @@ export interface FileRouteTypes {
     | '/'
     | ''
     | '/login'
-    | '/edit-record/$id'
     | '/edit-user/$id'
+    | '/editar-expediente/$id'
     | '/users/$id'
     | '/create-user'
-    | '/records'
+    | '/expedientes'
     | '/users';
   fileRoutesByTo: FileRoutesByTo;
   to:
     | '/'
     | ''
     | '/login'
-    | '/edit-record/$id'
     | '/edit-user/$id'
+    | '/editar-expediente/$id'
     | '/users/$id'
     | '/create-user'
-    | '/records'
+    | '/expedientes'
     | '/users';
   id:
     | '__root__'
     | '/'
     | '/_auth'
     | '/login'
-    | '/_auth/edit-record/$id'
     | '/_auth/edit-user/$id'
+    | '/_auth/editar-expediente/$id'
     | '/_auth/users/$id'
     | '/_auth/create-user/'
-    | '/_auth/records/'
+    | '/_auth/expedientes/'
     | '/_auth/users/';
   fileRoutesById: FileRoutesById;
 }
@@ -273,25 +273,25 @@ export const routeTree = rootRoute._addFileChildren(rootRouteChildren)._addFileT
     "/_auth": {
       "filePath": "_auth.tsx",
       "children": [
-        "/_auth/edit-record/$id",
         "/_auth/edit-user/$id",
+        "/_auth/editar-expediente/$id",
         "/_auth/users/$id",
         "/_auth/create-user/",
-        "/_auth/records/",
+        "/_auth/expedientes/",
         "/_auth/users/"
       ]
     },
     "/login": {
       "filePath": "login.tsx"
     },
-    "/_auth/edit-record/$id": {
-      "filePath": "_auth/edit-record/$id.tsx",
-      "parent": "/_auth"
-    },
     "/_auth/edit-user/$id": {
       "filePath": "_auth/edit-user/$id.tsx",
       "parent": "/_auth"
     },
+    "/_auth/editar-expediente/$id": {
+      "filePath": "_auth/editar-expediente/$id.tsx",
+      "parent": "/_auth"
+    },
     "/_auth/users/$id": {
       "filePath": "_auth/users/$id.tsx",
       "parent": "/_auth"
@@ -300,8 +300,8 @@ export const routeTree = rootRoute._addFileChildren(rootRouteChildren)._addFileT
       "filePath": "_auth/create-user/index.tsx",
       "parent": "/_auth"
     },
-    "/_auth/records/": {
-      "filePath": "_auth/records/index.tsx",
+    "/_auth/expedientes/": {
+      "filePath": "_auth/expedientes/index.tsx",
       "parent": "/_auth"
     },
     "/_auth/users/": {

src/modules/expedientes/core/providers/crear-expediente/crear-expediente.context.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Expediente } from './crear-expediente.vm';
+
+interface CreateExpedienteContextProps {
+  formData: Expediente;
+  activeStep: number;
+  isOpen: boolean;
+  onOpen: () => void;
+  onNextStep: <K extends keyof Expediente>(step: K, value: Expediente[K]) => void;
+  onPreviousStep: () => void;
+  onCancel: () => void;
+}
+
+export const CreateExpedienteContext = React.createContext<CreateExpedienteContextProps | undefined>(undefined);
+
+export const useCreateExpedienteContext = () => {
+  const context = React.useContext(CreateExpedienteContext);
+  if (!context) {
+    throw new Error('useCreateExpedienteContext must be used within a CreateExpedienteProvider');
+  }
+  return context;
+};

src/modules/records/core/providers/create-record/create-record.provider.tsx renamed to src/modules/expedientes/core/providers/crear-expediente/crear-expediente.provider.tsx

@@ -1,36 +1,36 @@
 import React from 'react';
-import { CreateRecordContext } from './create-record.context';
-import { createEmptyRecordFormData, Record, Steps } from './create-record.vm';
+import { CreateExpedienteContext } from './crear-expediente.context';
+import { createEmptyExpedienteFormData, Expediente, Steps } from './crear-expediente.vm';
 
 interface Props {
   children: React.ReactNode;
 }
 
-export const CreateRecordProvider: React.FC<Props> = props => {
+export const CreateExpedienteProvider: React.FC<Props> = props => {
   const { children } = props;
 
-  const [formData, setFormData] = React.useState<Record>(createEmptyRecordFormData);
-  const [activeStep, setActiveStep] = React.useState<number>(Steps.generalData);
+  const [formData, setFormData] = React.useState<Expediente>(createEmptyExpedienteFormData);
+  const [activeStep, setActiveStep] = React.useState<number>(Steps.DATOS_GENERALES);
   const [isOpen, setIsOpen] = React.useState<boolean>(false);
 
   const reset = () => {
-    setFormData(createEmptyRecordFormData());
-    setActiveStep(Steps.generalData);
+    setFormData(createEmptyExpedienteFormData());
+    setActiveStep(Steps.DATOS_GENERALES);
   };
 
-  const updateStepData = <K extends keyof Record>(step: K, data: Record[K]) =>
+  const updateStepData = <K extends keyof Expediente>(step: K, data: Expediente[K]) =>
     setFormData(prev => ({ ...prev, [step]: data }));
 
   const toggleModal = () => setIsOpen(!isOpen);
-  const isLastStep = activeStep === Steps.temporality;
+  const isLastStep = activeStep === Steps.TEMPORALIDAD;
 
-  const handleSubmitAll = async (data: Record) => {
+  const handleSubmitAll = async (data: Expediente) => {
     console.log('Formulario enviado:', data);
     toggleModal();
     alert('Formulario enviado con éxito');
   };
 
-  const handleNextStep = <K extends keyof Record>(step: K, value: Record[K]) => {
+  const handleNextStep = <K extends keyof Expediente>(step: K, value: Expediente[K]) => {
     updateStepData(step, value);
     if (!isLastStep) {
       setActiveStep(prev => prev + 1);
@@ -39,7 +39,7 @@ export const CreateRecordProvider: React.FC<Props> = props => {
     }
   };
 
-  const handlePreviusStep = () => setActiveStep(prev => prev - 1);
+  const handlePreviousStep = () => setActiveStep(prev => prev - 1);
 
   React.useEffect(() => {
     if (!isOpen) {
@@ -48,18 +48,18 @@ export const CreateRecordProvider: React.FC<Props> = props => {
   }, [isOpen]);
 
   return (
-    <CreateRecordContext.Provider
+    <CreateExpedienteContext.Provider
       value={{
         formData,
         activeStep,
         isOpen,
         onOpen: toggleModal,
         onNextStep: handleNextStep,
-        onPreviousStep: handlePreviusStep,
+        onPreviousStep: handlePreviousStep,
         onCancel: toggleModal,
       }}
     >
       {children}
-    </CreateRecordContext.Provider>
+    </CreateExpedienteContext.Provider>
   );
 };

src/modules/expedientes/core/providers/crear-expediente/crear-expediente.vm.ts

@@ -0,0 +1,35 @@
+export interface DatosGenerales {
+  name: string;
+}
+
+export interface PresupuestoBase {
+  amount: number;
+}
+
+export interface Temporalidad {
+  description: string;
+}
+
+export interface Expediente {
+  datosGenerales: DatosGenerales;
+  presupuestoBase: PresupuestoBase;
+  temporalidad: Temporalidad;
+}
+
+export const createEmptyExpedienteFormData = (): Expediente => ({
+  datosGenerales: {
+    name: '',
+  },
+  presupuestoBase: {
+    amount: 0,
+  },
+  temporalidad: {
+    description: '',
+  },
+});
+
+export enum Steps {
+  DATOS_GENERALES = 1,
+  PRESUPUESTO_BASE = 2,
+  TEMPORALIDAD = 3,
+}

src/modules/expedientes/core/providers/crear-expediente/index.ts

@@ -0,0 +1,3 @@
+export * from './crear-expediente.context';
+export * from './crear-expediente.provider';
+export * from './crear-expediente.vm';

src/modules/expedientes/core/providers/index.ts

@@ -0,0 +1 @@
+export * from './crear-expediente';