flysoft-react-ui 0.5.3 → 1.0.0

package/dist/docs/ListCrudDocs.tsx/ListCrudDocsContentEmpresaSingle.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { personaEmpresaService } from "../docMockServices";
+import { CrudProvider, useCrud } from "../../contexts";
+import { Button, Card, Collection, Dialog, Input, Loader } from "../../components";
+import { useNavigate } from "react-router-dom";
+import { ListCrudDocsContentEmpresaPersonas } from "./ListCrudDocsContentEmpresaPersonas";
+import { useEffect, useState, useCallback } from "react";
+import { DropdownMenu } from "../../components/layout/DropdownMenu";
+import { FormProvider, useForm } from "react-hook-form";
+export const ListCrudDocsContentEmpresaSingle = () => {
+    const { item, fetchItem, fetchItems, updateItem, deleteItem } = useCrud();
+    const methods = useForm({
+        defaultValues: item,
+    });
+    const { buscarPorEmpresa, agregar, editar, eliminar } = personaEmpresaService;
+    const navigate = useNavigate();
+    const [isEditing, setIsEditing] = useState(false);
+    const [isOpenEliminarDialog, setIsOpenEliminarDialog] = useState(false);
+    const buscarPersonasPorEmpresa = useCallback(async () => {
+        if (!item?.id) {
+            return [];
+        }
+        const personas = await buscarPorEmpresa(item.id);
+        return personas;
+    }, [item?.id, buscarPorEmpresa]);
+    useEffect(() => {
+        if (item) {
+            methods.reset(item);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [item]);
+    const onSubmitEdit = async (empresa) => {
+        await updateItem.execute(empresa);
+        setIsEditing(false);
+        fetchItem.execute();
+        fetchItems.execute();
+    };
+    const onDeleteEmpresaSubmit = async () => {
+        await deleteItem.execute(item);
+        setIsOpenEliminarDialog(false);
+        navigate(-1);
+        fetchItems.execute();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Card, { title: fetchItem.isLoading ? "" : item?.nombre, headerActions: !isEditing ? (_jsxs(Collection, { direction: "row", children: [_jsx(DropdownMenu, { options: [
+                                { label: "Editar", icon: "fa-edit" },
+                                { label: "Eliminar", icon: "fa-trash" },
+                            ], onOptionSelected: (item) => {
+                                if (item.label === "Editar") {
+                                    setIsEditing(true);
+                                }
+                                if (item.label === "Eliminar") {
+                                    setIsOpenEliminarDialog(true);
+                                }
+                            } }), _jsx(Button, { icon: "fa-undo", variant: "ghost", size: "sm", onClick: () => navigate(-1) })] })) : null, alwaysDisplayHeaderActions: true, footer: isEditing ? (_jsx("div", { className: "flex justify-end", children: _jsxs(Collection, { direction: "row", children: [_jsx(Button, { variant: "outline", onClick: () => setIsEditing(false), disabled: updateItem.isLoading, children: "Cancelar" }), _jsx(Button, { icon: "fa-save", onClick: methods.handleSubmit(onSubmitEdit), disabled: updateItem.isLoading, children: "Guardar" })] }) })) : null, children: !isEditing ? (_jsx(CrudProvider, { getPromise: buscarPersonasPorEmpresa, postPromise: {
+                        execute: (persona) => agregar(persona),
+                        successMessage: "Persona agregada correctamente",
+                    }, putPromise: {
+                        execute: (personaEmpresa) => editar(personaEmpresa.idPersona, personaEmpresa.idEmpresa, personaEmpresa),
+                        successMessage: "Cambios guardados",
+                    }, deletePromise: {
+                        execute: (persona) => eliminar(persona),
+                        successMessage: "Persona eliminada correctamente",
+                    }, extraData: { idEmpresa: item?.id }, children: _jsx(ListCrudDocsContentEmpresaPersonas, {}) })) : (_jsx(FormProvider, { ...methods, children: _jsx("form", { onSubmit: methods.handleSubmit(onSubmitEdit), children: _jsx(Collection, { children: _jsx("div", { className: "w-[300px]", children: _jsx(Input, { label: "Nombre", ...methods.register("nombre", {
+                                        required: "Campo obligatorio",
+                                    }) }) }) }) }) })) }), isOpenEliminarDialog && (_jsxs(Dialog, { isOpen: isOpenEliminarDialog, title: "Eliminar Empresa", onClose: () => setIsOpenEliminarDialog(false), footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: () => setIsOpenEliminarDialog(false), disabled: deleteItem.isLoading, children: "Cancelar" }), _jsx(Button, { onClick: onDeleteEmpresaSubmit, disabled: deleteItem.isLoading, children: "Eliminar" })] }), children: [_jsx("p", { children: "\u00BFEst\u00E1s seguro de querer eliminar esta empresa?" }), _jsx(Loader, { isLoading: deleteItem.isLoading })] }))] }));
+};

