@react-pakistan/util-functions 1.24.3 → 1.24.4

package/index.d.ts

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

package/index.js

@@ -41,4 +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);
+// export * from './module/my-module';

package/module/my-module.d.ts

@@ -1,24 +0,0 @@
-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

@@ -1,88 +1,69 @@
-"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;
+// /* eslint-disable */
+// import React, { useReducer, createContext, useContext } from 'react';
+// // 1. Define your state shape and actions
+// type State = {
+//   // Your state properties here
+//   count: number;
+//   isLoading: boolean;
+// };
+// type Action =
+//   | { type: 'INCREMENT' }
+//   | { type: 'DECREMENT' }
+//   | { type: 'SET_LOADING'; payload: boolean };
+// // 2. Create a context for your module
+// const MyModuleContext = createContext<{
+//   state: State;
+//   dispatch: React.Dispatch<Action>;
+// } | undefined>(undefined);
+// // 3. Reducer function
+// const reducer = (state: State, action: Action): State => {
+//   switch (action.type) {
+//     case 'INCREMENT':
+//       return { ...state, count: state.count + 1 };
+//     case 'DECREMENT':
+//       return { ...state, count: state.count - 1 };
+//     case 'SET_LOADING':
+//       return { ...state, isLoading: action.payload };
+//     default:
+//       return state;
+//   }
+// };
+// // 4. Provider component
+// type MyModuleProviderProps = {
+//   children: React.ReactNode;
+//   initialState?: Partial<State>;
+// };
+// export const MyModuleProvider: React.FC<MyModuleProviderProps> = ({
+//   children,
+//   initialState,
+// }) => {
+//   const [state, dispatch] = useReducer(reducer, {
+//     count: 0,
+//     isLoading: false,
+//     ...initialState,
+//   });
+//   return (
+//     <MyModuleContext.Provider value={{ state, dispatch }}>
+//       {children}
+//     </MyModuleContext.Provider>
+//   );
+// };
+// // 5. Custom hook to access the context
+// export const useMyModule = () => {
+//   const context = useContext(MyModuleContext);
+//   if (context === undefined) {
+//     throw new Error('useMyModule must be used within a MyModuleProvider');
+//   }
+//   return context;
+// };
+// // 6. Your actual module components
+// export const Counter: React.FC = () => {
+//   const { state, dispatch } = useMyModule();
+//   return (
+//     <div>
+//       <button onClick={() => dispatch({ type: 'DECREMENT' })}>-</button>
+//       <span>{state.count}</span>
+//       <button onClick={() => dispatch({ type: 'INCREMENT' })}>+</button>
+//     </div>
+//   );
+// };

package/package.json

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