npm - @siberiacancode/reactuse - Versions diffs - 0.2.29 → 0.2.31 - Mend

@siberiacancode/reactuse 0.2.29 → 0.2.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (540) hide show

package/dist/cjs/hooks/useClipboard/useClipboard.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useClipboard.cjs","sources":["../../../../src/hooks/useClipboard/useClipboard.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { copy } from '@/utils/helpers';\n\n/** The use copy to clipboard return type /\nexport interface UseCopyToClipboardReturn {\n /* The copied value /\n value: string \| null;\n /* Function to copy to clipboard /\n copy: (value: string) => Promise<void>;\n}\n\n/* The use copy to clipboard params type /\nexport interface UseCopyToClipboardParams {\n /* Whether the copy to clipboard is enabled /\n enabled: boolean;\n}\n\n/\n @name useClipboard\n * @description - Hook that manages a copy to clipboard\n * @category Browser\n \n @browserapi navigator.clipboard https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard\n \n @param {boolean} [params.enabled=false] Whether the copy to clipboard is enabled\n * @returns {UseCopyToClipboardReturn} An object containing the boolean state value and utility functions to manipulate the state\n \n @example\n * const { value, copy } = useClipboard();\n */\nexport const useClipboard = (params?: UseCopyToClipboardParams): UseCopyToClipboardReturn => {\n const [value, setValue] = useState<string \| null>(null);\n const enabled = params?.enabled ?? false;\n\n const set = async () => {\n try {\n const value = await navigator.clipboard.readText();\n setValue(value);\n } catch {\n setValue(document.getSelection?.()?.toString() ?? '');\n }\n };\n\n useEffect(() => {\n if (!enabled) return;\n\n document.addEventListener('copy', set);\n document.addEventListener('cut', set);\n return () => {\n document.removeEventListener('copy', set);\n document.removeEventListener('cut', set);\n };\n }, [enabled]);\n\n const copyToClipboard = async (value: string) => {\n copy(value);\n setValue(value);\n };\n\n return { value, copy: copyToClipboard };\n};\n"],"names":["useClipboard","params","value","setValue","useState","enabled","set","useEffect","copy"],"mappings":"~~mJA+BaA~~,EAAgBC,GAAgE,CAC3F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAwB,IAAI,EAChDC,EAAUJ,GAAQ,SAAW,GAE7BK,EAAM,SAAY,CACtB,GAAI,CACF,MAAMJ,EAAQ,MAAM,UAAU,UAAU,SAAA,EACxCC,EAASD,CAAK,CAAA,MACR,CACNC,EAAS,SAAS,eAAA,GAAkB,SAAA,GAAc,EAAE,CAAA,CACtD,EAGFI,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAKF,EAEL,gBAAS,iBAAiB,OAAQC,CAAG,EACrC,SAAS,iBAAiB,MAAOA,CAAG,EAC7B,IAAM,CACX,SAAS,oBAAoB,OAAQA,CAAG,EACxC,SAAS,oBAAoB,MAAOA,CAAG,CAAA,CACzC,EACC,CAACD,CAAO,CAAC,EAOL,CAAE,MAAAH,EAAO,KALQ,MAAOA,GAAkB,CAC/CM,EAAAA,KAAKN,CAAK,EACVC,EAASD,CAAK,CAAA,CAGM,CACxB"}
1	+ {"version":3,"file":"useClipboard.cjs","sources":["../../../../src/hooks/useClipboard/useClipboard.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { copy } from '@/utils/helpers';\n\n/** The use copy to clipboard return type /\nexport interface UseCopyToClipboardReturn {\n /* The copied value /\n value: string \| null;\n /* Function to copy to clipboard /\n copy: (value: string) => Promise<void>;\n}\n\n/* The use copy to clipboard params type /\nexport interface UseCopyToClipboardParams {\n /* Whether the copy to clipboard is enabled /\n enabled: boolean;\n}\n\n/\n @name useClipboard\n * @description - Hook that manages a copy to clipboard\n * @category Browser\n * @usage medium\n\n * @browserapi navigator.clipboard https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard\n \n @param {boolean} [params.enabled=false] Whether the copy to clipboard is enabled\n * @returns {UseCopyToClipboardReturn} An object containing the boolean state value and utility functions to manipulate the state\n \n @example\n * const { value, copy } = useClipboard();\n */\nexport const useClipboard = (params?: UseCopyToClipboardParams): UseCopyToClipboardReturn => {\n const [value, setValue] = useState<string \| null>(null);\n const enabled = params?.enabled ?? false;\n\n const set = async () => {\n try {\n const value = await navigator.clipboard.readText();\n setValue(value);\n } catch {\n setValue(document.getSelection?.()?.toString() ?? '');\n }\n };\n\n useEffect(() => {\n if (!enabled) return;\n\n document.addEventListener('copy', set);\n document.addEventListener('cut', set);\n return () => {\n document.removeEventListener('copy', set);\n document.removeEventListener('cut', set);\n };\n }, [enabled]);\n\n const copyToClipboard = async (value: string) => {\n copy(value);\n setValue(value);\n };\n\n return { value, copy: copyToClipboard };\n};\n"],"names":["useClipboard","params","value","setValue","useState","enabled","set","useEffect","copy"],"mappings":"mJAgCaA,EAAgBC,GAAgE,CAC3F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAwB,IAAI,EAChDC,EAAUJ,GAAQ,SAAW,GAE7BK,EAAM,SAAY,CACtB,GAAI,CACF,MAAMJ,EAAQ,MAAM,UAAU,UAAU,SAAA,EACxCC,EAASD,CAAK,CAAA,MACR,CACNC,EAAS,SAAS,eAAA,GAAkB,SAAA,GAAc,EAAE,CAAA,CACtD,EAGFI,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAKF,EAEL,gBAAS,iBAAiB,OAAQC,CAAG,EACrC,SAAS,iBAAiB,MAAOA,CAAG,EAC7B,IAAM,CACX,SAAS,oBAAoB,OAAQA,CAAG,EACxC,SAAS,oBAAoB,MAAOA,CAAG,CAAA,CACzC,EACC,CAACD,CAAO,CAAC,EAOL,CAAE,MAAAH,EAAO,KALQ,MAAOA,GAAkB,CAC/CM,EAAAA,KAAKN,CAAK,EACVC,EAASD,CAAK,CAAA,CAGM,CACxB"}

package/dist/cjs/hooks/useConst/useConst.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useConst.cjs","sources":["../../../../src/hooks/useConst/useConst.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/*\n @name useConst\n * @description - Hook that returns the constant value\n * @category Utilities\n \n @template Value The type of the value\n * @param {(() => Value) \| Value} initialValue The initial value of the constant\n * @returns {Value} The constant value\n \n @example\n * const value = useConst('value');\n */\nexport const useConst = <Value>(initialValue: (() => Value) \| Value) =>\n useRef<Value>(typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue)\n .current;\n"],"names":["useConst","initialValue","useRef"],"mappings":"~~yGAcaA~~,EAAmBC,GAC9BC,SAAc,OAAOD,GAAiB,WAAcA,IAAiCA,CAAY,EAC9F"}
1	+ {"version":3,"file":"useConst.cjs","sources":["../../../../src/hooks/useConst/useConst.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/*\n @name useConst\n * @description - Hook that returns the constant value\n * @category Utilities\n * @usage high\n\n * @template Value The type of the value\n * @param {(() => Value) \| Value} initialValue The initial value of the constant\n * @returns {Value} The constant value\n \n @example\n * const value = useConst('value');\n */\nexport const useConst = <Value>(initialValue: (() => Value) \| Value) =>\n useRef<Value>(typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue)\n .current;\n"],"names":["useConst","initialValue","useRef"],"mappings":"yGAeaA,EAAmBC,GAC9BC,SAAc,OAAOD,GAAiB,WAAcA,IAAiCA,CAAY,EAC9F"}

package/dist/cjs/hooks/useCookie/useCookie.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCookie.cjs","sources":["../../../../src/hooks/useCookie/useCookie.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const getCookies = () =>\n Object.fromEntries(\n document.cookie.split('; ').map((cookie) => {\n const [key, ...value] = cookie.split('=');\n const decodedValue = decodeURIComponent(value.join('='));\n return [key, decodedValue];\n })\n );\n\nexport interface RemoveCookieParams {\n domain?: string;\n expires?: Date;\n maxAge?: number;\n path?: string;\n sameSite?: 'Lax' \| 'None' \| 'Strict';\n secure?: boolean;\n}\n\nexport const removeCookie = (key: string, options: RemoveCookieParams = {}) => {\n document.cookie = `${encodeURIComponent(key)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${\n options.path ? `; path=${options.path}` : ''\n }${options.domain ? `; domain=${options.domain}` : ''}${\n options.maxAge ? `; max-age=0` : ''\n }${options.expires ? `; expires=Thu, 01 Jan 1970 00:00:00 GMT` : ''}${\n options.secure ? `; secure` : ''\n }${options.sameSite ? `; samesite=${options.sameSite}` : ''}`;\n};\n\nexport interface SetCookieParams {\n domain?: string;\n expires?: Date;\n httpOnly?: boolean;\n maxAge?: number;\n path?: string;\n sameSite?: 'Lax' \| 'None' \| 'Strict';\n secure?: boolean;\n}\n\nexport const setCookie = (key: string, value: string, options: SetCookieParams = {}) => {\n const cookie = [`${encodeURIComponent(key)}=${encodeURIComponent(value)}`];\n\n if (options.path) cookie.push(`path=${options.path}`);\n if (options.domain) cookie.push(`domain=${options.domain}`);\n if (typeof options.maxAge === 'number') cookie.push(`max-age=${options.maxAge}`);\n if (options.expires) cookie.push(`expires=${options.expires.toUTCString()}`);\n if (options.secure) cookie.push(`secure`);\n if (options.httpOnly) cookie.push(`httpOnly`);\n if (options.sameSite) cookie.push(`samesite=${options.sameSite}`);\n\n document.cookie = cookie.join('; ');\n};\n\n/* The use cookie initial value type /\nexport type UseCookieInitialValue<Value> = (() => Value) \| Value;\n\n/ The use cookie options type /\nexport interface UseCookieOptions<Value> {\n / The domain of the cookie /\n domain?: string;\n / The expiration date of the cookie /\n expires?: Date;\n / Whether the cookie is httpOnly /\n httpOnly?: boolean;\n / The initial value of the storage /\n initialValue?: UseCookieInitialValue<Value>;\n / The maximum age of the cookie /\n maxAge?: number;\n / The path of the cookie /\n path?: string;\n / The sameSite of the cookie /\n sameSite?: 'Lax' \| 'None' \| 'Strict';\n / Whether the cookie is secure /\n secure?: boolean;\n / The deserializer function to be invoked /\n deserializer?: (value: string) => Value;\n / The serializer function to be invoked /\n serializer?: (value: Value) => string;\n}\n\n/ The use cookie return type /\nexport interface UseCookieReturn<Value> {\n / The value of the cookie /\n value: Value;\n / The remove function /\n remove: (options?: RemoveCookieParams) => void;\n / The set function /\n set: (value: Value, options?: SetCookieParams) => void;\n}\n\nexport const COOKIE_EVENT = 'reactuse-cookie';\n\nexport const dispatchCookieEvent = () => window.dispatchEvent(new Event(COOKIE_EVENT));\n\nexport const setCookieItem = (key: string, value: string, options?: SetCookieParams) => {\n setCookie(key, value, options);\n dispatchCookieEvent();\n};\n\nexport const removeCookieItem = (key: string, options?: RemoveCookieParams) => {\n removeCookie(key, options);\n dispatchCookieEvent();\n};\n\nexport const getCookie = (key: string): string \| undefined => {\n const cookies = getCookies();\n return cookies[key];\n};\n\nexport interface UseCookie {\n <Value>(\n key: string,\n options: UseCookieOptions<Value> & {\n initialValue: UseCookieInitialValue<Value>;\n }\n ): UseCookieReturn<Value>;\n\n <Value>(key: string, options?: UseCookieOptions<Value>): UseCookieReturn<Value \| undefined>;\n\n <Value>(key: string, initialValue: UseCookieInitialValue<Value>): UseCookieReturn<Value>;\n\n <Value>(key: string): UseCookieReturn<Value \| undefined>;\n}\n\n/\n @name useCookie\n * @description - Hook that manages cookie value\n * @category State\n \n @overload\n * @template Value The type of the cookie value\n * @param {string} key The key of the cookie\n * @param {UseCookieInitialValue<Value>} [initialValue] The initial value of the cookie\n * @returns {UseCookieReturn<Value>} The value and the set function\n \n @overload\n * @template Value The type of the cookie value\n * @param {string} key The key of the cookie\n * @param {UseCookieOptions<Value>} options The options object\n * @param {UseCookieInitialValue<Value>} [options.initialValue] The initial value of the cookie\n * @param {(value: string) => Value} [options.deserializer] The deserializer function to be invoked\n * @param {(value: Value) => string} [options.serializer] The serializer function to be invoked\n * @returns {UseCookieReturn<Value \| undefined>} The value and the set function\n \n @example\n * const { value, set, remove } = useCookie('key', 'value');\n */\nexport const useCookie = (<Value>(key: string, params?: any) => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params \|\| 'deserializer' in params \|\| 'initialValue' in params)\n ? params\n : undefined\n ) as UseCookieOptions<Value>;\n const initialValue = (options ? options?.initialValue : params) as UseCookieInitialValue<Value>;\n\n if (typeof document === 'undefined')\n return {\n value: typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue\n } as UseCookieReturn<Value>;\n\n const serializer = (value: Value) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value;\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value;\n }\n };\n\n const [value, setValue] = useState<Value \| undefined>(() => {\n const cookieValue = getCookie(key);\n if (cookieValue === undefined && initialValue !== undefined) {\n const value =\n typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\n setCookieItem(key, serializer(value), options);\n return value;\n }\n return cookieValue ? deserializer(cookieValue) : undefined;\n });\n\n useEffect(() => {\n const onChange = () => {\n const cookieValue = getCookie(key);\n setValue(cookieValue ? deserializer(cookieValue) : undefined);\n };\n window.addEventListener(COOKIE_EVENT, onChange);\n return () => window.removeEventListener(COOKIE_EVENT, onChange);\n }, [key]);\n\n const set = (value: Value, params?: SetCookieParams) =>\n setCookieItem(key, serializer(value), { ...options, ...params });\n const remove = (params?: RemoveCookieParams) => removeCookieItem(key, { ...options, ...params });\n\n return { value, set, remove };\n}) as UseCookie;\n"],"names":["getCookies","cookie","key","value","decodedValue","removeCookie","options","setCookie","COOKIE_EVENT","dispatchCookieEvent","setCookieItem","removeCookieItem","getCookie","useCookie","params","initialValue","serializer","deserializer","setValue","useState","cookieValue","useEffect","onChange"],"mappings":"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"}
1	+ {"version":3,"file":"useCookie.cjs","sources":["../../../../src/hooks/useCookie/useCookie.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const getCookies = () =>\n Object.fromEntries(\n document.cookie.split('; ').map((cookie) => {\n const [key, ...value] = cookie.split('=');\n const decodedValue = decodeURIComponent(value.join('='));\n return [key, decodedValue];\n })\n );\n\nexport interface RemoveCookieParams {\n domain?: string;\n expires?: Date;\n maxAge?: number;\n path?: string;\n sameSite?: 'Lax' \| 'None' \| 'Strict';\n secure?: boolean;\n}\n\nexport const removeCookie = (key: string, options: RemoveCookieParams = {}) => {\n document.cookie = `${encodeURIComponent(key)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${\n options.path ? `; path=${options.path}` : ''\n }${options.domain ? `; domain=${options.domain}` : ''}${\n options.maxAge ? `; max-age=0` : ''\n }${options.expires ? `; expires=Thu, 01 Jan 1970 00:00:00 GMT` : ''}${\n options.secure ? `; secure` : ''\n }${options.sameSite ? `; samesite=${options.sameSite}` : ''}`;\n};\n\nexport interface SetCookieParams {\n domain?: string;\n expires?: Date;\n httpOnly?: boolean;\n maxAge?: number;\n path?: string;\n sameSite?: 'Lax' \| 'None' \| 'Strict';\n secure?: boolean;\n}\n\nexport const setCookie = (key: string, value: string, options: SetCookieParams = {}) => {\n const cookie = [`${encodeURIComponent(key)}=${encodeURIComponent(value)}`];\n\n if (options.path) cookie.push(`path=${options.path}`);\n if (options.domain) cookie.push(`domain=${options.domain}`);\n if (typeof options.maxAge === 'number') cookie.push(`max-age=${options.maxAge}`);\n if (options.expires) cookie.push(`expires=${options.expires.toUTCString()}`);\n if (options.secure) cookie.push(`secure`);\n if (options.httpOnly) cookie.push(`httpOnly`);\n if (options.sameSite) cookie.push(`samesite=${options.sameSite}`);\n\n document.cookie = cookie.join('; ');\n};\n\n/* The use cookie initial value type /\nexport type UseCookieInitialValue<Value> = (() => Value) \| Value;\n\n/ The use cookie options type /\nexport interface UseCookieOptions<Value> {\n / The domain of the cookie /\n domain?: string;\n / The expiration date of the cookie /\n expires?: Date;\n / Whether the cookie is httpOnly /\n httpOnly?: boolean;\n / The initial value of the storage /\n initialValue?: UseCookieInitialValue<Value>;\n / The maximum age of the cookie /\n maxAge?: number;\n / The path of the cookie /\n path?: string;\n / The sameSite of the cookie /\n sameSite?: 'Lax' \| 'None' \| 'Strict';\n / Whether the cookie is secure /\n secure?: boolean;\n / The deserializer function to be invoked /\n deserializer?: (value: string) => Value;\n / The serializer function to be invoked /\n serializer?: (value: Value) => string;\n}\n\n/ The use cookie return type /\nexport interface UseCookieReturn<Value> {\n / The value of the cookie /\n value: Value;\n / The remove function /\n remove: (options?: RemoveCookieParams) => void;\n / The set function /\n set: (value: Value, options?: SetCookieParams) => void;\n}\n\nexport const COOKIE_EVENT = 'reactuse-cookie';\n\nexport const dispatchCookieEvent = () => window.dispatchEvent(new Event(COOKIE_EVENT));\n\nexport const setCookieItem = (key: string, value: string, options?: SetCookieParams) => {\n setCookie(key, value, options);\n dispatchCookieEvent();\n};\n\nexport const removeCookieItem = (key: string, options?: RemoveCookieParams) => {\n removeCookie(key, options);\n dispatchCookieEvent();\n};\n\nexport const getCookie = (key: string): string \| undefined => {\n const cookies = getCookies();\n return cookies[key];\n};\n\nexport interface UseCookie {\n <Value>(\n key: string,\n options: UseCookieOptions<Value> & {\n initialValue: UseCookieInitialValue<Value>;\n }\n ): UseCookieReturn<Value>;\n\n <Value>(key: string, options?: UseCookieOptions<Value>): UseCookieReturn<Value \| undefined>;\n\n <Value>(key: string, initialValue: UseCookieInitialValue<Value>): UseCookieReturn<Value>;\n\n <Value>(key: string): UseCookieReturn<Value \| undefined>;\n}\n\n/\n @name useCookie\n * @description - Hook that manages cookie value\n * @category State\n * @usage medium\n\n * @overload\n * @template Value The type of the cookie value\n * @param {string} key The key of the cookie\n * @param {UseCookieInitialValue<Value>} [initialValue] The initial value of the cookie\n * @returns {UseCookieReturn<Value>} The value and the set function\n \n @overload\n * @template Value The type of the cookie value\n * @param {string} key The key of the cookie\n * @param {UseCookieOptions<Value>} options The options object\n * @param {UseCookieInitialValue<Value>} [options.initialValue] The initial value of the cookie\n * @param {(value: string) => Value} [options.deserializer] The deserializer function to be invoked\n * @param {(value: Value) => string} [options.serializer] The serializer function to be invoked\n * @returns {UseCookieReturn<Value \| undefined>} The value and the set function\n \n @example\n * const { value, set, remove } = useCookie('key', 'value');\n */\nexport const useCookie = (<Value>(key: string, params?: any) => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params \|\| 'deserializer' in params \|\| 'initialValue' in params)\n ? params\n : undefined\n ) as UseCookieOptions<Value>;\n const initialValue = (options ? options?.initialValue : params) as UseCookieInitialValue<Value>;\n\n if (typeof document === 'undefined')\n return {\n value: typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue\n } as UseCookieReturn<Value>;\n\n const serializer = (value: Value) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value;\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value;\n }\n };\n\n const [value, setValue] = useState<Value \| undefined>(() => {\n const cookieValue = getCookie(key);\n if (cookieValue === undefined && initialValue !== undefined) {\n const value =\n typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\n setCookieItem(key, serializer(value), options);\n return value;\n }\n return cookieValue ? deserializer(cookieValue) : undefined;\n });\n\n useEffect(() => {\n const onChange = () => {\n const cookieValue = getCookie(key);\n setValue(cookieValue ? deserializer(cookieValue) : undefined);\n };\n window.addEventListener(COOKIE_EVENT, onChange);\n return () => window.removeEventListener(COOKIE_EVENT, onChange);\n }, [key]);\n\n const set = (value: Value, params?: SetCookieParams) =>\n setCookieItem(key, serializer(value), { ...options, ...params });\n const remove = (params?: RemoveCookieParams) => removeCookieItem(key, { ...options, ...params });\n\n return { value, set, remove };\n}) as UseCookie;\n"],"names":["getCookies","cookie","key","value","decodedValue","removeCookie","options","setCookie","COOKIE_EVENT","dispatchCookieEvent","setCookieItem","removeCookieItem","getCookie","useCookie","params","initialValue","serializer","deserializer","setValue","useState","cookieValue","useEffect","onChange"],"mappings":"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"}