package/dist/docs/ListCrudDocs.tsx/ListCrudDocsContentEmpresas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListCrudDocsContentEmpresas.d.ts","sourceRoot":"","sources":["../../../src/docs/ListCrudDocs.tsx/ListCrudDocsContentEmpresas.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B,+CAgBvC,CAAC"}
+{"version":3,"file":"ListCrudDocsContentEmpresas.d.ts","sourceRoot":"","sources":["../../../src/docs/ListCrudDocs.tsx/ListCrudDocsContentEmpresas.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B,+CAsCvC,CAAC"}

package/dist/docs/ListCrudDocs.tsx/ListCrudDocsContentEmpresas.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Card, Collection } from "../../components";
-import { useListCrud } from "../../contexts";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Collection, Filter, LinkButton, Loader } from "../../components";
+import { useCrud } from "../../contexts";
 export const ListCrudDocsContentEmpresas = () => {
-    const { list } = useListCrud();
-    return (_jsx(Card, { className: "bg-gray-50", title: "Empresas", children: _jsx(Collection, { direction: "row", wrap: true, children: list?.map((empresa) => (_jsx(Card, { className: "bg-white w-[100%] md:w-[45%] lg:w-[30%] xl:w-[18%]", title: empresa.nombre }, empresa.id))) }) }));
+    const { list, pagination, fetchItems } = useCrud();
+    return (_jsxs(Card, { className: "bg-gray-50", title: "Empresas", children: [_jsxs("div", { className: "flex justify-between items-center my-2", children: [_jsx(Collection, { direction: "row", wrap: true, children: _jsx(Filter, { paramName: "filtroEmpresa", label: "Buscar", filterType: "search" }) }), _jsx(Collection, { direction: "row", wrap: true, children: pagination })] }), _jsx(Loader, { isLoading: fetchItems.isLoading, children: _jsx(Collection, { direction: "row", wrap: true, children: list?.map((empresa) => (_jsx(Card, { className: "bg-white w-[100%] md:w-[45%] lg:w-[30%] xl:w-[18%]", title: empresa.nombre, headerActions: _jsx(LinkButton, { to: `/docs/listcrud/empresa/${empresa.id}`, icon: "fa-search", variant: "ghost", size: "sm" }) }, empresa.id))) }) })] }));
 };

package/dist/docs/ListCrudDocs.tsx/ListCrudDocsContentEmpresasPersonasEditDialog.d.ts

