flysoft-react-ui 0.5.0 → 0.5.3

package/dist/docs/docMockServices/personaService.js

@@ -0,0 +1,181 @@
+import dayjs from "dayjs";
+import { personaEmpresaService } from "./personaEmpresaService";
+import { empresaService } from "./empresaService";
+const STORAGE_KEY = "docMockServices_personas";
+/**
+ * Simula un delay de red para hacer más realista el mock
+ */
+const simulateNetworkDelay = (ms = 500) => {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+};
+/**
+ * Obtiene todas las personas del almacenamiento (función helper interna)
+ * Convierte las fechas de string ISO a dayjs
+ */
+const _obtenerTodas = () => {
+    const data = localStorage.getItem(STORAGE_KEY);
+    if (!data)
+        return [];
+    const personas = JSON.parse(data);
+    // Convertir fechaNacimiento de string ISO a dayjs
+    return personas.map((persona) => ({
+        ...persona,
+        fechaNacimiento: dayjs(persona.fechaNacimiento),
+    }));
+};
+/**
+ * Enriquece una persona con sus empresas relacionadas
+ * Optimizado para obtener todas las empresas de una vez
+ */
+const _enriquecerConEmpresas = async (persona, todasLasEmpresas) => {
+    const relaciones = await personaEmpresaService.buscarPorPersona(persona.id);
+    const empresasIds = relaciones.map((rel) => rel.idEmpresa);
+    let empresas = [];
+    if (todasLasEmpresas) {
+        // Si ya tenemos todas las empresas, filtrar por IDs
+        empresas = todasLasEmpresas.filter((emp) => empresasIds.includes(emp.id));
+    }
+    else {
+        // Si no, obtener cada empresa individualmente
+        for (const idEmpresa of empresasIds) {
+            const empresa = await empresaService.buscarPorId(idEmpresa);
+            if (empresa) {
+                empresas.push(empresa);
+            }
+        }
+    }
+    return {
+        ...persona,
+        empresas,
+    };
+};
+/**
+ * Servicio mock para gestionar Personas en localStorage
+ */
+export const personaService = {
+    /**
+     * Obtiene personas opcionalmente filtradas por nombre, con sus empresas relacionadas
+     */
+    async listar(params) {
+        await simulateNetworkDelay();
+        const todas = _obtenerTodas();
+        let personasFiltradas = todas;
+        if (params?.filtro) {
+            const filtroLower = params.filtro.toLowerCase();
+            personasFiltradas = todas.filter((per) => per.nombre.toLowerCase().includes(filtroLower));
+        }
+        // Obtener todas las empresas de una vez para optimizar
+        const todasLasEmpresas = await empresaService.listar();
+        // Enriquecer cada persona con sus empresas
+        const personasConEmpresas = await Promise.all(personasFiltradas.map((p) => _enriquecerConEmpresas(p, todasLasEmpresas)));
+        return personasConEmpresas;
+    },
+    /**
+     * Obtiene personas paginadas opcionalmente filtradas por nombre y/o idEmpresa, con sus empresas relacionadas
+     */
+    async listarPaginados(params) {
+        await simulateNetworkDelay();
+        const pagina = params?.pagina ?? 1;
+        const limit = params?.limit ?? 20;
+        const todas = _obtenerTodas();
+        let todasFiltradas = todas;
+        // Filtro por nombre
+        if (params?.filtro) {
+            const filtroLower = params.filtro.toLowerCase();
+            todasFiltradas = todasFiltradas.filter((per) => per.nombre.toLowerCase().includes(filtroLower));
+        }
+        // Filtro por idEmpresa: obtener todas las relaciones de esa empresa
+        // 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 total = todasFiltradas.length;
+        // Obtener todas las empresas de una vez para optimizar
+        const todasLasEmpresas = await empresaService.listar();
+        // Enriquecer cada persona con sus empresas antes de paginar
+        const personasConEmpresas = await Promise.all(todasFiltradas.map((p) => _enriquecerConEmpresas(p, todasLasEmpresas)));
+        const limitNumber = parseInt(limit.toString(), 10);
+        const paginaNumber = parseInt(pagina.toString(), 10);
+        const totalNumber = parseInt(total.toString(), 10);
+        // Si limit es 0, devolver todos los elementos sin paginar
+        if (limitNumber === 0) {
+            return {
+                list: personasConEmpresas,
+                limit: 0,
+                page: 1,
+                pages: 1,
+                total,
+            };
+        }
+        const pages = Math.ceil(totalNumber / limitNumber);
+        const inicio = (paginaNumber - 1) * limitNumber;
+        const fin = inicio + limitNumber;
+        const list = personasConEmpresas.slice(inicio, fin);
+        return {
+            list,
+            limit: limitNumber,
+            page: paginaNumber,
+            pages,
+            total,
+        };
+    },
+    /**
+     * Busca una persona por ID
+     */
+    async buscarPorId(id) {
+        await simulateNetworkDelay();
+        const personas = _obtenerTodas();
+        return personas.find((per) => per.id === id);
+    },
+    /**
+     * Agrega una nueva persona
+     */
+    async agregar(persona) {
+        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 = {
+            ...persona,
+            id: nuevoId, // El id siempre se asigna después para sobrescribir cualquier id existente
+        };
+        personas.push(nuevaPersona);
+        // Guardar convirtiendo fechaNacimiento a string ISO
+        const personasParaGuardar = personas.map((p) => ({
+            ...p,
+            fechaNacimiento: p.fechaNacimiento.toISOString(),
+        }));
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(personasParaGuardar));
+        return nuevaPersona;
+    },
+    /**
+     * Edita una persona existente
+     */
+    async editar(id, datos) {
+        await simulateNetworkDelay();
+        const personas = _obtenerTodas();
+        const index = personas.findIndex((per) => per.id === id);
+        if (index === -1)
+            return undefined;
+        personas[index] = { ...personas[index], ...datos };
+        // Guardar convirtiendo fechaNacimiento a string ISO
+        const personasParaGuardar = personas.map((p) => ({
+            ...p,
+            fechaNacimiento: p.fechaNacimiento.toISOString(),
+        }));
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(personasParaGuardar));
+        return personas[index];
+    },
+    /**
+     * Elimina una persona por ID
+     */
+    async eliminar(persona) {
+        await simulateNetworkDelay();
+        const personas = _obtenerTodas();
+        const index = personas.findIndex((per) => per.id === persona.id);
+        personas.splice(index, 1);
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(personas));
+    },
+};

