@react-pakistan/util-functions 1.24.1 → 1.24.3

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

@@ -5,17 +5,21 @@ export interface CallbackParams {
 }
 interface Params {
     byIdCallback: (d: CallbackParams) => void;
+    byIdDeps?: Array<any> | Array<string>;
     byIdParams: object;
     deleteCallback?: (d: CallbackParams) => void;
+    deleteDeps?: Array<any> | Array<string>;
     deleteParams?: object;
     listCallback: (d: CallbackParams) => void;
+    listDeps?: Array<any> | Array<string>;
     listParams: object;
     listUrl: string;
+    searchQuery: string;
     unitByIdUrl: string;
     unitUrl: string;
     updateCallback: (d: CallbackParams) => void;
+    updateDeps?: Array<any> | Array<string>;
     updateParams: object;
-    searchQuery: string;
 }
 interface Return {
     byIdError: Error;
@@ -31,5 +35,5 @@ interface Return {
     updateFetchNow: (url?: string, config?: FetchConfig) => void;
     updateLoading: boolean;
 }
-export declare const useModuleEntity: ({ byIdCallback, byIdParams, deleteCallback, deleteParams, listCallback, listParams, listUrl, unitByIdUrl, unitUrl, updateCallback, updateParams, searchQuery, }: Params) => Return;
+export declare const useModuleEntity: ({ byIdCallback, byIdDeps, byIdParams, deleteCallback, deleteDeps, deleteParams, listCallback, listDeps, listParams, listUrl, searchQuery, unitByIdUrl, unitUrl, updateCallback, updateDeps, updateParams, }: Params) => Return;
 export {};

package/hooks/use-module-entity.js

@@ -1,37 +1,46 @@
 "use strict";
 /* eslint-disable @typescript-eslint/no-explicit-any */
+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.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 byIdCallback = _a.byIdCallback, _b = _a.byIdDeps, byIdDeps = _b === void 0 ? [] : _b, byIdParams = _a.byIdParams, deleteCallback = _a.deleteCallback, _c = _a.deleteDeps, deleteDeps = _c === void 0 ? [] : _c, deleteParams = _a.deleteParams, listCallback = _a.listCallback, _d = _a.listDeps, listDeps = _d === void 0 ? [] : _d, listParams = _a.listParams, listUrl = _a.listUrl, searchQuery = _a.searchQuery, unitByIdUrl = _a.unitByIdUrl, unitUrl = _a.unitUrl, updateCallback = _a.updateCallback, _e = _a.updateDeps, updateDeps = _e === void 0 ? [] : _e, updateParams = _a.updateParams;
     var debouncedQuery = (0, use_debounce_1.useDebounce)(searchQuery, 800);
     // list
-    var _b = (0, use_fetch_1.useFetch)(listUrl, {
+    var _f = (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;
+    }, __spreadArray([debouncedQuery], listDeps, true)), listError = _f.error, listFetchNow = _f.fetchNow, listLoading = _f.loading;
     // create / edit
-    var _c = (0, use_fetch_1.useFetch)(unitUrl, {
+    var _g = (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;
+    }, __spreadArray([], updateDeps, true)), updateError = _g.error, updateLoading = _g.loading, updateFetchNow = _g.fetchNow;
     // by id
-    var _d = (0, use_fetch_1.useFetch)(unitByIdUrl, {
+    var _h = (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;
+    }, __spreadArray([], byIdDeps, true)), byIdError = _h.error, byIdLoading = _h.loading, byIdFetchNow = _h.fetchNow;
     // delete
-    var _e = (0, use_fetch_1.useFetch)(unitUrl, {
+    var _j = (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;
+    }, __spreadArray([], deleteDeps, true)), deleteError = _j.error, deleteLoading = _j.loading, deleteFetchNow = _j.fetchNow;
     return {
         byIdError: byIdError,
         byIdFetchNow: byIdFetchNow,

package/index.d.ts

@@ -25,3 +25,4 @@ export * from './general';
 export * from './hooks';
 export * from './local-storage';
 export * from './storybook';
+export * from './module/my-module';

package/index.js

@@ -41,3 +41,4 @@ __exportStar(require("./general"), exports);
 __exportStar(require("./hooks"), exports);
 __exportStar(require("./local-storage"), exports);
 __exportStar(require("./storybook"), exports);
+__exportStar(require("./module/my-module"), exports);

package/module/my-module.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+type State = {
+    count: number;
+    isLoading: boolean;
+};
+type Action = {
+    type: 'INCREMENT';
+} | {
+    type: 'DECREMENT';
+} | {
+    type: 'SET_LOADING';
+    payload: boolean;
+};
+type MyModuleProviderProps = {
+    children: React.ReactNode;
+    initialState?: Partial<State>;
+};
+export declare const MyModuleProvider: React.FC<MyModuleProviderProps>;
+export declare const useMyModule: () => {
+    state: State;
+    dispatch: React.Dispatch<Action>;
+};
+export declare const Counter: React.FC;
+export {};

package/module/my-module.js

@@ -0,0 +1,88 @@
+"use strict";
+/* eslint-disable */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Counter = exports.useMyModule = exports.MyModuleProvider = void 0;
+var react_1 = __importStar(require("react"));
+// 2. Create a context for your module
+var MyModuleContext = (0, react_1.createContext)(undefined);
+// 3. Reducer function
+var reducer = function (state, action) {
+    switch (action.type) {
+        case 'INCREMENT':
+            return __assign(__assign({}, state), { count: state.count + 1 });
+        case 'DECREMENT':
+            return __assign(__assign({}, state), { count: state.count - 1 });
+        case 'SET_LOADING':
+            return __assign(__assign({}, state), { isLoading: action.payload });
+        default:
+            return state;
+    }
+};
+var MyModuleProvider = function (_a) {
+    var children = _a.children, initialState = _a.initialState;
+    var _b = (0, react_1.useReducer)(reducer, __assign({ count: 0, isLoading: false }, initialState)), state = _b[0], dispatch = _b[1];
+    return (react_1.default.createElement(MyModuleContext.Provider, { value: { state: state, dispatch: dispatch } }, children));
+};
+exports.MyModuleProvider = MyModuleProvider;
+// 5. Custom hook to access the context
+var useMyModule = function () {
+    var context = (0, react_1.useContext)(MyModuleContext);
+    if (context === undefined) {
+        throw new Error('useMyModule must be used within a MyModuleProvider');
+    }
+    return context;
+};
+exports.useMyModule = useMyModule;
+// 6. Your actual module components
+var Counter = function () {
+    var _a = (0, exports.useMyModule)(), state = _a.state, dispatch = _a.dispatch;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("button", { onClick: function () { return dispatch({ type: 'DECREMENT' }); } }, "-"),
+        react_1.default.createElement("span", null, state.count),
+        react_1.default.createElement("button", { onClick: function () { return dispatch({ type: 'INCREMENT' }); } }, "+")));
+};
+exports.Counter = Counter;

package/package.json

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