package/dist/cjs/hooks/useCookies/useCookies.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCookies.cjs","sources":["../../../../src/hooks/useCookies/useCookies.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { RemoveCookieParams, SetCookieParams } from '../useCookie/useCookie';\n\nimport {\n COOKIE_EVENT,\n dispatchCookieEvent,\n removeCookie,\n removeCookieItem,\n setCookieItem\n} from '../useCookie/useCookie';\n\n/** The cookies params type /\nexport type CookieParams = Record<string, any>;\n\n/ The use cookies options type /\nexport interface UseCookiesOptions<Value> {\n / The deserializer function to be invoked /\n deserializer?: (value: string) => Value[keyof Value];\n / The serializer function to be invoked /\n serializer?: (value: Value[keyof Value]) => string;\n}\n\nexport const clearCookies = () => {\n document.cookie.split('; ').forEach((cookie) => {\n const [name] = cookie.split('=');\n removeCookie(name);\n });\n};\n\nconst clearCookieItems = () => {\n clearCookies();\n dispatchCookieEvent();\n};\n\n/\n @name useCookies\n * @description - Hook that manages cookie values\n * @category State\n \n @overload\n * @template {object} Value The type of the cookie values\n * @returns {UseCookieReturn<Value>} The value and the set function\n \n @example\n * const { value, set, remove, getAll, clear } = useCookies();\n */\nexport const useCookies = <Value extends CookieParams>(options?: UseCookiesOptions<Value>) => {\n const serializer = (value: Value[keyof Value]) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value[keyof Value];\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value[keyof Value];\n }\n };\n\n const getParsedCookies = () => {\n if (!document.cookie) return {};\n\n return Object.fromEntries(\n document.cookie\n .split('; ')\n .map((cookie) => {\n const [key, ...value] = cookie.split('=');\n if (!key \|\| !value.length) return [];\n const decodedValue = decodeURIComponent(value.join('='));\n return [key, deserializer(decodedValue)];\n })\n .filter((entry) => entry.length)\n );\n };\n\n const [value, setValue] = useState(() => {\n if (typeof window === 'undefined') return {} as Value;\n return getParsedCookies() as Value;\n });\n\n useEffect(() => {\n const onChange = () => setValue(getParsedCookies() as Value);\n\n window.addEventListener(COOKIE_EVENT, onChange);\n return () => {\n window.removeEventListener(COOKIE_EVENT, onChange);\n };\n }, []);\n\n const set = <Key extends keyof Value>(key: Key, value: Value[Key], options?: SetCookieParams) =>\n setCookieItem(key as string, serializer(value), options);\n\n const remove = <Key extends keyof Value>(key: Key, options?: RemoveCookieParams) =>\n removeCookieItem(key as string, options);\n const getAll = () => getParsedCookies();\n const clear = () => clearCookieItems();\n\n return { value, set, remove, getAll, clear };\n};\n"],"names":["clearCookies","cookie","name","removeCookie","clearCookieItems","dispatchCookieEvent","useCookies","options","serializer","value","deserializer","getParsedCookies","key","decodedValue","entry","setValue","useState","useEffect","onChange","COOKIE_EVENT","setCookieItem","removeCookieItem"],"mappings":"iJAuBaA,EAAe,IAAM,CAChC,SAAS,OAAO,MAAM,IAAI,EAAE,QAASC,GAAW,CAC9C,KAAM,CAACC,CAAI,EAAID,EAAO,MAAM,GAAG,EAC/BE,EAAAA,aAAaD,CAAI,CAAA,CAClB,CACH,EAEME,EAAmB,IAAM,CAC7BJ,EAAA,EACAK,sBAAA,CACF,~~EAcaC~~,EAA0CC,GAAuC,CAC5F,MAAMC,EAAcC,GACdF,GAAS,WAAmBA,EAAQ,WAAWE,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBC,EAAgBD,GAAkB,CACtC,GAAIF,GAAS,aAAc,OAAOA,EAAQ,aAAaE,CAAK,EAC5D,GAAIA,IAAU,YAEd,GAAI,CACF,OAAO,KAAK,MAAMA,CAAK,CAAA,MACjB,CACN,OAAOA,CAAA,CACT,EAGIE,EAAmB,IAClB,SAAS,OAEP,OAAO,YACZ,SAAS,OACN,MAAM,IAAI,EACV,IAAKV,GAAW,CACf,KAAM,CAACW,EAAK,GAAGH,CAAK,EAAIR,EAAO,MAAM,GAAG,EACxC,GAAI,CAACW,GAAO,CAACH,EAAM,aAAe,CAAA,EAClC,MAAMI,EAAe,mBAAmBJ,EAAM,KAAK,GAAG,CAAC,EACvD,MAAO,CAACG,EAAKF,EAAaG,CAAY,CAAC,CAAA,CACxC,EACA,OAAQC,GAAUA,EAAM,MAAM,CAAA,EAXN,CAAA,EAezB,CAACL,EAAOM,CAAQ,EAAIC,EAAAA,SAAS,IAC7B,OAAO,OAAW,IAAoB,CAAA,EACnCL,EAAA,CACR,EAEDM,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAMH,EAASJ,GAA2B,EAE3D,cAAO,iBAAiBQ,EAAAA,aAAcD,CAAQ,EACvC,IAAM,CACX,OAAO,oBAAoBC,EAAAA,aAAcD,CAAQ,CAAA,CACnD,EACC,EAAE,EAUE,CAAE,MAAAT,EAAO,IARJ,CAA0BG,EAAUH,EAAmBF,IACjEa,gBAAcR,EAAeJ,EAAWC,CAAK,EAAGF,CAAO,EAOpC,OALN,CAA0BK,EAAUL,IACjDc,EAAAA,iBAAiBT,EAAeL,CAAO,EAIZ,OAHd,IAAMI,EAAA,EAGgB,MAFvB,IAAMP,EAAA,CAEiB,CACvC"}
1	+ {"version":3,"file":"useCookies.cjs","sources":["../../../../src/hooks/useCookies/useCookies.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { RemoveCookieParams, SetCookieParams } from '../useCookie/useCookie';\n\nimport {\n COOKIE_EVENT,\n dispatchCookieEvent,\n removeCookie,\n removeCookieItem,\n setCookieItem\n} from '../useCookie/useCookie';\n\n/** The cookies params type /\nexport type CookieParams = Record<string, any>;\n\n/ The use cookies options type /\nexport interface UseCookiesOptions<Value> {\n / The deserializer function to be invoked /\n deserializer?: (value: string) => Value[keyof Value];\n / The serializer function to be invoked /\n serializer?: (value: Value[keyof Value]) => string;\n}\n\nexport const clearCookies = () => {\n document.cookie.split('; ').forEach((cookie) => {\n const [name] = cookie.split('=');\n removeCookie(name);\n });\n};\n\nconst clearCookieItems = () => {\n clearCookies();\n dispatchCookieEvent();\n};\n\n/\n @name useCookies\n * @description - Hook that manages cookie values\n * @category State\n * @usage medium\n\n * @overload\n * @template {object} Value The type of the cookie values\n * @returns {UseCookieReturn<Value>} The value and the set function\n \n @example\n * const { value, set, remove, getAll, clear } = useCookies();\n */\nexport const useCookies = <Value extends CookieParams>(options?: UseCookiesOptions<Value>) => {\n const serializer = (value: Value[keyof Value]) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value[keyof Value];\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value[keyof Value];\n }\n };\n\n const getParsedCookies = () => {\n if (!document.cookie) return {};\n\n return Object.fromEntries(\n document.cookie\n .split('; ')\n .map((cookie) => {\n const [key, ...value] = cookie.split('=');\n if (!key \|\| !value.length) return [];\n const decodedValue = decodeURIComponent(value.join('='));\n return [key, deserializer(decodedValue)];\n })\n .filter((entry) => entry.length)\n );\n };\n\n const [value, setValue] = useState(() => {\n if (typeof window === 'undefined') return {} as Value;\n return getParsedCookies() as Value;\n });\n\n useEffect(() => {\n const onChange = () => setValue(getParsedCookies() as Value);\n\n window.addEventListener(COOKIE_EVENT, onChange);\n return () => {\n window.removeEventListener(COOKIE_EVENT, onChange);\n };\n }, []);\n\n const set = <Key extends keyof Value>(key: Key, value: Value[Key], options?: SetCookieParams) =>\n setCookieItem(key as string, serializer(value), options);\n\n const remove = <Key extends keyof Value>(key: Key, options?: RemoveCookieParams) =>\n removeCookieItem(key as string, options);\n const getAll = () => getParsedCookies();\n const clear = () => clearCookieItems();\n\n return { value, set, remove, getAll, clear };\n};\n"],"names":["clearCookies","cookie","name","removeCookie","clearCookieItems","dispatchCookieEvent","useCookies","options","serializer","value","deserializer","getParsedCookies","key","decodedValue","entry","setValue","useState","useEffect","onChange","COOKIE_EVENT","setCookieItem","removeCookieItem"],"mappings":"iJAuBaA,EAAe,IAAM,CAChC,SAAS,OAAO,MAAM,IAAI,EAAE,QAASC,GAAW,CAC9C,KAAM,CAACC,CAAI,EAAID,EAAO,MAAM,GAAG,EAC/BE,EAAAA,aAAaD,CAAI,CAAA,CAClB,CACH,EAEME,EAAmB,IAAM,CAC7BJ,EAAA,EACAK,sBAAA,CACF,EAeaC,EAA0CC,GAAuC,CAC5F,MAAMC,EAAcC,GACdF,GAAS,WAAmBA,EAAQ,WAAWE,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBC,EAAgBD,GAAkB,CACtC,GAAIF,GAAS,aAAc,OAAOA,EAAQ,aAAaE,CAAK,EAC5D,GAAIA,IAAU,YAEd,GAAI,CACF,OAAO,KAAK,MAAMA,CAAK,CAAA,MACjB,CACN,OAAOA,CAAA,CACT,EAGIE,EAAmB,IAClB,SAAS,OAEP,OAAO,YACZ,SAAS,OACN,MAAM,IAAI,EACV,IAAKV,GAAW,CACf,KAAM,CAACW,EAAK,GAAGH,CAAK,EAAIR,EAAO,MAAM,GAAG,EACxC,GAAI,CAACW,GAAO,CAACH,EAAM,aAAe,CAAA,EAClC,MAAMI,EAAe,mBAAmBJ,EAAM,KAAK,GAAG,CAAC,EACvD,MAAO,CAACG,EAAKF,EAAaG,CAAY,CAAC,CAAA,CACxC,EACA,OAAQC,GAAUA,EAAM,MAAM,CAAA,EAXN,CAAA,EAezB,CAACL,EAAOM,CAAQ,EAAIC,EAAAA,SAAS,IAC7B,OAAO,OAAW,IAAoB,CAAA,EACnCL,EAAA,CACR,EAEDM,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAMH,EAASJ,GAA2B,EAE3D,cAAO,iBAAiBQ,EAAAA,aAAcD,CAAQ,EACvC,IAAM,CACX,OAAO,oBAAoBC,EAAAA,aAAcD,CAAQ,CAAA,CACnD,EACC,EAAE,EAUE,CAAE,MAAAT,EAAO,IARJ,CAA0BG,EAAUH,EAAmBF,IACjEa,gBAAcR,EAAeJ,EAAWC,CAAK,EAAGF,CAAO,EAOpC,OALN,CAA0BK,EAAUL,IACjDc,EAAAA,iBAAiBT,EAAeL,CAAO,EAIZ,OAHd,IAAMI,EAAA,EAGgB,MAFvB,IAAMP,EAAA,CAEiB,CACvC"}

package/dist/cjs/hooks/useCopy/useCopy.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCopy.cjs","sources":["../../../../src/hooks/useCopy/useCopy.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { copy } from '@/utils/helpers';\n\n/** The use copy return type /\nexport interface UseCopyReturn {\n /* Whether copy is in progress /\n copied: boolean;\n /* The copied value /\n value?: string;\n /* Function to copy text /\n copy: (value: string) => Promise<void>;\n}\n\n/* The use copy params type /\nexport interface UseCopyParams {\n /* Reset delay in milliseconds /\n resetDelay?: number;\n}\n\n/\n @name useCopy\n * @description - Hook that manages copying text with status reset\n * @category Browser\n \n @browserapi navigator.clipboard https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard\n \n @param {number} [delay=1000] Delay in ms before resetting copied status\n * @returns {UseCopyReturn} An object containing the copied value, status and copy function\n \n @example\n * const { copied, value, copy } = useCopy();\n */\nexport const useCopy = (delay: number = 1000): UseCopyReturn => {\n const [value, setValue] = useState<string \| undefined>();\n const [copied, setCopied] = useState(false);\n\n const copyToClipboard = async (text: string) => {\n await copy(text);\n setValue(text);\n setCopied(true);\n setTimeout(() => setCopied(false), delay);\n };\n\n return { value, copied, copy: copyToClipboard };\n};\n"],"names":["useCopy","delay","value","setValue","useState","copied","setCopied","text","copy"],"mappings":"~~mJAiCaA~~,EAAU,CAACC,EAAgB,MAAwB,CAC9D,KAAM,CAACC,EAAOC,CAAQ,EAAIC,WAAA,EACpB,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAS1C,MAAO,CAAE,MAAAF,EAAO,OAAAG,EAAQ,KAPA,MAAOE,GAAiB,CAC9C,MAAMC,EAAAA,KAAKD,CAAI,EACfJ,EAASI,CAAI,EACbD,EAAU,EAAI,EACd,WAAW,IAAMA,EAAU,EAAK,EAAGL,CAAK,CAAA,CAGZ,CAChC"}
1	+ {"version":3,"file":"useCopy.cjs","sources":["../../../../src/hooks/useCopy/useCopy.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { copy } from '@/utils/helpers';\n\n/** The use copy return type /\nexport interface UseCopyReturn {\n /* Whether copy is in progress /\n copied: boolean;\n /* The copied value /\n value?: string;\n /* Function to copy text /\n copy: (value: string) => Promise<void>;\n}\n\n/* The use copy params type /\nexport interface UseCopyParams {\n /* Reset delay in milliseconds /\n resetDelay?: number;\n}\n\n/\n @name useCopy\n * @description - Hook that manages copying text with status reset\n * @category Browser\n * @usage medium\n\n * @browserapi navigator.clipboard https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard\n \n @param {number} [delay=1000] Delay in ms before resetting copied status\n * @returns {UseCopyReturn} An object containing the copied value, status and copy function\n \n @example\n * const { copied, value, copy } = useCopy();\n */\nexport const useCopy = (delay: number = 1000): UseCopyReturn => {\n const [value, setValue] = useState<string \| undefined>();\n const [copied, setCopied] = useState(false);\n\n const copyToClipboard = async (text: string) => {\n await copy(text);\n setValue(text);\n setCopied(true);\n setTimeout(() => setCopied(false), delay);\n };\n\n return { value, copied, copy: copyToClipboard };\n};\n"],"names":["useCopy","delay","value","setValue","useState","copied","setCopied","text","copy"],"mappings":"mJAkCaA,EAAU,CAACC,EAAgB,MAAwB,CAC9D,KAAM,CAACC,EAAOC,CAAQ,EAAIC,WAAA,EACpB,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAS1C,MAAO,CAAE,MAAAF,EAAO,OAAAG,EAAQ,KAPA,MAAOE,GAAiB,CAC9C,MAAMC,EAAAA,KAAKD,CAAI,EACfJ,EAASI,CAAI,EACbD,EAAU,EAAI,EACd,WAAW,IAAMA,EAAU,EAAK,EAAGL,CAAK,CAAA,CAGZ,CAChC"}

