@react-pakistan/util-functions 1.24.2 → 1.24.3

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.2",
+  "version": "1.24.3",
   "description": "A library of all util functions",
   "main": "index.js",
   "scripts": {