react-restyle-components 0.2.77 → 0.2.79

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.79",
   "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/colors/color.util.d.ts

@@ -0,0 +1,2 @@
+export declare const invertHex: (hexcolor: any) => "black" | "white";
+//# sourceMappingURL=color.util.d.ts.map

package/lib/src/core-utils/colors/color.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.util.d.ts","sourceRoot":"","sources":["../../../../src/core-utils/colors/color.util.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,SAAS,sCAgBrB,CAAC"}

package/lib/src/core-utils/colors/color.util.js

@@ -0,0 +1,15 @@
+/* eslint-disable unicorn/number-literal-case */
+export const invertHex = (hexcolor) => {
+    // If a leading # is provided, remove it
+    if (hexcolor?.slice(0, 1) === '#') {
+        hexcolor = hexcolor?.slice(1);
+    }
+    // Convert to RGB value
+    const r = Number.parseInt(hexcolor?.slice(0, 2), 16);
+    const g = Number.parseInt(hexcolor?.slice(2, 4), 16);
+    const b = Number.parseInt(hexcolor?.slice(4, 6), 16);
+    // Get YIQ ratio
+    const yiq = (r * 299 + g * 587 + b * 114) / 1000;
+    // Check contrast
+    return yiq >= 128 ? 'black' : 'white';
+};

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/form-helper/form-helper.util.d.ts

@@ -0,0 +1,35 @@
+declare class FormHelper {
+    static patterns: {
+        email: RegExp;
+        emptySpace: RegExp;
+        emptyString: RegExp;
+        nonEmptyString: RegExp;
+        userName: RegExp;
+        password: RegExp;
+        mobileNo: RegExp;
+        panNumber: RegExp;
+        panNumberPartialMatch: RegExp;
+        aadhaarNumber: RegExp;
+        otp: RegExp;
+    };
+    static isUserNameValid(userName: string): boolean;
+    static isEmailValid(email: string): boolean;
+    static isAddressLengthInvalid(value: string): boolean;
+    static isAddressLength(value: string): boolean;
+    static addressNonEmpty(value: string): boolean;
+    static isAddressMoreLengthInvalid(value: string): boolean;
+    static isNameLengthInvalid(value: string): boolean;
+    static isPincodeLengthInvalid(value: string): boolean;
+    static isDateValid(date: string, month?: string, year?: string): boolean;
+    static isMobileNoValid(number: string): boolean;
+    static isMonthValid(month: string): boolean;
+    static isYearValid(year: string): boolean;
+    static isPasswordValid(password: string): boolean;
+    static isValidHeight(height?: string): boolean;
+    static isValidWeight(weight?: string): boolean;
+    static isNumberAvailable(val: string): boolean;
+    static isValidPAN(panNo: string, partial?: boolean): boolean;
+}
+export declare const formHelperValidation: typeof FormHelper;
+export {};
+//# sourceMappingURL=form-helper.util.d.ts.map

package/lib/src/core-utils/form-helper/form-helper.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-helper.util.d.ts","sourceRoot":"","sources":["../../../../src/core-utils/form-helper/form-helper.util.ts"],"names":[],"mappings":"AAAA,cAAM,UAAU;IACd,MAAM,CAAC,QAAQ;;;;;;;;;;;;MAab;IAEF,MAAM,CAAC,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIjD,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAI3C,MAAM,CAAC,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIrD,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAI9C,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAI9C,MAAM,CAAC,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIzD,MAAM,CAAC,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIlD,MAAM,CAAC,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIrD,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO;IAQxE,MAAM,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAI/C,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAI3C,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAGzC,MAAM,CAAC,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIjD,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO;IAI9C,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO;IAI9C,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAS9C,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,UAAO,GAAG,OAAO;CAQ1D;AAED,eAAO,MAAM,oBAAoB,mBAAa,CAAC"}

package/lib/src/core-utils/form-helper/form-helper.util.js