package/dist/cjs/hooks/useCounter/useCounter.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCounter.cjs","sources":["../../../../src/hooks/useCounter/useCounter.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useState } from 'react';\n\n/** The use counter options /\nexport interface UseCounterOptions {\n /* The max of count value /\n max?: number;\n /* The min of count value /\n min?: number;\n}\n\n/* The use counter return type /\nexport interface UseCounterReturn {\n /* Function to set a specific value to the counter /\n set: Dispatch<SetStateAction<number>>;\n /* The current count value /\n value: number;\n /* Function to decrement the counter /\n dec: (value?: number) => void;\n /* Function to increment the counter /\n inc: (value?: number) => void;\n /* Function to reset the counter to its initial value. /\n reset: () => void;\n}\n\nexport interface UseCounter {\n (initialValue?: number, options?: UseCounterOptions): UseCounterReturn;\n\n (options: UseCounterOptions & { initialValue?: number }, initialValue?: never): UseCounterReturn;\n}\n\n/\n @name useCounter\n * @description - Hook that manages a counter\n * @category State\n \n @overload\n * @param {number} [initialValue=0] The initial number value\n * @param {number} [options.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [options.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n\n * @overload\n * @param {number} [params.initialValue=0] The initial number value\n * @param {number} [params.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [params.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n \n @example\n * const { count, dec, inc, reset, set } = useCounter(5);\n \n @example\n * const { count, dec, inc, reset, set } = useCounter({ initialValue: 5, min: 0, max: 10 });\n */\nexport const useCounter = ((...params: any[]) => {\n const initialValue =\n typeof params[0] === 'number'\n ? params[0]\n : (params[0] as UseCounterOptions & { initialValue?: number })?.initialValue;\n const { max = Number.POSITIVE_INFINITY, min = Number.NEGATIVE_INFINITY } =\n typeof params[0] === 'number'\n ? ((params[1] ?? {}) as UseCounterOptions)\n : ((params[0] ?? {}) as UseCounterOptions & { initialValue?: number });\n\n const [value, setValue] = useState(initialValue ?? 0);\n\n const inc = (value: number = 1) => {\n setValue((prevValue) => {\n if (typeof max === 'number' && prevValue === max) return prevValue;\n return Math.max(Math.min(max, prevValue + value), min);\n });\n };\n\n const dec = (value: number = 1) => {\n setValue((prevValue) => {\n if (typeof min === 'number' && prevValue === min) return prevValue;\n return Math.min(Math.max(min, prevValue - value), max);\n });\n };\n\n const reset = () => {\n const value = initialValue ?? 0;\n if (typeof max === 'number' && value > max) return setValue(max);\n if (typeof min === 'number' && value < min) return setValue(min);\n setValue(value);\n };\n\n const set = (value: SetStateAction<number>) => {\n setValue((prevValue) => {\n const updatedCount = Math.max(\n min,\n Math.min(max, typeof value === 'number' ? value : value(prevValue))\n );\n\n return updatedCount;\n });\n };\n\n return { value, set, inc, dec, reset };\n}) as UseCounter;\n"],"names":["useCounter","params","initialValue","max","min","value","setValue","useState","prevValue"],"mappings":"~~yGAuDaA~~,EAAc,IAAIC,IAAkB,CAC/C,MAAMC,EACJ,OAAOD,EAAO,CAAC,GAAM,SACjBA,EAAO,CAAC,EACPA,EAAO,CAAC,GAAqD,aAC9D,CAAE,IAAAE,EAAM,OAAO,kBAAmB,IAAAC,EAAM,OAAO,iBAAA,EACnD,OAAOH,EAAO,CAAC,GAAM,SACfA,EAAO,CAAC,GAAK,CAAA,EACbA,EAAO,CAAC,GAAK,CAAA,EAEf,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAASL,GAAgB,CAAC,EAkCpD,MAAO,CAAE,MAAAG,EAAO,IAXHA,GAAkC,CAC7CC,EAAUE,GACa,KAAK,IACxBJ,EACA,KAAK,IAAID,EAAK,OAAOE,GAAU,SAAWA,EAAQA,EAAMG,CAAS,CAAC,CAAA,CAIrE,CAAA,EAGkB,IAhCT,CAACH,EAAgB,IAAM,CACjCC,EAAUE,GACJ,OAAOL,GAAQ,UAAYK,IAAcL,EAAYK,EAClD,KAAK,IAAI,KAAK,IAAIL,EAAKK,EAAYH,CAAK,EAAGD,CAAG,CACtD,CAAA,EA4BuB,IAzBd,CAACC,EAAgB,IAAM,CACjCC,EAAUE,GACJ,OAAOJ,GAAQ,UAAYI,IAAcJ,EAAYI,EAClD,KAAK,IAAI,KAAK,IAAIJ,EAAKI,EAAYH,CAAK,EAAGF,CAAG,CACtD,CAAA,EAqB4B,MAlBjB,IAAM,CAClB,MAAME,EAAQH,GAAgB,EAC9B,GAAI,OAAOC,GAAQ,UAAYE,EAAQF,EAAK,OAAOG,EAASH,CAAG,EAC/D,GAAI,OAAOC,GAAQ,UAAYC,EAAQD,EAAK,OAAOE,EAASF,CAAG,EAC/DE,EAASD,CAAK,CAAA,CAce,CACjC"}
1	+ {"version":3,"file":"useCounter.cjs","sources":["../../../../src/hooks/useCounter/useCounter.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useState } from 'react';\n\n/** The use counter options /\nexport interface UseCounterOptions {\n /* The max of count value /\n max?: number;\n /* The min of count value /\n min?: number;\n}\n\n/* The use counter return type /\nexport interface UseCounterReturn {\n /* Function to set a specific value to the counter /\n set: Dispatch<SetStateAction<number>>;\n /* The current count value /\n value: number;\n /* Function to decrement the counter /\n dec: (value?: number) => void;\n /* Function to increment the counter /\n inc: (value?: number) => void;\n /* Function to reset the counter to its initial value. /\n reset: () => void;\n}\n\nexport interface UseCounter {\n (initialValue?: number, options?: UseCounterOptions): UseCounterReturn;\n\n (options: UseCounterOptions & { initialValue?: number }, initialValue?: never): UseCounterReturn;\n}\n\n/\n @name useCounter\n * @description - Hook that manages a counter\n * @category State\n * @usage low\n\n * @overload\n * @param {number} [initialValue=0] The initial number value\n * @param {number} [options.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [options.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n\n * @overload\n * @param {number} [params.initialValue=0] The initial number value\n * @param {number} [params.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [params.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n \n @example\n * const { count, dec, inc, reset, set } = useCounter(5);\n \n @example\n * const { count, dec, inc, reset, set } = useCounter({ initialValue: 5, min: 0, max: 10 });\n */\nexport const useCounter = ((...params: any[]) => {\n const initialValue =\n typeof params[0] === 'number'\n ? params[0]\n : (params[0] as UseCounterOptions & { initialValue?: number })?.initialValue;\n const { max = Number.POSITIVE_INFINITY, min = Number.NEGATIVE_INFINITY } =\n typeof params[0] === 'number'\n ? ((params[1] ?? {}) as UseCounterOptions)\n : ((params[0] ?? {}) as UseCounterOptions & { initialValue?: number });\n\n const [value, setValue] = useState(initialValue ?? 0);\n\n const inc = (value: number = 1) => {\n setValue((prevValue) => {\n if (typeof max === 'number' && prevValue === max) return prevValue;\n return Math.max(Math.min(max, prevValue + value), min);\n });\n };\n\n const dec = (value: number = 1) => {\n setValue((prevValue) => {\n if (typeof min === 'number' && prevValue === min) return prevValue;\n return Math.min(Math.max(min, prevValue - value), max);\n });\n };\n\n const reset = () => {\n const value = initialValue ?? 0;\n if (typeof max === 'number' && value > max) return setValue(max);\n if (typeof min === 'number' && value < min) return setValue(min);\n setValue(value);\n };\n\n const set = (value: SetStateAction<number>) => {\n setValue((prevValue) => {\n const updatedCount = Math.max(\n min,\n Math.min(max, typeof value === 'number' ? value : value(prevValue))\n );\n\n return updatedCount;\n });\n };\n\n return { value, set, inc, dec, reset };\n}) as UseCounter;\n"],"names":["useCounter","params","initialValue","max","min","value","setValue","useState","prevValue"],"mappings":"yGAwDaA,EAAc,IAAIC,IAAkB,CAC/C,MAAMC,EACJ,OAAOD,EAAO,CAAC,GAAM,SACjBA,EAAO,CAAC,EACPA,EAAO,CAAC,GAAqD,aAC9D,CAAE,IAAAE,EAAM,OAAO,kBAAmB,IAAAC,EAAM,OAAO,iBAAA,EACnD,OAAOH,EAAO,CAAC,GAAM,SACfA,EAAO,CAAC,GAAK,CAAA,EACbA,EAAO,CAAC,GAAK,CAAA,EAEf,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAASL,GAAgB,CAAC,EAkCpD,MAAO,CAAE,MAAAG,EAAO,IAXHA,GAAkC,CAC7CC,EAAUE,GACa,KAAK,IACxBJ,EACA,KAAK,IAAID,EAAK,OAAOE,GAAU,SAAWA,EAAQA,EAAMG,CAAS,CAAC,CAAA,CAIrE,CAAA,EAGkB,IAhCT,CAACH,EAAgB,IAAM,CACjCC,EAAUE,GACJ,OAAOL,GAAQ,UAAYK,IAAcL,EAAYK,EAClD,KAAK,IAAI,KAAK,IAAIL,EAAKK,EAAYH,CAAK,EAAGD,CAAG,CACtD,CAAA,EA4BuB,IAzBd,CAACC,EAAgB,IAAM,CACjCC,EAAUE,GACJ,OAAOJ,GAAQ,UAAYI,IAAcJ,EAAYI,EAClD,KAAK,IAAI,KAAK,IAAIJ,EAAKI,EAAYH,CAAK,EAAGF,CAAG,CACtD,CAAA,EAqB4B,MAlBjB,IAAM,CAClB,MAAME,EAAQH,GAAgB,EAC9B,GAAI,OAAOC,GAAQ,UAAYE,EAAQF,EAAK,OAAOG,EAASH,CAAG,EAC/D,GAAI,OAAOC,GAAQ,UAAYC,EAAQD,EAAK,OAAOE,EAASF,CAAG,EAC/DE,EAASD,CAAK,CAAA,CAce,CACjC"}

package/dist/cjs/hooks/useCssVar/useCssVar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCssVar.cjs","sources":["../../../../src/hooks/useCssVar/useCssVar.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The css variable return type /\nexport interface UseCssVarReturn {\n /* The value of the CSS variable /\n value: string;\n /* Remove the value of the CSS variable /\n remove: () => void;\n /* Set the value of the CSS variable /\n set: (value: string) => void;\n}\n\nexport interface UseCssVar {\n <Target extends HTMLElement>(\n key: string,\n initialValue?: string\n ): UseCssVarReturn & {\n ref: StateRef<Target>;\n };\n\n (target: HookTarget, key: string, initialValue?: string): UseCssVarReturn;\n}\n\n/\n @name useCssVar\n * @description - Hook that returns the value of a css variable\n * @category Browser\n \n @overload\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn & { ref: StateRef<Element> }} The object containing the value of the CSS variable and ref\n \n @example\n * const { ref, value, set, remove } = useCssVar('--color', 'red');\n \n @overload\n * @param {HookTarget} target The target element\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn} The object containing the value of the CSS variable\n \n @example\n * const { value, set, remove } = useCssVar(ref, '--color', 'red');\n */\nexport const useCssVar = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget \| undefined;\n const key = (target ? params[1] : params[0]) as string;\n const initialValue = (target ? params[2] : params[1]) as string \| undefined;\n\n const [value, setValue] = useState(initialValue ?? '');\n const internalRef = useRefState<HTMLElement>();\n const elementRef = useRef<HTMLElement>(null);\n\n const set = (value: string) => {\n if (!elementRef.current) return;\n const element = elementRef.current;\n\n if (!element.style) return;\n element.style.setProperty(key, value);\n setValue(value);\n };\n\n const remove = () => {\n if (!elementRef.current) return;\n const element = elementRef.current;\n if (!element.style) return;\n\n element.style.removeProperty(key);\n setValue('');\n };\n\n useEffect(() => {\n if (!initialValue) return;\n\n const element =\n ((target ? getElement(target) : internalRef.current) as HTMLElement) ??\n window.document.documentElement;\n\n if (!element.style) return;\n element.style.setProperty(key, initialValue);\n setValue(initialValue);\n }, []);\n\n useEffect(() => {\n const element =\n ((target ? getElement(target) : internalRef.current) as HTMLElement) ??\n window.document.documentElement;\n\n elementRef.current = element;\n\n const onChange = () => {\n const value = window.getComputedStyle(element).getPropertyValue(key)?.trim();\n\n setValue(value ?? initialValue);\n };\n\n const observer = new MutationObserver(onChange);\n\n observer.observe(element, { attributeFilter: ['style', 'class'] });\n\n return () => {\n observer.disconnect();\n };\n }, [target, internalRef.state]);\n\n if (target) return { value, set, remove };\n return { ref: internalRef, value, set, remove };\n}) as UseCssVar;\n"],"names":["useCssVar","params","target","isTarget","key","initialValue","value","setValue","useState","internalRef","useRefState","elementRef","useRef","set","element","remove","useEffect","getElement","onChange","observer"],"mappings":"~~mPAqDaA~~,EAAa,IAAIC,IAAkB,CAC9C,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAOF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACpCI,EAAgBH,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EAE7C,CAACK,EAAOC,CAAQ,EAAIC,EAAAA,SAASH,GAAgB,EAAE,EAC/CI,EAAcC,EAAAA,YAAA,EACdC,EAAaC,EAAAA,OAAoB,IAAI,EAErCC,EAAOP,GAAkB,CAC7B,GAAI,CAACK,EAAW,QAAS,OACzB,MAAMG,EAAUH,EAAW,QAEtBG,EAAQ,QACbA,EAAQ,MAAM,YAAYV,EAAKE,CAAK,EACpCC,EAASD,CAAK,EAAA,EAGVS,EAAS,IAAM,CACnB,GAAI,CAACJ,EAAW,QAAS,OACzB,MAAMG,EAAUH,EAAW,QACtBG,EAAQ,QAEbA,EAAQ,MAAM,eAAeV,CAAG,EAChCG,EAAS,EAAE,EAAA,EAqCb,OAlCAS,EAAAA,UAAU,IAAM,CACd,GAAI,CAACX,EAAc,OAEnB,MAAMS,GACFZ,EAASe,aAAWf,CAAM,EAAIO,EAAY,UAC5C,OAAO,SAAS,gBAEbK,EAAQ,QACbA,EAAQ,MAAM,YAAYV,EAAKC,CAAY,EAC3CE,EAASF,CAAY,EAAA,EACpB,EAAE,EAELW,EAAAA,UAAU,IAAM,CACd,MAAMF,GACFZ,EAASe,aAAWf,CAAM,EAAIO,EAAY,UAC5C,OAAO,SAAS,gBAElBE,EAAW,QAAUG,EAErB,MAAMI,EAAW,IAAM,CACrB,MAAMZ,EAAQ,OAAO,iBAAiBQ,CAAO,EAAE,iBAAiBV,CAAG,GAAG,KAAA,EAEtEG,EAASD,GAASD,CAAY,CAAA,EAG1Bc,EAAW,IAAI,iBAAiBD,CAAQ,EAE9C,OAAAC,EAAS,QAAQL,EAAS,CAAE,gBAAiB,CAAC,QAAS,OAAO,EAAG,EAE1D,IAAM,CACXK,EAAS,WAAA,CAAW,CACtB,EACC,CAACjB,EAAQO,EAAY,KAAK,CAAC,EAE1BP,EAAe,CAAE,MAAAI,EAAO,IAAAO,EAAK,OAAAE,CAAA,EAC1B,CAAE,IAAKN,EAAa,MAAAH,EAAO,IAAAO,EAAK,OAAAE,CAAA,CACzC"}
1	+ {"version":3,"file":"useCssVar.cjs","sources":["../../../../src/hooks/useCssVar/useCssVar.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The css variable return type /\nexport interface UseCssVarReturn {\n /* The value of the CSS variable /\n value: string;\n /* Remove the value of the CSS variable /\n remove: () => void;\n /* Set the value of the CSS variable /\n set: (value: string) => void;\n}\n\nexport interface UseCssVar {\n <Target extends HTMLElement>(\n key: string,\n initialValue?: string\n ): UseCssVarReturn & {\n ref: StateRef<Target>;\n };\n\n (target: HookTarget, key: string, initialValue?: string): UseCssVarReturn;\n}\n\n/\n @name useCssVar\n * @description - Hook that returns the value of a css variable\n * @category Browser\n * @usage low\n\n * @overload\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn & { ref: StateRef<Element> }} The object containing the value of the CSS variable and ref\n \n @example\n * const { ref, value, set, remove } = useCssVar('--color', 'red');\n \n @overload\n * @param {HookTarget} target The target element\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn} The object containing the value of the CSS variable\n \n @example\n * const { value, set, remove } = useCssVar(ref, '--color', 'red');\n */\nexport const useCssVar = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget \| undefined;\n const key = (target ? params[1] : params[0]) as string;\n const initialValue = (target ? params[2] : params[1]) as string \| undefined;\n\n const [value, setValue] = useState(initialValue ?? '');\n const internalRef = useRefState<HTMLElement>();\n const elementRef = useRef<HTMLElement>(null);\n\n const set = (value: string) => {\n if (!elementRef.current) return;\n const element = elementRef.current;\n\n if (!element.style) return;\n element.style.setProperty(key, value);\n setValue(value);\n };\n\n const remove = () => {\n if (!elementRef.current) return;\n const element = elementRef.current;\n if (!element.style) return;\n\n element.style.removeProperty(key);\n setValue('');\n };\n\n useEffect(() => {\n if (!initialValue) return;\n\n const element =\n ((target ? getElement(target) : internalRef.current) as HTMLElement) ??\n window.document.documentElement;\n\n if (!element.style) return;\n element.style.setProperty(key, initialValue);\n setValue(initialValue);\n }, []);\n\n useEffect(() => {\n const element =\n ((target ? getElement(target) : internalRef.current) as HTMLElement) ??\n window.document.documentElement;\n\n elementRef.current = element;\n\n const onChange = () => {\n const value = window.getComputedStyle(element).getPropertyValue(key)?.trim();\n\n setValue(value ?? initialValue);\n };\n\n const observer = new MutationObserver(onChange);\n\n observer.observe(element, { attributeFilter: ['style', 'class'] });\n\n return () => {\n observer.disconnect();\n };\n }, [target, internalRef.state]);\n\n if (target) return { value, set, remove };\n return { ref: internalRef, value, set, remove };\n}) as UseCssVar;\n"],"names":["useCssVar","params","target","isTarget","key","initialValue","value","setValue","useState","internalRef","useRefState","elementRef","useRef","set","element","remove","useEffect","getElement","onChange","observer"],"mappings":"mPAsDaA,EAAa,IAAIC,IAAkB,CAC9C,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAOF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACpCI,EAAgBH,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EAE7C,CAACK,EAAOC,CAAQ,EAAIC,EAAAA,SAASH,GAAgB,EAAE,EAC/CI,EAAcC,EAAAA,YAAA,EACdC,EAAaC,EAAAA,OAAoB,IAAI,EAErCC,EAAOP,GAAkB,CAC7B,GAAI,CAACK,EAAW,QAAS,OACzB,MAAMG,EAAUH,EAAW,QAEtBG,EAAQ,QACbA,EAAQ,MAAM,YAAYV,EAAKE,CAAK,EACpCC,EAASD,CAAK,EAAA,EAGVS,EAAS,IAAM,CACnB,GAAI,CAACJ,EAAW,QAAS,OACzB,MAAMG,EAAUH,EAAW,QACtBG,EAAQ,QAEbA,EAAQ,MAAM,eAAeV,CAAG,EAChCG,EAAS,EAAE,EAAA,EAqCb,OAlCAS,EAAAA,UAAU,IAAM,CACd,GAAI,CAACX,EAAc,OAEnB,MAAMS,GACFZ,EAASe,aAAWf,CAAM,EAAIO,EAAY,UAC5C,OAAO,SAAS,gBAEbK,EAAQ,QACbA,EAAQ,MAAM,YAAYV,EAAKC,CAAY,EAC3CE,EAASF,CAAY,EAAA,EACpB,EAAE,EAELW,EAAAA,UAAU,IAAM,CACd,MAAMF,GACFZ,EAASe,aAAWf,CAAM,EAAIO,EAAY,UAC5C,OAAO,SAAS,gBAElBE,EAAW,QAAUG,EAErB,MAAMI,EAAW,IAAM,CACrB,MAAMZ,EAAQ,OAAO,iBAAiBQ,CAAO,EAAE,iBAAiBV,CAAG,GAAG,KAAA,EAEtEG,EAASD,GAASD,CAAY,CAAA,EAG1Bc,EAAW,IAAI,iBAAiBD,CAAQ,EAE9C,OAAAC,EAAS,QAAQL,EAAS,CAAE,gBAAiB,CAAC,QAAS,OAAO,EAAG,EAE1D,IAAM,CACXK,EAAS,WAAA,CAAW,CACtB,EACC,CAACjB,EAAQO,EAAY,KAAK,CAAC,EAE1BP,EAAe,CAAE,MAAAI,EAAO,IAAAO,EAAK,OAAAE,CAAA,EAC1B,CAAE,IAAKN,EAAa,MAAAH,EAAO,IAAAO,EAAK,OAAAE,CAAA,CACzC"}

package/dist/cjs/hooks/useDebounceCallback/useDebounceCallback.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDebounceCallback.cjs","sources":["../../../../src/hooks/useDebounceCallback/useDebounceCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type DebouncedCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n cancel: () => void;\n};\n\n/*\n @name useDebounceCallback\n * @description - Hook that creates a debounced callback\n * @category Utilities\n \n @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with debounce\n \n @example\n * const debouncedCallback = useDebounceCallback(() => console.log('callback'), 500);\n */\nexport const useDebounceCallback = <Params extends unknown[], Return>(\n callback: (...args: Params) => Return,\n delay: number\n): DebouncedCallback<Params> => {\n const internalCallbackRef = useRef(callback);\n const timerRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n const delayRef = useRef(delay);\n\n internalCallbackRef.current = callback;\n delayRef.current = delay;\n\n const debounced = useMemo(() => {\n const cancel = () => {\n if (!timerRef.current) return;\n clearTimeout(timerRef.current);\n timerRef.current = null;\n };\n\n const debouncedCallback = function (this: any, ...args: Params) {\n cancel();\n timerRef.current = setTimeout(() => {\n internalCallbackRef.current.apply(this, args);\n }, delayRef.current);\n };\n\n debouncedCallback.cancel = cancel;\n\n return debouncedCallback;\n }, []);\n\n return debounced;\n};\n"],"names":["useDebounceCallback","callback","delay","internalCallbackRef","useRef","timerRef","delayRef","useMemo","cancel","debouncedCallback","args"],"mappings":"~~yGAoBaA~~,EAAsB,CACjCC,EACAC,IAC8B,CAC9B,MAAMC,EAAsBC,EAAAA,OAAOH,CAAQ,EACrCI,EAAWD,EAAAA,OAA6C,IAAI,EAC5DE,EAAWF,EAAAA,OAAOF,CAAK,EAE7B,OAAAC,EAAoB,QAAUF,EAC9BK,EAAS,QAAUJ,EAEDK,EAAAA,QAAQ,IAAM,CAC9B,MAAMC,EAAS,IAAM,CACdH,EAAS,UACd,aAAaA,EAAS,OAAO,EAC7BA,EAAS,QAAU,KAAA,EAGfI,EAAoB,YAAwBC,EAAc,CAC9DF,EAAA,EACAH,EAAS,QAAU,WAAW,IAAM,CAClCF,EAAoB,QAAQ,MAAM,KAAMO,CAAI,CAAA,EAC3CJ,EAAS,OAAO,CAAA,EAGrB,OAAAG,EAAkB,OAASD,EAEpBC,CAAA,EACN,EAAE,CAGP"}
1	+ {"version":3,"file":"useDebounceCallback.cjs","sources":["../../../../src/hooks/useDebounceCallback/useDebounceCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type DebouncedCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n cancel: () => void;\n};\n\n/*\n @name useDebounceCallback\n * @description - Hook that creates a debounced callback\n * @category Utilities\n * @usage high\n \n @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with debounce\n \n @example\n * const debouncedCallback = useDebounceCallback(() => console.log('callback'), 500);\n */\nexport const useDebounceCallback = <Params extends unknown[], Return>(\n callback: (...args: Params) => Return,\n delay: number\n): DebouncedCallback<Params> => {\n const internalCallbackRef = useRef(callback);\n const timerRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n const delayRef = useRef(delay);\n\n internalCallbackRef.current = callback;\n delayRef.current = delay;\n\n const debounced = useMemo(() => {\n const cancel = () => {\n if (!timerRef.current) return;\n clearTimeout(timerRef.current);\n timerRef.current = null;\n };\n\n const debouncedCallback = function (this: any, ...args: Params) {\n cancel();\n timerRef.current = setTimeout(() => {\n internalCallbackRef.current.apply(this, args);\n }, delayRef.current);\n };\n\n debouncedCallback.cancel = cancel;\n\n return debouncedCallback;\n }, []);\n\n return debounced;\n};\n"],"names":["useDebounceCallback","callback","delay","internalCallbackRef","useRef","timerRef","delayRef","useMemo","cancel","debouncedCallback","args"],"mappings":"yGAqBaA,EAAsB,CACjCC,EACAC,IAC8B,CAC9B,MAAMC,EAAsBC,EAAAA,OAAOH,CAAQ,EACrCI,EAAWD,EAAAA,OAA6C,IAAI,EAC5DE,EAAWF,EAAAA,OAAOF,CAAK,EAE7B,OAAAC,EAAoB,QAAUF,EAC9BK,EAAS,QAAUJ,EAEDK,EAAAA,QAAQ,IAAM,CAC9B,MAAMC,EAAS,IAAM,CACdH,EAAS,UACd,aAAaA,EAAS,OAAO,EAC7BA,EAAS,QAAU,KAAA,EAGfI,EAAoB,YAAwBC,EAAc,CAC9DF,EAAA,EACAH,EAAS,QAAU,WAAW,IAAM,CAClCF,EAAoB,QAAQ,MAAM,KAAMO,CAAI,CAAA,EAC3CJ,EAAS,OAAO,CAAA,EAGrB,OAAAG,EAAkB,OAASD,EAEpBC,CAAA,EACN,EAAE,CAGP"}