@@ -0,0 +1,10 @@
+import { type PersonaEmpresaConPersona } from "../docMockServices";
+interface ListCrudDocsContentEmpresasPersonasEditDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    personaEmpresa: PersonaEmpresaConPersona | undefined;
+    personasEnEmpresa: PersonaEmpresaConPersona[];
+}
+export declare const ListCrudDocsContentEmpresasPersonasEditDialog: ({ isOpen, onClose, personaEmpresa, personasEnEmpresa, }: ListCrudDocsContentEmpresasPersonasEditDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ListCrudDocsContentEmpresasPersonasEditDialog.d.ts.map

package/dist/docs/ListCrudDocs.tsx/ListCrudDocsContentEmpresasPersonasEditDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCrudDocsContentEmpresasPersonasEditDialog.d.ts","sourceRoot":"","sources":["../../../src/docs/ListCrudDocs.tsx/ListCrudDocsContentEmpresasPersonasEditDialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAIL,KAAK,wBAAwB,EAC9B,MAAM,oBAAoB,CAAC;AAK5B,UAAU,kDAAkD;IAC1D,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACrD,iBAAiB,EAAE,wBAAwB,EAAE,CAAC;CAC/C;AAED,eAAO,MAAM,6CAA6C,GAAI,yDAK3D,kDAAkD,4CAyEpD,CAAC"}

package/dist/docs/ListCrudDocs.tsx/ListCrudDocsContentEmpresasPersonasEditDialog.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FormProvider, useForm } from "react-hook-form";
+import { AutocompleteInput, Button, Collection, Dialog, Input, Loader, } from "../../components";
+import { personaService, } from "../docMockServices";
+import { useEffect, useState } from "react";
+import { useCrud } from "../../contexts";
+import { useAsyncRequest } from "../../hooks";
+export const ListCrudDocsContentEmpresasPersonasEditDialog = ({ isOpen, onClose, personaEmpresa, personasEnEmpresa, }) => {
+    const { listar } = personaService;
+    const { updateItem, createItem, extraData, fetchItems } = useCrud();
+    const [personas, setPersonas] = useState([]);
+    const listarPersonas = useAsyncRequest();
+    useEffect(() => {
+        listarPersonas.execute(listar).then((personas) => {
+            setPersonas((personas || []).filter((persona) => !personasEnEmpresa.some((personaEnEmpresa) => personaEnEmpresa.idPersona === persona.id)));
+        });
+    }, [listar, personasEnEmpresa]);
+    const methods = useForm({
+        defaultValues: personaEmpresa,
+    });
+    const onSubmit = async (personaEmpresa) => {
+        if (personaEmpresa.idEmpresa) {
+            await updateItem.execute(personaEmpresa);
+        }
+        else {
+            if (!extraData?.idEmpresa) {
+                throw new Error("No se encontro el id de la empresa");
+            }
+            await createItem.execute({ ...personaEmpresa, idEmpresa: extraData.idEmpresa });
+        }
+        onClose();
+        await fetchItems.execute();
+    };
+    return (_jsx(FormProvider, { ...methods, children: _jsx(Dialog, { isOpen: isOpen, onClose: onClose, title: "Editar Persona Empresa", footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Cancelar" }), _jsx(Button, { onClick: methods.handleSubmit(onSubmit), children: "Guardar" })] }), children: _jsx("form", { onSubmit: methods.handleSubmit(onSubmit), children: _jsxs(Collection, { children: [_jsx(AutocompleteInput, { label: "Persona", options: personas, getOptionLabel: (option) => option.nombre, getOptionValue: (option) => option.id.toString(), ...methods.register("idPersona", {
+                                required: "Campo obligatorio",
+                            }), error: methods.formState.errors.idPersona?.message, disabled: listarPersonas.isLoading || updateItem.isLoading || createItem.isLoading }), _jsx(Input, { label: "Cargo", ...methods.register("cargo", {
+                                required: "Campo obligatorio",
+                            }), error: methods.formState.errors.cargo?.message, disabled: listarPersonas.isLoading || updateItem.isLoading || createItem.isLoading }), _jsx(Loader, { isLoading: listarPersonas.isLoading || updateItem.isLoading || createItem.isLoading })] }) }) }) }));
+};

