reorganize imports and update type definitions for economic data components

Author: manudous

src/modules/expedientes/editar-datos-economicos/components/adjudicacion-form.component.tsx

@@ -1,10 +1,9 @@
-import * as innerClasses from './adjudicacion-form.styles';
-
-import { MontosIvaForm } from './montos-iva-form.component';
 import React from 'react';
-import { TextFieldForm } from '#common/components/index.ts';
 import { Typography } from '@mui/material';
-import { useWithTheme } from '#core/theme/theme.hooks.ts';
+import { TextFieldForm } from '#common/components';
+import { useWithTheme } from '#core/theme';
+import { MontosIvaForm } from './montos-iva-form.component';
+import * as innerClasses from './adjudicacion-form.styles';
 
 export const AdjudicacionForm: React.FC = () => {
   const classes = useWithTheme(innerClasses);

src/modules/expedientes/editar-datos-economicos/components/listado-anualidad.component.tsx

@@ -1,16 +1,10 @@
-import * as innerClasses from './listado-anualidad.styles';
-
+import React from 'react';
 import { Button, Card, CardContent, IconButton, Typography } from '@mui/material';
-
-import { Anualidad } from '../editar-expediente.type';
 import DeleteIcon from '@mui/icons-material/Delete';
 import FolderIcon from '@mui/icons-material/Folder';
-import React from 'react';
-import { useWithTheme } from '#core/theme/theme.hooks.ts';
-
-interface Props {
-  rows: Anualidad[];
-}
+import { useWithTheme } from '#core/theme';
+import { Anualidad } from '../editar-expediente.vm';
+import * as innerClasses from './listado-anualidad.styles';
 
 const AnualidadItem: React.FC<Anualidad> = ({ ano: year, monto: amount, iva, simbolo: symbol }) => {
   const classes = useWithTheme(innerClasses);
@@ -27,14 +21,18 @@ const AnualidadItem: React.FC<Anualidad> = ({ ano: year, monto: amount, iva, sim
   );
 };
 
+interface Props {
+  rows: Anualidad[];
+}
+
 export const ListadoAnualidad: React.FC<Props> = props => {
   const { rows } = props;
   const classes = useWithTheme(innerClasses);
   return (
     <Card sx={{ mt: 2 }}>
       <CardContent>
         <div className={classes.tableHeader}>
-          <Typography variant="caption" fontWeight={'bold'}>
+          <Typography variant="caption" fontWeight="bold">
             Anualidades
           </Typography>
           <Button variant="outlined" className={classes.newButton}>

src/modules/expedientes/editar-datos-economicos/components/listado-anualidad.styles.ts

@@ -4,7 +4,7 @@ import { css } from '@emotion/css';
 export const tableHeader = (theme: Theme) => css`
   display: flex;
   justify-content: space-between;
-  aligni-tems: center;
+  align-items: center;
   margin-bottom: ${theme.spacing(2)};
 
   @media (max-width: 768px) {

src/modules/expedientes/editar-datos-economicos/components/montos-iva-form.component.tsx

@@ -1,8 +1,7 @@
-import * as innerClasses from './montos-iva-form.styles';
-
 import React from 'react';
 import { TextFieldForm } from '#common/components';
-import { useWithTheme } from '#core/theme/theme.hooks.ts';
+import { useWithTheme } from '#core/theme';
+import * as innerClasses from './montos-iva-form.styles';
 
 export const MontosIvaForm: React.FC<{ prefix: string }> = ({ prefix }) => {
   const classes = useWithTheme(innerClasses);

src/modules/expedientes/editar-datos-economicos/components/presupuesto-base-form.component.tsx

@@ -1,8 +1,8 @@
-import { Anualidad } from '../editar-expediente.type';
-import { ListadoAnualidad } from './listado-anualidad.component';
-import { MontosIvaForm } from './montos-iva-form.component';
 import React from 'react';
 import { Typography } from '@mui/material';
+import { ListadoAnualidad } from './listado-anualidad.component';
+import { MontosIvaForm } from './montos-iva-form.component';
+import { Anualidad } from '../editar-expediente.vm';
 
 export const PresupuestoBaseForm: React.FC<{ rows: Anualidad[] }> = props => {
   const { rows } = props;

src/modules/expedientes/editar-datos-economicos/editar-datos-economicos.pod.tsx

@@ -1,6 +1,6 @@
-import { Anualidad } from './editar-expediente.type';
-import { EditarInformacionFinanciera } from './editar-informacion-financiera.component';
 import React from 'react';
+import { Anualidad } from './editar-expediente.vm';
+import { EditarInformacionFinanciera } from './editar-informacion-financiera.component';
 
 export const EditarDatosEconomicosPod: React.FC = () => {
   // TODO: quitar luego de su implementacion

src/modules/expedientes/editar-datos-economicos/editar-expediente.type.ts

@@ -1,11 +0,0 @@
-export interface Expediente {
-  id: number;
-}
-
-export interface Anualidad {
-  id: number;
-  ano: number;
-  monto: number;
-  iva: number;
-  simbolo: string;
-}

src/modules/expedientes/editar-datos-economicos/editar-expediente.vm.ts

@@ -1,3 +1,13 @@
-import { Expediente } from './editar-expediente.type';
+export interface Expediente {
+  id: number;
+}
+
+export interface Anualidad {
+  id: number;
+  ano: number;
+  monto: number;
+  iva: number;
+  simbolo: string;
+}
 
 export const createEmptyExpediente = (): Expediente => ({ id: 0 });

src/modules/expedientes/editar-datos-economicos/editar-informacion-financiera.component.tsx

@@ -1,14 +1,11 @@
-import * as innerClasses from './editar-informacion-financiera.styles';
-
-import { AdjudicacionForm, PresupuestoBaseForm } from './components';
-import { Anualidad, Expediente } from './editar-expediente.type';
-import { Form, Formik } from 'formik';
-
-import { Button } from '@mui/material';
-import { NavigationButton } from '#common/components/index.ts';
 import React from 'react';
-import { createEmptyExpediente } from './editar-expediente.vm';
-import { useWithTheme } from '#core/theme/theme.hooks.ts';
+import { Button } from '@mui/material';
+import { Form, Formik } from 'formik';
+import { NavigationButton } from '#common/components';
+import { useWithTheme } from '#core/theme';
+import { AdjudicacionForm, PresupuestoBaseForm } from './components';
+import { Anualidad, Expediente, createEmptyExpediente } from './editar-expediente.vm';
+import * as innerClasses from './editar-informacion-financiera.styles';
 
 interface Props {
   onSubmit: (values: Expediente) => void;
@@ -25,7 +22,6 @@ export const EditarInformacionFinanciera: React.FC<Props> = props => {
         <Form className={classes.form}>
           <PresupuestoBaseForm rows={listadoAnualidades} />
           <AdjudicacionForm />
-
           <section className={classes.buttonContainer}>
             <NavigationButton path="/expedientes" text="Volver" variant="text" />
             <Button type="submit" variant="contained">