package/dist/cjs/hooks/useDebounceState/useDebounceState.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("../useDebounceCallback/useDebounceCallback.cjs"),s=(e,t)=>{const[u,c]=n.useState(e),o=a.useDebounceCallback(c,t);return[u,o]};exports.useDebounceState=s;
2	+ //# sourceMappingURL=useDebounceState.cjs.map

package/dist/cjs/hooks/useDebounceState/useDebounceState.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useDebounceState.cjs","sources":["../../../../src/hooks/useDebounceState/useDebounceState.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/**\n * @name useDebounceState\n * @description - Hook that creates a debounced state\n * @category Utilities\n * @usage high\n\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {[Value, (value: Value) => void]} The debounced state\n *\n * @example\n * const [debouncedValue, setDebouncedValue] = useDebounceState(value, 500);\n */\nexport const useDebounceState = <Value>(initialValue: Value, delay: number) => {\n const [debouncedValue, setDebouncedValue] = useState(initialValue);\n const debouncedSetState = useDebounceCallback(setDebouncedValue, delay);\n\n return [debouncedValue, debouncedSetState] as const;\n};\n"],"names":["useDebounceState","initialValue","delay","debouncedValue","setDebouncedValue","useState","debouncedSetState","useDebounceCallback"],"mappings":"qKAkBaA,EAAmB,CAAQC,EAAqBC,IAAkB,CAC7E,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAASJ,CAAY,EAC3DK,EAAoBC,EAAAA,oBAAoBH,EAAmBF,CAAK,EAEtE,MAAO,CAACC,EAAgBG,CAAiB,CAC3C"}

package/dist/cjs/hooks/useDebounceValue/useDebounceValue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDebounceValue.cjs","sources":["../../../../src/hooks/useDebounceValue/useDebounceValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/*\n @name useDebounceValue\n * @description - Hook that creates a debounced value\n * @category Utilities\n \n @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The debounced value\n \n @example\n * const debouncedValue = useDebounceValue(value, 500);\n */\nexport const useDebounceValue = <Value>(value: Value, delay: number) => {\n const previousValueRef = useRef(value);\n const [debouncedValue, setDebounceValue] = useState(value);\n\n const debouncedSetState = useDebounceCallback(setDebounceValue, delay);\n\n useEffect(() => {\n if (previousValueRef.current === value) return;\n debouncedSetState(value);\n previousValueRef.current = value;\n }, [value]);\n\n return debouncedValue;\n};\n"],"names":["useDebounceValue","value","delay","previousValueRef","useRef","debouncedValue","setDebounceValue","useState","debouncedSetState","useDebounceCallback","useEffect"],"mappings":"~~qKAiBaA~~,EAAmB,CAAQC,EAAcC,IAAkB,CACtE,MAAMC,EAAmBC,EAAAA,OAAOH,CAAK,EAC/B,CAACI,EAAgBC,CAAgB,EAAIC,EAAAA,SAASN,CAAK,EAEnDO,EAAoBC,EAAAA,oBAAoBH,EAAkBJ,CAAK,EAErEQ,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAiB,UAAYF,IACjCO,EAAkBP,CAAK,EACvBE,EAAiB,QAAUF,EAAA,EAC1B,CAACA,CAAK,CAAC,EAEHI,CACT"}
1	+ {"version":3,"file":"useDebounceValue.cjs","sources":["../../../../src/hooks/useDebounceValue/useDebounceValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/*\n @name useDebounceValue\n * @description - Hook that creates a debounced value\n * @category Utilities\n * @usage high\n\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The debounced value\n \n @example\n * const debouncedValue = useDebounceValue(value, 500);\n */\nexport const useDebounceValue = <Value>(value: Value, delay: number) => {\n const previousValueRef = useRef(value);\n const [debouncedValue, setDebounceValue] = useState(value);\n\n const debouncedSetState = useDebounceCallback(setDebounceValue, delay);\n\n useEffect(() => {\n if (previousValueRef.current === value) return;\n debouncedSetState(value);\n previousValueRef.current = value;\n }, [value]);\n\n return debouncedValue;\n};\n"],"names":["useDebounceValue","value","delay","previousValueRef","useRef","debouncedValue","setDebounceValue","useState","debouncedSetState","useDebounceCallback","useEffect"],"mappings":"qKAkBaA,EAAmB,CAAQC,EAAcC,IAAkB,CACtE,MAAMC,EAAmBC,EAAAA,OAAOH,CAAK,EAC/B,CAACI,EAAgBC,CAAgB,EAAIC,EAAAA,SAASN,CAAK,EAEnDO,EAAoBC,EAAAA,oBAAoBH,EAAkBJ,CAAK,EAErEQ,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAiB,UAAYF,IACjCO,EAAkBP,CAAK,EACvBE,EAAiB,QAAUF,EAAA,EAC1B,CAACA,CAAK,CAAC,EAEHI,CACT"}

package/dist/cjs/hooks/useDefault/useDefault.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDefault.cjs","sources":["../../../../src/hooks/useDefault/useDefault.ts"],"sourcesContent":["import { useState } from 'react';\n\n/*\n @name useDefault\n * @description - Hook that returns the default value\n * @category State\n \n @template Value The type of the value\n * @param {Value} initialValue The initial value\n * @param {Value} defaultValue The default value\n * @returns {[Value, (value: Value) => void]} An array containing the current value and a function to set the value\n \n @example\n * const [value, setValue] = useDefault(initialValue, defaultValue);\n */\nexport const useDefault = <Value>(initialValue: (() => Value) \| Value, defaultValue: Value) => {\n const [value, setValue] = useState<Value \| null \| undefined>(initialValue);\n return [value === undefined \|\| value === null ? defaultValue : value, setValue] as const;\n};\n"],"names":["useDefault","initialValue","defaultValue","value","setValue","useState"],"mappings":"~~yGAeaA~~,EAAa,CAAQC,EAAqCC,IAAwB,CAC7F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAmCJ,CAAY,EACzE,MAAO,CAAwBE,GAAiBD,EAAsBE,CAAQ,CAChF"}
1	+ {"version":3,"file":"useDefault.cjs","sources":["../../../../src/hooks/useDefault/useDefault.ts"],"sourcesContent":["import { useState } from 'react';\n\n/*\n @name useDefault\n * @description - Hook that returns the default value\n * @category State\n * @usage medium\n\n * @template Value The type of the value\n * @param {Value} initialValue The initial value\n * @param {Value} defaultValue The default value\n * @returns {[Value, (value: Value) => void]} An array containing the current value and a function to set the value\n \n @example\n * const [value, setValue] = useDefault(initialValue, defaultValue);\n */\nexport const useDefault = <Value>(initialValue: (() => Value) \| Value, defaultValue: Value) => {\n const [value, setValue] = useState<Value \| null \| undefined>(initialValue);\n return [value === undefined \|\| value === null ? defaultValue : value, setValue] as const;\n};\n"],"names":["useDefault","initialValue","defaultValue","value","setValue","useState"],"mappings":"yGAgBaA,EAAa,CAAQC,EAAqCC,IAAwB,CAC7F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAmCJ,CAAY,EACzE,MAAO,CAAwBE,GAAiBD,EAAsBE,CAAQ,CAChF"}

package/dist/cjs/hooks/useDeviceMotion/useDeviceMotion.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDeviceMotion.cjs","sources":["../../../../src/hooks/useDeviceMotion/useDeviceMotion.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\nexport interface UseDeviceMotionReturn {\n acceleration: DeviceMotionEventAcceleration;\n accelerationIncludingGravity: DeviceMotionEventAcceleration;\n interval: DeviceMotionEvent['interval'];\n rotationRate: DeviceMotionEventRotationRate;\n}\n\nexport interface UseDeviceMotionParams {\n /** The delay in milliseconds /\n delay?: number;\n /* Whether to enable the hook /\n enabled?: boolean;\n /* The callback function to be invoked /\n callback?: (event: DeviceMotionEvent) => void;\n}\n\n/\n @name useDeviceMotion\n * @description - Hook that work with device motion\n * @category ~~Utilities~~\n \n @browserapi DeviceMotionEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceMotionEvent\n \n @param {number} [delay=1000] The delay in milliseconds\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @param {boolean} [enabled=true] Whether to enable the hook\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n \n @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion();\n */\nexport const useDeviceMotion = (params?: UseDeviceMotionParams) => {\n const enabled = params?.enabled ?? true;\n const delay = params?.delay ?? 1000;\n const [value, setValue] = useState<UseDeviceMotionReturn>({\n interval: 0,\n rotationRate: { alpha: null, beta: null, gamma: null },\n acceleration: { x: null, y: null, z: null },\n accelerationIncludingGravity: { x: null, y: null, z: null }\n });\n const internalCallbackRef = useRef(params?.callback);\n internalCallbackRef.current = params?.callback;\n\n useEffect(() => {\n if (!enabled) return;\n\n const onDeviceMotion = throttle<[DeviceMotionEvent]>((event) => {\n internalCallbackRef.current?.(event);\n\n setValue({\n interval: event.interval,\n rotationRate: {\n ...value.rotationRate,\n ...event.rotationRate\n },\n acceleration: {\n ...value.acceleration,\n ...event.acceleration\n },\n accelerationIncludingGravity: {\n ...value.accelerationIncludingGravity,\n ...event.accelerationIncludingGravity\n }\n });\n }, delay);\n\n window.addEventListener('devicemotion', onDeviceMotion);\n\n return () => {\n window.removeEventListener('devicemotion', onDeviceMotion);\n };\n }, [delay, enabled]);\n\n return value;\n};\n"],"names":["useDeviceMotion","params","enabled","delay","value","setValue","useState","internalCallbackRef","useRef","useEffect","onDeviceMotion","throttle","event"],"mappings":"~~uJAmCaA~~,EAAmBC,GAAmC,CACjE,MAAMC,EAAUD,GAAQ,SAAW,GAC7BE,EAAQF,GAAQ,OAAS,IACzB,CAACG,EAAOC,CAAQ,EAAIC,WAAgC,CACxD,SAAU,EACV,aAAc,CAAE,MAAO,KAAM,KAAM,KAAM,MAAO,IAAA,EAChD,aAAc,CAAE,EAAG,KAAM,EAAG,KAAM,EAAG,IAAA,EACrC,6BAA8B,CAAE,EAAG,KAAM,EAAG,KAAM,EAAG,IAAA,CAAK,CAC3D,EACKC,EAAsBC,EAAAA,OAAOP,GAAQ,QAAQ,EACnD,OAAAM,EAAoB,QAAUN,GAAQ,SAEtCQ,EAAAA,UAAU,IAAM,CACd,GAAI,CAACP,EAAS,OAEd,MAAMQ,EAAiBC,WAA+BC,GAAU,CAC9DL,EAAoB,UAAUK,CAAK,EAEnCP,EAAS,CACP,SAAUO,EAAM,SAChB,aAAc,CACZ,GAAGR,EAAM,aACT,GAAGQ,EAAM,YAAA,EAEX,aAAc,CACZ,GAAGR,EAAM,aACT,GAAGQ,EAAM,YAAA,EAEX,6BAA8B,CAC5B,GAAGR,EAAM,6BACT,GAAGQ,EAAM,4BAAA,CACX,CACD,CAAA,EACAT,CAAK,EAER,cAAO,iBAAiB,eAAgBO,CAAc,EAE/C,IAAM,CACX,OAAO,oBAAoB,eAAgBA,CAAc,CAAA,CAC3D,EACC,CAACP,EAAOD,CAAO,CAAC,EAEZE,CACT"}
1	+ {"version":3,"file":"useDeviceMotion.cjs","sources":["../../../../src/hooks/useDeviceMotion/useDeviceMotion.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\nexport interface UseDeviceMotionReturn {\n acceleration: DeviceMotionEventAcceleration;\n accelerationIncludingGravity: DeviceMotionEventAcceleration;\n interval: DeviceMotionEvent['interval'];\n rotationRate: DeviceMotionEventRotationRate;\n}\n\nexport interface UseDeviceMotionParams {\n /** The delay in milliseconds /\n delay?: number;\n /* Whether to enable the hook /\n enabled?: boolean;\n /* The callback function to be invoked /\n callback?: (event: DeviceMotionEvent) => void;\n}\n\n/\n @name useDeviceMotion\n * @description - Hook that work with device motion\n * @category Sensors\n * @usage low\n \n @browserapi DeviceMotionEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceMotionEvent\n \n @param {number} [delay=1000] The delay in milliseconds\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @param {boolean} [enabled=true] Whether to enable the hook\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n \n @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion();\n */\nexport const useDeviceMotion = (params?: UseDeviceMotionParams) => {\n const enabled = params?.enabled ?? true;\n const delay = params?.delay ?? 1000;\n const [value, setValue] = useState<UseDeviceMotionReturn>({\n interval: 0,\n rotationRate: { alpha: null, beta: null, gamma: null },\n acceleration: { x: null, y: null, z: null },\n accelerationIncludingGravity: { x: null, y: null, z: null }\n });\n const internalCallbackRef = useRef(params?.callback);\n internalCallbackRef.current = params?.callback;\n\n useEffect(() => {\n if (!enabled) return;\n\n const onDeviceMotion = throttle<[DeviceMotionEvent]>((event) => {\n internalCallbackRef.current?.(event);\n\n setValue({\n interval: event.interval,\n rotationRate: {\n ...value.rotationRate,\n ...event.rotationRate\n },\n acceleration: {\n ...value.acceleration,\n ...event.acceleration\n },\n accelerationIncludingGravity: {\n ...value.accelerationIncludingGravity,\n ...event.accelerationIncludingGravity\n }\n });\n }, delay);\n\n window.addEventListener('devicemotion', onDeviceMotion);\n\n return () => {\n window.removeEventListener('devicemotion', onDeviceMotion);\n };\n }, [delay, enabled]);\n\n return value;\n};\n"],"names":["useDeviceMotion","params","enabled","delay","value","setValue","useState","internalCallbackRef","useRef","useEffect","onDeviceMotion","throttle","event"],"mappings":"uJAoCaA,EAAmBC,GAAmC,CACjE,MAAMC,EAAUD,GAAQ,SAAW,GAC7BE,EAAQF,GAAQ,OAAS,IACzB,CAACG,EAAOC,CAAQ,EAAIC,WAAgC,CACxD,SAAU,EACV,aAAc,CAAE,MAAO,KAAM,KAAM,KAAM,MAAO,IAAA,EAChD,aAAc,CAAE,EAAG,KAAM,EAAG,KAAM,EAAG,IAAA,EACrC,6BAA8B,CAAE,EAAG,KAAM,EAAG,KAAM,EAAG,IAAA,CAAK,CAC3D,EACKC,EAAsBC,EAAAA,OAAOP,GAAQ,QAAQ,EACnD,OAAAM,EAAoB,QAAUN,GAAQ,SAEtCQ,EAAAA,UAAU,IAAM,CACd,GAAI,CAACP,EAAS,OAEd,MAAMQ,EAAiBC,WAA+BC,GAAU,CAC9DL,EAAoB,UAAUK,CAAK,EAEnCP,EAAS,CACP,SAAUO,EAAM,SAChB,aAAc,CACZ,GAAGR,EAAM,aACT,GAAGQ,EAAM,YAAA,EAEX,aAAc,CACZ,GAAGR,EAAM,aACT,GAAGQ,EAAM,YAAA,EAEX,6BAA8B,CAC5B,GAAGR,EAAM,6BACT,GAAGQ,EAAM,4BAAA,CACX,CACD,CAAA,EACAT,CAAK,EAER,cAAO,iBAAiB,eAAgBO,CAAc,EAE/C,IAAM,CACX,OAAO,oBAAoB,eAAgBA,CAAc,CAAA,CAC3D,EACC,CAACP,EAAOD,CAAO,CAAC,EAEZE,CACT"}

package/dist/cjs/hooks/useDeviceOrientation/useDeviceOrientation.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),r=()=>{const t=typeof window<"u"&&"DeviceOrientationEvent"in window,[i,o]=a.useState({alpha:null,beta:null,gamma:null,absolute:!1});return a.useEffect(()=>{if(!t)return;const n=e=>o({alpha:e.alpha,beta:e.beta,gamma:e.gamma,absolute:e.absolute});return window.addEventListener("deviceorientation",n),()=>{window.removeEventListener("deviceorientation",n)}},[]),{supported:t,value:i}};exports.useDeviceOrientation=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),r=()=>{const t=typeof window<"u"&&"DeviceOrientationEvent"in window&&!!window.DeviceOrientationEvent,[a,o]=i.useState({alpha:null,beta:null,gamma:null,absolute:!1});return i.useEffect(()=>{if(!t)return;const n=e=>o({alpha:e.alpha,beta:e.beta,gamma:e.gamma,absolute:e.absolute});return window.addEventListener("deviceorientation",n),()=>{window.removeEventListener("deviceorientation",n)}},[]),{supported:t,value:a}};exports.useDeviceOrientation=r;
 //# sourceMappingURL=useDeviceOrientation.cjs.map

