flysoft-react-ui 0.1.16 → 0.2.1

package/dist/main.js

@@ -3,4 +3,4 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
 import App from "./App";
-createRoot(document.getElementById("root")).render(_jsx(StrictMode, { children: _jsx(BrowserRouter, { children: _jsx(App, {}) }) }));
+createRoot(document.getElementById("root")).render(_jsx(StrictMode, { children: _jsx(BrowserRouter, { future: { v7_startTransition: true, v7_relativeSplatPath: true }, children: _jsx(App, {}) }) }));

package/dist/services/apiClient.d.ts

@@ -0,0 +1,89 @@
+import { type AxiosResponse } from "axios";
+export interface ApiClientConfig {
+    baseURL?: string;
+    timeout?: number;
+    headers?: Record<string, string>;
+}
+type TokenProvider = () => string | undefined;
+interface FileResponse {
+    data: Blob;
+    headers: AxiosResponse["headers"];
+}
+interface UploadFileOptions {
+    paramName?: string;
+    [key: string]: unknown;
+}
+declare class ApiClientService {
+    private instance;
+    private tokenProvider?;
+    constructor(config?: ApiClientConfig);
+    private setupInterceptors;
+    /**
+     * Establece el proveedor de token que se usará en todas las peticiones
+     * @param provider Función que retorna el token de autorización
+     */
+    setTokenProvider(provider: TokenProvider | undefined): void;
+    /**
+     * Limpia el proveedor de token
+     */
+    clearTokenProvider(): void;
+    /**
+     * Actualiza la configuración por defecto del cliente
+     */
+    updateDefaults(config: ApiClientConfig): void;
+    private axiosRequest;
+    /**
+     * Realiza una petición GET
+     */
+    get<T = unknown>(url: string, headers?: Record<string, string>): Promise<T>;
+    /**
+     * Realiza una petición POST
+     */
+    post<T = unknown>(url: string, body?: unknown, headers?: Record<string, string>): Promise<T>;
+    /**
+     * Realiza una petición PUT
+     */
+    put<T = unknown>(url: string, body?: unknown, headers?: Record<string, string>): Promise<T>;
+    /**
+     * Realiza una petición DELETE
+     */
+    del<T = unknown>(url: string, headers?: Record<string, string>): Promise<T>;
+    /**
+     * Obtiene un archivo como Blob
+     */
+    getFile(url: string, headers?: Record<string, string>): Promise<FileResponse>;
+    /**
+     * Obtiene un archivo y retorna su URL como objeto
+     */
+    getFileAsUrl(url: string, headers?: Record<string, string>): Promise<string>;
+    /**
+     * Abre un archivo en una nueva ventana
+     */
+    openFile(url: string, headers?: Record<string, string>): Promise<void>;
+    /**
+     * Descarga un archivo
+     */
+    downloadFile(url: string, headers?: Record<string, string>): Promise<void>;
+    /**
+     * Sube uno o más archivos usando FormData
+     */
+    uploadFile<T = unknown>(url: string, files: FileList | File[], headers?: UploadFileOptions): Promise<T>;
+}
+/**
+ * Cliente de API compartido con todas las funciones de HTTP
+ */
+export declare const apiClient: ApiClientService;
+/**
+ * Crea una nueva instancia del cliente de API
+ */
+export declare const createApiClient: (config?: ApiClientConfig) => ApiClientService;
+/**
+ * Establece el proveedor de token global para el cliente compartido
+ */
+export declare const setApiClientTokenProvider: (provider: TokenProvider | undefined) => void;
+/**
+ * Limpia el proveedor de token global
+ */
+export declare const clearApiClientTokenProvider: () => void;
+export {};
+//# sourceMappingURL=apiClient.d.ts.map

package/dist/services/apiClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiClient.d.ts","sourceRoot":"","sources":["../../src/services/apiClient.ts"],"names":[],"mappings":"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"}

package/dist/services/apiClient.js

