@siberiacancode/reactuse 0.3.13 → 0.3.15

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 (90) hide show
  1. package/README.md +71 -71
  2. package/dist/cjs/helpers/createContext/createContext.cjs.map +1 -1
  3. package/dist/cjs/helpers/createContextHook/createContextHook.cjs +2 -0
  4. package/dist/cjs/helpers/createContextHook/createContextHook.cjs.map +1 -0
  5. package/dist/cjs/helpers/createSharedHook/createSharedHook.cjs +2 -0
  6. package/dist/cjs/helpers/createSharedHook/createSharedHook.cjs.map +1 -0
  7. package/dist/cjs/hooks/useBatchedCallback/useBatchedCallback.cjs +1 -1
  8. package/dist/cjs/hooks/useBatchedCallback/useBatchedCallback.cjs.map +1 -1
  9. package/dist/cjs/hooks/useDropZone/useDropZone.cjs +1 -1
  10. package/dist/cjs/hooks/useDropZone/useDropZone.cjs.map +1 -1
  11. package/dist/cjs/hooks/useField/useField.cjs +1 -1
  12. package/dist/cjs/hooks/useField/useField.cjs.map +1 -1
  13. package/dist/cjs/hooks/useHotkeys/useHotkeys.cjs.map +1 -1
  14. package/dist/cjs/hooks/useImage/useImage.cjs.map +1 -1
  15. package/dist/cjs/hooks/useMediaQuery/useMediaQuery.cjs.map +1 -1
  16. package/dist/cjs/hooks/useMouse/useMouse.cjs +1 -1
  17. package/dist/cjs/hooks/useMouse/useMouse.cjs.map +1 -1
  18. package/dist/cjs/hooks/useMutation/useMutation.cjs +1 -1
  19. package/dist/cjs/hooks/useMutation/useMutation.cjs.map +1 -1
  20. package/dist/cjs/hooks/useNetwork/useNetwork.cjs.map +1 -1
  21. package/dist/cjs/hooks/useOptimistic/useOptimistic.cjs.map +1 -1
  22. package/dist/cjs/hooks/useOrientation/useOrientation.cjs.map +1 -1
  23. package/dist/cjs/hooks/useOtpCredential/useOtpCredential.cjs.map +1 -1
  24. package/dist/cjs/hooks/useParallax/useParallax.cjs.map +1 -1
  25. package/dist/cjs/hooks/usePostMessage/usePostMessage.cjs.map +1 -1
  26. package/dist/cjs/hooks/useProgress/useProgress.cjs +1 -1
  27. package/dist/cjs/hooks/useProgress/useProgress.cjs.map +1 -1
  28. package/dist/cjs/hooks/useScroll/useScroll.cjs +1 -1
  29. package/dist/cjs/hooks/useScroll/useScroll.cjs.map +1 -1
  30. package/dist/cjs/hooks/useSticky/useSticky.cjs.map +1 -1
  31. package/dist/cjs/hooks/useStorage/useStorage.cjs.map +1 -1
  32. package/dist/cjs/hooks/useTextDirection/useTextDirection.cjs.map +1 -1
  33. package/dist/cjs/hooks/useTextareaAutosize/useTextareaAutosize.cjs.map +1 -1
  34. package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs.map +1 -1
  35. package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs.map +1 -1
  36. package/dist/cjs/hooks/useVirtualKeyboard/useVirtualKeyboard.cjs.map +1 -1
  37. package/dist/cjs/hooks/useVisibility/useVisibility.cjs.map +1 -1
  38. package/dist/cjs/hooks/useWakeLock/useWakeLock.cjs.map +1 -1
  39. package/dist/cjs/hooks/useWebSocket/useWebSocket.cjs.map +1 -1
  40. package/dist/cjs/index.cjs +1 -1
  41. package/dist/cjs/utils/helpers/isTarget.cjs.map +1 -1
  42. package/dist/esm/helpers/createContext/createContext.mjs.map +1 -1
  43. package/dist/esm/helpers/createContextHook/createContextHook.mjs +13 -0
  44. package/dist/esm/helpers/createContextHook/createContextHook.mjs.map +1 -0
  45. package/dist/esm/helpers/createSharedHook/createSharedHook.mjs +42 -0
  46. package/dist/esm/helpers/createSharedHook/createSharedHook.mjs.map +1 -0
  47. package/dist/esm/hooks/useBatchedCallback/useBatchedCallback.mjs.map +1 -1
  48. package/dist/esm/hooks/useDropZone/useDropZone.mjs +27 -27
  49. package/dist/esm/hooks/useDropZone/useDropZone.mjs.map +1 -1
  50. package/dist/esm/hooks/useField/useField.mjs +42 -42
  51. package/dist/esm/hooks/useField/useField.mjs.map +1 -1
  52. package/dist/esm/hooks/useHotkeys/useHotkeys.mjs.map +1 -1
  53. package/dist/esm/hooks/useImage/useImage.mjs.map +1 -1
  54. package/dist/esm/hooks/useMediaQuery/useMediaQuery.mjs.map +1 -1
  55. package/dist/esm/hooks/useMouse/useMouse.mjs +37 -32
  56. package/dist/esm/hooks/useMouse/useMouse.mjs.map +1 -1
  57. package/dist/esm/hooks/useMutation/useMutation.mjs +29 -28
  58. package/dist/esm/hooks/useMutation/useMutation.mjs.map +1 -1
  59. package/dist/esm/hooks/useNetwork/useNetwork.mjs.map +1 -1
  60. package/dist/esm/hooks/useOptimistic/useOptimistic.mjs.map +1 -1
  61. package/dist/esm/hooks/useOrientation/useOrientation.mjs.map +1 -1
  62. package/dist/esm/hooks/useOtpCredential/useOtpCredential.mjs.map +1 -1
  63. package/dist/esm/hooks/useParallax/useParallax.mjs.map +1 -1
  64. package/dist/esm/hooks/usePostMessage/usePostMessage.mjs.map +1 -1
  65. package/dist/esm/hooks/useProgress/useProgress.mjs +13 -13
  66. package/dist/esm/hooks/useProgress/useProgress.mjs.map +1 -1
  67. package/dist/esm/hooks/useScroll/useScroll.mjs +62 -44
  68. package/dist/esm/hooks/useScroll/useScroll.mjs.map +1 -1
  69. package/dist/esm/hooks/useSticky/useSticky.mjs.map +1 -1
  70. package/dist/esm/hooks/useStorage/useStorage.mjs.map +1 -1
  71. package/dist/esm/hooks/useTextDirection/useTextDirection.mjs.map +1 -1
  72. package/dist/esm/hooks/useTextareaAutosize/useTextareaAutosize.mjs.map +1 -1
  73. package/dist/esm/hooks/useUrlSearchParam/useUrlSearchParam.mjs.map +1 -1
  74. package/dist/esm/hooks/useUrlSearchParams/useUrlSearchParams.mjs.map +1 -1
  75. package/dist/esm/hooks/useVirtualKeyboard/useVirtualKeyboard.mjs.map +1 -1
  76. package/dist/esm/hooks/useVisibility/useVisibility.mjs.map +1 -1
  77. package/dist/esm/hooks/useWakeLock/useWakeLock.mjs.map +1 -1
  78. package/dist/esm/hooks/useWebSocket/useWebSocket.mjs.map +1 -1
  79. package/dist/esm/index.mjs +389 -384
  80. package/dist/esm/index.mjs.map +1 -1
  81. package/dist/esm/utils/helpers/isTarget.mjs.map +1 -1
  82. package/dist/types/helpers/createContextHook/createContextHook.d.ts +26 -0
  83. package/dist/types/helpers/createSharedHook/createSharedHook.d.ts +21 -0
  84. package/dist/types/helpers/index.d.ts +2 -0
  85. package/dist/types/hooks/useField/useField.d.ts +7 -9
  86. package/dist/types/hooks/useMouse/useMouse.d.ts +17 -7
  87. package/dist/types/hooks/useProgress/useProgress.d.ts +4 -2
  88. package/dist/types/hooks/useScroll/useScroll.d.ts +13 -11
  89. package/dist/types/hooks/useUrlSearchParams/useUrlSearchParams.d.ts +0 -1
  90. package/package.json +5 -4
