├── src ├── vite-env.d.ts ├── main.tsx ├── lib │ ├── hooks │ │ ├── useDocTitle.tsx │ │ ├── useConsole │ │ │ ├── useConLog.tsx │ │ │ ├── useConTable.tsx │ │ │ ├── useConGroup.tsx │ │ │ └── useConTime.tsx │ │ ├── useCopyToClipboard.tsx │ │ ├── useOnScreen.tsx │ │ ├── useScroll.tsx │ │ ├── useMedia.tsx │ │ ├── useScreen.tsx │ │ ├── useOnClickOutside.tsx │ │ ├── useLocalStorage.tsx │ │ ├── useHover.tsx │ │ └── useFetch.tsx │ ├── funcs │ │ ├── funcDecimalNumber.ts │ │ ├── funcLocalStorage.ts │ │ ├── funcNumber.ts │ │ ├── funcRandom.ts │ │ └── funcArray.ts │ └── index.ts ├── index.css ├── App.css └── App.tsx ├── tsconfig.node.json ├── index.html ├── .gitignore ├── .eslintrc.cjs ├── vite.config.ts ├── tsconfig.json ├── LICENSE ├── package.json ├── README.md └── yarn.lock /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /src/main.tsx: -------------------------------------------------------------------------------- 1 | import ReactDOM from 'react-dom/client'; 2 | import App from './App.tsx'; 3 | import './index.css'; 4 | 5 | ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render( 6 | 7 | ); 8 | -------------------------------------------------------------------------------- /src/lib/hooks/useDocTitle.tsx: -------------------------------------------------------------------------------- 1 | import { useEffect } from 'react'; 2 | 3 | const useDocTitle = (title: string) => { 4 | useEffect(() => { 5 | document.title = title; 6 | }, [title]); 7 | }; 8 | 9 | export default useDocTitle; 10 | -------------------------------------------------------------------------------- /src/lib/hooks/useConsole/useConLog.tsx: -------------------------------------------------------------------------------- 1 | import { useEffect } from 'react'; 2 | 3 | function useConLog(...inputs: any[]) { 4 | useEffect(() => { 5 | console.log(...inputs); 6 | }, [inputs]); 7 | } 8 | 9 | export default useConLog; 10 | -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "composite": true, 4 | "skipLibCheck": true, 5 | "module": "ESNext", 6 | "moduleResolution": "bundler", 7 | "allowSyntheticDefaultImports": true 8 | }, 9 | "include": ["vite.config.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /src/lib/hooks/useConsole/useConTable.tsx: -------------------------------------------------------------------------------- 1 | import { useEffect } from 'react'; 2 | 3 | function useConTable(data: any[], columns: string[]) { 4 | useEffect(() => { 5 | console.table(data, columns); 6 | }, [data, columns]); 7 | } 8 | 9 | export default useConTable; 10 | -------------------------------------------------------------------------------- /src/lib/funcs/funcDecimalNumber.ts: -------------------------------------------------------------------------------- 1 | function setPrecisionForDecimal(input: number, precision: number): number { 2 | const decimalPlaces = Math.pow(10, precision); 3 | const roundedNumber = Math.round(input * decimalPlaces) / decimalPlaces; 4 | 5 | return +roundedNumber.toFixed(precision); 6 | } 7 | 8 | export default setPrecisionForDecimal; 9 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | React Hooks Plus 7 | 8 | 9 |

10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | 26 | test.ts 27 | -------------------------------------------------------------------------------- /src/lib/hooks/useConsole/useConGroup.tsx: -------------------------------------------------------------------------------- 1 | import { useEffect } from 'react'; 2 | 3 | const useConGroup = ( 4 | content: any, 5 | groupLabel: string = 'My Console Group' 6 | ): void => { 7 | useEffect(() => { 8 | console.groupCollapsed(groupLabel); 9 | console.log(content); 10 | console.groupEnd(); 11 | }, [groupLabel, content]); 12 | }; 13 | 14 | export default useConGroup; 15 | -------------------------------------------------------------------------------- /src/lib/hooks/useCopyToClipboard.tsx: -------------------------------------------------------------------------------- 1 | import { useState } from 'react'; 2 | 3 | function useCopyToClipboard() { 4 | const [copied, setCopied] = useState(false); 5 | 6 | function copyToClipboard(text: string) { 7 | navigator.clipboard.writeText(text); 8 | setCopied(true); 9 | setTimeout(() => setCopied(false), 1500); 10 | } 11 | 12 | return { copied, copyToClipboard }; 13 | } 14 | 15 | export default useCopyToClipboard; 16 | -------------------------------------------------------------------------------- /src/lib/funcs/funcLocalStorage.ts: -------------------------------------------------------------------------------- 1 | // save to local storage function 2 | function saveToLocalStorage(key: string, data: any): void { 3 | localStorage.setItem(key, JSON.stringify(data)); 4 | } 5 | 6 | // get from local storage function 7 | function getFromLocalStorage(key: string): any { 8 | const data = localStorage.getItem(key); 9 | return data ? JSON.parse(data) : null; 10 | } 11 | 12 | export { saveToLocalStorage, getFromLocalStorage }; 13 | -------------------------------------------------------------------------------- /.eslintrc.cjs: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { browser: true, es2020: true }, 3 | extends: [ 4 | 'eslint:recommended', 5 | 'plugin:@typescript-eslint/recommended', 6 | 'plugin:react-hooks/recommended', 7 | ], 8 | parser: '@typescript-eslint/parser', 9 | parserOptions: { ecmaVersion: 'latest', sourceType: 'module' }, 10 | plugins: ['react-refresh'], 11 | rules: { 12 | 'react-refresh/only-export-components': 'warn', 13 | }, 14 | } 15 | -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite'; 2 | import path from 'path'; 3 | import dts from 'vite-plugin-dts'; 4 | 5 | export default defineConfig({ 6 | build: { 7 | lib: { 8 | entry: path.resolve(__dirname, 'src/lib/index.ts'), 9 | name: 'ReactHooksPlus', 10 | fileName: 'react-hooks-plus', 11 | }, 12 | rollupOptions: { 13 | external: ['react', 'react-dom'], 14 | output: { 15 | globals: { 16 | react: 'React', 17 | }, 18 | }, 19 | }, 20 | }, 21 | plugins: [dts()], 22 | }); 23 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | * { 2 | padding: 0; 3 | margin: 0; 4 | text-decoration: none; 5 | outline: none; 6 | border: none; 7 | } 8 | 9 | html { 10 | font-family: sans-serif; 11 | background-color: #212121; 12 | } 13 | 14 | button { 15 | width: 15rem; 16 | cursor: pointer; 17 | padding: 15px 25px; 18 | border-radius: 5px; 19 | background-color: #373737; 20 | color: #eee; 21 | transition: 200ms; 22 | } 23 | 24 | button:hover { 25 | opacity: 0.7; 26 | } 27 | 28 | button:active { 29 | transform: scale(0.95, 0.95); 30 | } 31 | 32 | p { 33 | font-size: 0.8rem; 34 | color: #ffc505; 35 | } 36 | -------------------------------------------------------------------------------- /src/lib/hooks/useOnScreen.tsx: -------------------------------------------------------------------------------- 1 | import { useState, useEffect } from 'react'; 2 | 3 | function useOnScreen(ref: React.RefObject): boolean { 4 | const [isIntersecting, setIntersecting] = useState(false); 5 | 6 | useEffect(() => { 7 | const observer = new IntersectionObserver(([entry]) => { 8 | setIntersecting(entry.isIntersecting); 9 | }); 10 | 11 | if (ref.current) { 12 | observer.observe(ref.current); 13 | } 14 | 15 | return () => { 16 | observer.disconnect(); 17 | }; 18 | }, [ref]); 19 | 20 | return isIntersecting; 21 | } 22 | 23 | export default useOnScreen; 24 | -------------------------------------------------------------------------------- /src/lib/hooks/useScroll.tsx: -------------------------------------------------------------------------------- 1 | import { useState, useEffect } from 'react'; 2 | 3 | interface PositionState { 4 | x: number; 5 | y: number; 6 | } 7 | 8 | const useScroll = (): PositionState => { 9 | const [position, setPosition] = useState({ x: 0, y: 0 }); 10 | 11 | useEffect(() => { 12 | const handleScroll = (): void => { 13 | setPosition({ x: window.scrollX, y: window.scrollY }); 14 | }; 15 | 16 | document.addEventListener('scroll', handleScroll); 17 | 18 | return (): void => document.removeEventListener('scroll', handleScroll); 19 | }, []); 20 | 21 | return position; 22 | }; 23 | 24 | export default useScroll; 25 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "ESNext", 4 | "lib": ["DOM", "DOM.Iterable", "ESNext"], 5 | "module": "ESNext", 6 | "skipLibCheck": true, 7 | 8 | /* Bundler mode */ 9 | "moduleResolution": "bundler", 10 | "allowImportingTsExtensions": true, 11 | "resolveJsonModule": true, 12 | "isolatedModules": true, 13 | "noEmit": true, 14 | "jsx": "react-jsx", 15 | 16 | /* Linting */ 17 | "strict": true, 18 | "noUnusedLocals": true, 19 | "noUnusedParameters": true, 20 | "noFallthroughCasesInSwitch": true 21 | }, 22 | "include": ["src"], 23 | "references": [{ "path": "./tsconfig.node.json" }] 24 | } 25 | -------------------------------------------------------------------------------- /src/lib/hooks/useMedia.tsx: -------------------------------------------------------------------------------- 1 | import { useState, useEffect } from 'react'; 2 | 3 | function useMedia(queries: string[], values: T[], defaultValue: T) { 4 | const mediaQueryLists = queries.map((q) => window.matchMedia(q)); 5 | const getValue = () => { 6 | const index = mediaQueryLists.findIndex((mql) => mql.matches); 7 | return typeof values[index] !== 'undefined' ? values[index] : defaultValue; 8 | }; 9 | const [value, setValue] = useState(getValue); 10 | 11 | useEffect(() => { 12 | const handler = () => setValue(getValue); 13 | mediaQueryLists.forEach((mql) => mql.addListener(handler)); 14 | return () => mediaQueryLists.forEach((mql) => mql.removeListener(handler)); 15 | }, []); 16 | 17 | return value; 18 | } 19 | 20 | export default useMedia; 21 | -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | #root { 2 | max-width: 1280px; 3 | margin: 0 auto; 4 | padding: 2rem; 5 | text-align: center; 6 | } 7 | 8 | .logo { 9 | height: 6em; 10 | padding: 1.5em; 11 | will-change: filter; 12 | transition: filter 300ms; 13 | } 14 | .logo:hover { 15 | filter: drop-shadow(0 0 2em #646cffaa); 16 | } 17 | .logo.react:hover { 18 | filter: drop-shadow(0 0 2em #61dafbaa); 19 | } 20 | 21 | @keyframes logo-spin { 22 | from { 23 | transform: rotate(0deg); 24 | } 25 | to { 26 | transform: rotate(360deg); 27 | } 28 | } 29 | 30 | @media (prefers-reduced-motion: no-preference) { 31 | a:nth-of-type(2) .logo { 32 | animation: logo-spin infinite 20s linear; 33 | } 34 | } 35 | 36 | .card { 37 | padding: 2em; 38 | } 39 | 40 | .read-the-docs { 41 | color: #888; 42 | } 43 | -------------------------------------------------------------------------------- /src/lib/hooks/useScreen.tsx: -------------------------------------------------------------------------------- 1 | import { useState, useEffect } from 'react'; 2 | 3 | interface ScreenDimensions { 4 | width: number; 5 | height: number; 6 | } 7 | const useScreen = (): ScreenDimensions => { 8 | const [screenDimensions, setScreenDimensions] = useState({ 9 | width: window.innerWidth, 10 | height: window.innerHeight, 11 | }); 12 | 13 | useEffect(() => { 14 | const handleResize = () => { 15 | setScreenDimensions({ 16 | width: window.innerWidth, 17 | height: window.innerHeight, 18 | }); 19 | }; 20 | 21 | window.addEventListener('resize', handleResize); 22 | 23 | return () => { 24 | window.removeEventListener('resize', handleResize); 25 | }; 26 | }, []); 27 | 28 | return screenDimensions; 29 | }; 30 | 31 | export default useScreen; 32 | -------------------------------------------------------------------------------- /src/lib/hooks/useOnClickOutside.tsx: -------------------------------------------------------------------------------- 1 | import { useEffect, RefObject } from 'react'; 2 | 3 | function useOnClickOutside( 4 | ref: RefObject, 5 | handler: (event: MouseEvent | TouchEvent) => void 6 | ) { 7 | useEffect(() => { 8 | const listener = (event: MouseEvent | TouchEvent) => { 9 | const el = ref?.current; 10 | if (!el || el.contains((event?.target as Node) || null)) { 11 | return; 12 | } 13 | handler(event); 14 | }; 15 | document.addEventListener('mousedown', listener); 16 | document.addEventListener('touchstart', listener); 17 | return () => { 18 | document.removeEventListener('mousedown', listener); 19 | document.removeEventListener('touchstart', listener); 20 | }; 21 | }, [ref, handler]); 22 | } 23 | 24 | export default useOnClickOutside; 25 | -------------------------------------------------------------------------------- /src/lib/hooks/useLocalStorage.tsx: -------------------------------------------------------------------------------- 1 | import { useState } from 'react'; 2 | 3 | function useLocalStorage(key: string, initialValue: any) { 4 | const [storedValue, setStoredValue] = useState(() => { 5 | try { 6 | const item = window.localStorage.getItem(key); 7 | return item ? JSON.parse(item) : initialValue; 8 | } catch (error) { 9 | console.log(error); 10 | return initialValue; 11 | } 12 | }); 13 | 14 | const setValue = (value: any) => { 15 | try { 16 | const valueToStore = 17 | value instanceof Function ? value(storedValue) : value; 18 | setStoredValue(valueToStore); 19 | window.localStorage.setItem(key, JSON.stringify(valueToStore)); 20 | } catch (error) { 21 | console.log(error); 22 | } 23 | }; 24 | 25 | return [storedValue, setValue]; 26 | } 27 | 28 | export default useLocalStorage; 29 | -------------------------------------------------------------------------------- /src/lib/hooks/useHover.tsx: -------------------------------------------------------------------------------- 1 | import { useState, useEffect, useRef } from 'react'; 2 | 3 | function useHover(): [React.MutableRefObject, boolean] { 4 | const [isHovered, setIsHovered] = useState(false); 5 | const ref = useRef(null); 6 | 7 | function handleMouseOver() { 8 | setIsHovered(true); 9 | } 10 | 11 | function handleMouseOut() { 12 | setIsHovered(false); 13 | } 14 | 15 | useEffect(() => { 16 | const node = ref.current; 17 | if (node) { 18 | node.addEventListener('mouseover', handleMouseOver); 19 | node.addEventListener('mouseout', handleMouseOut); 20 | 21 | return () => { 22 | node.removeEventListener('mouseover', handleMouseOver); 23 | node.removeEventListener('mouseout', handleMouseOut); 24 | }; 25 | } 26 | }, [ref.current]); 27 | 28 | return [ref, isHovered]; 29 | } 30 | 31 | export default useHover; 32 | -------------------------------------------------------------------------------- /src/lib/hooks/useConsole/useConTime.tsx: -------------------------------------------------------------------------------- 1 | import { useState, useEffect } from 'react'; 2 | import { setPrecisionForDecimal } from '../..'; 3 | 4 | type Time = { 5 | start: number; 6 | end: number; 7 | }; 8 | 9 | const useConTime = (text: string = 'Time Taken: ') => { 10 | const [time, setTime] = useState({ start: 0, end: 0 }); 11 | 12 | useEffect(() => { 13 | if (time.start !== null && time.end !== null) { 14 | const diff = time.end - time.start; 15 | console.log(`${text}${setPrecisionForDecimal(diff, 3)}ms`); 16 | } 17 | }, [time]); 18 | 19 | const startTimer = () => { 20 | setTime((prevTime) => ({ ...prevTime, start: performance.now() })); 21 | }; 22 | 23 | const endTimer = () => { 24 | setTime((prevTime) => ({ ...prevTime, end: performance.now() })); 25 | }; 26 | 27 | return { startConsole: startTimer, endConsole: endTimer }; 28 | }; 29 | 30 | export default useConTime; 31 | -------------------------------------------------------------------------------- /src/lib/hooks/useFetch.tsx: -------------------------------------------------------------------------------- 1 | import { useState, useEffect } from 'react'; 2 | 3 | interface FetchState { 4 | data: any; 5 | isLoading: boolean; 6 | error: null | Error; 7 | } 8 | 9 | const initialState: FetchState = { 10 | data: null, 11 | isLoading: false, 12 | error: null, 13 | }; 14 | 15 | interface FetchOptions { 16 | headers?: Headers; 17 | } 18 | 19 | const useFetch = (url: string, options?: FetchOptions): FetchState => { 20 | const [state, setState] = useState(initialState); 21 | 22 | useEffect(() => { 23 | const fetchData = async () => { 24 | try { 25 | setState({ data: null, isLoading: true, error: null }); 26 | const response = await fetch(url, options); 27 | const data = await response.json(); 28 | setState({ data, isLoading: false, error: null }); 29 | } catch (error: any) { 30 | setState({ data: null, isLoading: false, error }); 31 | } 32 | }; 33 | 34 | fetchData(); 35 | }, [url, options]); 36 | 37 | return state; 38 | }; 39 | 40 | export default useFetch; 41 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Mohammad Zolghadr 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /src/lib/funcs/funcNumber.ts: -------------------------------------------------------------------------------- 1 | function convertToPersianNumber(input: string | number): string { 2 | const persianDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹']; 3 | let output = ''; 4 | typeof input === 'number' ? (input = input.toString()) : ''; 5 | for (let i = 0; i < input.length; i++) { 6 | if (/\d/.test(input[i])) { 7 | output += persianDigits[parseInt(input[i])]; 8 | } else { 9 | output += input[i]; 10 | } 11 | } 12 | return output; 13 | } 14 | 15 | function convertToEnglishNumber(num: string): string { 16 | let farsiNums = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹']; 17 | let engNums = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9']; 18 | for (let i = 0; i < farsiNums.length; i++) { 19 | num = num.replace(new RegExp(farsiNums[i], 'g'), engNums[i]); 20 | } 21 | return num; 22 | } 23 | 24 | function separateNumbers(input: string | number): string { 25 | typeof input === 'number' ? (input = input.toString()) : ''; 26 | const isPersian = isPersianNumber(input); 27 | isPersian ? (input = convertToEnglishNumber(input)) : ''; 28 | const regex = /\d{1,3}(?=(\d{3})+(?!\d))/g; 29 | let result = input.replace(regex, '$&,'); 30 | return isPersian ? convertToPersianNumber(result) : result; 31 | } 32 | 33 | function isPersianNumber(input: string): boolean { 34 | const persianDigits = /^[\u06F0-\u06F9]+$/; 35 | return persianDigits.test(input); 36 | } 37 | 38 | export { 39 | convertToPersianNumber, 40 | separateNumbers, 41 | convertToEnglishNumber, 42 | isPersianNumber, 43 | }; 44 | -------------------------------------------------------------------------------- /src/lib/funcs/funcRandom.ts: -------------------------------------------------------------------------------- 1 | function randomNumber() { 2 | return Math.floor(Math.random() * 10000); 3 | } 4 | 5 | function randomNumberDigit(numDigits: number): number { 6 | const max = Math.pow(10, numDigits) - 1; 7 | const min = Math.pow(10, numDigits - 1); 8 | return Math.floor(Math.random() * (max - min + 1) + min); 9 | } 10 | 11 | function randomNumberRange(min: number, max: number): number { 12 | return Math.floor(Math.random() * (max - min) + min); 13 | } 14 | 15 | function randomNumberEven(isEven: boolean, min: number, max: number): number { 16 | let randomNum = Math.floor(Math.random() * (max - min + 1)) + min; 17 | if (isEven && randomNum % 2 !== 0) randomNum++; 18 | else if (!isEven && randomNum % 2 === 0) randomNum++; 19 | 20 | return randomNum; 21 | } 22 | 23 | function randomString(): string { 24 | let result = ''; 25 | const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'; 26 | const charactersLength = characters.length; 27 | for (let i = 0; i < 5; i++) { 28 | result += characters.charAt(Math.floor(Math.random() * charactersLength)); 29 | } 30 | return result; 31 | } 32 | 33 | function randomStringLength(length: number): string { 34 | const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'; 35 | let result = ''; 36 | for (let i = 0; i < length; i++) { 37 | result += characters.charAt(Math.floor(Math.random() * characters.length)); 38 | } 39 | return result; 40 | } 41 | 42 | function randomStringSymbols(): string { 43 | let result = ''; 44 | const characters = 45 | 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+'; 46 | const charactersLength = characters.length; 47 | for (let i = 0; i < 5; i++) { 48 | result += characters.charAt(Math.floor(Math.random() * charactersLength)); 49 | } 50 | return result; 51 | } 52 | 53 | function randomStringSymbolsLength(length: number): string { 54 | const characters = 55 | 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+'; 56 | let result = ''; 57 | for (let i = 0; i < length; i++) { 58 | result += characters.charAt(Math.floor(Math.random() * characters.length)); 59 | } 60 | return result; 61 | } 62 | 63 | export { 64 | randomNumber, 65 | randomNumberDigit, 66 | randomNumberRange, 67 | randomNumberEven, 68 | randomString, 69 | randomStringLength, 70 | randomStringSymbols, 71 | randomStringSymbolsLength, 72 | }; 73 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-hooks-plus", 3 | "version": "1.0.2", 4 | "private": false, 5 | "description": "Useful React Hooks and Functions", 6 | "type": "module", 7 | "main": "./dist/react-hooks-plus.umd.cjs", 8 | "module": "./dist/react-hooks-plus.js", 9 | "types": "./dist/lib/index.d.ts", 10 | "files": [ 11 | "dist", 12 | "README.md" 13 | ], 14 | "repository": { 15 | "type": "git", 16 | "url": "git+https://github.com/mohammad-zolghadr/react-hooks-plus" 17 | }, 18 | "keywords": [ 19 | "react", 20 | "typescript", 21 | "javascript", 22 | "hooks", 23 | "react hooks", 24 | "react-hooks", 25 | "useful hooks", 26 | "useful react hooks", 27 | "hook", 28 | "react-hooks-plus", 29 | "hooks plus", 30 | "react hooks plus", 31 | "useHooks", 32 | "react use hooks", 33 | "random", 34 | "random functions", 35 | "generateRandom", 36 | "random number", 37 | "random string", 38 | "convertToPersianNumber", 39 | "convertToArabicNumber", 40 | "convertToEnglishNumber", 41 | "isPersianNumber", 42 | "isArabicNumber", 43 | "separateNumber", 44 | "array", 45 | "findMaxIndex", 46 | "removeDuplicatesByProperty", 47 | "removeElement", 48 | "sortArrayAsc", 49 | "sortByProperty", 50 | "sortArrayDesc", 51 | "addElementToArrayIfNotExist", 52 | "addObjectToArrayIfPropNotExist", 53 | "average", 54 | "hasElement", 55 | "getMaxElement", 56 | "getMinElement", 57 | "isArrayEmpty", 58 | "shuffleArray", 59 | "uniqueArray", 60 | "flattenArray", 61 | "chunk", 62 | "sum", 63 | "copyToClipboard", 64 | "localStorage", 65 | "useLocalStorage", 66 | "useOnClickOutside", 67 | "useHover", 68 | "useFetch", 69 | "useConsoleLog", 70 | "useConsoleGroup", 71 | "useConsoleGroupCollapse", 72 | "useConsoleTable", 73 | "useConsoleTime", 74 | "useMedia", 75 | "useScreen", 76 | "useOnScreen", 77 | "useScroll", 78 | "precisionForDecimal", 79 | "Mohammad Zolghadr" 80 | ], 81 | "author": "Mohammad Zolghadr", 82 | "license": "MIT", 83 | "scripts": { 84 | "dev": "vite", 85 | "build": "tsc && vite build", 86 | "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0", 87 | "preview": "vite preview" 88 | }, 89 | "peerDependencies": { 90 | "path": "^0.12.7", 91 | "react": "^18.2.0", 92 | "react-dom": "^18.2.0" 93 | }, 94 | "devDependencies": { 95 | "@types/node": "^18.16.1", 96 | "@types/react": "^18.0.28", 97 | "@types/react-dom": "^18.0.11", 98 | "@typescript-eslint/eslint-plugin": "^5.57.1", 99 | "@typescript-eslint/parser": "^5.57.1", 100 | "@vitejs/plugin-react-swc": "^3.0.0", 101 | "eslint": "^8.38.0", 102 | "eslint-plugin-react-hooks": "^4.6.0", 103 | "eslint-plugin-react-refresh": "^0.3.4", 104 | "typescript": "^5.0.2", 105 | "vite": "^4.3.0", 106 | "vite-plugin-dts": "^2.3.0" 107 | } 108 | } 109 | -------------------------------------------------------------------------------- /src/lib/funcs/funcArray.ts: -------------------------------------------------------------------------------- 1 | function findMaxIndex(arr: number[]): number { 2 | let max = arr[0]; 3 | let maxIndex = 0; 4 | for (let i = 1; i < arr.length; i++) { 5 | if (arr[i] > max) { 6 | max = arr[i]; 7 | maxIndex = i; 8 | } 9 | } 10 | return maxIndex; 11 | } 12 | 13 | function chunk(arr: T[], chunkSize: number): T[][] { 14 | const chunkedArr = []; 15 | 16 | for (let i = 0; i < arr.length; i += chunkSize) { 17 | const chunk = arr.slice(i, i + chunkSize); 18 | chunkedArr.push(chunk); 19 | } 20 | 21 | return chunkedArr; 22 | } 23 | 24 | function flattenArray(arr: T[][]): T[] { 25 | return arr.reduce((acc, curr) => [...acc, ...curr], []); 26 | } 27 | 28 | function uniqueArray(arr: T[]): T[] { 29 | return [...new Set(arr)]; 30 | } 31 | 32 | function sortByProperty(arr: T[], prop: keyof T): T[] { 33 | return arr.sort((a, b) => (a[prop] > b[prop] ? 1 : -1)); 34 | } 35 | 36 | function shuffleArray(arr: any[]): any[] { 37 | for (let i = arr.length - 1; i > 0; i--) { 38 | const j = Math.floor(Math.random() * (i + 1)); 39 | [arr[i], arr[j]] = [arr[j], arr[i]]; 40 | } 41 | return arr; 42 | } 43 | 44 | function sum(array: number[]): number { 45 | return array.reduce((a, b) => a + b, 0); 46 | } 47 | 48 | function isArrayEmpty(arr: any[]): boolean { 49 | return arr.length === 0; 50 | } 51 | 52 | function getMaxElement(arr: number[]): number { 53 | return Math.max(...arr); 54 | } 55 | 56 | function getMinElement(arr: number[]): number { 57 | return Math.min(...arr); 58 | } 59 | 60 | function hasElement(arr: any[], elem: any): boolean { 61 | return arr.includes(elem); 62 | } 63 | 64 | function removeElement(arr: any[], elem: any): any[] { 65 | return arr.filter((item: any) => item !== elem); 66 | } 67 | 68 | function average(arr: number[]): number | undefined { 69 | if (arr.length === 0) { 70 | return undefined; 71 | } 72 | return sum(arr) / arr.length; 73 | } 74 | 75 | function addElementToArrayIfNotExist(arr: any[], element: any): any[] { 76 | if (!arr.includes(element)) { 77 | arr.push(element); 78 | } 79 | return arr; 80 | } 81 | 82 | function addObjectToArrayIfPropNotExist( 83 | arr: any[], 84 | obj: any, 85 | propToCheck: string 86 | ): any[] { 87 | if (!arr.some((x) => x[propToCheck] == obj[propToCheck])) { 88 | arr.push(obj); 89 | } 90 | return arr; 91 | } 92 | 93 | function sortArrayDesc(arr: any[]): any[] { 94 | return arr.sort((a, b) => b - a); 95 | } 96 | 97 | function sortArrayAsc(arr: any[]): any[] { 98 | return arr.sort((a, b) => a - b); 99 | } 100 | 101 | function removeDuplicatesByProperty(arr: T[], property: keyof T): T[] { 102 | return arr.filter( 103 | (item, index, self) => 104 | index === self.findIndex((t) => t[property] === item[property]) 105 | ); 106 | } 107 | 108 | export { 109 | findMaxIndex, 110 | removeDuplicatesByProperty, 111 | removeElement, 112 | sortArrayAsc, 113 | sortByProperty, 114 | sortArrayDesc, 115 | addElementToArrayIfNotExist, 116 | addObjectToArrayIfPropNotExist, 117 | average, 118 | hasElement, 119 | getMaxElement, 120 | getMinElement, 121 | isArrayEmpty, 122 | shuffleArray, 123 | uniqueArray, 124 | flattenArray, 125 | chunk, 126 | sum, 127 | }; 128 | -------------------------------------------------------------------------------- /src/lib/index.ts: -------------------------------------------------------------------------------- 1 | // ================================ Functions ===================================== 2 | // =========== random 3 | import { 4 | randomNumber, 5 | randomNumberDigit, 6 | randomNumberRange, 7 | randomNumberEven, 8 | randomString, 9 | randomStringLength, 10 | randomStringSymbols, 11 | randomStringSymbolsLength, 12 | } from './funcs/funcRandom'; 13 | export { 14 | randomNumber, 15 | randomNumberDigit, 16 | randomNumberRange, 17 | randomNumberEven, 18 | randomString, 19 | randomStringLength, 20 | randomStringSymbols, 21 | randomStringSymbolsLength, 22 | }; 23 | // =========== local storage 24 | import { 25 | saveToLocalStorage, 26 | getFromLocalStorage, 27 | } from './funcs/funcLocalStorage'; 28 | export { saveToLocalStorage, getFromLocalStorage }; 29 | // ========== decimal 30 | import setPrecisionForDecimal from './funcs/funcDecimalNumber'; 31 | export { setPrecisionForDecimal }; 32 | // ========== array 33 | import { 34 | findMaxIndex, 35 | removeDuplicatesByProperty, 36 | removeElement, 37 | sortArrayAsc, 38 | sortByProperty, 39 | sortArrayDesc, 40 | addElementToArrayIfNotExist, 41 | addObjectToArrayIfPropNotExist, 42 | average, 43 | hasElement, 44 | getMaxElement, 45 | getMinElement, 46 | isArrayEmpty, 47 | shuffleArray, 48 | uniqueArray, 49 | flattenArray, 50 | chunk, 51 | sum, 52 | } from './funcs/funcArray'; 53 | export { 54 | findMaxIndex, 55 | removeDuplicatesByProperty, 56 | removeElement, 57 | sortArrayAsc, 58 | sortByProperty, 59 | sortArrayDesc, 60 | addElementToArrayIfNotExist, 61 | addObjectToArrayIfPropNotExist, 62 | average, 63 | hasElement, 64 | getMaxElement, 65 | getMinElement, 66 | isArrayEmpty, 67 | shuffleArray, 68 | uniqueArray, 69 | flattenArray, 70 | chunk, 71 | sum, 72 | }; 73 | 74 | // ========== number 75 | import { 76 | convertToPersianNumber, 77 | separateNumbers, 78 | convertToEnglishNumber, 79 | isPersianNumber, 80 | } from './funcs/funcNumber'; 81 | export { 82 | convertToPersianNumber, 83 | separateNumbers, 84 | convertToEnglishNumber, 85 | isPersianNumber, 86 | }; 87 | 88 | // ================================ Hooks ===================================== 89 | // =========== copy to clipboard 90 | import useCopyToClipboard from './hooks/useCopyToClipboard'; 91 | export { useCopyToClipboard }; 92 | // =========== local storage 93 | import useLocalStorage from './hooks/useLocalStorage'; 94 | export { useLocalStorage }; 95 | // =========== document title 96 | import useDocTitle from './hooks/useDocTitle'; 97 | export { useDocTitle }; 98 | // =========== on click outside 99 | import useOnClickOutside from './hooks/useOnClickOutside'; 100 | export { useOnClickOutside }; 101 | // =========== on hover 102 | import useHover from './hooks/useHover'; 103 | export { useHover }; 104 | // =========== fetch 105 | import useFetch from './hooks/useFetch'; 106 | export { useFetch }; 107 | // =========== console 108 | import useConLog from './hooks/useConsole/useConLog'; 109 | import useConGroup from './hooks/useConsole/useConGroup'; 110 | import useConTable from './hooks/useConsole/useConTable'; 111 | import useConTime from './hooks/useConsole/useConTime'; 112 | export { useConLog, useConGroup, useConTable, useConTime }; 113 | // ========== media query 114 | import useMedia from './hooks/useMedia'; 115 | export { useMedia }; 116 | // ========== scroll 117 | import useScroll from './hooks/useScroll'; 118 | export { useScroll }; 119 | // ========== screen 120 | import useScreen from './hooks/useScreen'; 121 | export { useScreen }; 122 | // ========== on screen 123 | import useOnScreen from './hooks/useOnScreen'; 124 | export { useOnScreen }; 125 | -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- 1 | import { useEffect, useRef } from 'react'; 2 | 3 | import { 4 | randomNumber, 5 | randomNumberDigit, 6 | randomNumberRange, 7 | randomNumberEven, 8 | randomString, 9 | randomStringLength, 10 | randomStringSymbols, 11 | randomStringSymbolsLength, 12 | } from './lib/index'; 13 | import { saveToLocalStorage, getFromLocalStorage } from './lib/index'; 14 | import { 15 | convertToPersianNumber, 16 | separateNumbers, 17 | convertToEnglishNumber, 18 | isPersianNumber, 19 | } from './lib/index'; 20 | import { setPrecisionForDecimal } from './lib/index'; 21 | import { 22 | findMaxIndex, 23 | removeDuplicatesByProperty, 24 | removeElement, 25 | sortArrayAsc, 26 | sortByProperty, 27 | sortArrayDesc, 28 | addElementToArrayIfNotExist, 29 | addObjectToArrayIfPropNotExist, 30 | average, 31 | hasElement, 32 | getMaxElement, 33 | getMinElement, 34 | isArrayEmpty, 35 | shuffleArray, 36 | uniqueArray, 37 | flattenArray, 38 | chunk, 39 | sum, 40 | } from './lib/index'; 41 | 42 | // Hooks 43 | import { useCopyToClipboard } from './lib/index'; 44 | import { useLocalStorage } from './lib/index'; 45 | import { useDocTitle } from './lib/index'; 46 | import { useOnClickOutside } from './lib/index'; 47 | import { useHover } from './lib/index'; 48 | import { useFetch } from './lib/index'; 49 | import { useConLog } from './lib/index'; 50 | import { useConGroup } from './lib/index'; 51 | import { useConTable } from './lib/index'; 52 | import { useConTime } from './lib/index'; 53 | import { useMedia } from './lib/index'; 54 | import { useScroll } from './lib/index'; 55 | import { useScreen } from './lib/index'; 56 | import { useOnScreen } from './lib/index'; 57 | 58 | const styleFlex: {} = { 59 | display: 'flex', 60 | alignItems: 'center', 61 | justifyContent: 'center', 62 | }; 63 | const styleFlexCol: {} = { 64 | display: 'flex', 65 | flexDirection: 'column', 66 | alignItems: 'center', 67 | justifyContent: 'center', 68 | }; 69 | const styleContainer: {} = { 70 | ...styleFlex, 71 | gap: '10px', 72 | height: '100vh', 73 | }; 74 | const styleButtons: {} = { 75 | ...styleFlexCol, 76 | flexWrap: 'wrap', 77 | gap: '10px', 78 | }; 79 | 80 | function App() { 81 | const { copied, copyToClipboard } = useCopyToClipboard(); 82 | 83 | const [phoneNumber, setPhoneNumber] = useLocalStorage('phoneNumber', ''); 84 | 85 | const { data, isLoading } = useFetch( 86 | 'https://jsonplaceholder.typicode.com/posts/1' 87 | ); 88 | 89 | useDocTitle('Changed By My Hook'); 90 | 91 | const handlePhoneNumberChange = ( 92 | event: React.ChangeEvent 93 | ) => { 94 | setPhoneNumber(event.target.value); 95 | }; 96 | 97 | const myRef = useRef(null); 98 | 99 | const [hoverRef, isHovered] = useHover(); 100 | 101 | const isOnScreen = useOnScreen(hoverRef); 102 | useConLog('Visible on Screen : ', isOnScreen); 103 | 104 | const handleClickOutside = () => { 105 | console.log('Clicked outside!'); 106 | }; 107 | 108 | useConGroup(data, 'My Group Label'); 109 | 110 | const mNum = '۵,۲۲۶'; 111 | useConLog(convertToEnglishNumber(mNum)); 112 | const myNumber = convertToPersianNumber(7775226); 113 | useConLog( 114 | separateNumbers(myNumber), 115 | ' - is Persian Number ? ', 116 | isPersianNumber(myNumber) 117 | ); 118 | 119 | useOnClickOutside(myRef, handleClickOutside); 120 | 121 | const { startConsole, endConsole } = useConTime('Data Loaded in : '); 122 | 123 | useEffect(() => { 124 | startConsole(); 125 | }, []); 126 | 127 | const tableData = [ 128 | { title: 'iPhone 14', price: '1999$' }, 129 | { title: 'Xiaomi Redmi 9T', price: '549$' }, 130 | ]; 131 | useConTable(tableData, ['price', 'price']); 132 | 133 | useEffect(() => { 134 | data && endConsole(); 135 | console.log(setPrecisionForDecimal(1275.5683535, 4)); 136 | }, [data]); 137 | 138 | const isMobile = useMedia(['(max-width: 767px)'], [true], false); 139 | 140 | useConLog('MediaQuery is under 767px : ', isMobile); 141 | 142 | const { x, y } = useScroll(); 143 | useConLog('X : ', x, ' - Y : ', y); 144 | 145 | const { width, height } = useScreen(); 146 | useConLog('Width : ', width, ' - Height : ', height); 147 | 148 | // =============================================== Array Usage 149 | const arrayUsage = () => { 150 | const arr1 = [3, 7, 1, 9, 4]; 151 | const maxIndex = findMaxIndex(arr1); 152 | console.log( 153 | `The largest element in arr1 is ${arr1[maxIndex]} at index ${maxIndex}.` 154 | ); 155 | 156 | const arr = [1, 2, 3, 4, 5, 6]; 157 | const chunkedArr = chunk(arr, 3); // returns [[1, 2, 3], [4, 5, 6]] 158 | console.log(chunkedArr); 159 | 160 | const arra = [[1, 2], [3, 4], [5]]; 161 | const flattenedArr = flattenArray(arra); // [1, 2, 3, 4, 5] 162 | console.log(flattenedArr); 163 | 164 | const arras = [1, 2, 2, 3, 4, 4]; 165 | const uniqueArr = uniqueArray(arras); // [1, 2, 3, 4] 166 | console.log(uniqueArr); 167 | 168 | const users: { name: string; age: number }[] = [ 169 | { name: 'John', age: 25 }, 170 | { name: 'Mary', age: 20 }, 171 | { name: 'Adam', age: 30 }, 172 | ]; 173 | const sortedUsers = sortByProperty(users, 'age'); // [{ name: 'Mary', age: 20 }, { name: 'John', age: 25 }, { name: 'Adam', age: 30 }] 174 | console.log(sortedUsers); 175 | 176 | const myArray = [1, 2, 3, 4, 5, 6]; 177 | const shuffledArray = shuffleArray(myArray); 178 | console.log(shuffledArray); 179 | 180 | const numbers = [1, 2, 3, 4, 5]; 181 | const total = sum(numbers); 182 | console.log(`The sum is ${total}`); //output: 15 183 | 184 | const myArr = [4, 6, 8, 5]; 185 | console.log(isArrayEmpty(myArr)); // false 186 | 187 | const mAr: number[] = [10, 5, 20, 15]; 188 | console.log(getMaxElement(mAr)); // Output: 20 189 | console.log(getMinElement(mAr)); // Output: 5 190 | 191 | const fruits: string[] = ['apple', 'banana', 'orange']; 192 | console.log(hasElement(fruits, 'banana')); // Output: true 193 | 194 | let mNum: number[] = [10, 20, 30, 40]; 195 | mNum = removeElement(mNum, 20); 196 | console.log(mNum); // Output: [10, 30, 40] 197 | 198 | const mArrr = [2, 4, 6, 8, 10]; 199 | const avg = average(mArrr); // returns 6 200 | console.log(avg); 201 | 202 | let newArr = addElementToArrayIfNotExist(mArrr, 6); 203 | console.log(newArr); 204 | 205 | let newArray = addObjectToArrayIfPropNotExist( 206 | users, 207 | { name: 'John', age: 38 }, 208 | 'name' 209 | ); 210 | console.log(newArray); 211 | 212 | let newArrrrr = sortArrayDesc(mArrr); 213 | console.log(newArrrrr); 214 | 215 | let newArrayaay = sortArrayAsc(myArray); 216 | console.log(newArrayaay); 217 | 218 | const people: { 219 | id: number; 220 | name: string; 221 | age: number; 222 | }[] = [ 223 | { id: 1, name: 'John', age: 30 }, 224 | { id: 2, name: 'Jane', age: 25 }, 225 | { id: 3, name: 'John', age: 30 }, 226 | { id: 4, name: 'Bob', age: 40 }, 227 | { id: 5, name: 'Jane', age: 20 }, 228 | ]; 229 | 230 | const uniquePeople = removeDuplicatesByProperty(people, 'name'); 231 | console.log(uniquePeople); 232 | /* Output: 233 | [ 234 | { id: 1, name: "John", age: 30 }, 235 | { id: 2, name: "Jane", age: 25 }, 236 | { id: 4, name: "Bob", age:40 } 237 | ]; 238 | */ 239 | }; 240 | arrayUsage(); 241 | 242 | return ( 243 |

244 |

245 |

246 | {isLoading ? 'Connecting to API' : 'Connected to API Check The Log'} 247 |

248 |

249 |

250 |

See Log For Result

251 |

252 | 259 | 266 | 273 | 280 | 287 | 294 | 301 | 308 |

309 |

310 |

311 | 316 | {copied &&

Text copied to clipboard!

} 317 |

318 |

319 | 327 | 332 |

333 |

341 | Click outside this element and check the console! 342 |

343 |

351 | {isHovered ? 'Is Hovered!' : 'Not Hovered!'} 352 |

353 |

354 |

355 | ); 356 | } 357 | 358 | export default App; 359 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 |