package/dist/cjs/hooks/useDeviceOrientation/useDeviceOrientation.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDeviceOrientation.cjs","sources":["../../../../src/hooks/useDeviceOrientation/useDeviceOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use device orientation value type /\nexport interface UseDeviceOrientationValue {\n /* The current absolute value /\n absolute: boolean;\n /* A number representing the motion of the device around the z axis, express in degrees with values ranging from 0 to 360 /\n alpha: number \| null;\n /* A number representing the motion of the device around the x axis, express in degrees with values ranging from -180 to 180 /\n beta: number \| null;\n /* A number representing the motion of the device around the y axis, express in degrees with values ranging from -90 to 90 /\n gamma: number \| null;\n}\n\n/ The use device orientation return type /\nexport interface UseDeviceOrientationReturn {\n /* Whether the device orientation is supported /\n supported: boolean;\n /* The current device orientation value /\n value: UseDeviceOrientationValue;\n}\n\n/\n @name useDeviceOrientation\n * @description - Hook that provides the current device orientation\n * @category Sensors\n \n @browserapi DeviceOrientationEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceOrientationEvent\n \n @returns {UseDeviceOrientationReturn} The current device orientation\n \n @example\n * const { supported, value } = useDeviceOrientation();\n */\nexport const useDeviceOrientation = (): UseDeviceOrientationReturn => {\n const supported = typeof window !== 'undefined' && 'DeviceOrientationEvent' in window;\n\n const [value, setValue] = useState<UseDeviceOrientationValue>({\n alpha: null,\n beta: null,\n gamma: null,\n absolute: false\n });\n\n useEffect(() => {\n if (!supported) return;\n\n const onDeviceOrientation = (event: DeviceOrientationEvent) =>\n setValue({\n alpha: event.alpha,\n beta: event.beta,\n gamma: event.gamma,\n absolute: event.absolute\n });\n\n window.addEventListener('deviceorientation', onDeviceOrientation);\n return () => {\n window.removeEventListener('deviceorientation', onDeviceOrientation);\n };\n }, []);\n\n return {\n supported,\n value\n };\n};\n"],"names":["useDeviceOrientation","supported","value","setValue","useState","useEffect","onDeviceOrientation","event"],"mappings":"~~yGAkCaA~~,EAAuB,IAAkC,CACpE,MAAMC,~~EAAY~~,OAAO,OAAW,~~KAAe~~,2BAA4B,~~OAEzE~~,CAACC,EAAOC,CAAQ,EAAIC,WAAoC,CAC5D,MAAO,KACP,KAAM,KACN,MAAO,KACP,SAAU,EAAA,CACX,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAW,OAEhB,MAAMK,EAAuBC,GAC3BJ,EAAS,CACP,MAAOI,EAAM,MACb,KAAMA,EAAM,KACZ,MAAOA,EAAM,MACb,SAAUA,EAAM,QAAA,CACjB,EAEH,cAAO,iBAAiB,oBAAqBD,CAAmB,EACzD,IAAM,CACX,OAAO,oBAAoB,oBAAqBA,CAAmB,CAAA,CACrE,EACC,EAAE,EAEE,CACL,UAAAL,EACA,MAAAC,CAAA,CAEJ"}
1	+ {"version":3,"file":"useDeviceOrientation.cjs","sources":["../../../../src/hooks/useDeviceOrientation/useDeviceOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use device orientation value type /\nexport interface UseDeviceOrientationValue {\n /* The current absolute value /\n absolute: boolean;\n /* A number representing the motion of the device around the z axis, express in degrees with values ranging from 0 to 360 /\n alpha: number \| null;\n /* A number representing the motion of the device around the x axis, express in degrees with values ranging from -180 to 180 /\n beta: number \| null;\n /* A number representing the motion of the device around the y axis, express in degrees with values ranging from -90 to 90 /\n gamma: number \| null;\n}\n\n/ The use device orientation return type /\nexport interface UseDeviceOrientationReturn {\n /* Whether the device orientation is supported /\n supported: boolean;\n /* The current device orientation value /\n value: UseDeviceOrientationValue;\n}\n\n/\n @name useDeviceOrientation\n * @description - Hook that provides the current device orientation\n * @category Sensors\n * @usage low\n \n @browserapi DeviceOrientationEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceOrientationEvent\n \n @returns {UseDeviceOrientationReturn} The current device orientation\n \n @example\n * const { supported, value } = useDeviceOrientation();\n */\nexport const useDeviceOrientation = (): UseDeviceOrientationReturn => {\n const supported =\n typeof window !== 'undefined' &&\n 'DeviceOrientationEvent' in window &&\n !!window.DeviceOrientationEvent;\n\n const [value, setValue] = useState<UseDeviceOrientationValue>({\n alpha: null,\n beta: null,\n gamma: null,\n absolute: false\n });\n\n useEffect(() => {\n if (!supported) return;\n\n const onDeviceOrientation = (event: DeviceOrientationEvent) =>\n setValue({\n alpha: event.alpha,\n beta: event.beta,\n gamma: event.gamma,\n absolute: event.absolute\n });\n\n window.addEventListener('deviceorientation', onDeviceOrientation);\n return () => {\n window.removeEventListener('deviceorientation', onDeviceOrientation);\n };\n }, []);\n\n return {\n supported,\n value\n };\n};\n"],"names":["useDeviceOrientation","supported","value","setValue","useState","useEffect","onDeviceOrientation","event"],"mappings":"yGAmCaA,EAAuB,IAAkC,CACpE,MAAMC,EACJ,OAAO,OAAW,KAClB,2BAA4B,QAC5B,CAAC,CAAC,OAAO,uBAEL,CAACC,EAAOC,CAAQ,EAAIC,WAAoC,CAC5D,MAAO,KACP,KAAM,KACN,MAAO,KACP,SAAU,EAAA,CACX,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAW,OAEhB,MAAMK,EAAuBC,GAC3BJ,EAAS,CACP,MAAOI,EAAM,MACb,KAAMA,EAAM,KACZ,MAAOA,EAAM,MACb,SAAUA,EAAM,QAAA,CACjB,EAEH,cAAO,iBAAiB,oBAAqBD,CAAmB,EACzD,IAAM,CACX,OAAO,oBAAoB,oBAAqBA,CAAmB,CAAA,CACrE,EACC,EAAE,EAEE,CACL,UAAAL,EACA,MAAAC,CAAA,CAEJ"}

package/dist/cjs/hooks/useDevicePixelRatio/useDevicePixelRatio.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=()=>{const e=typeof window<"u"&&typeof window.matchMedia=="function"&&typeof window.devicePixelRatio=="number",[i,d]=n.useState(window.devicePixelRatio??1);return n.useEffect(()=>{if(!e)return;const t=()=>d(window.devicePixelRatio),o=window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);return o.addEventListener("change",t),()=>{o.removeEventListener("change",t)}},[i]),{supported:e,ratio:i}};exports.useDevicePixelRatio=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=()=>{const e=typeof window<"u"&&typeof window.matchMedia=="function"&&typeof window.devicePixelRatio=="number",[i,d]=n.useState(e?window.devicePixelRatio:1);return n.useEffect(()=>{if(!e)return;const t=()=>d(window.devicePixelRatio),o=window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);return o.addEventListener("change",t),()=>{o.removeEventListener("change",t)}},[i]),{supported:e,ratio:i}};exports.useDevicePixelRatio=a;
 //# sourceMappingURL=useDevicePixelRatio.cjs.map

package/dist/cjs/hooks/useDevicePixelRatio/useDevicePixelRatio.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDevicePixelRatio.cjs","sources":["../../../../src/hooks/useDevicePixelRatio/useDevicePixelRatio.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use device pixel ratio return type /\nexport interface UseDevicePixelRatioReturn {\n /* The ratio of the resolution in physical pixels to the resolution in CSS pixels /\n ratio: number;\n /* Whether the device pixel ratio is supported/\n supported: boolean;\n}\n\n/\n @name useDevicePixelRatio\n * @description - Hook that returns the device's pixel ratio\n * @category Utilities\n \n @browserapi window.devicePixelRatio https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio\n \n @returns {UseDevicePixelRatioReturn} The ratio and supported flag\n \n @example\n * const { supported, ratio } = useDevicePixelRatio();\n */\nexport const useDevicePixelRatio = (): UseDevicePixelRatioReturn => {\n const supported =\n typeof window !== 'undefined' &&\n typeof window.matchMedia === 'function' &&\n typeof window.devicePixelRatio === 'number';\n\n const [ratio, setRatio] = useState~~<number>~~(window.devicePixelRatio ?? 1);\n\n useEffect(() => {\n if (!supported) return;\n\n const onChange = () => setRatio(window.devicePixelRatio);\n\n const media = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);\n media.addEventListener('change', onChange);\n return () => {\n media.removeEventListener('change', onChange);\n };\n }, [ratio]);\n\n return { supported, ratio };\n};\n"],"names":["useDevicePixelRatio","supported","ratio","setRatio","useState","useEffect","onChange","media"],"mappings":"~~yGAsBaA~~,EAAsB,IAAiC,CAClE,MAAMC,EACJ,OAAO,OAAW,KAClB,OAAO,OAAO,YAAe,YAC7B,OAAO,OAAO,kBAAqB,SAE/B,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,~~SAAiB~~,OAAO,~~kBAAoB~~,CAAC,~~EAEvEC~~,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAW,OAEhB,MAAMK,EAAW,IAAMH,EAAS,OAAO,gBAAgB,EAEjDI,EAAQ,OAAO,WAAW,gBAAgB,OAAO,gBAAgB,OAAO,EAC9E,OAAAA,EAAM,iBAAiB,SAAUD,CAAQ,EAClC,IAAM,CACXC,EAAM,oBAAoB,SAAUD,CAAQ,CAAA,CAC9C,EACC,CAACJ,CAAK,CAAC,EAEH,CAAE,UAAAD,EAAW,MAAAC,CAAA,CACtB"}
1	+ {"version":3,"file":"useDevicePixelRatio.cjs","sources":["../../../../src/hooks/useDevicePixelRatio/useDevicePixelRatio.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use device pixel ratio return type /\nexport interface UseDevicePixelRatioReturn {\n /* The ratio of the resolution in physical pixels to the resolution in CSS pixels /\n ratio: number;\n /* Whether the device pixel ratio is supported/\n supported: boolean;\n}\n\n/\n @name useDevicePixelRatio\n * @description - Hook that returns the device's pixel ratio\n * @category Utilities\n * @usage low\n \n @browserapi window.devicePixelRatio https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio\n \n @returns {UseDevicePixelRatioReturn} The ratio and supported flag\n \n @example\n * const { supported, ratio } = useDevicePixelRatio();\n */\nexport const useDevicePixelRatio = (): UseDevicePixelRatioReturn => {\n const supported =\n typeof window !== 'undefined' &&\n typeof window.matchMedia === 'function' &&\n typeof window.devicePixelRatio === 'number';\n\n const [ratio, setRatio] = useState(supported ? window.devicePixelRatio : 1);\n\n useEffect(() => {\n if (!supported) return;\n\n const onChange = () => setRatio(window.devicePixelRatio);\n\n const media = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);\n media.addEventListener('change', onChange);\n return () => {\n media.removeEventListener('change', onChange);\n };\n }, [ratio]);\n\n return { supported, ratio };\n};\n"],"names":["useDevicePixelRatio","supported","ratio","setRatio","useState","useEffect","onChange","media"],"mappings":"yGAuBaA,EAAsB,IAAiC,CAClE,MAAMC,EACJ,OAAO,OAAW,KAClB,OAAO,OAAO,YAAe,YAC7B,OAAO,OAAO,kBAAqB,SAE/B,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASH,EAAY,OAAO,iBAAmB,CAAC,EAE1EI,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAW,OAEhB,MAAMK,EAAW,IAAMH,EAAS,OAAO,gBAAgB,EAEjDI,EAAQ,OAAO,WAAW,gBAAgB,OAAO,gBAAgB,OAAO,EAC9E,OAAAA,EAAM,iBAAiB,SAAUD,CAAQ,EAClC,IAAM,CACXC,EAAM,oBAAoB,SAAUD,CAAQ,CAAA,CAC9C,EACC,CAACJ,CAAK,CAAC,EAEH,CAAE,UAAAD,EAAW,MAAAC,CAAA,CACtB"}

package/dist/cjs/hooks/useDidUpdate/useDidUpdate.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDidUpdate.cjs","sources":["../../../../src/hooks/useDidUpdate/useDidUpdate.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/*\n @name useDidUpdate\n * @description – Hook that triggers the effect callback on updates\n * @category Lifecycle\n \n @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n \n @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n const mounted = useRef(false);\n\n useIsomorphicLayoutEffect(\n () => () => {\n mounted.current = false;\n },\n []\n );\n\n useIsomorphicLayoutEffect(() => {\n if (mounted.current) {\n return effect();\n }\n\n mounted.current = true;\n return undefined;\n }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","mounted","useRef","useIsomorphicLayoutEffect"],"mappings":"~~iLAiBaA~~,EAAe,CAACC,EAAwBC,IAA0B,CAC7E,MAAMC,EAAUC,EAAAA,OAAO,EAAK,EAE5BC,EAAAA,0BACE,IAAM,IAAM,CACVF,EAAQ,QAAU,EAAA,EAEpB,CAAA,CAAC,EAGHE,EAAAA,0BAA0B,IAAM,CAC9B,GAAIF,EAAQ,QACV,OAAOF,EAAA,EAGTE,EAAQ,QAAU,EACX,EACND,CAAI,CACT"}
1	+ {"version":3,"file":"useDidUpdate.cjs","sources":["../../../../src/hooks/useDidUpdate/useDidUpdate.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/*\n @name useDidUpdate\n * @description – Hook that triggers the effect callback on updates\n * @category Lifecycle\n * @usage necessary\n\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n \n @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n const mounted = useRef(false);\n\n useIsomorphicLayoutEffect(\n () => () => {\n mounted.current = false;\n },\n []\n );\n\n useIsomorphicLayoutEffect(() => {\n if (mounted.current) {\n return effect();\n }\n\n mounted.current = true;\n return undefined;\n }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","mounted","useRef","useIsomorphicLayoutEffect"],"mappings":"iLAkBaA,EAAe,CAACC,EAAwBC,IAA0B,CAC7E,MAAMC,EAAUC,EAAAA,OAAO,EAAK,EAE5BC,EAAAA,0BACE,IAAM,IAAM,CACVF,EAAQ,QAAU,EAAA,EAEpB,CAAA,CAAC,EAGHE,EAAAA,0BAA0B,IAAM,CAC9B,GAAIF,EAAQ,QACV,OAAOF,EAAA,EAGTE,EAAQ,QAAU,EACX,EACND,CAAI,CACT"}

package/dist/cjs/hooks/useDisclosure/useDisclosure.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDisclosure.cjs","sources":["../../../../src/hooks/useDisclosure/useDisclosure.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use disclosure options type /\nexport interface UseDisclosureOptions {\n /* The callback function to be invoked on close /\n onClose?: () => void;\n /* The callback function to be invoked on open /\n onOpen?: () => void;\n}\n\n/* The use disclosure return type /\nexport interface UseDisclosureReturn {\n /* The opened value /\n opened: boolean;\n /* Function to close the modal /\n close: () => void;\n /* Function to open the modal /\n open: () => void;\n /* Function to toggle the modal /\n toggle: () => void;\n}\n\n/\n @name useDisclosure\n * @description - Hook that allows you to open and close a modal\n * @category State\n \n @param {boolean} [initialValue=false] The initial value of the component\n * @param {() => void} [options.onOpen] The callback function to be invoked on open\n * @param {() => void} [options.onClose] The callback function to be invoked on close\n * @returns {UseDisclosureReturn} An object with the opened, open, close, and toggle properties\n \n @example\n * const { opened, open, close, toggle } = useDisclosure();\n */\nexport const useDisclosure = (\n initialValue = false,\n options?: UseDisclosureOptions\n): UseDisclosureReturn => {\n const [opened, setOpened] = useState(initialValue);\n\n const open = () =>\n setOpened((opened) => {\n if (!opened) {\n options?.onOpen?.();\n return true;\n }\n return opened;\n });\n\n const close = () =>\n setOpened((opened) => {\n if (opened) {\n options?.onClose?.();\n return false;\n }\n return opened;\n });\n\n const toggle = () => (opened ? close() : open());\n\n return { opened, open, close, toggle };\n};\n"],"names":["useDisclosure","initialValue","options","opened","setOpened","useState","open","close"],"mappings":"~~yGAmCaA~~,EAAgB,CAC3BC,EAAe,GACfC,IACwB,CACxB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,CAAY,EAE3CK,EAAO,IACXF,EAAWD,GACJA,IACHD,GAAS,SAAA,EACF,GAGV,EAEGK,EAAQ,IACZH,EAAWD,GACLA,IACFD,GAAS,UAAA,EACF,GAGV,EAIH,MAAO,CAAE,OAAAC,EAAQ,KAAAG,EAAM,MAAAC,EAAO,OAFf,IAAOJ,EAASI,EAAA,EAAUD,EAAA,CAEX,CAChC"}
1	+ {"version":3,"file":"useDisclosure.cjs","sources":["../../../../src/hooks/useDisclosure/useDisclosure.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use disclosure options type /\nexport interface UseDisclosureOptions {\n /* The callback function to be invoked on close /\n onClose?: () => void;\n /* The callback function to be invoked on open /\n onOpen?: () => void;\n}\n\n/* The use disclosure return type /\nexport interface UseDisclosureReturn {\n /* The opened value /\n opened: boolean;\n /* Function to close the modal /\n close: () => void;\n /* Function to open the modal /\n open: () => void;\n /* Function to toggle the modal /\n toggle: () => void;\n}\n\n/\n @name useDisclosure\n * @description - Hook that allows you to open and close a modal\n * @category State\n * @usage necessary\n\n * @param {boolean} [initialValue=false] The initial value of the component\n * @param {() => void} [options.onOpen] The callback function to be invoked on open\n * @param {() => void} [options.onClose] The callback function to be invoked on close\n * @returns {UseDisclosureReturn} An object with the opened, open, close, and toggle properties\n \n @example\n * const { opened, open, close, toggle } = useDisclosure();\n */\nexport const useDisclosure = (\n initialValue = false,\n options?: UseDisclosureOptions\n): UseDisclosureReturn => {\n const [opened, setOpened] = useState(initialValue);\n\n const open = () =>\n setOpened((opened) => {\n if (!opened) {\n options?.onOpen?.();\n return true;\n }\n return opened;\n });\n\n const close = () =>\n setOpened((opened) => {\n if (opened) {\n options?.onClose?.();\n return false;\n }\n return opened;\n });\n\n const toggle = () => (opened ? close() : open());\n\n return { opened, open, close, toggle };\n};\n"],"names":["useDisclosure","initialValue","options","opened","setOpened","useState","open","close"],"mappings":"yGAoCaA,EAAgB,CAC3BC,EAAe,GACfC,IACwB,CACxB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,CAAY,EAE3CK,EAAO,IACXF,EAAWD,GACJA,IACHD,GAAS,SAAA,EACF,GAGV,EAEGK,EAAQ,IACZH,EAAWD,GACLA,IACFD,GAAS,UAAA,EACF,GAGV,EAIH,MAAO,CAAE,OAAAC,EAAQ,KAAAG,EAAM,MAAAC,EAAO,OAFf,IAAOJ,EAASI,EAAA,EAAUD,EAAA,CAEX,CAChC"}

