flysoft-react-ui 0.5.2 → 1.0.0

package/dist/components/utils/RoadMap.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
+import { normalizeIconClass } from "./iconUtils";
 /**
  * Helper function to convert color names to CSS values
  */
@@ -127,7 +128,7 @@ export const RoadMap = ({ stages, className = "", }) => {
                 `, style: {
                                     backgroundColor: bgColor,
                                     color: "#ffffff",
-                                }, children: stage.icon ? (_jsx("i", { className: `fa ${stage.icon} text-xs` })) : null }), !isLast && (_jsx("div", { className: "w-0.5 h-4 flex-shrink-0", style: {
+                                }, children: stage.icon ? (_jsx("i", { className: `${normalizeIconClass(stage.icon)} text-xs` })) : null }), !isLast && (_jsx("div", { className: "w-0.5 h-4 flex-shrink-0", style: {
                                     background: connectorGradient || undefined,
                                 } }))] }), _jsxs("div", { className: `
                 flex-1

package/dist/components/utils/Snackbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqM5C,CAAC"}
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGtE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqM5C,CAAC"}

package/dist/components/utils/Snackbar.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState, useRef, useCallback } from "react";
+import { normalizeIconClass } from "./iconUtils";
 export const Snackbar = ({ id, message, variant, duration = 3000, icon, iconLabel, onClose, }) => {
     const [progress, setProgress] = useState(100);
     const [isClosing, setIsClosing] = useState(false);
@@ -117,5 +118,5 @@ export const Snackbar = ({ id, message, variant, duration = 3000, icon, iconLabe
       `, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, role: "alert", "aria-live": "polite", children: _jsxs("div", { className: `${config.bg} ${config.text} p-4 flex items-start gap-3 relative`, children: [duration > 0 && (_jsx("div", { className: "absolute bottom-0 left-0 right-0 h-[3px] overflow-hidden", children: _jsx("div", { className: "h-full transition-all duration-50 ease-linear", style: {
                             width: `${progress}%`,
                             backgroundColor: "#00000050",
-                        } }) })), displayIcon && (_jsx("div", { className: "flex-shrink-0 -mt-0.5", children: _jsx("i", { className: `fa ${displayIcon} text-base`, "aria-hidden": !iconLabel, "aria-label": iconLabel }) })), _jsx("div", { className: "flex-1 min-w-0", children: _jsx("p", { className: "text-sm font-medium break-words max-w-full", children: message }) }), _jsx("button", { onClick: handleClose, className: "flex-shrink-0 ml-2 text-gray-600 hover:text-gray-800 transition-colors cursor-pointer", "aria-label": "Cerrar notificaci\u00F3n", type: "button", children: _jsx("i", { className: "fa fa-times text-sm" }) })] }) }));
+                        } }) })), displayIcon && (_jsx("div", { className: "flex-shrink-0 -mt-0.5", children: _jsx("i", { className: `${normalizeIconClass(displayIcon)} text-base`, "aria-hidden": !iconLabel, "aria-label": iconLabel }) })), _jsx("div", { className: "flex-1 min-w-0", children: _jsx("p", { className: "text-sm font-medium break-words max-w-full", children: message }) }), _jsx("button", { onClick: handleClose, className: "flex-shrink-0 ml-2 text-gray-600 hover:text-gray-800 transition-colors cursor-pointer", "aria-label": "Cerrar notificaci\u00F3n", type: "button", children: _jsx("i", { className: `${normalizeIconClass("fa-times")} text-sm` }) })] }) }));
 };

package/dist/components/utils/iconUtils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Normaliza las clases de iconos de FontAwesome para usar el estilo light (fal) por defecto
+ *
+ * Convierte:
+ * - "fa fa-user" -> "fal fa-user"
+ * - "fas fa-user" -> "fal fa-user"
+ * - "far fa-user" -> "fal fa-user"
+ * - "fal fa-user" -> "fal fa-user" (ya es light, se mantiene)
+ * - "fa-user" -> "fal fa-user"
+ * - "fa-spinner fa-spin" -> "fal fa-spinner fa-spin" (preserva clases adicionales)
+ *
+ * @param iconClass - La clase del icono a normalizar
+ * @returns La clase del icono normalizada con el estilo light (fal)
+ */
+export declare function normalizeIconClass(iconClass: string | undefined): string;
+//# sourceMappingURL=iconUtils.d.ts.map

package/dist/components/utils/iconUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconUtils.d.ts","sourceRoot":"","sources":["../../../src/components/utils/iconUtils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CA6BxE"}

package/dist/components/utils/iconUtils.js

@@ -0,0 +1,40 @@
+/**
+ * Normaliza las clases de iconos de FontAwesome para usar el estilo light (fal) por defecto
+ *
+ * Convierte:
+ * - "fa fa-user" -> "fal fa-user"
+ * - "fas fa-user" -> "fal fa-user"
+ * - "far fa-user" -> "fal fa-user"
+ * - "fal fa-user" -> "fal fa-user" (ya es light, se mantiene)
+ * - "fa-user" -> "fal fa-user"
+ * - "fa-spinner fa-spin" -> "fal fa-spinner fa-spin" (preserva clases adicionales)
+ *
+ * @param iconClass - La clase del icono a normalizar
+ * @returns La clase del icono normalizada con el estilo light (fal)
+ */
+export function normalizeIconClass(iconClass) {
+    if (!iconClass)
+        return "";
+    // Dividir las clases por espacios
+    const classes = iconClass.trim().split(/\s+/);
+    // Buscar y reemplazar el prefijo de estilo
+    const stylePrefixes = ["fas", "far", "fal", "fab"];
+    let hasStylePrefix = false;
+    const normalizedClasses = classes.map((cls) => {
+        // Si es un prefijo de estilo, reemplazarlo por "fal"
+        if (stylePrefixes.includes(cls)) {
+            hasStylePrefix = true;
+            return "fal";
+        }
+        return cls;
+    });
+    // Si no tenía prefijo de estilo y la primera clase empieza con "fa-", agregar "fal" al inicio
+    if (!hasStylePrefix && classes[0]?.startsWith("fa-")) {
+        normalizedClasses.unshift("fal");
+    }
+    // Si no tenía prefijo de estilo y ninguna clase es un prefijo, agregar "fal" al inicio
+    else if (!hasStylePrefix && !classes.some(cls => stylePrefixes.includes(cls))) {
+        normalizedClasses.unshift("fal");
+    }
+    return normalizedClasses.join(" ");
+}

package/dist/components/utils/index.d.ts

@@ -8,8 +8,6 @@ export { Dialog } from "./Dialog";
 export type { DialogProps } from "./Dialog";
 export { Loader } from "./Loader";
 export type { LoaderProps } from "./Loader";
-export { Filter } from "./Filter";
-export type { FilterProps } from "./Filter";
 export { FiltersDialog } from "./FiltersDialog";
 export type { FiltersDialogProps, FilterConfig } from "./FiltersDialog";
 export { Snackbar } from "./Snackbar";

package/dist/components/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/utils/index.js

@@ -3,7 +3,6 @@ export { Avatar } from "./Avatar";
 export { RoadMap } from "./RoadMap";
 export { Dialog } from "./Dialog";
 export { Loader } from "./Loader";
-export { Filter } from "./Filter";
 export { FiltersDialog } from "./FiltersDialog";
 export { Snackbar } from "./Snackbar";
 export { SnackbarContainer } from "./SnackbarContainer";

package/dist/contexts/CrudContext.d.ts

@@ -0,0 +1,62 @@
+import { type ReactNode, type Dispatch, type SetStateAction } from "react";
+import { type PaginationInterface } from "../components/form-controls/Pagination";
+export interface CrudContextType<T> {
+    list: Array<T> | undefined;
+    item: T | undefined;
+    page: number;
+    pages: number;
+    total: number;
+    limit: number;
+    isLoading: boolean;
+    pagination: ReactNode;
+    params: Record<string, any>;
+    extraData?: Record<string, any>;
+    setExtraData: Dispatch<SetStateAction<Record<string, any> | undefined>>;
+    fetchItems: {
+        execute: (params?: Record<string, any>) => Promise<void>;
+        isLoading: boolean;
+    };
+    fetchItem: {
+        execute: (params?: Record<string, any> | string | number) => Promise<T | undefined>;
+        isLoading: boolean;
+    };
+    createItem: {
+        execute: (item: T) => Promise<T | undefined | null>;
+        isLoading: boolean;
+    };
+    updateItem: {
+        execute: (item: T) => Promise<T | undefined | null>;
+        isLoading: boolean;
+    };
+    deleteItem: {
+        execute: (item: T) => Promise<void>;
+        isLoading: boolean;
+    };
+}
+export declare const CrudContext: import("react").Context<CrudContextType<any> | undefined>;
+export interface PromiseWithOptions<TResult, TParams extends any[] = []> {
+    execute: (...params: TParams) => Promise<TResult>;
+    successMessage?: string;
+    errorMessage?: string;
+}
+interface CrudProviderProps<T> {
+    children: ReactNode;
+    getPromise?: ((params?: Record<string, any>) => Promise<Array<T> | PaginationInterface<T> | undefined>) | PromiseWithOptions<Array<T> | PaginationInterface<T> | undefined, [
+        params?: Record<string, any>
+    ]>;
+    getItemPromise?: ((params?: Record<string, any> | string | number) => Promise<T | undefined>) | PromiseWithOptions<T | undefined, [
+        params?: Record<string, any> | string | number
+    ]>;
+    postPromise?: ((item: T) => Promise<T | undefined | null>) | PromiseWithOptions<T | undefined | null, [item: T]>;
+    putPromise?: ((item: T) => Promise<T | undefined | null>) | PromiseWithOptions<T | undefined | null, [item: T]>;
+    deletePromise?: ((item: T) => Promise<void>) | PromiseWithOptions<void, [item: T]>;
+    urlParams?: Array<string>;
+    limit?: number;
+    pageParam?: string;
+    singleItemId?: string | number;
+    extraData?: Record<string, any>;
+}
+export declare function CrudProvider<T>({ children, getPromise, getItemPromise, postPromise, putPromise, deletePromise, limit, pageParam, urlParams, singleItemId, extraData: extraDataProp, }: CrudProviderProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function useCrud<T>(): CrudContextType<T>;
+export {};
+//# sourceMappingURL=CrudContext.d.ts.map

package/dist/contexts/CrudContext.d.ts.map

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

package/dist/contexts/CrudContext.js

@@ -0,0 +1,333 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useRef, useState, useCallback, } from "react";
+import { useSearchParams } from "react-router-dom";
+import { Pagination, } from "../components/form-controls/Pagination";
+import { useAsyncRequest } from "../hooks/useAsyncRequest";
+const createCrudContext = () => {
+    return createContext(undefined);
+};
+// Crear el contexto con un tipo genérico por defecto
+// Los usuarios pueden crear su propio contexto con su tipo específico
+export const CrudContext = createCrudContext();
+export function CrudProvider({ children, getPromise, getItemPromise, postPromise, putPromise, deletePromise, limit = 15, pageParam = "pagina", urlParams = [], singleItemId, extraData: extraDataProp, }) {
+    const [extraData, setExtraData] = useState(extraDataProp);
+    const [list, setList] = useState(undefined);
+    const [item, setItem] = useState(undefined);
+    const [page, setPage] = useState(1);
+    const [pages, setPages] = useState(1);
+    const [total, setTotal] = useState(0);
+    const [searchParams, setSearchParams] = useSearchParams();
+    // Extraer funciones execute y opciones de las promises
+    const getPromiseExecute = getPromise
+        ? typeof getPromise === "function"
+            ? getPromise
+            : getPromise.execute
+        : undefined;
+    const getPromiseSuccessMessage = getPromise && typeof getPromise === "object"
+        ? getPromise.successMessage
+        : undefined;
+    const getPromiseErrorMessage = getPromise && typeof getPromise === "object"
+        ? getPromise.errorMessage
+        : undefined;
+    const postPromiseExecute = postPromise
+        ? typeof postPromise === "function"
+            ? postPromise
+            : postPromise.execute
+        : undefined;
+    const postPromiseSuccessMessage = postPromise && typeof postPromise === "object"
+        ? postPromise.successMessage
+        : undefined;
+    const postPromiseErrorMessage = postPromise && typeof postPromise === "object"
+        ? postPromise.errorMessage
+        : undefined;
+    const putPromiseExecute = putPromise
+        ? typeof putPromise === "function"
+            ? putPromise
+            : putPromise.execute
+        : undefined;
+    const putPromiseSuccessMessage = putPromise && typeof putPromise === "object"
+        ? putPromise.successMessage
+        : undefined;
+    const putPromiseErrorMessage = putPromise && typeof putPromise === "object"
+        ? putPromise.errorMessage
+        : undefined;
+    const deletePromiseExecute = deletePromise
+        ? typeof deletePromise === "function"
+            ? deletePromise
+            : deletePromise.execute
+        : undefined;
+    const deletePromiseSuccessMessage = deletePromise && typeof deletePromise === "object"
+        ? deletePromise.successMessage
+        : undefined;
+    const deletePromiseErrorMessage = deletePromise && typeof deletePromise === "object"
+        ? deletePromise.errorMessage
+        : undefined;
+    const getItemPromiseExecute = getItemPromise
+        ? typeof getItemPromise === "function"
+            ? getItemPromise
+            : getItemPromise.execute
+        : undefined;
+    const getItemPromiseSuccessMessage = getItemPromise && typeof getItemPromise === "object"
+        ? getItemPromise.successMessage
+        : undefined;
+    const getItemPromiseErrorMessage = getItemPromise && typeof getItemPromise === "object"
+        ? getItemPromise.errorMessage
+        : undefined;
+    const getPromiseRef = useRef(getPromiseExecute);
+    // Hooks para manejar las peticiones asíncronas con mensajes opcionales
+    const fetchDataAsync = useAsyncRequest({
+        successMessage: getPromiseSuccessMessage,
+        errorMessage: getPromiseErrorMessage,
+    });
+    const createItemAsync = useAsyncRequest({
+        successMessage: postPromiseSuccessMessage,
+        errorMessage: postPromiseErrorMessage,
+    });
+    const updateItemAsync = useAsyncRequest({
+        successMessage: putPromiseSuccessMessage,
+        errorMessage: putPromiseErrorMessage,
+    });
+    const deleteItemAsync = useAsyncRequest({
+        successMessage: deletePromiseSuccessMessage,
+        errorMessage: deletePromiseErrorMessage,
+    });
+    const fetchItemAsync = useAsyncRequest({
+        successMessage: getItemPromiseSuccessMessage,
+        errorMessage: getItemPromiseErrorMessage,
+    });
+    // El isLoading del contexto usa el hook de fetchData
+    const isLoading = fetchDataAsync.isLoading;
+    // Actualizar la referencia cuando cambie getPromise
+    useEffect(() => {
+        getPromiseRef.current = getPromiseExecute;
+    }, [getPromiseExecute]);
+    // Función para obtener los parámetros de la URL
+    const getUrlParams = useCallback(() => {
+        const params = { limit };
+        // Agregar pageParam si existe en la URL
+        const pageValue = searchParams.get(pageParam);
+        if (pageValue) {
+            const parsedPage = parseInt(pageValue, 10);
+            if (!isNaN(parsedPage)) {
+                params[pageParam] = parsedPage;
+            }
+        }
+        // Agregar urlParams si existen en la URL
+        urlParams.forEach((paramName) => {
+            const paramValue = searchParams.get(paramName);
+            if (paramValue !== null) {
+                params[paramName] = paramValue;
+            }
+        });
+        return params;
+    }, [searchParams, pageParam, urlParams, limit]);
+    // Función para obtener los datos
+    const fetchData = useCallback(async (params) => {
+        if (!getPromiseExecute) {
+            return;
+        }
+        // Obtener los parámetros que se van a usar
+        const requestParams = params || getUrlParams();
+        const result = await fetchDataAsync.execute(async () => {
+            return await getPromiseRef.current(requestParams);
+        });
+        // Solo procesar el resultado si no es undefined (undefined significa error)
+        if (result !== undefined) {
+            if (result && typeof result === "object" && "list" in result) {
+                // Es un PaginationInterface
+                const { list, page, pages, total } = result;
+                setList(list);
+                setPage(page);
+                setPages(pages);
+                setTotal(total);
+            }
+            else if (Array.isArray(result)) {
+                // Es un array simple
+                setList(result);
+                setPage(1);
+                setTotal(result.length);
+                setPages(Math.ceil(result.length / limit));
+            }
+            else {
+                // Resultado null
+                setList(undefined);
+                setPage(1);
+                setPages(1);
+                setTotal(0);
+            }
+        }
+    }, [getUrlParams, limit, fetchDataAsync, getPromiseExecute]);
+    // Ref para almacenar los valores anteriores de urlParams
+    const prevUrlParamsValuesRef = useRef({});
+    // Memoizar los valores actuales de los urlParams
+    const urlParamsValues = useMemo(() => {
+        const values = {};
+        urlParams.forEach((paramName) => {
+            values[paramName] = searchParams.get(paramName);
+        });
+        return values;
+    }, [searchParams, urlParams]);
+    // Memoizar los parámetros de URL para evitar re-renders innecesarios
+    const urlParamsKey = useMemo(() => urlParams.join(","), [urlParams]);
+    // Memoizar solo los parámetros relevantes de la URL (urlParams + pageParam)
+    // para que el useEffect solo se ejecute cuando cambien estos parámetros
+    const relevantParamsKey = useMemo(() => {
+        const relevantParams = {};
+        // Agregar pageParam si existe
+        const pageValue = searchParams.get(pageParam);
+        if (pageValue) {
+            relevantParams[pageParam] = pageValue;
+        }
+        // Agregar urlParams si existen
+        urlParams.forEach((paramName) => {
+            const paramValue = searchParams.get(paramName);
+            if (paramValue !== null) {
+                relevantParams[paramName] = paramValue;
+            }
+        });
+        return JSON.stringify(relevantParams);
+    }, [searchParams, pageParam, urlParams]);
+    // Memoizar los parámetros actuales para exponerlos
+    const currentParams = useMemo(() => getUrlParams(), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [searchParams, pageParam, urlParamsKey, limit, urlParams]);
+    // Función para recargar los datos
+    const fetchItemsExecute = useCallback(async (params) => {
+        await fetchData(params);
+    }, [fetchData]);
+    // Función para obtener un item individual
+    const fetchItemExecute = useCallback(async (params) => {
+        if (!getItemPromiseExecute) {
+            throw new Error("getItemPromise is not defined. Please provide getItemPromise to CrudProvider.");
+        }
+        // Si no se pasan parámetros, usar singleItemId si está disponible
+        const finalParams = params !== undefined ? params : singleItemId;
+        if (finalParams === undefined) {
+            throw new Error("No parameters provided and singleItemId is not defined. Please provide parameters or set singleItemId in CrudProvider.");
+        }
+        const result = await fetchItemAsync.execute(async () => {
+            return await getItemPromiseExecute(finalParams);
+        });
+        if (result !== undefined) {
+            setItem(result);
+        }
+        return result;
+    }, [getItemPromiseExecute, fetchItemAsync, singleItemId]);
+    // Función para crear un item
+    const createItemExecute = useCallback(async (item) => {
+        if (!postPromiseExecute) {
+            throw new Error("postPromise is not defined. Please provide postPromise to CrudProvider.");
+        }
+        return await createItemAsync.execute(async () => {
+            return await postPromiseExecute(item);
+        });
+    }, [postPromiseExecute, createItemAsync]);
+    // Función para actualizar un item
+    const updateItemExecute = useCallback(async (item) => {
+        if (!putPromiseExecute) {
+            throw new Error("putPromise is not defined. Please provide putPromise to CrudProvider.");
+        }
+        return await updateItemAsync.execute(async () => {
+            return await putPromiseExecute(item);
+        });
+    }, [putPromiseExecute, updateItemAsync]);
+    // Función para eliminar un item
+    const deleteItemExecute = useCallback(async (item) => {
+        if (!deletePromiseExecute) {
+            throw new Error("deletePromise is not defined. Please provide deletePromise to CrudProvider.");
+        }
+        await deleteItemAsync.execute(async () => {
+            await deletePromiseExecute(item);
+        });
+    }, [deletePromiseExecute, deleteItemAsync]);
+    // useEffect para resetear pageParam a 1 cuando cambien los urlParams
+    useEffect(() => {
+        // Verificar si hay algún urlParam definido
+        if (urlParams.length === 0) {
+            prevUrlParamsValuesRef.current = {};
+            return;
+        }
+        // Comparar valores actuales con los anteriores
+        const prevValues = prevUrlParamsValuesRef.current;
+        const hasChanged = urlParams.some((paramName) => prevValues[paramName] !== urlParamsValues[paramName]);
+        // Si los urlParams cambiaron, resetear pageParam a 1
+        if (hasChanged) {
+            const currentPage = searchParams.get(pageParam);
+            if (currentPage && currentPage !== "1") {
+                const newSearchParams = new URLSearchParams(searchParams);
+                newSearchParams.set(pageParam, "1");
+                setSearchParams(newSearchParams, { replace: true });
+                // No hacer fetchData aquí, se hará cuando cambien los searchParams
+                return;
+            }
+        }
+        // Actualizar los valores anteriores
+        prevUrlParamsValuesRef.current = { ...urlParamsValues };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [JSON.stringify(urlParamsValues), pageParam, urlParamsKey]);
+    // useEffect para ejecutar fetchData cuando cambian los parámetros relevantes o getPromise
+    useEffect(() => {
+        if (!getPromiseExecute) {
+            return;
+        }
+        const timeoutId = setTimeout(() => {
+            fetchData();
+        }, 0);
+        return () => clearTimeout(timeoutId);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [relevantParamsKey, getPromiseExecute]);
+    // useEffect para obtener el item individual cuando cambie singleItemId
+    useEffect(() => {
+        if (singleItemId !== undefined && getItemPromiseExecute) {
+            fetchItemExecute(singleItemId);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [singleItemId]);
+    // Sincronizar extraDataProp con el estado local
+    useEffect(() => {
+        setExtraData(extraDataProp);
+    }, [extraDataProp]);
+    const value = {
+        list,
+        item,
+        page,
+        pages,
+        total,
+        limit,
+        isLoading,
+        params: currentParams,
+        fetchItems: {
+            execute: fetchItemsExecute,
+            isLoading: fetchDataAsync.isLoading,
+        },
+        fetchItem: {
+            execute: fetchItemExecute,
+            isLoading: fetchItemAsync.isLoading,
+        },
+        createItem: {
+            execute: createItemExecute,
+            isLoading: createItemAsync.isLoading,
+        },
+        updateItem: {
+            execute: updateItemExecute,
+            isLoading: updateItemAsync.isLoading,
+        },
+        deleteItem: {
+            execute: deleteItemExecute,
+            isLoading: deleteItemAsync.isLoading,
+        },
+        pagination: (_jsx(Pagination, { page: page, pages: pages, total: total, fieldName: pageParam, isLoading: isLoading })),
+        extraData,
+        setExtraData,
+    };
+    return _jsx(CrudContext.Provider, { value: value, children: children });
+}
+// Hook to use Crud context
+// eslint-disable-next-line react-refresh/only-export-components
+export function useCrud() {
+    const context = useContext(CrudContext);
+    if (context === undefined) {
+        throw new Error("useCrud must be used within a CrudProvider");
+    }
+    return context;
+}

package/dist/contexts/index.d.ts

@@ -4,8 +4,8 @@ export type { Theme, ThemeContextType, ThemeOverride } from "./types";
 export { lightTheme, darkTheme, blueTheme, greenTheme, defaultTheme, themes, } from "./presets";
 export { AuthProvider, AuthContext } from "./AuthContext";
 export type { AuthContextType, AuthContextUserInterface, AuthTokenInterface, } from "./AuthContext";
-export { ListCrudProvider, ListCrudContext, useListCrud } from "./ListCrudContext";
-export type { ListCrudContextType } from "./ListCrudContext";
+export { CrudProvider, CrudContext, useCrud } from "./CrudContext";
+export type { CrudContextType } from "./CrudContext";
 export { AppLayoutProvider, useAppLayout, useAppLayoutContext } from "./AppLayoutContext";
 export type { AppLayoutContextType, NavbarInterface, LeftDrawerInterface, } from "./AppLayoutContext";
 export { SnackbarProvider, useSnackbar } from "./SnackbarContext";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EACL,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AAGnC,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGtE,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,MAAM,GACP,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1D,YAAY,EACV,eAAe,EACf,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACnF,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAClE,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,eAAe,GAChB,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EACL,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AAGnC,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGtE,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,MAAM,GACP,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1D,YAAY,EACV,eAAe,EACf,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAClE,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,eAAe,GAChB,MAAM,mBAAmB,CAAC"}

package/dist/contexts/index.js

@@ -5,8 +5,8 @@ export { useThemeOverride, useTemporaryOverride, } from "../hooks/useThemeOverri
 export { lightTheme, darkTheme, blueTheme, greenTheme, defaultTheme, themes, } from "./presets";
 // Auth system exports
 export { AuthProvider, AuthContext } from "./AuthContext";
-// ListCrud system exports
-export { ListCrudProvider, ListCrudContext, useListCrud } from "./ListCrudContext";
+// Crud system exports
+export { CrudProvider, CrudContext, useCrud } from "./CrudContext";
 // AppLayout system exports
 export { AppLayoutProvider, useAppLayout, useAppLayoutContext } from "./AppLayoutContext";
 // Snackbar system exports

package/dist/docs/AccordionDocs.d.ts

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

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

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