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

package/dist/index.js

@@ -1370,7 +1370,7 @@ var AdeudoAPI = class extends APIClientBase {
 var AdeudoAPI_default = AdeudoAPI;
 
 // src/infrastructure/api/utils/createApiHooks.ts
-var import_react = require("react");
+var import_react2 = require("react");
 
 // src/infrastructure/api/utils/globalErrorLogger.ts
 var import_fs = __toESM(require("fs"));
@@ -1403,14 +1403,205 @@ var GlobalErrorLogger = class {
 };
 var globalErrorLogger = new GlobalErrorLogger();
 
+// src/infrastructure/api/utils/useFetchList.ts
+var import_react = require("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] = (0, import_react.useReducer)(
+    reducer,
+    getInitialState(params)
+  );
+  const { data, error, isFetching, isLoading, pagination } = state;
+  (0, import_react.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 = (0, import_react.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 = (0, import_react.useCallback)(async () => {
+    await executeQuery(params);
+  }, [executeQuery, JSON.stringify(params)]);
+  (0, import_react.useEffect)(() => {
+    if (config == null ? void 0 : config.fetchOnMount) {
+      fetchData();
+    }
+  }, [fetchData, config == null ? void 0 : config.fetchOnMount]);
+  const fetchPage = (0, import_react.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 = (0, import_react.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 = (0, import_react.useCallback)(() => {
+    var _a2;
+    fetchPage(((_a2 = pagination.page) != null ? _a2 : 0) + 1);
+  }, [fetchPage, pagination.page]);
+  const fetchPreviousPage = (0, import_react.useCallback)(() => {
+    var _a2;
+    const prev = ((_a2 = pagination.page) != null ? _a2 : 1) - 1;
+    if (prev < 1) return;
+    fetchPage(prev);
+  }, [fetchPage, pagination.page]);
+  const fetchPagination = (0, import_react.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) {
-    const [data, setData] = (0, import_react.useState)(null);
-    const [error, setError] = (0, import_react.useState)(null);
-    const [isFetching, setIsFetching] = (0, import_react.useState)(false);
-    const [isLoading, setIsLoading] = (0, import_react.useState)(true);
-    const fetchData = (0, import_react.useCallback)(async () => {
+    const [data, setData] = (0, import_react2.useState)(null);
+    const [error, setError] = (0, import_react2.useState)(null);
+    const [isFetching, setIsFetching] = (0, import_react2.useState)(false);
+    const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
+    const fetchData = (0, import_react2.useCallback)(async () => {
       setIsFetching(true);
       try {
         const result = await client.getById(params);
@@ -1426,37 +1617,11 @@ function createApiHooksBase(client) {
     }, [JSON.stringify(params)]);
     return { data, error, isFetching, isLoading, refetch: fetchData };
   }
-  function useFetchList(params, config) {
-    const [data, setData] = (0, import_react.useState)(null);
-    const [error, setError] = (0, import_react.useState)(null);
-    const [isFetching, setIsFetching] = (0, import_react.useState)(false);
-    const [isLoading, setIsLoading] = (0, import_react.useState)(true);
-    const fetchData = (0, import_react.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)]);
-    (0, import_react.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] = (0, import_react.useState)(false);
-    const [error, setError] = (0, import_react.useState)(null);
-    const [data, setData] = (0, import_react.useState)(null);
-    const mutate = (0, import_react.useCallback)(async (params) => {
+    const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
+    const [error, setError] = (0, import_react2.useState)(null);
+    const [data, setData] = (0, import_react2.useState)(null);
+    const mutate = (0, import_react2.useCallback)(async (params) => {
       setIsLoading(true);
       try {
         const result = await client.create(params);
@@ -1474,10 +1639,10 @@ function createApiHooksBase(client) {
     return { mutate, isLoading, error, data };
   }
   function useUpdate() {
-    const [isLoading, setIsLoading] = (0, import_react.useState)(false);
-    const [error, setError] = (0, import_react.useState)(null);
-    const [data, setData] = (0, import_react.useState)(null);
-    const mutate = (0, import_react.useCallback)(async (params) => {
+    const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
+    const [error, setError] = (0, import_react2.useState)(null);
+    const [data, setData] = (0, import_react2.useState)(null);
+    const mutate = (0, import_react2.useCallback)(async (params) => {
       setIsLoading(true);
       try {
         const result = await client.update(params);
@@ -1495,10 +1660,10 @@ function createApiHooksBase(client) {
     return { mutate, isLoading, error, data };
   }
   function useDelete() {
-    const [isLoading, setIsLoading] = (0, import_react.useState)(false);
-    const [error, setError] = (0, import_react.useState)(null);
-    const [success, setSuccess] = (0, import_react.useState)(false);
-    const mutate = (0, import_react.useCallback)(async (params) => {
+    const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
+    const [error, setError] = (0, import_react2.useState)(null);
+    const [success, setSuccess] = (0, import_react2.useState)(false);
+    const mutate = (0, import_react2.useCallback)(async (params) => {
       setIsLoading(true);
       try {
         const result = await client.delete(params);
@@ -1516,11 +1681,11 @@ function createApiHooksBase(client) {
     return { mutate, isLoading, error, success };
   }
   function useFilterMatch(params) {
-    const [data, setData] = (0, import_react.useState)(null);
-    const [error, setError] = (0, import_react.useState)(null);
-    const [isFetching, setIsFetching] = (0, import_react.useState)(false);
-    const [isLoading, setIsLoading] = (0, import_react.useState)(true);
-    const fetchData = (0, import_react.useCallback)(async () => {
+    const [data, setData] = (0, import_react2.useState)(null);
+    const [error, setError] = (0, import_react2.useState)(null);
+    const [isFetching, setIsFetching] = (0, import_react2.useState)(false);
+    const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
+    const fetchData = (0, import_react2.useCallback)(async () => {
       setIsFetching(true);
       try {
         const result = await client.filterMatch(params);
@@ -1538,7 +1703,7 @@ function createApiHooksBase(client) {
   }
   return {
     useFetchById,
-    useFetchList,
+    useFetchList: createUseFetchList(client),
     useCreate,
     useUpdate,
     useDelete,