package/dist/cjs/hooks/useDisplayMedia/useDisplayMedia.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDisplayMedia.cjs","sources":["../../../../src/hooks/useDisplayMedia/useDisplayMedia.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use display media return type /\nexport interface UseDisplayMediaReturn {\n /* Whether screen sharing is currently active /\n sharing: boolean;\n /* The media stream object /\n stream: MediaStream \| null;\n /* Whether the display media API is supported /\n supported: boolean;\n /* Start screen sharing /\n start: () => Promise<void>;\n /* Stop screen sharing /\n stop: () => void;\n}\n\n/* The use display media options type /\nexport interface UseDisplayMediaOptions {\n /* Whether to enable audio sharing /\n audio?: boolean \| MediaTrackConstraints;\n /* Whether to start immediately /\n immediately?: boolean;\n /* Whether to enable video sharing /\n video?: boolean \| MediaTrackConstraints;\n}\n\nexport interface UseDisplayMedia {\n (target: HookTarget, options?: UseDisplayMediaOptions): UseDisplayMediaReturn;\n\n <Target extends HTMLVideoElement>(\n options?: UseDisplayMediaOptions,\n target?: never\n ): { ref: StateRef<Target> } & UseDisplayMediaReturn;\n}\n\n/\n @name useDisplayMedia\n * @description - Hook that provides screen sharing functionality\n * @category Browser\n \n @browserapi mediaDevices.getDisplayMedia https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia\n \n @overload\n * @param {HookTarget} target The target video element to display the media stream\n * @param {boolean \| MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean \| MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn} Object containing stream, sharing status and control methods\n \n @example\n * const { stream, sharing, start, stop } = useDisplayMedia(ref);\n \n @overload\n * @template Target The target video element\n * @param {boolean \| MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean \| MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn & { ref: StateRef<HTMLVideoElement> }} Object containing stream, sharing status, control methods and ref\n \n @example\n * const { ref, stream, sharing, start, stop } = useDisplayMedia<HTMLVideoElement>();\n */\nexport const useDisplayMedia = ((...params: any[]) => {\n const supported =\n typeof navigator !== 'undefined' &&\n 'mediaDevices' in navigator &&\n !!navigator.mediaDevices &&\n 'getDisplayMedia' in navigator.mediaDevices;\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget \| undefined;\n const options = (params[1] ? params[1] : params[0]) as UseDisplayMediaOptions \| undefined;\n const immediately = options?.immediately ?? false;\n\n const [sharing, setSharing] = useState(false);\n\n const elementRef = useRef<HTMLVideoElement>(null);\n const streamRef = useRef<MediaStream>(null);\n const internalRef = useRefState<Element>();\n\n const stop = () => {\n if (!streamRef.current \|\| !supported \|\| !elementRef.current) return;\n\n setSharing(false);\n elementRef.current.srcObject = null;\n streamRef.current.getTracks().forEach((track) => track.stop());\n streamRef.current = null;\n };\n\n const start = async () => {\n if (!supported \|\| !elementRef.current) return;\n\n const displayMedia = await navigator.mediaDevices.getDisplayMedia({\n video: options?.video,\n audio: options?.audio\n });\n\n setSharing(true);\n streamRef.current = displayMedia;\n elementRef.current.srcObject = displayMedia;\n\n displayMedia.getTracks().forEach((track) => (track.onended = stop));\n return displayMedia;\n };\n\n useEffect(() => {\n if (!supported \|\| (!target && !internalRef.state)) return;\n\n const element = (target ? getElement(target) : internalRef.current) as HTMLVideoElement;\n\n if (!element) return;\n\n elementRef.current = element;\n\n if (!immediately) return;\n\n start();\n\n return () => {\n stop();\n };\n }, [target, internalRef.state]);\n\n if (target)\n return {\n stream: streamRef.current,\n sharing,\n supported,\n start,\n stop\n };\n\n return {\n stream: streamRef.current,\n sharing,\n supported,\n start,\n stop,\n ref: internalRef\n };\n}) as UseDisplayMedia;\n"],"names":["useDisplayMedia","params","supported","target","isTarget","options","immediately","sharing","setSharing","useState","elementRef","useRef","streamRef","internalRef","useRefState","stop","track","start","displayMedia","useEffect","element","getElement"],"mappings":"~~mPAsEaA~~,EAAmB,IAAIC,IAAkB,CACpD,MAAMC,EACJ,OAAO,UAAc,KACrB,iBAAkB,WAClB,CAAC,CAAC,UAAU,cACZ,oBAAqB,UAAU,aAC3BC,EAAUC,EAAAA,SAASH,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CI,EAAWJ,EAAO,CAAC,EAAIA,EAAO,CAAC,EAAIA,EAAO,CAAC,EAC3CK,EAAcD,GAAS,aAAe,GAEtC,CAACE,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAEtCC,EAAaC,EAAAA,OAAyB,IAAI,EAC1CC,EAAYD,EAAAA,OAAoB,IAAI,EACpCE,EAAcC,EAAAA,YAAA,EAEdC,EAAO,IAAM,CACb,CAACH,EAAU,SAAW,CAACV,GAAa,CAACQ,EAAW,UAEpDF,EAAW,EAAK,EAChBE,EAAW,QAAQ,UAAY,KAC/BE,EAAU,QAAQ,YAAY,QAASI,GAAUA,EAAM,MAAM,EAC7DJ,EAAU,QAAU,KAAA,EAGhBK,EAAQ,SAAY,CACxB,GAAI,CAACf,GAAa,CAACQ,EAAW,QAAS,OAEvC,MAAMQ,EAAe,MAAM,UAAU,aAAa,gBAAgB,CAChE,MAAOb,GAAS,MAChB,MAAOA,GAAS,KAAA,CACjB,EAED,OAAAG,EAAW,EAAI,EACfI,EAAU,QAAUM,EACpBR,EAAW,QAAQ,UAAYQ,EAE/BA,EAAa,YAAY,QAASF,GAAWA,EAAM,QAAUD,CAAK,EAC3DG,CAAA,EAqBT,OAlBAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACjB,GAAc,CAACC,GAAU,CAACU,EAAY,MAAQ,OAEnD,MAAMO,EAAWjB,EAASkB,EAAAA,WAAWlB,CAAM,EAAIU,EAAY,QAE3D,GAAKO,IAELV,EAAW,QAAUU,EAEjB,EAACd,GAEL,OAAAW,EAAA,EAEO,IAAM,CACXF,EAAA,CAAK,CACP,EACC,CAACZ,EAAQU,EAAY,KAAK,CAAC,EAE1BV,EACK,CACL,OAAQS,EAAU,QAClB,QAAAL,EACA,UAAAL,EACA,MAAAe,EACA,KAAAF,CAAA,EAGG,CACL,OAAQH,EAAU,QAClB,QAAAL,EACA,UAAAL,EACA,MAAAe,EACA,KAAAF,EACA,IAAKF,CAAA,CAET"}
1	+ {"version":3,"file":"useDisplayMedia.cjs","sources":["../../../../src/hooks/useDisplayMedia/useDisplayMedia.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use display media return type /\nexport interface UseDisplayMediaReturn {\n /* Whether screen sharing is currently active /\n sharing: boolean;\n /* The media stream object /\n stream: MediaStream \| null;\n /* Whether the display media API is supported /\n supported: boolean;\n /* Start screen sharing /\n start: () => Promise<void>;\n /* Stop screen sharing /\n stop: () => void;\n}\n\n/* The use display media options type /\nexport interface UseDisplayMediaOptions {\n /* Whether to enable audio sharing /\n audio?: boolean \| MediaTrackConstraints;\n /* Whether to start immediately /\n immediately?: boolean;\n /* Whether to enable video sharing /\n video?: boolean \| MediaTrackConstraints;\n}\n\nexport interface UseDisplayMedia {\n (target: HookTarget, options?: UseDisplayMediaOptions): UseDisplayMediaReturn;\n\n <Target extends HTMLVideoElement>(\n options?: UseDisplayMediaOptions,\n target?: never\n ): { ref: StateRef<Target> } & UseDisplayMediaReturn;\n}\n\n/\n @name useDisplayMedia\n * @description - Hook that provides screen sharing functionality\n * @category Browser\n * @usage low\n \n @browserapi mediaDevices.getDisplayMedia https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia\n \n @overload\n * @param {HookTarget} target The target video element to display the media stream\n * @param {boolean \| MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean \| MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn} Object containing stream, sharing status and control methods\n \n @example\n * const { stream, sharing, start, stop } = useDisplayMedia(ref);\n \n @overload\n * @template Target The target video element\n * @param {boolean \| MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean \| MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn & { ref: StateRef<HTMLVideoElement> }} Object containing stream, sharing status, control methods and ref\n \n @example\n * const { ref, stream, sharing, start, stop } = useDisplayMedia<HTMLVideoElement>();\n */\nexport const useDisplayMedia = ((...params: any[]) => {\n const supported =\n typeof navigator !== 'undefined' &&\n 'mediaDevices' in navigator &&\n !!navigator.mediaDevices &&\n 'getDisplayMedia' in navigator.mediaDevices;\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget \| undefined;\n const options = (params[1] ? params[1] : params[0]) as UseDisplayMediaOptions \| undefined;\n const immediately = options?.immediately ?? false;\n\n const [sharing, setSharing] = useState(false);\n\n const elementRef = useRef<HTMLVideoElement>(null);\n const streamRef = useRef<MediaStream>(null);\n const internalRef = useRefState<Element>();\n\n const stop = () => {\n if (!streamRef.current \|\| !supported \|\| !elementRef.current) return;\n\n setSharing(false);\n elementRef.current.srcObject = null;\n streamRef.current.getTracks().forEach((track) => track.stop());\n streamRef.current = null;\n };\n\n const start = async () => {\n if (!supported \|\| !elementRef.current) return;\n\n const displayMedia = await navigator.mediaDevices.getDisplayMedia({\n video: options?.video,\n audio: options?.audio\n });\n\n setSharing(true);\n streamRef.current = displayMedia;\n elementRef.current.srcObject = displayMedia;\n\n displayMedia.getTracks().forEach((track) => (track.onended = stop));\n return displayMedia;\n };\n\n useEffect(() => {\n if (!supported \|\| (!target && !internalRef.state)) return;\n\n const element = (target ? getElement(target) : internalRef.current) as HTMLVideoElement;\n\n if (!element) return;\n\n elementRef.current = element;\n\n if (!immediately) return;\n\n start();\n\n return () => {\n stop();\n };\n }, [target, internalRef.state]);\n\n if (target)\n return {\n stream: streamRef.current,\n sharing,\n supported,\n start,\n stop\n };\n\n return {\n stream: streamRef.current,\n sharing,\n supported,\n start,\n stop,\n ref: internalRef\n };\n}) as UseDisplayMedia;\n"],"names":["useDisplayMedia","params","supported","target","isTarget","options","immediately","sharing","setSharing","useState","elementRef","useRef","streamRef","internalRef","useRefState","stop","track","start","displayMedia","useEffect","element","getElement"],"mappings":"mPAuEaA,EAAmB,IAAIC,IAAkB,CACpD,MAAMC,EACJ,OAAO,UAAc,KACrB,iBAAkB,WAClB,CAAC,CAAC,UAAU,cACZ,oBAAqB,UAAU,aAC3BC,EAAUC,EAAAA,SAASH,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CI,EAAWJ,EAAO,CAAC,EAAIA,EAAO,CAAC,EAAIA,EAAO,CAAC,EAC3CK,EAAcD,GAAS,aAAe,GAEtC,CAACE,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAEtCC,EAAaC,EAAAA,OAAyB,IAAI,EAC1CC,EAAYD,EAAAA,OAAoB,IAAI,EACpCE,EAAcC,EAAAA,YAAA,EAEdC,EAAO,IAAM,CACb,CAACH,EAAU,SAAW,CAACV,GAAa,CAACQ,EAAW,UAEpDF,EAAW,EAAK,EAChBE,EAAW,QAAQ,UAAY,KAC/BE,EAAU,QAAQ,YAAY,QAASI,GAAUA,EAAM,MAAM,EAC7DJ,EAAU,QAAU,KAAA,EAGhBK,EAAQ,SAAY,CACxB,GAAI,CAACf,GAAa,CAACQ,EAAW,QAAS,OAEvC,MAAMQ,EAAe,MAAM,UAAU,aAAa,gBAAgB,CAChE,MAAOb,GAAS,MAChB,MAAOA,GAAS,KAAA,CACjB,EAED,OAAAG,EAAW,EAAI,EACfI,EAAU,QAAUM,EACpBR,EAAW,QAAQ,UAAYQ,EAE/BA,EAAa,YAAY,QAASF,GAAWA,EAAM,QAAUD,CAAK,EAC3DG,CAAA,EAqBT,OAlBAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACjB,GAAc,CAACC,GAAU,CAACU,EAAY,MAAQ,OAEnD,MAAMO,EAAWjB,EAASkB,EAAAA,WAAWlB,CAAM,EAAIU,EAAY,QAE3D,GAAKO,IAELV,EAAW,QAAUU,EAEjB,EAACd,GAEL,OAAAW,EAAA,EAEO,IAAM,CACXF,EAAA,CAAK,CACP,EACC,CAACZ,EAAQU,EAAY,KAAK,CAAC,EAE1BV,EACK,CACL,OAAQS,EAAU,QAClB,QAAAL,EACA,UAAAL,EACA,MAAAe,EACA,KAAAF,CAAA,EAGG,CACL,OAAQH,EAAU,QAClB,QAAAL,EACA,UAAAL,EACA,MAAAe,EACA,KAAAF,EACA,IAAKF,CAAA,CAET"}

package/dist/cjs/hooks/useDocumentEvent/useDocumentEvent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDocumentEvent.cjs","sources":["../../../../src/hooks/useDocumentEvent/useDocumentEvent.ts"],"sourcesContent":["import { target } from '@/utils/helpers';\n\nimport type { UseEventListenerOptions } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/*\n @name useDocumentEvent\n * @description - Hook attaches an event listener to the document object for the specified event\n * @category Browser\n \n @template Event Key of document event map.\n * @param {Event} event The event to listen for.\n * @param {(event: DocumentEventMap[Event]) => void} listener The callback function to be executed when the event is triggered\n * @param {UseEventListenerOptions} [options] The options for the event listener\n * @returns {void}\n \n @example\n * useDocumentEvent('click', () => console.log('clicked'));\n */\nexport const useDocumentEvent = <Event extends keyof DocumentEventMap>(\n event: Event,\n listener: (this: Document, event: DocumentEventMap[Event]) => any,\n options?: UseEventListenerOptions\n) => useEventListener(target(document), event, listener, options);\n"],"names":["useDocumentEvent","event","listener","options","useEventListener","target"],"mappings":"~~4LAoBaA~~,EAAmB,CAC9BC,EACAC,EACAC,IACGC,EAAAA,iBAAiBC,EAAAA,OAAO,QAAQ,EAAGJ,EAAOC,EAAUC,CAAO"}
1	+ {"version":3,"file":"useDocumentEvent.cjs","sources":["../../../../src/hooks/useDocumentEvent/useDocumentEvent.ts"],"sourcesContent":["import { target } from '@/utils/helpers';\n\nimport type { UseEventListenerOptions } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/*\n @name useDocumentEvent\n * @description - Hook attaches an event listener to the document object for the specified event\n * @category Browser\n * @usage low\n\n * @template Event Key of document event map.\n * @param {Event} event The event to listen for.\n * @param {(event: DocumentEventMap[Event]) => void} listener The callback function to be executed when the event is triggered\n * @param {UseEventListenerOptions} [options] The options for the event listener\n * @returns {void}\n \n @example\n * useDocumentEvent('click', () => console.log('clicked'));\n */\nexport const useDocumentEvent = <Event extends keyof DocumentEventMap>(\n event: Event,\n listener: (this: Document, event: DocumentEventMap[Event]) => any,\n options?: UseEventListenerOptions\n) => useEventListener(target(document), event, listener, options);\n"],"names":["useDocumentEvent","event","listener","options","useEventListener","target"],"mappings":"4LAqBaA,EAAmB,CAC9BC,EACAC,EACAC,IACGC,EAAAA,iBAAiBC,EAAAA,OAAO,QAAQ,EAAGJ,EAAOC,EAAUC,CAAO"}

package/dist/cjs/hooks/useDocumentTitle/useDocumentTitle.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDocumentTitle.cjs","sources":["../../../../src/hooks/useDocumentTitle/useDocumentTitle.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use document title options type /\nexport interface UseDocumentTitleOptions {\n /* Restore the previous title on unmount /\n restoreOnUnmount?: boolean;\n}\n\n/* The use document title return type /\nexport interface UseDocumentTitleReturn {\n /* The current title /\n value: string;\n /* Function to update the title /\n set: (title: string) => void;\n}\n\n/\n @name useDocumentTitle\n * @description - Hook that manages the document title and allows updating it\n * @category Browser\n \n @browserapi document.title https://developer.mozilla.org/en-US/docs/Web/API/Document/title\n \n @param {string} [initialValue] The initial title. If not provided, the current document title will be used\n * @param {boolean} [options.restoreOnUnmount] Restore the previous title on unmount\n * @returns {UseDocumentTitleReturn} An array containing the current title and a function to update the title\n \n @example\n * const { value, set } = useDocumentTitle();\n */\nexport function useDocumentTitle(\n initialValue?: string,\n options?: UseDocumentTitleOptions\n): UseDocumentTitleReturn {\n const prevValueRef = useRef(document.title);\n const [value, setValue] = useState(initialValue ?? document.title);\n\n const set = (value: string) => {\n const updatedValue = value.trim();\n if (updatedValue.length > 0) document.title = updatedValue;\n };\n\n useEffect(() => {\n if (typeof value !== 'string') return;\n set(value);\n }, [value]);\n\n useEffect(() => {\n const observer = new MutationObserver(() => {\n setValue((prevValue) => {\n if (document && document.title !== prevValue) {\n return document.title;\n }\n return prevValue;\n });\n });\n\n observer.observe(document.head.querySelector('title')!, {\n childList: true\n });\n\n return () => {\n observer.disconnect();\n };\n }, []);\n\n useEffect(() => {\n if (options?.restoreOnUnmount) {\n return () => {\n document.title = prevValueRef.current;\n };\n }\n }, []);\n\n return { value, set };\n}\n"],"names":["useDocumentTitle","initialValue","options","prevValueRef","useRef","value","setValue","useState","set","updatedValue","useEffect","observer","prevValue"],"mappings":"~~yGA8BO~~,SAASA,EACdC,EACAC,EACwB,CACxB,MAAMC,EAAeC,EAAAA,OAAO,SAAS,KAAK,EACpC,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASN,GAAgB,SAAS,KAAK,EAE3DO,EAAOH,GAAkB,CAC7B,MAAMI,EAAeJ,EAAM,KAAA,EACvBI,EAAa,OAAS,IAAG,SAAS,MAAQA,EAAA,EAGhDC,OAAAA,EAAAA,UAAU,IAAM,CACV,OAAOL,GAAU,UACrBG,EAAIH,CAAK,CAAA,EACR,CAACA,CAAK,CAAC,EAEVK,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAI,iBAAiB,IAAM,CAC1CL,EAAUM,GACJ,UAAY,SAAS,QAAUA,EAC1B,SAAS,MAEXA,CACR,CAAA,CACF,EAED,OAAAD,EAAS,QAAQ,SAAS,KAAK,cAAc,OAAO,EAAI,CACtD,UAAW,EAAA,CACZ,EAEM,IAAM,CACXA,EAAS,WAAA,CAAW,CACtB,EACC,EAAE,EAELD,EAAAA,UAAU,IAAM,CACd,GAAIR,GAAS,iBACX,MAAO,IAAM,CACX,SAAS,MAAQC,EAAa,OAAA,CAElC,EACC,EAAE,EAEE,CAAE,MAAAE,EAAO,IAAAG,CAAA,CAClB"}
1	+ {"version":3,"file":"useDocumentTitle.cjs","sources":["../../../../src/hooks/useDocumentTitle/useDocumentTitle.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use document title options type /\nexport interface UseDocumentTitleOptions {\n /* Restore the previous title on unmount /\n restoreOnUnmount?: boolean;\n}\n\n/* The use document title return type /\nexport interface UseDocumentTitleReturn {\n /* The current title /\n value: string;\n /* Function to update the title /\n set: (title: string) => void;\n}\n\n/\n @name useDocumentTitle\n * @description - Hook that manages the document title and allows updating it\n * @category Browser\n * @usage low\n\n * @browserapi document.title https://developer.mozilla.org/en-US/docs/Web/API/Document/title\n \n @param {string} [initialValue] The initial title. If not provided, the current document title will be used\n * @param {boolean} [options.restoreOnUnmount] Restore the previous title on unmount\n * @returns {UseDocumentTitleReturn} An array containing the current title and a function to update the title\n \n @example\n * const { value, set } = useDocumentTitle();\n */\nexport function useDocumentTitle(\n initialValue?: string,\n options?: UseDocumentTitleOptions\n): UseDocumentTitleReturn {\n const prevValueRef = useRef(document.title);\n const [value, setValue] = useState(initialValue ?? document.title);\n\n const set = (value: string) => {\n const updatedValue = value.trim();\n if (updatedValue.length > 0) document.title = updatedValue;\n };\n\n useEffect(() => {\n if (typeof value !== 'string') return;\n set(value);\n }, [value]);\n\n useEffect(() => {\n const observer = new MutationObserver(() => {\n setValue((prevValue) => {\n if (document && document.title !== prevValue) {\n return document.title;\n }\n return prevValue;\n });\n });\n\n observer.observe(document.head.querySelector('title')!, {\n childList: true\n });\n\n return () => {\n observer.disconnect();\n };\n }, []);\n\n useEffect(() => {\n if (options?.restoreOnUnmount) {\n return () => {\n document.title = prevValueRef.current;\n };\n }\n }, []);\n\n return { value, set };\n}\n"],"names":["useDocumentTitle","initialValue","options","prevValueRef","useRef","value","setValue","useState","set","updatedValue","useEffect","observer","prevValue"],"mappings":"yGA+BO,SAASA,EACdC,EACAC,EACwB,CACxB,MAAMC,EAAeC,EAAAA,OAAO,SAAS,KAAK,EACpC,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASN,GAAgB,SAAS,KAAK,EAE3DO,EAAOH,GAAkB,CAC7B,MAAMI,EAAeJ,EAAM,KAAA,EACvBI,EAAa,OAAS,IAAG,SAAS,MAAQA,EAAA,EAGhDC,OAAAA,EAAAA,UAAU,IAAM,CACV,OAAOL,GAAU,UACrBG,EAAIH,CAAK,CAAA,EACR,CAACA,CAAK,CAAC,EAEVK,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAI,iBAAiB,IAAM,CAC1CL,EAAUM,GACJ,UAAY,SAAS,QAAUA,EAC1B,SAAS,MAEXA,CACR,CAAA,CACF,EAED,OAAAD,EAAS,QAAQ,SAAS,KAAK,cAAc,OAAO,EAAI,CACtD,UAAW,EAAA,CACZ,EAEM,IAAM,CACXA,EAAS,WAAA,CAAW,CACtB,EACC,EAAE,EAELD,EAAAA,UAAU,IAAM,CACd,GAAIR,GAAS,iBACX,MAAO,IAAM,CACX,SAAS,MAAQC,EAAa,OAAA,CAElC,EACC,EAAE,EAEE,CAAE,MAAAE,EAAO,IAAAG,CAAA,CAClB"}

package/dist/cjs/hooks/useDocumentVisibility/useDocumentVisibility.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDocumentVisibility.cjs","sources":["../../../../src/hooks/useDocumentVisibility/useDocumentVisibility.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => document.visibilityState;\nconst getServerSnapshot = () => 'hidden' as const;\nconst subscribe = (callback: () => void) => {\n document.addEventListener('visibilitychange', callback);\n return () => {\n document.removeEventListener('visibilitychange', callback);\n };\n};\n\n/*\n @name useDocumentVisibility\n * @description – Hook that provides the current visibility state of the document\n * @category Browser\n \n @returns {DocumentVisibilityState} The current visibility state of the document, which can be 'visible' or 'hidden'\n \n @example\n * const visibilityState = useDocumentVisibility();\n */\nexport const useDocumentVisibility = () =>\n useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","getServerSnapshot","subscribe","callback","useDocumentVisibility","useSyncExternalStore"],"mappings":"yGAEMA,EAAc,IAAM,SAAS,gBAC7BC,EAAoB,IAAM,SAC1BC,EAAaC,IACjB,SAAS,iBAAiB,mBAAoBA,CAAQ,EAC/C,IAAM,CACX,SAAS,oBAAoB,mBAAoBA,CAAQ,CAAA,~~GAchDC~~,EAAwB,IACnCC,EAAAA,qBAAqBH,EAAWF,EAAaC,CAAiB"}
1	+ {"version":3,"file":"useDocumentVisibility.cjs","sources":["../../../../src/hooks/useDocumentVisibility/useDocumentVisibility.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => document.visibilityState;\nconst getServerSnapshot = () => 'hidden' as const;\nconst subscribe = (callback: () => void) => {\n document.addEventListener('visibilitychange', callback);\n return () => {\n document.removeEventListener('visibilitychange', callback);\n };\n};\n\n/*\n @name useDocumentVisibility\n * @description – Hook that provides the current visibility state of the document\n * @category Browser\n * @usage low\n\n * @returns {DocumentVisibilityState} The current visibility state of the document, which can be 'visible' or 'hidden'\n \n @example\n * const visibilityState = useDocumentVisibility();\n */\nexport const useDocumentVisibility = () =>\n useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","getServerSnapshot","subscribe","callback","useDocumentVisibility","useSyncExternalStore"],"mappings":"yGAEMA,EAAc,IAAM,SAAS,gBAC7BC,EAAoB,IAAM,SAC1BC,EAAaC,IACjB,SAAS,iBAAiB,mBAAoBA,CAAQ,EAC/C,IAAM,CACX,SAAS,oBAAoB,mBAAoBA,CAAQ,CAAA,GAehDC,EAAwB,IACnCC,EAAAA,qBAAqBH,EAAWF,EAAaC,CAAiB"}

package/dist/cjs/hooks/useDoubleClick/useDoubleClick.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDoubleClick.cjs","sources":["../../../../src/hooks/useDoubleClick/useDoubleClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DoubleClickEvents = MouseEvent \| TouchEvent;\n\n/** The use double click options type /\nexport interface UseDoubleClickOptions {\n /* The threshold time in milliseconds between clicks /\n threshold?: number;\n /* The callback function to be invoked on single click /\n onSingleClick?: (event: DoubleClickEvents) => void;\n}\n\nexport interface UseDoubleClick {\n (\n target: HookTarget,\n callback: (event: DoubleClickEvents) => void,\n options?: UseDoubleClickOptions\n ): boolean;\n\n <Target extends Element>(\n callback: (event: DoubleClickEvents) => void,\n options?: UseDoubleClickOptions,\n target?: never\n ): StateRef<Target>;\n}\n\nexport const DEFAULT_THRESHOLD_TIME = 300;\n\n/\n @name useDoubleClick\n * @description - Hook that defines the logic when double clicking an element\n * @category Elements\n \n @overload\n * @param {HookTarget} target The target element to be double clicked\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {boolean} The double clicking state\n \n @example\n * useDoubleClick(ref, () => console.log('double clicked'));\n \n @overload\n * @template Target The target element\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {boolean} The double clicking state\n \n @example\n * const ref = useDoubleClick(() => console.log('double clicked'));\n \n @see {@link https://siberiacancode.github.io/reactuse/functions/hooks/useDoubleClick.html}\n */\nexport const useDoubleClick = ((...params: any[]): any => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget \| undefined;\n const callback = (target ? params[1] : params[0]) as (event: DoubleClickEvents) => void;\n const options = (target ? params[2] : params[1]) as UseDoubleClickOptions \| undefined;\n\n const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n const clickCountRef = useRef(0);\n const internalRef = useRefState<Element>();\n\n const internalCallbackRef = useRef(callback);\n internalCallbackRef.current = callback;\n const internalOptionsRef = useRef(options);\n internalOptionsRef.current = options;\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = target ? getElement(target) : internalRef.current;\n if (!element) return;\n\n const onClick = (event: DoubleClickEvents) => {\n clickCountRef.current += 1;\n\n if (clickCountRef.current === 1) {\n timeoutIdRef.current = setTimeout(() => {\n if (internalOptionsRef.current?.onSingleClick)\n internalOptionsRef.current.onSingleClick(event);\n clickCountRef.current = 0;\n }, internalOptionsRef.current?.threshold ?? DEFAULT_THRESHOLD_TIME);\n }\n\n if (clickCountRef.current === 2) {\n clearTimeout(timeoutIdRef.current);\n internalCallbackRef.current(event);\n clickCountRef.current = 0;\n }\n };\n\n element.addEventListener('mousedown', onClick as EventListener);\n element.addEventListener('touchstart', onClick as EventListener);\n\n return () => {\n element.removeEventListener('mousedown', onClick as EventListener);\n element.removeEventListener('touchstart', onClick as EventListener);\n if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n };\n }, [target, internalRef.state]);\n\n if (target) return;\n return internalRef;\n}) as UseDoubleClick;\n"],"names":["DEFAULT_THRESHOLD_TIME","useDoubleClick","params","target","isTarget","callback","options","timeoutIdRef","useRef","clickCountRef","internalRef","useRefState","internalCallbackRef","internalOptionsRef","useEffect","element","getElement","onClick","event"],"mappings":"mPAkCaA,EAAyB,~~IA2BzBC~~,EAAkB,IAAIC,IAAuB,CACxD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAYF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACzCI,EAAWH,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EAExCK,EAAeC,EAAAA,OAAsC,MAAS,EAC9DC,EAAgBD,EAAAA,OAAO,CAAC,EACxBE,EAAcC,EAAAA,YAAA,EAEdC,EAAsBJ,EAAAA,OAAOH,CAAQ,EAC3CO,EAAoB,QAAUP,EAC9B,MAAMQ,EAAqBL,EAAAA,OAAOF,CAAO,EAqCzC,GApCAO,EAAmB,QAAUP,EAE7BQ,EAAAA,UAAU,IAAM,CACd,GAAI,CAACX,GAAU,CAACO,EAAY,MAAO,OAEnC,MAAMK,EAAUZ,EAASa,EAAAA,WAAWb,CAAM,EAAIO,EAAY,QAC1D,GAAI,CAACK,EAAS,OAEd,MAAME,EAAWC,GAA6B,CAC5CT,EAAc,SAAW,EAErBA,EAAc,UAAY,IAC5BF,EAAa,QAAU,WAAW,IAAM,CAClCM,EAAmB,SAAS,eAC9BA,EAAmB,QAAQ,cAAcK,CAAK,EAChDT,EAAc,QAAU,CAAA,EACvBI,EAAmB,SAAS,WAAab,CAAsB,GAGhES,EAAc,UAAY,IAC5B,aAAaF,EAAa,OAAO,EACjCK,EAAoB,QAAQM,CAAK,EACjCT,EAAc,QAAU,EAC1B,EAGF,OAAAM,EAAQ,iBAAiB,YAAaE,CAAwB,EAC9DF,EAAQ,iBAAiB,aAAcE,CAAwB,EAExD,IAAM,CACXF,EAAQ,oBAAoB,YAAaE,CAAwB,EACjEF,EAAQ,oBAAoB,aAAcE,CAAwB,EAC9DV,EAAa,SAAS,aAAaA,EAAa,OAAO,CAAA,CAC7D,EACC,CAACJ,EAAQO,EAAY,KAAK,CAAC,EAE1B,CAAAP,EACJ,OAAOO,CACT"}
1	+ {"version":3,"file":"useDoubleClick.cjs","sources":["../../../../src/hooks/useDoubleClick/useDoubleClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DoubleClickEvents = MouseEvent \| TouchEvent;\n\n/** The use double click options type /\nexport interface UseDoubleClickOptions {\n /* The threshold time in milliseconds between clicks /\n threshold?: number;\n /* The callback function to be invoked on single click /\n onSingleClick?: (event: DoubleClickEvents) => void;\n}\n\nexport interface UseDoubleClick {\n (\n target: HookTarget,\n callback: (event: DoubleClickEvents) => void,\n options?: UseDoubleClickOptions\n ): boolean;\n\n <Target extends Element>(\n callback: (event: DoubleClickEvents) => void,\n options?: UseDoubleClickOptions,\n target?: never\n ): StateRef<Target>;\n}\n\nexport const DEFAULT_THRESHOLD_TIME = 300;\n\n/\n @name useDoubleClick\n * @description - Hook that defines the logic when double clicking an element\n * @category Elements\n * @usage medium\n\n * @overload\n * @param {HookTarget} target The target element to be double clicked\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {boolean} The double clicking state\n \n @example\n * useDoubleClick(ref, () => console.log('double clicked'));\n \n @overload\n * @template Target The target element\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {boolean} The double clicking state\n \n @example\n * const ref = useDoubleClick(() => console.log('double clicked'));\n \n @see {@link https://siberiacancode.github.io/reactuse/functions/hooks/useDoubleClick.html}\n */\nexport const useDoubleClick = ((...params: any[]): any => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget \| undefined;\n const callback = (target ? params[1] : params[0]) as (event: DoubleClickEvents) => void;\n const options = (target ? params[2] : params[1]) as UseDoubleClickOptions \| undefined;\n\n const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n const clickCountRef = useRef(0);\n const internalRef = useRefState<Element>();\n\n const internalCallbackRef = useRef(callback);\n internalCallbackRef.current = callback;\n const internalOptionsRef = useRef(options);\n internalOptionsRef.current = options;\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = target ? getElement(target) : internalRef.current;\n if (!element) return;\n\n const onClick = (event: DoubleClickEvents) => {\n clickCountRef.current += 1;\n\n if (clickCountRef.current === 1) {\n timeoutIdRef.current = setTimeout(() => {\n if (internalOptionsRef.current?.onSingleClick)\n internalOptionsRef.current.onSingleClick(event);\n clickCountRef.current = 0;\n }, internalOptionsRef.current?.threshold ?? DEFAULT_THRESHOLD_TIME);\n }\n\n if (clickCountRef.current === 2) {\n clearTimeout(timeoutIdRef.current);\n internalCallbackRef.current(event);\n clickCountRef.current = 0;\n }\n };\n\n element.addEventListener('mousedown', onClick as EventListener);\n element.addEventListener('touchstart', onClick as EventListener);\n\n return () => {\n element.removeEventListener('mousedown', onClick as EventListener);\n element.removeEventListener('touchstart', onClick as EventListener);\n if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n };\n }, [target, internalRef.state]);\n\n if (target) return;\n return internalRef;\n}) as UseDoubleClick;\n"],"names":["DEFAULT_THRESHOLD_TIME","useDoubleClick","params","target","isTarget","callback","options","timeoutIdRef","useRef","clickCountRef","internalRef","useRefState","internalCallbackRef","internalOptionsRef","useEffect","element","getElement","onClick","event"],"mappings":"mPAkCaA,EAAyB,IA4BzBC,EAAkB,IAAIC,IAAuB,CACxD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAYF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACzCI,EAAWH,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EAExCK,EAAeC,EAAAA,OAAsC,MAAS,EAC9DC,EAAgBD,EAAAA,OAAO,CAAC,EACxBE,EAAcC,EAAAA,YAAA,EAEdC,EAAsBJ,EAAAA,OAAOH,CAAQ,EAC3CO,EAAoB,QAAUP,EAC9B,MAAMQ,EAAqBL,EAAAA,OAAOF,CAAO,EAqCzC,GApCAO,EAAmB,QAAUP,EAE7BQ,EAAAA,UAAU,IAAM,CACd,GAAI,CAACX,GAAU,CAACO,EAAY,MAAO,OAEnC,MAAMK,EAAUZ,EAASa,EAAAA,WAAWb,CAAM,EAAIO,EAAY,QAC1D,GAAI,CAACK,EAAS,OAEd,MAAME,EAAWC,GAA6B,CAC5CT,EAAc,SAAW,EAErBA,EAAc,UAAY,IAC5BF,EAAa,QAAU,WAAW,IAAM,CAClCM,EAAmB,SAAS,eAC9BA,EAAmB,QAAQ,cAAcK,CAAK,EAChDT,EAAc,QAAU,CAAA,EACvBI,EAAmB,SAAS,WAAab,CAAsB,GAGhES,EAAc,UAAY,IAC5B,aAAaF,EAAa,OAAO,EACjCK,EAAoB,QAAQM,CAAK,EACjCT,EAAc,QAAU,EAC1B,EAGF,OAAAM,EAAQ,iBAAiB,YAAaE,CAAwB,EAC9DF,EAAQ,iBAAiB,aAAcE,CAAwB,EAExD,IAAM,CACXF,EAAQ,oBAAoB,YAAaE,CAAwB,EACjEF,EAAQ,oBAAoB,aAAcE,CAAwB,EAC9DV,EAAa,SAAS,aAAaA,EAAa,OAAO,CAAA,CAC7D,EACC,CAACJ,EAAQO,EAAY,KAAK,CAAC,EAE1B,CAAAP,EACJ,OAAOO,CACT"}

