Rename create-record module to crear-expediente; update exports and related references

Author: manudous

src/core/router/route-tree.ts

@@ -15,7 +15,6 @@ 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';
@@ -47,12 +46,6 @@ const AuthUsersIndexRoute = AuthUsersIndexImport.update({
   getParentRoute: () => AuthRoute,
 } as any);
 
-const AuthRecordsIndexRoute = AuthRecordsIndexImport.update({
-  id: '/records/',
-  path: '/records/',
-  getParentRoute: () => AuthRoute,
-} as any);
-
 const AuthExpedientesIndexRoute = AuthExpedientesIndexImport.update({
   id: '/expedientes/',
   path: '/expedientes/',
@@ -143,13 +136,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof AuthExpedientesIndexImport;
       parentRoute: typeof AuthImport;
     };
-    '/_auth/records/': {
-      id: '/_auth/records/';
-      path: '/records';
-      fullPath: '/records';
-      preLoaderRoute: typeof AuthRecordsIndexImport;
-      parentRoute: typeof AuthImport;
-    };
     '/_auth/users/': {
       id: '/_auth/users/';
       path: '/users';
@@ -168,7 +154,6 @@ interface AuthRouteChildren {
   AuthUsersIdRoute: typeof AuthUsersIdRoute;
   AuthCreateUserIndexRoute: typeof AuthCreateUserIndexRoute;
   AuthExpedientesIndexRoute: typeof AuthExpedientesIndexRoute;
-  AuthRecordsIndexRoute: typeof AuthRecordsIndexRoute;
   AuthUsersIndexRoute: typeof AuthUsersIndexRoute;
 }
 
@@ -178,7 +163,6 @@ const AuthRouteChildren: AuthRouteChildren = {
   AuthUsersIdRoute: AuthUsersIdRoute,
   AuthCreateUserIndexRoute: AuthCreateUserIndexRoute,
   AuthExpedientesIndexRoute: AuthExpedientesIndexRoute,
-  AuthRecordsIndexRoute: AuthRecordsIndexRoute,
   AuthUsersIndexRoute: AuthUsersIndexRoute,
 };
 
@@ -193,7 +177,6 @@ export interface FileRoutesByFullPath {
   '/users/$id': typeof AuthUsersIdRoute;
   '/create-user': typeof AuthCreateUserIndexRoute;
   '/expedientes': typeof AuthExpedientesIndexRoute;
-  '/records': typeof AuthRecordsIndexRoute;
   '/users': typeof AuthUsersIndexRoute;
 }
 
@@ -206,7 +189,6 @@ export interface FileRoutesByTo {
   '/users/$id': typeof AuthUsersIdRoute;
   '/create-user': typeof AuthCreateUserIndexRoute;
   '/expedientes': typeof AuthExpedientesIndexRoute;
-  '/records': typeof AuthRecordsIndexRoute;
   '/users': typeof AuthUsersIndexRoute;
 }
 
@@ -220,7 +202,6 @@ export interface FileRoutesById {
   '/_auth/users/$id': typeof AuthUsersIdRoute;
   '/_auth/create-user/': typeof AuthCreateUserIndexRoute;
   '/_auth/expedientes/': typeof AuthExpedientesIndexRoute;
-  '/_auth/records/': typeof AuthRecordsIndexRoute;
   '/_auth/users/': typeof AuthUsersIndexRoute;
 }
 
@@ -235,7 +216,6 @@ export interface FileRouteTypes {
     | '/users/$id'
     | '/create-user'
     | '/expedientes'
-    | '/records'
     | '/users';
   fileRoutesByTo: FileRoutesByTo;
   to:
@@ -247,7 +227,6 @@ export interface FileRouteTypes {
     | '/users/$id'
     | '/create-user'
     | '/expedientes'
-    | '/records'
     | '/users';
   id:
     | '__root__'
@@ -259,7 +238,6 @@ export interface FileRouteTypes {
     | '/_auth/users/$id'
     | '/_auth/create-user/'
     | '/_auth/expedientes/'
-    | '/_auth/records/'
     | '/_auth/users/';
   fileRoutesById: FileRoutesById;
 }
@@ -300,7 +278,6 @@ export const routeTree = rootRoute._addFileChildren(rootRouteChildren)._addFileT
         "/_auth/users/$id",
         "/_auth/create-user/",
         "/_auth/expedientes/",
-        "/_auth/records/",
         "/_auth/users/"
       ]
     },
@@ -327,10 +304,6 @@ export const routeTree = rootRoute._addFileChildren(rootRouteChildren)._addFileT
       "filePath": "_auth/expedientes/index.tsx",
       "parent": "/_auth"
     },
-    "/_auth/records/": {
-      "filePath": "_auth/records/index.tsx",
-      "parent": "/_auth"
-    },
     "/_auth/users/": {
       "filePath": "_auth/users/index.tsx",
       "parent": "/_auth"

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/expedientes/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/create-record/create-record.context.ts

@@ -1 +1 @@
-export * from './create-record';
+export * from './crear-expediente';

src/modules/expedientes/core/providers/create-record/create-record.vm.ts

@@ -1,24 +1,24 @@
 import React from 'react';
 import { Button } from '@mui/material';
 import { useWithTheme } from '#core/theme/theme.hooks.ts';
-import { Steps, useCreateRecordContext } from '#modules/expedientes/core/providers';
+import { Steps, useCreateExpedienteContext } from '#modules/expedientes/core/providers';
 import * as innerClasses from './step-navigation.styles';
 
 export const StepNavigation: React.FC = () => {
-  const { activeStep, onCancel, onPreviousStep } = useCreateRecordContext();
+  const { activeStep, onCancel, onPreviousStep } = useCreateExpedienteContext();
   const classes = useWithTheme(innerClasses);
 
   return (
     <div className={classes.buttonContainer}>
       <Button onClick={onCancel}>Cancelar</Button>
       <div className={classes.buttonGroup}>
-        {activeStep !== Steps.generalData && (
+        {activeStep !== Steps.DATOS_GENERALES && (
           <Button variant="outlined" onClick={onPreviousStep}>
             Anterior
           </Button>
         )}
         <Button type="submit" variant="contained">
-          {activeStep === Steps.temporality ? 'Guardar' : 'Siguiente'}
+          {activeStep === Steps.TEMPORALIDAD ? 'Guardar' : 'Siguiente'}
         </Button>
       </div>
     </div>

src/modules/expedientes/core/providers/create-record/index.ts

@@ -1,24 +1,24 @@
 import React from 'react';
 import { Form, Formik } from 'formik';
 import { TextFieldForm } from '#common/components';
-import { GeneralData, useCreateRecordContext } from '#modules/expedientes/core/providers';
-import { generalDataValidation } from '../validations';
+import { DatosGenerales, useCreateExpedienteContext } from '#modules/expedientes/core/providers';
+import { datosGeneralesValidations } from '../validations';
 import { StepNavigation } from '../step-navigation.component';
 import * as classes from './steps.styles';
 
-export const GeneralDataStep: React.FC = () => {
-  const { formData, onNextStep } = useCreateRecordContext();
+export const DatosGeneralesStep: React.FC = () => {
+  const { formData, onNextStep } = useCreateExpedienteContext();
 
-  const handleSubmit = (values: GeneralData) => {
-    onNextStep('generalData', values);
+  const handleSubmit = (values: DatosGenerales) => {
+    onNextStep('datosGenerales', values);
   };
 
   return (
     <Formik
-      initialValues={formData.generalData}
+      initialValues={formData.datosGenerales}
       enableReinitialize={true}
       onSubmit={handleSubmit}
-      validate={generalDataValidation.validateForm}
+      validate={datosGeneralesValidations.validateForm}
     >
       {() => (
         <Form className={classes.form}>

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

@@ -1,3 +1,3 @@
-export * from './general-data-step.component';
-export * from './budget-step.component';
-export * from './temporality-step.component';
+export * from './datos-generales-step.component';
+export * from './presupuesto-base-step.component';
+export * from './temporalidad-step.component';