flysoft-react-ui 0.5.2 → 1.0.0

package/dist/docs/MenuDocs.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+import { Card, Menu, Badge } from "../index";
+const MenuDocs = () => {
+    const [selectedItem, setSelectedItem] = useState(null);
+    // Opciones básicas
+    const basicOptions = [
+        { label: "Dashboard", id: "dashboard" },
+        { label: "Configuración", id: "settings" },
+        { label: "Perfil", id: "profile" },
+        { label: "Ayuda", id: "help" },
+    ];
+    // Opciones con iconos
+    const optionsWithIcons = [
+        { label: "Editar", icon: "fa-edit", action: "edit" },
+        { label: "Eliminar", icon: "fa-trash", action: "delete" },
+        { label: "Compartir", icon: "fa-share", action: "share" },
+    ];
+    // Opciones complejas
+    const userOptions = [
+        { id: 1, name: "Juan Pérez", email: "juan@ejemplo.com", role: "Admin" },
+        { id: 2, name: "María García", email: "maria@ejemplo.com", role: "User" },
+    ];
+    return (_jsx("div", { className: "max-w-5xl mx-auto space-y-8", children: _jsx(Card, { title: "Menu - Lista de Opciones", children: _jsxs("div", { className: "space-y-10", children: [_jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Uso b\u00E1sico" }), _jsx("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "El componente Menu muestra una lista vertical de opciones. Es la versi\u00F3n est\u00E1tica y siempre visible del contenido de un DropdownMenu." }), _jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "flex items-start gap-8", children: [_jsx(Menu, { options: basicOptions, onOptionSelected: (item) => setSelectedItem(item) }), selectedItem && (_jsxs("div", { className: "p-4 border rounded bg-[var(--color-bg-secondary)]", children: [_jsx("p", { className: "text-sm font-semibold", children: "Seleccionado:" }), _jsxs("p", { className: "text-sm", children: [selectedItem.label, " (", selectedItem.id, ")"] })] }))] }) })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Personalizaci\u00F3n con renderOption" }), _jsx("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Puedes personalizar completamente c\u00F3mo se renderiza cada opci\u00F3n." }), _jsx("div", { className: "space-y-4", children: _jsx(Menu, { options: optionsWithIcons, onOptionSelected: (item) => console.log(item), renderOption: (item) => (_jsxs("div", { className: "flex items-center", children: [_jsx("i", { className: `fa ${item.icon} w-6` }), _jsx("span", { children: item.label })] })) }) })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Uso de getOptionLabel" }), _jsx("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Si tus objetos no tienen una propiedad `label`, puedes usar `getOptionLabel`." }), _jsx("div", { className: "space-y-4", children: _jsx(Menu, { options: userOptions, onOptionSelected: (item) => console.log(item), getOptionLabel: (item) => item.name, renderOption: (item) => (_jsxs("div", { className: "flex justify-between items-center w-full min-w-[200px]", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: item.name }), _jsx("div", { className: "text-xs text-[var(--flysoft-text-secondary)]", children: item.email })] }), _jsx(Badge, { variant: item.role === 'Admin' ? 'primary' : 'secondary', size: "sm", children: item.role })] })) }) })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Personalizaci\u00F3n de Estilos" }), _jsx("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Puedes usar la propiedad `className` para sobreescribir los estilos por defecto usando clases de Tailwind. Por ejemplo, puedes cambiar el color de fondo, quitar el borde o sombra, etc." }), _jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "flex gap-8 flex-wrap", children: [_jsxs("div", { children: [_jsx("h4", { className: "text-sm font-medium mb-2", children: "Fondo Oscuro" }), _jsx(Menu, { options: basicOptions, onOptionSelected: (item) => setSelectedItem(item), className: "bg-gray-800 border-gray-700 text-white", itemClassName: "text-gray-200 hover:bg-gray-700 hover:text-white", renderOption: (item) => (_jsx("span", { children: item.label })) })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-sm font-medium mb-2", children: "Sin Borde ni Sombra" }), _jsx(Menu, { options: basicOptions, onOptionSelected: (item) => setSelectedItem(item), className: "border-0 shadow-none bg-blue-50" })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-sm font-medium mb-2", children: "Estilo Destacado" }), _jsx(Menu, { options: basicOptions, onOptionSelected: (item) => setSelectedItem(item), className: "bg-indigo-50 border-indigo-200 shadow-md", renderOption: (item) => (_jsx("span", { className: "text-indigo-800 font-medium", children: item.label })) })] })] }) })] })] }) }) }));
+};
+export default MenuDocs;

package/dist/docs/SearchSelectInputDocs.js

