@react-pakistan/util-functions 1.25.87 → 1.25.89

package/factory/generic-component-factory.js

@@ -84,7 +84,7 @@ var GenericTable = function (_a) {
     return (react_1.default.createElement("div", { className: "space-y-4 ".concat(isRTL ? 'rtl' : 'ltr'), dir: isRTL ? 'rtl' : 'ltr' },
         react_1.default.createElement(enhanced_table_1.EnhancedTable, { currentPage: Number(context.state.currentPage), handleNextOnClick: context.handlePageChange, handleOnSelect: context.handlePageLimitChange, handlePreviousOnClick: function () {
                 return context.handlePageChange(context.state.currentPage - 1);
-            }, handleSearchInput: context.handleSearch, headerActions: allHeaderActions, isNextDisabled: (0, general_1.isNextButtonDisabled)(context.state.currentPage, totalPages), isPreviousDisabled: (0, general_1.isPreviousButtonDisabled)(context.state.currentPage), listOptions: (0, general_1.getAvailablePageLimits)(context.state.count), loading: context.listLoading, nodeSelectKey: "pageLimit", numberOfFilters: numberOfFilters, onClearFilters: config.onClearFilters, pageLimit: context.state.pageLimit, rowActions: rowActions || context.rowActions || [], searchDisabled: false, searchEnabled: true, searchId: "".concat(config.moduleName.toLowerCase(), "-search"), searchPlaceholder: config.searchPlaceholder, searchValue: context.state.searchQuery, tableBodyCols: tableBodyCols, tableBodyRows: context.state.items, tableDescription: config.tableDescription, tableHeading: config.tableTitle, tableHeadItems: tableHeadItems, totalPages: Number(totalPages) })));
+            }, handleSearchInput: function (key, value) { var _a; return (_a = context.handleSearch) === null || _a === void 0 ? void 0 : _a.call(context, value); }, headerActions: allHeaderActions, isNextDisabled: (0, general_1.isNextButtonDisabled)(context.state.currentPage, totalPages), isPreviousDisabled: (0, general_1.isPreviousButtonDisabled)(context.state.currentPage), listOptions: (0, general_1.getAvailablePageLimits)(context.state.count), loading: context.listLoading, nodeSelectKey: "pageLimit", numberOfFilters: numberOfFilters, onClearFilters: config.onClearFilters, pageLimit: context.state.pageLimit, rowActions: rowActions || context.rowActions || [], searchDisabled: false, searchEnabled: true, searchId: "".concat(config.moduleName.toLowerCase(), "-search"), searchPlaceholder: config.searchPlaceholder, searchValue: context.state.searchQuery, tableBodyCols: tableBodyCols, tableBodyRows: context.state.items, tableDescription: config.tableDescription, tableHeading: config.tableTitle, tableHeadItems: tableHeadItems, totalPages: Number(totalPages) })));
 };
 exports.GenericTable = GenericTable;
 var GenericDrawer = function (_a) {

package/factory/generic-module-factory.d.ts

@@ -35,20 +35,28 @@ export declare const GENERIC_ACTION_TYPES: {
     readonly SET_FILTERS: "SET_FILTERS";
 };
 export declare const createGenericReducer: <T>(config: ModuleConfig<T>) => (state: T, action: any) => T;
-export declare const createGenericModuleHook: <T>(config: ModuleConfig<T>) => () => GenericModuleContext<T>;
+export declare const createGenericModuleHook: <T>(config: ModuleConfig<T>) => () => GenericModuleContextWithHandlers<T>;
 export declare const createGenericModuleProvider: <T>(config: ModuleConfig<T>) => {
     Provider: React.FC<{
         children: React.ReactNode;
     }>;
-    useContext: () => GenericModuleContext<T>;
-    Context: React.Context<GenericModuleContext<T> | undefined>;
+    useContext: () => GenericModuleContextWithHandlers<T>;
+    Context: React.Context<GenericModuleContextWithHandlers<T> | undefined>;
 };
+export interface GenericModuleContextWithHandlers<T = any> extends GenericModuleContext<T> {
+    handleSearch?: (query: string) => void;
+    handlePageChange?: (page: number) => void;
+    handlePageLimitChange?: (limit: number) => void;
+    handleCloseDrawer?: () => void;
+    handleSubmit?: (data: any) => void;
+}
+export declare const createGenericHandlers: <T>(dispatch: React.Dispatch<any>) => Omit<GenericModuleContextWithHandlers<T>, "state" | "dispatch">;
 export declare const createGenericModule: <T>(config: ModuleConfig<T>) => {
     reducer: (state: T, action: any) => T;
     Provider: React.FC<{
         children: React.ReactNode;
     }>;
-    useContext: () => GenericModuleContext<T>;
+    useContext: () => GenericModuleContextWithHandlers<T>;
     config: ModuleConfig<T>;
     actionTypes: {
         readonly RESET_FORM: "RESET_FORM";
@@ -64,4 +72,5 @@ export declare const createGenericModule: <T>(config: ModuleConfig<T>) => {
         readonly SET_FILTERS: "SET_FILTERS";
     };
     initialState: T;
+    createHandlers: <T_1>(dispatch: React.Dispatch<any>) => Omit<GenericModuleContextWithHandlers<T_1>, "state" | "dispatch">;
 };

package/factory/generic-module-factory.js

@@ -51,7 +51,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createGenericModule = exports.createGenericModuleProvider = exports.createGenericModuleHook = exports.createGenericReducer = exports.GENERIC_ACTION_TYPES = void 0;
+exports.createGenericModule = exports.createGenericHandlers = exports.createGenericModuleProvider = exports.createGenericModuleHook = exports.createGenericReducer = exports.GENERIC_ACTION_TYPES = void 0;
 var react_1 = __importStar(require("react"));
 // ============================================================================
 // ACTION TYPES
@@ -112,10 +112,8 @@ exports.createGenericReducer = createGenericReducer;
 var createGenericModuleHook = function (config) {
     return function () {
         var _a = (0, react_1.useReducer)((0, exports.createGenericReducer)(config), config.initialState), state = _a[0], dispatch = _a[1];
-        return {
-            state: state,
-            dispatch: dispatch,
-        };
+        var handlers = (0, exports.createGenericHandlers)(dispatch);
+        return __assign({ state: state, dispatch: dispatch }, handlers);
     };
 };
 exports.createGenericModuleHook = createGenericModuleHook;
@@ -144,6 +142,35 @@ var createGenericModuleProvider = function (config) {
     };
 };
 exports.createGenericModuleProvider = createGenericModuleProvider;
+var createGenericHandlers = function (dispatch) {
+    return {
+        handleSearch: function (query) {
+            dispatch({
+                type: exports.GENERIC_ACTION_TYPES.SET_SEARCH_QUERY,
+                payload: { searchQuery: query },
+            });
+        },
+        handlePageChange: function (page) {
+            dispatch({
+                type: exports.GENERIC_ACTION_TYPES.SET_CURRENT_PAGE,
+                payload: { currentPage: page },
+            });
+        },
+        handlePageLimitChange: function (limit) {
+            dispatch({
+                type: exports.GENERIC_ACTION_TYPES.SET_PAGE_LIMIT,
+                payload: { pageLimit: limit },
+            });
+        },
+        handleCloseDrawer: function () {
+            dispatch({
+                type: exports.GENERIC_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: null },
+            });
+        },
+    };
+};
+exports.createGenericHandlers = createGenericHandlers;
 // ============================================================================
 // MAIN MODULE FACTORY
 // ============================================================================
@@ -157,6 +184,7 @@ var createGenericModule = function (config) {
         config: config,
         actionTypes: exports.GENERIC_ACTION_TYPES,
         initialState: config.initialState,
+        createHandlers: exports.createGenericHandlers,
     };
 };
 exports.createGenericModule = createGenericModule;

package/package.json

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