@react-pakistan/util-functions 1.23.91 → 1.23.93

package/hooks/use-fetch.d.ts

@@ -17,4 +17,4 @@ export declare enum API_RESULT {
     SUCCESS = "SUCCESS",
     ERROR = "ERROR"
 }
-export declare const useFetch: (url: string, config?: FetchConfig) => Return;
+export declare const useFetch: (url: string, config?: FetchConfig, deps?: Array<string> | Array<any>) => Return;

package/hooks/use-fetch.js

@@ -58,6 +58,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFetch = exports.API_RESULT = void 0;
 var react_1 = require("react");
@@ -66,8 +75,9 @@ var API_RESULT;
     API_RESULT["SUCCESS"] = "SUCCESS";
     API_RESULT["ERROR"] = "ERROR";
 })(API_RESULT || (exports.API_RESULT = API_RESULT = {}));
-var useFetch = function (url, config) {
+var useFetch = function (url, config, deps) {
     if (config === void 0) { config = {}; }
+    if (deps === void 0) { deps = []; }
     var callback = config.callback, _a = config.autoFetch, autoFetch = _a === void 0 ? false : _a, defaultOptions = __rest(config, ["callback", "autoFetch"]);
     var _b = (0, react_1.useState)(null), data = _b[0], setData = _b[1];
     var _c = (0, react_1.useState)(null), error = _c[0], setError = _c[1];
@@ -132,7 +142,11 @@ var useFetch = function (url, config) {
                 case 6: return [2 /*return*/];
             }
         });
-    }); }, [url, defaultOptions, callback]);
+    }); }, __spreadArray([
+        url,
+        defaultOptions,
+        callback
+    ], deps, true));
     (0, react_1.useEffect)(function () {
         if (autoFetch) {
             fetchNow();

package/hooks/use-module-entity.d.ts

@@ -0,0 +1,35 @@
+import { FetchConfig } from './use-fetch';
+export interface CallbackParams {
+    data: any;
+    error: any;
+}
+interface Params {
+    byIdCallback: (d: CallbackParams) => void;
+    byIdParams: object;
+    deleteCallback: (d: CallbackParams) => void;
+    deleteParams: object;
+    listCallback: (d: CallbackParams) => void;
+    listParams: object;
+    listUrl: string;
+    unitByIdUrl: string;
+    unitUrl: string;
+    updateCallback: (d: CallbackParams) => void;
+    updateParams: object;
+    searchQuery: string;
+}
+interface Return {
+    byIdError: Error;
+    byIdFetchNow: (url?: string, config?: FetchConfig) => void;
+    byIdLoading: boolean;
+    deleteError: Error;
+    deleteFetchNow: (url?: string, config?: FetchConfig) => void;
+    deleteLoading: boolean;
+    listError: Error;
+    listFetchNow: () => void;
+    listLoading: boolean;
+    updateError: Error;
+    updateFetchNow: () => void;
+    updateLoading: boolean;
+}
+export declare const useModuleEntity: ({ byIdCallback, byIdParams, deleteCallback, deleteParams, listCallback, listParams, listUrl, unitByIdUrl, unitUrl, updateCallback, updateParams, searchQuery, }: Params) => Return;
+export {};

package/hooks/use-module-entity.js

@@ -0,0 +1,50 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModuleEntity = void 0;
+var constants_1 = require("../constants");
+var use_fetch_1 = require("./use-fetch");
+var use_debounce_1 = require("./use-debounce");
+var useModuleEntity = function (_a) {
+    var byIdCallback = _a.byIdCallback, byIdParams = _a.byIdParams, deleteCallback = _a.deleteCallback, deleteParams = _a.deleteParams, listCallback = _a.listCallback, listParams = _a.listParams, listUrl = _a.listUrl, unitByIdUrl = _a.unitByIdUrl, unitUrl = _a.unitUrl, updateCallback = _a.updateCallback, updateParams = _a.updateParams, searchQuery = _a.searchQuery;
+    var debouncedQuery = (0, use_debounce_1.useDebounce)(searchQuery, 800);
+    // list
+    var _b = (0, use_fetch_1.useFetch)(listUrl, {
+        method: constants_1.API_METHODS.POST,
+        body: JSON.stringify(listParams),
+        callback: listCallback,
+    }, [debouncedQuery]), listError = _b.error, listFetchNow = _b.fetchNow, listLoading = _b.loading;
+    // create / edit
+    var _c = (0, use_fetch_1.useFetch)(unitUrl, {
+        method: constants_1.API_METHODS.POST,
+        body: JSON.stringify(updateParams),
+        callback: updateCallback,
+    }), updateError = _c.error, updateLoading = _c.loading, updateFetchNow = _c.fetchNow;
+    // by id
+    var _d = (0, use_fetch_1.useFetch)(unitByIdUrl, {
+        method: constants_1.API_METHODS.POST,
+        body: JSON.stringify(byIdParams),
+        callback: byIdCallback,
+    }), byIdError = _d.error, byIdLoading = _d.loading, byIdFetchNow = _d.fetchNow;
+    // delete
+    var _e = (0, use_fetch_1.useFetch)(unitUrl, {
+        method: constants_1.API_METHODS.DELETE,
+        body: JSON.stringify(deleteParams),
+        callback: deleteCallback,
+    }), deleteError = _e.error, deleteLoading = _e.loading, deleteFetchNow = _e.fetchNow;
+    return {
+        byIdError: byIdError,
+        byIdFetchNow: byIdFetchNow,
+        byIdLoading: byIdLoading,
+        deleteError: deleteError,
+        deleteFetchNow: deleteFetchNow,
+        deleteLoading: deleteLoading,
+        listError: listError,
+        listFetchNow: listFetchNow,
+        listLoading: listLoading,
+        updateError: updateError,
+        updateFetchNow: updateFetchNow,
+        updateLoading: updateLoading,
+    };
+};
+exports.useModuleEntity = useModuleEntity;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pakistan/util-functions",
-  "version": "1.23.91",
+  "version": "1.23.93",
   "description": "A library of all util functions",
   "main": "index.js",
   "scripts": {