@erpp/react-api-cronos-frontend 1.0.15 → 1.0.16

package/dist/index.mjs

@@ -853,7 +853,7 @@ var AdeudoAPI = class extends APIClientBase {
 var AdeudoAPI_default = AdeudoAPI;
 
 // src/infrastructure/api/utils/createApiHooks.ts
-import { useState, useCallback, useEffect } from "react";
+import { useState, useCallback as useCallback2 } from "react";
 
 // src/infrastructure/api/utils/globalErrorLogger.ts
 import fs from "fs";
@@ -886,6 +886,197 @@ var GlobalErrorLogger = class {
 };
 var globalErrorLogger = new GlobalErrorLogger();
 
+// src/infrastructure/api/utils/useFetchList.ts
+import { useCallback, useEffect, useReducer } from "react";
+function getInitialState(params) {
+  var _a, _b, _c, _d, _e, _f;
+  return {
+    data: null,
+    error: null,
+    isFetching: false,
+    isLoading: true,
+    pagination: {
+      limit: (_b = (_a = params.params) == null ? void 0 : _a.limit) != null ? _b : 10,
+      page: (_d = (_c = params.params) == null ? void 0 : _c.page) != null ? _d : 1,
+      orderBy: (_f = (_e = params.params) == null ? void 0 : _e.orderBy) != null ? _f : ""
+    }
+  };
+}
+function reducer(state, action) {
+  switch (action.type) {
+    case "FETCH_START":
+      return __spreadProps(__spreadValues({}, state), {
+        isFetching: true
+      });
+    case "FETCH_SUCCESS":
+      return __spreadProps(__spreadValues({}, state), {
+        data: action.payload,
+        error: null,
+        isFetching: false,
+        isLoading: false
+      });
+    case "FETCH_ERROR":
+      return __spreadProps(__spreadValues({}, state), {
+        error: action.payload,
+        isFetching: false,
+        isLoading: false
+      });
+    case "PATCH_PAGINATION_SILENT":
+      return __spreadProps(__spreadValues({}, state), {
+        pagination: __spreadValues(__spreadValues({}, state.pagination), action.payload)
+      });
+    default:
+      return state;
+  }
+}
+function useFetchList(client, params, config) {
+  var _a, _b, _c;
+  const [state, dispatch] = useReducer(
+    reducer,
+    getInitialState(params)
+  );
+  const { data, error, isFetching, isLoading, pagination } = state;
+  useEffect(() => {
+    var _a2, _b2, _c2, _d, _e, _f;
+    dispatch({
+      type: "PATCH_PAGINATION_SILENT",
+      payload: {
+        limit: (_b2 = (_a2 = params.params) == null ? void 0 : _a2.limit) != null ? _b2 : 10,
+        page: (_d = (_c2 = params.params) == null ? void 0 : _c2.page) != null ? _d : 1,
+        orderBy: (_f = (_e = params.params) == null ? void 0 : _e.orderBy) != null ? _f : ""
+      }
+    });
+  }, [
+    (_a = params.params) == null ? void 0 : _a.limit,
+    (_b = params.params) == null ? void 0 : _b.page,
+    (_c = params.params) == null ? void 0 : _c.orderBy
+  ]);
+  const executeQuery = useCallback(
+    async (newParams) => {
+      dispatch({ type: "FETCH_START" });
+      try {
+        const result = await client.query(newParams);
+        if (result === null) {
+          throw new Error("No data returned from API");
+        }
+        dispatch({ type: "FETCH_SUCCESS", payload: result });
+        return result;
+      } catch (err) {
+        dispatch({ type: "FETCH_ERROR", payload: err });
+        globalErrorLogger.log(err, "useFetchList");
+      }
+    },
+    [client]
+  );
+  const fetchData = useCallback(async () => {
+    await executeQuery(params);
+  }, [executeQuery, JSON.stringify(params)]);
+  useEffect(() => {
+    if (config == null ? void 0 : config.fetchOnMount) {
+      fetchData();
+    }
+  }, [fetchData, config == null ? void 0 : config.fetchOnMount]);
+  const fetchPage = useCallback(
+    async (page) => {
+      if (page < 1) return;
+      await executeQuery({
+        params: __spreadProps(__spreadValues({}, params.params), {
+          page,
+          limit: pagination.limit
+        })
+      });
+      dispatch({
+        type: "PATCH_PAGINATION_SILENT",
+        payload: { page }
+      });
+    },
+    [pagination.limit, params, executeQuery]
+  );
+  const fetchLimit = useCallback(
+    async (limit) => {
+      await executeQuery({
+        params: __spreadProps(__spreadValues({}, params.params), {
+          page: 1,
+          limit
+        })
+      });
+      dispatch({
+        type: "PATCH_PAGINATION_SILENT",
+        payload: { limit, page: 1 }
+      });
+    },
+    [params, executeQuery]
+  );
+  const fetchNextPage = useCallback(() => {
+    var _a2;
+    fetchPage(((_a2 = pagination.page) != null ? _a2 : 0) + 1);
+  }, [fetchPage, pagination.page]);
+  const fetchPreviousPage = useCallback(() => {
+    var _a2;
+    const prev = ((_a2 = pagination.page) != null ? _a2 : 1) - 1;
+    if (prev < 1) return;
+    fetchPage(prev);
+  }, [fetchPage, pagination.page]);
+  const fetchPagination = useCallback(
+    async ({ page, limit, orderBy }) => {
+      await executeQuery({
+        params: __spreadProps(__spreadValues({}, params.params), {
+          page,
+          limit,
+          orderBy
+        })
+      });
+      dispatch({
+        type: "PATCH_PAGINATION_SILENT",
+        payload: { page, limit, orderBy }
+      });
+    },
+    [params, executeQuery]
+  );
+  return {
+    /**
+     * @description Datos obtenidos de la API 
+     */
+    data,
+    error,
+    isFetching,
+    isLoading,
+    /**
+     * @description Información de paginación actual
+     */
+    pagination,
+    refetch: fetchData,
+    /**
+     * @description Obtener una página específica
+     */
+    fetchPage,
+    /**
+     * @description Obtener siguiente página
+     */
+    fetchNextPage,
+    /**
+     * @description Obtener la página anterior
+     */
+    fetchPreviousPage,
+    /**
+     * @description Establecer el límite de elementos por página
+     */
+    fetchLimit,
+    /**
+     * @description Obtener página, límite y orden en una sola llamada
+     */
+    fetchPagination
+  };
+}
+var createUseFetchList = (client) => {
+  const setupUseFetchList = (params, config) => useFetchList(
+    client,
+    params,
+    config
+  );
+  return setupUseFetchList;
+};
+
 // src/infrastructure/api/utils/createApiHooks.ts
 function createApiHooksBase(client) {
   function useFetchById(params) {
@@ -893,7 +1084,7 @@ function createApiHooksBase(client) {
     const [error, setError] = useState(null);
     const [isFetching, setIsFetching] = useState(false);
     const [isLoading, setIsLoading] = useState(true);
-    const fetchData = useCallback(async () => {
+    const fetchData = useCallback2(async () => {
       setIsFetching(true);
       try {
         const result = await client.getById(params);
@@ -909,37 +1100,11 @@ function createApiHooksBase(client) {
     }, [JSON.stringify(params)]);
     return { data, error, isFetching, isLoading, refetch: fetchData };
   }
-  function useFetchList(params, config) {
-    const [data, setData] = useState(null);
-    const [error, setError] = useState(null);
-    const [isFetching, setIsFetching] = useState(false);
-    const [isLoading, setIsLoading] = useState(true);
-    const fetchData = useCallback(async () => {
-      setIsFetching(true);
-      try {
-        const result = await client.query(params);
-        setData(result);
-        setError(null);
-      } catch (err) {
-        setError(err);
-        globalErrorLogger.log(err, "useFetchList");
-      } finally {
-        setIsFetching(false);
-        setIsLoading(false);
-      }
-    }, [JSON.stringify(params)]);
-    useEffect(function() {
-      if ((config == null ? void 0 : config.fetchOnMount) === true) {
-        fetchData();
-      }
-    }, [fetchData, config == null ? void 0 : config.fetchOnMount]);
-    return { data, error, isFetching, isLoading, refetch: fetchData };
-  }
   function useCreate() {
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState(null);
     const [data, setData] = useState(null);
-    const mutate = useCallback(async (params) => {
+    const mutate = useCallback2(async (params) => {
       setIsLoading(true);
       try {
         const result = await client.create(params);
@@ -960,7 +1125,7 @@ function createApiHooksBase(client) {
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState(null);
     const [data, setData] = useState(null);
-    const mutate = useCallback(async (params) => {
+    const mutate = useCallback2(async (params) => {
       setIsLoading(true);
       try {
         const result = await client.update(params);
@@ -981,7 +1146,7 @@ function createApiHooksBase(client) {
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState(null);
     const [success, setSuccess] = useState(false);
-    const mutate = useCallback(async (params) => {
+    const mutate = useCallback2(async (params) => {
       setIsLoading(true);
       try {
         const result = await client.delete(params);
@@ -1003,7 +1168,7 @@ function createApiHooksBase(client) {
     const [error, setError] = useState(null);
     const [isFetching, setIsFetching] = useState(false);
     const [isLoading, setIsLoading] = useState(true);
-    const fetchData = useCallback(async () => {
+    const fetchData = useCallback2(async () => {
       setIsFetching(true);
       try {
         const result = await client.filterMatch(params);
@@ -1021,7 +1186,7 @@ function createApiHooksBase(client) {
   }
   return {
     useFetchById,
-    useFetchList,
+    useFetchList: createUseFetchList(client),
     useCreate,
     useUpdate,
     useDelete,