@@ -1 +1 @@
1
- {"version":3,"file":"useUrlSearchParams.cjs","sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n createQueryString,\n dispatchUrlSearchParamsEvent,\n getUrlSearchParams,\n URL_SEARCH_PARAMS_EVENT\n} from '../useUrlSearchParam/useUrlSearchParam';\n\n/** The url params type */\nexport type UrlParams = Record<string, any>;\n\n/** The url search params mod */\nexport type UrlSearchParamsMode = 'hash-params' | 'hash' | 'history';\n\n/** The use url search params set options type */\nexport interface UseUrlSearchParamsSetOptions {\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n}\n\n/* The use search params initial value type */\nexport type UseUrlSearchParamsInitialValue<Value> = (() => Value) | Value;\n\n/** The use url search params options type */\nexport interface UseUrlSearchParamsOptions<Value> {\n /* The initial value of the url search params */\n initialValue?: UseUrlSearchParamsInitialValue<string | URLSearchParams | Value>;\n /** The mode to use for writing to the URL */\n mode?: UrlSearchParamsMode;\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\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\n/** The use url search params return type */\nexport interface UseUrlSearchParamsReturn<Value> {\n /** The value of the url search params */\n value: Value;\n /** The set function */\n set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;\n}\n\nexport interface UseUrlSearchParams {\n <Value>(\n key: string,\n options: UseUrlSearchParamsOptions<Value> & {\n initialValue: UseUrlSearchParamsInitialValue<Value>;\n }\n ): UseUrlSearchParamsReturn<Value>;\n\n <Value>(options?: UseUrlSearchParamsOptions<Value>): UseUrlSearchParamsReturn<Value | undefined>;\n\n <Value>(initialValue: UseUrlSearchParamsInitialValue<Value>): UseUrlSearchParamsReturn<Value>;\n\n <Value>(key: string): UseUrlSearchParamsReturn<Value | undefined>;\n}\n\n/**\n * @name useUrlSearchParams\n * @description - Hook that provides reactive URLSearchParams\n * @category State\n * @usage high\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsOptions<Value> & { initialValue: UseUrlSearchParamsInitialValue<Value> }} options The options object with required initialValue\n * @param {UseUrlSearchParamsInitialValue<Value>} [options.initialValue] The initial value for the url params\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\n * @param {(value: Value[keyof Value]) => string} [options.serializer] Custom serializer function to convert value to string\n * @param {(value: string) => Value[keyof Value]} [options.deserializer] Custom deserializer function to convert string to value\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ initialValue: { page: 1 } });\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsInitialValue<Value>} [initialValue] The initial value for the url params\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ page: 1 });\n */\nexport const useUrlSearchParams = (<Value extends UrlParams>(\n params: any\n): UseUrlSearchParamsReturn<Value> => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'mode' in params ||\n 'write' in params)\n ? params\n : undefined\n ) as UseUrlSearchParamsOptions<Value> | undefined;\n const initialValue = (\n options ? options?.initialValue : params\n ) as UseUrlSearchParamsInitialValue<Value>;\n\n const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\n\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 setUrlSearchParams = <Value extends UrlParams>(\n mode: UrlSearchParamsMode,\n value: Partial<Value>,\n write: 'push' | 'replace' = 'replace'\n ) => {\n const urlSearchParams = getUrlSearchParams(mode);\n\n Object.entries(value).forEach(([key, param]) => {\n if (param === undefined) {\n urlSearchParams.delete(key);\n } else {\n const serializedValue = serializer ? serializer(param) : String(param);\n urlSearchParams.set(key, serializedValue);\n }\n });\n\n const query = createQueryString(urlSearchParams, mode);\n if (write === 'replace') window.history.replaceState({}, '', query);\n if (write === 'push') window.history.pushState({}, '', query);\n dispatchUrlSearchParamsEvent();\n\n return urlSearchParams;\n };\n\n const getParsedUrlSearchParams = (searchParams: string | UrlParams | URLSearchParams) => {\n if (typeof searchParams === 'string') {\n return getParsedUrlSearchParams(new URLSearchParams(searchParams));\n }\n\n if (searchParams instanceof URLSearchParams) {\n return Array.from(searchParams.entries()).reduce(\n (acc, [key, value]) => {\n acc[key] = deserializer(value);\n return acc;\n },\n {} as Record<string, any>\n );\n }\n\n return searchParams;\n };\n\n const [value, setValue] = useState<Value>(() => {\n if (typeof window === 'undefined') return (initialValue ?? {}) as Value;\n\n const urlSearchParams = getUrlSearchParams(mode);\n const value = {\n ...(initialValue && getParsedUrlSearchParams(initialValue)),\n ...getParsedUrlSearchParams(urlSearchParams)\n } as Value;\n\n setUrlSearchParams(mode, value, writeMode);\n\n return value;\n });\n\n const set = (params: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => {\n const searchParams = setUrlSearchParams(\n mode,\n { ...value, ...params },\n options?.write ?? writeMode\n );\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n };\n\n useEffect(() => {\n const onParamsChange = () => {\n const searchParams = getUrlSearchParams(mode);\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n };\n\n window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.addEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.addEventListener('hashchange', onParamsChange);\n\n return () => {\n window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.removeEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.removeEventListener('hashchange', onParamsChange);\n };\n }, [mode]);\n\n return {\n value,\n set\n };\n}) as UseUrlSearchParams;\n\nexport { createQueryString, dispatchUrlSearchParamsEvent, getUrlSearchParams };\n"],"names":["useUrlSearchParams","params","options","initialValue","mode","writeMode","serializer","value","deserializer","setUrlSearchParams","write","urlSearchParams","getUrlSearchParams","key","param","serializedValue","query","createQueryString","dispatchUrlSearchParamsEvent","getParsedUrlSearchParams","searchParams","acc","setValue","useState","set","useEffect","onParamsChange","URL_SEARCH_PARAMS_EVENT"],"mappings":"iKAwFaA,GACXC,GACoC,CACpC,MAAMC,EACJ,OAAOD,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,SAAUA,GACV,UAAWA,GACTA,EACA,OAEAE,EACJD,EAAUA,GAAS,aAAeD,EAG9B,CAAE,KAAAG,EAAO,UAAW,MAAOC,EAAY,SAAA,EAAcH,GAAW,CAAA,EAEhEI,EAAcC,GACdL,GAAS,WAAmBA,EAAQ,WAAWK,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBC,EAAgBD,GAAkB,CACtC,GAAIL,GAAS,aAAc,OAAOA,EAAQ,aAAaK,CAAK,EAC5D,GAAIA,IAAU,YAEd,GAAI,CACF,OAAO,KAAK,MAAMA,CAAK,CAAA,MACjB,CACN,OAAOA,CAAA,CACT,EAGIE,EAAqB,CACzBL,EACAG,EACAG,EAA4B,YACzB,CACH,MAAMC,EAAkBC,EAAAA,mBAAmBR,CAAI,EAE/C,OAAO,QAAQG,CAAK,EAAE,QAAQ,CAAC,CAACM,EAAKC,CAAK,IAAM,CAC9C,GAAIA,IAAU,OACZH,EAAgB,OAAOE,CAAG,MACrB,CACL,MAAME,EAAkBT,EAAaA,EAAWQ,CAAK,EAAI,OAAOA,CAAK,EACrEH,EAAgB,IAAIE,EAAKE,CAAe,CAAA,CAC1C,CACD,EAED,MAAMC,EAAQC,EAAAA,kBAAkBN,EAAiBP,CAAI,EACrD,OAAIM,IAAU,WAAW,OAAO,QAAQ,aAAa,CAAA,EAAI,GAAIM,CAAK,EAC9DN,IAAU,QAAQ,OAAO,QAAQ,UAAU,CAAA,EAAI,GAAIM,CAAK,EAC5DE,+BAAA,EAEOP,CAAA,EAGHQ,EAA4BC,GAC5B,OAAOA,GAAiB,SACnBD,EAAyB,IAAI,gBAAgBC,CAAY,CAAC,EAG/DA,aAAwB,gBACnB,MAAM,KAAKA,EAAa,QAAA,CAAS,EAAE,OACxC,CAACC,EAAK,CAACR,EAAKN,CAAK,KACfc,EAAIR,CAAG,EAAIL,EAAaD,CAAK,EACtBc,GAET,CAAA,CAAC,EAIED,EAGH,CAACb,EAAOe,CAAQ,EAAIC,EAAAA,SAAgB,IAAM,CAC9C,GAAI,OAAO,OAAW,IAAa,OAAQpB,GAAgB,CAAA,EAE3D,MAAMQ,EAAkBC,EAAAA,mBAAmBR,CAAI,EACzCG,EAAQ,CACZ,GAAIJ,GAAgBgB,EAAyBhB,CAAY,EACzD,GAAGgB,EAAyBR,CAAe,CAAA,EAG7C,OAAAF,EAAmBL,EAAMG,EAAOF,CAAS,EAElCE,CAAA,CACR,EAEKiB,EAAM,CAACvB,EAAwBC,IAA2C,CAC9E,MAAMkB,EAAeX,EACnBL,EACA,CAAE,GAAGG,EAAO,GAAGN,CAAAA,EACfC,GAAS,OAASG,CAAA,EAEpBiB,EAASH,EAAyBC,CAAY,CAAU,CAAA,EAG1DK,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAiB,IAAM,CAC3B,MAAMN,EAAeR,EAAAA,mBAAmBR,CAAI,EAC5CkB,EAASH,EAAyBC,CAAY,CAAU,CAAA,EAG1D,cAAO,iBAAiBO,EAAAA,wBAAyBD,CAAc,EAC/D,OAAO,iBAAiB,WAAYA,CAAc,EAC9CtB,IAAS,WAAW,OAAO,iBAAiB,aAAcsB,CAAc,EAErE,IAAM,CACX,OAAO,oBAAoBC,EAAAA,wBAAyBD,CAAc,EAClE,OAAO,oBAAoB,WAAYA,CAAc,EACjDtB,IAAS,WAAW,OAAO,oBAAoB,aAAcsB,CAAc,CAAA,CACjF,EACC,CAACtB,CAAI,CAAC,EAEF,CACL,MAAAG,EACA,IAAAiB,CAAA,CAEJ"}
1
+ {"version":3,"file":"useUrlSearchParams.cjs","sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n createQueryString,\n dispatchUrlSearchParamsEvent,\n getUrlSearchParams,\n URL_SEARCH_PARAMS_EVENT\n} from '../useUrlSearchParam/useUrlSearchParam';\n\n/** The url params type */\nexport type UrlParams = Record<string, any>;\n\n/** The url search params mod */\nexport type UrlSearchParamsMode = 'hash-params' | 'hash' | 'history';\n\n/** The use url search params set options type */\nexport interface UseUrlSearchParamsSetOptions {\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n}\n\n/* The use search params initial value type */\nexport type UseUrlSearchParamsInitialValue<Value> = (() => Value) | Value;\n\n/** The use url search params options type */\nexport interface UseUrlSearchParamsOptions<Value> {\n /** The mode to use for writing to the URL */\n mode?: UrlSearchParamsMode;\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\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\n/** The use url search params return type */\nexport interface UseUrlSearchParamsReturn<Value> {\n /** The value of the url search params */\n value: Value;\n /** The set function */\n set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;\n}\n\nexport interface UseUrlSearchParams {\n <Value>(\n key: string,\n options: UseUrlSearchParamsOptions<Value> & {\n initialValue: UseUrlSearchParamsInitialValue<Value>;\n }\n ): UseUrlSearchParamsReturn<Value>;\n\n <Value>(options?: UseUrlSearchParamsOptions<Value>): UseUrlSearchParamsReturn<Value | undefined>;\n\n <Value>(initialValue: UseUrlSearchParamsInitialValue<Value>): UseUrlSearchParamsReturn<Value>;\n\n <Value>(key: string): UseUrlSearchParamsReturn<Value | undefined>;\n}\n\n/**\n * @name useUrlSearchParams\n * @description - Hook that provides reactive URLSearchParams\n * @category State\n * @usage high\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsOptions<Value> & { initialValue: UseUrlSearchParamsInitialValue<Value> }} options The options object with required initialValue\n * @param {UseUrlSearchParamsInitialValue<Value>} [options.initialValue] The initial value for the url params\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\n * @param {(value: Value[keyof Value]) => string} [options.serializer] Custom serializer function to convert value to string\n * @param {(value: string) => Value[keyof Value]} [options.deserializer] Custom deserializer function to convert string to value\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ initialValue: { page: 1 } });\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsInitialValue<Value>} [initialValue] The initial value for the url params\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ page: 1 });\n */\nexport const useUrlSearchParams = (<Value extends UrlParams>(\n params: any\n): UseUrlSearchParamsReturn<Value> => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'mode' in params ||\n 'write' in params)\n ? params\n : undefined\n ) as\n | (UseUrlSearchParamsOptions<Value> & {\n initialValue?: UseUrlSearchParamsInitialValue<Value>;\n })\n | undefined;\n const initialValue = (\n options ? options?.initialValue : params\n ) as UseUrlSearchParamsInitialValue<Value>;\n\n const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\n\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 setUrlSearchParams = <Value extends UrlParams>(\n mode: UrlSearchParamsMode,\n value: Partial<Value>,\n write: 'push' | 'replace' = 'replace'\n ) => {\n const urlSearchParams = getUrlSearchParams(mode);\n\n Object.entries(value).forEach(([key, param]) => {\n if (param === undefined) {\n urlSearchParams.delete(key);\n } else {\n const serializedValue = serializer ? serializer(param) : String(param);\n urlSearchParams.set(key, serializedValue);\n }\n });\n\n const query = createQueryString(urlSearchParams, mode);\n if (write === 'replace') window.history.replaceState({}, '', query);\n if (write === 'push') window.history.pushState({}, '', query);\n dispatchUrlSearchParamsEvent();\n\n return urlSearchParams;\n };\n\n const getParsedUrlSearchParams = (searchParams: string | UrlParams | URLSearchParams) => {\n if (typeof searchParams === 'string') {\n return getParsedUrlSearchParams(new URLSearchParams(searchParams));\n }\n\n if (searchParams instanceof URLSearchParams) {\n return Array.from(searchParams.entries()).reduce(\n (acc, [key, value]) => {\n acc[key] = deserializer(value);\n return acc;\n },\n {} as Record<string, any>\n );\n }\n\n return searchParams;\n };\n\n const [value, setValue] = useState<Value>(() => {\n if (typeof window === 'undefined') return (initialValue ?? {}) as Value;\n\n const urlSearchParams = getUrlSearchParams(mode);\n const value = {\n ...(initialValue && getParsedUrlSearchParams(initialValue)),\n ...getParsedUrlSearchParams(urlSearchParams)\n } as Value;\n\n setUrlSearchParams(mode, value, writeMode);\n\n return value;\n });\n\n const set = (params: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => {\n const searchParams = setUrlSearchParams(\n mode,\n { ...value, ...params },\n options?.write ?? writeMode\n );\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n };\n\n useEffect(() => {\n const onParamsChange = () => {\n const searchParams = getUrlSearchParams(mode);\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n };\n\n window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.addEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.addEventListener('hashchange', onParamsChange);\n\n return () => {\n window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.removeEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.removeEventListener('hashchange', onParamsChange);\n };\n }, [mode]);\n\n return {\n value,\n set\n };\n}) as UseUrlSearchParams;\n\nexport { createQueryString, dispatchUrlSearchParamsEvent, getUrlSearchParams };\n"],"names":["useUrlSearchParams","params","options","initialValue","mode","writeMode","serializer","value","deserializer","setUrlSearchParams","write","urlSearchParams","getUrlSearchParams","key","param","serializedValue","query","createQueryString","dispatchUrlSearchParamsEvent","getParsedUrlSearchParams","searchParams","acc","setValue","useState","set","useEffect","onParamsChange","URL_SEARCH_PARAMS_EVENT"],"mappings":"iKAsFaA,GACXC,GACoC,CACpC,MAAMC,EACJ,OAAOD,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,SAAUA,GACV,UAAWA,GACTA,EACA,OAMAE,EACJD,EAAUA,GAAS,aAAeD,EAG9B,CAAE,KAAAG,EAAO,UAAW,MAAOC,EAAY,SAAA,EAAcH,GAAW,CAAA,EAEhEI,EAAcC,GACdL,GAAS,WAAmBA,EAAQ,WAAWK,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBC,EAAgBD,GAAkB,CACtC,GAAIL,GAAS,aAAc,OAAOA,EAAQ,aAAaK,CAAK,EAC5D,GAAIA,IAAU,YAEd,GAAI,CACF,OAAO,KAAK,MAAMA,CAAK,CAAA,MACjB,CACN,OAAOA,CAAA,CACT,EAGIE,EAAqB,CACzBL,EACAG,EACAG,EAA4B,YACzB,CACH,MAAMC,EAAkBC,EAAAA,mBAAmBR,CAAI,EAE/C,OAAO,QAAQG,CAAK,EAAE,QAAQ,CAAC,CAACM,EAAKC,CAAK,IAAM,CAC9C,GAAIA,IAAU,OACZH,EAAgB,OAAOE,CAAG,MACrB,CACL,MAAME,EAAkBT,EAAaA,EAAWQ,CAAK,EAAI,OAAOA,CAAK,EACrEH,EAAgB,IAAIE,EAAKE,CAAe,CAAA,CAC1C,CACD,EAED,MAAMC,EAAQC,EAAAA,kBAAkBN,EAAiBP,CAAI,EACrD,OAAIM,IAAU,WAAW,OAAO,QAAQ,aAAa,CAAA,EAAI,GAAIM,CAAK,EAC9DN,IAAU,QAAQ,OAAO,QAAQ,UAAU,CAAA,EAAI,GAAIM,CAAK,EAC5DE,+BAAA,EAEOP,CAAA,EAGHQ,EAA4BC,GAC5B,OAAOA,GAAiB,SACnBD,EAAyB,IAAI,gBAAgBC,CAAY,CAAC,EAG/DA,aAAwB,gBACnB,MAAM,KAAKA,EAAa,QAAA,CAAS,EAAE,OACxC,CAACC,EAAK,CAACR,EAAKN,CAAK,KACfc,EAAIR,CAAG,EAAIL,EAAaD,CAAK,EACtBc,GAET,CAAA,CAAC,EAIED,EAGH,CAACb,EAAOe,CAAQ,EAAIC,EAAAA,SAAgB,IAAM,CAC9C,GAAI,OAAO,OAAW,IAAa,OAAQpB,GAAgB,CAAA,EAE3D,MAAMQ,EAAkBC,EAAAA,mBAAmBR,CAAI,EACzCG,EAAQ,CACZ,GAAIJ,GAAgBgB,EAAyBhB,CAAY,EACzD,GAAGgB,EAAyBR,CAAe,CAAA,EAG7C,OAAAF,EAAmBL,EAAMG,EAAOF,CAAS,EAElCE,CAAA,CACR,EAEKiB,EAAM,CAACvB,EAAwBC,IAA2C,CAC9E,MAAMkB,EAAeX,EACnBL,EACA,CAAE,GAAGG,EAAO,GAAGN,CAAAA,EACfC,GAAS,OAASG,CAAA,EAEpBiB,EAASH,EAAyBC,CAAY,CAAU,CAAA,EAG1DK,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAiB,IAAM,CAC3B,MAAMN,EAAeR,EAAAA,mBAAmBR,CAAI,EAC5CkB,EAASH,EAAyBC,CAAY,CAAU,CAAA,EAG1D,cAAO,iBAAiBO,EAAAA,wBAAyBD,CAAc,EAC/D,OAAO,iBAAiB,WAAYA,CAAc,EAC9CtB,IAAS,WAAW,OAAO,iBAAiB,aAAcsB,CAAc,EAErE,IAAM,CACX,OAAO,oBAAoBC,EAAAA,wBAAyBD,CAAc,EAClE,OAAO,oBAAoB,WAAYA,CAAc,EACjDtB,IAAS,WAAW,OAAO,oBAAoB,aAAcsB,CAAc,CAAA,CACjF,EACC,CAACtB,CAAI,CAAC,EAEF,CACL,MAAAG,EACA,IAAAiB,CAAA,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"useVirtualKeyboard.cjs","sources":["../../../../src/hooks/useVirtualKeyboard/useVirtualKeyboard.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ndeclare global {\n interface Navigator {\n virtualKeyboard?: {\n boundingRect: DOMRect;\n overlaysContent: boolean;\n show: () => void;\n hide: () => void;\n addEventListener: (type: 'geometrychange', listener: EventListener) => void;\n removeEventListener: (type: 'geometrychange', listener: EventListener) => void;\n };\n }\n}\n\n/** The use virtual keyboard return type */\nexport interface UseVirtualKeyboardReturn {\n /** Whether the virtual keyboard is currently open */\n opened: boolean;\n /** Whether the VirtualKeyboard API is supported */\n supported: boolean;\n /** Change the overlays content */\n changeOverlaysContent: (overlaysContent: boolean) => void;\n /** Hide the virtual keyboard */\n hide: () => void;\n /** Show the virtual keyboard */\n show: () => void;\n}\n\n/**\n * @name useVirtualKeyboard\n * @description - Hook that manages virtual keyboard state\n * @category Browser\n * @usage low\n *\n * @browserapi VirtualKeyboard https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard\n *\n * @warning - This hook has a fallback for virtual keyboard detection. If the virtual keyboard is not supported, the methods will not work.\n *\n * @param {boolean} [initialValue=false] The initial state value for keyboard visibility\n * @returns {UseVirtualKeyboardReturn} An object containing keyboard state and control methods\n *\n * @example\n * const { opened, show, hide, supported, changeOverlaysContent } = useVirtualKeyboard();\n */\nexport const useVirtualKeyboard = (initialValue = false): UseVirtualKeyboardReturn => {\n const supported =\n (typeof window !== 'undefined' && 'visualViewport' in window) ||\n (typeof navigator !== 'undefined' && 'virtualKeyboard' in navigator);\n\n const [opened, setOpened] = useState(initialValue);\n\n const hide = () => {\n if (!navigator.virtualKeyboard) return;\n navigator.virtualKeyboard.hide();\n setOpened(false);\n };\n\n const show = () => {\n if (!navigator.virtualKeyboard) return;\n navigator.virtualKeyboard.show();\n setOpened(true);\n };\n\n const changeOverlaysContent = (overlaysContent: boolean) => {\n if (!navigator.virtualKeyboard) return;\n navigator.virtualKeyboard.overlaysContent = overlaysContent;\n };\n\n useEffect(() => {\n if (!supported) return;\n\n const onResize = () => setOpened(window.screen.height - 300 > window.visualViewport!.height);\n\n const onGeometryChange = (event: Event) => {\n const { height } = (event.target as any).boundingRect as DOMRect;\n setOpened(height > 0);\n };\n\n if (navigator.virtualKeyboard) navigator.virtualKeyboard.overlaysContent = true;\n\n navigator.virtualKeyboard &&\n navigator.virtualKeyboard.addEventListener('geometrychange', onGeometryChange);\n window.visualViewport && window.visualViewport.addEventListener('resize', onResize);\n\n return () => {\n navigator.virtualKeyboard &&\n navigator.virtualKeyboard.removeEventListener('geometrychange', onGeometryChange);\n window.visualViewport && window.visualViewport.removeEventListener('resize', onResize);\n };\n }, []);\n\n return {\n opened,\n show,\n hide,\n changeOverlaysContent,\n supported\n };\n};\n"],"names":["useVirtualKeyboard","initialValue","supported","opened","setOpened","useState","hide","show","changeOverlaysContent","overlaysContent","useEffect","onResize","onGeometryChange","event","height"],"mappings":"yGA6CaA,EAAqB,CAACC,EAAe,KAAoC,CACpF,MAAMC,EACH,OAAO,OAAW,KAAe,mBAAoB,QACrD,OAAO,UAAc,KAAe,oBAAqB,UAEtD,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,CAAY,EAE3CK,EAAO,IAAM,CACZ,UAAU,kBACf,UAAU,gBAAgB,KAAA,EAC1BF,EAAU,EAAK,EAAA,EAGXG,EAAO,IAAM,CACZ,UAAU,kBACf,UAAU,gBAAgB,KAAA,EAC1BH,EAAU,EAAI,EAAA,EAGVI,EAAyBC,GAA6B,CACrD,UAAU,kBACf,UAAU,gBAAgB,gBAAkBA,EAAA,EAG9CC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACR,EAAW,OAEhB,MAAMS,EAAW,IAAMP,EAAU,OAAO,OAAO,OAAS,IAAM,OAAO,eAAgB,MAAM,EAErFQ,EAAoBC,GAAiB,CACzC,KAAM,CAAE,OAAAC,CAAA,EAAYD,EAAM,OAAe,aACzCT,EAAUU,EAAS,CAAC,CAAA,EAGtB,OAAI,UAAU,kBAAiB,UAAU,gBAAgB,gBAAkB,IAE3E,UAAU,iBACR,UAAU,gBAAgB,iBAAiB,iBAAkBF,CAAgB,EAC/E,OAAO,gBAAkB,OAAO,eAAe,iBAAiB,SAAUD,CAAQ,EAE3E,IAAM,CACX,UAAU,iBACR,UAAU,gBAAgB,oBAAoB,iBAAkBC,CAAgB,EAClF,OAAO,gBAAkB,OAAO,eAAe,oBAAoB,SAAUD,CAAQ,CAAA,CACvF,EACC,EAAE,EAEE,CACL,OAAAR,EACA,KAAAI,EACA,KAAAD,EACA,sBAAAE,EACA,UAAAN,CAAA,CAEJ"}
1
+ {"version":3,"file":"useVirtualKeyboard.cjs","sources":["../../../../src/hooks/useVirtualKeyboard/useVirtualKeyboard.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\ndeclare global {\r\n interface Navigator {\r\n virtualKeyboard?: {\r\n boundingRect: DOMRect;\r\n overlaysContent: boolean;\r\n show: () => void;\r\n hide: () => void;\r\n addEventListener: (type: 'geometrychange', listener: EventListener) => void;\r\n removeEventListener: (type: 'geometrychange', listener: EventListener) => void;\r\n };\r\n }\r\n}\r\n\r\n/** The use virtual keyboard return type */\r\nexport interface UseVirtualKeyboardReturn {\r\n /** Whether the virtual keyboard is currently open */\r\n opened: boolean;\r\n /** Whether the VirtualKeyboard API is supported */\r\n supported: boolean;\r\n /** Change the overlays content */\r\n changeOverlaysContent: (overlaysContent: boolean) => void;\r\n /** Hide the virtual keyboard */\r\n hide: () => void;\r\n /** Show the virtual keyboard */\r\n show: () => void;\r\n}\r\n\r\n/**\r\n * @name useVirtualKeyboard\r\n * @description - Hook that manages virtual keyboard state\r\n * @category Browser\r\n * @usage low\r\n *\r\n * @browserapi VirtualKeyboard https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard\r\n *\r\n * @warning - This hook has a fallback for virtual keyboard detection. If the virtual keyboard is not supported, the methods will not work.\r\n *\r\n * @param {boolean} [initialValue=false] The initial state value for keyboard visibility\r\n * @returns {UseVirtualKeyboardReturn} An object containing keyboard state and control methods\r\n *\r\n * @example\r\n * const { opened, show, hide, supported, changeOverlaysContent } = useVirtualKeyboard();\r\n */\r\nexport const useVirtualKeyboard = (initialValue = false): UseVirtualKeyboardReturn => {\r\n const supported =\r\n (typeof window !== 'undefined' && 'visualViewport' in window) ||\r\n (typeof navigator !== 'undefined' && 'virtualKeyboard' in navigator);\r\n\r\n const [opened, setOpened] = useState(initialValue);\r\n\r\n const hide = () => {\r\n if (!navigator.virtualKeyboard) return;\r\n navigator.virtualKeyboard.hide();\r\n setOpened(false);\r\n };\r\n\r\n const show = () => {\r\n if (!navigator.virtualKeyboard) return;\r\n navigator.virtualKeyboard.show();\r\n setOpened(true);\r\n };\r\n\r\n const changeOverlaysContent = (overlaysContent: boolean) => {\r\n if (!navigator.virtualKeyboard) return;\r\n navigator.virtualKeyboard.overlaysContent = overlaysContent;\r\n };\r\n\r\n useEffect(() => {\r\n if (!supported) return;\r\n\r\n const onResize = () => setOpened(window.screen.height - 300 > window.visualViewport!.height);\r\n\r\n const onGeometryChange = (event: Event) => {\r\n const { height } = (event.target as any).boundingRect as DOMRect;\r\n setOpened(height > 0);\r\n };\r\n\r\n if (navigator.virtualKeyboard) navigator.virtualKeyboard.overlaysContent = true;\r\n\r\n navigator.virtualKeyboard &&\r\n navigator.virtualKeyboard.addEventListener('geometrychange', onGeometryChange);\r\n window.visualViewport && window.visualViewport.addEventListener('resize', onResize);\r\n\r\n return () => {\r\n navigator.virtualKeyboard &&\r\n navigator.virtualKeyboard.removeEventListener('geometrychange', onGeometryChange);\r\n window.visualViewport && window.visualViewport.removeEventListener('resize', onResize);\r\n };\r\n }, []);\r\n\r\n return {\r\n opened,\r\n show,\r\n hide,\r\n changeOverlaysContent,\r\n supported\r\n };\r\n};\r\n"],"names":["useVirtualKeyboard","initialValue","supported","opened","setOpened","useState","hide","show","changeOverlaysContent","overlaysContent","useEffect","onResize","onGeometryChange","event","height"],"mappings":"yGA6CaA,EAAqB,CAACC,EAAe,KAAoC,CACpF,MAAMC,EACH,OAAO,OAAW,KAAe,mBAAoB,QACrD,OAAO,UAAc,KAAe,oBAAqB,UAEtD,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,CAAY,EAE3CK,EAAO,IAAM,CACZ,UAAU,kBACf,UAAU,gBAAgB,KAAA,EAC1BF,EAAU,EAAK,EAAA,EAGXG,EAAO,IAAM,CACZ,UAAU,kBACf,UAAU,gBAAgB,KAAA,EAC1BH,EAAU,EAAI,EAAA,EAGVI,EAAyBC,GAA6B,CACrD,UAAU,kBACf,UAAU,gBAAgB,gBAAkBA,EAAA,EAG9CC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACR,EAAW,OAEhB,MAAMS,EAAW,IAAMP,EAAU,OAAO,OAAO,OAAS,IAAM,OAAO,eAAgB,MAAM,EAErFQ,EAAoBC,GAAiB,CACzC,KAAM,CAAE,OAAAC,CAAA,EAAYD,EAAM,OAAe,aACzCT,EAAUU,EAAS,CAAC,CAAA,EAGtB,OAAI,UAAU,kBAAiB,UAAU,gBAAgB,gBAAkB,IAE3E,UAAU,iBACR,UAAU,gBAAgB,iBAAiB,iBAAkBF,CAAgB,EAC/E,OAAO,gBAAkB,OAAO,eAAe,iBAAiB,SAAUD,CAAQ,EAE3E,IAAM,CACX,UAAU,iBACR,UAAU,gBAAgB,oBAAoB,iBAAkBC,CAAgB,EAClF,OAAO,gBAAkB,OAAO,eAAe,oBAAoB,SAAUD,CAAQ,CAAA,CACvF,EACC,EAAE,EAEE,CACL,OAAAR,EACA,KAAAI,EACA,KAAAD,EACA,sBAAAE,EACA,UAAAN,CAAA,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"useVisibility.cjs","sources":["../../../../src/hooks/useVisibility/useVisibility.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The visibility callback type */\nexport type UseVisibilityCallback = (\n entry: IntersectionObserverEntry,\n observer: IntersectionObserver\n) => void;\n\n/** The visibility options type */\nexport interface UseVisibilityOptions extends Omit<IntersectionObserverInit, 'root'> {\n /** The enabled state of the intersection */\n enabled?: boolean;\n /** The callback to execute when intersection is detected */\n onChange?: UseVisibilityCallback;\n /** The root element to observe */\n root?: HookTarget;\n}\n\n/** The intersection observer return type */\nexport interface UseVisibilityReturn {\n /** The intersection observer entry */\n entry?: IntersectionObserverEntry;\n /** The intersection observer in view */\n inView: boolean;\n /** The intersection observer instance */\n observer?: IntersectionObserver;\n}\n\nexport interface UseVisibility {\n <Target extends Element>(\n options?: UseVisibilityOptions,\n target?: never\n ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n (target: HookTarget, options?: UseVisibilityOptions): UseVisibilityReturn;\n\n <Target extends Element>(\n callback: UseVisibilityCallback,\n target?: never\n ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n (target: HookTarget, callback: UseVisibilityCallback): UseVisibilityReturn;\n}\n\n/**\n * @name useVisibility\n * @description - Hook that gives you visibility observer state\n * @category Sensors\n * @usage medium\n *\n * @browserapi IntersectionObserver https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver\n *\n * @overload\n * @param {HookTarget} target The target element to detect intersection\n * @param {boolean} [options.enabled=true] The Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {HookTarget} [options.root=document] The root element to observe\n * @returns {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { ref, entries, observer } = useVisibility();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {HookTarget} [options.root=document] The root element to observe\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { entries, observer } = useVisibility(ref);\n *\n * @overload\n * @template Target The target element\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entries, observer } = useVisibility(() => console.log('callback'));\n *\n * @overload\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @param {HookTarget} target The target element to detect intersection\n * @returns {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { entries, observer } = useVisibility(ref, () => console.log('callback'));\n */\nexport const useVisibility = ((...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 : { onChange: params[1] }\n : typeof params[0] === 'object'\n ? params[0]\n : { onChange: params[0] }\n ) as UseVisibilityOptions | undefined;\n\n const callback = options?.onChange;\n const enabled = options?.enabled ?? true;\n\n const [observer, setObserver] = useState<IntersectionObserver>();\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\n const inView = entry?.isIntersecting ?? false;\n\n const internalRef = useRefState<Element>();\n const internalCallbackRef = useRef(callback);\n internalCallbackRef.current = callback;\n\n useEffect(() => {\n if (!enabled || (!target && !internalRef.state)) return;\n\n const element = target ? isTarget.getElement(target) : internalRef.current;\n if (!element) return;\n\n const observer = new IntersectionObserver(\n (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n const firstEntry = entries[0];\n if (firstEntry) {\n setEntry(firstEntry);\n internalCallbackRef.current?.(firstEntry, observer);\n }\n },\n {\n ...options,\n root: options?.root ? (isTarget.getElement(options.root) as Document | Element) : document\n }\n );\n\n setObserver(observer);\n observer.observe(element as Element);\n\n return () => {\n observer.disconnect();\n };\n }, [\n target && isTarget.getRawElement(target),\n internalRef.state,\n options?.rootMargin,\n options?.threshold,\n options?.root,\n enabled\n ]);\n\n if (target) return { observer, entry, inView };\n return {\n observer,\n ref: internalRef,\n entry,\n inView\n };\n}) as UseVisibility;\n"],"names":["useVisibility","params","target","isTarget","options","callback","enabled","observer","setObserver","useState","entry","setEntry","inView","internalRef","useRefState","internalCallbackRef","useRef","useEffect","element","entries","firstEntry"],"mappings":"mMAgGaA,GAAiB,IAAIC,IAAkB,CAClD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAE5CG,EACJF,EACI,OAAOD,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,SAAUA,EAAO,CAAC,CAAA,EACtB,OAAOA,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,SAAUA,EAAO,CAAC,CAAA,EAGtBI,EAAWD,GAAS,SACpBE,EAAUF,GAAS,SAAW,GAE9B,CAACG,EAAUC,CAAW,EAAIC,WAAA,EAC1B,CAACC,EAAOC,CAAQ,EAAIF,WAAA,EACpBG,EAASF,GAAO,gBAAkB,GAElCG,EAAcC,EAAAA,YAAA,EACdC,EAAsBC,EAAAA,OAAOX,CAAQ,EAsC3C,OArCAU,EAAoB,QAAUV,EAE9BY,EAAAA,UAAU,IAAM,CACd,GAAI,CAACX,GAAY,CAACJ,GAAU,CAACW,EAAY,MAAQ,OAEjD,MAAMK,EAAUhB,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIW,EAAY,QACnE,GAAI,CAACK,EAAS,OAEd,MAAMX,EAAW,IAAI,qBACnB,CAACY,EAAsCZ,IAAmC,CACxE,MAAMa,EAAaD,EAAQ,CAAC,EACxBC,IACFT,EAASS,CAAU,EACnBL,EAAoB,UAAUK,EAAYb,CAAQ,EACpD,EAEF,CACE,GAAGH,EACH,KAAMA,GAAS,KAAQD,EAAAA,SAAS,WAAWC,EAAQ,IAAI,EAA2B,QAAA,CACpF,EAGF,OAAAI,EAAYD,CAAQ,EACpBA,EAAS,QAAQW,CAAkB,EAE5B,IAAM,CACXX,EAAS,WAAA,CAAW,CACtB,EACC,CACDL,GAAUC,EAAAA,SAAS,cAAcD,CAAM,EACvCW,EAAY,MACZT,GAAS,WACTA,GAAS,UACTA,GAAS,KACTE,CAAA,CACD,EAEGJ,EAAe,CAAE,SAAAK,EAAU,MAAAG,EAAO,OAAAE,CAAA,EAC/B,CACL,SAAAL,EACA,IAAKM,EACL,MAAAH,EACA,OAAAE,CAAA,CAEJ"}
1
+ {"version":3,"file":"useVisibility.cjs","sources":["../../../../src/hooks/useVisibility/useVisibility.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The visibility callback type */\r\nexport type UseVisibilityCallback = (\r\n entry: IntersectionObserverEntry,\r\n observer: IntersectionObserver\r\n) => void;\r\n\r\n/** The visibility options type */\r\nexport interface UseVisibilityOptions extends Omit<IntersectionObserverInit, 'root'> {\r\n /** The enabled state of the intersection */\r\n enabled?: boolean;\r\n /** The callback to execute when intersection is detected */\r\n onChange?: UseVisibilityCallback;\r\n /** The root element to observe */\r\n root?: HookTarget;\r\n}\r\n\r\n/** The intersection observer return type */\r\nexport interface UseVisibilityReturn {\r\n /** The intersection observer entry */\r\n entry?: IntersectionObserverEntry;\r\n /** The intersection observer in view */\r\n inView: boolean;\r\n /** The intersection observer instance */\r\n observer?: IntersectionObserver;\r\n}\r\n\r\nexport interface UseVisibility {\r\n <Target extends Element>(\r\n options?: UseVisibilityOptions,\r\n target?: never\r\n ): UseVisibilityReturn & { ref: StateRef<Target> };\r\n\r\n (target: HookTarget, options?: UseVisibilityOptions): UseVisibilityReturn;\r\n\r\n <Target extends Element>(\r\n callback: UseVisibilityCallback,\r\n target?: never\r\n ): UseVisibilityReturn & { ref: StateRef<Target> };\r\n\r\n (target: HookTarget, callback: UseVisibilityCallback): UseVisibilityReturn;\r\n}\r\n\r\n/**\r\n * @name useVisibility\r\n * @description - Hook that gives you visibility observer state\r\n * @category Sensors\r\n * @usage medium\r\n *\r\n * @browserapi IntersectionObserver https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver\r\n *\r\n * @overload\r\n * @param {HookTarget} target The target element to detect intersection\r\n * @param {boolean} [options.enabled=true] The Intersection options\r\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\r\n * @param {HookTarget} [options.root=document] The root element to observe\r\n * @returns {UseVisibilityReturn} An object containing the state\r\n *\r\n * @example\r\n * const { ref, entries, observer } = useVisibility();\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {boolean} [options.enabled=true] The Intersection options\r\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\r\n * @param {HookTarget} [options.root=document] The root element to observe\r\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\r\n *\r\n * @example\r\n * const { entries, observer } = useVisibility(ref);\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\r\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\r\n *\r\n * @example\r\n * const { ref, entries, observer } = useVisibility(() => console.log('callback'));\r\n *\r\n * @overload\r\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\r\n * @param {HookTarget} target The target element to detect intersection\r\n * @returns {UseVisibilityReturn} An object containing the state\r\n *\r\n * @example\r\n * const { entries, observer } = useVisibility(ref, () => console.log('callback'));\r\n */\r\nexport const useVisibility = ((...params: any[]) => {\r\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n\r\n const options = (\r\n target\r\n ? typeof params[1] === 'object'\r\n ? params[1]\r\n : { onChange: params[1] }\r\n : typeof params[0] === 'object'\r\n ? params[0]\r\n : { onChange: params[0] }\r\n ) as UseVisibilityOptions | undefined;\r\n\r\n const callback = options?.onChange;\r\n const enabled = options?.enabled ?? true;\r\n\r\n const [observer, setObserver] = useState<IntersectionObserver>();\r\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\r\n const inView = entry?.isIntersecting ?? false;\r\n\r\n const internalRef = useRefState<Element>();\r\n const internalCallbackRef = useRef(callback);\r\n internalCallbackRef.current = callback;\r\n\r\n useEffect(() => {\r\n if (!enabled || (!target && !internalRef.state)) return;\r\n\r\n const element = target ? isTarget.getElement(target) : internalRef.current;\r\n if (!element) return;\r\n\r\n const observer = new IntersectionObserver(\r\n (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\r\n const firstEntry = entries[0];\r\n if (firstEntry) {\r\n setEntry(firstEntry);\r\n internalCallbackRef.current?.(firstEntry, observer);\r\n }\r\n },\r\n {\r\n ...options,\r\n root: options?.root ? (isTarget.getElement(options.root) as Document | Element) : document\r\n }\r\n );\r\n\r\n setObserver(observer);\r\n observer.observe(element as Element);\r\n\r\n return () => {\r\n observer.disconnect();\r\n };\r\n }, [\r\n target && isTarget.getRawElement(target),\r\n internalRef.state,\r\n options?.rootMargin,\r\n options?.threshold,\r\n options?.root,\r\n enabled\r\n ]);\r\n\r\n if (target) return { observer, entry, inView };\r\n return {\r\n observer,\r\n ref: internalRef,\r\n entry,\r\n inView\r\n };\r\n}) as UseVisibility;\r\n"],"names":["useVisibility","params","target","isTarget","options","callback","enabled","observer","setObserver","useState","entry","setEntry","inView","internalRef","useRefState","internalCallbackRef","useRef","useEffect","element","entries","firstEntry"],"mappings":"mMAgGaA,GAAiB,IAAIC,IAAkB,CAClD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAE5CG,EACJF,EACI,OAAOD,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,SAAUA,EAAO,CAAC,CAAA,EACtB,OAAOA,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,SAAUA,EAAO,CAAC,CAAA,EAGtBI,EAAWD,GAAS,SACpBE,EAAUF,GAAS,SAAW,GAE9B,CAACG,EAAUC,CAAW,EAAIC,WAAA,EAC1B,CAACC,EAAOC,CAAQ,EAAIF,WAAA,EACpBG,EAASF,GAAO,gBAAkB,GAElCG,EAAcC,EAAAA,YAAA,EACdC,EAAsBC,EAAAA,OAAOX,CAAQ,EAsC3C,OArCAU,EAAoB,QAAUV,EAE9BY,EAAAA,UAAU,IAAM,CACd,GAAI,CAACX,GAAY,CAACJ,GAAU,CAACW,EAAY,MAAQ,OAEjD,MAAMK,EAAUhB,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIW,EAAY,QACnE,GAAI,CAACK,EAAS,OAEd,MAAMX,EAAW,IAAI,qBACnB,CAACY,EAAsCZ,IAAmC,CACxE,MAAMa,EAAaD,EAAQ,CAAC,EACxBC,IACFT,EAASS,CAAU,EACnBL,EAAoB,UAAUK,EAAYb,CAAQ,EACpD,EAEF,CACE,GAAGH,EACH,KAAMA,GAAS,KAAQD,EAAAA,SAAS,WAAWC,EAAQ,IAAI,EAA2B,QAAA,CACpF,EAGF,OAAAI,EAAYD,CAAQ,EACpBA,EAAS,QAAQW,CAAkB,EAE5B,IAAM,CACXX,EAAS,WAAA,CAAW,CACtB,EACC,CACDL,GAAUC,EAAAA,SAAS,cAAcD,CAAM,EACvCW,EAAY,MACZT,GAAS,WACTA,GAAS,UACTA,GAAS,KACTE,CAAA,CACD,EAEGJ,EAAe,CAAE,SAAAK,EAAU,MAAAG,EAAO,OAAAE,CAAA,EAC/B,CACL,SAAAL,EACA,IAAKM,EACL,MAAAH,EACA,OAAAE,CAAA,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"useWakeLock.cjs","sources":["../../../../src/hooks/useWakeLock/useWakeLock.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use wake lock options type */\nexport interface UseWakeLockOptions {\n /** Determines if the wake lock should be automatically reacquired when the document becomes visible. */\n immediately?: boolean;\n /** A string specifying the screen wake lock type. */\n type?: WakeLockType;\n}\n\n/** The use wake lock return type */\nexport interface UseWakeLockReturn {\n /** Indicates if the wake lock is currently active. */\n active: boolean;\n /** Indicates if the Wake Lock API is supported in the current environment. */\n supported: boolean;\n /** Function to release the wake lock. */\n release: () => Promise<void>;\n /** Function to request the wake lock. */\n request: () => Promise<void>;\n}\n\n/**\n * @name useWakeLock\n * @description - Hook that provides a wake lock functionality\n * @category Browser\n * @usage low\n *\n * @browserapi navigator.wakeLock https://developer.mozilla.org/en-US/docs/Web/API/WakeLock\n *\n * @param {immediately} [options] Configuration options for the hook.\n * @returns {UseWakeLockReturn} An object containing the wake lock state and control methods.\n *\n * @example\n * const { supported, active, request, release } = useWakeLock();\n */\nexport const useWakeLock = (options?: UseWakeLockOptions): UseWakeLockReturn => {\n const supported =\n typeof navigator !== 'undefined' && 'wakeLock' in navigator && !!navigator.wakeLock;\n\n const [active, setActive] = useState(false);\n const sentinel = useRef<WakeLockSentinel>(undefined);\n\n const immediately = options?.immediately ?? false;\n const type = options?.type ?? 'screen';\n\n const request = async (type?: WakeLockType) => {\n if (!supported) return;\n\n sentinel.current = await navigator.wakeLock.request(type ?? options?.type);\n sentinel.current.addEventListener('release', () => {\n setActive(false);\n sentinel.current = undefined;\n });\n\n setActive(true);\n };\n\n const release = async () => {\n if (!supported || !sentinel.current) return;\n\n await sentinel.current.release();\n sentinel.current = undefined;\n setActive(false);\n };\n\n useEffect(() => {\n if (!supported || !immediately || document.visibilityState !== 'visible' || type !== 'screen')\n return;\n\n const onVisibilityChange = async () => {\n await release();\n await request(type);\n };\n\n document.addEventListener('visibilitychange', onVisibilityChange);\n return () => {\n document.removeEventListener('visibilitychange', onVisibilityChange);\n };\n }, [type]);\n\n return { supported, active, request, release };\n};\n"],"names":["useWakeLock","options","supported","active","setActive","useState","sentinel","useRef","immediately","type","request","release","useEffect","onVisibilityChange"],"mappings":"yGAoCaA,EAAeC,GAAoD,CAC9E,MAAMC,EACJ,OAAO,UAAc,KAAe,aAAc,WAAa,CAAC,CAAC,UAAU,SAEvE,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAWC,EAAAA,OAAyB,MAAS,EAE7CC,EAAcP,GAAS,aAAe,GACtCQ,EAAOR,GAAS,MAAQ,SAExBS,EAAU,MAAOD,GAAwB,CACxCP,IAELI,EAAS,QAAU,MAAM,UAAU,SAAS,QAAQG,GAAQR,GAAS,IAAI,EACzEK,EAAS,QAAQ,iBAAiB,UAAW,IAAM,CACjDF,EAAU,EAAK,EACfE,EAAS,QAAU,MAAA,CACpB,EAEDF,EAAU,EAAI,EAAA,EAGVO,EAAU,SAAY,CACtB,CAACT,GAAa,CAACI,EAAS,UAE5B,MAAMA,EAAS,QAAQ,QAAA,EACvBA,EAAS,QAAU,OACnBF,EAAU,EAAK,EAAA,EAGjBQ,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACV,GAAa,CAACM,GAAe,SAAS,kBAAoB,WAAaC,IAAS,SACnF,OAEF,MAAMI,EAAqB,SAAY,CACrC,MAAMF,EAAA,EACN,MAAMD,EAAQD,CAAI,CAAA,EAGpB,gBAAS,iBAAiB,mBAAoBI,CAAkB,EACzD,IAAM,CACX,SAAS,oBAAoB,mBAAoBA,CAAkB,CAAA,CACrE,EACC,CAACJ,CAAI,CAAC,EAEF,CAAE,UAAAP,EAAW,OAAAC,EAAQ,QAAAO,EAAS,QAAAC,CAAA,CACvC"}
1
+ {"version":3,"file":"useWakeLock.cjs","sources":["../../../../src/hooks/useWakeLock/useWakeLock.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\n/** The use wake lock options type */\r\nexport interface UseWakeLockOptions {\r\n /** Determines if the wake lock should be automatically reacquired when the document becomes visible. */\r\n immediately?: boolean;\r\n /** A string specifying the screen wake lock type. */\r\n type?: WakeLockType;\r\n}\r\n\r\n/** The use wake lock return type */\r\nexport interface UseWakeLockReturn {\r\n /** Indicates if the wake lock is currently active. */\r\n active: boolean;\r\n /** Indicates if the Wake Lock API is supported in the current environment. */\r\n supported: boolean;\r\n /** Function to release the wake lock. */\r\n release: () => Promise<void>;\r\n /** Function to request the wake lock. */\r\n request: () => Promise<void>;\r\n}\r\n\r\n/**\r\n * @name useWakeLock\r\n * @description - Hook that provides a wake lock functionality\r\n * @category Browser\r\n * @usage low\r\n *\r\n * @browserapi navigator.wakeLock https://developer.mozilla.org/en-US/docs/Web/API/WakeLock\r\n *\r\n * @param {immediately} [options] Configuration options for the hook.\r\n * @returns {UseWakeLockReturn} An object containing the wake lock state and control methods.\r\n *\r\n * @example\r\n * const { supported, active, request, release } = useWakeLock();\r\n */\r\nexport const useWakeLock = (options?: UseWakeLockOptions): UseWakeLockReturn => {\r\n const supported =\r\n typeof navigator !== 'undefined' && 'wakeLock' in navigator && !!navigator.wakeLock;\r\n\r\n const [active, setActive] = useState(false);\r\n const sentinel = useRef<WakeLockSentinel>(undefined);\r\n\r\n const immediately = options?.immediately ?? false;\r\n const type = options?.type ?? 'screen';\r\n\r\n const request = async (type?: WakeLockType) => {\r\n if (!supported) return;\r\n\r\n sentinel.current = await navigator.wakeLock.request(type ?? options?.type);\r\n sentinel.current.addEventListener('release', () => {\r\n setActive(false);\r\n sentinel.current = undefined;\r\n });\r\n\r\n setActive(true);\r\n };\r\n\r\n const release = async () => {\r\n if (!supported || !sentinel.current) return;\r\n\r\n await sentinel.current.release();\r\n sentinel.current = undefined;\r\n setActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (!supported || !immediately || document.visibilityState !== 'visible' || type !== 'screen')\r\n return;\r\n\r\n const onVisibilityChange = async () => {\r\n await release();\r\n await request(type);\r\n };\r\n\r\n document.addEventListener('visibilitychange', onVisibilityChange);\r\n return () => {\r\n document.removeEventListener('visibilitychange', onVisibilityChange);\r\n };\r\n }, [type]);\r\n\r\n return { supported, active, request, release };\r\n};\r\n"],"names":["useWakeLock","options","supported","active","setActive","useState","sentinel","useRef","immediately","type","request","release","useEffect","onVisibilityChange"],"mappings":"yGAoCaA,EAAeC,GAAoD,CAC9E,MAAMC,EACJ,OAAO,UAAc,KAAe,aAAc,WAAa,CAAC,CAAC,UAAU,SAEvE,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAWC,EAAAA,OAAyB,MAAS,EAE7CC,EAAcP,GAAS,aAAe,GACtCQ,EAAOR,GAAS,MAAQ,SAExBS,EAAU,MAAOD,GAAwB,CACxCP,IAELI,EAAS,QAAU,MAAM,UAAU,SAAS,QAAQG,GAAQR,GAAS,IAAI,EACzEK,EAAS,QAAQ,iBAAiB,UAAW,IAAM,CACjDF,EAAU,EAAK,EACfE,EAAS,QAAU,MAAA,CACpB,EAEDF,EAAU,EAAI,EAAA,EAGVO,EAAU,SAAY,CACtB,CAACT,GAAa,CAACI,EAAS,UAE5B,MAAMA,EAAS,QAAQ,QAAA,EACvBA,EAAS,QAAU,OACnBF,EAAU,EAAK,EAAA,EAGjBQ,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACV,GAAa,CAACM,GAAe,SAAS,kBAAoB,WAAaC,IAAS,SACnF,OAEF,MAAMI,EAAqB,SAAY,CACrC,MAAMF,EAAA,EACN,MAAMD,EAAQD,CAAI,CAAA,EAGpB,gBAAS,iBAAiB,mBAAoBI,CAAkB,EACzD,IAAM,CACX,SAAS,oBAAoB,mBAAoBA,CAAkB,CAAA,CACrE,EACC,CAACJ,CAAI,CAAC,EAEF,CAAE,UAAAP,EAAW,OAAAC,EAAQ,QAAAO,EAAS,QAAAC,CAAA,CACvC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useWebSocket.cjs","sources":["../../../../src/hooks/useWebSocket/useWebSocket.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use web socket url type */\nexport type UseWebSocketUrl = (() => string) | string;\n\n/** The use web socket options type */\nexport interface UseWebSocketOptions {\n /** The list of protocols to use */\n protocols?: Array<'soap' | 'wasm'>;\n /** The number of times to retry the connection */\n retry?: boolean | number;\n /** The callback function that is called when the WebSocket connection is established */\n onConnected?: (webSocket: WebSocket) => void;\n /** The callback function that is called when the WebSocket connection is closed */\n onDisconnected?: (event: CloseEvent, webSocket: WebSocket) => void;\n /** The callback function that is called when an error occurs */\n onError?: (event: Event, webSocket: WebSocket) => void;\n /** The callback function that is called when a message is received */\n onMessage?: (event: MessageEvent, webSocket: WebSocket) => void;\n}\n\nexport type UseWebSocketStatus = 'connected' | 'connecting' | 'disconnected' | 'failed';\n\n/** The use web socket return type */\nexport interface UseWebSocketReturn {\n /** The WebSocket client */\n client?: WebSocket;\n /** The close function */\n close: WebSocket['close'];\n /** The send function */\n send: WebSocket['send'];\n /** The status of the WebSocket connection */\n status: UseWebSocketStatus;\n /** The open function */\n open: () => void;\n}\n\n/**\n * @name useWebSocket\n * @description - Hook that connects to a WebSocket server and handles incoming and outgoing messages\n * @category Browser\n * @usage medium\n *\n * @browserapi WebSocket https://developer.mozilla.org/en-US/docs/Web/API/WebSocket\n *\n * @param {UseWebSocketUrl} url The URL of the WebSocket server\n * @param {(webSocket: WebSocket) => void} [options.onConnected] The callback function that is called when the WebSocket connection is established\n * @param {(event: CloseEvent, webSocket: WebSocket) => void} [options.onDisconnected] The callback function that is called when the WebSocket connection is closed\n * @param {(event: Event, webSocket: WebSocket) => void} [options.onError] The callback function that is called when an error occurs\n * @param {(event: MessageEvent, webSocket: WebSocket) => void} [options.onMessage] The callback function that is called when a message is received\n * @param {boolean | number} [options.retry] The number of times to retry the connection\n * @param {Array<'soap' | 'wasm'>} [options.protocols] The list of protocols to use\n * @returns {UseWebSocketReturn} An object with the status, close, send, open, and ws properties\n *\n * @example\n * const { status, close, send, open, client } = useWebSocket('url');\n */\nexport const useWebSocket = (\n url: UseWebSocketUrl,\n options?: UseWebSocketOptions\n): UseWebSocketReturn => {\n const webSocketRef = useRef<WebSocket>(undefined);\n const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n const explicityCloseRef = useRef(false);\n\n const [status, setStatus] = useState<UseWebSocketStatus>('connecting');\n\n const send = (data: string | ArrayBufferLike | ArrayBufferView | Blob) =>\n webSocketRef.current?.send(data);\n\n const close = () => {\n explicityCloseRef.current = true;\n webSocketRef.current?.close();\n };\n\n const init = useEvent(() => {\n webSocketRef.current = new WebSocket(\n typeof url === 'function' ? url() : url,\n options?.protocols\n );\n setStatus('connecting');\n\n const webSocket = webSocketRef.current;\n if (!webSocket) return;\n\n webSocket.onopen = () => {\n setStatus('connected');\n options?.onConnected?.(webSocket);\n };\n\n webSocket.onerror = (event) => {\n setStatus('failed');\n options?.onError?.(event, webSocket);\n };\n\n webSocket.onmessage = (event) => options?.onMessage?.(event, webSocket);\n\n webSocket.onclose = (event) => {\n setStatus('disconnected');\n options?.onDisconnected?.(event, webSocket);\n if (explicityCloseRef.current) return;\n\n if (retryCountRef.current > 0) {\n retryCountRef.current -= 1;\n return init();\n }\n retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n };\n });\n\n useEffect(() => {\n init();\n\n return () => {\n if (!webSocketRef.current) return;\n webSocketRef.current.close();\n webSocketRef.current = undefined;\n };\n }, [url]);\n\n const open = () => {\n explicityCloseRef.current = false;\n init();\n };\n\n return { client: webSocketRef.current, close, open, send, status };\n};\n"],"names":["useWebSocket","url","options","webSocketRef","useRef","retryCountRef","getRetry","explicityCloseRef","status","setStatus","useState","send","data","close","init","useEvent","webSocket","event","useEffect","open"],"mappings":"6LA6DaA,EAAe,CAC1BC,EACAC,IACuB,CACvB,MAAMC,EAAeC,EAAAA,OAAkB,MAAS,EAC1CC,EAAgBD,EAAAA,OAAOF,GAAS,MAAQI,EAAAA,SAASJ,EAAQ,KAAK,EAAI,CAAC,EACnEK,EAAoBH,EAAAA,OAAO,EAAK,EAEhC,CAACI,EAAQC,CAAS,EAAIC,EAAAA,SAA6B,YAAY,EAE/DC,EAAQC,GACZT,EAAa,SAAS,KAAKS,CAAI,EAE3BC,EAAQ,IAAM,CAClBN,EAAkB,QAAU,GAC5BJ,EAAa,SAAS,MAAA,CAAM,EAGxBW,EAAOC,EAAAA,SAAS,IAAM,CAC1BZ,EAAa,QAAU,IAAI,UACzB,OAAOF,GAAQ,WAAaA,EAAA,EAAQA,EACpCC,GAAS,SAAA,EAEXO,EAAU,YAAY,EAEtB,MAAMO,EAAYb,EAAa,QAC1Ba,IAELA,EAAU,OAAS,IAAM,CACvBP,EAAU,WAAW,EACrBP,GAAS,cAAcc,CAAS,CAAA,EAGlCA,EAAU,QAAWC,GAAU,CAC7BR,EAAU,QAAQ,EAClBP,GAAS,UAAUe,EAAOD,CAAS,CAAA,EAGrCA,EAAU,UAAaC,GAAUf,GAAS,YAAYe,EAAOD,CAAS,EAEtEA,EAAU,QAAWC,GAAU,CAG7B,GAFAR,EAAU,cAAc,EACxBP,GAAS,iBAAiBe,EAAOD,CAAS,EACtC,CAAAT,EAAkB,QAEtB,IAAIF,EAAc,QAAU,EAC1B,OAAAA,EAAc,SAAW,EAClBS,EAAA,EAETT,EAAc,QAAUH,GAAS,MAAQI,EAAAA,SAASJ,EAAQ,KAAK,EAAI,EAAA,EACrE,CACD,EAEDgB,EAAAA,UAAU,KACRJ,EAAA,EAEO,IAAM,CACNX,EAAa,UAClBA,EAAa,QAAQ,MAAA,EACrBA,EAAa,QAAU,OAAA,GAExB,CAACF,CAAG,CAAC,EAER,MAAMkB,EAAO,IAAM,CACjBZ,EAAkB,QAAU,GAC5BO,EAAA,CAAK,EAGP,MAAO,CAAE,OAAQX,EAAa,QAAS,MAAAU,EAAO,KAAAM,EAAM,KAAAR,EAAM,OAAAH,CAAA,CAC5D"}
1
+ {"version":3,"file":"useWebSocket.cjs","sources":["../../../../src/hooks/useWebSocket/useWebSocket.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport { getRetry } from '@/utils/helpers';\r\n\r\nimport { useEvent } from '../useEvent/useEvent';\r\n\r\n/** The use web socket url type */\r\nexport type UseWebSocketUrl = (() => string) | string;\r\n\r\n/** The use web socket options type */\r\nexport interface UseWebSocketOptions {\r\n /** The list of protocols to use */\r\n protocols?: Array<'soap' | 'wasm'>;\r\n /** The number of times to retry the connection */\r\n retry?: boolean | number;\r\n /** The callback function that is called when the WebSocket connection is established */\r\n onConnected?: (webSocket: WebSocket) => void;\r\n /** The callback function that is called when the WebSocket connection is closed */\r\n onDisconnected?: (event: CloseEvent, webSocket: WebSocket) => void;\r\n /** The callback function that is called when an error occurs */\r\n onError?: (event: Event, webSocket: WebSocket) => void;\r\n /** The callback function that is called when a message is received */\r\n onMessage?: (event: MessageEvent, webSocket: WebSocket) => void;\r\n}\r\n\r\nexport type UseWebSocketStatus = 'connected' | 'connecting' | 'disconnected' | 'failed';\r\n\r\n/** The use web socket return type */\r\nexport interface UseWebSocketReturn {\r\n /** The WebSocket client */\r\n client?: WebSocket;\r\n /** The close function */\r\n close: WebSocket['close'];\r\n /** The send function */\r\n send: WebSocket['send'];\r\n /** The status of the WebSocket connection */\r\n status: UseWebSocketStatus;\r\n /** The open function */\r\n open: () => void;\r\n}\r\n\r\n/**\r\n * @name useWebSocket\r\n * @description - Hook that connects to a WebSocket server and handles incoming and outgoing messages\r\n * @category Browser\r\n * @usage medium\r\n *\r\n * @browserapi WebSocket https://developer.mozilla.org/en-US/docs/Web/API/WebSocket\r\n *\r\n * @param {UseWebSocketUrl} url The URL of the WebSocket server\r\n * @param {(webSocket: WebSocket) => void} [options.onConnected] The callback function that is called when the WebSocket connection is established\r\n * @param {(event: CloseEvent, webSocket: WebSocket) => void} [options.onDisconnected] The callback function that is called when the WebSocket connection is closed\r\n * @param {(event: Event, webSocket: WebSocket) => void} [options.onError] The callback function that is called when an error occurs\r\n * @param {(event: MessageEvent, webSocket: WebSocket) => void} [options.onMessage] The callback function that is called when a message is received\r\n * @param {boolean | number} [options.retry] The number of times to retry the connection\r\n * @param {Array<'soap' | 'wasm'>} [options.protocols] The list of protocols to use\r\n * @returns {UseWebSocketReturn} An object with the status, close, send, open, and ws properties\r\n *\r\n * @example\r\n * const { status, close, send, open, client } = useWebSocket('url');\r\n */\r\nexport const useWebSocket = (\r\n url: UseWebSocketUrl,\r\n options?: UseWebSocketOptions\r\n): UseWebSocketReturn => {\r\n const webSocketRef = useRef<WebSocket>(undefined);\r\n const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\r\n const explicityCloseRef = useRef(false);\r\n\r\n const [status, setStatus] = useState<UseWebSocketStatus>('connecting');\r\n\r\n const send = (data: string | ArrayBufferLike | ArrayBufferView | Blob) =>\r\n webSocketRef.current?.send(data);\r\n\r\n const close = () => {\r\n explicityCloseRef.current = true;\r\n webSocketRef.current?.close();\r\n };\r\n\r\n const init = useEvent(() => {\r\n webSocketRef.current = new WebSocket(\r\n typeof url === 'function' ? url() : url,\r\n options?.protocols\r\n );\r\n setStatus('connecting');\r\n\r\n const webSocket = webSocketRef.current;\r\n if (!webSocket) return;\r\n\r\n webSocket.onopen = () => {\r\n setStatus('connected');\r\n options?.onConnected?.(webSocket);\r\n };\r\n\r\n webSocket.onerror = (event) => {\r\n setStatus('failed');\r\n options?.onError?.(event, webSocket);\r\n };\r\n\r\n webSocket.onmessage = (event) => options?.onMessage?.(event, webSocket);\r\n\r\n webSocket.onclose = (event) => {\r\n setStatus('disconnected');\r\n options?.onDisconnected?.(event, webSocket);\r\n if (explicityCloseRef.current) return;\r\n\r\n if (retryCountRef.current > 0) {\r\n retryCountRef.current -= 1;\r\n return init();\r\n }\r\n retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\r\n };\r\n });\r\n\r\n useEffect(() => {\r\n init();\r\n\r\n return () => {\r\n if (!webSocketRef.current) return;\r\n webSocketRef.current.close();\r\n webSocketRef.current = undefined;\r\n };\r\n }, [url]);\r\n\r\n const open = () => {\r\n explicityCloseRef.current = false;\r\n init();\r\n };\r\n\r\n return { client: webSocketRef.current, close, open, send, status };\r\n};\r\n"],"names":["useWebSocket","url","options","webSocketRef","useRef","retryCountRef","getRetry","explicityCloseRef","status","setStatus","useState","send","data","close","init","useEvent","webSocket","event","useEffect","open"],"mappings":"6LA6DaA,EAAe,CAC1BC,EACAC,IACuB,CACvB,MAAMC,EAAeC,EAAAA,OAAkB,MAAS,EAC1CC,EAAgBD,EAAAA,OAAOF,GAAS,MAAQI,EAAAA,SAASJ,EAAQ,KAAK,EAAI,CAAC,EACnEK,EAAoBH,EAAAA,OAAO,EAAK,EAEhC,CAACI,EAAQC,CAAS,EAAIC,EAAAA,SAA6B,YAAY,EAE/DC,EAAQC,GACZT,EAAa,SAAS,KAAKS,CAAI,EAE3BC,EAAQ,IAAM,CAClBN,EAAkB,QAAU,GAC5BJ,EAAa,SAAS,MAAA,CAAM,EAGxBW,EAAOC,EAAAA,SAAS,IAAM,CAC1BZ,EAAa,QAAU,IAAI,UACzB,OAAOF,GAAQ,WAAaA,EAAA,EAAQA,EACpCC,GAAS,SAAA,EAEXO,EAAU,YAAY,EAEtB,MAAMO,EAAYb,EAAa,QAC1Ba,IAELA,EAAU,OAAS,IAAM,CACvBP,EAAU,WAAW,EACrBP,GAAS,cAAcc,CAAS,CAAA,EAGlCA,EAAU,QAAWC,GAAU,CAC7BR,EAAU,QAAQ,EAClBP,GAAS,UAAUe,EAAOD,CAAS,CAAA,EAGrCA,EAAU,UAAaC,GAAUf,GAAS,YAAYe,EAAOD,CAAS,EAEtEA,EAAU,QAAWC,GAAU,CAG7B,GAFAR,EAAU,cAAc,EACxBP,GAAS,iBAAiBe,EAAOD,CAAS,EACtC,CAAAT,EAAkB,QAEtB,IAAIF,EAAc,QAAU,EAC1B,OAAAA,EAAc,SAAW,EAClBS,EAAA,EAETT,EAAc,QAAUH,GAAS,MAAQI,EAAAA,SAASJ,EAAQ,KAAK,EAAI,EAAA,EACrE,CACD,EAEDgB,EAAAA,UAAU,KACRJ,EAAA,EAEO,IAAM,CACNX,EAAa,UAClBA,EAAa,QAAQ,MAAA,EACrBA,EAAa,QAAU,OAAA,GAExB,CAACF,CAAG,CAAC,EAER,MAAMkB,EAAO,IAAM,CACjBZ,EAAkB,QAAU,GAC5BO,EAAA,CAAK,EAGP,MAAO,CAAE,OAAQX,EAAa,QAAS,MAAAU,EAAO,KAAAM,EAAM,KAAAR,EAAM,OAAAH,CAAA,CAC5D"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./helpers/createContext/createContext.cjs"),I=require("./helpers/createEventEmitter/createEventEmitter.cjs"),O=require("./helpers/createReactiveContext/createReactiveContext.cjs"),b=require("./helpers/createStore/createStore.cjs"),v=require("./hooks/useAsync/useAsync.cjs"),A=require("./hooks/useLockCallback/useLockCallback.cjs"),D=require("./hooks/useMutation/useMutation.cjs"),L=require("./hooks/useOptimistic/useOptimistic.cjs"),M=require("./hooks/useQuery/useQuery.cjs"),_=require("./hooks/useAudio/useAudio.cjs"),B=require("./hooks/useBattery/useBattery.cjs"),N=require("./hooks/useBluetooth/useBluetooth.cjs"),F=require("./hooks/useBroadcastChannel/useBroadcastChannel.cjs"),K=require("./hooks/useClipboard/useClipboard.cjs"),V=require("./hooks/useCopy/useCopy.cjs"),w=require("./hooks/useCssVar/useCssVar.cjs"),U=require("./hooks/useDisplayMedia/useDisplayMedia.cjs"),H=require("./hooks/useDocumentTitle/useDocumentTitle.cjs"),x=require("./hooks/useEventSource/useEventSource.cjs"),W=require("./hooks/useEyeDropper/useEyeDropper.cjs"),z=require("./hooks/useFavicon/useFavicon.cjs"),Q=require("./hooks/useFps/useFps.cjs"),G=require("./hooks/useFullscreen/useFullscreen.cjs"),n=require("./hooks/useGamepad/useGamepad.cjs"),X=require("./hooks/useGeolocation/useGeolocation.cjs"),c=require("./hooks/useMediaControls/useMediaControls.cjs"),Z=require("./hooks/useMemory/useMemory.cjs"),a=require("./hooks/useNetwork/useNetwork.cjs"),j=require("./hooks/useOnline/useOnline.cjs"),J=require("./hooks/useOtpCredential/useOtpCredential.cjs"),Y=require("./hooks/usePermission/usePermission.cjs"),$=require("./hooks/usePictureInPicture/usePictureInPicture.cjs"),ee=require("./hooks/usePointerLock/usePointerLock.cjs"),se=require("./hooks/usePostMessage/usePostMessage.cjs"),ue=require("./hooks/useRaf/useRaf.cjs"),re=require("./hooks/useShare/useShare.cjs"),l=require("./hooks/useSpeechRecognition/useSpeechRecognition.cjs"),te=require("./hooks/useSpeechSynthesis/useSpeechSynthesis.cjs"),oe=require("./hooks/useVibrate/useVibrate.cjs"),ie=require("./hooks/useVirtualKeyboard/useVirtualKeyboard.cjs"),ne=require("./hooks/useWakeLock/useWakeLock.cjs"),ce=require("./hooks/useWebSocket/useWebSocket.cjs"),ae=require("./hooks/useLogger/useLogger.cjs"),le=require("./hooks/useRenderCount/useRenderCount.cjs"),Se=require("./hooks/useRenderInfo/useRenderInfo.cjs"),qe=require("./hooks/useRerender/useRerender.cjs"),de=require("./hooks/useActiveElement/useActiveElement.cjs"),ge=require("./hooks/useAutoScroll/useAutoScroll.cjs"),Te=require("./hooks/useClickOutside/useClickOutside.cjs"),S=require("./hooks/useDoubleClick/useDoubleClick.cjs"),Ee=require("./hooks/useDropZone/useDropZone.cjs"),Re=require("./hooks/useFileDialog/useFileDialog.cjs"),Ce=require("./hooks/useFocus/useFocus.cjs"),q=require("./hooks/useFocusTrap/useFocusTrap.cjs"),Pe=require("./hooks/useHover/useHover.cjs"),me=require("./hooks/useImage/useImage.cjs"),ye=require("./hooks/useLongPress/useLongPress.cjs"),t=require("./hooks/usePaint/usePaint.cjs"),fe=require("./hooks/useRightClick/useRightClick.cjs"),d=require("./hooks/useScript/useScript.cjs"),pe=require("./hooks/useSticky/useSticky.cjs"),he=require("./hooks/useTextareaAutosize/useTextareaAutosize.cjs"),ke=require("./hooks/useTextDirection/useTextDirection.cjs"),Ie=require("./hooks/useFul/useFul.cjs"),Oe=require("./hooks/useLess/useLess.cjs"),be=require("./hooks/useOnce/useOnce.cjs"),ve=require("./hooks/useAsyncEffect/useAsyncEffect.cjs"),Ae=require("./hooks/useDidUpdate/useDidUpdate.cjs"),De=require("./hooks/useIsFirstRender/useIsFirstRender.cjs"),Le=require("./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),Me=require("./hooks/useMount/useMount.cjs"),g=require("./hooks/useShallowEffect/useShallowEffect.cjs"),_e=require("./hooks/useUnmount/useUnmount.cjs"),e=require("./hooks/useBreakpoints/useBreakpoints.cjs"),Be=require("./hooks/useDeviceMotion/useDeviceMotion.cjs"),Ne=require("./hooks/useDeviceOrientation/useDeviceOrientation.cjs"),Fe=require("./hooks/useDevicePixelRatio/useDevicePixelRatio.cjs"),Ke=require("./hooks/useDocumentEvent/useDocumentEvent.cjs"),Ve=require("./hooks/useDocumentVisibility/useDocumentVisibility.cjs"),we=require("./hooks/useEventListener/useEventListener.cjs"),T=require("./hooks/useHotkeys/useHotkeys.cjs"),Ue=require("./hooks/useIdle/useIdle.cjs"),He=require("./hooks/useInfiniteScroll/useInfiniteScroll.cjs"),xe=require("./hooks/useIntersectionObserver/useIntersectionObserver.cjs"),We=require("./hooks/useKeyboard/useKeyboard.cjs"),ze=require("./hooks/useKeyPress/useKeyPress.cjs"),Qe=require("./hooks/useKeyPressEvent/useKeyPressEvent.cjs"),Ge=require("./hooks/useKeysPressed/useKeysPressed.cjs"),Xe=require("./hooks/useLockScroll/useLockScroll.cjs"),Ze=require("./hooks/useMeasure/useMeasure.cjs"),je=require("./hooks/useMediaQuery/useMediaQuery.cjs"),Je=require("./hooks/useMouse/useMouse.cjs"),Ye=require("./hooks/useMutationObserver/useMutationObserver.cjs"),$e=require("./hooks/useOrientation/useOrientation.cjs"),es=require("./hooks/usePageLeave/usePageLeave.cjs"),ss=require("./hooks/useParallax/useParallax.cjs"),us=require("./hooks/usePerformanceObserver/usePerformanceObserver.cjs"),rs=require("./hooks/useResizeObserver/useResizeObserver.cjs"),ts=require("./hooks/useScroll/useScroll.cjs"),os=require("./hooks/useScrollIntoView/useScrollIntoView.cjs"),is=require("./hooks/useScrollTo/useScrollTo.cjs"),ns=require("./hooks/useSize/useSize.cjs"),E=require("./hooks/useTextSelection/useTextSelection.cjs"),cs=require("./hooks/useVisibility/useVisibility.cjs"),as=require("./hooks/useWindowEvent/useWindowEvent.cjs"),ls=require("./hooks/useWindowFocus/useWindowFocus.cjs"),R=require("./hooks/useWindowScroll/useWindowScroll.cjs"),Ss=require("./hooks/useWindowSize/useWindowSize.cjs"),qs=require("./hooks/useBoolean/useBoolean.cjs"),ds=require("./hooks/useControllableState/useControllableState.cjs"),s=require("./hooks/useCookie/useCookie.cjs"),C=require("./hooks/useCookies/useCookies.cjs"),gs=require("./hooks/useCounter/useCounter.cjs"),Ts=require("./hooks/useDefault/useDefault.cjs"),Es=require("./hooks/useDisclosure/useDisclosure.cjs"),Rs=require("./hooks/useField/useField.cjs"),P=require("./hooks/useHash/useHash.cjs"),Cs=require("./hooks/useList/useList.cjs"),Ps=require("./hooks/useLocalStorage/useLocalStorage.cjs"),ms=require("./hooks/useMap/useMap.cjs"),o=require("./hooks/useMergedRef/useMergedRef.cjs"),ys=require("./hooks/useOffsetPagination/useOffsetPagination.cjs"),fs=require("./hooks/useQueue/useQueue.cjs"),ps=require("./hooks/useRafState/useRafState.cjs"),m=require("./hooks/useRefState/useRefState.cjs"),hs=require("./hooks/useSessionStorage/useSessionStorage.cjs"),ks=require("./hooks/useSet/useSet.cjs"),y=require("./hooks/useStateHistory/useStateHistory.cjs"),Is=require("./hooks/useStep/useStep.cjs"),i=require("./hooks/useStorage/useStorage.cjs"),Os=require("./hooks/useToggle/useToggle.cjs"),r=require("./hooks/useUrlSearchParam/useUrlSearchParam.cjs"),bs=require("./hooks/useUrlSearchParams/useUrlSearchParams.cjs"),vs=require("./hooks/useWizard/useWizard.cjs"),As=require("./hooks/useInterval/useInterval.cjs"),Ds=require("./hooks/useProgress/useProgress.cjs"),Ls=require("./hooks/useStopwatch/useStopwatch.cjs"),Ms=require("./hooks/useTime/useTime.cjs"),_s=require("./hooks/useTimeout/useTimeout.cjs"),f=require("./hooks/useTimer/useTimer.cjs"),Bs=require("./hooks/useBrowserLanguage/useBrowserLanguage.cjs"),p=require("./hooks/useOperatingSystem/useOperatingSystem.cjs"),Ns=require("./hooks/usePreferredColorScheme/usePreferredColorScheme.cjs"),Fs=require("./hooks/usePreferredContrast/usePreferredContrast.cjs"),Ks=require("./hooks/usePreferredDark/usePreferredDark.cjs"),Vs=require("./hooks/usePreferredLanguages/usePreferredLanguages.cjs"),ws=require("./hooks/usePreferredReducedMotion/usePreferredReducedMotion.cjs"),Us=require("./hooks/useBatchedCallback/useBatchedCallback.cjs"),Hs=require("./hooks/useConst/useConst.cjs"),xs=require("./hooks/useDebounceCallback/useDebounceCallback.cjs"),Ws=require("./hooks/useDebounceEffect/useDebounceEffect.cjs"),zs=require("./hooks/useDebounceState/useDebounceState.cjs"),Qs=require("./hooks/useDebounceValue/useDebounceValue.cjs"),Gs=require("./hooks/useEvent/useEvent.cjs"),Xs=require("./hooks/useLastChanged/useLastChanged.cjs"),Zs=require("./hooks/useLatest/useLatest.cjs"),js=require("./hooks/usePrevious/usePrevious.cjs"),Js=require("./hooks/useThrottleCallback/useThrottleCallback.cjs"),Ys=require("./hooks/useThrottleEffect/useThrottleEffect.cjs"),$s=require("./hooks/useThrottleState/useThrottleState.cjs"),eu=require("./hooks/useThrottleValue/useThrottleValue.cjs"),h=require("./utils/helpers/copy.cjs"),su=require("./utils/helpers/debounce.cjs"),uu=require("./utils/helpers/getDate.cjs"),ru=require("./utils/helpers/getRetry.cjs"),u=require("./utils/helpers/isTarget.cjs"),tu=require("./utils/helpers/throttle.cjs");exports.createContext=k.createContext;exports.createEventEmitter=I.createEventEmitter;exports.createReactiveContext=O.createReactiveContext;exports.createStore=b.createStore;exports.useAsync=v.useAsync;exports.useLockCallback=A.useLockCallback;exports.useMutation=D.useMutation;exports.useOptimistic=L.useOptimistic;exports.useQuery=M.useQuery;exports.useAudio=_.useAudio;exports.useBattery=B.useBattery;exports.useBluetooth=N.useBluetooth;exports.useBroadcastChannel=F.useBroadcastChannel;exports.useClipboard=K.useClipboard;exports.useCopy=V.useCopy;exports.useCssVar=w.useCssVar;exports.useDisplayMedia=U.useDisplayMedia;exports.useDocumentTitle=H.useDocumentTitle;exports.useEventSource=x.useEventSource;exports.useEyeDropper=W.useEyeDropper;exports.useFavicon=z.useFavicon;exports.useFps=Q.useFps;exports.useFullscreen=G.useFullscreen;exports.mapGamepadToXbox360Controller=n.mapGamepadToXbox360Controller;exports.useGamepad=n.useGamepad;exports.useGeolocation=X.useGeolocation;exports.timeRangeToArray=c.timeRangeToArray;exports.useMediaControls=c.useMediaControls;exports.useMemory=Z.useMemory;exports.getConnection=a.getConnection;exports.useNetwork=a.useNetwork;exports.useOnline=j.useOnline;exports.useOtpCredential=J.useOtpCredential;exports.usePermission=Y.usePermission;exports.usePictureInPicture=$.usePictureInPicture;exports.usePointerLock=ee.usePointerLock;exports.usePostMessage=se.usePostMessage;exports.useRaf=ue.useRaf;exports.useShare=re.useShare;exports.getSpeechRecognition=l.getSpeechRecognition;exports.useSpeechRecognition=l.useSpeechRecognition;exports.useSpeechSynthesis=te.useSpeechSynthesis;exports.useVibrate=oe.useVibrate;exports.useVirtualKeyboard=ie.useVirtualKeyboard;exports.useWakeLock=ne.useWakeLock;exports.useWebSocket=ce.useWebSocket;exports.useLogger=ae.useLogger;exports.useRenderCount=le.useRenderCount;exports.useRenderInfo=Se.useRenderInfo;exports.useRerender=qe.useRerender;exports.useActiveElement=de.useActiveElement;exports.useAutoScroll=ge.useAutoScroll;exports.useClickOutside=Te.useClickOutside;exports.DEFAULT_THRESHOLD_TIME=S.DEFAULT_THRESHOLD_TIME;exports.useDoubleClick=S.useDoubleClick;exports.useDropZone=Ee.useDropZone;exports.useFileDialog=Re.useFileDialog;exports.useFocus=Ce.useFocus;exports.FOCUS_SELECTOR=q.FOCUS_SELECTOR;exports.useFocusTrap=q.useFocusTrap;exports.useHover=Pe.useHover;exports.useImage=me.useImage;exports.useLongPress=ye.useLongPress;exports.Paint=t.Paint;exports.Pointer=t.Pointer;exports.usePaint=t.usePaint;exports.useRightClick=fe.useRightClick;exports.SCRIPT_STATUS_ATTRIBUTE_NAME=d.SCRIPT_STATUS_ATTRIBUTE_NAME;exports.useScript=d.useScript;exports.useSticky=pe.useSticky;exports.useTextareaAutosize=he.useTextareaAutosize;exports.useTextDirection=ke.useTextDirection;exports.useFul=Ie.useFul;exports.useLess=Oe.useLess;exports.useOnce=be.useOnce;exports.useAsyncEffect=ve.useAsyncEffect;exports.useDidUpdate=Ae.useDidUpdate;exports.useIsFirstRender=De.useIsFirstRender;exports.useIsomorphicLayoutEffect=Le.useIsomorphicLayoutEffect;exports.useMount=Me.useMount;exports.deepEqual=g.deepEqual;exports.useShallowEffect=g.useShallowEffect;exports.useUnmount=_e.useUnmount;exports.BREAKPOINTS_ANT_DESIGN=e.BREAKPOINTS_ANT_DESIGN;exports.BREAKPOINTS_BOOTSTRAP_V5=e.BREAKPOINTS_BOOTSTRAP_V5;exports.BREAKPOINTS_MANTINE=e.BREAKPOINTS_MANTINE;exports.BREAKPOINTS_MASTER_CSS=e.BREAKPOINTS_MASTER_CSS;exports.BREAKPOINTS_MATERIAL_UI=e.BREAKPOINTS_MATERIAL_UI;exports.BREAKPOINTS_PRIME_FLEX=e.BREAKPOINTS_PRIME_FLEX;exports.BREAKPOINTS_QUASAR_V2=e.BREAKPOINTS_QUASAR_V2;exports.BREAKPOINTS_SEMANTIC=e.BREAKPOINTS_SEMANTIC;exports.BREAKPOINTS_TAILWIND=e.BREAKPOINTS_TAILWIND;exports.useBreakpoints=e.useBreakpoints;exports.useDeviceMotion=Be.useDeviceMotion;exports.useDeviceOrientation=Ne.useDeviceOrientation;exports.useDevicePixelRatio=Fe.useDevicePixelRatio;exports.useDocumentEvent=Ke.useDocumentEvent;exports.useDocumentVisibility=Ve.useDocumentVisibility;exports.useEventListener=we.useEventListener;exports.isHotkeyMatch=T.isHotkeyMatch;exports.useHotkeys=T.useHotkeys;exports.useIdle=Ue.useIdle;exports.useInfiniteScroll=He.useInfiniteScroll;exports.useIntersectionObserver=xe.useIntersectionObserver;exports.useKeyboard=We.useKeyboard;exports.useKeyPress=ze.useKeyPress;exports.useKeyPressEvent=Qe.useKeyPressEvent;exports.useKeysPressed=Ge.useKeysPressed;exports.useLockScroll=Xe.useLockScroll;exports.useMeasure=Ze.useMeasure;exports.useMediaQuery=je.useMediaQuery;exports.useMouse=Je.useMouse;exports.useMutationObserver=Ye.useMutationObserver;exports.useOrientation=$e.useOrientation;exports.usePageLeave=es.usePageLeave;exports.useParallax=ss.useParallax;exports.usePerformanceObserver=us.usePerformanceObserver;exports.useResizeObserver=rs.useResizeObserver;exports.useScroll=ts.useScroll;exports.useScrollIntoView=os.useScrollIntoView;exports.useScrollTo=is.useScrollTo;exports.useSize=ns.useSize;exports.getRangesSelection=E.getRangesSelection;exports.useTextSelection=E.useTextSelection;exports.useVisibility=cs.useVisibility;exports.useWindowEvent=as.useWindowEvent;exports.useWindowFocus=ls.useWindowFocus;exports.scrollTo=R.scrollTo;exports.useWindowScroll=R.useWindowScroll;exports.useWindowSize=Ss.useWindowSize;exports.useBoolean=qs.useBoolean;exports.useControllableState=ds.useControllableState;exports.COOKIE_EVENT=s.COOKIE_EVENT;exports.dispatchCookieEvent=s.dispatchCookieEvent;exports.getCookie=s.getCookie;exports.getCookies=s.getCookies;exports.removeCookie=s.removeCookie;exports.removeCookieItem=s.removeCookieItem;exports.setCookie=s.setCookie;exports.setCookieItem=s.setCookieItem;exports.useCookie=s.useCookie;exports.clearCookies=C.clearCookies;exports.useCookies=C.useCookies;exports.useCounter=gs.useCounter;exports.useDefault=Ts.useDefault;exports.useDisclosure=Es.useDisclosure;exports.useField=Rs.useField;exports.getHash=P.getHash;exports.useHash=P.useHash;exports.useList=Cs.useList;exports.useLocalStorage=Ps.useLocalStorage;exports.useMap=ms.useMap;exports.assignRef=o.assignRef;exports.mergeRefs=o.mergeRefs;exports.useMergedRef=o.useMergedRef;exports.useOffsetPagination=ys.useOffsetPagination;exports.useQueue=fs.useQueue;exports.useRafState=ps.useRafState;exports.createRefState=m.createRefState;exports.useRefState=m.useRefState;exports.useSessionStorage=hs.useSessionStorage;exports.useSet=ks.useSet;exports.stateHistoryReducer=y.stateHistoryReducer;exports.useStateHistory=y.useStateHistory;exports.useStep=Is.useStep;exports.STORAGE_EVENT=i.STORAGE_EVENT;exports.dispatchStorageEvent=i.dispatchStorageEvent;exports.useStorage=i.useStorage;exports.useToggle=Os.useToggle;exports.URL_SEARCH_PARAMS_EVENT=r.URL_SEARCH_PARAMS_EVENT;exports.createQueryString=r.createQueryString;exports.dispatchUrlSearchParamsEvent=r.dispatchUrlSearchParamsEvent;exports.getUrlSearchParams=r.getUrlSearchParams;exports.useUrlSearchParam=r.useUrlSearchParam;exports.useUrlSearchParams=bs.useUrlSearchParams;exports.useWizard=vs.useWizard;exports.useInterval=As.useInterval;exports.useProgress=Ds.useProgress;exports.useStopwatch=Ls.useStopwatch;exports.useTime=Ms.useTime;exports.useTimeout=_s.useTimeout;exports.getTimeFromSeconds=f.getTimeFromSeconds;exports.useTimer=f.useTimer;exports.useBrowserLanguage=Bs.useBrowserLanguage;exports.getOperatingSystem=p.getOperatingSystem;exports.useOperatingSystem=p.useOperatingSystem;exports.usePreferredColorScheme=Ns.usePreferredColorScheme;exports.usePreferredContrast=Fs.usePreferredContrast;exports.usePreferredDark=Ks.usePreferredDark;exports.usePreferredLanguages=Vs.usePreferredLanguages;exports.usePreferredReducedMotion=ws.usePreferredReducedMotion;exports.useBatchedCallback=Us.useBatchedCallback;exports.useConst=Hs.useConst;exports.useDebounceCallback=xs.useDebounceCallback;exports.useDebounceEffect=Ws.useDebounceEffect;exports.useDebounceState=zs.useDebounceState;exports.useDebounceValue=Qs.useDebounceValue;exports.useEvent=Gs.useEvent;exports.useLastChanged=Xs.useLastChanged;exports.useLatest=Zs.useLatest;exports.usePrevious=js.usePrevious;exports.useThrottleCallback=Js.useThrottleCallback;exports.useThrottleEffect=Ys.useThrottleEffect;exports.useThrottleState=$s.useThrottleState;exports.useThrottleValue=eu.useThrottleValue;exports.copy=h.copy;exports.legacyCopyToClipboard=h.legacyCopyToClipboard;exports.debounce=su.debounce;exports.getDate=uu.getDate;exports.getRetry=ru.getRetry;exports.getRawElement=u.getRawElement;exports.getRefState=u.getRefState;exports.isBrowserTarget=u.isBrowserTarget;exports.isRef=u.isRef;exports.isRefState=u.isRefState;exports.isTarget=u.isTarget;exports.target=u.target;exports.targetSymbol=u.targetSymbol;exports.throttle=tu.throttle;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("./helpers/createContext/createContext.cjs"),O=require("./helpers/createContextHook/createContextHook.cjs"),b=require("./helpers/createEventEmitter/createEventEmitter.cjs"),v=require("./helpers/createReactiveContext/createReactiveContext.cjs"),n=require("./helpers/createSharedHook/createSharedHook.cjs"),A=require("./helpers/createStore/createStore.cjs"),D=require("./hooks/useAsync/useAsync.cjs"),L=require("./hooks/useLockCallback/useLockCallback.cjs"),M=require("./hooks/useMutation/useMutation.cjs"),_=require("./hooks/useOptimistic/useOptimistic.cjs"),B=require("./hooks/useQuery/useQuery.cjs"),N=require("./hooks/useAudio/useAudio.cjs"),F=require("./hooks/useBattery/useBattery.cjs"),K=require("./hooks/useBluetooth/useBluetooth.cjs"),V=require("./hooks/useBroadcastChannel/useBroadcastChannel.cjs"),w=require("./hooks/useClipboard/useClipboard.cjs"),H=require("./hooks/useCopy/useCopy.cjs"),U=require("./hooks/useCssVar/useCssVar.cjs"),x=require("./hooks/useDisplayMedia/useDisplayMedia.cjs"),W=require("./hooks/useDocumentTitle/useDocumentTitle.cjs"),z=require("./hooks/useEventSource/useEventSource.cjs"),Q=require("./hooks/useEyeDropper/useEyeDropper.cjs"),G=require("./hooks/useFavicon/useFavicon.cjs"),X=require("./hooks/useFps/useFps.cjs"),Z=require("./hooks/useFullscreen/useFullscreen.cjs"),c=require("./hooks/useGamepad/useGamepad.cjs"),j=require("./hooks/useGeolocation/useGeolocation.cjs"),a=require("./hooks/useMediaControls/useMediaControls.cjs"),J=require("./hooks/useMemory/useMemory.cjs"),l=require("./hooks/useNetwork/useNetwork.cjs"),Y=require("./hooks/useOnline/useOnline.cjs"),$=require("./hooks/useOtpCredential/useOtpCredential.cjs"),ee=require("./hooks/usePermission/usePermission.cjs"),se=require("./hooks/usePictureInPicture/usePictureInPicture.cjs"),ue=require("./hooks/usePointerLock/usePointerLock.cjs"),re=require("./hooks/usePostMessage/usePostMessage.cjs"),te=require("./hooks/useRaf/useRaf.cjs"),oe=require("./hooks/useShare/useShare.cjs"),S=require("./hooks/useSpeechRecognition/useSpeechRecognition.cjs"),ie=require("./hooks/useSpeechSynthesis/useSpeechSynthesis.cjs"),ne=require("./hooks/useVibrate/useVibrate.cjs"),ce=require("./hooks/useVirtualKeyboard/useVirtualKeyboard.cjs"),ae=require("./hooks/useWakeLock/useWakeLock.cjs"),le=require("./hooks/useWebSocket/useWebSocket.cjs"),Se=require("./hooks/useLogger/useLogger.cjs"),qe=require("./hooks/useRenderCount/useRenderCount.cjs"),de=require("./hooks/useRenderInfo/useRenderInfo.cjs"),ge=require("./hooks/useRerender/useRerender.cjs"),Te=require("./hooks/useActiveElement/useActiveElement.cjs"),Ee=require("./hooks/useAutoScroll/useAutoScroll.cjs"),Ce=require("./hooks/useClickOutside/useClickOutside.cjs"),q=require("./hooks/useDoubleClick/useDoubleClick.cjs"),Re=require("./hooks/useDropZone/useDropZone.cjs"),Pe=require("./hooks/useFileDialog/useFileDialog.cjs"),me=require("./hooks/useFocus/useFocus.cjs"),d=require("./hooks/useFocusTrap/useFocusTrap.cjs"),ye=require("./hooks/useHover/useHover.cjs"),fe=require("./hooks/useImage/useImage.cjs"),pe=require("./hooks/useLongPress/useLongPress.cjs"),t=require("./hooks/usePaint/usePaint.cjs"),ke=require("./hooks/useRightClick/useRightClick.cjs"),g=require("./hooks/useScript/useScript.cjs"),he=require("./hooks/useSticky/useSticky.cjs"),Ie=require("./hooks/useTextareaAutosize/useTextareaAutosize.cjs"),Oe=require("./hooks/useTextDirection/useTextDirection.cjs"),be=require("./hooks/useFul/useFul.cjs"),ve=require("./hooks/useLess/useLess.cjs"),Ae=require("./hooks/useOnce/useOnce.cjs"),De=require("./hooks/useAsyncEffect/useAsyncEffect.cjs"),Le=require("./hooks/useDidUpdate/useDidUpdate.cjs"),Me=require("./hooks/useIsFirstRender/useIsFirstRender.cjs"),_e=require("./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),Be=require("./hooks/useMount/useMount.cjs"),T=require("./hooks/useShallowEffect/useShallowEffect.cjs"),Ne=require("./hooks/useUnmount/useUnmount.cjs"),e=require("./hooks/useBreakpoints/useBreakpoints.cjs"),Fe=require("./hooks/useDeviceMotion/useDeviceMotion.cjs"),Ke=require("./hooks/useDeviceOrientation/useDeviceOrientation.cjs"),Ve=require("./hooks/useDevicePixelRatio/useDevicePixelRatio.cjs"),we=require("./hooks/useDocumentEvent/useDocumentEvent.cjs"),He=require("./hooks/useDocumentVisibility/useDocumentVisibility.cjs"),Ue=require("./hooks/useEventListener/useEventListener.cjs"),E=require("./hooks/useHotkeys/useHotkeys.cjs"),xe=require("./hooks/useIdle/useIdle.cjs"),We=require("./hooks/useInfiniteScroll/useInfiniteScroll.cjs"),ze=require("./hooks/useIntersectionObserver/useIntersectionObserver.cjs"),Qe=require("./hooks/useKeyboard/useKeyboard.cjs"),Ge=require("./hooks/useKeyPress/useKeyPress.cjs"),Xe=require("./hooks/useKeyPressEvent/useKeyPressEvent.cjs"),Ze=require("./hooks/useKeysPressed/useKeysPressed.cjs"),je=require("./hooks/useLockScroll/useLockScroll.cjs"),Je=require("./hooks/useMeasure/useMeasure.cjs"),Ye=require("./hooks/useMediaQuery/useMediaQuery.cjs"),$e=require("./hooks/useMouse/useMouse.cjs"),es=require("./hooks/useMutationObserver/useMutationObserver.cjs"),ss=require("./hooks/useOrientation/useOrientation.cjs"),us=require("./hooks/usePageLeave/usePageLeave.cjs"),rs=require("./hooks/useParallax/useParallax.cjs"),ts=require("./hooks/usePerformanceObserver/usePerformanceObserver.cjs"),os=require("./hooks/useResizeObserver/useResizeObserver.cjs"),is=require("./hooks/useScroll/useScroll.cjs"),ns=require("./hooks/useScrollIntoView/useScrollIntoView.cjs"),cs=require("./hooks/useScrollTo/useScrollTo.cjs"),as=require("./hooks/useSize/useSize.cjs"),C=require("./hooks/useTextSelection/useTextSelection.cjs"),ls=require("./hooks/useVisibility/useVisibility.cjs"),Ss=require("./hooks/useWindowEvent/useWindowEvent.cjs"),qs=require("./hooks/useWindowFocus/useWindowFocus.cjs"),R=require("./hooks/useWindowScroll/useWindowScroll.cjs"),ds=require("./hooks/useWindowSize/useWindowSize.cjs"),gs=require("./hooks/useBoolean/useBoolean.cjs"),Ts=require("./hooks/useControllableState/useControllableState.cjs"),s=require("./hooks/useCookie/useCookie.cjs"),P=require("./hooks/useCookies/useCookies.cjs"),Es=require("./hooks/useCounter/useCounter.cjs"),Cs=require("./hooks/useDefault/useDefault.cjs"),Rs=require("./hooks/useDisclosure/useDisclosure.cjs"),Ps=require("./hooks/useField/useField.cjs"),m=require("./hooks/useHash/useHash.cjs"),ms=require("./hooks/useList/useList.cjs"),ys=require("./hooks/useLocalStorage/useLocalStorage.cjs"),fs=require("./hooks/useMap/useMap.cjs"),o=require("./hooks/useMergedRef/useMergedRef.cjs"),ps=require("./hooks/useOffsetPagination/useOffsetPagination.cjs"),ks=require("./hooks/useQueue/useQueue.cjs"),hs=require("./hooks/useRafState/useRafState.cjs"),y=require("./hooks/useRefState/useRefState.cjs"),Is=require("./hooks/useSessionStorage/useSessionStorage.cjs"),Os=require("./hooks/useSet/useSet.cjs"),f=require("./hooks/useStateHistory/useStateHistory.cjs"),bs=require("./hooks/useStep/useStep.cjs"),i=require("./hooks/useStorage/useStorage.cjs"),vs=require("./hooks/useToggle/useToggle.cjs"),r=require("./hooks/useUrlSearchParam/useUrlSearchParam.cjs"),As=require("./hooks/useUrlSearchParams/useUrlSearchParams.cjs"),Ds=require("./hooks/useWizard/useWizard.cjs"),Ls=require("./hooks/useInterval/useInterval.cjs"),Ms=require("./hooks/useProgress/useProgress.cjs"),_s=require("./hooks/useStopwatch/useStopwatch.cjs"),Bs=require("./hooks/useTime/useTime.cjs"),Ns=require("./hooks/useTimeout/useTimeout.cjs"),p=require("./hooks/useTimer/useTimer.cjs"),Fs=require("./hooks/useBrowserLanguage/useBrowserLanguage.cjs"),k=require("./hooks/useOperatingSystem/useOperatingSystem.cjs"),Ks=require("./hooks/usePreferredColorScheme/usePreferredColorScheme.cjs"),Vs=require("./hooks/usePreferredContrast/usePreferredContrast.cjs"),ws=require("./hooks/usePreferredDark/usePreferredDark.cjs"),Hs=require("./hooks/usePreferredLanguages/usePreferredLanguages.cjs"),Us=require("./hooks/usePreferredReducedMotion/usePreferredReducedMotion.cjs"),xs=require("./hooks/useBatchedCallback/useBatchedCallback.cjs"),Ws=require("./hooks/useConst/useConst.cjs"),zs=require("./hooks/useDebounceCallback/useDebounceCallback.cjs"),Qs=require("./hooks/useDebounceEffect/useDebounceEffect.cjs"),Gs=require("./hooks/useDebounceState/useDebounceState.cjs"),Xs=require("./hooks/useDebounceValue/useDebounceValue.cjs"),Zs=require("./hooks/useEvent/useEvent.cjs"),js=require("./hooks/useLastChanged/useLastChanged.cjs"),Js=require("./hooks/useLatest/useLatest.cjs"),Ys=require("./hooks/usePrevious/usePrevious.cjs"),$s=require("./hooks/useThrottleCallback/useThrottleCallback.cjs"),eu=require("./hooks/useThrottleEffect/useThrottleEffect.cjs"),su=require("./hooks/useThrottleState/useThrottleState.cjs"),uu=require("./hooks/useThrottleValue/useThrottleValue.cjs"),h=require("./utils/helpers/copy.cjs"),ru=require("./utils/helpers/debounce.cjs"),tu=require("./utils/helpers/getDate.cjs"),ou=require("./utils/helpers/getRetry.cjs"),u=require("./utils/helpers/isTarget.cjs"),iu=require("./utils/helpers/throttle.cjs");exports.createContext=I.createContext;exports.createContextHook=O.createContextHook;exports.createEventEmitter=b.createEventEmitter;exports.createReactiveContext=v.createReactiveContext;exports.createSharedHook=n.createSharedHook;exports.mount=n.mount;exports.createStore=A.createStore;exports.useAsync=D.useAsync;exports.useLockCallback=L.useLockCallback;exports.useMutation=M.useMutation;exports.useOptimistic=_.useOptimistic;exports.useQuery=B.useQuery;exports.useAudio=N.useAudio;exports.useBattery=F.useBattery;exports.useBluetooth=K.useBluetooth;exports.useBroadcastChannel=V.useBroadcastChannel;exports.useClipboard=w.useClipboard;exports.useCopy=H.useCopy;exports.useCssVar=U.useCssVar;exports.useDisplayMedia=x.useDisplayMedia;exports.useDocumentTitle=W.useDocumentTitle;exports.useEventSource=z.useEventSource;exports.useEyeDropper=Q.useEyeDropper;exports.useFavicon=G.useFavicon;exports.useFps=X.useFps;exports.useFullscreen=Z.useFullscreen;exports.mapGamepadToXbox360Controller=c.mapGamepadToXbox360Controller;exports.useGamepad=c.useGamepad;exports.useGeolocation=j.useGeolocation;exports.timeRangeToArray=a.timeRangeToArray;exports.useMediaControls=a.useMediaControls;exports.useMemory=J.useMemory;exports.getConnection=l.getConnection;exports.useNetwork=l.useNetwork;exports.useOnline=Y.useOnline;exports.useOtpCredential=$.useOtpCredential;exports.usePermission=ee.usePermission;exports.usePictureInPicture=se.usePictureInPicture;exports.usePointerLock=ue.usePointerLock;exports.usePostMessage=re.usePostMessage;exports.useRaf=te.useRaf;exports.useShare=oe.useShare;exports.getSpeechRecognition=S.getSpeechRecognition;exports.useSpeechRecognition=S.useSpeechRecognition;exports.useSpeechSynthesis=ie.useSpeechSynthesis;exports.useVibrate=ne.useVibrate;exports.useVirtualKeyboard=ce.useVirtualKeyboard;exports.useWakeLock=ae.useWakeLock;exports.useWebSocket=le.useWebSocket;exports.useLogger=Se.useLogger;exports.useRenderCount=qe.useRenderCount;exports.useRenderInfo=de.useRenderInfo;exports.useRerender=ge.useRerender;exports.useActiveElement=Te.useActiveElement;exports.useAutoScroll=Ee.useAutoScroll;exports.useClickOutside=Ce.useClickOutside;exports.DEFAULT_THRESHOLD_TIME=q.DEFAULT_THRESHOLD_TIME;exports.useDoubleClick=q.useDoubleClick;exports.useDropZone=Re.useDropZone;exports.useFileDialog=Pe.useFileDialog;exports.useFocus=me.useFocus;exports.FOCUS_SELECTOR=d.FOCUS_SELECTOR;exports.useFocusTrap=d.useFocusTrap;exports.useHover=ye.useHover;exports.useImage=fe.useImage;exports.useLongPress=pe.useLongPress;exports.Paint=t.Paint;exports.Pointer=t.Pointer;exports.usePaint=t.usePaint;exports.useRightClick=ke.useRightClick;exports.SCRIPT_STATUS_ATTRIBUTE_NAME=g.SCRIPT_STATUS_ATTRIBUTE_NAME;exports.useScript=g.useScript;exports.useSticky=he.useSticky;exports.useTextareaAutosize=Ie.useTextareaAutosize;exports.useTextDirection=Oe.useTextDirection;exports.useFul=be.useFul;exports.useLess=ve.useLess;exports.useOnce=Ae.useOnce;exports.useAsyncEffect=De.useAsyncEffect;exports.useDidUpdate=Le.useDidUpdate;exports.useIsFirstRender=Me.useIsFirstRender;exports.useIsomorphicLayoutEffect=_e.useIsomorphicLayoutEffect;exports.useMount=Be.useMount;exports.deepEqual=T.deepEqual;exports.useShallowEffect=T.useShallowEffect;exports.useUnmount=Ne.useUnmount;exports.BREAKPOINTS_ANT_DESIGN=e.BREAKPOINTS_ANT_DESIGN;exports.BREAKPOINTS_BOOTSTRAP_V5=e.BREAKPOINTS_BOOTSTRAP_V5;exports.BREAKPOINTS_MANTINE=e.BREAKPOINTS_MANTINE;exports.BREAKPOINTS_MASTER_CSS=e.BREAKPOINTS_MASTER_CSS;exports.BREAKPOINTS_MATERIAL_UI=e.BREAKPOINTS_MATERIAL_UI;exports.BREAKPOINTS_PRIME_FLEX=e.BREAKPOINTS_PRIME_FLEX;exports.BREAKPOINTS_QUASAR_V2=e.BREAKPOINTS_QUASAR_V2;exports.BREAKPOINTS_SEMANTIC=e.BREAKPOINTS_SEMANTIC;exports.BREAKPOINTS_TAILWIND=e.BREAKPOINTS_TAILWIND;exports.useBreakpoints=e.useBreakpoints;exports.useDeviceMotion=Fe.useDeviceMotion;exports.useDeviceOrientation=Ke.useDeviceOrientation;exports.useDevicePixelRatio=Ve.useDevicePixelRatio;exports.useDocumentEvent=we.useDocumentEvent;exports.useDocumentVisibility=He.useDocumentVisibility;exports.useEventListener=Ue.useEventListener;exports.isHotkeyMatch=E.isHotkeyMatch;exports.useHotkeys=E.useHotkeys;exports.useIdle=xe.useIdle;exports.useInfiniteScroll=We.useInfiniteScroll;exports.useIntersectionObserver=ze.useIntersectionObserver;exports.useKeyboard=Qe.useKeyboard;exports.useKeyPress=Ge.useKeyPress;exports.useKeyPressEvent=Xe.useKeyPressEvent;exports.useKeysPressed=Ze.useKeysPressed;exports.useLockScroll=je.useLockScroll;exports.useMeasure=Je.useMeasure;exports.useMediaQuery=Ye.useMediaQuery;exports.useMouse=$e.useMouse;exports.useMutationObserver=es.useMutationObserver;exports.useOrientation=ss.useOrientation;exports.usePageLeave=us.usePageLeave;exports.useParallax=rs.useParallax;exports.usePerformanceObserver=ts.usePerformanceObserver;exports.useResizeObserver=os.useResizeObserver;exports.useScroll=is.useScroll;exports.useScrollIntoView=ns.useScrollIntoView;exports.useScrollTo=cs.useScrollTo;exports.useSize=as.useSize;exports.getRangesSelection=C.getRangesSelection;exports.useTextSelection=C.useTextSelection;exports.useVisibility=ls.useVisibility;exports.useWindowEvent=Ss.useWindowEvent;exports.useWindowFocus=qs.useWindowFocus;exports.scrollTo=R.scrollTo;exports.useWindowScroll=R.useWindowScroll;exports.useWindowSize=ds.useWindowSize;exports.useBoolean=gs.useBoolean;exports.useControllableState=Ts.useControllableState;exports.COOKIE_EVENT=s.COOKIE_EVENT;exports.dispatchCookieEvent=s.dispatchCookieEvent;exports.getCookie=s.getCookie;exports.getCookies=s.getCookies;exports.removeCookie=s.removeCookie;exports.removeCookieItem=s.removeCookieItem;exports.setCookie=s.setCookie;exports.setCookieItem=s.setCookieItem;exports.useCookie=s.useCookie;exports.clearCookies=P.clearCookies;exports.useCookies=P.useCookies;exports.useCounter=Es.useCounter;exports.useDefault=Cs.useDefault;exports.useDisclosure=Rs.useDisclosure;exports.useField=Ps.useField;exports.getHash=m.getHash;exports.useHash=m.useHash;exports.useList=ms.useList;exports.useLocalStorage=ys.useLocalStorage;exports.useMap=fs.useMap;exports.assignRef=o.assignRef;exports.mergeRefs=o.mergeRefs;exports.useMergedRef=o.useMergedRef;exports.useOffsetPagination=ps.useOffsetPagination;exports.useQueue=ks.useQueue;exports.useRafState=hs.useRafState;exports.createRefState=y.createRefState;exports.useRefState=y.useRefState;exports.useSessionStorage=Is.useSessionStorage;exports.useSet=Os.useSet;exports.stateHistoryReducer=f.stateHistoryReducer;exports.useStateHistory=f.useStateHistory;exports.useStep=bs.useStep;exports.STORAGE_EVENT=i.STORAGE_EVENT;exports.dispatchStorageEvent=i.dispatchStorageEvent;exports.useStorage=i.useStorage;exports.useToggle=vs.useToggle;exports.URL_SEARCH_PARAMS_EVENT=r.URL_SEARCH_PARAMS_EVENT;exports.createQueryString=r.createQueryString;exports.dispatchUrlSearchParamsEvent=r.dispatchUrlSearchParamsEvent;exports.getUrlSearchParams=r.getUrlSearchParams;exports.useUrlSearchParam=r.useUrlSearchParam;exports.useUrlSearchParams=As.useUrlSearchParams;exports.useWizard=Ds.useWizard;exports.useInterval=Ls.useInterval;exports.useProgress=Ms.useProgress;exports.useStopwatch=_s.useStopwatch;exports.useTime=Bs.useTime;exports.useTimeout=Ns.useTimeout;exports.getTimeFromSeconds=p.getTimeFromSeconds;exports.useTimer=p.useTimer;exports.useBrowserLanguage=Fs.useBrowserLanguage;exports.getOperatingSystem=k.getOperatingSystem;exports.useOperatingSystem=k.useOperatingSystem;exports.usePreferredColorScheme=Ks.usePreferredColorScheme;exports.usePreferredContrast=Vs.usePreferredContrast;exports.usePreferredDark=ws.usePreferredDark;exports.usePreferredLanguages=Hs.usePreferredLanguages;exports.usePreferredReducedMotion=Us.usePreferredReducedMotion;exports.useBatchedCallback=xs.useBatchedCallback;exports.useConst=Ws.useConst;exports.useDebounceCallback=zs.useDebounceCallback;exports.useDebounceEffect=Qs.useDebounceEffect;exports.useDebounceState=Gs.useDebounceState;exports.useDebounceValue=Xs.useDebounceValue;exports.useEvent=Zs.useEvent;exports.useLastChanged=js.useLastChanged;exports.useLatest=Js.useLatest;exports.usePrevious=Ys.usePrevious;exports.useThrottleCallback=$s.useThrottleCallback;exports.useThrottleEffect=eu.useThrottleEffect;exports.useThrottleState=su.useThrottleState;exports.useThrottleValue=uu.useThrottleValue;exports.copy=h.copy;exports.legacyCopyToClipboard=h.legacyCopyToClipboard;exports.debounce=ru.debounce;exports.getDate=tu.getDate;exports.getRetry=ou.getRetry;exports.getRawElement=u.getRawElement;exports.getRefState=u.getRefState;exports.isBrowserTarget=u.isBrowserTarget;exports.isRef=u.isRef;exports.isRefState=u.isRefState;exports.isTarget=u.isTarget;exports.target=u.target;exports.targetSymbol=u.targetSymbol;exports.throttle=iu.throttle;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"isTarget.cjs","sources":["../../../../src/utils/helpers/isTarget.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nexport const targetSymbol = Symbol('target');\n\nexport type Target = (() => Element) | string | Document | Element | Window;\ninterface BrowserTarget {\n type: symbol;\n value: Target;\n}\ninterface StateRef<Value> {\n (node: Value): void;\n current: Value;\n state: Value;\n}\n\nexport type HookTarget =\n | BrowserTarget\n | RefObject<Element | null | undefined>\n | StateRef<Element | null | undefined>;\n\nexport const target = (target: Target) => ({\n value: target,\n type: targetSymbol\n});\n\nexport const isRef = (target: HookTarget) => typeof target === 'object' && 'current' in target;\n\nexport const isRefState = (target: HookTarget) =>\n typeof target === 'function' && 'state' in target && 'current' in target;\n\nexport const isBrowserTarget = (target: HookTarget) =>\n typeof target === 'object' &&\n target &&\n 'type' in target &&\n target.type === targetSymbol &&\n 'value' in target;\n\nexport const isTarget = (target: HookTarget) =>\n isRef(target) || isRefState(target) || isBrowserTarget(target);\n\nconst getElement = (target: HookTarget) => {\n if ('current' in target) {\n return target.current;\n }\n\n if (typeof target.value === 'function') {\n return target.value();\n }\n\n if (typeof target.value === 'string') {\n return document.querySelector(target.value);\n }\n\n if (target.value instanceof Document) {\n return target.value;\n }\n\n if (target.value instanceof Window) {\n return target.value;\n }\n\n if (target.value instanceof Element) {\n return target.value;\n }\n\n return target.value;\n};\nexport const getRefState = (target?: HookTarget) => target && 'state' in target && target.state;\nexport const getRawElement = (target: HookTarget) => {\n if (isRefState(target)) return target.state;\n if (isBrowserTarget(target)) return (target as BrowserTarget).value;\n\n return target;\n};\n\nisTarget.wrap = target;\nisTarget.getElement = getElement;\nisTarget.getRefState = getRefState;\nisTarget.getRawElement = getRawElement;\n"],"names":["targetSymbol","target","isRef","isRefState","isBrowserTarget","isTarget","getElement","getRefState","getRawElement"],"mappings":"gFAEO,MAAMA,SAAsB,QAAQ,EAkB9BC,EAAUA,IAAoB,CACzC,MAAOA,EACP,KAAMD,CACR,GAEaE,EAASD,GAAuB,OAAOA,GAAW,UAAY,YAAaA,EAE3EE,EAAcF,GACzB,OAAOA,GAAW,YAAc,UAAWA,GAAU,YAAaA,EAEvDG,EAAmBH,GAC9B,OAAOA,GAAW,UAClBA,GACA,SAAUA,GACVA,EAAO,OAASD,GAChB,UAAWC,EAEAI,EAAYJ,GACvBC,EAAMD,CAAM,GAAKE,EAAWF,CAAM,GAAKG,EAAgBH,CAAM,EAEzDK,EAAcL,GACd,YAAaA,EACRA,EAAO,QAGZ,OAAOA,EAAO,OAAU,WACnBA,EAAO,MAAA,EAGZ,OAAOA,EAAO,OAAU,SACnB,SAAS,cAAcA,EAAO,KAAK,GAGxCA,EAAO,iBAAiB,UAIxBA,EAAO,iBAAiB,QAIxBA,EAAO,iBAAiB,QACnBA,EAAO,OAKLM,EAAeN,GAAwBA,GAAU,UAAWA,GAAUA,EAAO,MAC7EO,EAAiBP,GACxBE,EAAWF,CAAM,EAAUA,EAAO,MAClCG,EAAgBH,CAAM,EAAWA,EAAyB,MAEvDA,EAGTI,EAAS,KAAOJ,EAChBI,EAAS,WAAaC,EACtBD,EAAS,YAAcE,EACvBF,EAAS,cAAgBG"}
1
+ {"version":3,"file":"isTarget.cjs","sources":["../../../../src/utils/helpers/isTarget.ts"],"sourcesContent":["import type { RefObject } from 'react';\r\n\r\nexport const targetSymbol = Symbol('target');\r\n\r\nexport type Target = (() => Element) | string | Document | Element | Window;\r\ninterface BrowserTarget {\r\n type: symbol;\r\n value: Target;\r\n}\r\ninterface StateRef<Value> {\r\n (node: Value): void;\r\n current: Value;\r\n state: Value;\r\n}\r\n\r\nexport type HookTarget =\r\n | BrowserTarget\r\n | RefObject<Element | null | undefined>\r\n | StateRef<Element | null | undefined>;\r\n\r\nexport const target = (target: Target) => ({\r\n value: target,\r\n type: targetSymbol\r\n});\r\n\r\nexport const isRef = (target: HookTarget) => typeof target === 'object' && 'current' in target;\r\n\r\nexport const isRefState = (target: HookTarget) =>\r\n typeof target === 'function' && 'state' in target && 'current' in target;\r\n\r\nexport const isBrowserTarget = (target: HookTarget) =>\r\n typeof target === 'object' &&\r\n target &&\r\n 'type' in target &&\r\n target.type === targetSymbol &&\r\n 'value' in target;\r\n\r\nexport const isTarget = (target: HookTarget) =>\r\n isRef(target) || isRefState(target) || isBrowserTarget(target);\r\n\r\nconst getElement = (target: HookTarget) => {\r\n if ('current' in target) {\r\n return target.current;\r\n }\r\n\r\n if (typeof target.value === 'function') {\r\n return target.value();\r\n }\r\n\r\n if (typeof target.value === 'string') {\r\n return document.querySelector(target.value);\r\n }\r\n\r\n if (target.value instanceof Document) {\r\n return target.value;\r\n }\r\n\r\n if (target.value instanceof Window) {\r\n return target.value;\r\n }\r\n\r\n if (target.value instanceof Element) {\r\n return target.value;\r\n }\r\n\r\n return target.value;\r\n};\r\nexport const getRefState = (target?: HookTarget) => target && 'state' in target && target.state;\r\nexport const getRawElement = (target: HookTarget) => {\r\n if (isRefState(target)) return target.state;\r\n if (isBrowserTarget(target)) return (target as BrowserTarget).value;\r\n\r\n return target;\r\n};\r\n\r\nisTarget.wrap = target;\r\nisTarget.getElement = getElement;\r\nisTarget.getRefState = getRefState;\r\nisTarget.getRawElement = getRawElement;\r\n"],"names":["targetSymbol","target","isRef","isRefState","isBrowserTarget","isTarget","getElement","getRefState","getRawElement"],"mappings":"gFAEO,MAAMA,SAAsB,QAAQ,EAkB9BC,EAAUA,IAAoB,CACzC,MAAOA,EACP,KAAMD,CACR,GAEaE,EAASD,GAAuB,OAAOA,GAAW,UAAY,YAAaA,EAE3EE,EAAcF,GACzB,OAAOA,GAAW,YAAc,UAAWA,GAAU,YAAaA,EAEvDG,EAAmBH,GAC9B,OAAOA,GAAW,UAClBA,GACA,SAAUA,GACVA,EAAO,OAASD,GAChB,UAAWC,EAEAI,EAAYJ,GACvBC,EAAMD,CAAM,GAAKE,EAAWF,CAAM,GAAKG,EAAgBH,CAAM,EAEzDK,EAAcL,GACd,YAAaA,EACRA,EAAO,QAGZ,OAAOA,EAAO,OAAU,WACnBA,EAAO,MAAA,EAGZ,OAAOA,EAAO,OAAU,SACnB,SAAS,cAAcA,EAAO,KAAK,GAGxCA,EAAO,iBAAiB,UAIxBA,EAAO,iBAAiB,QAIxBA,EAAO,iBAAiB,QACnBA,EAAO,OAKLM,EAAeN,GAAwBA,GAAU,UAAWA,GAAUA,EAAO,MAC7EO,EAAiBP,GACxBE,EAAWF,CAAM,EAAUA,EAAO,MAClCG,EAAgBH,CAAM,EAAWA,EAAyB,MAEvDA,EAGTI,EAAS,KAAOJ,EAChBI,EAAS,WAAaC,EACtBD,EAAS,YAAcE,EACvBF,EAAS,cAAgBG"}
@@ -1 +1 @@
1
- {"version":3,"file":"createContext.mjs","sources":["../../../../src/helpers/createContext/createContext.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\n\nimport { createContext as createReactContext, useContext, useMemo, useState } from 'react';\n\n/** The create context options type */\nexport interface CreateContextOptions {\n /** Display name for the context (useful for debugging) */\n name?: string;\n /** Whether to throw an error if context is used outside of Provider */\n strict?: boolean;\n}\n\n/** The context value type */\nexport interface ContextValue<Value> {\n /** The context value */\n value: Value | undefined;\n /** The context set function */\n set: (value: Value) => void;\n}\n\n/** The provider props type */\nexport interface ProviderProps<Value> {\n /** The children */\n children?: ReactNode;\n /** The initial value */\n initialValue?: Value;\n}\n\n/** The create context return type */\nexport interface CreateContextReturn<Value> {\n /** The context instance */\n instance: React.Context<ContextValue<Value>>;\n /** The provider component */\n Provider: (props: ProviderProps<Value>) => JSX.Element;\n /** The selector hook */\n useSelect: {\n <Selected>(selector: (value: Value) => Selected): Selected;\n (): ContextValue<Value>;\n };\n}\n\n/**\n * @name createContext\n * @description - Creates a typed context with additional utilities\n * @category Helpers\n * @usage high\n *\n * @template Value - The type of value that will be stored in the context\n * @param {Value | undefined} [defaultValue] - Default value for the context\n * @param {CreateContextOptions<Value>} [options] - Additional options for context creation\n * @returns {CreateContextReturn<Value>} Object containing context utilities and components\n *\n * @example\n * const { useSelect, instance, Provider } = createContext<number>(0);\n */\nexport const createContext = <Value,>(\n defaultValue: Value | undefined = undefined,\n options: CreateContextOptions = {}\n): CreateContextReturn<Value> => {\n const Context = createReactContext<{\n value: Value | undefined;\n set: (value: Value) => void;\n }>({\n value: defaultValue,\n set: () => {}\n });\n\n Context.displayName = options.name;\n\n function useSelect(): ContextValue<Value>;\n function useSelect<Selected>(selector: (value: Value) => Selected): Selected;\n function useSelect<Selected>(selector?: (value: Value) => Selected) {\n const context = useContext(Context);\n\n if (!context && options.strict) {\n throw new Error(`Context hook ${options.name} must be used inside a Provider`);\n }\n\n if (!selector) {\n return context;\n }\n\n return selector(context.value as Value);\n }\n\n const Provider = ({ children, initialValue }: ProviderProps<Value>) => {\n const [profile, setProfile] = useState<Value | undefined>(initialValue ?? defaultValue);\n\n const value = useMemo(\n () => ({\n value: profile,\n set: setProfile\n }),\n [profile]\n );\n\n return <Context value={value}>{children}</Context>;\n };\n\n return {\n useSelect,\n instance: Context,\n Provider\n } as const;\n};\n"],"names":["createContext","defaultValue","options","Context","createReactContext","useSelect","selector","context","useContext","children","initialValue","profile","setProfile","useState","value","useMemo","jsx"],"mappings":";;AAuDO,MAAMA,IAAgB,CAC3BC,IAAkC,QAClCC,IAAgC,CAAA,MACD;AAC/B,QAAMC,IAAUC,EAGb;AAAA,IACD,OAAOH;AAAA,IACP,KAAK,MAAM;AAAA,IAAA;AAAA,EAAC,CACb;AAED,EAAAE,EAAQ,cAAcD,EAAQ;AAI9B,WAASG,EAAoBC,GAAuC;AAClE,UAAMC,IAAUC,EAAWL,CAAO;AAElC,QAAI,CAACI,KAAWL,EAAQ;AACtB,YAAM,IAAI,MAAM,gBAAgBA,EAAQ,IAAI,iCAAiC;AAG/E,WAAKI,IAIEA,EAASC,EAAQ,KAAc,IAH7BA;AAAA,EAG6B;AAiBxC,SAAO;AAAA,IACL,WAAAF;AAAA,IACA,UAAUF;AAAA,IACV,UAjBe,CAAC,EAAE,UAAAM,GAAU,cAAAC,QAAyC;AACrE,YAAM,CAACC,GAASC,CAAU,IAAIC,EAA4BH,KAAgBT,CAAY,GAEhFa,IAAQC;AAAA,QACZ,OAAO;AAAA,UACL,OAAOJ;AAAA,UACP,KAAKC;AAAA,QAAA;AAAA,QAEP,CAACD,CAAO;AAAA,MAAA;AAGV,aAAO,gBAAAK,EAACb,GAAA,EAAQ,OAAAW,GAAe,UAAAL,EAAA,CAAS;AAAA,IAAA;AAAA,EAMxC;AAEJ;"}
1
+ {"version":3,"file":"createContext.mjs","sources":["../../../../src/helpers/createContext/createContext.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\r\n\r\nimport { createContext as createReactContext, useContext, useMemo, useState } from 'react';\r\n\r\n/** The create context options type */\r\nexport interface CreateContextOptions {\r\n /** Display name for the context (useful for debugging) */\r\n name?: string;\r\n /** Whether to throw an error if context is used outside of Provider */\r\n strict?: boolean;\r\n}\r\n\r\n/** The context value type */\r\nexport interface ContextValue<Value> {\r\n /** The context value */\r\n value: Value | undefined;\r\n /** The context set function */\r\n set: (value: Value) => void;\r\n}\r\n\r\n/** The provider props type */\r\nexport interface ProviderProps<Value> {\r\n /** The children */\r\n children?: ReactNode;\r\n /** The initial value */\r\n initialValue?: Value;\r\n}\r\n\r\n/** The create context return type */\r\nexport interface CreateContextReturn<Value> {\r\n /** The context instance */\r\n instance: React.Context<ContextValue<Value>>;\r\n /** The provider component */\r\n Provider: (props: ProviderProps<Value>) => JSX.Element;\r\n /** The selector hook */\r\n useSelect: {\r\n <Selected>(selector: (value: Value) => Selected): Selected;\r\n (): ContextValue<Value>;\r\n };\r\n}\r\n\r\n/**\r\n * @name createContext\r\n * @description - Creates a typed context with additional utilities\r\n * @category Helpers\r\n * @usage high\r\n *\r\n * @template Value - The type of value that will be stored in the context\r\n * @param {Value | undefined} [defaultValue] - Default value for the context\r\n * @param {CreateContextOptions<Value>} [options] - Additional options for context creation\r\n * @returns {CreateContextReturn<Value>} Object containing context utilities and components\r\n *\r\n * @example\r\n * const { useSelect, instance, Provider } = createContext<number>(0);\r\n */\r\nexport const createContext = <Value,>(\r\n defaultValue: Value | undefined = undefined,\r\n options: CreateContextOptions = {}\r\n): CreateContextReturn<Value> => {\r\n const Context = createReactContext<{\r\n value: Value | undefined;\r\n set: (value: Value) => void;\r\n }>({\r\n value: defaultValue,\r\n set: () => {}\r\n });\r\n\r\n Context.displayName = options.name;\r\n\r\n function useSelect(): ContextValue<Value>;\r\n function useSelect<Selected>(selector: (value: Value) => Selected): Selected;\r\n function useSelect<Selected>(selector?: (value: Value) => Selected) {\r\n const context = useContext(Context);\r\n\r\n if (!context && options.strict) {\r\n throw new Error(`Context hook ${options.name} must be used inside a Provider`);\r\n }\r\n\r\n if (!selector) {\r\n return context;\r\n }\r\n\r\n return selector(context.value as Value);\r\n }\r\n\r\n const Provider = ({ children, initialValue }: ProviderProps<Value>) => {\r\n const [profile, setProfile] = useState<Value | undefined>(initialValue ?? defaultValue);\r\n\r\n const value = useMemo(\r\n () => ({\r\n value: profile,\r\n set: setProfile\r\n }),\r\n [profile]\r\n );\r\n\r\n return <Context value={value}>{children}</Context>;\r\n };\r\n\r\n return {\r\n useSelect,\r\n instance: Context,\r\n Provider\r\n } as const;\r\n};\r\n"],"names":["createContext","defaultValue","options","Context","createReactContext","useSelect","selector","context","useContext","children","initialValue","profile","setProfile","useState","value","useMemo","jsx"],"mappings":";;AAuDO,MAAMA,IAAgB,CAC3BC,IAAkC,QAClCC,IAAgC,CAAA,MACD;AAC/B,QAAMC,IAAUC,EAGb;AAAA,IACD,OAAOH;AAAA,IACP,KAAK,MAAM;AAAA,IAAA;AAAA,EAAC,CACb;AAED,EAAAE,EAAQ,cAAcD,EAAQ;AAI9B,WAASG,EAAoBC,GAAuC;AAClE,UAAMC,IAAUC,EAAWL,CAAO;AAElC,QAAI,CAACI,KAAWL,EAAQ;AACtB,YAAM,IAAI,MAAM,gBAAgBA,EAAQ,IAAI,iCAAiC;AAG/E,WAAKI,IAIEA,EAASC,EAAQ,KAAc,IAH7BA;AAAA,EAG6B;AAiBxC,SAAO;AAAA,IACL,WAAAF;AAAA,IACA,UAAUF;AAAA,IACV,UAjBe,CAAC,EAAE,UAAAM,GAAU,cAAAC,QAAyC;AACrE,YAAM,CAACC,GAASC,CAAU,IAAIC,EAA4BH,KAAgBT,CAAY,GAEhFa,IAAQC;AAAA,QACZ,OAAO;AAAA,UACL,OAAOJ;AAAA,UACP,KAAKC;AAAA,QAAA;AAAA,QAEP,CAACD,CAAO;AAAA,MAAA;AAGV,aAAO,gBAAAK,EAACb,GAAA,EAAQ,OAAAW,GAAe,UAAAL,EAAA,CAAS;AAAA,IAAA;AAAA,EAMxC;AAEJ;"}
@@ -0,0 +1,13 @@
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { createContext as c, useContext as u } from "react";
3
+ const C = (o) => {
4
+ const t = c(null);
5
+ return { Provider: ({ children: e, params: r }) => {
6
+ const n = o(...r);
7
+ return /* @__PURE__ */ s(t.Provider, { value: n, children: e });
8
+ }, use: () => u(t) };
9
+ };
10
+ export {
11
+ C as createContextHook
12
+ };
13
+ //# sourceMappingURL=createContextHook.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createContextHook.mjs","sources":["../../../../src/helpers/createContextHook/createContextHook.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * @name createContextHook\n * @description - Hook that runs inside a Provider; Provider accepts params (the hook's arguments). Use when you need a scoped instance per subtree.\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @param useHook - The hook to run in the Provider (e.g. useMediaQuery)\n * @returns { Provider, use } — Provider takes params; use() returns the value and must be used inside Provider\n *\n * @example\n * const { Provider, use } = createContextHook(useMediaQuery);\n * <Provider params={[\"(max-width: 768px)\"]}>\n * <Component />\n * </Provider>\n * const matches = use();\n */\nexport const createContextHook = <Hook extends (...args: any[]) => any>(useHook: Hook) => {\n type Value = ReturnType<Hook>;\n const Context = createContext<Value | null>(null);\n\n const Provider = ({ children, params }: { children: ReactNode; params: Parameters<Hook> }) => {\n const value = useHook(...params) as Value;\n return <Context.Provider value={value}>{children}</Context.Provider>;\n };\n\n const use = () => useContext(Context);\n\n return { Provider, use };\n};\n"],"names":["createContextHook","useHook","Context","createContext","children","params","value","jsx","useContext"],"mappings":";;AAsBO,MAAMA,IAAoB,CAAuCC,MAAkB;AAExF,QAAMC,IAAUC,EAA4B,IAAI;AAShD,SAAO,EAAE,UAPQ,CAAC,EAAE,UAAAC,GAAU,QAAAC,QAAgE;AAC5F,UAAMC,IAAQL,EAAQ,GAAGI,CAAM;AAC/B,WAAO,gBAAAE,EAACL,EAAQ,UAAR,EAAiB,OAAAI,GAAe,UAAAF,EAAA,CAAS;AAAA,EAAA,GAKhC,KAFP,MAAMI,EAAWN,CAAO,EAEjB;AACrB;"}
@@ -0,0 +1,42 @@
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { useSyncExternalStore as d, useEffect as m } from "react";
3
+ import { createRoot as a } from "react-dom/client";
4
+ const c = (n) => {
5
+ const e = document.createElement("div"), t = a(e);
6
+ return t.render(n), () => {
7
+ t.unmount(), e.remove();
8
+ };
9
+ }, S = (n) => {
10
+ if (typeof window > "u") {
11
+ const t = (...r) => n(...r);
12
+ return t.useShared = t, t;
13
+ }
14
+ const e = {
15
+ state: void 0,
16
+ listeners: /* @__PURE__ */ new Set(),
17
+ mounted: !1,
18
+ unmount: void 0
19
+ };
20
+ return function(...r) {
21
+ return e.mounted || (e.mounted = !0, queueMicrotask(() => {
22
+ const o = () => {
23
+ const u = n(...r);
24
+ return m(() => {
25
+ e.state = u, e.listeners.forEach((s) => s());
26
+ }, [u]), null;
27
+ };
28
+ e.unmount = c(/* @__PURE__ */ i(o, {}));
29
+ })), d(
30
+ (o) => (e.listeners.add(o), () => {
31
+ e.listeners.delete(o), e.listeners.size < 0 && e.unmount && (e.unmount(), e.unmount = void 0, e.state = void 0, e.mounted = !1);
32
+ }),
33
+ () => e.state,
34
+ () => e.state
35
+ );
36
+ };
37
+ };
38
+ export {
39
+ S as createSharedHook,
40
+ c as mount
41
+ };
42
+ //# sourceMappingURL=createSharedHook.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createSharedHook.mjs","sources":["../../../../src/helpers/createSharedHook/createSharedHook.tsx"],"sourcesContent":["import { useEffect, useSyncExternalStore } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nexport const mount = (component: React.ReactNode) => {\n const container = document.createElement('div');\n const root = createRoot(container);\n root.render(component);\n return () => {\n root.unmount();\n container.remove();\n };\n};\n\n/**\n * @name createSharedHook\n * @description - One shared instance of the hook globally. First subscriber's args are used; when subscribers hit zero, the runner unmounts.\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @template Hook - The hook to create a shared instance of\n * @param {Hook} useHook - The hook to create a shared instance of\n * @returns {Hook & { useShared: typeof useShared }} - The shared hook\n *\n * @example\n * const useSharedMediaQuery = createSharedHook(useMediaQuery);\n * const matches = useSharedMediaQuery(\"(max-width: 768px)\");\n */\nexport const createSharedHook = <Hook extends (...args: any[]) => any>(useHook: Hook) => {\n if (typeof window === 'undefined') {\n const fn = (...args: Parameters<Hook>) => useHook(...args);\n fn.useShared = fn;\n return fn;\n }\n\n type Value = ReturnType<Hook>;\n const store = {\n state: undefined as Value | undefined,\n listeners: new Set<() => void>(),\n mounted: false,\n unmount: undefined as (() => void) | undefined\n };\n\n return function useShared(...args: Parameters<Hook>): Value {\n if (!store.mounted) {\n store.mounted = true;\n queueMicrotask(() => {\n const HookContainer = () => {\n const value = useHook(...args) as Value;\n useEffect(() => {\n store.state = value;\n store.listeners.forEach((l) => l());\n }, [value]);\n return null;\n };\n\n store.unmount = mount(<HookContainer />);\n });\n }\n\n return useSyncExternalStore(\n (callback) => {\n store.listeners.add(callback);\n return () => {\n store.listeners.delete(callback);\n if (store.listeners.size < 0 && store.unmount) {\n store.unmount();\n store.unmount = undefined;\n store.state = undefined;\n store.mounted = false;\n }\n };\n },\n () => store.state,\n () => store.state\n ) as Value;\n };\n};\n"],"names":["mount","component","container","root","createRoot","createSharedHook","useHook","fn","args","store","HookContainer","value","useEffect","l","jsx","useSyncExternalStore","callback"],"mappings":";;;AAGO,MAAMA,IAAQ,CAACC,MAA+B;AACnD,QAAMC,IAAY,SAAS,cAAc,KAAK,GACxCC,IAAOC,EAAWF,CAAS;AACjC,SAAAC,EAAK,OAAOF,CAAS,GACd,MAAM;AACX,IAAAE,EAAK,QAAA,GACLD,EAAU,OAAA;AAAA,EAAO;AAErB,GAkBaG,IAAmB,CAAuCC,MAAkB;AACvF,MAAI,OAAO,SAAW,KAAa;AACjC,UAAMC,IAAK,IAAIC,MAA2BF,EAAQ,GAAGE,CAAI;AACzD,WAAAD,EAAG,YAAYA,GACRA;AAAA,EAAA;AAIT,QAAME,IAAQ;AAAA,IACZ,OAAO;AAAA,IACP,+BAAe,IAAA;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAGX,SAAO,YAAsBD,GAA+B;AAC1D,WAAKC,EAAM,YACTA,EAAM,UAAU,IAChB,eAAe,MAAM;AACnB,YAAMC,IAAgB,MAAM;AAC1B,cAAMC,IAAQL,EAAQ,GAAGE,CAAI;AAC7B,eAAAI,EAAU,MAAM;AACd,UAAAH,EAAM,QAAQE,GACdF,EAAM,UAAU,QAAQ,CAACI,MAAMA,GAAG;AAAA,QAAA,GACjC,CAACF,CAAK,CAAC,GACH;AAAA,MAAA;AAGT,MAAAF,EAAM,UAAUT,EAAM,gBAAAc,EAACJ,GAAA,CAAA,CAAc,CAAE;AAAA,IAAA,CACxC,IAGIK;AAAA,MACL,CAACC,OACCP,EAAM,UAAU,IAAIO,CAAQ,GACrB,MAAM;AACX,QAAAP,EAAM,UAAU,OAAOO,CAAQ,GAC3BP,EAAM,UAAU,OAAO,KAAKA,EAAM,YACpCA,EAAM,QAAA,GACNA,EAAM,UAAU,QAChBA,EAAM,QAAQ,QACdA,EAAM,UAAU;AAAA,MAClB;AAAA,MAGJ,MAAMA,EAAM;AAAA,MACZ,MAAMA,EAAM;AAAA,IAAA;AAAA,EACd;AAEJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useBatchedCallback.mjs","sources":["../../../../src/hooks/useBatchedCallback/useBatchedCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type BatchedCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n flush: () => void;\n cancel: () => void;\n};\n\n/**\n * @name useBatchedCallback\n * @description - Hook that batches calls and forwards them to a callback\n * @category Utilities\n * @usage medium\n *\n * @template Params The type of the params\n * @param {(batch: Params[]) => void} callback The callback that receives a batch of calls\n * @param {number} batchSize The maximum size of a batch before it is flushed\n * @returns {BatchedCallback<Params>} The batched callback with flush and cancel helpers\n *\n * @example\n * const batched = useBatchedCallback((batch) => console.log(batch), 5);\n */\nexport const useBatchedCallback = <Params extends unknown[]>(\n callback: (batch: Params[]) => void,\n size: number\n): BatchedCallback<Params> => {\n const callbackRef = useRef(callback);\n const sizeRef = useRef(size);\n const queueRef = useRef<Params[]>([]);\n\n callbackRef.current = callback;\n sizeRef.current = size;\n\n const flush = () => {\n if (!queueRef.current.length) return;\n const batch = queueRef.current;\n queueRef.current = [];\n callbackRef.current(batch);\n };\n\n const batched = useMemo(() => {\n const batchedCallback = (...args: Params) => {\n queueRef.current.push(args);\n if (queueRef.current.length >= sizeRef.current) flush();\n };\n\n batchedCallback.flush = flush;\n batchedCallback.cancel = () => (queueRef.current = []);\n\n return batchedCallback as BatchedCallback<Params>;\n }, []);\n\n return batched;\n};\n"],"names":["useBatchedCallback","callback","size","callbackRef","useRef","sizeRef","queueRef","flush","batch","useMemo","batchedCallback","args"],"mappings":";AAqBO,MAAMA,IAAqB,CAChCC,GACAC,MAC4B;AAC5B,QAAMC,IAAcC,EAAOH,CAAQ,GAC7BI,IAAUD,EAAOF,CAAI,GACrBI,IAAWF,EAAiB,EAAE;AAEpC,EAAAD,EAAY,UAAUF,GACtBI,EAAQ,UAAUH;AAElB,QAAMK,IAAQ,MAAM;AAClB,QAAI,CAACD,EAAS,QAAQ,OAAQ;AAC9B,UAAME,IAAQF,EAAS;AACvB,IAAAA,EAAS,UAAU,CAAA,GACnBH,EAAY,QAAQK,CAAK;AAAA,EAAA;AAe3B,SAZgBC,EAAQ,MAAM;AAC5B,UAAMC,IAAkB,IAAIC,MAAiB;AAC3C,MAAAL,EAAS,QAAQ,KAAKK,CAAI,GACtBL,EAAS,QAAQ,UAAUD,EAAQ,WAASE,EAAA;AAAA,IAAM;AAGxD,WAAAG,EAAgB,QAAQH,GACxBG,EAAgB,SAAS,MAAOJ,EAAS,UAAU,CAAA,GAE5CI;AAAA,EAAA,GACN,EAAE;AAGP;"}
1
+ {"version":3,"file":"useBatchedCallback.mjs","sources":["../../../../src/hooks/useBatchedCallback/useBatchedCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type BatchedCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n flush: () => void;\n cancel: () => void;\n};\n\n/**\n * @name useBatchedCallback\n * @description - Hook that batches calls and forwards them to a callback\n * @category Utilities\n * @usage medium\n *\n * @template Params The type of the params\n * @param {(batch: Params[]) => void} callback The callback that receives a batch of calls\n * @param {number} batchSize The maximum size of a batch before it is flushed\n * @returns {BatchedCallback<Params>} The batched callback with flush and cancel helpers\n *\n * @example\n * const batched = useBatchedCallback((batch) => console.log(batch), 5);\n */\nexport const useBatchedCallback = <Params extends unknown[]>(\n callback: (batch: Params[]) => void,\n size: number\n): BatchedCallback<Params> => {\n const internalCallbackRef = useRef(callback);\n const sizeRef = useRef(size);\n const queueRef = useRef<Params[]>([]);\n\n internalCallbackRef.current = callback;\n sizeRef.current = size;\n\n const flush = () => {\n if (!queueRef.current.length) return;\n const batch = queueRef.current;\n queueRef.current = [];\n internalCallbackRef.current(batch);\n };\n\n const batched = useMemo(() => {\n const batchedCallback = (...args: Params) => {\n queueRef.current.push(args);\n if (queueRef.current.length >= sizeRef.current) flush();\n };\n\n batchedCallback.flush = flush;\n batchedCallback.cancel = () => (queueRef.current = []);\n\n return batchedCallback as BatchedCallback<Params>;\n }, []);\n\n return batched;\n};\n"],"names":["useBatchedCallback","callback","size","internalCallbackRef","useRef","sizeRef","queueRef","flush","batch","useMemo","batchedCallback","args"],"mappings":";AAqBO,MAAMA,IAAqB,CAChCC,GACAC,MAC4B;AAC5B,QAAMC,IAAsBC,EAAOH,CAAQ,GACrCI,IAAUD,EAAOF,CAAI,GACrBI,IAAWF,EAAiB,EAAE;AAEpC,EAAAD,EAAoB,UAAUF,GAC9BI,EAAQ,UAAUH;AAElB,QAAMK,IAAQ,MAAM;AAClB,QAAI,CAACD,EAAS,QAAQ,OAAQ;AAC9B,UAAME,IAAQF,EAAS;AACvB,IAAAA,EAAS,UAAU,CAAA,GACnBH,EAAoB,QAAQK,CAAK;AAAA,EAAA;AAenC,SAZgBC,EAAQ,MAAM;AAC5B,UAAMC,IAAkB,IAAIC,MAAiB;AAC3C,MAAAL,EAAS,QAAQ,KAAKK,CAAI,GACtBL,EAAS,QAAQ,UAAUD,EAAQ,WAASE,EAAA;AAAA,IAAM;AAGxD,WAAAG,EAAgB,QAAQH,GACxBG,EAAgB,SAAS,MAAOJ,EAAS,UAAU,CAAA,GAE5CI;AAAA,EAAA,GACN,EAAE;AAGP;"}
@@ -1,48 +1,48 @@
1
- import { useRef as V, useState as D, useEffect as F } from "react";
2
- import { useRefState as O } from "../useRefState/useRefState.mjs";
3
- import { isTarget as p } from "../../utils/helpers/isTarget.mjs";
4
- const S = ((...n) => {
5
- const o = p(n[0]) ? n[0] : void 0, s = o ? typeof n[1] == "object" ? n[1] : { onDrop: n[1] } : typeof n[0] == "object" ? n[0] : { onDrop: n[0] }, f = O(), u = V(0), [g, L] = D(null), [E, v] = D(!1), i = s.dataTypes, y = (e) => {
1
+ import { useRef as L, useState as y, useEffect as h } from "react";
2
+ import { useRefState as D } from "../useRefState/useRefState.mjs";
3
+ import { isTarget as d } from "../../utils/helpers/isTarget.mjs";
4
+ const b = ((...n) => {
5
+ const o = d(n[0]) ? n[0] : void 0, s = o ? typeof n[1] == "object" ? n[1] : { onDrop: n[1] } : typeof n[0] == "object" ? n[0] : { onDrop: n[0] }, a = D(), f = L(0), [c, E] = y(null), [p, l] = y(!1), i = s.dataTypes, m = (e) => {
6
6
  if (!e.dataTransfer) return null;
7
7
  const t = Array.from(e.dataTransfer.files);
8
8
  return s.multiple ? t : t.length ? [t[0]] : null;
9
- }, h = (e) => i ? typeof i == "function" ? i(e) : i.length ? e.length ? e.every((t) => i.some((a) => t.includes(a))) : !1 : !0 : !0, R = (e) => {
10
- const t = Array.from(e).map((l) => l.type), a = h(t), c = s.multiple || e.length <= 1;
11
- return a && c;
9
+ }, v = (e) => i ? typeof i == "function" ? i(e) : i.length ? e.length ? e.every((t) => i.some((r) => t.includes(r))) : !1 : !0 : !0, T = (e) => {
10
+ const t = Array.from(e).map((u) => u.type), r = v(t), g = s.multiple || e.length <= 1;
11
+ return r && g;
12
12
  };
13
- return F(() => {
14
- if (!o && !f.state) return;
15
- const e = o ? p.getElement(o) : f.current;
13
+ return h(() => {
14
+ if (!o && !a.state) return;
15
+ const e = o ? d.getElement(o) : a.current;
16
16
  if (!e) return;
17
- const t = (r, d) => {
17
+ const t = (r) => {
18
18
  if (!r.dataTransfer) return;
19
- if (!R(r.dataTransfer.items)) {
19
+ if (!T(r.dataTransfer.items)) {
20
20
  r.dataTransfer.dropEffect = "none";
21
21
  return;
22
22
  }
23
23
  r.preventDefault(), r.dataTransfer.dropEffect = "copy";
24
- const T = y(r);
25
- if (d === "drop") {
26
- u.current = 0, v(!1), L(T), s.onDrop?.(T, r);
24
+ const u = m(r);
25
+ if (r.type === "drop") {
26
+ f.current = 0, l(!1), E(u), s.onDrop?.(u, r);
27
27
  return;
28
28
  }
29
- if (d === "enter") {
30
- u.current += 1, v(!0), s.onEnter?.(r);
29
+ if (r.type === "dragenter") {
30
+ f.current += 1, l(!0), s.onEnter?.(r);
31
31
  return;
32
32
  }
33
- if (d === "leave") {
34
- if (u.current -= 1, u.current !== 0) return;
35
- v(!1), s.onLeave?.(r);
33
+ if (r.type === "dragleave") {
34
+ if (f.current -= 1, f.current !== 0) return;
35
+ l(!1), s.onLeave?.(r);
36
36
  return;
37
37
  }
38
- d === "over" && s.onOver?.(r);
39
- }, a = ((r) => t(r, "drop")), c = ((r) => t(r, "over")), l = ((r) => t(r, "enter")), m = ((r) => t(r, "leave"));
40
- return e.addEventListener("dragenter", l), e.addEventListener("dragover", c), e.addEventListener("dragleave", m), e.addEventListener("drop", a), () => {
41
- e.removeEventListener("dragenter", l), e.removeEventListener("dragover", c), e.removeEventListener("dragleave", m), e.removeEventListener("drop", a);
38
+ r.type === "dragover" && s.onOver?.(r);
42
39
  };
43
- }, [o && p.getRawElement(o), f.state]), o ? { overed: E, files: g } : { ref: f, overed: E, files: g };
40
+ return e.addEventListener("dragenter", t), e.addEventListener("dragover", t), e.addEventListener("dragleave", t), e.addEventListener("drop", t), () => {
41
+ e.removeEventListener("dragenter", t), e.removeEventListener("dragover", t), e.removeEventListener("dragleave", t), e.removeEventListener("drop", t);
42
+ };
43
+ }, [o && d.getRawElement(o), a.state]), o ? { overed: p, files: c } : { ref: a, overed: p, files: c };
44
44
  });
45
45
  export {
46
- S as useDropZone
46
+ b as useDropZone
47
47
  };
48
48
  //# sourceMappingURL=useDropZone.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDropZone.mjs","sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { 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 */\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 ? isTarget.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 && isTarget.getRawElement(target), internalRef.state]);\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","onEvent","currentFiles","onDrop","onDragOver","onDragEnter","onDragLeave"],"mappings":";;;AAwGO,MAAMA,KAAe,IAAIC,MAAkB;AAChD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IACJF,IACI,OAAOD,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,QAAQA,EAAO,CAAC,EAAA,IACpB,OAAOA,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,QAAQA,EAAO,CAAC,EAAA,GAGpBI,IAAcC,EAAA,GAEdC,IAAaC,EAAO,CAAC,GACrB,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GAEpCG,IAAYV,EAAQ,WAEpBW,IAAW,CAACC,MAAqB;AACrC,QAAI,CAACA,EAAM,aAAc,QAAO;AAChC,UAAMC,IAAO,MAAM,KAAKD,EAAM,aAAa,KAAK;AAChD,WAAIZ,EAAQ,WAAiBa,IACxBA,EAAK,SACH,CAACA,EAAK,CAAC,CAAC,IADU;AAAA,EACV,GAGXC,IAAiB,CAACC,MACjBL,IACD,OAAOA,KAAc,aAAmBA,EAAUK,CAAK,IACtDL,EAAU,SACVK,EAAM,SAEJA,EAAM,MAAM,CAACC,MAASN,EAAU,KAAK,CAACO,MAAaD,EAAK,SAASC,CAAQ,CAAC,CAAC,IAFxD,KADI,KAFP,IAQnBC,IAAgB,CAACC,MAAgC;AACrD,UAAMJ,IAAQ,MAAM,KAAKI,CAAK,EAAE,IAAI,CAACC,MAASA,EAAK,IAAI,GACjDC,IAAiBP,EAAeC,CAAK,GACrCO,IAAqBtB,EAAQ,YAAYmB,EAAM,UAAU;AAE/D,WAAOE,KAAkBC;AAAA,EAAA;AAoE3B,SAjEAC,EAAU,MAAM;AACd,QAAI,CAACzB,KAAU,CAACG,EAAY,MAAO;AAEnC,UAAMuB,IAAU1B,IAASC,EAAS,WAAWD,CAAM,IAAIG,EAAY;AAEnE,QAAI,CAACuB,EAAS;AAEd,UAAMC,IAAU,CAACb,GAAkBI,MAA8C;AAC/E,UAAI,CAACJ,EAAM,aAAc;AAGzB,UAAI,CADYM,EAAcN,EAAM,aAAa,KAAK,GACxC;AACZ,QAAAA,EAAM,aAAa,aAAa;AAChC;AAAA,MAAA;AAGF,MAAAA,EAAM,eAAA,GACNA,EAAM,aAAa,aAAa;AAEhC,YAAMc,IAAef,EAASC,CAAK;AAEnC,UAAII,MAAS,QAAQ;AACnB,QAAAb,EAAW,UAAU,GACrBM,EAAU,EAAK,GACfH,EAASoB,CAAY,GACrB1B,EAAQ,SAAS0B,GAAcd,CAAK;AACpC;AAAA,MAAA;AAGF,UAAII,MAAS,SAAS;AACpB,QAAAb,EAAW,WAAW,GACtBM,EAAU,EAAI,GACdT,EAAQ,UAAUY,CAAK;AACvB;AAAA,MAAA;AAGF,UAAII,MAAS,SAAS;AAEpB,YADAb,EAAW,WAAW,GAClBA,EAAW,YAAY,EAAG;AAC9B,QAAAM,EAAU,EAAK,GACfT,EAAQ,UAAUY,CAAK;AACvB;AAAA,MAAA;AAGF,MAAII,MAAS,UAAQhB,EAAQ,SAASY,CAAK;AAAA,IAAA,GAGvCe,KAAU,CAACf,MAAqBa,EAAQb,GAAO,MAAM,IACrDgB,KAAc,CAAChB,MAAqBa,EAAQb,GAAO,MAAM,IACzDiB,KAAe,CAACjB,MAAqBa,EAAQb,GAAO,OAAO,IAC3DkB,KAAe,CAAClB,MAAqBa,EAAQb,GAAO,OAAO;AAEjE,WAAAY,EAAQ,iBAAiB,aAAaK,CAAW,GACjDL,EAAQ,iBAAiB,YAAYI,CAAU,GAC/CJ,EAAQ,iBAAiB,aAAaM,CAAW,GACjDN,EAAQ,iBAAiB,QAAQG,CAAM,GAEhC,MAAM;AACX,MAAAH,EAAQ,oBAAoB,aAAaK,CAAW,GACpDL,EAAQ,oBAAoB,YAAYI,CAAU,GAClDJ,EAAQ,oBAAoB,aAAaM,CAAW,GACpDN,EAAQ,oBAAoB,QAAQG,CAAM;AAAA,IAAA;AAAA,EAC5C,GACC,CAAC7B,KAAUC,EAAS,cAAcD,CAAM,GAAGG,EAAY,KAAK,CAAC,GAE5DH,IAAe,EAAE,QAAAU,GAAQ,OAAAH,EAAA,IACtB,EAAE,KAAKJ,GAAa,QAAAO,GAAQ,OAAAH,EAAA;AACrC;"}
1
+ {"version":3,"file":"useDropZone.mjs","sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { 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 */\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 ? isTarget.getElement(target) : internalRef.current;\n\n if (!element) return;\n\n const onEvent = (event: DragEvent) => {\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 (event.type === 'drop') {\n counterRef.current = 0;\n setOvered(false);\n setFiles(currentFiles);\n options.onDrop?.(currentFiles, event);\n return;\n }\n\n if (event.type === 'dragenter') {\n counterRef.current += 1;\n setOvered(true);\n options.onEnter?.(event);\n return;\n }\n\n if (event.type === 'dragleave') {\n counterRef.current -= 1;\n if (counterRef.current !== 0) return;\n setOvered(false);\n options.onLeave?.(event);\n return;\n }\n\n if (event.type === 'dragover') options.onOver?.(event);\n };\n\n element.addEventListener('dragenter', onEvent as EventListener);\n element.addEventListener('dragover', onEvent as EventListener);\n element.addEventListener('dragleave', onEvent as EventListener);\n element.addEventListener('drop', onEvent as EventListener);\n\n return () => {\n element.removeEventListener('dragenter', onEvent as EventListener);\n element.removeEventListener('dragover', onEvent as EventListener);\n element.removeEventListener('dragleave', onEvent as EventListener);\n element.removeEventListener('drop', onEvent as EventListener);\n };\n }, [target && isTarget.getRawElement(target), internalRef.state]);\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","onEvent","currentFiles"],"mappings":";;;AAwGO,MAAMA,KAAe,IAAIC,MAAkB;AAChD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IACJF,IACI,OAAOD,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,QAAQA,EAAO,CAAC,EAAA,IACpB,OAAOA,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,QAAQA,EAAO,CAAC,EAAA,GAGpBI,IAAcC,EAAA,GAEdC,IAAaC,EAAO,CAAC,GACrB,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GAEpCG,IAAYV,EAAQ,WAEpBW,IAAW,CAACC,MAAqB;AACrC,QAAI,CAACA,EAAM,aAAc,QAAO;AAChC,UAAMC,IAAO,MAAM,KAAKD,EAAM,aAAa,KAAK;AAChD,WAAIZ,EAAQ,WAAiBa,IACxBA,EAAK,SACH,CAACA,EAAK,CAAC,CAAC,IADU;AAAA,EACV,GAGXC,IAAiB,CAACC,MACjBL,IACD,OAAOA,KAAc,aAAmBA,EAAUK,CAAK,IACtDL,EAAU,SACVK,EAAM,SAEJA,EAAM,MAAM,CAACC,MAASN,EAAU,KAAK,CAACO,MAAaD,EAAK,SAASC,CAAQ,CAAC,CAAC,IAFxD,KADI,KAFP,IAQnBC,IAAgB,CAACC,MAAgC;AACrD,UAAMJ,IAAQ,MAAM,KAAKI,CAAK,EAAE,IAAI,CAACC,MAASA,EAAK,IAAI,GACjDC,IAAiBP,EAAeC,CAAK,GACrCO,IAAqBtB,EAAQ,YAAYmB,EAAM,UAAU;AAE/D,WAAOE,KAAkBC;AAAA,EAAA;AA+D3B,SA5DAC,EAAU,MAAM;AACd,QAAI,CAACzB,KAAU,CAACG,EAAY,MAAO;AAEnC,UAAMuB,IAAU1B,IAASC,EAAS,WAAWD,CAAM,IAAIG,EAAY;AAEnE,QAAI,CAACuB,EAAS;AAEd,UAAMC,IAAU,CAACb,MAAqB;AACpC,UAAI,CAACA,EAAM,aAAc;AAGzB,UAAI,CADYM,EAAcN,EAAM,aAAa,KAAK,GACxC;AACZ,QAAAA,EAAM,aAAa,aAAa;AAChC;AAAA,MAAA;AAGF,MAAAA,EAAM,eAAA,GACNA,EAAM,aAAa,aAAa;AAEhC,YAAMc,IAAef,EAASC,CAAK;AAEnC,UAAIA,EAAM,SAAS,QAAQ;AACzB,QAAAT,EAAW,UAAU,GACrBM,EAAU,EAAK,GACfH,EAASoB,CAAY,GACrB1B,EAAQ,SAAS0B,GAAcd,CAAK;AACpC;AAAA,MAAA;AAGF,UAAIA,EAAM,SAAS,aAAa;AAC9B,QAAAT,EAAW,WAAW,GACtBM,EAAU,EAAI,GACdT,EAAQ,UAAUY,CAAK;AACvB;AAAA,MAAA;AAGF,UAAIA,EAAM,SAAS,aAAa;AAE9B,YADAT,EAAW,WAAW,GAClBA,EAAW,YAAY,EAAG;AAC9B,QAAAM,EAAU,EAAK,GACfT,EAAQ,UAAUY,CAAK;AACvB;AAAA,MAAA;AAGF,MAAIA,EAAM,SAAS,cAAYZ,EAAQ,SAASY,CAAK;AAAA,IAAA;AAGvD,WAAAY,EAAQ,iBAAiB,aAAaC,CAAwB,GAC9DD,EAAQ,iBAAiB,YAAYC,CAAwB,GAC7DD,EAAQ,iBAAiB,aAAaC,CAAwB,GAC9DD,EAAQ,iBAAiB,QAAQC,CAAwB,GAElD,MAAM;AACX,MAAAD,EAAQ,oBAAoB,aAAaC,CAAwB,GACjED,EAAQ,oBAAoB,YAAYC,CAAwB,GAChED,EAAQ,oBAAoB,aAAaC,CAAwB,GACjED,EAAQ,oBAAoB,QAAQC,CAAwB;AAAA,IAAA;AAAA,EAC9D,GACC,CAAC3B,KAAUC,EAAS,cAAcD,CAAM,GAAGG,EAAY,KAAK,CAAC,GAE5DH,IAAe,EAAE,QAAAU,GAAQ,OAAAH,EAAA,IACtB,EAAE,KAAKJ,GAAa,QAAAO,GAAQ,OAAAH,EAAA;AACrC;"}