package/dist/docs/ListCrudDocs.tsx/ListCrudDocsContentPersonas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListCrudDocsContentPersonas.d.ts","sourceRoot":"","sources":["../../../src/docs/ListCrudDocs.tsx/ListCrudDocsContentPersonas.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,2BAA2B,+CAqJvC,CAAC"}
+{"version":3,"file":"ListCrudDocsContentPersonas.d.ts","sourceRoot":"","sources":["../../../src/docs/ListCrudDocs.tsx/ListCrudDocsContentPersonas.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,2BAA2B,+CAkJvC,CAAC"}

package/dist/docs/ListCrudDocs.tsx/ListCrudDocsContentPersonas.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useListCrud } from "../../contexts";
+import { useCrud } from "../../contexts";
 import { Button, Card, Collection, DataTable, Dialog, Filter, Loader, } from "../../components";
 import { useEffect } from "react";
 import { useState } from "react";
 import { empresaService } from "../docMockServices";
 import { ListCrudDocsEditDialog } from "./ListCrudDocsEditDialog";
 export const ListCrudDocsContentPersonas = () => {
-    const { list, pagination, isLoading, fetchItems, deleteItem } = useListCrud();
+    const { list, pagination, isLoading, fetchItems, deleteItem } = useCrud();
     const { listar } = empresaService;
     const [empresas, setEmpresas] = useState([]);
     const [isOpenDeleteDialog, setIsOpenDeleteDialog] = useState(false);
@@ -53,5 +53,5 @@ export const ListCrudDocsContentPersonas = () => {
                                     _jsx(Button, { size: "sm", variant: "ghost", icon: "fa-trash", onClick: () => onDeletePersona(row), children: "Eliminar" }, "delete"),
                                 ],
                             },
-                        ], rows: list || [], maxRows: 10, isLoading: isLoading, loadingRows: 10 })] }), isOpenDeleteDialog && (_jsx(Dialog, { isOpen: isOpenDeleteDialog, title: "Eliminar Persona", onClose: () => setIsOpenDeleteDialog(false), dialogBody: _jsxs(_Fragment, { children: [_jsx("p", { children: "\u00BFEst\u00E1s seguro de querer eliminar esta persona?" }), _jsx(Loader, { isLoading: deleteItem.isLoading })] }), dialogActions: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: () => setIsOpenDeleteDialog(false), disabled: deleteItem.isLoading, children: "Cancelar" }), _jsx(Button, { onClick: onDeletePersonaSubmit, disabled: deleteItem.isLoading, children: "Eliminar" })] }) })), isOpenEditDialog && (_jsx(ListCrudDocsEditDialog, { isOpen: isOpenEditDialog, onClose: () => setIsOpenEditDialog(false), persona: selectedPersona }))] }));
+                        ], rows: list || [], maxRows: 10, isLoading: isLoading, loadingRows: 10 })] }), isOpenDeleteDialog && (_jsxs(Dialog, { isOpen: isOpenDeleteDialog, title: "Eliminar Persona", onClose: () => setIsOpenDeleteDialog(false), footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: () => setIsOpenDeleteDialog(false), disabled: deleteItem.isLoading, children: "Cancelar" }), _jsx(Button, { onClick: onDeletePersonaSubmit, disabled: deleteItem.isLoading, children: "Eliminar" })] }), children: [_jsx("p", { children: "\u00BFEst\u00E1s seguro de querer eliminar esta persona?" }), _jsx(Loader, { isLoading: deleteItem.isLoading })] })), isOpenEditDialog && (_jsx(ListCrudDocsEditDialog, { isOpen: isOpenEditDialog, onClose: () => setIsOpenEditDialog(false), persona: selectedPersona }))] }));
 };