4 | 5 |

6 | 7 |

8 | 9 | [![install size](https://packagephobia.com/badge?p=react-hooks-plus)](https://packagephobia.com/result?p=react-hooks-plus) 10 | 11 | 12 | [![NPM Downloads](https://img.shields.io/npm/dm/react-hooks-plus.svg?style=flat)](https://npmcharts.com/compare/react-hooks-plus?minimal=true) 13 | 14 | 15 | Increasing **speed** and **accuracy** is one of the main criteria for cleaner and better coding 16 | 17 | 📞 Who I am and how to communicate with me 18 | 19 |

Table of Content

20 | 21 |

Installation And Conditions

22 |

Functions

23 |

25 |
Random Functions
26 |
- randomNumber
- randomNumberDigit
- randomNumberRange
- randomNumberEven
- randomString
- randomStringLength
- randomStringSymbols
- randomStringSymbolsLength
36 |
38 |
Number Functions
39 |
- convertToPersianNumber
- convertToEnglishNumber
- separateNumbers
- isPersianNumber
45 |
47 |
Array Functions
48 |
- uniqueArray
- shuffleArray
- chunk
- flattenArray
- findMaxIndex
- isArrayEmpty
- getMaxElement
- getMinElement
- hasElement
- sum
- average
- addElementToArrayIfNotExist
- addObjectToArrayIfPropNotExist
- removeElement
- removeDuplicatesByProperty
- sortByProperty
- sortArrayDesc
- sortArrayAsc
68 |
69 |
Local Storage
Decimal With Precision

73 |

74 |

Hooks

75 |

useCopyToClipboard
useLocalStorage
useDocTitle
useOnClickOutside
useHover
useFetch
useMedia
useScroll
useScreen
useOnScreen
87 |
Use Console
88 |
- useConLog
- useConGroup
- useConTable
- useConTime
94 |
95 |

97 | 98 | 99 | 100 | --- 101 | 102 | ##

Installation And Conditions ↑

103 | 104 | You can use : 105 | 106 | `npm i react-hooks-plus` 107 | 108 | or 109 | 110 | `yarn add react-hooks-plus` 111 | 112 | --- 113 | 114 | ##

Random Functions ↑

115 | 116 | ###

randomNumber ↑

117 | 118 | First you need to import 119 | 120 | ```javascript 121 | import { randomNumber } from 'react-hooks-plus'; 122 | ``` 123 | 124 | And then to use it, proceed as follows : 125 | 126 | ```javascript 127 | console.log(randomNumber()); 128 | ``` 129 | 130 | By doing this, a `random number (max 4 digits)` will appear for you in the log 131 | 132 | --- 133 | 134 | ###

randomNumberDigit ↑

135 | 136 | First you need to import 137 | 138 | ```javascript 139 | import { randomNumberDigit } from 'react-hooks-plus'; 140 | ``` 141 | 142 | And then to use it, proceed as follows : 143 | 144 | > As the function parameter of the function, you must enter a number so that your final output is a number with the desired number of digits 145 | 146 | ```javascript 147 | console.log(randomNumberDigit(7)); 148 | ``` 149 | 150 | In this example, your log output will be a `7-digit random number` 151 | 152 | --- 153 | 154 | ###

randomNumberRange ↑

155 | 156 | First you need to import 157 | 158 | ```javascript 159 | import { randomNumberRange } from 'react-hooks-plus'; 160 | ``` 161 | 162 | And then to use it, proceed as follows : 163 | 164 | > As the function parameter of the function, you must enter two numbers as `min` and `max` so that your final output is a number in your desired range. 165 | 166 | ```javascript 167 | console.log(randomNumberRange(1, 100)); 168 | ``` 169 | 170 | In this example, your log output will be a `random number between 1 and 100` 171 | 172 | --- 173 | 174 | ###

randomNumberEven ↑

175 | 176 | First you need to import 177 | 178 | ```javascript 179 | import { randomNumberEven } from 'react-hooks-plus'; 180 | ``` 181 | 182 | And then to use it, proceed as follows : 183 | 184 | > As the function parameter of the function, you must enter a boolean value and two numbers as min and max. If the first parameter is true, it means your output is an `even number` and if it is false, it means your output is an `odd number`. 185 | > The second and third parameters are related to your `determining the random number range` 186 | 187 | ```javascript 188 | console.log(randomNumberEven(true, 1, 100)); 189 | ``` 190 | 191 | In this example, your log output will be an `even random number between 1 and 100` 192 | 193 | --- 194 | 195 | ###

randomString ↑

196 | 197 | First you need to import 198 | 199 | ```javascript 200 | import { randomString } from 'react-hooks-plus'; 201 | ``` 202 | 203 | And then to use it, proceed as follows : 204 | 205 | ```javascript 206 | console.log(randomString()); 207 | ``` 208 | 209 | By doing this, a `random string (max 5 char)` will appear for you in the log 210 | 211 | --- 212 | 213 | ###

randomStringLength ↑

214 | 215 | First you need to import 216 | 217 | ```javascript 218 | import { randomStringLength } from 'react-hooks-plus'; 219 | ``` 220 | 221 | And then to use it, proceed as follows : 222 | 223 | > As an function parameter to the function, you must assign a number to it, which determines the `length of your string` 224 | 225 | ```javascript 226 | console.log(randomStringLength(12)); 227 | ``` 228 | 229 | By doing this, your log output will be a `random string of 12 characters long` 230 | 231 | --- 232 | 233 | ###

randomStringSymbols ↑

234 | 235 | First you need to import 236 | 237 | ```javascript 238 | import { randomStringSymbols } from 'react-hooks-plus'; 239 | ``` 240 | 241 | And then to use it, proceed as follows : 242 | 243 | ```javascript 244 | console.log(randomStringSymbols()); 245 | ``` 246 | 247 | By doing this, a `random string of letters, numbers and symbols (max 5 characters)` will appear for you in the log. 248 | 249 | --- 250 | 251 | ###

randomStringSymbolsLength ↑

252 | 253 | First you need to import 254 | 255 | ```javascript 256 | import { randomStringSymbolsLength } from 'react-hooks-plus'; 257 | ``` 258 | 259 | And then to use it, proceed as follows : 260 | 261 | > As an function parameter to the function, you must assign a number to it, which determines the `length of your string` 262 | 263 | ```javascript 264 | console.log(randomStringSymbolsLength(12)); 265 | ``` 266 | 267 | By doing this, your log output will be a `random string of letters, numbers, and symbols that is 12 characters long` 268 | 269 | --- 270 | 271 | ##

Random Functions ↑

272 | 273 | ###

convertToPersianNumber ↑

274 | 275 | > This function **converts English numbers to Persian or Arabic** 276 | 277 | First you need to import 278 | 279 | ```javascript 280 | import { convertToPersianNumber } from 'react-hooks-plus'; 281 | ``` 282 | 283 | And then to use it, proceed as follows : 284 | 285 | ```javascript 286 | //Example usage 287 | const input = '1234567890'; 288 | const persianNum = convertToPersianNumber(input); 289 | console.log(persianNum); // "۱۲۳۴۵۶۷۸۹۰" 290 | ``` 291 | 292 | --- 293 | 294 | ###

convertToEnglishNumber ↑

295 | 296 | > This function **converts Persian or Arabic numbers to English** 297 | 298 | First you need to import 299 | 300 | ```javascript 301 | import { convertToEnglishNumber } from 'react-hooks-plus'; 302 | ``` 303 | 304 | And then to use it, proceed as follows : 305 | 306 | ```javascript 307 | //Example usage 308 | let PersianNum = '۱۲۳۴۵'; 309 | let engNum = convertToEnglishNumber(PersianNum); 310 | console.log(engNum); // output: 12345 311 | ``` 312 | 313 | --- 314 | 315 | ###

separateNumbers ↑

316 | 317 | > This function **separates the numbers three by three** with `,` 318 | 319 | First you need to import 320 | 321 | ```javascript 322 | import { separateNumbers } from 'react-hooks-plus'; 323 | ``` 324 | 325 | And then to use it, proceed as follows : 326 | 327 | ```javascript 328 | //Example usage 329 | console.log(separateNumbers('1234567890')); // 1,234,567,890 330 | console.log(separateNumbers('۷۷۷۵۲۲۶')); // ۷,۷۷۵,۲۲۶ 331 | ``` 332 | 333 | --- 334 | 335 | ###

isPersianNumber ↑

336 | 337 | > This function returns a Boolean value that indicates whether **the number you sent as input to this function is Persian (Arabic) or not**. 338 | 339 | First you need to import 340 | 341 | ```javascript 342 | import { isPersianNumber } from 'react-hooks-plus'; 343 | ``` 344 | 345 | And then to use it, proceed as follows : 346 | 347 | ```javascript 348 | //Example usage 349 | console.log(isPersianNumber('۵,۲۲۶')); // true 350 | console.log(isPersianNumber('۵۲۲۶')); // true 351 | console.log(isPersianNumber(42735)); // false 352 | console.log(isPersianNumber('42,753')); // false 353 | ``` 354 | 355 | --- 356 | 357 | ##

Array Functions ↑

358 | 359 | ###

UniqueArray ↑

360 | 361 | `UniqueArray` : Takes an array and returns a new array containing only unique elements. 362 | 363 | First you need to import 364 | 365 | ```javascript 366 | import { uniqueArray } from 'react-hooks-plus'; 367 | ``` 368 | 369 | And then to use it, proceed as follows : 370 | 371 | ```javascript 372 | const arr = [1, 2, 2, 3, 4, 4]; 373 | const uniqueArr = uniqueArray(arr); // [1, 2, 3, 4] 374 | ``` 375 | 376 | --- 377 | 378 | ###

shuffleArray ↑

379 | 380 | `shuffleArray` : This function takes in an array and shuffles its contents randomly 381 | 382 | First you need to import 383 | 384 | ```javascript 385 | import { shuffleArray } from 'react-hooks-plus'; 386 | ``` 387 | 388 | And then to use it, proceed as follows : 389 | 390 | ```javascript 391 | const myArray = [1, 2, 3, 4, 5, 6]; 392 | const shuffledArray = shuffleArray(myArray); 393 | ``` 394 | 395 | --- 396 | 397 | ###

chunk ↑

398 | 399 | `chunk` : This function takes an array and a chunk size and returns a new array with the original array split into chunks of the specified size 400 | 401 | First you need to import 402 | 403 | ```javascript 404 | import { chunk } from 'react-hooks-plus'; 405 | ``` 406 | 407 | And then to use it, proceed as follows : 408 | 409 | ```javascript 410 | const arr = [1, 2, 3, 4, 5, 6]; 411 | const chunkedArr = chunk(arr, 3); // returns [[1, 2, 3], [4, 5, 6]] 412 | ``` 413 | 414 | --- 415 | 416 | ###

flattenArray ↑

417 | 418 | `flattenArray` : Takes an array of arrays and flattens it into a single array 419 | 420 | First you need to import 421 | 422 | ```javascript 423 | import { flattenArray } from 'react-hooks-plus'; 424 | ``` 425 | 426 | And then to use it, proceed as follows : 427 | 428 | ```javascript 429 | const arr = [[1, 2], [3, 4], [5]]; 430 | const flattenedArr = flattenArray(arr); // [1, 2, 3, 4, 5] 431 | ``` 432 | 433 | --- 434 | 435 | ###

findMaxIndex ↑

436 | 437 | The `findMaxIndex` function takes an array of numbers as input and returns the index of the largest element in the array. 438 | 439 | First you need to import 440 | 441 | ```javascript 442 | import { findMaxIndex } from 'react-hooks-plus'; 443 | ``` 444 | 445 | And then to use it, proceed as follows : 446 | 447 | ```javascript 448 | const arr1 = [3, 7, 1, 9, 4]; 449 | const maxIndex = findMaxIndex(arr1); 450 | console.log( 451 | `The largest element in arr1 is ${arr1[maxIndex]} at index ${maxIndex}.` 452 | ); 453 | ``` 454 | 455 | --- 456 | 457 | ###

isArrayEmpty ↑

458 | 459 | `isArrayEmpty` : Function to check if an array is empty 460 | 461 | First you need to import 462 | 463 | ```javascript 464 | import { isArrayEmpty } from 'react-hooks-plus'; 465 | ``` 466 | 467 | And then to use it, proceed as follows : 468 | 469 | ```javascript 470 | const myArr = [4, 6, 8, 5]; 471 | console.log(isArrayEmpty(myArr)); // false 472 | ``` 473 | 474 | --- 475 | 476 | ###

getMaxElement ↑

477 | 478 | `getMaxElement` : Function to get the maximum element in an array 479 | 480 | First you need to import 481 | 482 | ```javascript 483 | import { getMaxElement } from 'react-hooks-plus'; 484 | ``` 485 | 486 | And then to use it, proceed as follows : 487 | 488 | ```javascript 489 | const arr: number[] = [10, 5, 20, 15]; 490 | console.log(getMaxElement(arr)); // Output: 20 491 | ``` 492 | 493 | --- 494 | 495 | ###

getMinElement ↑

496 | 497 | `getMinElement` : Function to get the minimum element in an array 498 | 499 | First you need to import 500 | 501 | ```javascript 502 | import { getMinElement } from 'react-hooks-plus'; 503 | ``` 504 | 505 | And then to use it, proceed as follows : 506 | 507 | ```javascript 508 | const arr: number[] = [10, 5, 20, 15]; 509 | console.log(getMinElement(arr)); // Output: 5 510 | ``` 511 | 512 | --- 513 | 514 | ###

hasElement ↑

515 | 516 | `hasElement` : Function to check if an array contains a specific element or not 517 | First you need to import 518 | 519 | ```javascript 520 | import { hasElement } from 'react-hooks-plus'; 521 | ``` 522 | 523 | And then to use it, proceed as follows : 524 | 525 | ```javascript 526 | const fruits: string[] = ['apple', 'banana', 'orange']; 527 | console.log(hasElement(fruits, 'banana')); // Output: true 528 | ``` 529 | 530 | --- 531 | 532 | ###

sum ↑

533 | 534 | `sum` : This function returns the sum of all the elements in the input array. 535 | 536 | First you need to import 537 | 538 | ```javascript 539 | import { sum } from 'react-hooks-plus'; 540 | ``` 541 | 542 | And then to use it, proceed as follows : 543 | 544 | ```javascript 545 | const total = sum(numbers); 546 | console.log(`The sum is ${total}`); //output: 15 547 | ``` 548 | 549 | --- 550 | 551 | ###

average ↑

552 | 553 | `average` : Returns the average value of the elements of the array 554 | 555 | First you need to import 556 | 557 | ```javascript 558 | import { average } from 'react-hooks-plus'; 559 | ``` 560 | 561 | And then to use it, proceed as follows : 562 | 563 | ```javascript 564 | const arr = [2, 4, 6, 8, 10]; 565 | const avg = average(arr); // returns 6 566 | ``` 567 | 568 | --- 569 | 570 | ###

addElementToArrayIfNotExist ↑

571 | 572 | `addElementToArrayIfNotExist` : Function to add an element to an array if it doesn't exist in the array. 573 | 574 | First you need to import 575 | 576 | ```javascript 577 | import { addElementToArrayIfNotExist } from 'react-hooks-plus'; 578 | ``` 579 | 580 | And then to use it, proceed as follows : 581 | 582 | ```javascript 583 | let newArr = addElementToArrayIfNotExist(oldArr, elementToAdd); 584 | ``` 585 | 586 | --- 587 | 588 | ###

addObjectToArrayIfPropNotExist ↑

589 | 590 | `addObjectToArrayIfPropNotExist` : Function to add an object to an array if a specific property of that object doesn't exist in the array. 591 | 592 | First you need to import 593 | 594 | ```javascript 595 | import { addObjectToArrayIfPropNotExist } from 'react-hooks-plus'; 596 | ``` 597 | 598 | And then to use it, proceed as follows : 599 | 600 | ```javascript 601 | let newArr = addObjectToArrayIfPropNotExist(oldArr, objToAdd, 'propertyName'); 602 | ``` 603 | 604 | --- 605 | 606 | ###

removeElement ↑

607 | 608 | `removeElement` : Function to remove a specific element from an array 609 | 610 | First you need to import 611 | 612 | ```javascript 613 | import { removeElement } from 'react-hooks-plus'; 614 | ``` 615 | 616 | And then to use it, proceed as follows : 617 | 618 | ```javascript 619 | let numbers: number[] = [10, 20, 30, 40]; 620 | numbers = removeElement(numbers, 20); 621 | console.log(numbers); // Output: [10, 30, 40] 622 | ``` 623 | 624 | --- 625 | 626 | ###

removeDuplicatesByProperty ↑

627 | 628 | First you need to import 629 | 630 | `removeDuplicatesByProperty` : This function takes an array of objects and in the second parameter of the function, it takes a key and checks **if there were objects in this array that had the same key, it removes all duplicate items**. 631 | 632 | ```javascript 633 | import { removeDuplicatesByProperty } from 'react-hooks-plus'; 634 | ``` 635 | 636 | And then to use it, proceed as follows : 637 | 638 | ```javascript 639 | const people = [ 640 | { id: 1, name: 'John', age: 30 }, 641 | { id: 2, name: 'Jane', age: 25 }, 642 | { id: 3, name: 'John', age: 30 }, 643 | { id: 4, name: 'Bob', age: 40 }, 644 | { id: 5, name: 'Jane', age: 20 }, 645 | ]; 646 | 647 | const uniquePeople = removeDuplicatesByProperty(people, 'name'); 648 | console.log(uniquePeople); 649 | /* Output: 650 | [ 651 | { id: 1, name: "John", age: 30 }, 652 | { id: 2, name: "Jane", age: 25 }, 653 | { id: 4, name: "Bob", age:40 } 654 | ]; 655 | */ 656 | ``` 657 | 658 | --- 659 | 660 | ###

sortByProperty ↑

661 | 662 | `sortByProperty`: Takes an array of objects and a property name and returns a new array sorted by the values of that property. 663 | 664 | First you need to import 665 | 666 | ```javascript 667 | import { sortByProperty } from 'react-hooks-plus'; 668 | ``` 669 | 670 | And then to use it, proceed as follows : 671 | 672 | ```javascript 673 | const users = [ 674 | { name: 'John', age: 25 }, 675 | { name: 'Mary', age: 20 }, 676 | { name: 'Adam', age: 30 }, 677 | ]; 678 | 679 | const sortedUsers = sortByProperty(users, 'age'); // [{ name: 'Mary', age: 20 }, { name: 'John', age: 25 }, { name: 'Adam', age: 30 }] 680 | ``` 681 | 682 | --- 683 | 684 | ###

sortArrayDesc ↑

685 | 686 | `sortArrayDesc` : Function to sort an array in descending order. 687 | 688 | First you need to import 689 | 690 | ```javascript 691 | import { sortArrayDesc } from 'react-hooks-plus'; 692 | ``` 693 | 694 | And then to use it, proceed as follows : 695 | 696 | ```javascript 697 | let newArr = sortArrayDesc(oldArr); 698 | ``` 699 | 700 | --- 701 | 702 | ###

sortArrayAsc ↑

703 | 704 | `sortArrayAsc` : Function to sort an array in ascending order. 705 | 706 | First you need to import 707 | 708 | ```javascript 709 | import { sortArrayAsc } from 'react-hooks-plus'; 710 | ``` 711 | 712 | And then to use it, proceed as follows : 713 | 714 | ```javascript 715 | let newArr = sortArrayAsc(oldArr); 716 | ``` 717 | 718 | --- 719 | 720 | ##

Local Storage ↑

721 | 722 | First you need to import 723 | 724 | ```javascript 725 | import { saveToLocalStorage, getFromLocalStorage } from 'react-hooks-plus'; 726 | ``` 727 | 728 | And then to use it, proceed as follows : 729 | 730 | > In the `saveToLocalStorage` function, you must enter the `key` as the first function parameter, and in the second parameter, you must enter the `value` that you want to save in the browser storage. 731 | 732 | > In the `getFromLocalStorage` tab, you must enter the `key` value as an function parameter to return the value stored by this key from the browser's storage. 733 | 734 | ```javascript 735 | // save to local 736 | const myFunction = () => { 737 | saveToLocalStorage('MY-KEY', 'MY-VALUE'); 738 | }; 739 | 740 | // get from local 741 | console.log(getFromLocalStorage('MY-KEY')); 742 | ``` 743 | 744 | By doing this, you save the `MY-VALUE` value in the browser's memory with the `MY-KEY` key 745 | 746 | And in the log, you will receive the information stored with the `MY-KEY` key from the browser's storage 747 | 748 | --- 749 | 750 | ##

Decimal With Precision ↑

751 | 752 | First you need to import 753 | 754 | ```javascript 755 | import { setPrecisionForDecimal } from 'react-hooks-plus'; 756 | ``` 757 | 758 | And then to use it, proceed as follows : 759 | 760 | > You can limit the number of digits of a decimal number by using the `setPrecisionForDecimal` function 761 | 762 | > 1. The first parameter is `your number`, which can be a decimal number or an integer 763 | > 2. The second parameter is the `number of decimal digits`. 764 | 765 | ```javascript 766 | setPrecisionForDecimal(3.14159, 2); // Output: 3.14 767 | setPrecisionForDecimal(3, 2); // Output: 3 768 | setPrecisionForDecimal(3.14159, 0); // Output: 3 769 | setPrecisionForDecimal(3.1485, 2); // Output: 3.15 770 | ``` 771 | 772 | --- 773 | 774 | ##

useCopyToClipboard ↑

775 | 776 | First you need to import 777 | 778 | ```javascript 779 | import { useCopyToClipboard } from 'react-hooks-plus'; 780 | ``` 781 | 782 | Then, you can use this hook in your component like this: 783 | 784 | > `copyToClipboard` is a function that you must enter a value that you want to save to the clipboard as the input of this function. 785 | 786 | > `copied` is a boolean value that returns true `when the content is saved to the clipboard` and **returns false after 1.5 seconds**. 787 | > `copied` is used when you want to put a successful text in the relevant subfield to show the user that the content in question has been successfully saved to the clipboard. 788 | 789 | Example : 790 | 791 | ```javascript 792 | function MyComponent() { 793 | const { copied, copyToClipboard } = useCopyToClipboard(); 794 | 795 | return ( 796 |

797 | 800 | {copied &&

Text copied to clipboard!

} 801 |

802 | ); 803 | } 804 | export default MyComponent; 805 | ``` 806 | 807 | --- 808 | 809 | ##

useLocalStorage ↑

810 | 811 | First you need to import 812 | 813 | ```javascript 814 | import { useLocalStorage } from 'react-hooks-plus'; 815 | ``` 816 | 817 | Then, you can use this hook in your component like this: 818 | 819 | > The first parameter of the useLocalStorage hook is the `key` that your value can be obtained in the browser storage with this key, and the second parameter is your `value`. 820 | 821 | > You should store the return value from the useLocalStorage hook **as a useState**. That is, a value and a setValue 822 | > And you can use this value, which is a react state, wherever you want 823 | > Also, using the setValue function, you can change the value wherever you want, and this value **change will also be done in the local storage**. 824 | 825 | Example : 826 | 827 | ```javascript 828 | function PhoneNumberInput() { 829 | const [phoneNumber, setPhoneNumber] = useLocalStorage('phoneNumber', ''); 830 | 831 | const handlePhoneNumberChange = (event) => { 832 | setPhoneNumber(event.target.value); 833 | }; 834 | 835 | return ( 836 | 837 | ); 838 | } 839 | ``` 840 | 841 | --- 842 | 843 | ##

useDocTitle ↑

844 | 845 | First you need to import 846 | 847 | ```javascript 848 | import { useDocTitle } from 'react-hooks-plus'; 849 | ``` 850 | 851 | Then, you can use this hook in your component like this: 852 | 853 | > It takes a **string** as input parameter 854 | 855 | ```javascript 856 | const MyComponent = () => { 857 | useDocTitle('My Component Title'); 858 | 859 | return ( 860 |

861 |

My Component

862 |

863 | ); 864 | }; 865 | ``` 866 | 867 | --- 868 | 869 | ##

useOnClickOutside ↑

870 | 871 | First you need to import 872 | 873 | ```javascript 874 | import { useOnClickOutside } from 'react-hooks-plus'; 875 | ``` 876 | 877 | Then, you can use this hook in your component like this: 878 | 879 | > This hook takes a `ref` as the first parameter and a `function` as the second parameter 880 | > So you have to assign this ref to an element on the page and create a function. This way, the function will be called **every time outside of your element is clicked** 881 | 882 | Example : 883 | 884 | ```javascript 885 | import { useRef } from 'react'; 886 | import useOnClickOutside from 'react-hooks-plus'; 887 | 888 | function App() { 889 | const ref = useRef(null); 890 | 891 | const handleClickOutside = () => { 892 | console.log('Clicked outside!'); 893 | }; 894 | 895 | useOnClickOutside(ref, handleClickOutside); 896 | 897 | return ( 898 |

899 |

Click outside this element and check the console!

900 |

901 | ); 902 | } 903 | ``` 904 | 905 | --- 906 | 907 | ##

useHover ↑

908 | 909 | First you need to import 910 | 911 | ```javascript 912 | import { useHover } from 'react-hooks-plus'; 913 | ``` 914 | 915 | Then, you can use this hook in your component like this: 916 | 917 | > To use this hook, you should note that it has two return values 918 | > The first value is a `ref`, which you must assign to the target element 919 | > And the second return value is a `boolean` whose **value becomes true whenever hover is performed on your element for which you have defined ref**. 920 | 921 | Example : 922 | 923 | ```javascript 924 | import useHover from 'react-hooks-plus'; 925 | 926 | function MyComponent() { 927 | const [ref, isHovered] = useHover(); 928 | 929 | return ( 930 |

931 |

{isHovered ? 'Hovered!' : 'Not Hovered'}

932 |

933 | ); 934 | } 935 | ``` 936 | 937 | --- 938 | 939 | ##

useFetch ↑

940 | 941 | First you need to import 942 | 943 | ```javascript 944 | import { useFetch } from 'react-hooks-plus'; 945 | ``` 946 | 947 | Then, you can use this hook in your component like this: 948 | 949 | > The useFetch hook takes the `url` of an API as an input parameter and gives you three return values 950 | 951 | > 1. One of the return values is `isLoading`, which is a Boolean value and from the time the request is sent, until the response is received from the API side, its value is **true**, and when the response is received (whether it encounters an error or data) are received safely, its value will be **false** 952 | > 2. Another return value is `error`, which returns an error if there is an error 953 | > 3. And another return value is `data`, which contains the fetched data from the API (the response from the API) 954 | 955 | Example : 956 | 957 | ```javascript 958 | import { useFetch } from 'react-hooks-plus'; 959 | 960 | function MyComponent() { 961 | const { data, isLoading, error } = useFetch('/api/data'); 962 | 963 | if (isLoading) { 964 | return

; 965 | } 966 | 967 | if (error) { 968 | return

Error: {error.message}

; 969 | } 970 | 971 | return ( 972 |

973 |

{data?.title}

974 |

{data?.body}

975 |

976 | ); 977 | } 978 | ``` 979 | 980 | --- 981 | 982 | ##

useMedia ↑

983 | 984 | First you need to import 985 | 986 | ```javascript 987 | import { useMedia } from 'react-hooks-plus'; 988 | ``` 989 | 990 | Then, you can use this hook in your component like this: 991 | 992 | > useMedia(queries: string[], values: T[], defaultValue: T) 993 | > 994 | > 1. `Queries` must be an `array of CSS media queries` (e.g. ['(max-width: 768px)', '(orientation: landscape)']). 995 | > 2. `Values` must be an `array of any type`, corresponding to the queries (e.g. [true, 'large']). 996 | > 3. `DefaultValue` is the value returned when none of the media queries match (e.g. false). 997 | 998 | > The hook returns the **current value, based on the current screen size**. 999 | 1000 | Example : 1001 | 1002 | ```javascript 1003 | import React from 'react'; 1004 | import useMedia from 'react-hooks-plus'; 1005 | 1006 | function App() { 1007 | const isMobile = useMedia(['(max-width: 767px)'], [true], false); 1008 | 1009 | return ( 1010 |

1011 |

You are browsing on {isMobile ? 'mobile' : 'desktop'}

1012 |

1013 | ); 1014 | } 1015 | ``` 1016 | 1017 | --- 1018 | 1019 | ##

useScroll ↑

1020 | 1021 | First you need to import 1022 | 1023 | ```javascript 1024 | import { useScroll } from 'react-hooks-plus'; 1025 | ``` 1026 | 1027 | Then, you can use this hook in your component like this: 1028 | 1029 | > The `useScroll` hook `returns two states x and y` 1030 | 1031 | > Both states, as their name suggests, **indicate the amount that has been scrolled from the page** 1032 | 1033 | Example : 1034 | 1035 | ```javascript 1036 | import useScroll from 'react-hooks-plus'; 1037 | 1038 | const MyComponent = () => { 1039 | const { x, y } = useScroll(); 1040 | 1041 | return ( 1042 |

1043 |

Current scroll position:

1044 |

X: {x}

1045 |

Y: {y}

1046 |

1047 | ); 1048 | }; 1049 | ``` 1050 | 1051 | --- 1052 | 1053 | ##

useScreen ↑

1054 | 1055 | First you need to import 1056 | 1057 | ```javascript 1058 | import { useScreen } from 'react-hooks-plus'; 1059 | ``` 1060 | 1061 | Then, you can use this hook in your component like this: 1062 | 1063 | > The `useScreen` hook `returns two states width and height` 1064 | 1065 | > Both states, as their name suggests, **show the current size of width and height** 1066 | 1067 | Example : 1068 | 1069 | ```javascript 1070 | import { useScreen } from 'react-hooks-plus'; 1071 | 1072 | const MyComponent = () => { 1073 | const { width, height } = useScreen(); 1074 | 1075 | return ( 1076 |

1077 | My screen dimensions are {width}px x {height}px 1078 |

1079 | ); 1080 | }; 1081 | ``` 1082 | 1083 | --- 1084 | 1085 | ##

useOnScreen ↑

1086 | 1087 | First you need to import 1088 | 1089 | ```javascript 1090 | import { useOnScreen } from 'react-hooks-plus'; 1091 | ``` 1092 | 1093 | Then, you can use this hook in your component like this: 1094 | 1095 | > The `useOnScreen` hook receives a `ref` as an input parameter and `returns a boolean` value 1096 | 1097 | > If this boolean value is `true`, that is, the element for which we considered the ref value, **will be seen in the viewport that is exposed to the user**. 1098 | 1099 | > If its value is `false`, it may be due to scrolling or..., this element is at the bottom or top of the page and the **user does not see it in the viewport**. 1100 | 1101 | Example : 1102 | 1103 | ```javascript 1104 | import { useRef } from 'react'; 1105 | import useOnScreen from 'react-hooks-plus'; 1106 | 1107 | function MyComponent() { 1108 | const ref = useRef(null); 1109 | const isOnScreen = useOnScreen(ref); 1110 | 1111 | return ( 1112 |

1113 | {isOnScreen ? 'Visible on screen' : 'Not visible on screen'} 1114 |

1115 | ); 1116 | } 1117 | ``` 1118 | 1119 | --- 1120 | 1121 | ##

Console Hooks ↑

1122 | 1123 | ###

useConLog ↑

1124 | 1125 | First you need to import 1126 | 1127 | ```javascript 1128 | import { useConLog } from 'react-hooks-plus'; 1129 | ``` 1130 | 1131 | Then, you can use this hook in your component like this: 1132 | 1133 | > The `useConLog` hook actually **executes once every time the state changes and prints a message in console.log**. 1134 | 1135 | > You can enter as many values as you want in its input parameter 1136 | 1137 | **In general, this hook for debugging will greatly speed up your work** 1138 | 1139 | Example : 1140 | 1141 | ```javascript 1142 | import useConLog from 'react-hooks-plus'; 1143 | 1144 | function MyComponent() { 1145 | const [count, setCount] = useState(0); 1146 | 1147 | useConLog('Count is : ', count); 1148 | 1149 | return ( 1150 |

1151 |

{count}

1152 | 1153 |

1154 | ); 1155 | } 1156 | ``` 1157 | 1158 | --- 1159 | 1160 | ###

useConGroup ↑

1161 | 1162 | First you need to import 1163 | 1164 | ```javascript 1165 | import { useConGroup } from 'react-hooks-plus'; 1166 | ``` 1167 | 1168 | Then, you can use this hook in your component like this: 1169 | 1170 | > The `useConGroup` hook actually **creates a group in your console and displays your content as a collapse** 1171 | > You can easily print your contents grouped in the console 1172 | 1173 | > The first parameter of this hook is your `Content or State` 1174 | > Your second parameter is the `label of the group`, **this part is optional** and You can leave this field blank 1175 | 1176 | **In general, this hook for debugging will greatly speed up your work** 1177 | 1178 | Example : 1179 | 1180 | ```javascript 1181 | import useConsoleGroup from 'react-hooks-plus'; 1182 | 1183 | const MyComponent = () => { 1184 | const data = { name: 'John', age: 27 }; 1185 | 1186 | useConsoleGroup(data, 'User Data'); 1187 | 1188 | // rest of your component code 1189 | }; 1190 | ``` 1191 | 1192 | ###

useConTable ↑

1193 | 1194 | First you need to import 1195 | 1196 | ```javascript 1197 | import { useConTable } from 'react-hooks-plus'; 1198 | ``` 1199 | 1200 | Then, you can use this hook in your component like this: 1201 | 1202 | > You can use the `useConTable` hook to log a table of our data to the console every time it changes 1203 | 1204 | > 1. The `data` parameter (First Parameter) is an **array of values that you want to print in the log** 1205 | > 2. The `columns` parameter (Second Parameter) is an **array of strings representing the properties of the objects you want to display in the table**. 1206 | 1207 | **In general, this hook for debugging will greatly speed up your work** 1208 | 1209 | Example : 1210 | 1211 | ```javascript 1212 | import React, { useState } from 'react'; 1213 | import useConTable from 'react-hooks-plus'; 1214 | 1215 | function App() { 1216 | const [data, setData] = useState([ 1217 | { id: 1, name: 'Alice', age: 25 }, 1218 | { id: 2, name: 'Bob', age: 30 }, 1219 | { id: 3, name: 'Charlie', age: 35 }, 1220 | ]); 1221 | 1222 | useConTable(data, ['name', 'age']); 1223 | 1224 | // rest of your code 1225 | } 1226 | 1227 | export default App; 1228 | ``` 1229 | 1230 | --- 1231 | 1232 | ###

useConTime ↑

1233 | 1234 | First you need to import 1235 | 1236 | ```javascript 1237 | import { useConTime } from 'react-hooks-plus'; 1238 | ``` 1239 | 1240 | Then, you can use this hook in your component like this: 1241 | 1242 | > The `useConTime` hook returns two functions: `startConsole` and `endConsole`. You can call `startConsole` at the beginning of the operation you want to measure, and call `endConsole` when the operation is complete. The hook **prints the time taken to the console in milliseconds**. 1243 | 1244 | > You can assign the input parameter to useConTime and you can leave it blank. This input parameter, which must be a string, **displays the text inside the console before the time**. If your text is empty, the default text is this : `Time Taken: 136ms` 1245 | 1246 | > **In general, this hook for debugging will greatly speed up your work** 1247 | 1248 | Example : 1249 | 1250 | ```javascript 1251 | import React from 'react'; 1252 | import useConTime from 'react-hooks-plus'; 1253 | 1254 | const MyComponent = () => { 1255 | const { startConsole, endConsole } = useConTime(); 1256 | 1257 | const handleClick = () => { 1258 | startConsole(); 1259 | // do some heavy calculations or API calls here 1260 | endConsole(); 1261 | }; 1262 | 1263 | return ; 1264 | }; 1265 | 1266 | export default MyComponent; 1267 | ``` 1268 | 1269 | --- 1270 | 1271 | #

📞 Who I am and how to communicate with me ↑

1272 | 1273 | I am a Freelance Frontend Web Developer with patience and creativity and caring for projects. I am ready to cooperate with the latest technologies such as React.js and TailwindCss to build a stylish website with the best UX. 1274 | 1275 |

1281 | 1282 | --- 1283 | 1284 | The current version of react-hooks-plus includes the functions and hooks that were tested and presented in the initial version 1285 | 1286 | If you find any ideas, suggestions, problems or bugs, please let me know 1287 | 1288 | The main forum for free and community support is the project [Issues](https://github.com/mohammad-zolghadr/react-hooks-plus/issues) on GitHub 1289 | 1290 | 🔼 Released on : April/2023 - Mohammad Zolghadr 1291 | -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. 2 | # yarn lockfile v1 3 | 4 | 5 | "@babel/parser@^7.21.4": 6 | "integrity" "sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==" 7 | "resolved" "https://registry.npmjs.org/@babel/parser/-/parser-7.21.4.tgz" 8 | "version" "7.21.4" 9 | 10 | "@esbuild/win32-x64@0.17.17": 11 | "integrity" "sha512-FNZw7H3aqhF9OyRQbDDnzUApDXfC1N6fgBhkqEO2jvYCJ+DxMTfZVqg3AX0R1khg1wHTBRD5SdcibSJ+XF6bFg==" 12 | "resolved" "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.17.tgz" 13 | "version" "0.17.17" 14 | 15 | "@eslint-community/eslint-utils@^4.2.0": 16 | "integrity" "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==" 17 | "resolved" "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz" 18 | "version" "4.4.0" 19 | dependencies: 20 | "eslint-visitor-keys" "^3.3.0" 21 | 22 | "@eslint-community/regexpp@^4.4.0": 23 | "integrity" "sha512-vITaYzIcNmjn5tF5uxcZ/ft7/RXGrMUIS9HalWckEOF6ESiwXKoMzAQf2UW0aVd6rnOeExTJVd5hmWXucBKGXQ==" 24 | "resolved" "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.0.tgz" 25 | "version" "4.5.0" 26 | 27 | "@eslint/eslintrc@^2.0.2": 28 | "integrity" "sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==" 29 | "resolved" "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.2.tgz" 30 | "version" "2.0.2" 31 | dependencies: 32 | "ajv" "^6.12.4" 33 | "debug" "^4.3.2" 34 | "espree" "^9.5.1" 35 | "globals" "^13.19.0" 36 | "ignore" "^5.2.0" 37 | "import-fresh" "^3.2.1" 38 | "js-yaml" "^4.1.0" 39 | "minimatch" "^3.1.2" 40 | "strip-json-comments" "^3.1.1" 41 | 42 | "@eslint/js@8.39.0": 43 | "integrity" "sha512-kf9RB0Fg7NZfap83B3QOqOGg9QmD9yBudqQXzzOtn3i4y7ZUXe5ONeW34Gwi+TxhH4mvj72R1Zc300KUMa9Bng==" 44 | "resolved" "https://registry.npmjs.org/@eslint/js/-/js-8.39.0.tgz" 45 | "version" "8.39.0" 46 | 47 | "@humanwhocodes/config-array@^0.11.8": 48 | "integrity" "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==" 49 | "resolved" "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz" 50 | "version" "0.11.8" 51 | dependencies: 52 | "@humanwhocodes/object-schema" "^1.2.1" 53 | "debug" "^4.1.1" 54 | "minimatch" "^3.0.5" 55 | 56 | "@humanwhocodes/module-importer@^1.0.1": 57 | "integrity" "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==" 58 | "resolved" "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz" 59 | "version" "1.0.1" 60 | 61 | "@humanwhocodes/object-schema@^1.2.1": 62 | "integrity" "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==" 63 | "resolved" "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz" 64 | "version" "1.2.1" 65 | 66 | "@jridgewell/sourcemap-codec@^1.4.13": 67 | "integrity" "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" 68 | "resolved" "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz" 69 | "version" "1.4.15" 70 | 71 | "@microsoft/api-extractor-model@7.26.4": 72 | "integrity" "sha512-PDCgCzXDo+SLY5bsfl4bS7hxaeEtnXj7XtuzEE+BtALp7B5mK/NrS2kHWU69pohgsRmEALycQdaQPXoyT2i5MQ==" 73 | "resolved" "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.26.4.tgz" 74 | "version" "7.26.4" 75 | dependencies: 76 | "@microsoft/tsdoc" "0.14.2" 77 | "@microsoft/tsdoc-config" "~0.16.1" 78 | "@rushstack/node-core-library" "3.55.2" 79 | 80 | "@microsoft/api-extractor@^7.34.4": 81 | "integrity" "sha512-HOdcci2nT40ejhwPC3Xja9G+WSJmWhCUKKryRfQYsmE9cD+pxmBaKBKCbuS9jUcl6bLLb4Gz+h7xEN5r0QiXnQ==" 82 | "resolved" "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.34.4.tgz" 83 | "version" "7.34.4" 84 | dependencies: 85 | "@microsoft/api-extractor-model" "7.26.4" 86 | "@microsoft/tsdoc" "0.14.2" 87 | "@microsoft/tsdoc-config" "~0.16.1" 88 | "@rushstack/node-core-library" "3.55.2" 89 | "@rushstack/rig-package" "0.3.18" 90 | "@rushstack/ts-command-line" "4.13.2" 91 | "colors" "~1.2.1" 92 | "lodash" "~4.17.15" 93 | "resolve" "~1.22.1" 94 | "semver" "~7.3.0" 95 | "source-map" "~0.6.1" 96 | "typescript" "~4.8.4" 97 | 98 | "@microsoft/tsdoc-config@~0.16.1": 99 | "integrity" "sha512-OGiIzzoBLgWWR0UdRJX98oYO+XKGf7tiK4Zk6tQ/E4IJqGCe7dvkTvgDZV5cFJUzLGDOjeAXrnZoA6QkVySuxw==" 100 | "resolved" "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.16.2.tgz" 101 | "version" "0.16.2" 102 | dependencies: 103 | "@microsoft/tsdoc" "0.14.2" 104 | "ajv" "~6.12.6" 105 | "jju" "~1.4.0" 106 | "resolve" "~1.19.0" 107 | 108 | "@microsoft/tsdoc@0.14.2": 109 | "integrity" "sha512-9b8mPpKrfeGRuhFH5iO1iwCLeIIsV6+H1sRfxbkoGXIyQE2BTsPd9zqSqQJ+pv5sJ/hT5M1zvOFL02MnEezFug==" 110 | "resolved" "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.14.2.tgz" 111 | "version" "0.14.2" 112 | 113 | "@nodelib/fs.scandir@2.1.5": 114 | "integrity" "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==" 115 | "resolved" "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz" 116 | "version" "2.1.5" 117 | dependencies: 118 | "@nodelib/fs.stat" "2.0.5" 119 | "run-parallel" "^1.1.9" 120 | 121 | "@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5": 122 | "integrity" "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==" 123 | "resolved" "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz" 124 | "version" "2.0.5" 125 | 126 | "@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8": 127 | "integrity" "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==" 128 | "resolved" "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz" 129 | "version" "1.2.8" 130 | dependencies: 131 | "@nodelib/fs.scandir" "2.1.5" 132 | "fastq" "^1.6.0" 133 | 134 | "@rollup/pluginutils@^5.0.2": 135 | "integrity" "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==" 136 | "resolved" "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz" 137 | "version" "5.0.2" 138 | dependencies: 139 | "@types/estree" "^1.0.0" 140 | "estree-walker" "^2.0.2" 141 | "picomatch" "^2.3.1" 142 | 143 | "@rushstack/node-core-library@^3.55.2", "@rushstack/node-core-library@3.55.2": 144 | "integrity" "sha512-SaLe/x/Q/uBVdNFK5V1xXvsVps0y7h1sN7aSJllQyFbugyOaxhNRF25bwEDnicARNEjJw0pk0lYnJQ9Kr6ev0A==" 145 | "resolved" "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-3.55.2.tgz" 146 | "version" "3.55.2" 147 | dependencies: 148 | "colors" "~1.2.1" 149 | "fs-extra" "~7.0.1" 150 | "import-lazy" "~4.0.0" 151 | "jju" "~1.4.0" 152 | "resolve" "~1.22.1" 153 | "semver" "~7.3.0" 154 | "z-schema" "~5.0.2" 155 | 156 | "@rushstack/rig-package@0.3.18": 157 | "integrity" "sha512-SGEwNTwNq9bI3pkdd01yCaH+gAsHqs0uxfGvtw9b0LJXH52qooWXnrFTRRLG1aL9pf+M2CARdrA9HLHJys3jiQ==" 158 | "resolved" "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.3.18.tgz" 159 | "version" "0.3.18" 160 | dependencies: 161 | "resolve" "~1.22.1" 162 | "strip-json-comments" "~3.1.1" 163 | 164 | "@rushstack/ts-command-line@4.13.2": 165 | "integrity" "sha512-bCU8qoL9HyWiciltfzg7GqdfODUeda/JpI0602kbN5YH22rzTxyqYvv7aRLENCM7XCQ1VRs7nMkEqgJUOU8Sag==" 166 | "resolved" "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-4.13.2.tgz" 167 | "version" "4.13.2" 168 | dependencies: 169 | "@types/argparse" "1.0.38" 170 | "argparse" "~1.0.9" 171 | "colors" "~1.2.1" 172 | "string-argv" "~0.3.1" 173 | 174 | "@swc/core-win32-x64-msvc@1.3.53": 175 | "integrity" "sha512-uV1/GhROJ/SXzj+f+kKcVtR2GuAiggvbqepzZS46+G47okf6229hr2T1fjmiwYyA75w9R3Bj/wil4UhodohOLg==" 176 | "resolved" "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.53.tgz" 177 | "version" "1.3.53" 178 | 179 | "@swc/core@^1.3.42": 180 | "integrity" "sha512-OM5nCfKDZXr1HjxD072Jlx5463tPX7xeY7NDSRE3X4KFlkRDFdyMWAyV3pet1oouOfUNrzzoVTAR4XSU8ytO6Q==" 181 | "resolved" "https://registry.npmjs.org/@swc/core/-/core-1.3.53.tgz" 182 | "version" "1.3.53" 183 | optionalDependencies: 184 | "@swc/core-darwin-arm64" "1.3.53" 185 | "@swc/core-darwin-x64" "1.3.53" 186 | "@swc/core-linux-arm-gnueabihf" "1.3.53" 187 | "@swc/core-linux-arm64-gnu" "1.3.53" 188 | "@swc/core-linux-arm64-musl" "1.3.53" 189 | "@swc/core-linux-x64-gnu" "1.3.53" 190 | "@swc/core-linux-x64-musl" "1.3.53" 191 | "@swc/core-win32-arm64-msvc" "1.3.53" 192 | "@swc/core-win32-ia32-msvc" "1.3.53" 193 | "@swc/core-win32-x64-msvc" "1.3.53" 194 | 195 | "@ts-morph/common@~0.19.0": 196 | "integrity" "sha512-Unz/WHmd4pGax91rdIKWi51wnVUW11QttMEPpBiBgIewnc9UQIX7UDLxr5vRlqeByXCwhkF6VabSsI0raWcyAQ==" 197 | "resolved" "https://registry.npmjs.org/@ts-morph/common/-/common-0.19.0.tgz" 198 | "version" "0.19.0" 199 | dependencies: 200 | "fast-glob" "^3.2.12" 201 | "minimatch" "^7.4.3" 202 | "mkdirp" "^2.1.6" 203 | "path-browserify" "^1.0.1" 204 | 205 | "@types/argparse@1.0.38": 206 | "integrity" "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==" 207 | "resolved" "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz" 208 | "version" "1.0.38" 209 | 210 | "@types/estree@^1.0.0": 211 | "integrity" "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==" 212 | "resolved" "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz" 213 | "version" "1.0.1" 214 | 215 | "@types/json-schema@^7.0.9": 216 | "integrity" "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==" 217 | "resolved" "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz" 218 | "version" "7.0.11" 219 | 220 | "@types/node@*", "@types/node@^18.16.1", "@types/node@>= 14": 221 | "integrity" "sha512-DZxSZWXxFfOlx7k7Rv4LAyiMroaxa3Ly/7OOzZO8cBNho0YzAi4qlbrx8W27JGqG57IgR/6J7r+nOJWw6kcvZA==" 222 | "resolved" "https://registry.npmjs.org/@types/node/-/node-18.16.1.tgz" 223 | "version" "18.16.1" 224 | 225 | "@types/prop-types@*": 226 | "integrity" "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==" 227 | "resolved" "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz" 228 | "version" "15.7.5" 229 | 230 | "@types/react-dom@^18.0.11": 231 | "integrity" "sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==" 232 | "resolved" "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.11.tgz" 233 | "version" "18.0.11" 234 | dependencies: 235 | "@types/react" "*" 236 | 237 | "@types/react@*", "@types/react@^18.0.28": 238 | "integrity" "sha512-ExsidLLSzYj4cvaQjGnQCk4HFfVT9+EZ9XZsQ8Hsrcn8QNgXtpZ3m9vSIC2MWtx7jHictK6wYhQgGh6ic58oOw==" 239 | "resolved" "https://registry.npmjs.org/@types/react/-/react-18.0.38.tgz" 240 | "version" "18.0.38" 241 | dependencies: 242 | "@types/prop-types" "*" 243 | "@types/scheduler" "*" 244 | "csstype" "^3.0.2" 245 | 246 | "@types/scheduler@*": 247 | "integrity" "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==" 248 | "resolved" "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz" 249 | "version" "0.16.3" 250 | 251 | "@types/semver@^7.3.12": 252 | "integrity" "sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==" 253 | "resolved" "https://registry.npmjs.org/@types/semver/-/semver-7.3.13.tgz" 254 | "version" "7.3.13" 255 | 256 | "@typescript-eslint/eslint-plugin@^5.57.1": 257 | "integrity" "sha512-p0QgrEyrxAWBecR56gyn3wkG15TJdI//eetInP3zYRewDh0XS+DhB3VUAd3QqvziFsfaQIoIuZMxZRB7vXYaYw==" 258 | "resolved" "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.0.tgz" 259 | "version" "5.59.0" 260 | dependencies: 261 | "@eslint-community/regexpp" "^4.4.0" 262 | "@typescript-eslint/scope-manager" "5.59.0" 263 | "@typescript-eslint/type-utils" "5.59.0" 264 | "@typescript-eslint/utils" "5.59.0" 265 | "debug" "^4.3.4" 266 | "grapheme-splitter" "^1.0.4" 267 | "ignore" "^5.2.0" 268 | "natural-compare-lite" "^1.4.0" 269 | "semver" "^7.3.7" 270 | "tsutils" "^3.21.0" 271 | 272 | "@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.57.1": 273 | "integrity" "sha512-qK9TZ70eJtjojSUMrrEwA9ZDQ4N0e/AuoOIgXuNBorXYcBDk397D2r5MIe1B3cok/oCtdNC5j+lUUpVB+Dpb+w==" 274 | "resolved" "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.0.tgz" 275 | "version" "5.59.0" 276 | dependencies: 277 | "@typescript-eslint/scope-manager" "5.59.0" 278 | "@typescript-eslint/types" "5.59.0" 279 | "@typescript-eslint/typescript-estree" "5.59.0" 280 | "debug" "^4.3.4" 281 | 282 | "@typescript-eslint/scope-manager@5.59.0": 283 | "integrity" "sha512-tsoldKaMh7izN6BvkK6zRMINj4Z2d6gGhO2UsI8zGZY3XhLq1DndP3Ycjhi1JwdwPRwtLMW4EFPgpuKhbCGOvQ==" 284 | "resolved" "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.0.tgz" 285 | "version" "5.59.0" 286 | dependencies: 287 | "@typescript-eslint/types" "5.59.0" 288 | "@typescript-eslint/visitor-keys" "5.59.0" 289 | 290 | "@typescript-eslint/type-utils@5.59.0": 291 | "integrity" "sha512-d/B6VSWnZwu70kcKQSCqjcXpVH+7ABKH8P1KNn4K7j5PXXuycZTPXF44Nui0TEm6rbWGi8kc78xRgOC4n7xFgA==" 292 | "resolved" "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.0.tgz" 293 | "version" "5.59.0" 294 | dependencies: 295 | "@typescript-eslint/typescript-estree" "5.59.0" 296 | "@typescript-eslint/utils" "5.59.0" 297 | "debug" "^4.3.4" 298 | "tsutils" "^3.21.0" 299 | 300 | "@typescript-eslint/types@5.59.0": 301 | "integrity" "sha512-yR2h1NotF23xFFYKHZs17QJnB51J/s+ud4PYU4MqdZbzeNxpgUr05+dNeCN/bb6raslHvGdd6BFCkVhpPk/ZeA==" 302 | "resolved" "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.0.tgz" 303 | "version" "5.59.0" 304 | 305 | "@typescript-eslint/typescript-estree@5.59.0": 306 | "integrity" "sha512-sUNnktjmI8DyGzPdZ8dRwW741zopGxltGs/SAPgGL/AAgDpiLsCFLcMNSpbfXfmnNeHmK9h3wGmCkGRGAoUZAg==" 307 | "resolved" "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.0.tgz" 308 | "version" "5.59.0" 309 | dependencies: 310 | "@typescript-eslint/types" "5.59.0" 311 | "@typescript-eslint/visitor-keys" "5.59.0" 312 | "debug" "^4.3.4" 313 | "globby" "^11.1.0" 314 | "is-glob" "^4.0.3" 315 | "semver" "^7.3.7" 316 | "tsutils" "^3.21.0" 317 | 318 | "@typescript-eslint/utils@5.59.0": 319 | "integrity" "sha512-GGLFd+86drlHSvPgN/el6dRQNYYGOvRSDVydsUaQluwIW3HvbXuxyuD5JETvBt/9qGYe+lOrDk6gRrWOHb/FvA==" 320 | "resolved" "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.0.tgz" 321 | "version" "5.59.0" 322 | dependencies: 323 | "@eslint-community/eslint-utils" "^4.2.0" 324 | "@types/json-schema" "^7.0.9" 325 | "@types/semver" "^7.3.12" 326 | "@typescript-eslint/scope-manager" "5.59.0" 327 | "@typescript-eslint/types" "5.59.0" 328 | "@typescript-eslint/typescript-estree" "5.59.0" 329 | "eslint-scope" "^5.1.1" 330 | "semver" "^7.3.7" 331 | 332 | "@typescript-eslint/visitor-keys@5.59.0": 333 | "integrity" "sha512-qZ3iXxQhanchCeaExlKPV3gDQFxMUmU35xfd5eCXB6+kUw1TUAbIy2n7QIrwz9s98DQLzNWyHp61fY0da4ZcbA==" 334 | "resolved" "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.0.tgz" 335 | "version" "5.59.0" 336 | dependencies: 337 | "@typescript-eslint/types" "5.59.0" 338 | "eslint-visitor-keys" "^3.3.0" 339 | 340 | "@vitejs/plugin-react-swc@^3.0.0": 341 | "integrity" "sha512-Ycg+n2eyCOTpn/wRy+evVo859+hw7qCj9iaX5CMny6x1fx1Uoq0xBG+a98lFtwLNGfGEnpI0F26YigRuxCRkwg==" 342 | "resolved" "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.3.0.tgz" 343 | "version" "3.3.0" 344 | dependencies: 345 | "@swc/core" "^1.3.42" 346 | 347 | "acorn-jsx@^5.3.2": 348 | "integrity" "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==" 349 | "resolved" "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz" 350 | "version" "5.3.2" 351 | 352 | "acorn@^6.0.0 || ^7.0.0 || ^8.0.0", "acorn@^8.8.0": 353 | "integrity" "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==" 354 | "resolved" "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz" 355 | "version" "8.8.2" 356 | 357 | "ajv@^6.10.0", "ajv@^6.12.4", "ajv@~6.12.6": 358 | "integrity" "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==" 359 | "resolved" "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz" 360 | "version" "6.12.6" 361 | dependencies: 362 | "fast-deep-equal" "^3.1.1" 363 | "fast-json-stable-stringify" "^2.0.0" 364 | "json-schema-traverse" "^0.4.1" 365 | "uri-js" "^4.2.2" 366 | 367 | "ansi-regex@^5.0.1": 368 | "integrity" "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==" 369 | "resolved" "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz" 370 | "version" "5.0.1" 371 | 372 | "ansi-styles@^4.1.0": 373 | "integrity" "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==" 374 | "resolved" "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz" 375 | "version" "4.3.0" 376 | dependencies: 377 | "color-convert" "^2.0.1" 378 | 379 | "argparse@^2.0.1": 380 | "integrity" "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==" 381 | "resolved" "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz" 382 | "version" "2.0.1" 383 | 384 | "argparse@~1.0.9": 385 | "integrity" "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==" 386 | "resolved" "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz" 387 | "version" "1.0.10" 388 | dependencies: 389 | "sprintf-js" "~1.0.2" 390 | 391 | "array-union@^2.1.0": 392 | "integrity" "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==" 393 | "resolved" "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz" 394 | "version" "2.1.0" 395 | 396 | "balanced-match@^1.0.0": 397 | "integrity" "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" 398 | "resolved" "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz" 399 | "version" "1.0.2" 400 | 401 | "brace-expansion@^1.1.7": 402 | "integrity" "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==" 403 | "resolved" "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz" 404 | "version" "1.1.11" 405 | dependencies: 406 | "balanced-match" "^1.0.0" 407 | "concat-map" "0.0.1" 408 | 409 | "brace-expansion@^2.0.1": 410 | "integrity" "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==" 411 | "resolved" "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz" 412 | "version" "2.0.1" 413 | dependencies: 414 | "balanced-match" "^1.0.0" 415 | 416 | "braces@^3.0.2": 417 | "integrity" "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==" 418 | "resolved" "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz" 419 | "version" "3.0.2" 420 | dependencies: 421 | "fill-range" "^7.0.1" 422 | 423 | "callsites@^3.0.0": 424 | "integrity" "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==" 425 | "resolved" "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz" 426 | "version" "3.1.0" 427 | 428 | "chalk@^4.0.0": 429 | "integrity" "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==" 430 | "resolved" "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz" 431 | "version" "4.1.2" 432 | dependencies: 433 | "ansi-styles" "^4.1.0" 434 | "supports-color" "^7.1.0" 435 | 436 | "code-block-writer@^12.0.0": 437 | "integrity" "sha512-q4dMFMlXtKR3XNBHyMHt/3pwYNA69EDk00lloMOaaUMKPUXBw6lpXtbu3MMVG6/uOihGnRDOlkyqsONEUj60+w==" 438 | "resolved" "https://registry.npmjs.org/code-block-writer/-/code-block-writer-12.0.0.tgz" 439 | "version" "12.0.0" 440 | 441 | "color-convert@^2.0.1": 442 | "integrity" "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==" 443 | "resolved" "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz" 444 | "version" "2.0.1" 445 | dependencies: 446 | "color-name" "~1.1.4" 447 | 448 | "color-name@~1.1.4": 449 | "integrity" "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" 450 | "resolved" "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz" 451 | "version" "1.1.4" 452 | 453 | "colors@~1.2.1": 454 | "integrity" "sha512-erNRLao/Y3Fv54qUa0LBB+//Uf3YwMUmdJinN20yMXm9zdKKqH9wt7R9IIVZ+K7ShzfpLV/Zg8+VyrBJYB4lpg==" 455 | "resolved" "https://registry.npmjs.org/colors/-/colors-1.2.5.tgz" 456 | "version" "1.2.5" 457 | 458 | "commander@^9.4.1": 459 | "integrity" "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==" 460 | "resolved" "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz" 461 | "version" "9.5.0" 462 | 463 | "concat-map@0.0.1": 464 | "integrity" "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==" 465 | "resolved" "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz" 466 | "version" "0.0.1" 467 | 468 | "cross-spawn@^7.0.2": 469 | "integrity" "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==" 470 | "resolved" "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz" 471 | "version" "7.0.3" 472 | dependencies: 473 | "path-key" "^3.1.0" 474 | "shebang-command" "^2.0.0" 475 | "which" "^2.0.1" 476 | 477 | "csstype@^3.0.2": 478 | "integrity" "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" 479 | "resolved" "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz" 480 | "version" "3.1.2" 481 | 482 | "debug@^4.1.1", "debug@^4.3.2", "debug@^4.3.4": 483 | "integrity" "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==" 484 | "resolved" "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz" 485 | "version" "4.3.4" 486 | dependencies: 487 | "ms" "2.1.2" 488 | 489 | "deep-is@^0.1.3": 490 | "integrity" "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==" 491 | "resolved" "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz" 492 | "version" "0.1.4" 493 | 494 | "dir-glob@^3.0.1": 495 | "integrity" "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==" 496 | "resolved" "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz" 497 | "version" "3.0.1" 498 | dependencies: 499 | "path-type" "^4.0.0" 500 | 501 | "doctrine@^3.0.0": 502 | "integrity" "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==" 503 | "resolved" "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz" 504 | "version" "3.0.0" 505 | dependencies: 506 | "esutils" "^2.0.2" 507 | 508 | "esbuild@^0.17.5": 509 | "integrity" "sha512-/jUywtAymR8jR4qsa2RujlAF7Krpt5VWi72Q2yuLD4e/hvtNcFQ0I1j8m/bxq238pf3/0KO5yuXNpuLx8BE1KA==" 510 | "resolved" "https://registry.npmjs.org/esbuild/-/esbuild-0.17.17.tgz" 511 | "version" "0.17.17" 512 | optionalDependencies: 513 | "@esbuild/android-arm" "0.17.17" 514 | "@esbuild/android-arm64" "0.17.17" 515 | "@esbuild/android-x64" "0.17.17" 516 | "@esbuild/darwin-arm64" "0.17.17" 517 | "@esbuild/darwin-x64" "0.17.17" 518 | "@esbuild/freebsd-arm64" "0.17.17" 519 | "@esbuild/freebsd-x64" "0.17.17" 520 | "@esbuild/linux-arm" "0.17.17" 521 | "@esbuild/linux-arm64" "0.17.17" 522 | "@esbuild/linux-ia32" "0.17.17" 523 | "@esbuild/linux-loong64" "0.17.17" 524 | "@esbuild/linux-mips64el" "0.17.17" 525 | "@esbuild/linux-ppc64" "0.17.17" 526 | "@esbuild/linux-riscv64" "0.17.17" 527 | "@esbuild/linux-s390x" "0.17.17" 528 | "@esbuild/linux-x64" "0.17.17" 529 | "@esbuild/netbsd-x64" "0.17.17" 530 | "@esbuild/openbsd-x64" "0.17.17" 531 | "@esbuild/sunos-x64" "0.17.17" 532 | "@esbuild/win32-arm64" "0.17.17" 533 | "@esbuild/win32-ia32" "0.17.17" 534 | "@esbuild/win32-x64" "0.17.17" 535 | 536 | "escape-string-regexp@^4.0.0": 537 | "integrity" "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==" 538 | "resolved" "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz" 539 | "version" "4.0.0" 540 | 541 | "eslint-plugin-react-hooks@^4.6.0": 542 | "integrity" "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==" 543 | "resolved" "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz" 544 | "version" "4.6.0" 545 | 546 | "eslint-plugin-react-refresh@^0.3.4": 547 | "integrity" "sha512-E0ViBglxSQAERBp6eTj5fPgtCRtDonnbCFiVQBhf4Dto2blJRxg1dFUMdMh7N6ljTI4UwPhHwYDQ3Dyo4m6bwA==" 548 | "resolved" "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.3.4.tgz" 549 | "version" "0.3.4" 550 | 551 | "eslint-scope@^5.1.1": 552 | "integrity" "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==" 553 | "resolved" "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz" 554 | "version" "5.1.1" 555 | dependencies: 556 | "esrecurse" "^4.3.0" 557 | "estraverse" "^4.1.1" 558 | 559 | "eslint-scope@^7.2.0": 560 | "integrity" "sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==" 561 | "resolved" "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz" 562 | "version" "7.2.0" 563 | dependencies: 564 | "esrecurse" "^4.3.0" 565 | "estraverse" "^5.2.0" 566 | 567 | "eslint-visitor-keys@^3.3.0", "eslint-visitor-keys@^3.4.0": 568 | "integrity" "sha512-HPpKPUBQcAsZOsHAFwTtIKcYlCje62XB7SEAcxjtmW6TD1WVpkS6i6/hOVtTZIl4zGj/mBqpFVGvaDneik+VoQ==" 569 | "resolved" "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.0.tgz" 570 | "version" "3.4.0" 571 | 572 | "eslint@*", "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || >=8.0.0", "eslint@^8.38.0", "eslint@>=7": 573 | "integrity" "sha512-mwiok6cy7KTW7rBpo05k6+p4YVZByLNjAZ/ACB9DRCu4YDRwjXI01tWHp6KAUWelsBetTxKK/2sHB0vdS8Z2Og==" 574 | "resolved" "https://registry.npmjs.org/eslint/-/eslint-8.39.0.tgz" 575 | "version" "8.39.0" 576 | dependencies: 577 | "@eslint-community/eslint-utils" "^4.2.0" 578 | "@eslint-community/regexpp" "^4.4.0" 579 | "@eslint/eslintrc" "^2.0.2" 580 | "@eslint/js" "8.39.0" 581 | "@humanwhocodes/config-array" "^0.11.8" 582 | "@humanwhocodes/module-importer" "^1.0.1" 583 | "@nodelib/fs.walk" "^1.2.8" 584 | "ajv" "^6.10.0" 585 | "chalk" "^4.0.0" 586 | "cross-spawn" "^7.0.2" 587 | "debug" "^4.3.2" 588 | "doctrine" "^3.0.0" 589 | "escape-string-regexp" "^4.0.0" 590 | "eslint-scope" "^7.2.0" 591 | "eslint-visitor-keys" "^3.4.0" 592 | "espree" "^9.5.1" 593 | "esquery" "^1.4.2" 594 | "esutils" "^2.0.2" 595 | "fast-deep-equal" "^3.1.3" 596 | "file-entry-cache" "^6.0.1" 597 | "find-up" "^5.0.0" 598 | "glob-parent" "^6.0.2" 599 | "globals" "^13.19.0" 600 | "grapheme-splitter" "^1.0.4" 601 | "ignore" "^5.2.0" 602 | "import-fresh" "^3.0.0" 603 | "imurmurhash" "^0.1.4" 604 | "is-glob" "^4.0.0" 605 | "is-path-inside" "^3.0.3" 606 | "js-sdsl" "^4.1.4" 607 | "js-yaml" "^4.1.0" 608 | "json-stable-stringify-without-jsonify" "^1.0.1" 609 | "levn" "^0.4.1" 610 | "lodash.merge" "^4.6.2" 611 | "minimatch" "^3.1.2" 612 | "natural-compare" "^1.4.0" 613 | "optionator" "^0.9.1" 614 | "strip-ansi" "^6.0.1" 615 | "strip-json-comments" "^3.1.0" 616 | "text-table" "^0.2.0" 617 | 618 | "espree@^9.5.1": 619 | "integrity" "sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==" 620 | "resolved" "https://registry.npmjs.org/espree/-/espree-9.5.1.tgz" 621 | "version" "9.5.1" 622 | dependencies: 623 | "acorn" "^8.8.0" 624 | "acorn-jsx" "^5.3.2" 625 | "eslint-visitor-keys" "^3.4.0" 626 | 627 | "esquery@^1.4.2": 628 | "integrity" "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==" 629 | "resolved" "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz" 630 | "version" "1.5.0" 631 | dependencies: 632 | "estraverse" "^5.1.0" 633 | 634 | "esrecurse@^4.3.0": 635 | "integrity" "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==" 636 | "resolved" "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz" 637 | "version" "4.3.0" 638 | dependencies: 639 | "estraverse" "^5.2.0" 640 | 641 | "estraverse@^4.1.1": 642 | "integrity" "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==" 643 | "resolved" "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz" 644 | "version" "4.3.0" 645 | 646 | "estraverse@^5.1.0", "estraverse@^5.2.0": 647 | "integrity" "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==" 648 | "resolved" "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz" 649 | "version" "5.3.0" 650 | 651 | "estree-walker@^2.0.2": 652 | "integrity" "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==" 653 | "resolved" "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz" 654 | "version" "2.0.2" 655 | 656 | "esutils@^2.0.2": 657 | "integrity" "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==" 658 | "resolved" "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz" 659 | "version" "2.0.3" 660 | 661 | "fast-deep-equal@^3.1.1", "fast-deep-equal@^3.1.3": 662 | "integrity" "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==" 663 | "resolved" "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz" 664 | "version" "3.1.3" 665 | 666 | "fast-glob@^3.2.12", "fast-glob@^3.2.9": 667 | "integrity" "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==" 668 | "resolved" "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz" 669 | "version" "3.2.12" 670 | dependencies: 671 | "@nodelib/fs.stat" "^2.0.2" 672 | "@nodelib/fs.walk" "^1.2.3" 673 | "glob-parent" "^5.1.2" 674 | "merge2" "^1.3.0" 675 | "micromatch" "^4.0.4" 676 | 677 | "fast-json-stable-stringify@^2.0.0": 678 | "integrity" "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==" 679 | "resolved" "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz" 680 | "version" "2.1.0" 681 | 682 | "fast-levenshtein@^2.0.6": 683 | "integrity" "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==" 684 | "resolved" "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz" 685 | "version" "2.0.6" 686 | 687 | "fastq@^1.6.0": 688 | "integrity" "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==" 689 | "resolved" "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz" 690 | "version" "1.15.0" 691 | dependencies: 692 | "reusify" "^1.0.4" 693 | 694 | "file-entry-cache@^6.0.1": 695 | "integrity" "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==" 696 | "resolved" "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz" 697 | "version" "6.0.1" 698 | dependencies: 699 | "flat-cache" "^3.0.4" 700 | 701 | "fill-range@^7.0.1": 702 | "integrity" "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==" 703 | "resolved" "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz" 704 | "version" "7.0.1" 705 | dependencies: 706 | "to-regex-range" "^5.0.1" 707 | 708 | "find-up@^5.0.0": 709 | "integrity" "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==" 710 | "resolved" "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz" 711 | "version" "5.0.0" 712 | dependencies: 713 | "locate-path" "^6.0.0" 714 | "path-exists" "^4.0.0" 715 | 716 | "flat-cache@^3.0.4": 717 | "integrity" "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==" 718 | "resolved" "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz" 719 | "version" "3.0.4" 720 | dependencies: 721 | "flatted" "^3.1.0" 722 | "rimraf" "^3.0.2" 723 | 724 | "flatted@^3.1.0": 725 | "integrity" "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==" 726 | "resolved" "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz" 727 | "version" "3.2.7" 728 | 729 | "fs-extra@^10.1.0": 730 | "integrity" "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==" 731 | "resolved" "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz" 732 | "version" "10.1.0" 733 | dependencies: 734 | "graceful-fs" "^4.2.0" 735 | "jsonfile" "^6.0.1" 736 | "universalify" "^2.0.0" 737 | 738 | "fs-extra@~7.0.1": 739 | "integrity" "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==" 740 | "resolved" "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz" 741 | "version" "7.0.1" 742 | dependencies: 743 | "graceful-fs" "^4.1.2" 744 | "jsonfile" "^4.0.0" 745 | "universalify" "^0.1.0" 746 | 747 | "fs.realpath@^1.0.0": 748 | "integrity" "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==" 749 | "resolved" "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz" 750 | "version" "1.0.0" 751 | 752 | "function-bind@^1.1.1": 753 | "integrity" "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" 754 | "resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz" 755 | "version" "1.1.1" 756 | 757 | "glob-parent@^5.1.2": 758 | "integrity" "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==" 759 | "resolved" "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz" 760 | "version" "5.1.2" 761 | dependencies: 762 | "is-glob" "^4.0.1" 763 | 764 | "glob-parent@^6.0.2": 765 | "integrity" "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==" 766 | "resolved" "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz" 767 | "version" "6.0.2" 768 | dependencies: 769 | "is-glob" "^4.0.3" 770 | 771 | "glob@^7.1.3": 772 | "integrity" "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==" 773 | "resolved" "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz" 774 | "version" "7.2.3" 775 | dependencies: 776 | "fs.realpath" "^1.0.0" 777 | "inflight" "^1.0.4" 778 | "inherits" "2" 779 | "minimatch" "^3.1.1" 780 | "once" "^1.3.0" 781 | "path-is-absolute" "^1.0.0" 782 | 783 | "globals@^13.19.0": 784 | "integrity" "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==" 785 | "resolved" "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz" 786 | "version" "13.20.0" 787 | dependencies: 788 | "type-fest" "^0.20.2" 789 | 790 | "globby@^11.1.0": 791 | "integrity" "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==" 792 | "resolved" "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz" 793 | "version" "11.1.0" 794 | dependencies: 795 | "array-union" "^2.1.0" 796 | "dir-glob" "^3.0.1" 797 | "fast-glob" "^3.2.9" 798 | "ignore" "^5.2.0" 799 | "merge2" "^1.4.1" 800 | "slash" "^3.0.0" 801 | 802 | "graceful-fs@^4.1.2", "graceful-fs@^4.1.6", "graceful-fs@^4.2.0": 803 | "integrity" "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==" 804 | "resolved" "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz" 805 | "version" "4.2.11" 806 | 807 | "grapheme-splitter@^1.0.4": 808 | "integrity" "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==" 809 | "resolved" "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz" 810 | "version" "1.0.4" 811 | 812 | "has-flag@^4.0.0": 813 | "integrity" "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==" 814 | "resolved" "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz" 815 | "version" "4.0.0" 816 | 817 | "has@^1.0.3": 818 | "integrity" "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==" 819 | "resolved" "https://registry.npmjs.org/has/-/has-1.0.3.tgz" 820 | "version" "1.0.3" 821 | dependencies: 822 | "function-bind" "^1.1.1" 823 | 824 | "ignore@^5.2.0": 825 | "integrity" "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==" 826 | "resolved" "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz" 827 | "version" "5.2.4" 828 | 829 | "import-fresh@^3.0.0", "import-fresh@^3.2.1": 830 | "integrity" "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==" 831 | "resolved" "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz" 832 | "version" "3.3.0" 833 | dependencies: 834 | "parent-module" "^1.0.0" 835 | "resolve-from" "^4.0.0" 836 | 837 | "import-lazy@~4.0.0": 838 | "integrity" "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==" 839 | "resolved" "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz" 840 | "version" "4.0.0" 841 | 842 | "imurmurhash@^0.1.4": 843 | "integrity" "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==" 844 | "resolved" "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz" 845 | "version" "0.1.4" 846 | 847 | "inflight@^1.0.4": 848 | "integrity" "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==" 849 | "resolved" "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz" 850 | "version" "1.0.6" 851 | dependencies: 852 | "once" "^1.3.0" 853 | "wrappy" "1" 854 | 855 | "inherits@2.0.3": 856 | "integrity" "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==" 857 | "resolved" "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz" 858 | "version" "2.0.3" 859 | 860 | "inherits@2": 861 | "integrity" "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" 862 | "resolved" "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz" 863 | "version" "2.0.4" 864 | 865 | "is-core-module@^2.1.0", "is-core-module@^2.11.0": 866 | "integrity" "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==" 867 | "resolved" "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz" 868 | "version" "2.12.0" 869 | dependencies: 870 | "has" "^1.0.3" 871 | 872 | "is-extglob@^2.1.1": 873 | "integrity" "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==" 874 | "resolved" "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz" 875 | "version" "2.1.1" 876 | 877 | "is-glob@^4.0.0", "is-glob@^4.0.1", "is-glob@^4.0.3": 878 | "integrity" "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==" 879 | "resolved" "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz" 880 | "version" "4.0.3" 881 | dependencies: 882 | "is-extglob" "^2.1.1" 883 | 884 | "is-number@^7.0.0": 885 | "integrity" "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==" 886 | "resolved" "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz" 887 | "version" "7.0.0" 888 | 889 | "is-path-inside@^3.0.3": 890 | "integrity" "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==" 891 | "resolved" "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz" 892 | "version" "3.0.3" 893 | 894 | "isexe@^2.0.0": 895 | "integrity" "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==" 896 | "resolved" "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz" 897 | "version" "2.0.0" 898 | 899 | "jju@~1.4.0": 900 | "integrity" "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==" 901 | "resolved" "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz" 902 | "version" "1.4.0" 903 | 904 | "js-sdsl@^4.1.4": 905 | "integrity" "sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==" 906 | "resolved" "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.4.0.tgz" 907 | "version" "4.4.0" 908 | 909 | "js-tokens@^3.0.0 || ^4.0.0": 910 | "integrity" "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" 911 | "resolved" "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz" 912 | "version" "4.0.0" 913 | 914 | "js-yaml@^4.1.0": 915 | "integrity" "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==" 916 | "resolved" "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz" 917 | "version" "4.1.0" 918 | dependencies: 919 | "argparse" "^2.0.1" 920 | 921 | "json-schema-traverse@^0.4.1": 922 | "integrity" "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==" 923 | "resolved" "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz" 924 | "version" "0.4.1" 925 | 926 | "json-stable-stringify-without-jsonify@^1.0.1": 927 | "integrity" "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==" 928 | "resolved" "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz" 929 | "version" "1.0.1" 930 | 931 | "jsonfile@^4.0.0": 932 | "integrity" "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==" 933 | "resolved" "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz" 934 | "version" "4.0.0" 935 | optionalDependencies: 936 | "graceful-fs" "^4.1.6" 937 | 938 | "jsonfile@^6.0.1": 939 | "integrity" "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==" 940 | "resolved" "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz" 941 | "version" "6.1.0" 942 | dependencies: 943 | "universalify" "^2.0.0" 944 | optionalDependencies: 945 | "graceful-fs" "^4.1.6" 946 | 947 | "kolorist@^1.7.0": 948 | "integrity" "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==" 949 | "resolved" "https://registry.npmjs.org/kolorist/-/kolorist-1.8.0.tgz" 950 | "version" "1.8.0" 951 | 952 | "levn@^0.4.1": 953 | "integrity" "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==" 954 | "resolved" "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz" 955 | "version" "0.4.1" 956 | dependencies: 957 | "prelude-ls" "^1.2.1" 958 | "type-check" "~0.4.0" 959 | 960 | "locate-path@^6.0.0": 961 | "integrity" "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==" 962 | "resolved" "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz" 963 | "version" "6.0.0" 964 | dependencies: 965 | "p-locate" "^5.0.0" 966 | 967 | "lodash.get@^4.4.2": 968 | "integrity" "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==" 969 | "resolved" "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz" 970 | "version" "4.4.2" 971 | 972 | "lodash.isequal@^4.5.0": 973 | "integrity" "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==" 974 | "resolved" "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz" 975 | "version" "4.5.0" 976 | 977 | "lodash.merge@^4.6.2": 978 | "integrity" "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==" 979 | "resolved" "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz" 980 | "version" "4.6.2" 981 | 982 | "lodash@~4.17.15": 983 | "integrity" "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" 984 | "resolved" "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz" 985 | "version" "4.17.21" 986 | 987 | "loose-envify@^1.1.0": 988 | "integrity" "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==" 989 | "resolved" "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz" 990 | "version" "1.4.0" 991 | dependencies: 992 | "js-tokens" "^3.0.0 || ^4.0.0" 993 | 994 | "lru-cache@^6.0.0": 995 | "integrity" "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==" 996 | "resolved" "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz" 997 | "version" "6.0.0" 998 | dependencies: 999 | "yallist" "^4.0.0" 1000 | 1001 | "magic-string@^0.29.0": 1002 | "integrity" "sha512-WcfidHrDjMY+eLjlU+8OvwREqHwpgCeKVBUpQ3OhYYuvfaYCUgcbuBzappNzZvg/v8onU3oQj+BYpkOJe9Iw4Q==" 1003 | "resolved" "https://registry.npmjs.org/magic-string/-/magic-string-0.29.0.tgz" 1004 | "version" "0.29.0" 1005 | dependencies: 1006 | "@jridgewell/sourcemap-codec" "^1.4.13" 1007 | 1008 | "merge2@^1.3.0", "merge2@^1.4.1": 1009 | "integrity" "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==" 1010 | "resolved" "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz" 1011 | "version" "1.4.1" 1012 | 1013 | "micromatch@^4.0.4": 1014 | "integrity" "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==" 1015 | "resolved" "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz" 1016 | "version" "4.0.5" 1017 | dependencies: 1018 | "braces" "^3.0.2" 1019 | "picomatch" "^2.3.1" 1020 | 1021 | "minimatch@^3.0.5", "minimatch@^3.1.1", "minimatch@^3.1.2": 1022 | "integrity" "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==" 1023 | "resolved" "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz" 1024 | "version" "3.1.2" 1025 | dependencies: 1026 | "brace-expansion" "^1.1.7" 1027 | 1028 | "minimatch@^7.4.3": 1029 | "integrity" "sha512-sBz8G/YjVniEz6lKPNpKxXwazJe4c19fEfV2GDMX6AjFz+MX9uDWIZW8XreVhkFW3fkIdTv/gxWr/Kks5FFAVw==" 1030 | "resolved" "https://registry.npmjs.org/minimatch/-/minimatch-7.4.6.tgz" 1031 | "version" "7.4.6" 1032 | dependencies: 1033 | "brace-expansion" "^2.0.1" 1034 | 1035 | "mkdirp@^2.1.6": 1036 | "integrity" "sha512-+hEnITedc8LAtIP9u3HJDFIdcLV2vXP33sqLLIzkv1Db1zO/1OxbvYf0Y1OC/S/Qo5dxHXepofhmxL02PsKe+A==" 1037 | "resolved" "https://registry.npmjs.org/mkdirp/-/mkdirp-2.1.6.tgz" 1038 | "version" "2.1.6" 1039 | 1040 | "ms@2.1.2": 1041 | "integrity" "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" 1042 | "resolved" "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz" 1043 | "version" "2.1.2" 1044 | 1045 | "nanoid@^3.3.6": 1046 | "integrity" "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==" 1047 | "resolved" "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz" 1048 | "version" "3.3.6" 1049 | 1050 | "natural-compare-lite@^1.4.0": 1051 | "integrity" "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==" 1052 | "resolved" "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz" 1053 | "version" "1.4.0" 1054 | 1055 | "natural-compare@^1.4.0": 1056 | "integrity" "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==" 1057 | "resolved" "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz" 1058 | "version" "1.4.0" 1059 | 1060 | "once@^1.3.0": 1061 | "integrity" "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==" 1062 | "resolved" "https://registry.npmjs.org/once/-/once-1.4.0.tgz" 1063 | "version" "1.4.0" 1064 | dependencies: 1065 | "wrappy" "1" 1066 | 1067 | "optionator@^0.9.1": 1068 | "integrity" "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==" 1069 | "resolved" "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz" 1070 | "version" "0.9.1" 1071 | dependencies: 1072 | "deep-is" "^0.1.3" 1073 | "fast-levenshtein" "^2.0.6" 1074 | "levn" "^0.4.1" 1075 | "prelude-ls" "^1.2.1" 1076 | "type-check" "^0.4.0" 1077 | "word-wrap" "^1.2.3" 1078 | 1079 | "p-limit@^3.0.2": 1080 | "integrity" "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==" 1081 | "resolved" "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz" 1082 | "version" "3.1.0" 1083 | dependencies: 1084 | "yocto-queue" "^0.1.0" 1085 | 1086 | "p-locate@^5.0.0": 1087 | "integrity" "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==" 1088 | "resolved" "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz" 1089 | "version" "5.0.0" 1090 | dependencies: 1091 | "p-limit" "^3.0.2" 1092 | 1093 | "parent-module@^1.0.0": 1094 | "integrity" "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==" 1095 | "resolved" "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz" 1096 | "version" "1.0.1" 1097 | dependencies: 1098 | "callsites" "^3.0.0" 1099 | 1100 | "path-browserify@^1.0.1": 1101 | "integrity" "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==" 1102 | "resolved" "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz" 1103 | "version" "1.0.1" 1104 | 1105 | "path-exists@^4.0.0": 1106 | "integrity" "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==" 1107 | "resolved" "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz" 1108 | "version" "4.0.0" 1109 | 1110 | "path-is-absolute@^1.0.0": 1111 | "integrity" "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==" 1112 | "resolved" "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz" 1113 | "version" "1.0.1" 1114 | 1115 | "path-key@^3.1.0": 1116 | "integrity" "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==" 1117 | "resolved" "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz" 1118 | "version" "3.1.1" 1119 | 1120 | "path-parse@^1.0.6", "path-parse@^1.0.7": 1121 | "integrity" "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==" 1122 | "resolved" "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz" 1123 | "version" "1.0.7" 1124 | 1125 | "path-type@^4.0.0": 1126 | "integrity" "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==" 1127 | "resolved" "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz" 1128 | "version" "4.0.0" 1129 | 1130 | "path@^0.12.7": 1131 | "integrity" "sha512-aXXC6s+1w7otVF9UletFkFcDsJeO7lSZBPUQhtb5O0xJe8LtYhj/GxldoL09bBj9+ZmE2hNoHqQSFMN5fikh4Q==" 1132 | "resolved" "https://registry.npmjs.org/path/-/path-0.12.7.tgz" 1133 | "version" "0.12.7" 1134 | dependencies: 1135 | "process" "^0.11.1" 1136 | "util" "^0.10.3" 1137 | 1138 | "picocolors@^1.0.0": 1139 | "integrity" "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" 1140 | "resolved" "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz" 1141 | "version" "1.0.0" 1142 | 1143 | "picomatch@^2.3.1": 1144 | "integrity" "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" 1145 | "resolved" "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz" 1146 | "version" "2.3.1" 1147 | 1148 | "postcss@^8.4.21": 1149 | "integrity" "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==" 1150 | "resolved" "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz" 1151 | "version" "8.4.23" 1152 | dependencies: 1153 | "nanoid" "^3.3.6" 1154 | "picocolors" "^1.0.0" 1155 | "source-map-js" "^1.0.2" 1156 | 1157 | "prelude-ls@^1.2.1": 1158 | "integrity" "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==" 1159 | "resolved" "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz" 1160 | "version" "1.2.1" 1161 | 1162 | "process@^0.11.1": 1163 | "integrity" "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==" 1164 | "resolved" "https://registry.npmjs.org/process/-/process-0.11.10.tgz" 1165 | "version" "0.11.10" 1166 | 1167 | "punycode@^2.1.0": 1168 | "integrity" "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==" 1169 | "resolved" "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz" 1170 | "version" "2.3.0" 1171 | 1172 | "queue-microtask@^1.2.2": 1173 | "integrity" "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==" 1174 | "resolved" "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz" 1175 | "version" "1.2.3" 1176 | 1177 | "react-dom@^18.2.0": 1178 | "integrity" "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==" 1179 | "resolved" "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz" 1180 | "version" "18.2.0" 1181 | dependencies: 1182 | "loose-envify" "^1.1.0" 1183 | "scheduler" "^0.23.0" 1184 | 1185 | "react@^18.2.0": 1186 | "integrity" "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==" 1187 | "resolved" "https://registry.npmjs.org/react/-/react-18.2.0.tgz" 1188 | "version" "18.2.0" 1189 | dependencies: 1190 | "loose-envify" "^1.1.0" 1191 | 1192 | "resolve-from@^4.0.0": 1193 | "integrity" "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==" 1194 | "resolved" "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz" 1195 | "version" "4.0.0" 1196 | 1197 | "resolve@~1.19.0": 1198 | "integrity" "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==" 1199 | "resolved" "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz" 1200 | "version" "1.19.0" 1201 | dependencies: 1202 | "is-core-module" "^2.1.0" 1203 | "path-parse" "^1.0.6" 1204 | 1205 | "resolve@~1.22.1": 1206 | "integrity" "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==" 1207 | "resolved" "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz" 1208 | "version" "1.22.2" 1209 | dependencies: 1210 | "is-core-module" "^2.11.0" 1211 | "path-parse" "^1.0.7" 1212 | "supports-preserve-symlinks-flag" "^1.0.0" 1213 | 1214 | "reusify@^1.0.4": 1215 | "integrity" "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==" 1216 | "resolved" "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz" 1217 | "version" "1.0.4" 1218 | 1219 | "rimraf@^3.0.2": 1220 | "integrity" "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==" 1221 | "resolved" "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz" 1222 | "version" "3.0.2" 1223 | dependencies: 1224 | "glob" "^7.1.3" 1225 | 1226 | "rollup@^1.20.0||^2.0.0||^3.0.0", "rollup@^3.20.2": 1227 | "integrity" "sha512-P7E2zezKSLhWnTz46XxjSmInrbOCiul1yf+kJccMxT56vxjHwCbDfoLbiqFgu+WQoo9ij2PkraYaBstgB2prBA==" 1228 | "resolved" "https://registry.npmjs.org/rollup/-/rollup-3.20.7.tgz" 1229 | "version" "3.20.7" 1230 | optionalDependencies: 1231 | "fsevents" "~2.3.2" 1232 | 1233 | "run-parallel@^1.1.9": 1234 | "integrity" "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==" 1235 | "resolved" "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz" 1236 | "version" "1.2.0" 1237 | dependencies: 1238 | "queue-microtask" "^1.2.2" 1239 | 1240 | "scheduler@^0.23.0": 1241 | "integrity" "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==" 1242 | "resolved" "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz" 1243 | "version" "0.23.0" 1244 | dependencies: 1245 | "loose-envify" "^1.1.0" 1246 | 1247 | "semver@^7.3.7": 1248 | "integrity" "sha512-+XC0AD/R7Q2mPSRuy2Id0+CGTZ98+8f+KvwirxOKIEyid+XSx6HbC63p+O4IndTHuX5Z+JxQ0TghCkO5Cg/2HA==" 1249 | "resolved" "https://registry.npmjs.org/semver/-/semver-7.5.0.tgz" 1250 | "version" "7.5.0" 1251 | dependencies: 1252 | "lru-cache" "^6.0.0" 1253 | 1254 | "semver@~7.3.0": 1255 | "integrity" "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==" 1256 | "resolved" "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz" 1257 | "version" "7.3.8" 1258 | dependencies: 1259 | "lru-cache" "^6.0.0" 1260 | 1261 | "shebang-command@^2.0.0": 1262 | "integrity" "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==" 1263 | "resolved" "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz" 1264 | "version" "2.0.0" 1265 | dependencies: 1266 | "shebang-regex" "^3.0.0" 1267 | 1268 | "shebang-regex@^3.0.0": 1269 | "integrity" "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==" 1270 | "resolved" "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz" 1271 | "version" "3.0.0" 1272 | 1273 | "slash@^3.0.0": 1274 | "integrity" "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==" 1275 | "resolved" "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz" 1276 | "version" "3.0.0" 1277 | 1278 | "source-map-js@^1.0.2": 1279 | "integrity" "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==" 1280 | "resolved" "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz" 1281 | "version" "1.0.2" 1282 | 1283 | "source-map@~0.6.1": 1284 | "integrity" "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" 1285 | "resolved" "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz" 1286 | "version" "0.6.1" 1287 | 1288 | "sprintf-js@~1.0.2": 1289 | "integrity" "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==" 1290 | "resolved" "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz" 1291 | "version" "1.0.3" 1292 | 1293 | "string-argv@~0.3.1": 1294 | "integrity" "sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==" 1295 | "resolved" "https://registry.npmjs.org/string-argv/-/string-argv-0.3.1.tgz" 1296 | "version" "0.3.1" 1297 | 1298 | "strip-ansi@^6.0.1": 1299 | "integrity" "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==" 1300 | "resolved" "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz" 1301 | "version" "6.0.1" 1302 | dependencies: 1303 | "ansi-regex" "^5.0.1" 1304 | 1305 | "strip-json-comments@^3.1.0", "strip-json-comments@^3.1.1", "strip-json-comments@~3.1.1": 1306 | "integrity" "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==" 1307 | "resolved" "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz" 1308 | "version" "3.1.1" 1309 | 1310 | "supports-color@^7.1.0": 1311 | "integrity" "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==" 1312 | "resolved" "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz" 1313 | "version" "7.2.0" 1314 | dependencies: 1315 | "has-flag" "^4.0.0" 1316 | 1317 | "supports-preserve-symlinks-flag@^1.0.0": 1318 | "integrity" "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==" 1319 | "resolved" "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz" 1320 | "version" "1.0.0" 1321 | 1322 | "text-table@^0.2.0": 1323 | "integrity" "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==" 1324 | "resolved" "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz" 1325 | "version" "0.2.0" 1326 | 1327 | "to-regex-range@^5.0.1": 1328 | "integrity" "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==" 1329 | "resolved" "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz" 1330 | "version" "5.0.1" 1331 | dependencies: 1332 | "is-number" "^7.0.0" 1333 | 1334 | "ts-morph@18.0.0": 1335 | "integrity" "sha512-Kg5u0mk19PIIe4islUI/HWRvm9bC1lHejK4S0oh1zaZ77TMZAEmQC0sHQYiu2RgCQFZKXz1fMVi/7nOOeirznA==" 1336 | "resolved" "https://registry.npmjs.org/ts-morph/-/ts-morph-18.0.0.tgz" 1337 | "version" "18.0.0" 1338 | dependencies: 1339 | "@ts-morph/common" "~0.19.0" 1340 | "code-block-writer" "^12.0.0" 1341 | 1342 | "tslib@^1.8.1": 1343 | "integrity" "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==" 1344 | "resolved" "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz" 1345 | "version" "1.14.1" 1346 | 1347 | "tsutils@^3.21.0": 1348 | "integrity" "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==" 1349 | "resolved" "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz" 1350 | "version" "3.21.0" 1351 | dependencies: 1352 | "tslib" "^1.8.1" 1353 | 1354 | "type-check@^0.4.0", "type-check@~0.4.0": 1355 | "integrity" "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==" 1356 | "resolved" "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz" 1357 | "version" "0.4.0" 1358 | dependencies: 1359 | "prelude-ls" "^1.2.1" 1360 | 1361 | "type-fest@^0.20.2": 1362 | "integrity" "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==" 1363 | "resolved" "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz" 1364 | "version" "0.20.2" 1365 | 1366 | "typescript@^5.0.2", "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta": 1367 | "integrity" "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==" 1368 | "resolved" "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz" 1369 | "version" "5.0.4" 1370 | 1371 | "typescript@~4.8.4": 1372 | "integrity" "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==" 1373 | "resolved" "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz" 1374 | "version" "4.8.4" 1375 | 1376 | "universalify@^0.1.0": 1377 | "integrity" "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==" 1378 | "resolved" "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz" 1379 | "version" "0.1.2" 1380 | 1381 | "universalify@^2.0.0": 1382 | "integrity" "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==" 1383 | "resolved" "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz" 1384 | "version" "2.0.0" 1385 | 1386 | "uri-js@^4.2.2": 1387 | "integrity" "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==" 1388 | "resolved" "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz" 1389 | "version" "4.4.1" 1390 | dependencies: 1391 | "punycode" "^2.1.0" 1392 | 1393 | "util@^0.10.3": 1394 | "integrity" "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==" 1395 | "resolved" "https://registry.npmjs.org/util/-/util-0.10.4.tgz" 1396 | "version" "0.10.4" 1397 | dependencies: 1398 | "inherits" "2.0.3" 1399 | 1400 | "validator@^13.7.0": 1401 | "integrity" "sha512-B+dGG8U3fdtM0/aNK4/X8CXq/EcxU2WPrPEkJGslb47qyHsxmbggTWK0yEA4qnYVNF+nxNlN88o14hIcPmSIEA==" 1402 | "resolved" "https://registry.npmjs.org/validator/-/validator-13.9.0.tgz" 1403 | "version" "13.9.0" 1404 | 1405 | "vite-plugin-dts@^2.3.0": 1406 | "integrity" "sha512-WbJgGtsStgQhdm3EosYmIdTGbag5YQpZ3HXWUAPCDyoXI5qN6EY0V7NXq0lAmnv9hVQsvh0htbYcg0Or5Db9JQ==" 1407 | "resolved" "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-2.3.0.tgz" 1408 | "version" "2.3.0" 1409 | dependencies: 1410 | "@babel/parser" "^7.21.4" 1411 | "@microsoft/api-extractor" "^7.34.4" 1412 | "@rollup/pluginutils" "^5.0.2" 1413 | "@rushstack/node-core-library" "^3.55.2" 1414 | "debug" "^4.3.4" 1415 | "fast-glob" "^3.2.12" 1416 | "fs-extra" "^10.1.0" 1417 | "kolorist" "^1.7.0" 1418 | "magic-string" "^0.29.0" 1419 | "ts-morph" "18.0.0" 1420 | 1421 | "vite@^4", "vite@^4.3.0", "vite@>=2.9.0": 1422 | "integrity" "sha512-EPmfPLAI79Z/RofuMvkIS0Yr091T2ReUoXQqc5ppBX/sjFRhHKiPPF/R46cTdoci/XgeQpB23diiJxq5w30vdg==" 1423 | "resolved" "https://registry.npmjs.org/vite/-/vite-4.3.1.tgz" 1424 | "version" "4.3.1" 1425 | dependencies: 1426 | "esbuild" "^0.17.5" 1427 | "postcss" "^8.4.21" 1428 | "rollup" "^3.20.2" 1429 | optionalDependencies: 1430 | "fsevents" "~2.3.2" 1431 | 1432 | "which@^2.0.1": 1433 | "integrity" "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==" 1434 | "resolved" "https://registry.npmjs.org/which/-/which-2.0.2.tgz" 1435 | "version" "2.0.2" 1436 | dependencies: 1437 | "isexe" "^2.0.0" 1438 | 1439 | "word-wrap@^1.2.3": 1440 | "integrity" "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==" 1441 | "resolved" "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz" 1442 | "version" "1.2.3" 1443 | 1444 | "wrappy@1": 1445 | "integrity" "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==" 1446 | "resolved" "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz" 1447 | "version" "1.0.2" 1448 | 1449 | "yallist@^4.0.0": 1450 | "integrity" "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" 1451 | "resolved" "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz" 1452 | "version" "4.0.0" 1453 | 1454 | "yocto-queue@^0.1.0": 1455 | "integrity" "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==" 1456 | "resolved" "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz" 1457 | "version" "0.1.0" 1458 | 1459 | "z-schema@~5.0.2": 1460 | "integrity" "sha512-D7eujBWkLa3p2sIpJA0d1pr7es+a7m0vFAnZLlCEKq/Ij2k0MLi9Br2UPxoxdYystm5K1yeBGzub0FlYUEWj2Q==" 1461 | "resolved" "https://registry.npmjs.org/z-schema/-/z-schema-5.0.5.tgz" 1462 | "version" "5.0.5" 1463 | dependencies: 1464 | "lodash.get" "^4.4.2" 1465 | "lodash.isequal" "^4.5.0" 1466 | "validator" "^13.7.0" 1467 | optionalDependencies: 1468 | "commander" "^9.4.1" 1469 | --------------------------------------------------------------------------------