react-restyle-components 0.2.76 → 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/numberToWords/numToWords.util.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Converts a number to words using the Indian numbering system (supports lakh, crore, arab, etc.).
+ */
+export declare const numToWords: (n: number | string) => string;
+//# sourceMappingURL=numToWords.util.d.ts.map

package/lib/src/core-utils/convert/numberToWords/numToWords.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numToWords.util.d.ts","sourceRoot":"","sources":["../../../../../src/core-utils/convert/numberToWords/numToWords.util.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,UAAU,MAAO,MAAM,GAAG,MAAM,KAAG,MAgI/C,CAAC"}

package/lib/src/core-utils/convert/numberToWords/numToWords.util.js

@@ -0,0 +1,145 @@
+const isEmpty = (xs) => xs.length === 0;
+const take = (n) => (xs) => xs.slice(0, n);
+const drop = (n) => (xs) => xs.slice(n);
+const chunk = (n) => (xs) => isEmpty(xs) ? [] : [take(n)(xs), ...chunk(n)(drop(n)(xs))];
+/**
+ * Converts a number to words using the Indian numbering system (supports lakh, crore, arab, etc.).
+ */
+export const numToWords = (n) => {
+    const a = [
+        '',
+        'one',
+        'two',
+        'three',
+        'four',
+        'five',
+        'six',
+        'seven',
+        'eight',
+        'nine',
+        'ten',
+        'eleven',
+        'twelve',
+        'thirteen',
+        'fourteen',
+        'fifteen',
+        'sixteen',
+        'seventeen',
+        'eighteen',
+        'nineteen',
+    ];
+    const b = [
+        '',
+        '',
+        'twenty',
+        'thirty',
+        'forty',
+        'fifty',
+        'sixty',
+        'seventy',
+        'eighty',
+        'ninety',
+    ];
+    const g = [
+        '',
+        'thousand',
+        'lakh',
+        'crore',
+        'arab',
+        'kharab',
+        'neel',
+        'padma',
+        'shankh',
+    ];
+    // Plural forms for units
+    const gPlural = [
+        '',
+        'thousand',
+        'lakhs',
+        'crores',
+        'arabs',
+        'kharabs',
+        'neels',
+        'padmas',
+        'shankhs',
+    ];
+    if (typeof n === 'number')
+        n = String(n);
+    if (n === '0')
+        return 'zero';
+    // Indian chunking: last 3 digits, then every 2 digits
+    const chunkIndian = (xs) => {
+        if (xs.length <= 3)
+            return [xs];
+        const last3 = xs.slice(xs.length - 3);
+        const rest = xs.slice(0, xs.length - 3);
+        const pairs = [];
+        while (rest.length > 0) {
+            pairs.unshift(rest.splice(-2));
+        }
+        return [...pairs, last3];
+    };
+    // Convert a group (1 or 2 or 3 digits) to words
+    const groupToWords = (group) => {
+        let numVal = Number(group.join(''));
+        if (numVal === 0)
+            return '';
+        if (group.length === 3) {
+            // 3 digits: hundreds
+            let [h, t, o] = group.map(Number);
+            let str = '';
+            if (h)
+                str += a[h] + ' hundred ';
+            let lastTwo = t * 10 + o;
+            if (lastTwo) {
+                if (str)
+                    str += 'and ';
+                if (lastTwo < 20)
+                    str += a[lastTwo];
+                else
+                    str += b[t] + (o ? '-' + a[o] : '');
+            }
+            return str.trim();
+        }
+        else if (group.length === 2) {
+            // 2 digits
+            let [t, o] = group.map(Number);
+            if (t === 0)
+                return a[o];
+            if (t * 10 + o < 20)
+                return a[t * 10 + o];
+            return b[t] + (o ? '-' + a[o] : '');
+        }
+        else if (group.length === 1) {
+            return a[Number(group[0])];
+        }
+        return '';
+    };
+    const digits = Array.from(n);
+    const groups = chunkIndian(digits);
+    const words = groups
+        .map((group, i, arr) => {
+        // Only pad the last group (units) to 3 digits, others to 2
+        if (i === arr.length - 1) {
+            while (group.length < 3)
+                group.unshift('0');
+        }
+        else {
+            while (group.length < 2)
+                group.unshift('0');
+        }
+        return groupToWords(group);
+    })
+        .map((word, i, arr) => {
+        const unitIdx = arr.length - 1 - i;
+        // Use plural for units if value > 1 and unit is not ''
+        const groupValue = Number(groups[i].join(''));
+        const unit = groupValue > 1 && g[unitIdx] ? gPlural[unitIdx] : g[unitIdx];
+        return word ? `${word} ${unit}`.trim() : '';
+    })
+        .filter(Boolean)
+        .join(' ')
+        .replace(/\s+/g, ' ')
+        .trim();
+    return words;
+};

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,3 +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"}
+{"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,2 +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.76",
+  "version": "0.2.78",
   "private": false,
   "description": "Easy use restyle components",
   "author": {