package/dist/cjs/hooks/useDropZone/useDropZone.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),S=require("../useRefState/useRefState.cjs"),R=require("../../utils/helpers/isTarget.cjs"),V=require("../../utils/helpers/getElement.cjs"),b=(...n)=>{const s=R.isTarget(n[0])?n[0]:void 0,o=s?typeof n[1]=="object"?n[1]:{onDrop:n[1]}:typeof n[0]=="object"?n[0]:{onDrop:n[0]},u=S.useRefState(),c=g.useRef(0),[p,D]=g.useState(null),[E,v]=g.useState(!1),a=o.dataTypes,L=e=>{if(!e.dataTransfer)return null;const t=Array.from(e.dataTransfer.files);return o.multiple?t:t.length?[t[0]]:null},m=e=>a?typeof a=="function"?a(e):a.length?e.length?e.every(t=>(console.log("type",t),console.log("dataTypes",a),a.some(i=>t.includes(i)))):!1:!0:!0,h=e=>{const t=Array.from(e).map(l=>l.type),i=m(t),f=o.multiple||e.length<=1;return i&&f};return g.useEffect(()=>{if(!s&&!u.state)return;const e=s?V.getElement(s):u.current;if(!e)return;const t=(r,d)=>{if(!r.dataTransfer)return;if(!h(r.dataTransfer.items)){r.dataTransfer.dropEffect="none";return}r.preventDefault(),r.dataTransfer.dropEffect="copy";const y=L(r);if(d==="drop"){c.current=0,v(!1),D(y),o.onDrop?.(y,r);return}if(d==="enter"){c.current+=1,v(!0),o.onEnter?.(r);return}if(d==="leave"){if(c.current-=1,c.current!==0)return;v(!1),o.onLeave?.(r);return}d==="over"&&o.onOver?.(r)},i=r=>t(r,"drop"),f=r=>t(r,"over"),l=r=>t(r,"enter"),T=r=>t(r,"leave");return e.addEventListener("dragenter",l),e.addEventListener("dragover",f),e.addEventListener("dragleave",T),e.addEventListener("drop",i),()=>{e.removeEventListener("dragenter",l),e.removeEventListener("dragover",f),e.removeEventListener("dragleave",T),e.removeEventListener("drop",i)}},[s,u.current]),s?{overed:E,files:p}:{ref:u,overed:E,files:p}};exports.useDropZone=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),S=require("../useRefState/useRefState.cjs"),R=require("../../utils/helpers/isTarget.cjs"),V=require("../../utils/helpers/getElement.cjs"),b=(...n)=>{const s=R.isTarget(n[0])?n[0]:void 0,o=s?typeof n[1]=="object"?n[1]:{onDrop:n[1]}:typeof n[0]=="object"?n[0]:{onDrop:n[0]},u=S.useRefState(),c=g.useRef(0),[p,D]=g.useState(null),[E,v]=g.useState(!1),a=o.dataTypes,L=e=>{if(!e.dataTransfer)return null;const t=Array.from(e.dataTransfer.files);return o.multiple?t:t.length?[t[0]]:null},m=e=>a?typeof a=="function"?a(e):a.length?e.length?e.every(t=>a.some(i=>t.includes(i))):!1:!0:!0,h=e=>{const t=Array.from(e).map(l=>l.type),i=m(t),f=o.multiple||e.length<=1;return i&&f};return g.useEffect(()=>{if(!s&&!u.state)return;const e=s?V.getElement(s):u.current;if(!e)return;const t=(r,d)=>{if(!r.dataTransfer)return;if(!h(r.dataTransfer.items)){r.dataTransfer.dropEffect="none";return}r.preventDefault(),r.dataTransfer.dropEffect="copy";const y=L(r);if(d==="drop"){c.current=0,v(!1),D(y),o.onDrop?.(y,r);return}if(d==="enter"){c.current+=1,v(!0),o.onEnter?.(r);return}if(d==="leave"){if(c.current-=1,c.current!==0)return;v(!1),o.onLeave?.(r);return}d==="over"&&o.onOver?.(r)},i=r=>t(r,"drop"),f=r=>t(r,"over"),l=r=>t(r,"enter"),T=r=>t(r,"leave");return e.addEventListener("dragenter",l),e.addEventListener("dragover",f),e.addEventListener("dragleave",T),e.addEventListener("drop",i),()=>{e.removeEventListener("dragenter",l),e.removeEventListener("dragover",f),e.removeEventListener("dragleave",T),e.removeEventListener("drop",i)}},[s,u.current]),s?{overed:E,files:p}:{ref:u,overed:E,files:p}};exports.useDropZone=b;
 //# sourceMappingURL=useDropZone.cjs.map