@@ -0,0 +1,82 @@
+class FormHelper {
+    static patterns = {
+        email: /^\w+([\\.-]?\w+)*@\w+([\\.-]?\w+)*(\.\w{2,3})+$/,
+        emptySpace: /^\S$|^\S[\s\S]*\S$/,
+        emptyString: /^\s*$/,
+        nonEmptyString: /^(?!\s*$).+/,
+        userName: /^[a-z][a-z0-9_.]+$/,
+        password: /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,20}$/,
+        mobileNo: /^\d{0,10}$/,
+        panNumber: /^[A-Z]{3}P[A-Z]{1}\d{4}[A-Z]{1}$/,
+        panNumberPartialMatch: /^([A-Z]{3}P[A-Z]{1}\d{4}[A-Z]{1})|([A-Z]{3}P[A-Z]{1}\d{0,4})|([A-Z]{3}P[A-Z]{1})|([A-Z]{3}P)|([A-Z]{0,3})$/,
+        aadhaarNumber: /^[2-9]{1}\d{3}\d{4}\d{4}$/,
+        otp: /\b\d{6}\b/,
+    };
+    static isUserNameValid(userName) {
+        return this.patterns.userName.test(userName);
+    }
+    static isEmailValid(email) {
+        return this.patterns.email.test(email);
+    }
+    static isAddressLengthInvalid(value) {
+        return value?.length < 3 || value?.length > 60;
+    }
+    static isAddressLength(value) {
+        return value?.length > 2;
+    }
+    static addressNonEmpty(value) {
+        return this.patterns.nonEmptyString.test(value);
+    }
+    static isAddressMoreLengthInvalid(value) {
+        return value?.length > 60;
+    }
+    static isNameLengthInvalid(value) {
+        return value?.length < 3 || value?.length > 30;
+    }
+    static isPincodeLengthInvalid(value) {
+        return value?.length < 5;
+    }
+    static isDateValid(date, month, year) {
+        if (!Number(month) || !Number(year)) {
+            return !!Number(date) && Number(date) <= 31;
+        }
+        const daysInMonth = new Date(Number(year), Number(month), 0).getDate();
+        return Number(date) <= daysInMonth;
+    }
+    static isMobileNoValid(number) {
+        return this.patterns.mobileNo.test(number);
+    }
+    static isMonthValid(month) {
+        return !!Number(month) && Number(month) <= 12;
+    }
+    static isYearValid(year) {
+        return !!Number(year) && year.length === 4;
+    }
+    static isPasswordValid(password) {
+        return this.patterns.password.test(password);
+    }
+    static isValidHeight(height) {
+        return !!Number(height) && Number(height) <= 214;
+    }
+    static isValidWeight(weight) {
+        return !!Number(weight) && Number(weight) <= 150;
+    }
+    static isNumberAvailable(val) {
+        const matches = val.match(/\d+/g);
+        if (val) {
+            if (matches != null)
+                return true;
+            else
+                return false;
+        }
+        return true;
+    }
+    static isValidPAN(panNo, partial = true) {
+        const pattern = partial
+            ? this.patterns.panNumberPartialMatch
+            : this.patterns.panNumber;
+        const panNoMatch = `${panNo}`.trim().match(pattern);
+        return !!panNoMatch?.length && panNoMatch[0] === panNo;
+    }
+}
+export const formHelperValidation = FormHelper;

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

@@ -1,4 +1,8 @@
 export * from './utility.util';
 export * from './calculation/calculation.util';
 export * from './convert/numberToWords/numToWords.util';
+export * from './convert/typography/camelCaseToTitleCase.util';
+export * from './colors/color.util';
+export * from './uuid/uuid.util';
+export * from './form-helper/form-helper.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;AAC/D,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC"}

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

@@ -1,3 +1,7 @@
 export * from './utility.util';
 export * from './calculation/calculation.util';
 export * from './convert/numberToWords/numToWords.util';
+export * from './convert/typography/camelCaseToTitleCase.util';
+export * from './colors/color.util';
+export * from './uuid/uuid.util';
+export * from './form-helper/form-helper.util';

package/lib/src/core-utils/uuid/uuid.util.d.ts

@@ -0,0 +1,2 @@
+export declare function uuidv4(len: number): any;
+//# sourceMappingURL=uuid.util.d.ts.map

package/lib/src/core-utils/uuid/uuid.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid.util.d.ts","sourceRoot":"","sources":["../../../../src/core-utils/uuid/uuid.util.ts"],"names":[],"mappings":"AAGA,wBAAgB,MAAM,CAAC,GAAG,EAAE,MAAM,OAMjC"}

package/lib/src/core-utils/uuid/uuid.util.js

@@ -0,0 +1,8 @@
+/* eslint-disable unicorn/prefer-math-trunc */
+import _ from 'lodash';
+export function uuidv4(len) {
+    return _.repeat('x', len).replace(/[xy]/g, function (c) {
+        const r = (Math.random() * len) | 0, v = c === 'x' ? r : (r & 0x3) | 0x8;
+        return v.toString(len);
+    });
+}

package/lib/src/tc.module.css

@@ -1,5 +1,7 @@
 .visible { visibility: visible;
 } .invisible { visibility: hidden;
+} .collapse { visibility: collapse;
+} .static { position: static;
 } .fixed { position: fixed;
 } .absolute { position: absolute;
 } .relative { position: relative;

package/package.json

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