@@ -163,6 +163,6 @@ const SearchSelectInputDocs = () => {
                                         } }), _jsxs("p", { className: "text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: ["La funci\u00F3n onSearchPromiseFn puede devolver un", " ", _jsx("code", { children: "PaginationInterface<T>" }), ". El componente extraer\u00E1 autom\u00E1ticamente el array de la propiedad", " ", _jsx("code", { children: "list" }), "."] })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Personalizaci\u00F3n del Dialog" }), _jsxs("div", { className: "space-y-3", children: [_jsx(SearchSelectInput, { label: "Dialog personalizado", placeholder: "Escribe y busca...", icon: "fa-search", dialogTitle: "Buscar y seleccionar un pa\u00EDs", noResultsText: "No se encontraron pa\u00EDses con ese criterio", onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise }), _jsxs("p", { className: "text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: ["Puedes personalizar el t\u00EDtulo del dialog con", " ", _jsx("code", { children: "dialogTitle" }), " y el mensaje de sin resultados con", " ", _jsx("code", { children: "noResultsText" }), "."] })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Uso gen\u00E9rico con renderOption personalizado" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "space-y-3", children: [_jsx(SearchSelectInput, { label: "Buscar usuario", placeholder: "Escribe nombre, email o rol...", icon: "fa-users", onSearchPromiseFn: mockUserSearch, onSingleSearchPromiseFn: mockSingleUserSearch, getOptionLabel: (user) => `${user.firstName} ${user.lastName}`, getOptionValue: (user) => user.id, getOptionDescription: (user) => user.email, onSelectOption: (user, userId) => {
                                                     setSelectedUser(user);
                                                     console.log("Usuario seleccionado:", user, "ID:", userId);
-                                                }, renderOption: (user) => (_jsxs("div", { className: "flex items-start gap-3 w-full", children: [_jsx("div", { className: "flex-shrink-0 w-10 h-10 rounded-full bg-[var(--color-primary-soft)] flex items-center justify-center", children: _jsx("i", { className: "fa fa-user text-[var(--color-primary)]" }) }), _jsxs("div", { className: "flex flex-col flex-1 min-w-0", children: [_jsxs("span", { className: "font-medium text-[var(--color-text-primary)]", children: [user.firstName, " ", user.lastName] }), _jsx("span", { className: "text-xs text-[var(--color-text-secondary)] truncate", children: user.email }), _jsxs("div", { className: "flex items-center gap-2 mt-1", children: [_jsx("span", { className: "text-xs px-2 py-0.5 rounded bg-[var(--color-bg-secondary)] text-[var(--color-text-secondary)]", children: user.role }), _jsxs("span", { className: "text-xs text-[var(--color-text-muted)]", children: ["\u2022 ", user.department] })] })] })] })) }), _jsx("p", { className: "text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "usando getOptionLabel, getOptionValue y renderOption para personalizar completamente el renderizado de opciones sin propiedades label/value/description" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-medium", style: { color: "var(--flysoft-text-primary)" }, children: "Usuario seleccionado" }), _jsx(Card, { variant: "outlined", children: selectedUser ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("p", { className: "text-sm font-medium", style: { color: "var(--flysoft-text-primary)" }, children: [selectedUser.firstName, " ", selectedUser.lastName] }), _jsx("p", { className: "text-xs", style: { color: "var(--flysoft-text-secondary)" }, children: selectedUser.email }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs px-2 py-0.5 rounded bg-[var(--color-bg-secondary)]", style: { color: "var(--flysoft-text-secondary)" }, children: selectedUser.role }), _jsx("span", { className: "text-xs", style: { color: "var(--flysoft-text-muted)" }, children: selectedUser.department })] }), _jsxs("p", { className: "text-xs mt-2", style: { color: "var(--flysoft-text-muted)" }, children: ["ID: ", selectedUser.id] })] })) : (_jsx("p", { className: "text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Ning\u00FAn usuario seleccionado" })) })] })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Ejemplo de formulario" }), _jsx(Card, { title: "Formulario de b\u00FAsqueda con SearchSelectInput", subtitle: "Combinaci\u00F3n de SearchSelectInput, DateInput, Input y Button", children: _jsxs("form", { className: "space-y-4", onSubmit: handleSubmit(onSubmit), children: [_jsx(SearchSelectInput, { label: "Pa\u00EDs de residencia", ...register("country"), placeholder: "Busca y selecciona un pa\u00EDs", getOptionLabel: (option) => option.label, getOptionValue: (option) => option.value ?? "", onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise, dialogTitle: "Seleccione un pa\u00EDs" }), _jsxs("div", { children: ["Pa\u00EDs de residencia: ", watch("country")?.toString()] }), _jsx(DateInput, { label: "Fecha de nacimiento", placeholder: "dd/mm/yyyy", ...register("birthDate") }), _jsx(Input, { label: "Ciudad", placeholder: "Introduce tu ciudad", icon: "fa-city", error: errors.city?.message }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", icon: "fa-times", type: "submit", onClick: () => reset(), children: "Limpiar" }), _jsx(Button, { variant: "primary", icon: "fa-search", type: "submit", children: "Buscar" })] })] }) })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Tama\u00F1os" }), _jsxs("div", { className: "space-y-4", children: [_jsx(SearchSelectInput, { label: "Tama\u00F1o peque\u00F1o", placeholder: "Escribe y busca...", size: "sm", onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise }), _jsx(SearchSelectInput, { label: "Tama\u00F1o mediano (por defecto)", placeholder: "Escribe y busca...", size: "md", onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise }), _jsx(SearchSelectInput, { label: "Tama\u00F1o grande", placeholder: "Escribe y busca...", size: "lg", onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Estados y validaci\u00F3n" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "space-y-3", children: [_jsx(SearchSelectInput, { label: "Con error", placeholder: "Escribe y busca...", error: "Este campo es requerido", onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise }), _jsx("p", { className: "text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "respeta el estado error heredado del componente Input" })] }), _jsxs("div", { className: "space-y-3", children: [_jsx(SearchSelectInput, { label: "Deshabilitado", placeholder: "No editable", icon: "fa-ban", disabled: true, onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise }), _jsx("p", { className: "text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "respeta el estado disabled heredado del componente Input" })] })] })] })] }) }) }));
+                                                }, renderOption: (user) => (_jsxs("div", { className: "flex items-start gap-3 w-full", children: [_jsx("div", { className: "flex-shrink-0 w-10 h-10 rounded-full bg-[var(--color-primary-soft)] flex items-center justify-center", children: _jsx("i", { className: "fal fa-user text-[var(--color-primary)]" }) }), _jsxs("div", { className: "flex flex-col flex-1 min-w-0", children: [_jsxs("span", { className: "font-medium text-[var(--color-text-primary)]", children: [user.firstName, " ", user.lastName] }), _jsx("span", { className: "text-xs text-[var(--color-text-secondary)] truncate", children: user.email }), _jsxs("div", { className: "flex items-center gap-2 mt-1", children: [_jsx("span", { className: "text-xs px-2 py-0.5 rounded bg-[var(--color-bg-secondary)] text-[var(--color-text-secondary)]", children: user.role }), _jsxs("span", { className: "text-xs text-[var(--color-text-muted)]", children: ["\u2022 ", user.department] })] })] })] })) }), _jsx("p", { className: "text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "usando getOptionLabel, getOptionValue y renderOption para personalizar completamente el renderizado de opciones sin propiedades label/value/description" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-medium", style: { color: "var(--flysoft-text-primary)" }, children: "Usuario seleccionado" }), _jsx(Card, { variant: "outlined", children: selectedUser ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("p", { className: "text-sm font-medium", style: { color: "var(--flysoft-text-primary)" }, children: [selectedUser.firstName, " ", selectedUser.lastName] }), _jsx("p", { className: "text-xs", style: { color: "var(--flysoft-text-secondary)" }, children: selectedUser.email }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs px-2 py-0.5 rounded bg-[var(--color-bg-secondary)]", style: { color: "var(--flysoft-text-secondary)" }, children: selectedUser.role }), _jsx("span", { className: "text-xs", style: { color: "var(--flysoft-text-muted)" }, children: selectedUser.department })] }), _jsxs("p", { className: "text-xs mt-2", style: { color: "var(--flysoft-text-muted)" }, children: ["ID: ", selectedUser.id] })] })) : (_jsx("p", { className: "text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Ning\u00FAn usuario seleccionado" })) })] })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Ejemplo de formulario" }), _jsx(Card, { title: "Formulario de b\u00FAsqueda con SearchSelectInput", subtitle: "Combinaci\u00F3n de SearchSelectInput, DateInput, Input y Button", children: _jsxs("form", { className: "space-y-4", onSubmit: handleSubmit(onSubmit), children: [_jsx(SearchSelectInput, { label: "Pa\u00EDs de residencia", ...register("country"), placeholder: "Busca y selecciona un pa\u00EDs", getOptionLabel: (option) => option.label, getOptionValue: (option) => option.value ?? "", onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise, dialogTitle: "Seleccione un pa\u00EDs" }), _jsxs("div", { children: ["Pa\u00EDs de residencia: ", watch("country")?.toString()] }), _jsx(DateInput, { label: "Fecha de nacimiento", placeholder: "dd/mm/yyyy", ...register("birthDate") }), _jsx(Input, { label: "Ciudad", placeholder: "Introduce tu ciudad", icon: "fa-city", error: errors.city?.message }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", icon: "fa-times", type: "submit", onClick: () => reset(), children: "Limpiar" }), _jsx(Button, { variant: "primary", icon: "fa-search", type: "submit", children: "Buscar" })] })] }) })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Tama\u00F1os" }), _jsxs("div", { className: "space-y-4", children: [_jsx(SearchSelectInput, { label: "Tama\u00F1o peque\u00F1o", placeholder: "Escribe y busca...", size: "sm", onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise }), _jsx(SearchSelectInput, { label: "Tama\u00F1o mediano (por defecto)", placeholder: "Escribe y busca...", size: "md", onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise }), _jsx(SearchSelectInput, { label: "Tama\u00F1o grande", placeholder: "Escribe y busca...", size: "lg", onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Estados y validaci\u00F3n" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "space-y-3", children: [_jsx(SearchSelectInput, { label: "Con error", placeholder: "Escribe y busca...", error: "Este campo es requerido", onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise }), _jsx("p", { className: "text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "respeta el estado error heredado del componente Input" })] }), _jsxs("div", { className: "space-y-3", children: [_jsx(SearchSelectInput, { label: "Deshabilitado", placeholder: "No editable", icon: "fa-ban", disabled: true, onSearchPromiseFn: mockSearchPromise, onSingleSearchPromiseFn: mockSingleSearchPromise }), _jsx("p", { className: "text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "respeta el estado disabled heredado del componente Input" })] })] })] })] }) }) }));
 };
 export default SearchSelectInputDocs;

package/dist/docs/docMockServices/empresaService.d.ts

@@ -14,14 +14,14 @@ export declare const empresaService: {
      * Obtiene empresas paginadas opcionalmente filtradas por nombre
      */
     listarPaginados(params?: {
-        filtro?: string;
-        pagina?: number;
+        filtroEmpresa?: string;
+        paginaEmpresa?: number;
         limit?: number;
     }): Promise<PaginationInterface<Empresa>>;
     /**
      * Busca una empresa por ID
      */
-    buscarPorId(id: number): Promise<Empresa | undefined>;
+    buscarPorId(id: string): Promise<Empresa>;
     /**
      * Agrega una nueva empresa
      */
@@ -31,8 +31,8 @@ export declare const empresaService: {
      */
     editar(id: number, datos: Partial<Omit<Empresa, "id">>): Promise<Empresa | null>;
     /**
-     * Elimina una empresa por ID
+     * Elimina una empresa por ID y todas sus relaciones con personas
      */
-    eliminar(id: number): Promise<boolean>;
+    eliminar(empresa: Empresa): Promise<void>;
 };
 //# sourceMappingURL=empresaService.d.ts.map

package/dist/docs/docMockServices/empresaService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empresaService.d.ts","sourceRoot":"","sources":["../../../src/docs/docMockServices/empresaService.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAmBrF;;GAEG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;oBACmB;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;IAY9D;;OAEG;6BAC4B;QAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,GAAG,OAAO,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAyCzC;;OAEG;oBACmB,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC;IAM3D;;OAEG;qBACoB,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IAc7D;;OAEG;eAEG,MAAM,SACH,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,GAClC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAW1B;;OAEG;iBACgB,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;CAU7C,CAAC"}
+{"version":3,"file":"empresaService.d.ts","sourceRoot":"","sources":["../../../src/docs/docMockServices/empresaService.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAoBrF;;GAEG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;oBACmB;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;IAY9D;;OAEG;6BAC4B;QAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,GAAG,OAAO,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IA2CzC;;OAEG;oBACmB,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAW/C;;OAEG;qBACoB,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IAe7D;;OAEG;eAEG,MAAM,SACH,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,GAClC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAW1B;;OAEG;sBACqB,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;CAYhD,CAAC"}

package/dist/docs/docMockServices/empresaService.js

@@ -1,3 +1,4 @@
+import { personaEmpresaService } from "./personaEmpresaService";
 const STORAGE_KEY = "docMockServices_empresas";
 /**
  * Simula un delay de red para hacer más realista el mock
@@ -32,14 +33,15 @@ export const empresaService = {
      * Obtiene empresas paginadas opcionalmente filtradas por nombre
      */
     async listarPaginados(params) {
+        console.log("Lista empresas paginadas", params);
         await simulateNetworkDelay();
-        const pagina = params?.pagina ?? 1;
+        const pagina = params?.paginaEmpresa ?? 1;
         const limit = params?.limit ?? 20;
         const todas = _obtenerTodas();
         let todasFiltradas = todas;
-        if (params?.filtro) {
-            const filtroLower = params.filtro.toLowerCase();
-            todasFiltradas = todas.filter((emp) => emp.nombre.toLowerCase().includes(filtroLower));
+        if (params?.filtroEmpresa) {
+            const filtroLower = params.filtroEmpresa.toLowerCase();
+            todasFiltradas = todasFiltradas.filter((emp) => emp.nombre.toLowerCase().includes(filtroLower));
         }
         const total = todasFiltradas.length;
         // Si limit es 0, devolver todos los elementos sin paginar
@@ -68,9 +70,14 @@ export const empresaService = {
      * Busca una empresa por ID
      */
     async buscarPorId(id) {
+        console.log("Busca empresa por id", id);
         await simulateNetworkDelay();
         const empresas = _obtenerTodas();
-        return empresas.find((emp) => emp.id === id);
+        const empresa = empresas.find((emp) => emp.id.toString() === id.toString());
+        if (!empresa) {
+            throw new Error("Empresa no encontrada");
+        }
+        return empresa;
     },
     /**
      * Agrega una nueva empresa
@@ -79,9 +86,10 @@ export const empresaService = {
         await simulateNetworkDelay();
         const empresas = _obtenerTodas();
         const nuevoId = empresas.length > 0 ? Math.max(...empresas.map((e) => e.id)) + 1 : 1;
+        // Crear nueva empresa: el id generado siempre sobrescribe cualquier id que venga
         const nuevaEmpresa = {
-            id: nuevoId,
             ...empresa,
+            id: nuevoId, // El id siempre se asigna después para sobrescribir cualquier id existente
         };
         empresas.push(nuevaEmpresa);
         localStorage.setItem(STORAGE_KEY, JSON.stringify(empresas));
@@ -101,16 +109,17 @@ export const empresaService = {
         return empresas[index];
     },
     /**
-     * Elimina una empresa por ID
+     * Elimina una empresa por ID y todas sus relaciones con personas
      */
-    async eliminar(id) {
+    async eliminar(empresa) {
         await simulateNetworkDelay();
         const empresas = _obtenerTodas();
-        const index = empresas.findIndex((emp) => emp.id === id);
+        const index = empresas.findIndex((emp) => emp.id === empresa.id);
         if (index === -1)
-            return false;
+            return;
+        // Eliminar todas las relaciones de esta empresa
+        await personaEmpresaService.eliminarPorEmpresa(empresa.id);
         empresas.splice(index, 1);
         localStorage.setItem(STORAGE_KEY, JSON.stringify(empresas));
-        return true;
     },
 };

package/dist/docs/docMockServices/interfaces.d.ts

@@ -23,4 +23,16 @@ export interface PersonaEmpresa {
     idEmpresa: number;
     cargo: string;
 }
+/**
+ * Relación Persona-Empresa con la información completa de la Persona
+ */
+export interface PersonaEmpresaConPersona extends PersonaEmpresa {
+    persona: Persona;
+}
+/**
+ * Relación Persona-Empresa con la información completa de la Empresa
+ */
+export interface PersonaEmpresaConEmpresa extends PersonaEmpresa {
+    empresa: Empresa;
+}
 //# sourceMappingURL=interfaces.d.ts.map

package/dist/docs/docMockServices/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/docs/docMockServices/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAEnC;;GAEG;AAEH,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,KAAK,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,OAAO;IACjD,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/docs/docMockServices/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAEnC;;GAEG;AAEH,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,KAAK,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,OAAO;IACjD,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,OAAO,EAAE,OAAO,CAAC;CAClB"}

package/dist/docs/docMockServices/personaEmpresaService.d.ts

@@ -1,4 +1,4 @@
-import type { PersonaEmpresa } from "./interfaces";
+import type { PersonaEmpresa, PersonaEmpresaConPersona, PersonaEmpresaConEmpresa } from "./interfaces";
 /**
  * Servicio mock para gestionar relaciones Persona-Empresa en localStorage
  */
@@ -8,13 +8,13 @@ export declare const personaEmpresaService: {
      */
     listar(): Promise<PersonaEmpresa[]>;
     /**
-     * Busca relaciones por ID de persona
+     * Busca relaciones por ID de persona, incluyendo la información completa de la empresa
      */
-    buscarPorPersona(idPersona: number): Promise<PersonaEmpresa[]>;
+    buscarPorPersona(idPersona: number): Promise<PersonaEmpresaConEmpresa[]>;
     /**
-     * Busca relaciones por ID de empresa
+     * Busca relaciones por ID de empresa, incluyendo la información completa de la persona
      */
-    buscarPorEmpresa(idEmpresa: number): Promise<PersonaEmpresa[]>;
+    buscarPorEmpresa(idEmpresa: number): Promise<PersonaEmpresaConPersona[]>;
     /**
      * Busca una relación específica por persona y empresa
      */
@@ -30,7 +30,7 @@ export declare const personaEmpresaService: {
     /**
      * Elimina una relación por persona y empresa
      */
-    eliminar(idPersona: number, idEmpresa: number): Promise<boolean>;
+    eliminar(personaEmpresa: PersonaEmpresa): Promise<void>;
     /**
      * Elimina todas las relaciones de una persona
      */

package/dist/docs/docMockServices/personaEmpresaService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"personaEmpresaService.d.ts","sourceRoot":"","sources":["../../../src/docs/docMockServices/personaEmpresaService.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAmBnD;;GAEG;AACH,eAAO,MAAM,qBAAqB;IAChC;;OAEG;cACa,OAAO,CAAC,cAAc,EAAE,CAAC;IAKzC;;OAEG;gCAC+B,MAAM,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC;IAMpE;;OAEG;gCAC+B,MAAM,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC;IAMpE;;OAEG;wCAEU,MAAM,aACN,MAAM,GAChB,OAAO,CAAC,cAAc,GAAG,SAAS,CAAC;IAQtC;;OAEG;sBACqB,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;IAgBhE;;OAEG;sBAEU,MAAM,aACN,MAAM,SACV,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,WAAW,CAAC,CAAC,GAC9D,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC;IAajC;;OAEG;wBACuB,MAAM,aAAa,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAatE;;OAEG;kCACiC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAW5D;;OAEG;kCACiC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;CAU7D,CAAC"}
+{"version":3,"file":"personaEmpresaService.d.ts","sourceRoot":"","sources":["../../../src/docs/docMockServices/personaEmpresaService.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,cAAc,CAAC;AAqBtB;;GAEG;AACH,eAAO,MAAM,qBAAqB;IAChC;;OAEG;cACa,OAAO,CAAC,cAAc,EAAE,CAAC;IAKzC;;OAEG;gCAEU,MAAM,GAChB,OAAO,CAAC,wBAAwB,EAAE,CAAC;IA6BtC;;OAEG;gCAEU,MAAM,GAChB,OAAO,CAAC,wBAAwB,EAAE,CAAC;IAyCtC;;OAEG;wCAEU,MAAM,aACN,MAAM,GAChB,OAAO,CAAC,cAAc,GAAG,SAAS,CAAC;IAQtC;;OAEG;sBACqB,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;IAgBhE;;OAEG;sBAEU,MAAM,aACN,MAAM,SACV,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,WAAW,CAAC,CAAC,GAC9D,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC;IAajC;;OAEG;6BAC4B,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAY7D;;OAEG;kCACiC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAW5D;;OAEG;kCACiC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;CAU7D,CAAC"}

package/dist/docs/docMockServices/personaEmpresaService.js

@@ -1,3 +1,5 @@
+import { personaService } from "./personaService";
+import { empresaService } from "./empresaService";
 const STORAGE_KEY = "docMockServices_personaEmpresas";
 /**
  * Simula un delay de red para hacer más realista el mock
@@ -24,20 +26,57 @@ export const personaEmpresaService = {
         return _obtenerTodas();
     },
     /**
-     * Busca relaciones por ID de persona
+     * Busca relaciones por ID de persona, incluyendo la información completa de la empresa
      */
     async buscarPorPersona(idPersona) {
         await simulateNetworkDelay();
         const relaciones = _obtenerTodas();
-        return relaciones.filter((rel) => rel.idPersona === idPersona);
+        const relacionesFiltradas = relaciones.filter((rel) => rel.idPersona.toString() === idPersona.toString());
+        // Obtener todas las empresas de una vez para optimizar
+        const todasLasEmpresas = await empresaService.listar();
+        // Enriquecer cada relación con la información de la empresa
+        const relacionesConEmpresas = await Promise.all(relacionesFiltradas.map(async (rel) => {
+            const empresa = todasLasEmpresas.find((e) => e.id.toString() === rel.idEmpresa.toString());
+            if (!empresa) {
+                throw new Error(`Empresa con id ${rel.idEmpresa} no encontrada para la relación`);
+            }
+            return {
+                ...rel,
+                empresa,
+            };
+        }));
+        return relacionesConEmpresas;
     },
     /**
-     * Busca relaciones por ID de empresa
+     * Busca relaciones por ID de empresa, incluyendo la información completa de la persona
      */
     async buscarPorEmpresa(idEmpresa) {
+        console.log("Busca relaciones por empresa", idEmpresa);
         await simulateNetworkDelay();
         const relaciones = _obtenerTodas();
-        return relaciones.filter((rel) => rel.idEmpresa === idEmpresa);
+        const relacionesFiltradas = relaciones.filter((rel) => rel.idEmpresa.toString() === idEmpresa.toString());
+        // Obtener todas las personas de una vez para optimizar
+        const todasLasPersonas = await personaService.listar();
+        // Enriquecer cada relación con la información de la persona
+        // PersonaConEmpresas extiende Persona, así que podemos usarlo directamente
+        const relacionesConPersonas = await Promise.all(relacionesFiltradas.map(async (rel) => {
+            const personaConEmpresas = todasLasPersonas.find((p) => p.id.toString() === rel.idPersona.toString());
+            if (!personaConEmpresas) {
+                throw new Error(`Persona con id ${rel.idPersona} no encontrada para la relación`);
+            }
+            // Extraer solo los campos de Persona (sin empresas)
+            const persona = {
+                id: personaConEmpresas.id,
+                nombre: personaConEmpresas.nombre,
+                email: personaConEmpresas.email,
+                fechaNacimiento: personaConEmpresas.fechaNacimiento,
+            };
+            return {
+                ...rel,
+                persona,
+            };
+        }));
+        return relacionesConPersonas;
     },
     /**
      * Busca una relación específica por persona y empresa
@@ -45,7 +84,7 @@ export const personaEmpresaService = {
     async buscarPorPersonaYEmpresa(idPersona, idEmpresa) {
         await simulateNetworkDelay();
         const relaciones = _obtenerTodas();
-        return relaciones.find((rel) => rel.idPersona === idPersona && rel.idEmpresa === idEmpresa);
+        return relaciones.find((rel) => rel.idPersona.toString() === idPersona.toString() && rel.idEmpresa.toString() === idEmpresa.toString());
     },
     /**
      * Agrega una nueva relación
@@ -54,8 +93,8 @@ export const personaEmpresaService = {
         await simulateNetworkDelay();
         const relaciones = _obtenerTodas();
         // Verificar que no exista ya la relación
-        const existe = relaciones.some((rel) => rel.idPersona === relacion.idPersona &&
-            rel.idEmpresa === relacion.idEmpresa);
+        const existe = relaciones.some((rel) => rel.idPersona.toString() === relacion.idPersona.toString() &&
+            rel.idEmpresa.toString() === relacion.idEmpresa.toString());
         if (!existe) {
             relaciones.push(relacion);
             localStorage.setItem(STORAGE_KEY, JSON.stringify(relaciones));
@@ -68,7 +107,7 @@ export const personaEmpresaService = {
     async editar(idPersona, idEmpresa, datos) {
         await simulateNetworkDelay();
         const relaciones = _obtenerTodas();
-        const index = relaciones.findIndex((rel) => rel.idPersona === idPersona && rel.idEmpresa === idEmpresa);
+        const index = relaciones.findIndex((rel) => rel.idPersona.toString() === idPersona.toString() && rel.idEmpresa.toString() === idEmpresa.toString());
         if (index === -1)
             return null;
         relaciones[index] = { ...relaciones[index], ...datos };
@@ -78,15 +117,14 @@ export const personaEmpresaService = {
     /**
      * Elimina una relación por persona y empresa
      */
-    async eliminar(idPersona, idEmpresa) {
+    async eliminar(personaEmpresa) {
         await simulateNetworkDelay();
         const relaciones = _obtenerTodas();
-        const index = relaciones.findIndex((rel) => rel.idPersona === idPersona && rel.idEmpresa === idEmpresa);
+        const index = relaciones.findIndex((rel) => rel.idPersona.toString() === personaEmpresa.idPersona.toString() && rel.idEmpresa.toString() === personaEmpresa.idEmpresa.toString());
         if (index === -1)
-            return false;
+            return;
         relaciones.splice(index, 1);
         localStorage.setItem(STORAGE_KEY, JSON.stringify(relaciones));
-        return true;
     },
     /**
      * Elimina todas las relaciones de una persona
@@ -95,7 +133,7 @@ export const personaEmpresaService = {
         await simulateNetworkDelay();
         const relaciones = _obtenerTodas();
         const inicialLength = relaciones.length;
-        const nuevasRelaciones = relaciones.filter((rel) => rel.idPersona !== idPersona);
+        const nuevasRelaciones = relaciones.filter((rel) => rel.idPersona.toString() !== idPersona.toString());
         localStorage.setItem(STORAGE_KEY, JSON.stringify(nuevasRelaciones));
         return inicialLength - nuevasRelaciones.length;
     },
@@ -106,7 +144,7 @@ export const personaEmpresaService = {
         await simulateNetworkDelay();
         const relaciones = _obtenerTodas();
         const inicialLength = relaciones.length;
-        const nuevasRelaciones = relaciones.filter((rel) => rel.idEmpresa !== idEmpresa);
+        const nuevasRelaciones = relaciones.filter((rel) => rel.idEmpresa.toString() !== idEmpresa.toString());
         localStorage.setItem(STORAGE_KEY, JSON.stringify(nuevasRelaciones));
         return inicialLength - nuevasRelaciones.length;
     },

package/dist/docs/docMockServices/personaService.d.ts

@@ -30,9 +30,9 @@ export declare const personaService: {
     /**
      * Edita una persona existente
      */
-    editar(id: number, datos: Partial<Omit<Persona, "id">>): Promise<Persona | null>;
+    editar(id: number, datos: Partial<Omit<Persona, "id">>): Promise<Persona | undefined>;
     /**
-     * Elimina una persona por ID
+     * Elimina una persona por ID y todas sus relaciones con empresas
      */
     eliminar(persona: Persona): Promise<void>;
 };

package/dist/docs/docMockServices/personaService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"personaService.d.ts","sourceRoot":"","sources":["../../../src/docs/docMockServices/personaService.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAW,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AA6DrF;;GAEG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;oBACmB;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,kBAAkB,EAAE,CAAC;IAuBzE;;OAEG;6BAC4B;QAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IAoEpD;;OAEG;oBACmB,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC;IAM3D;;OAEG;qBACoB,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IAmB7D;;OAEG;eAEG,MAAM,SACH,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,GAClC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAgB1B;;OAEG;sBACqB,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;CAQhD,CAAC"}
+{"version":3,"file":"personaService.d.ts","sourceRoot":"","sources":["../../../src/docs/docMockServices/personaService.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAW,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AA6DrF;;GAEG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;oBACmB;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,kBAAkB,EAAE,CAAC;IAuBzE;;OAEG;6BAC4B;QAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IAoEpD;;OAEG;oBACmB,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC;IAM3D;;OAEG;qBACoB,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IAoB7D;;OAEG;eAEG,MAAM,SACH,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,GAClC,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC;IAgB/B;;OAEG;sBACqB,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;CAiBhD,CAAC"}

package/dist/docs/docMockServices/personaService.js

@@ -38,7 +38,7 @@ const _enriquecerConEmpresas = async (persona, todasLasEmpresas) => {
     else {
         // Si no, obtener cada empresa individualmente
         for (const idEmpresa of empresasIds) {
-            const empresa = await empresaService.buscarPorId(idEmpresa);
+            const empresa = await empresaService.buscarPorId(idEmpresa.toString());
             if (empresa) {
                 empresas.push(empresa);
             }
@@ -88,8 +88,8 @@ export const personaService = {
         // y filtrar las personas que tienen esa relación
         if (params?.idEmpresa !== undefined) {
             const relaciones = await personaEmpresaService.buscarPorEmpresa(Number(params.idEmpresa));
-            const personasIdsConEmpresa = new Set(relaciones.map((rel) => rel.idPersona));
-            todasFiltradas = todasFiltradas.filter((per) => personasIdsConEmpresa.has(per.id));
+            const personasIdsConEmpresa = new Set(relaciones.map((rel) => rel.idPersona.toString()));
+            todasFiltradas = todasFiltradas.filter((per) => personasIdsConEmpresa.has(per.id.toString()));
         }
         const total = todasFiltradas.length;
         // Obtener todas las empresas de una vez para optimizar
@@ -136,9 +136,10 @@ export const personaService = {
         await simulateNetworkDelay();
         const personas = _obtenerTodas();
         const nuevoId = personas.length > 0 ? Math.max(...personas.map((p) => p.id)) + 1 : 1;
+        // Crear nueva persona: el id generado siempre sobrescribe cualquier id que venga
         const nuevaPersona = {
-            id: nuevoId,
             ...persona,
+            id: nuevoId, // El id siempre se asigna después para sobrescribir cualquier id existente
         };
         personas.push(nuevaPersona);
         // Guardar convirtiendo fechaNacimiento a string ISO
@@ -157,7 +158,7 @@ export const personaService = {
         const personas = _obtenerTodas();
         const index = personas.findIndex((per) => per.id === id);
         if (index === -1)
-            return null;
+            return undefined;
         personas[index] = { ...personas[index], ...datos };
         // Guardar convirtiendo fechaNacimiento a string ISO
         const personasParaGuardar = personas.map((p) => ({
@@ -168,13 +169,22 @@ export const personaService = {
         return personas[index];
     },
     /**
-     * Elimina una persona por ID
+     * Elimina una persona por ID y todas sus relaciones con empresas
      */
     async eliminar(persona) {
         await simulateNetworkDelay();
         const personas = _obtenerTodas();
         const index = personas.findIndex((per) => per.id === persona.id);
+        if (index === -1)
+            return;
+        // Eliminar todas las relaciones de esta persona
+        await personaEmpresaService.eliminarPorPersona(persona.id);
         personas.splice(index, 1);
-        localStorage.setItem(STORAGE_KEY, JSON.stringify(personas));
+        // Guardar convirtiendo fechaNacimiento a string ISO
+        const personasParaGuardar = personas.map((p) => ({
+            ...p,
+            fechaNacimiento: p.fechaNacimiento.toISOString(),
+        }));
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(personasParaGuardar));
     },
 };