package/dist/cjs/hooks/useDropZone/useDropZone.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropZone.cjs","sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DropZoneDataTypes = ((types: string[]) => boolean) \| string[];\n\nexport interface UseDropZoneOptions {\n /** The data types for drop zone /\n dataTypes?: DropZoneDataTypes;\n /* The multiple mode for drop zone /\n multiple?: boolean;\n /* The on drop callback /\n onDrop?: (files: File[] \| null, event: DragEvent) => void;\n /* The on enter callback /\n onEnter?: (event: DragEvent) => void;\n /* The on leave callback /\n onLeave?: (event: DragEvent) => void;\n /* The on over callback /\n onOver?: (event: DragEvent) => void;\n}\n\nexport interface UseDropZoneReturn {\n /* The files that was dropped in drop zone /\n files: File[] \| null;\n /* The over drop zone status /\n overed: boolean;\n}\n\nexport interface UseDropZone {\n (\n target: HookTarget,\n callback?: (files: File[] \| null, event: DragEvent) => void\n ): UseDropZoneReturn;\n\n <Target extends Element>(\n callback?: (files: File[] \| null, event: DragEvent) => void,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n\n (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\n\n <Target extends Element>(\n options?: UseDropZoneOptions,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n}\n\n/\n @name useDropZone\n * @description - Hook that provides drop zone functionality\n * @category Elements\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element drop zone's\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] \| null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn} The object with drop zone states\n \n @example\n * const { overed, files } = useDropZone(ref, options);\n \n @overload\n * @param {Target} target The target element drop zone's\n * @param {(files: File[] \| null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn} The object with drop zone states\n \n @example\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\n \n @overload\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] \| null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n \n @example\n * const { ref, overed, files } = useDropZone(options);\n \n @overload\n * @param {(files: File[] \| null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n \n @example\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\n */\n\nexport const useDropZone = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget \| undefined;\n\n const options = (\n target\n ? typeof params[1] === 'object'\n ? params[1]\n : { onDrop: params[1] }\n : typeof params[0] === 'object'\n ? params[0]\n : { onDrop: params[0] }\n ) as UseDropZoneOptions;\n\n const internalRef = useRefState<Element>();\n\n const counterRef = useRef(0);\n const [files, setFiles] = useState<File[] \| null>(null);\n const [overed, setOvered] = useState(false);\n\n const dataTypes = options.dataTypes;\n\n const getFiles = (event: DragEvent) => {\n if (!event.dataTransfer) return null;\n const list = Array.from(event.dataTransfer.files);\n if (options.multiple) return list;\n if (!list.length) return null;\n return [list[0]];\n };\n\n const checkDataTypes = (types: string[]) => {\n if (!dataTypes) return true;\n if (typeof dataTypes === 'function') return dataTypes(types);\n if (!dataTypes.length) return true;\n if (!types.length) return false;\n\n return types.every((type) => {\n console.log('type', type);\n console.log('dataTypes', dataTypes);\n return dataTypes.some((dataType) => type.includes(dataType));\n });\n };\n\n const checkValidity = (items: DataTransferItemList) => {\n const types = Array.from(items).map((item) => item.type);\n const dataTypesValid = checkDataTypes(types);\n const multipleFilesValid = options.multiple \|\| items.length <= 1;\n\n return dataTypesValid && multipleFilesValid;\n };\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = target ? getElement(target) : internalRef.current;\n\n if (!element) return;\n\n const onEvent = (event: DragEvent, type: 'drop' \| 'enter' \| 'leave' \| 'over') => {\n if (!event.dataTransfer) return;\n\n const isValid = checkValidity(event.dataTransfer.items);\n if (!isValid) {\n event.dataTransfer.dropEffect = 'none';\n return;\n }\n\n event.preventDefault();\n event.dataTransfer.dropEffect = 'copy';\n\n const currentFiles = getFiles(event);\n\n if (type === 'drop') {\n counterRef.current = 0;\n setOvered(false);\n setFiles(currentFiles);\n options.onDrop?.(currentFiles, event);\n return;\n }\n\n if (type === 'enter') {\n counterRef.current += 1;\n setOvered(true);\n options.onEnter?.(event);\n return;\n }\n\n if (type === 'leave') {\n counterRef.current -= 1;\n if (counterRef.current !== 0) return;\n setOvered(false);\n options.onLeave?.(event);\n return;\n }\n\n if (type === 'over') options.onOver?.(event);\n };\n\n const onDrop = ((event: DragEvent) => onEvent(event, 'drop')) as EventListener;\n const onDragOver = ((event: DragEvent) => onEvent(event, 'over')) as EventListener;\n const onDragEnter = ((event: DragEvent) => onEvent(event, 'enter')) as EventListener;\n const onDragLeave = ((event: DragEvent) => onEvent(event, 'leave')) as EventListener;\n\n element.addEventListener('dragenter', onDragEnter);\n element.addEventListener('dragover', onDragOver);\n element.addEventListener('dragleave', onDragLeave);\n element.addEventListener('drop', onDrop);\n\n return () => {\n element.removeEventListener('dragenter', onDragEnter);\n element.removeEventListener('dragover', onDragOver);\n element.removeEventListener('dragleave', onDragLeave);\n element.removeEventListener('drop', onDrop);\n };\n }, [target, internalRef.current]);\n\n if (target) return { overed, files };\n return { ref: internalRef, overed, files };\n}) as UseDropZone;\n"],"names":["useDropZone","params","target","isTarget","options","internalRef","useRefState","counterRef","useRef","files","setFiles","useState","overed","setOvered","dataTypes","getFiles","event","list","checkDataTypes","types","type","dataType","checkValidity","items","item","dataTypesValid","multipleFilesValid","useEffect","element","getElement","onEvent","currentFiles","onDrop","onDragOver","onDragEnter","onDragLeave"],"mappings":"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"}
1	+ {"version":3,"file":"useDropZone.cjs","sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DropZoneDataTypes = ((types: string[]) => boolean) \| string[];\n\nexport interface UseDropZoneOptions {\n /** The data types for drop zone /\n dataTypes?: DropZoneDataTypes;\n /* The multiple mode for drop zone /\n multiple?: boolean;\n /* The on drop callback /\n onDrop?: (files: File[] \| null, event: DragEvent) => void;\n /* The on enter callback /\n onEnter?: (event: DragEvent) => void;\n /* The on leave callback /\n onLeave?: (event: DragEvent) => void;\n /* The on over callback /\n onOver?: (event: DragEvent) => void;\n}\n\nexport interface UseDropZoneReturn {\n /* The files that was dropped in drop zone /\n files: File[] \| null;\n /* The over drop zone status /\n overed: boolean;\n}\n\nexport interface UseDropZone {\n (\n target: HookTarget,\n callback?: (files: File[] \| null, event: DragEvent) => void\n ): UseDropZoneReturn;\n\n <Target extends Element>(\n callback?: (files: File[] \| null, event: DragEvent) => void,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n\n (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\n\n <Target extends Element>(\n options?: UseDropZoneOptions,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n}\n\n/\n @name useDropZone\n * @description - Hook that provides drop zone functionality\n * @category Elements\n * @usage medium\n\n * @overload\n * @template Target The target element\n * @param {Target} target The target element drop zone's\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] \| null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn} The object with drop zone states\n \n @example\n * const { overed, files } = useDropZone(ref, options);\n \n @overload\n * @param {Target} target The target element drop zone's\n * @param {(files: File[] \| null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn} The object with drop zone states\n \n @example\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\n \n @overload\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] \| null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n \n @example\n * const { ref, overed, files } = useDropZone(options);\n \n @overload\n * @param {(files: File[] \| null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n \n @example\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\n */\n\nexport const useDropZone = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget \| undefined;\n\n const options = (\n target\n ? typeof params[1] === 'object'\n ? params[1]\n : { onDrop: params[1] }\n : typeof params[0] === 'object'\n ? params[0]\n : { onDrop: params[0] }\n ) as UseDropZoneOptions;\n\n const internalRef = useRefState<Element>();\n\n const counterRef = useRef(0);\n const [files, setFiles] = useState<File[] \| null>(null);\n const [overed, setOvered] = useState(false);\n\n const dataTypes = options.dataTypes;\n\n const getFiles = (event: DragEvent) => {\n if (!event.dataTransfer) return null;\n const list = Array.from(event.dataTransfer.files);\n if (options.multiple) return list;\n if (!list.length) return null;\n return [list[0]];\n };\n\n const checkDataTypes = (types: string[]) => {\n if (!dataTypes) return true;\n if (typeof dataTypes === 'function') return dataTypes(types);\n if (!dataTypes.length) return true;\n if (!types.length) return false;\n\n return types.every((type) => dataTypes.some((dataType) => type.includes(dataType)));\n };\n\n const checkValidity = (items: DataTransferItemList) => {\n const types = Array.from(items).map((item) => item.type);\n const dataTypesValid = checkDataTypes(types);\n const multipleFilesValid = options.multiple \|\| items.length <= 1;\n\n return dataTypesValid && multipleFilesValid;\n };\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = target ? getElement(target) : internalRef.current;\n\n if (!element) return;\n\n const onEvent = (event: DragEvent, type: 'drop' \| 'enter' \| 'leave' \| 'over') => {\n if (!event.dataTransfer) return;\n\n const isValid = checkValidity(event.dataTransfer.items);\n if (!isValid) {\n event.dataTransfer.dropEffect = 'none';\n return;\n }\n\n event.preventDefault();\n event.dataTransfer.dropEffect = 'copy';\n\n const currentFiles = getFiles(event);\n\n if (type === 'drop') {\n counterRef.current = 0;\n setOvered(false);\n setFiles(currentFiles);\n options.onDrop?.(currentFiles, event);\n return;\n }\n\n if (type === 'enter') {\n counterRef.current += 1;\n setOvered(true);\n options.onEnter?.(event);\n return;\n }\n\n if (type === 'leave') {\n counterRef.current -= 1;\n if (counterRef.current !== 0) return;\n setOvered(false);\n options.onLeave?.(event);\n return;\n }\n\n if (type === 'over') options.onOver?.(event);\n };\n\n const onDrop = ((event: DragEvent) => onEvent(event, 'drop')) as EventListener;\n const onDragOver = ((event: DragEvent) => onEvent(event, 'over')) as EventListener;\n const onDragEnter = ((event: DragEvent) => onEvent(event, 'enter')) as EventListener;\n const onDragLeave = ((event: DragEvent) => onEvent(event, 'leave')) as EventListener;\n\n element.addEventListener('dragenter', onDragEnter);\n element.addEventListener('dragover', onDragOver);\n element.addEventListener('dragleave', onDragLeave);\n element.addEventListener('drop', onDrop);\n\n return () => {\n element.removeEventListener('dragenter', onDragEnter);\n element.removeEventListener('dragover', onDragOver);\n element.removeEventListener('dragleave', onDragLeave);\n element.removeEventListener('drop', onDrop);\n };\n }, [target, internalRef.current]);\n\n if (target) return { overed, files };\n return { ref: internalRef, overed, files };\n}) as UseDropZone;\n"],"names":["useDropZone","params","target","isTarget","options","internalRef","useRefState","counterRef","useRef","files","setFiles","useState","overed","setOvered","dataTypes","getFiles","event","list","checkDataTypes","types","type","dataType","checkValidity","items","item","dataTypesValid","multipleFilesValid","useEffect","element","getElement","onEvent","currentFiles","onDrop","onDragOver","onDragEnter","onDragLeave"],"mappings":"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"}

package/dist/cjs/hooks/useElementSize/useElementSize.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useElementSize.cjs","sources":["../../../../src/hooks/useElementSize/useElementSize.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The element size value type /\nexport interface UseElementSizeValue {\n /* The element's height /\n height: number;\n /* The element's width /\n width: number;\n}\n\n/* The use element size return type /\nexport interface UseElementSizeReturn {\n value: UseElementSizeValue;\n}\n\nexport interface UseElementSize {\n (target: HookTarget): UseElementSizeReturn;\n\n <Target extends Element>(\n target?: never\n ): {\n ref: StateRef<Target>;\n } & UseElementSizeReturn;\n}\n\n/\n @name useElementSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n \n @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseElementSizeReturn} An object containing the current width and height of the element\n \n @example\n * const { value } = useElementSize(ref);\n \n @overload\n * @returns { { ref: StateRef<Target> } & UseElementSizeReturn } An object containing the current width and height of the element\n \n @example\n * const { ref, value } = useElementSize();\n */\nexport const useElementSize = ((...params: any[]) => {\n const target = params[0] as HookTarget \| undefined;\n const [size, setSize] = useState({ width: 0, height: 0 });\n const internalRef = useRefState<Element>();\n\n useIsomorphicLayoutEffect(() => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n\n if (!element) return;\n\n const { width, height } = element.getBoundingClientRect();\n setSize({\n width,\n height\n });\n\n const observer = new ResizeObserver(() => {\n const { width, height } = element.getBoundingClientRect();\n setSize({ width, height });\n });\n\n observer.observe(element);\n\n return () => {\n observer.disconnect();\n };\n }, [internalRef.current, target]);\n\n if (target) return { value: size };\n return {\n ref: internalRef,\n value: size\n };\n}) as UseElementSize;\n"],"names":["useElementSize","params","target","size","setSize","useState","internalRef","useRefState","useIsomorphicLayoutEffect","element","getElement","width","height","observer"],"mappings":"~~6QAoDaA~~,EAAkB,IAAIC,IAAkB,CACnD,MAAMC,EAASD,EAAO,CAAC,EACjB,CAACE,EAAMC,CAAO,EAAIC,EAAAA,SAAS,CAAE,MAAO,EAAG,OAAQ,EAAG,EAClDC,EAAcC,EAAAA,YAAA,EAyBpB,OAvBAC,EAAAA,0BAA0B,IAAM,CAC9B,MAAMC,EAAWP,EAASQ,EAAAA,WAAWR,CAAM,EAAII,EAAY,QAE3D,GAAI,CAACG,EAAS,OAEd,KAAM,CAAE,MAAAE,EAAO,OAAAC,GAAWH,EAAQ,sBAAA,EAClCL,EAAQ,CACN,MAAAO,EACA,OAAAC,CAAA,CACD,EAED,MAAMC,EAAW,IAAI,eAAe,IAAM,CACxC,KAAM,CAAE,MAAAF,EAAO,OAAAC,CAAAA,EAAWH,EAAQ,sBAAA,EAClCL,EAAQ,CAAE,MAAAO,EAAO,OAAAC,EAAQ,CAAA,CAC1B,EAED,OAAAC,EAAS,QAAQJ,CAAO,EAEjB,IAAM,CACXI,EAAS,WAAA,CAAW,CACtB,EACC,CAACP,EAAY,QAASJ,CAAM,CAAC,EAE5BA,EAAe,CAAE,MAAOC,CAAA,EACrB,CACL,IAAKG,EACL,MAAOH,CAAA,CAEX"}
1	+ {"version":3,"file":"useElementSize.cjs","sources":["../../../../src/hooks/useElementSize/useElementSize.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The element size value type /\nexport interface UseElementSizeValue {\n /* The element's height /\n height: number;\n /* The element's width /\n width: number;\n}\n\n/* The use element size return type /\nexport interface UseElementSizeReturn {\n value: UseElementSizeValue;\n}\n\nexport interface UseElementSize {\n (target: HookTarget): UseElementSizeReturn;\n\n <Target extends Element>(\n target?: never\n ): {\n ref: StateRef<Target>;\n } & UseElementSizeReturn;\n}\n\n/\n @name useElementSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n * @usage low\n\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseElementSizeReturn} An object containing the current width and height of the element\n \n @example\n * const { value } = useElementSize(ref);\n \n @overload\n * @returns { { ref: StateRef<Target> } & UseElementSizeReturn } An object containing the current width and height of the element\n \n @example\n * const { ref, value } = useElementSize();\n */\nexport const useElementSize = ((...params: any[]) => {\n const target = params[0] as HookTarget \| undefined;\n const [size, setSize] = useState({ width: 0, height: 0 });\n const internalRef = useRefState<Element>();\n\n useIsomorphicLayoutEffect(() => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n\n if (!element) return;\n\n const { width, height } = element.getBoundingClientRect();\n setSize({\n width,\n height\n });\n\n const observer = new ResizeObserver(() => {\n const { width, height } = element.getBoundingClientRect();\n setSize({ width, height });\n });\n\n observer.observe(element);\n\n return () => {\n observer.disconnect();\n };\n }, [internalRef.current, target]);\n\n if (target) return { value: size };\n return {\n ref: internalRef,\n value: size\n };\n}) as UseElementSize;\n"],"names":["useElementSize","params","target","size","setSize","useState","internalRef","useRefState","useIsomorphicLayoutEffect","element","getElement","width","height","observer"],"mappings":"6QAqDaA,EAAkB,IAAIC,IAAkB,CACnD,MAAMC,EAASD,EAAO,CAAC,EACjB,CAACE,EAAMC,CAAO,EAAIC,EAAAA,SAAS,CAAE,MAAO,EAAG,OAAQ,EAAG,EAClDC,EAAcC,EAAAA,YAAA,EAyBpB,OAvBAC,EAAAA,0BAA0B,IAAM,CAC9B,MAAMC,EAAWP,EAASQ,EAAAA,WAAWR,CAAM,EAAII,EAAY,QAE3D,GAAI,CAACG,EAAS,OAEd,KAAM,CAAE,MAAAE,EAAO,OAAAC,GAAWH,EAAQ,sBAAA,EAClCL,EAAQ,CACN,MAAAO,EACA,OAAAC,CAAA,CACD,EAED,MAAMC,EAAW,IAAI,eAAe,IAAM,CACxC,KAAM,CAAE,MAAAF,EAAO,OAAAC,CAAAA,EAAWH,EAAQ,sBAAA,EAClCL,EAAQ,CAAE,MAAAO,EAAO,OAAAC,EAAQ,CAAA,CAC1B,EAED,OAAAC,EAAS,QAAQJ,CAAO,EAEjB,IAAM,CACXI,EAAS,WAAA,CAAW,CACtB,EACC,CAACP,EAAY,QAASJ,CAAM,CAAC,EAE5BA,EAAe,CAAE,MAAOC,CAAA,EACrB,CACL,IAAKG,EACL,MAAOH,CAAA,CAEX"}

package/dist/cjs/hooks/useEvent/useEvent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEvent.cjs","sources":["../../../../src/hooks/useEvent/useEvent.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\n/*\n @name useEvent\n * @description - Hook that creates an event and returns a stable reference of it\n * @category Utilities\n \n @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @returns {(...args: Params) => Return} The callback\n \n @example\n * const onClick = useEvent(() => console.log('clicked'));\n */\nexport const useEvent = <Params extends unknown[], Return>(\n callback: (...args: Params) => Return\n): ((...args: Params) => Return) => {\n const internalCallbackRef = useRef<typeof callback>(callback);\n internalCallbackRef.current = callback;\n\n return useCallback((...args) => {\n const fn = internalCallbackRef.current;\n return fn(...args);\n }, []);\n};\n"],"names":["useEvent","callback","internalCallbackRef","useRef","useCallback","args","fn"],"mappings":"~~yGAeaA~~,EACXC,GACkC,CAClC,MAAMC,EAAsBC,EAAAA,OAAwBF,CAAQ,EAC5D,OAAAC,EAAoB,QAAUD,EAEvBG,EAAAA,YAAY,IAAIC,IAAS,CAC9B,MAAMC,EAAKJ,EAAoB,QAC/B,OAAOI,EAAG,GAAGD,CAAI,CAAA,EAChB,EAAE,CACP"}
1	+ {"version":3,"file":"useEvent.cjs","sources":["../../../../src/hooks/useEvent/useEvent.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\n/*\n @name useEvent\n * @description - Hook that creates an event and returns a stable reference of it\n * @category Utilities\n * @usage high\n\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @returns {(...args: Params) => Return} The callback\n \n @example\n * const onClick = useEvent(() => console.log('clicked'));\n */\nexport const useEvent = <Params extends unknown[], Return>(\n callback: (...args: Params) => Return\n): ((...args: Params) => Return) => {\n const internalCallbackRef = useRef<typeof callback>(callback);\n internalCallbackRef.current = callback;\n\n return useCallback((...args) => {\n const fn = internalCallbackRef.current;\n return fn(...args);\n }, []);\n};\n"],"names":["useEvent","callback","internalCallbackRef","useRef","useCallback","args","fn"],"mappings":"yGAgBaA,EACXC,GACkC,CAClC,MAAMC,EAAsBC,EAAAA,OAAwBF,CAAQ,EAC5D,OAAAC,EAAoB,QAAUD,EAEvBG,EAAAA,YAAY,IAAIC,IAAS,CAC9B,MAAMC,EAAKJ,EAAoB,QAC/B,OAAOI,EAAG,GAAGD,CAAI,CAAA,EAChB,EAAE,CACP"}

package/dist/cjs/hooks/useEventListener/useEventListener.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),E=require("../useEvent/useEvent.cjs"),f=require("../useRefState/useRefState.cjs"),g=require("../../utils/helpers/isTarget.cjs"),d=require("../../utils/helpers/getElement.cjs"),q=(...e)=>{const t=g.isTarget(e[0])?e[0]:void 0,n=t?e[1]:e[0],c=t?e[2]:e[1],r=t?e[3]:e[2],s=f.useRefState(window),u=E.useEvent(c);if(v.useEffect(()=>{const i=t?d.getElement(t):s.current;if(!i)return;const o=l=>u(l);return i.addEventListener(n,o,r),()=>{i.removeEventListener(n,o,r)}},[t,s.state,n,r]),!t)return s};exports.useEventListener=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),g=require("../useRefState/useRefState.cjs"),E=require("../../utils/helpers/isTarget.cjs"),R=require("../../utils/helpers/getElement.cjs"),L=(...e)=>{const t=E.isTarget(e[0])?e[0]:void 0,s=t?e[1]:e[0],o=t?e[2]:e[1],n=t?e[3]:e[2],c=n?.enabled??!0,r=g.useRefState(),u=i.useRef(o);u.current=o;const d=i.useRef(n);if(d.current=n,i.useEffect(()=>{if(!c||!t&&!r.state)return;const l=(t?R.getElement(t):r.current)??window,f=v=>u.current(v);return l.addEventListener(s,f,n),()=>{l.removeEventListener(s,f,n)}},[t,r.state,s,c]),!t)return r};exports.useEventListener=L;
 //# sourceMappingURL=useEventListener.cjs.map