@@ -0,0 +1,207 @@
+import axios, {} from "axios";
+class ApiClientService {
+    instance;
+    tokenProvider;
+    constructor(config) {
+        this.instance = axios.create({
+            baseURL: config?.baseURL ?? "",
+            timeout: config?.timeout ?? 15000,
+            headers: {
+                "Content-Type": "application/json",
+                ...config?.headers,
+            },
+        });
+        this.setupInterceptors();
+    }
+    setupInterceptors() {
+        // Request interceptor para inyectar el token automáticamente
+        this.instance.interceptors.request.use((config) => {
+            const token = this.tokenProvider?.();
+            if (token && config.headers) {
+                // Manejo compatible con diferentes versiones de axios
+                if ("set" in config.headers && typeof config.headers.set === "function") {
+                    config.headers.set("Authorization", `Bearer ${token}`);
+                }
+                else {
+                    const headers = config.headers;
+                    headers.Authorization = `Bearer ${token}`;
+                }
+            }
+            return config;
+        }, (error) => {
+            return Promise.reject(error);
+        });
+        // Response interceptor para manejo de errores (opcional, puede extenderse)
+        this.instance.interceptors.response.use((response) => response, (error) => {
+            return Promise.reject(error);
+        });
+    }
+    /**
+     * Establece el proveedor de token que se usará en todas las peticiones
+     * @param provider Función que retorna el token de autorización
+     */
+    setTokenProvider(provider) {
+        this.tokenProvider = provider;
+    }
+    /**
+     * Limpia el proveedor de token
+     */
+    clearTokenProvider() {
+        this.tokenProvider = undefined;
+    }
+    /**
+     * Actualiza la configuración por defecto del cliente
+     */
+    updateDefaults(config) {
+        if (config.baseURL) {
+            this.instance.defaults.baseURL = config.baseURL;
+        }
+        if (config.timeout) {
+            this.instance.defaults.timeout = config.timeout;
+        }
+        if (config.headers) {
+            // Actualizar headers comunes de forma segura
+            Object.assign(this.instance.defaults.headers.common || {}, config.headers);
+        }
+    }
+    async axiosRequest({ method, url, headers, body, }) {
+        return await this.instance({
+            method,
+            headers,
+            url,
+            data: body,
+        });
+    }
+    /**
+     * Realiza una petición GET
+     */
+    async get(url, headers) {
+        const response = await this.axiosRequest({
+            method: "GET",
+            url,
+            headers,
+        });
+        return response.data;
+    }
+    /**
+     * Realiza una petición POST
+     */
+    async post(url, body, headers) {
+        const response = await this.axiosRequest({
+            method: "POST",
+            url,
+            headers,
+            body,
+        });
+        return response.data;
+    }
+    /**
+     * Realiza una petición PUT
+     */
+    async put(url, body, headers) {
+        const response = await this.axiosRequest({
+            method: "PUT",
+            url,
+            headers,
+            body,
+        });
+        return response.data;
+    }
+    /**
+     * Realiza una petición DELETE
+     */
+    async del(url, headers) {
+        const response = await this.axiosRequest({
+            method: "DELETE",
+            url,
+            headers,
+        });
+        return response.data;
+    }
+    /**
+     * Obtiene un archivo como Blob
+     */
+    async getFile(url, headers = {}) {
+        const response = await this.instance.get(url, {
+            responseType: "blob",
+            headers,
+        });
+        return {
+            data: response.data,
+            headers: response.headers,
+        };
+    }
+    /**
+     * Obtiene un archivo y retorna su URL como objeto
+     */
+    async getFileAsUrl(url, headers = {}) {
+        const { data } = await this.getFile(url, headers);
+        const blob = new Blob([data], { type: data.type });
+        return URL.createObjectURL(blob);
+    }
+    /**
+     * Abre un archivo en una nueva ventana
+     */
+    async openFile(url, headers) {
+        const { data } = await this.getFile(url, headers);
+        const urlData = URL.createObjectURL(data);
+        window.open(urlData);
+    }
+    /**
+     * Descarga un archivo
+     */
+    async downloadFile(url, headers) {
+        const { data, headers: dataHeaders } = await this.getFile(url, headers);
+        const contentDisposition = dataHeaders["content-disposition"] || dataHeaders["Content-Disposition"];
+        const fileName = contentDisposition
+            ?.split("filename=")[1]
+            ?.split(";")[0]
+            .replaceAll('"', "");
+        const blob = new Blob([data], { type: data.type });
+        const link = document.createElement("a");
+        link.href = window.URL.createObjectURL(blob);
+        link.setAttribute("download", fileName || "");
+        document.body.appendChild(link);
+        link.click();
+        link.parentNode?.removeChild(link);
+    }
+    /**
+     * Sube uno o más archivos usando FormData
+     */
+    async uploadFile(url, files, headers) {
+        const formData = new FormData();
+        const { paramName = "file", ...newHeaders } = headers || {};
+        const fileArray = Array.from(files);
+        for (const file of fileArray) {
+            formData.append(paramName, file, file.name);
+        }
+        const response = await this.instance.post(url, formData, {
+            headers: newHeaders,
+        });
+        return response.data;
+    }
+}
+// Instancia compartida del cliente
+const sharedClient = new ApiClientService();
+/**
+ * Cliente de API compartido con todas las funciones de HTTP
+ */
+export const apiClient = sharedClient;
+/**
+ * Crea una nueva instancia del cliente de API
+ */
+export const createApiClient = (config) => {
+    return new ApiClientService(config);
+};
+/**
+ * Establece el proveedor de token global para el cliente compartido
+ */
+export const setApiClientTokenProvider = (provider) => {
+    sharedClient.setTokenProvider(provider);
+};
+/**
+ * Limpia el proveedor de token global
+ */
+export const clearApiClientTokenProvider = () => {
+    sharedClient.clearTokenProvider();
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "flysoft-react-ui",
   "private": false,
-  "version": "0.1.16",
+  "version": "0.2.1",
   "type": "module",
   "description": "A modern React UI component library with Tailwind CSS, TypeScript, and FontAwesome 5. Includes forms, layouts, themes, and templates for rapid development.",
   "keywords": [
@@ -64,6 +64,7 @@
   },
   "dependencies": {
     "@tailwindcss/vite": "^4.1.12",
+    "axios": "^1.13.2",
     "tailwindcss": "^4.1.12"
   },
   "devDependencies": {
@@ -77,9 +78,9 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.3.0",
-    "react-router-dom": "^6.30.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
+    "react-router-dom": "^6.30.1",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.39.1",
     "vite": "^7.1.2",