react-restyle-components 0.2.77 → 0.2.78

package/lib/index.d.ts

@@ -1,3 +1,4 @@
 export * from './src/core-components';
 export * from './src/core-utils';
+export * from './src/core-hooks';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAEA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAEA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/lib/index.js

@@ -2,3 +2,4 @@
 // import './global.css';
 export * from './src/core-components';
 export * from './src/core-utils';
+export * from './src/core-hooks';

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.76",
+  "version": "0.2.78",
   "private": false,
   "description": "Easy use restyle components",
   "author": {

package/lib/src/core-hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useClickOutside/useClickOutside.hook';
+export * from './useDebounce/useDebounce.hook';
+export * from './usePreventEKey/usePreventEKey.hook';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC"}

package/lib/src/core-hooks/index.js

@@ -0,0 +1,3 @@
+export * from './useClickOutside/useClickOutside.hook';
+export * from './useDebounce/useDebounce.hook';
+export * from './usePreventEKey/usePreventEKey.hook';

package/lib/src/core-hooks/useClickOutside/useClickOutside.hook.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const useClickOutside: (ref: any, handler: any) => void;
+export declare const useClickOutsideWithoutInput: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;
+//# sourceMappingURL=useClickOutside.hook.d.ts.map

package/lib/src/core-hooks/useClickOutside/useClickOutside.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.hook.d.ts","sourceRoot":"","sources":["../../../../src/core-hooks/useClickOutside/useClickOutside.hook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,eAAe,QAAS,GAAG,WAAW,GAAG,SAwBrD,CAAC;AAEF,eAAO,MAAM,2BAA2B,QACjC,MAAM,SAAS,CAAC,WAAW,CAAC,YACvB,MAAM,IAAI,SAkBrB,CAAC"}

package/lib/src/core-hooks/useClickOutside/useClickOutside.hook.js

@@ -0,0 +1,46 @@
+import { useEffect } from 'react';
+export const useClickOutside = (ref, handler) => {
+    useEffect(() => {
+        let startedInside = false;
+        let startedWhenMounted = false;
+        const listener = (event) => {
+            // Do nothing if `mousedown` or `touchstart` started inside ref element
+            if (startedInside || !startedWhenMounted)
+                return;
+            // Do nothing if clicking ref's element or descendent elements
+            if (!ref.current || ref.current.contains(event.target))
+                return;
+            handler(event);
+        };
+        const validateEventStart = (event) => {
+            startedWhenMounted = ref.current;
+            startedInside = ref.current && ref.current.contains(event.target);
+        };
+        document.addEventListener('mousedown', validateEventStart);
+        document.addEventListener('touchstart', validateEventStart);
+        document.addEventListener('click', listener);
+        return () => {
+            document.removeEventListener('mousedown', validateEventStart);
+            document.removeEventListener('touchstart', validateEventStart);
+            document.removeEventListener('click', listener);
+        };
+    }, [ref, handler]);
+};
+export const useClickOutsideWithoutInput = (ref, callback) => {
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            // Check if the target is an input element
+            if (event.target.tagName === 'INPUT') {
+                return; // Skip calling the callback if the target is an input
+            }
+            // Check if the click is outside the ref element
+            if (ref.current && !ref.current.contains(event.target)) {
+                callback();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [ref, callback]);
+};

package/lib/src/core-hooks/useDebounce/useDebounce.hook.d.ts

@@ -0,0 +1,2 @@
+export declare const useDebounce: (callback: (value: any) => void, delay: number) => (value: any) => void;
+//# sourceMappingURL=useDebounce.hook.d.ts.map

package/lib/src/core-hooks/useDebounce/useDebounce.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.hook.d.ts","sourceRoot":"","sources":["../../../../src/core-hooks/useDebounce/useDebounce.hook.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,qBAAsB,GAAG,KAAK,IAAI,SAAS,MAAM,aAKpD,GAAG,SAyBvB,CAAC"}

package/lib/src/core-hooks/useDebounce/useDebounce.hook.js

@@ -0,0 +1,30 @@
+import { useEffect, useMemo, useRef } from 'react';
+export const useDebounce = (callback, delay) => {
+    const timeoutRef = useRef(null);
+    const debouncedCallback = useMemo(() => {
+        const debounce = (func, wait) => {
+            return (value) => {
+                if (timeoutRef.current) {
+                    clearTimeout(timeoutRef.current);
+                }
+                timeoutRef.current = setTimeout(() => {
+                    if (typeof func === 'function') {
+                        func(value);
+                    }
+                    else {
+                        console.error('func is not a function');
+                    }
+                }, wait);
+            };
+        };
+        return debounce(callback, delay);
+    }, [callback, delay]);
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    return debouncedCallback;
+};

package/lib/src/core-hooks/usePreventEKey/usePreventEKey.hook.d.ts

@@ -0,0 +1,2 @@
+export declare const usePreventEKey: () => (e: React.KeyboardEvent<HTMLInputElement>) => void;
+//# sourceMappingURL=usePreventEKey.hook.d.ts.map

package/lib/src/core-hooks/usePreventEKey/usePreventEKey.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreventEKey.hook.d.ts","sourceRoot":"","sources":["../../../../src/core-hooks/usePreventEKey/usePreventEKey.hook.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,YACF,mBAAmB,CAAC,gBAAgB,CAAC,SAK7D,CAAC"}

package/lib/src/core-hooks/usePreventEKey/usePreventEKey.hook.js

@@ -0,0 +1,8 @@
+import { useCallback } from 'react';
+export const usePreventEKey = () => {
+    return useCallback((e) => {
+        if (e.key === 'e' || e.key === 'E') {
+            e.preventDefault();
+        }
+    }, []);
+};

package/lib/src/core-utils/convert/typography/camelCaseToTitleCase.util.d.ts

@@ -0,0 +1,2 @@
+export declare const camelCaseToTitleCase: (str: string) => string;
+//# sourceMappingURL=camelCaseToTitleCase.util.d.ts.map

package/lib/src/core-utils/convert/typography/camelCaseToTitleCase.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camelCaseToTitleCase.util.d.ts","sourceRoot":"","sources":["../../../../../src/core-utils/convert/typography/camelCaseToTitleCase.util.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,QAAS,MAAM,WAI/C,CAAC"}

package/lib/src/core-utils/convert/typography/camelCaseToTitleCase.util.js

@@ -0,0 +1,5 @@
+export const camelCaseToTitleCase = (str) => {
+    return str
+        .replace(/([A-Z])/g, ' $1') // Add space before capital letters
+        .replace(/^./, (char) => char.toUpperCase()); // Capitalize the first letter
+};

package/lib/src/core-utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './utility.util';
 export * from './calculation/calculation.util';
 export * from './convert/numberToWords/numToWords.util';
+export * from './convert/typography/camelCaseToTitleCase.util';
 //# sourceMappingURL=index.d.ts.map

package/lib/src/core-utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yCAAyC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yCAAyC,CAAC;AACxD,cAAc,gDAAgD,CAAC"}

package/lib/src/core-utils/index.js

@@ -1,3 +1,4 @@
 export * from './utility.util';
 export * from './calculation/calculation.util';
 export * from './convert/numberToWords/numToWords.util';
+export * from './convert/typography/camelCaseToTitleCase.util';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.77",
+  "version": "0.2.78",
   "private": false,
   "description": "Easy use restyle components",
   "author": {