package/dist/docs/ListCrudDocs.tsx/ListCrudDocsEditDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListCrudDocsEditDialog.d.ts","sourceRoot":"","sources":["../../../src/docs/ListCrudDocs.tsx/ListCrudDocsEditDialog.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,OAAO,EAAsB,MAAM,oBAAoB,CAAC;AAGtE,UAAU,2BAA2B;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,sBAAsB,GAAI,+BAIpC,2BAA2B,4CA4E7B,CAAC"}
+{"version":3,"file":"ListCrudDocsEditDialog.d.ts","sourceRoot":"","sources":["../../../src/docs/ListCrudDocs.tsx/ListCrudDocsEditDialog.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,OAAO,EAAsB,MAAM,oBAAoB,CAAC;AAGtE,UAAU,2BAA2B;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,sBAAsB,GAAI,+BAIpC,2BAA2B,4CA2E7B,CAAC"}

package/dist/docs/ListCrudDocs.tsx/ListCrudDocsEditDialog.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useForm, FormProvider } from "react-hook-form";
 import { Button, Collection, DateInput, Dialog, Input, Loader, } from "../../components";
-import { useListCrud } from "../../contexts";
+import { useCrud } from "../../contexts";
 export const ListCrudDocsEditDialog = ({ isOpen, onClose, persona, }) => {
     const methods = useForm({
         defaultValues: persona,
     });
-    const { createItem, updateItem, fetchItems } = useListCrud();
+    const { createItem, updateItem, fetchItems } = useCrud();
     const { register, handleSubmit, formState: { errors }, } = methods;
     const onSubmit = async (persona) => {
         if (persona.id) {
@@ -19,12 +19,12 @@ export const ListCrudDocsEditDialog = ({ isOpen, onClose, persona, }) => {
         fetchItems.execute();
     };
     const isLoading = createItem.isLoading || updateItem.isLoading;
-    return (_jsx(FormProvider, { ...methods, children: _jsx(Dialog, { isOpen: isOpen, onClose: onClose, title: "Editar Persona", dialogBody: _jsx("form", { onSubmit: handleSubmit(onSubmit), onKeyDown: (e) => {
+    return (_jsx(FormProvider, { ...methods, children: _jsx(Dialog, { isOpen: isOpen, onClose: onClose, title: "Editar Persona", footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Cancelar" }), _jsx(Button, { onClick: handleSubmit(onSubmit), children: "Guardar" })] }), children: _jsx("form", { onSubmit: handleSubmit(onSubmit), onKeyDown: (e) => {
                     if (e.key === "Enter") {
                         e.preventDefault();
                         handleSubmit(onSubmit)();
                     }
                 }, children: _jsxs(Collection, { children: [_jsx(Input, { label: "Nombre", ...register("nombre", { required: "Campo obligatorio" }), error: errors.nombre?.message }), _jsx(Input, { label: "Email", ...register("email", { required: "Campo obligatorio" }), error: errors.email?.message }), _jsx(DateInput, { label: "Fecha de Nacimiento", placeholder: "dd/mm/yyyy", icon: "fa-calendar-alt", ...register("fechaNacimiento", {
                                 required: "Campo obligatorio",
-                            }), error: errors.fechaNacimiento?.message }), _jsx(Loader, { isLoading: isLoading })] }) }), dialogActions: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Cancelar" }), _jsx(Button, { onClick: handleSubmit(onSubmit), children: "Guardar" })] }) }) }));
+                            }), error: errors.fechaNacimiento?.message }), _jsx(Loader, { isLoading: isLoading })] }) }) }) }));
 };

package/dist/docs/MenuDocs.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const MenuDocs: React.FC;
+export default MenuDocs;
+//# sourceMappingURL=MenuDocs.d.ts.map

package/dist/docs/MenuDocs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDocs.d.ts","sourceRoot":"","sources":["../../src/docs/MenuDocs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqBxC,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EA2KrB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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/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;IAe7D;;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
@@ -102,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

@@ -32,7 +32,7 @@ export declare const personaService: {
      */
     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;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;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
@@ -169,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));
     },
 };