package/dist/hooks/index.d.ts

@@ -2,5 +2,7 @@ export { useThemeOverride, useTemporaryOverride } from "./useThemeOverride";
 export { useGlobalThemeStyles } from "./useGlobalThemeStyles";
 export { useBreakpoint } from "./useBreakpoint";
 export { useElementScroll } from "./useElementScroll";
+export { useAsyncRequest } from "./useAsyncRequest";
 export type { Breakpoint, WindowSize, BreakpointInfo } from "./useBreakpoint";
+export type { AsyncRequestOptions, UseAsyncRequestReturn } from "./useAsyncRequest";
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC9E,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/hooks/index.js

@@ -2,3 +2,4 @@ export { useThemeOverride, useTemporaryOverride } from "./useThemeOverride";
 export { useGlobalThemeStyles } from "./useGlobalThemeStyles";
 export { useBreakpoint } from "./useBreakpoint";
 export { useElementScroll } from "./useElementScroll";
+export { useAsyncRequest } from "./useAsyncRequest";

package/dist/hooks/useAsyncRequest.d.ts

@@ -0,0 +1,17 @@
+import type { SnackbarVariant } from "../contexts/SnackbarContext";
+export interface AsyncRequestOptions {
+    successMessage?: string;
+    errorMessage?: string;
+    successVariant?: SnackbarVariant;
+    errorVariant?: SnackbarVariant;
+    onSuccess?: (data: any) => void;
+    onError?: (error: any) => void;
+    onFinally?: () => void;
+}
+export interface UseAsyncRequestReturn {
+    isLoading: boolean;
+    execute: <T>(requestFn: () => Promise<T>) => Promise<T | undefined>;
+    setLoading: (loading: boolean) => void;
+}
+export declare function useAsyncRequest(options?: AsyncRequestOptions): UseAsyncRequestReturn;
+//# sourceMappingURL=useAsyncRequest.d.ts.map

package/dist/hooks/useAsyncRequest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncRequest.d.ts","sourceRoot":"","sources":["../../src/hooks/useAsyncRequest.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IACpE,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,eAAe,CAC7B,OAAO,GAAE,mBAAwB,GAChC,qBAAqB,CAqFvB"}

package/dist/hooks/useAsyncRequest.js

@@ -0,0 +1,70 @@
+import { useState, useCallback } from "react";
+import { useSnackbar } from "../contexts/SnackbarContext";
+export function useAsyncRequest(options = {}) {
+    const [isLoading, setIsLoading] = useState(false);
+    const { showSnackbar } = useSnackbar();
+    const { successMessage, errorMessage, successVariant = "success", errorVariant = "danger", onSuccess, onError, onFinally, } = options;
+    const execute = useCallback(async (requestFn) => {
+        setIsLoading(true);
+        try {
+            const result = await requestFn();
+            // Mostrar snackbar de éxito solo si existe successMessage
+            if (successMessage) {
+                console.log("TIENE SUCCESS MESSAGE", successMessage);
+                showSnackbar(successMessage, successVariant);
+            }
+            onSuccess?.(result);
+            return result;
+        }
+        catch (error) {
+            console.error("Error en async request:", error);
+            // Determinar el mensaje de error:
+            // 1. Si existe errorMessage en las opciones, usarlo
+            // 2. Si no, intentar usar error.message
+            // 3. Si tampoco existe, usar un mensaje genérico
+            let finalErrorMessage;
+            if (errorMessage) {
+                finalErrorMessage = errorMessage;
+            }
+            else if (error instanceof Error && error.message) {
+                finalErrorMessage = error.message;
+            }
+            else if (error &&
+                typeof error === "object" &&
+                "message" in error &&
+                typeof error.message === "string") {
+                finalErrorMessage = error.message;
+            }
+            else {
+                finalErrorMessage = "Ha ocurrido un error";
+            }
+            // Mostrar snackbar de error solo si existe un mensaje de error
+            if (finalErrorMessage) {
+                showSnackbar(finalErrorMessage, errorVariant);
+            }
+            onError?.(error);
+            return undefined;
+        }
+        finally {
+            setIsLoading(false);
+            onFinally?.();
+        }
+    }, [
+        showSnackbar,
+        successMessage,
+        errorMessage,
+        successVariant,
+        errorVariant,
+        onSuccess,
+        onError,
+        onFinally,
+    ]);
+    const setLoading = useCallback((loading) => {
+        setIsLoading(loading);
+    }, []);
+    return {
+        isLoading,
+        execute,
+        setLoading,
+    };
+}