@siberiacancode/reactuse 0.2.10 → 0.2.11

package/dist/esm/hooks/useDropZone/useDropZone.mjs.map

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

package/dist/esm/hooks/useShare/useShare.mjs

@@ -1,15 +1,15 @@
-const s = (e) => {
-  const r = typeof navigator < "u" && "share" in navigator;
-  return { share: async (n) => {
-    if (!r) return;
-    const a = {
+const i = (e) => {
+  const a = typeof navigator < "u" && "share" in navigator;
+  return { trigger: async (t) => {
+    if (!a) return;
+    const r = {
       ...e,
-      ...n
+      ...t
     };
-    return a.files && navigator.canShare({ files: a.files }) && navigator.share(a), navigator.share(a);
-  }, supported: r };
+    return r.files && navigator.canShare({ files: r.files }) && navigator.share(r), navigator.share(r);
+  }, supported: a };
 };
 export {
-  s as useShare
+  i as useShare
 };
 //# sourceMappingURL=useShare.mjs.map

package/dist/esm/hooks/useShare/useShare.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useShare.mjs","sources":["../../../../src/hooks/useShare/useShare.ts"],"sourcesContent":["/** The use share options type */\r\nexport interface UseShareParams {\r\n  /** Array of files to be shared */\r\n  files?: File[];\r\n  /** Text content to be shared */\r\n  text?: string;\r\n  /** Title of the content being shared */\r\n  title?: string;\r\n  /** URL link to be shared */\r\n  url?: string;\r\n}\r\n\r\n/** The use share return type */\r\nexport interface UseShareReturn {\r\n  /** Whether the Web Share API is supported in the current environment */\r\n  supported: boolean;\r\n  /** Function to trigger the native share dialog */\r\n  share: (shareParams: ShareData) => Promise<void>;\r\n}\r\n\r\n/**\r\n * @name useShare\r\n * @description - Hook that utilizes the share api\r\n * @category Browser\r\n *\r\n * @browserapi share https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share\r\n *\r\n * @param {UseShareParams} [params] The use share options\r\n * @returns {UseShareReturn}\r\n *\r\n * @example\r\n * const { share, supported } = useShare();\r\n */\r\nexport const useShare = (params?: UseShareParams) => {\r\n  const supported = typeof navigator !== 'undefined' && 'share' in navigator;\r\n\r\n  const share = async (shareParams: ShareData) => {\r\n    if (!supported) return;\r\n\r\n    const data = {\r\n      ...params,\r\n      ...shareParams\r\n    };\r\n\r\n    if (data.files && navigator.canShare({ files: data.files })) navigator.share(data);\r\n\r\n    return navigator.share(data);\r\n  };\r\n\r\n  return { share, supported };\r\n};\r\n"],"names":["useShare","params","supported","shareParams","data"],"mappings":"AAiCa,MAAAA,IAAW,CAACC,MAA4B;AACnD,QAAMC,IAAY,OAAO,YAAc,OAAe,WAAW;AAe1D,SAAA,EAAE,OAbK,OAAOC,MAA2B;AAC9C,QAAI,CAACD,EAAW;AAEhB,UAAME,IAAO;AAAA,MACX,GAAGH;AAAA,MACH,GAAGE;AAAA,IACL;AAEA,WAAIC,EAAK,SAAS,UAAU,SAAS,EAAE,OAAOA,EAAK,MAAA,CAAO,KAAa,UAAA,MAAMA,CAAI,GAE1E,UAAU,MAAMA,CAAI;AAAA,EAC7B,GAEgB,WAAAF,EAAU;AAC5B;"}
+{"version":3,"file":"useShare.mjs","sources":["../../../../src/hooks/useShare/useShare.ts"],"sourcesContent":["/** The use share options type */\nexport interface UseShareParams {\n  /** Array of files to be shared */\n  files?: File[];\n  /** Text content to be shared */\n  text?: string;\n  /** Title of the content being shared */\n  title?: string;\n  /** URL link to be shared */\n  url?: string;\n}\n\n/** The use share return type */\nexport interface UseShareReturn {\n  /** Whether the Web Share API is supported in the current environment */\n  supported: boolean;\n  /** Function to trigger the native share dialog */\n  trigger: (shareParams: ShareData) => Promise<void>;\n}\n\n/**\n * @name useShare\n * @description - Hook that utilizes the share api\n * @category Browser\n *\n * @browserapi share https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share\n *\n * @param {UseShareParams} [params] The use share options\n * @returns {UseShareReturn}\n *\n * @example\n * const { share, supported } = useShare();\n */\nexport const useShare = (params?: UseShareParams) => {\n  const supported = typeof navigator !== 'undefined' && 'share' in navigator;\n\n  const trigger = async (shareParams: ShareData) => {\n    if (!supported) return;\n\n    const data = {\n      ...params,\n      ...shareParams\n    };\n\n    if (data.files && navigator.canShare({ files: data.files })) navigator.share(data);\n\n    return navigator.share(data);\n  };\n\n  return { trigger, supported };\n};\n"],"names":["useShare","params","supported","shareParams","data"],"mappings":"AAiCa,MAAAA,IAAW,CAACC,MAA4B;AACnD,QAAMC,IAAY,OAAO,YAAc,OAAe,WAAW;AAe1D,SAAA,EAAE,SAbO,OAAOC,MAA2B;AAChD,QAAI,CAACD,EAAW;AAEhB,UAAME,IAAO;AAAA,MACX,GAAGH;AAAA,MACH,GAAGE;AAAA,IACL;AAEA,WAAIC,EAAK,SAAS,UAAU,SAAS,EAAE,OAAOA,EAAK,MAAA,CAAO,KAAa,UAAA,MAAMA,CAAI,GAE1E,UAAU,MAAMA,CAAI;AAAA,EAC7B,GAEkB,WAAAF,EAAU;AAC9B;"}

package/dist/esm/hooks/useStep/useStep.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useStep.mjs","sources":["../../../../src/hooks/useStep/useStep.ts"],"sourcesContent":["import { useRef, useState } from 'react';\r\n\r\n/** The use step params type */\r\nexport interface UseStepParams {\r\n  /** Initial value for step */\r\n  initial: number;\r\n  /** Maximum value for step */\r\n  max: number;\r\n}\r\n\r\n/** The use step return type */\r\nexport interface UseStepReturn {\r\n  /** Counts of steps */\r\n  counts: number;\r\n  /** Current value of step */\r\n  currentStep: number;\r\n  /** Boolean value if current step is first */\r\n  isFirst: boolean;\r\n  /** Boolean value if current step is last */\r\n  isLast: boolean;\r\n  /** Go to back step */\r\n  back: () => void;\r\n  /** Go to next step */\r\n  next: () => void;\r\n  /** Reset current step to initial value */\r\n  reset: () => void;\r\n  /** Go to custom step */\r\n  set: (value: number | 'first' | 'last') => void;\r\n}\r\n\r\nconst FIRST_STEP_VALUE = 1;\r\n\r\n/**\r\n * @name useStep\r\n * @description - Hook that create stepper\r\n * @category Utilities\r\n *\r\n * @overload\r\n * @param {number} max Maximum number of steps\r\n * @returns {UseStepReturn} An object contains variables and functions to change the step\r\n *\r\n * @example\r\n * const stepper = useStep(5);\r\n *\r\n * @overload\r\n * @param {number} params.max Maximum number of steps\r\n * @param {number} params.initial Initial value for step\r\n * @returns {UseStepReturn} An object contains variables and functions to change the step\r\n *\r\n * @example\r\n * const stepper = useStep({ initial: 2, max: 5 });\r\n */\r\nexport const useStep = (params: number | UseStepParams): UseStepReturn => {\r\n  const max = typeof params === 'object' ? params.max : params;\r\n  const initial = typeof params === 'object' ? params.initial : FIRST_STEP_VALUE;\r\n\r\n  const initialStep = useRef(\r\n    initial > max || initial < FIRST_STEP_VALUE ? FIRST_STEP_VALUE : initial\r\n  );\r\n  const [currentStep, setCurrentStep] = useState(initial);\r\n\r\n  const isFirst = currentStep === FIRST_STEP_VALUE;\r\n  const isLast = currentStep === max;\r\n\r\n  const next = () => {\r\n    if (isLast) return;\r\n    setCurrentStep((prevStep) => prevStep + 1);\r\n  };\r\n\r\n  const back = () => {\r\n    if (isFirst) return;\r\n    setCurrentStep((prevStep) => prevStep - 1);\r\n  };\r\n\r\n  const reset = () => setCurrentStep(initialStep.current);\r\n\r\n  const set = (value: number | 'first' | 'last') => {\r\n    if (value === 'first') return setCurrentStep(initialStep.current);\r\n    if (value === 'last') return setCurrentStep(max);\r\n    if (value >= max) return setCurrentStep(max);\r\n    if (value <= FIRST_STEP_VALUE) return setCurrentStep(FIRST_STEP_VALUE);\r\n    setCurrentStep(value);\r\n  };\r\n\r\n  return {\r\n    counts: max,\r\n    currentStep,\r\n    isFirst,\r\n    isLast,\r\n    next,\r\n    back,\r\n    reset,\r\n    set\r\n  };\r\n};\r\n"],"names":["FIRST_STEP_VALUE","useStep","params","max","initial","initialStep","useRef","currentStep","setCurrentStep","useState","isFirst","isLast","prevStep","value"],"mappings":";AA8BA,MAAMA,IAAmB,GAsBZC,IAAU,CAACC,MAAkD;AACxE,QAAMC,IAAM,OAAOD,KAAW,WAAWA,EAAO,MAAMA,GAChDE,IAAU,OAAOF,KAAW,WAAWA,EAAO,UAAUF,GAExDK,IAAcC;AAAA,IAClBF,IAAUD,KAAOC,IAAUJ,IAAmBA,IAAmBI;AAAA,EACnE,GACM,CAACG,GAAaC,CAAc,IAAIC,EAASL,CAAO,GAEhDM,IAAUH,MAAgBP,GAC1BW,IAASJ,MAAgBJ;AAsBxB,SAAA;AAAA,IACL,QAAQA;AAAA,IACR,aAAAI;AAAA,IACA,SAAAG;AAAA,IACA,QAAAC;AAAA,IACA,MAzBW,MAAM;AACjB,MAAIA,KACWH,EAAA,CAACI,MAAaA,IAAW,CAAC;AAAA,IAC3C;AAAA,IAuBE,MArBW,MAAM;AACjB,MAAIF,KACWF,EAAA,CAACI,MAAaA,IAAW,CAAC;AAAA,IAC3C;AAAA,IAmBE,OAjBY,MAAMJ,EAAeH,EAAY,OAAO;AAAA,IAkBpD,KAhBU,CAACQ,MAAqC;AAChD,UAAIA,MAAU,QAAgB,QAAAL,EAAeH,EAAY,OAAO;AAEhE,UADIQ,MAAU,UACVA,KAASV,EAAY,QAAAK,EAAeL,CAAG;AAC3C,UAAIU,KAASb,EAAyB,QAAAQ,EAAeR,CAAgB;AACrE,MAAAQ,EAAeK,CAAK;AAAA,IACtB;AAAA,EAWA;AACF;"}
+{"version":3,"file":"useStep.mjs","sources":["../../../../src/hooks/useStep/useStep.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\n/** The use step params type */\nexport interface UseStepParams {\n  /** Initial value for step */\n  initial: number;\n  /** Maximum value for step */\n  max: number;\n}\n\n/** The use step return type */\nexport interface UseStepReturn {\n  /** Counts of steps */\n  counts: number;\n  /** Current value of step */\n  currentStep: number;\n  /** Boolean value if current step is first */\n  isFirst: boolean;\n  /** Boolean value if current step is last */\n  isLast: boolean;\n  /** Go to back step */\n  back: () => void;\n  /** Go to next step */\n  next: () => void;\n  /** Reset current step to initial value */\n  reset: () => void;\n  /** Go to custom step */\n  set: (value: number | 'first' | 'last') => void;\n}\n\nconst FIRST_STEP_VALUE = 1;\n\n/**\n * @name useStep\n * @description - Hook that create stepper\n * @category Utilities\n *\n * @overload\n * @param {number} max Maximum number of steps\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep(5);\n *\n * @overload\n * @param {number} params.max Maximum number of steps\n * @param {number} params.initial Initial value for step\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep({ initial: 2, max: 5 });\n */\nexport const useStep = (params: number | UseStepParams): UseStepReturn => {\n  const max = typeof params === 'object' ? params.max : params;\n  const initial = typeof params === 'object' ? params.initial : FIRST_STEP_VALUE;\n\n  const initialStep = useRef(\n    initial > max || initial < FIRST_STEP_VALUE ? FIRST_STEP_VALUE : initial\n  );\n  const [currentStep, setCurrentStep] = useState(initial);\n\n  const isFirst = currentStep === FIRST_STEP_VALUE;\n  const isLast = currentStep === max;\n\n  const next = () => {\n    if (isLast) return;\n    setCurrentStep((prevStep) => prevStep + 1);\n  };\n\n  const back = () => {\n    if (isFirst) return;\n    setCurrentStep((prevStep) => prevStep - 1);\n  };\n\n  const reset = () => setCurrentStep(initialStep.current);\n\n  const set = (value: number | 'first' | 'last') => {\n    if (value === 'first') return setCurrentStep(initialStep.current);\n    if (value === 'last') return setCurrentStep(max);\n    if (value >= max) return setCurrentStep(max);\n    if (value <= FIRST_STEP_VALUE) return setCurrentStep(FIRST_STEP_VALUE);\n    setCurrentStep(value);\n  };\n\n  return {\n    counts: max,\n    currentStep,\n    isFirst,\n    isLast,\n    next,\n    back,\n    reset,\n    set\n  };\n};\n"],"names":["FIRST_STEP_VALUE","useStep","params","max","initial","initialStep","useRef","currentStep","setCurrentStep","useState","isFirst","isLast","prevStep","value"],"mappings":";AA8BA,MAAMA,IAAmB,GAsBZC,IAAU,CAACC,MAAkD;AACxE,QAAMC,IAAM,OAAOD,KAAW,WAAWA,EAAO,MAAMA,GAChDE,IAAU,OAAOF,KAAW,WAAWA,EAAO,UAAUF,GAExDK,IAAcC;AAAA,IAClBF,IAAUD,KAAOC,IAAUJ,IAAmBA,IAAmBI;AAAA,EACnE,GACM,CAACG,GAAaC,CAAc,IAAIC,EAASL,CAAO,GAEhDM,IAAUH,MAAgBP,GAC1BW,IAASJ,MAAgBJ;AAsBxB,SAAA;AAAA,IACL,QAAQA;AAAA,IACR,aAAAI;AAAA,IACA,SAAAG;AAAA,IACA,QAAAC;AAAA,IACA,MAzBW,MAAM;AACjB,MAAIA,KACWH,EAAA,CAACI,MAAaA,IAAW,CAAC;AAAA,IAC3C;AAAA,IAuBE,MArBW,MAAM;AACjB,MAAIF,KACWF,EAAA,CAACI,MAAaA,IAAW,CAAC;AAAA,IAC3C;AAAA,IAmBE,OAjBY,MAAMJ,EAAeH,EAAY,OAAO;AAAA,IAkBpD,KAhBU,CAACQ,MAAqC;AAChD,UAAIA,MAAU,QAAgB,QAAAL,EAAeH,EAAY,OAAO;AAEhE,UADIQ,MAAU,UACVA,KAASV,EAAY,QAAAK,EAAeL,CAAG;AAC3C,UAAIU,KAASb,EAAyB,QAAAQ,EAAeR,CAAgB;AACrE,MAAAQ,EAAeK,CAAK;AAAA,IACtB;AAAA,EAWA;AACF;"}

package/dist/esm/hooks/useStorage/useStorage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useStorage.mjs","sources":["../../../../src/hooks/useStorage/useStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\n/* The use storage initial value type */\r\nexport type UseStorageInitialValue<Value> = (() => Value) | Value;\r\n\r\n/* The use storage options type */\r\nexport interface UseStorageOptions<Value> {\r\n  /* The initial value of the storage */\r\n  initialValue?: UseStorageInitialValue<Value>;\r\n  /* The storage to be used */\r\n  storage?: Storage;\r\n  /* The deserializer function to be invoked */\r\n  deserializer?: (value: string) => Value;\r\n  /* The serializer function to be invoked */\r\n  serializer?: (value: Value) => string;\r\n}\r\n\r\n/* The use storage return type */\r\nexport interface UseStorageReturn<Value> {\r\n  /* The value of the storage */\r\n  value: Value;\r\n  /* The error state of the storage */\r\n  remove: () => void;\r\n  /* The loading state of the storage */\r\n  set: (value: Value) => void;\r\n}\r\n\r\nexport interface UseStorage {\r\n  <Value>(\r\n    key: string,\r\n    options: UseStorageOptions<Value> & { initialValue: UseStorageInitialValue<Value> }\r\n  ): UseStorageReturn<Value>;\r\n\r\n  <Value>(key: string, options?: UseStorageOptions<Value>): UseStorageReturn<Value | undefined>;\r\n\r\n  <Value>(key: string, initialValue: UseStorageInitialValue<Value>): UseStorageReturn<Value>;\r\n\r\n  <Value>(key: string): UseStorageReturn<Value | undefined>;\r\n}\r\n\r\nexport const STORAGE_EVENT = 'reactuse-storage';\r\n\r\nexport const dispatchStorageEvent = (params: Partial<StorageEvent>) =>\r\n  window.dispatchEvent(new StorageEvent(STORAGE_EVENT, params));\r\n\r\nconst setStorageItem = (storage: Storage, key: string, value: string) => {\r\n  const oldValue = storage.getItem(key);\r\n\r\n  storage.setItem(key, value);\r\n  dispatchStorageEvent({ key, oldValue, newValue: value, storageArea: storage });\r\n};\r\n\r\nconst removeStorageItem = (storage: Storage, key: string) => {\r\n  const oldValue = storage.getItem(key);\r\n\r\n  storage.removeItem(key);\r\n  dispatchStorageEvent({ key, oldValue, newValue: null, storageArea: storage });\r\n};\r\n\r\nconst getStorageItem = (storage: Storage, key: string) => {\r\n  const value = storage.getItem(key);\r\n  if (!value) return undefined;\r\n  return value;\r\n};\r\n\r\n/**\r\n * @name useStorage\r\n * @description - Hook that manages storage value\r\n * @category Browser\r\n *\r\n * @overload\r\n * @param {string} key The key of the storage\r\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\r\n * @returns {UseStorageReturn<Value>} The value and the set function\r\n *\r\n * @overload\r\n * @param {string} key The key of the storage\r\n * @param {(value: Value) => string} [params.serializer] The serializer function\r\n * @param {(value: string) => Value} [params.deserializer] The deserializer function\r\n * @param {Storage} [params.storage] The storage\r\n * @param {UseStorageInitialValue<Value>} [params.initialValue] The initial value of the storage\r\n * @returns {UseStorageReturn<Value>} The value and the set function\r\n *\r\n * @example\r\n * const { value, set, remove } = useStorage('key', 'value');\r\n */\r\nexport const useStorage = (<Value>(key: string, params?: any): UseStorageReturn<Value> => {\r\n  const options = (\r\n    typeof params === 'object' &&\r\n    params &&\r\n    ('serializer' in params ||\r\n      'deserializer' in params ||\r\n      'initialValue' in params ||\r\n      'storage' in params)\r\n      ? params\r\n      : undefined\r\n  ) as UseStorageOptions<Value>;\r\n\r\n  const initialValue = (options ? options?.initialValue : params) as UseStorageInitialValue<Value>;\r\n\r\n  if (typeof window === 'undefined') {\r\n    const value = typeof initialValue === 'function' ? (initialValue as () => any)() : initialValue;\r\n    return {\r\n      value,\r\n      set: () => {},\r\n      remove: () => {}\r\n    };\r\n  }\r\n\r\n  const serializer = (value: Value) => {\r\n    if (options?.serializer) return options.serializer(value);\r\n    if (typeof value === 'string') return value;\r\n    return JSON.stringify(value);\r\n  };\r\n\r\n  const storage = options?.storage ?? window?.localStorage;\r\n\r\n  const set = (value: Value) => setStorageItem(storage, key, serializer(value));\r\n  const remove = () => removeStorageItem(storage, key);\r\n\r\n  const deserializer = (value: string) => {\r\n    if (options?.deserializer) return options.deserializer(value);\r\n    if (value === 'undefined') return undefined as unknown as Value;\r\n\r\n    try {\r\n      return JSON.parse(value) as Value;\r\n    } catch {\r\n      return value as Value;\r\n    }\r\n  };\r\n\r\n  const [value, setValue] = useState<Value | undefined>(() => {\r\n    const storageValue = getStorageItem(storage, key);\r\n    if (storageValue === undefined && initialValue !== undefined) {\r\n      const value =\r\n        typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\r\n      setStorageItem(storage, key, serializer(value));\r\n      return value;\r\n    }\r\n    return storageValue ? deserializer(storageValue) : undefined;\r\n  });\r\n\r\n  useEffect(() => {\r\n    const onChange = () => {\r\n      const storageValue = getStorageItem(storage, key);\r\n      setValue(storageValue ? deserializer(storageValue) : undefined);\r\n    };\r\n    window.addEventListener(STORAGE_EVENT, onChange);\r\n    return () => window.removeEventListener(STORAGE_EVENT, onChange);\r\n  }, [key]);\r\n\r\n  return {\r\n    value: value as Value,\r\n    set,\r\n    remove\r\n  };\r\n}) as UseStorage;\r\n"],"names":["STORAGE_EVENT","dispatchStorageEvent","params","setStorageItem","storage","key","value","oldValue","removeStorageItem","getStorageItem","useStorage","options","initialValue","serializer","set","remove","deserializer","setValue","useState","storageValue","useEffect","onChange"],"mappings":";AAwCO,MAAMA,IAAgB,oBAEhBC,IAAuB,CAACC,MACnC,OAAO,cAAc,IAAI,aAAaF,GAAeE,CAAM,CAAC,GAExDC,IAAiB,CAACC,GAAkBC,GAAaC,MAAkB;AACjE,QAAAC,IAAWH,EAAQ,QAAQC,CAAG;AAE5B,EAAAD,EAAA,QAAQC,GAAKC,CAAK,GAC1BL,EAAqB,EAAE,KAAAI,GAAK,UAAAE,GAAU,UAAUD,GAAO,aAAaF,GAAS;AAC/E,GAEMI,IAAoB,CAACJ,GAAkBC,MAAgB;AACrD,QAAAE,IAAWH,EAAQ,QAAQC,CAAG;AAEpC,EAAAD,EAAQ,WAAWC,CAAG,GACtBJ,EAAqB,EAAE,KAAAI,GAAK,UAAAE,GAAU,UAAU,MAAM,aAAaH,GAAS;AAC9E,GAEMK,IAAiB,CAACL,GAAkBC,MAAgB;AAClD,QAAAC,IAAQF,EAAQ,QAAQC,CAAG;AAC7B,MAACC;AACE,WAAAA;AACT,GAuBaI,IAAc,CAAQL,GAAaH,MAA0C;AACxF,QAAMS,IACJ,OAAOT,KAAW,YAClBA,MACC,gBAAgBA,KACf,kBAAkBA,KAClB,kBAAkBA,KAClB,aAAaA,KACXA,IACA,QAGAU,IAAgBD,IAAUA,KAAA,gBAAAA,EAAS,eAAeT;AAEpD,MAAA,OAAO,SAAW;AAEb,WAAA;AAAA,MACL,OAFY,OAAOU,KAAiB,aAAcA,EAA+B,IAAAA;AAAA,MAGjF,KAAK,MAAM;AAAA,MAAC;AAAA,MACZ,QAAQ,MAAM;AAAA,MAAA;AAAA,IAChB;AAGI,QAAAC,IAAa,CAACP,MACdK,KAAA,QAAAA,EAAS,aAAmBA,EAAQ,WAAWL,CAAK,IACpD,OAAOA,KAAU,WAAiBA,IAC/B,KAAK,UAAUA,CAAK,GAGvBF,KAAUO,KAAA,gBAAAA,EAAS,aAAW,iCAAQ,eAEtCG,IAAM,CAACR,MAAiBH,EAAeC,GAASC,GAAKQ,EAAWP,CAAK,CAAC,GACtES,IAAS,MAAMP,EAAkBJ,GAASC,CAAG,GAE7CW,IAAe,CAACV,MAAkB;AACtC,QAAIK,KAAA,QAAAA,EAAS,aAAqB,QAAAA,EAAQ,aAAaL,CAAK;AACxDA,QAAAA,MAAU;AAEV,UAAA;AACK,eAAA,KAAK,MAAMA,CAAK;AAAA,MAAA,QACjB;AACCA,eAAAA;AAAAA,MAAA;AAAA,EAEX,GAEM,CAACA,GAAOW,CAAQ,IAAIC,EAA4B,MAAM;AACpD,UAAAC,IAAeV,EAAeL,GAASC,CAAG;AAC5C,QAAAc,MAAiB,UAAaP,MAAiB,QAAW;AAC5D,YAAMN,IACJ,OAAOM,KAAiB,aAAcA,EAAiC,IAAAA;AACzE,aAAAT,EAAeC,GAASC,GAAKQ,EAAWP,CAAK,CAAC,GACvCA;AAAAA,IAAA;AAEF,WAAAa,IAAeH,EAAaG,CAAY,IAAI;AAAA,EAAA,CACpD;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,MAAM;AACf,YAAAF,IAAeV,EAAeL,GAASC,CAAG;AAChD,MAAAY,EAASE,IAAeH,EAAaG,CAAY,IAAI,MAAS;AAAA,IAChE;AACO,kBAAA,iBAAiBnB,GAAeqB,CAAQ,GACxC,MAAM,OAAO,oBAAoBrB,GAAeqB,CAAQ;AAAA,EAAA,GAC9D,CAAChB,CAAG,CAAC,GAED;AAAA,IACL,OAAAC;AAAA,IACA,KAAAQ;AAAA,IACA,QAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"useStorage.mjs","sources":["../../../../src/hooks/useStorage/useStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use storage initial value type */\nexport type UseStorageInitialValue<Value> = (() => Value) | Value;\n\n/* The use storage options type */\nexport interface UseStorageOptions<Value> {\n  /* The initial value of the storage */\n  initialValue?: UseStorageInitialValue<Value>;\n  /* The storage to be used */\n  storage?: Storage;\n  /* The deserializer function to be invoked */\n  deserializer?: (value: string) => Value;\n  /* The serializer function to be invoked */\n  serializer?: (value: Value) => string;\n}\n\n/* The use storage return type */\nexport interface UseStorageReturn<Value> {\n  /* The value of the storage */\n  value: Value;\n  /* The error state of the storage */\n  remove: () => void;\n  /* The loading state of the storage */\n  set: (value: Value) => void;\n}\n\nexport interface UseStorage {\n  <Value>(\n    key: string,\n    options: UseStorageOptions<Value> & { initialValue: UseStorageInitialValue<Value> }\n  ): UseStorageReturn<Value>;\n\n  <Value>(key: string, options?: UseStorageOptions<Value>): UseStorageReturn<Value | undefined>;\n\n  <Value>(key: string, initialValue: UseStorageInitialValue<Value>): UseStorageReturn<Value>;\n\n  <Value>(key: string): UseStorageReturn<Value | undefined>;\n}\n\nexport const STORAGE_EVENT = 'reactuse-storage';\n\nexport const dispatchStorageEvent = (params: Partial<StorageEvent>) =>\n  window.dispatchEvent(new StorageEvent(STORAGE_EVENT, params));\n\nconst setStorageItem = (storage: Storage, key: string, value: string) => {\n  const oldValue = storage.getItem(key);\n\n  storage.setItem(key, value);\n  dispatchStorageEvent({ key, oldValue, newValue: value, storageArea: storage });\n};\n\nconst removeStorageItem = (storage: Storage, key: string) => {\n  const oldValue = storage.getItem(key);\n\n  storage.removeItem(key);\n  dispatchStorageEvent({ key, oldValue, newValue: null, storageArea: storage });\n};\n\nconst getStorageItem = (storage: Storage, key: string) => {\n  const value = storage.getItem(key);\n  if (!value) return undefined;\n  return value;\n};\n\n/**\n * @name useStorage\n * @description - Hook that manages storage value\n * @category Browser\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {(value: Value) => string} [params.serializer] The serializer function\n * @param {(value: string) => Value} [params.deserializer] The deserializer function\n * @param {Storage} [params.storage] The storage\n * @param {UseStorageInitialValue<Value>} [params.initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @example\n * const { value, set, remove } = useStorage('key', 'value');\n */\nexport const useStorage = (<Value>(key: string, params?: any): UseStorageReturn<Value> => {\n  const options = (\n    typeof params === 'object' &&\n    params &&\n    ('serializer' in params ||\n      'deserializer' in params ||\n      'initialValue' in params ||\n      'storage' in params)\n      ? params\n      : undefined\n  ) as UseStorageOptions<Value>;\n\n  const initialValue = (options ? options?.initialValue : params) as UseStorageInitialValue<Value>;\n\n  if (typeof window === 'undefined') {\n    const value = typeof initialValue === 'function' ? (initialValue as () => any)() : initialValue;\n    return {\n      value,\n      set: () => {},\n      remove: () => {}\n    };\n  }\n\n  const serializer = (value: Value) => {\n    if (options?.serializer) return options.serializer(value);\n    if (typeof value === 'string') return value;\n    return JSON.stringify(value);\n  };\n\n  const storage = options?.storage ?? window?.localStorage;\n\n  const set = (value: Value) => setStorageItem(storage, key, serializer(value));\n  const remove = () => removeStorageItem(storage, key);\n\n  const deserializer = (value: string) => {\n    if (options?.deserializer) return options.deserializer(value);\n    if (value === 'undefined') return undefined as unknown as Value;\n\n    try {\n      return JSON.parse(value) as Value;\n    } catch {\n      return value as Value;\n    }\n  };\n\n  const [value, setValue] = useState<Value | undefined>(() => {\n    const storageValue = getStorageItem(storage, key);\n    if (storageValue === undefined && initialValue !== undefined) {\n      const value =\n        typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\n      setStorageItem(storage, key, serializer(value));\n      return value;\n    }\n    return storageValue ? deserializer(storageValue) : undefined;\n  });\n\n  useEffect(() => {\n    const onChange = () => {\n      const storageValue = getStorageItem(storage, key);\n      setValue(storageValue ? deserializer(storageValue) : undefined);\n    };\n    window.addEventListener(STORAGE_EVENT, onChange);\n    return () => window.removeEventListener(STORAGE_EVENT, onChange);\n  }, [key]);\n\n  return {\n    value: value as Value,\n    set,\n    remove\n  };\n}) as UseStorage;\n"],"names":["STORAGE_EVENT","dispatchStorageEvent","params","setStorageItem","storage","key","value","oldValue","removeStorageItem","getStorageItem","useStorage","options","initialValue","serializer","set","remove","deserializer","setValue","useState","storageValue","useEffect","onChange"],"mappings":";AAwCO,MAAMA,IAAgB,oBAEhBC,IAAuB,CAACC,MACnC,OAAO,cAAc,IAAI,aAAaF,GAAeE,CAAM,CAAC,GAExDC,IAAiB,CAACC,GAAkBC,GAAaC,MAAkB;AACjE,QAAAC,IAAWH,EAAQ,QAAQC,CAAG;AAE5B,EAAAD,EAAA,QAAQC,GAAKC,CAAK,GAC1BL,EAAqB,EAAE,KAAAI,GAAK,UAAAE,GAAU,UAAUD,GAAO,aAAaF,GAAS;AAC/E,GAEMI,IAAoB,CAACJ,GAAkBC,MAAgB;AACrD,QAAAE,IAAWH,EAAQ,QAAQC,CAAG;AAEpC,EAAAD,EAAQ,WAAWC,CAAG,GACtBJ,EAAqB,EAAE,KAAAI,GAAK,UAAAE,GAAU,UAAU,MAAM,aAAaH,GAAS;AAC9E,GAEMK,IAAiB,CAACL,GAAkBC,MAAgB;AAClD,QAAAC,IAAQF,EAAQ,QAAQC,CAAG;AAC7B,MAACC;AACE,WAAAA;AACT,GAuBaI,IAAc,CAAQL,GAAaH,MAA0C;AACxF,QAAMS,IACJ,OAAOT,KAAW,YAClBA,MACC,gBAAgBA,KACf,kBAAkBA,KAClB,kBAAkBA,KAClB,aAAaA,KACXA,IACA,QAGAU,IAAgBD,IAAUA,KAAA,gBAAAA,EAAS,eAAeT;AAEpD,MAAA,OAAO,SAAW;AAEb,WAAA;AAAA,MACL,OAFY,OAAOU,KAAiB,aAAcA,EAA+B,IAAAA;AAAA,MAGjF,KAAK,MAAM;AAAA,MAAC;AAAA,MACZ,QAAQ,MAAM;AAAA,MAAA;AAAA,IAChB;AAGI,QAAAC,IAAa,CAACP,MACdK,KAAA,QAAAA,EAAS,aAAmBA,EAAQ,WAAWL,CAAK,IACpD,OAAOA,KAAU,WAAiBA,IAC/B,KAAK,UAAUA,CAAK,GAGvBF,KAAUO,KAAA,gBAAAA,EAAS,aAAW,iCAAQ,eAEtCG,IAAM,CAACR,MAAiBH,EAAeC,GAASC,GAAKQ,EAAWP,CAAK,CAAC,GACtES,IAAS,MAAMP,EAAkBJ,GAASC,CAAG,GAE7CW,IAAe,CAACV,MAAkB;AACtC,QAAIK,KAAA,QAAAA,EAAS,aAAqB,QAAAA,EAAQ,aAAaL,CAAK;AACxDA,QAAAA,MAAU;AAEV,UAAA;AACK,eAAA,KAAK,MAAMA,CAAK;AAAA,MAAA,QACjB;AACCA,eAAAA;AAAAA,MAAA;AAAA,EAEX,GAEM,CAACA,GAAOW,CAAQ,IAAIC,EAA4B,MAAM;AACpD,UAAAC,IAAeV,EAAeL,GAASC,CAAG;AAC5C,QAAAc,MAAiB,UAAaP,MAAiB,QAAW;AAC5D,YAAMN,IACJ,OAAOM,KAAiB,aAAcA,EAAiC,IAAAA;AACzE,aAAAT,EAAeC,GAASC,GAAKQ,EAAWP,CAAK,CAAC,GACvCA;AAAAA,IAAA;AAEF,WAAAa,IAAeH,EAAaG,CAAY,IAAI;AAAA,EAAA,CACpD;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,MAAM;AACf,YAAAF,IAAeV,EAAeL,GAASC,CAAG;AAChD,MAAAY,EAASE,IAAeH,EAAaG,CAAY,IAAI,MAAS;AAAA,IAChE;AACO,kBAAA,iBAAiBnB,GAAeqB,CAAQ,GACxC,MAAM,OAAO,oBAAoBrB,GAAeqB,CAAQ;AAAA,EAAA,GAC9D,CAAChB,CAAG,CAAC,GAED;AAAA,IACL,OAAAC;AAAA,IACA,KAAAQ;AAAA,IACA,QAAAC;AAAA,EACF;AACF;"}

package/dist/esm/hooks/useUrlSearchParam/useUrlSearchParam.mjs

@@ -1,27 +1,72 @@
-import "react";
-const c = "reactuse-url-search-params-event", o = (s = "history") => {
-  const { search: n, hash: r } = window.location;
+import { useState as y, useEffect as z } from "react";
+const u = "reactuse-url-search-params-event", f = (s = "history") => {
+  const { search: i, hash: r } = window.location;
   let a = "";
-  if (s === "history" && (a = n), s === "hash-params" && (a = r.replace(/^#/, "")), s === "hash") {
+  if (s === "history" && (a = i), s === "hash-params" && (a = r.replace(/^#/, "")), s === "hash") {
     const t = r.indexOf("?");
     a = ~t ? r.slice(t) : "";
   }
   return new URLSearchParams(a);
-}, l = (s, n) => {
+}, L = (s, i) => {
   const r = s.toString(), { search: a, hash: t } = window.location;
-  if (n === "history") return `${r ? `?${r}` : ""}${t}`;
-  if (n === "hash-params")
+  if (i === "history") return `${r ? `?${r}` : ""}${t}`;
+  if (i === "hash-params")
     return `${a}${r ? `#${r}` : ""}`;
-  if (n === "hash") {
-    const e = t.indexOf("?"), i = e > -1 ? t.slice(0, e) : t;
-    return `${a}${i}${r ? `?${r}` : ""}`;
+  if (i === "hash") {
+    const c = t.indexOf("?"), h = c > -1 ? t.slice(0, c) : t;
+    return `${a}${h}${r ? `?${r}` : ""}`;
   }
   throw new Error("Invalid mode");
-}, w = () => window.dispatchEvent(new Event(c));
+}, V = () => window.dispatchEvent(new Event(u)), x = (s, i) => {
+  const r = typeof i == "object" && i && ("serializer" in i || "deserializer" in i || "initialValue" in i || "mode" in i || "write" in i) ? i : void 0, a = r ? r == null ? void 0 : r.initialValue : i, { mode: t = "history", write: c = "replace" } = r ?? {};
+  if (typeof window > "u")
+    return {
+      value: a,
+      remove: () => {
+      },
+      set: () => {
+      }
+    };
+  const h = (e) => r != null && r.serializer ? r.serializer(e) : typeof e == "string" ? e : JSON.stringify(e), v = (e) => {
+    if (r != null && r.deserializer) return r.deserializer(e);
+    if (!(e === "undefined" || e === "null"))
+      try {
+        return JSON.parse(e);
+      } catch {
+        return e;
+      }
+  }, d = (e, n, o, S = "replace") => {
+    const l = f(o), $ = n !== void 0 ? h ? h(n) : String(n) : "";
+    n === void 0 ? l.delete(e) : l.set(e, $);
+    const E = L(l, o);
+    S === "replace" && window.history.replaceState({}, "", E), S === "push" && window.history.pushState({}, "", E), V();
+  }, [P, w] = y(() => {
+    const n = f(t).get(s);
+    return n === null && a !== void 0 ? (d(s, a, t, c), a) : n ? v(n) : void 0;
+  }), g = (e, n) => {
+    d(s, e, t, (n == null ? void 0 : n.write) ?? c), w(e);
+  }, m = (e) => {
+    d(s, void 0, t, (e == null ? void 0 : e.write) ?? c), w(void 0);
+  };
+  return z(() => {
+    const e = () => {
+      const o = f(t).get(s);
+      w(o ? v(o) : void 0);
+    };
+    return window.addEventListener(u, e), window.addEventListener("popstate", e), t !== "history" && window.addEventListener("hashchange", e), () => {
+      window.removeEventListener(u, e), window.removeEventListener("popstate", e), t !== "history" && window.removeEventListener("hashchange", e);
+    };
+  }, [s, t]), {
+    value: P,
+    remove: m,
+    set: g
+  };
+};
 export {
-  c as URL_SEARCH_PARAMS_EVENT,
-  l as createQueryString,
-  w as dispatchUrlSearchParamsEvent,
-  o as getUrlSearchParams
+  u as URL_SEARCH_PARAMS_EVENT,
+  L as createQueryString,
+  V as dispatchUrlSearchParamsEvent,
+  f as getUrlSearchParams,
+  x as useUrlSearchParam
 };
 //# sourceMappingURL=useUrlSearchParam.mjs.map

package/dist/esm/hooks/useUrlSearchParam/useUrlSearchParam.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUrlSearchParam.mjs","sources":["../../../../src/hooks/useUrlSearchParam/useUrlSearchParam.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\n/** The url search params mode type */\r\nexport type UrlSearchParamsMode = 'hash-params' | 'hash' | 'history';\r\n\r\n/** The use url search param options type */\r\nexport interface UseUrlSearchParamOptions<Value> {\r\n  /** The initial value of the search param */\r\n  initialValue?: Value;\r\n  /** The mode to use for writing to the URL */\r\n  mode?: UrlSearchParamsMode;\r\n  /** The mode to use for writing to the URL */\r\n  write?: 'push' | 'replace';\r\n  /** The deserializer function to be invoked */\r\n  deserializer?: (value: string) => Value;\r\n  /** The serializer function to be invoked */\r\n  serializer?: (value: Value) => string;\r\n}\r\n\r\n/** The use url search params set options type */\r\nexport interface UseUrlSearchParamsActionOptions {\r\n  /** The mode to use for writing to the URL */\r\n  write?: 'push' | 'replace';\r\n}\r\n\r\n/** The use url search param return type */\r\nexport interface UseUrlSearchParamReturn<Value> {\r\n  /** Current search param value */\r\n  value: Value | undefined;\r\n  /** Function to remove the search param */\r\n  remove: (options?: UseUrlSearchParamsActionOptions) => void;\r\n  /** Function to update search param */\r\n  set: (value: Value, options?: UseUrlSearchParamsActionOptions) => void;\r\n}\r\n\r\nexport const URL_SEARCH_PARAMS_EVENT = 'reactuse-url-search-params-event';\r\n\r\nexport const getUrlSearchParams = (mode: UrlSearchParamsMode = 'history') => {\r\n  const { search, hash } = window.location;\r\n\r\n  let path = '';\r\n\r\n  if (mode === 'history') path = search;\r\n  if (mode === 'hash-params') path = hash.replace(/^#/, '');\r\n  if (mode === 'hash') {\r\n    const index = hash.indexOf('?');\r\n    path = ~index ? hash.slice(index) : '';\r\n  }\r\n\r\n  return new URLSearchParams(path);\r\n};\r\n\r\nexport const createQueryString = (searchParams: URLSearchParams, mode: UrlSearchParamsMode) => {\r\n  const searchParamsString = searchParams.toString();\r\n  const { search, hash } = window.location;\r\n\r\n  if (mode === 'history') return `${searchParamsString ? `?${searchParamsString}` : ''}${hash}`;\r\n  if (mode === 'hash-params')\r\n    return `${search}${searchParamsString ? `#${searchParamsString}` : ''}`;\r\n  if (mode === 'hash') {\r\n    const index = hash.indexOf('?');\r\n    const base = index > -1 ? hash.slice(0, index) : hash;\r\n    return `${search}${base}${searchParamsString ? `?${searchParamsString}` : ''}`;\r\n  }\r\n\r\n  throw new Error('Invalid mode');\r\n};\r\n\r\nexport const dispatchUrlSearchParamsEvent = () =>\r\n  window.dispatchEvent(new Event(URL_SEARCH_PARAMS_EVENT));\r\n\r\nexport interface UseUrlSearchParam {\r\n  <Value>(\r\n    key: string,\r\n    options: UseUrlSearchParamOptions<Value> & { initialValue: Value }\r\n  ): UseUrlSearchParamReturn<Value>;\r\n\r\n  <Value>(\r\n    key: string,\r\n    options?: UseUrlSearchParamOptions<Value>\r\n  ): UseUrlSearchParamReturn<Value | undefined>;\r\n\r\n  <Value>(key: string, initialValue: Value): UseUrlSearchParamReturn<Value>;\r\n\r\n  <Value>(key: string): UseUrlSearchParamReturn<Value | undefined>;\r\n}\r\n\r\n/**\r\n * @name useUrlSearchParam\r\n * @description - Hook that provides reactive URLSearchParams for a single key\r\n * @category Browser\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {string} key The key of the url param\r\n * @param {UseUrlSearchParamOptions<Value> & { initialValue: Value }} options The options object with required initialValue\r\n * @param {Value} options.initialValue The initial value for the url param\r\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\r\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\r\n * @param {(value: Value) => string} [options.serializer] Custom serializer function to convert value to string\r\n * @param {(value: string) => Value} [options.deserializer] Custom deserializer function to convert string to value\r\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParam('page', { initialValue: 1 });\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {string} key The key of the url param\r\n * @param {Value} [initialValue] The initial value for the url param\r\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParam('page', 1);\r\n */\r\nexport const useUrlSearchParam = (<Value>(key: string, params?: any) => {\r\n  const options = (\r\n    typeof params === 'object' &&\r\n    params &&\r\n    ('serializer' in params ||\r\n      'deserializer' in params ||\r\n      'initialValue' in params ||\r\n      'mode' in params ||\r\n      'write' in params)\r\n      ? params\r\n      : undefined\r\n  ) as UseUrlSearchParamOptions<Value>;\r\n\r\n  const initialValue = (options ? options?.initialValue : params) as Value;\r\n  const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\r\n\r\n  if (typeof window === 'undefined') {\r\n    return {\r\n      value: initialValue,\r\n      remove: () => {},\r\n      set: () => {}\r\n    } as UseUrlSearchParamReturn<Value>;\r\n  }\r\n\r\n  const serializer = (value: Value) => {\r\n    if (options?.serializer) return options.serializer(value);\r\n    if (typeof value === 'string') return value;\r\n\r\n    return JSON.stringify(value);\r\n  };\r\n\r\n  const deserializer = (value: string) => {\r\n    if (options?.deserializer) return options.deserializer(value);\r\n    if (value === 'undefined' || value === 'null') return undefined as unknown as Value;\r\n\r\n    try {\r\n      return JSON.parse(value) as Value;\r\n    } catch {\r\n      return value as Value;\r\n    }\r\n  };\r\n\r\n  const setUrlSearchParam = (\r\n    key: string,\r\n    value: Value | undefined,\r\n    mode: UrlSearchParamsMode,\r\n    write: 'push' | 'replace' = 'replace'\r\n  ) => {\r\n    const searchParams = getUrlSearchParams(mode);\r\n    const serializedValue =\r\n      value !== undefined ? (serializer ? serializer(value) : String(value)) : '';\r\n\r\n    if (value === undefined) {\r\n      searchParams.delete(key);\r\n    } else {\r\n      searchParams.set(key, serializedValue);\r\n    }\r\n\r\n    const query = createQueryString(searchParams, mode);\r\n    if (write === 'replace') window.history.replaceState({}, '', query);\r\n    if (write === 'push') window.history.pushState({}, '', query);\r\n\r\n    dispatchUrlSearchParamsEvent();\r\n  };\r\n\r\n  const [value, setValue] = useState<Value | undefined>(() => {\r\n    const searchParams = getUrlSearchParams(mode);\r\n    const currentValue = searchParams.get(key);\r\n\r\n    if (currentValue === null && initialValue !== undefined) {\r\n      setUrlSearchParam(key, initialValue, mode, writeMode);\r\n      return initialValue;\r\n    }\r\n\r\n    return currentValue ? deserializer(currentValue) : undefined;\r\n  });\r\n\r\n  const set = (value: Value, options?: UseUrlSearchParamsActionOptions) => {\r\n    setUrlSearchParam(key, value, mode, options?.write ?? writeMode);\r\n    setValue(value);\r\n  };\r\n\r\n  const remove = (options?: UseUrlSearchParamsActionOptions) => {\r\n    setUrlSearchParam(key, undefined, mode, options?.write ?? writeMode);\r\n    setValue(undefined);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const onParamsChange = () => {\r\n      const searchParams = getUrlSearchParams(mode);\r\n      const newValue = searchParams.get(key);\r\n      setValue(newValue ? deserializer(newValue) : undefined);\r\n    };\r\n\r\n    window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n    window.addEventListener('popstate', onParamsChange);\r\n    if (mode !== 'history') {\r\n      window.addEventListener('hashchange', onParamsChange);\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n      window.removeEventListener('popstate', onParamsChange);\r\n      if (mode !== 'history') {\r\n        window.removeEventListener('hashchange', onParamsChange);\r\n      }\r\n    };\r\n  }, [key, mode]);\r\n\r\n  return {\r\n    value,\r\n    remove,\r\n    set\r\n  };\r\n}) as UseUrlSearchParam;\r\n"],"names":["URL_SEARCH_PARAMS_EVENT","getUrlSearchParams","mode","search","hash","path","index","createQueryString","searchParams","searchParamsString","base","dispatchUrlSearchParamsEvent"],"mappings":";AAmCO,MAAMA,IAA0B,oCAE1BC,IAAqB,CAACC,IAA4B,cAAc;AAC3E,QAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAK,IAAI,OAAO;AAEhC,MAAIC,IAAO;AAIX,MAFIH,MAAS,cAAkBG,IAAAF,IAC3BD,MAAS,kBAAeG,IAAOD,EAAK,QAAQ,MAAM,EAAE,IACpDF,MAAS,QAAQ;AACb,UAAAI,IAAQF,EAAK,QAAQ,GAAG;AAC9B,IAAAC,IAAO,CAACC,IAAQF,EAAK,MAAME,CAAK,IAAI;AAAA,EAAA;AAG/B,SAAA,IAAI,gBAAgBD,CAAI;AACjC,GAEaE,IAAoB,CAACC,GAA+BN,MAA8B;AACvF,QAAAO,IAAqBD,EAAa,SAAS,GAC3C,EAAE,QAAAL,GAAQ,MAAAC,EAAK,IAAI,OAAO;AAE5B,MAAAF,MAAS,UAAW,QAAO,GAAGO,IAAqB,IAAIA,CAAkB,KAAK,EAAE,GAAGL,CAAI;AAC3F,MAAIF,MAAS;AACX,WAAO,GAAGC,CAAM,GAAGM,IAAqB,IAAIA,CAAkB,KAAK,EAAE;AACvE,MAAIP,MAAS,QAAQ;AACb,UAAAI,IAAQF,EAAK,QAAQ,GAAG,GACxBM,IAAOJ,IAAQ,KAAKF,EAAK,MAAM,GAAGE,CAAK,IAAIF;AAC1C,WAAA,GAAGD,CAAM,GAAGO,CAAI,GAAGD,IAAqB,IAAIA,CAAkB,KAAK,EAAE;AAAA,EAAA;AAGxE,QAAA,IAAI,MAAM,cAAc;AAChC,GAEaE,IAA+B,MAC1C,OAAO,cAAc,IAAI,MAAMX,CAAuB,CAAC;"}
+{"version":3,"file":"useUrlSearchParam.mjs","sources":["../../../../src/hooks/useUrlSearchParam/useUrlSearchParam.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The url search params mode type */\nexport type UrlSearchParamMode = 'hash-params' | 'hash' | 'history';\n\n/** The use url search param options type */\nexport interface UseUrlSearchParamOptions<Value> {\n  /** The initial value of the search param */\n  initialValue?: Value;\n  /** The mode to use for writing to the URL */\n  mode?: UrlSearchParamMode;\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;\n  /** The serializer function to be invoked */\n  serializer?: (value: Value) => string;\n}\n\n/** The use url search params set options type */\nexport interface UseUrlSearchParamsActionOptions {\n  /** The mode to use for writing to the URL */\n  write?: 'push' | 'replace';\n}\n\n/** The use url search param return type */\nexport interface UseUrlSearchParamReturn<Value> {\n  /** Current search param value */\n  value: Value | undefined;\n  /** Function to remove the search param */\n  remove: (options?: UseUrlSearchParamsActionOptions) => void;\n  /** Function to update search param */\n  set: (value: Value, options?: UseUrlSearchParamsActionOptions) => void;\n}\n\nexport const URL_SEARCH_PARAMS_EVENT = 'reactuse-url-search-params-event';\n\nexport const getUrlSearchParams = (mode: UrlSearchParamMode = 'history') => {\n  const { search, hash } = window.location;\n\n  let path = '';\n\n  if (mode === 'history') path = search;\n  if (mode === 'hash-params') path = hash.replace(/^#/, '');\n  if (mode === 'hash') {\n    const index = hash.indexOf('?');\n    path = ~index ? hash.slice(index) : '';\n  }\n\n  return new URLSearchParams(path);\n};\n\nexport const createQueryString = (searchParams: URLSearchParams, mode: UrlSearchParamMode) => {\n  const searchParamsString = searchParams.toString();\n  const { search, hash } = window.location;\n\n  if (mode === 'history') return `${searchParamsString ? `?${searchParamsString}` : ''}${hash}`;\n  if (mode === 'hash-params')\n    return `${search}${searchParamsString ? `#${searchParamsString}` : ''}`;\n  if (mode === 'hash') {\n    const index = hash.indexOf('?');\n    const base = index > -1 ? hash.slice(0, index) : hash;\n    return `${search}${base}${searchParamsString ? `?${searchParamsString}` : ''}`;\n  }\n\n  throw new Error('Invalid mode');\n};\n\nexport const dispatchUrlSearchParamsEvent = () =>\n  window.dispatchEvent(new Event(URL_SEARCH_PARAMS_EVENT));\n\nexport interface UseUrlSearchParam {\n  <Value>(\n    key: string,\n    options: UseUrlSearchParamOptions<Value> & { initialValue: Value }\n  ): UseUrlSearchParamReturn<Value>;\n\n  <Value>(\n    key: string,\n    options?: UseUrlSearchParamOptions<Value>\n  ): UseUrlSearchParamReturn<Value | undefined>;\n\n  <Value>(key: string, initialValue: Value): UseUrlSearchParamReturn<Value>;\n\n  <Value>(key: string): UseUrlSearchParamReturn<Value | undefined>;\n}\n\n/**\n * @name useUrlSearchParam\n * @description - Hook that provides reactive URLSearchParams for a single key\n * @category Browser\n *\n * @overload\n * @template Value The type of the url param values\n * @param {string} key The key of the url param\n * @param {UseUrlSearchParamOptions<Value> & { initialValue: Value }} options The options object with required initialValue\n * @param {Value} options.initialValue The initial value for the url param\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) => string} [options.serializer] Custom serializer function to convert value to string\n * @param {(value: string) => Value} [options.deserializer] Custom deserializer function to convert string to value\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParam('page', { initialValue: 1 });\n *\n * @overload\n * @template Value The type of the url param values\n * @param {string} key The key of the url param\n * @param {Value} [initialValue] The initial value for the url param\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParam('page', 1);\n */\nexport const useUrlSearchParam = (<Value>(key: string, params?: any) => {\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 UseUrlSearchParamOptions<Value>;\n\n  const initialValue = (options ? options?.initialValue : params) as Value;\n  const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\n\n  if (typeof window === 'undefined') {\n    return {\n      value: initialValue,\n      remove: () => {},\n      set: () => {}\n    } as UseUrlSearchParamReturn<Value>;\n  }\n\n  const serializer = (value: Value) => {\n    if (options?.serializer) return options.serializer(value);\n    if (typeof value === 'string') return value;\n\n    return JSON.stringify(value);\n  };\n\n  const deserializer = (value: string) => {\n    if (options?.deserializer) return options.deserializer(value);\n    if (value === 'undefined' || value === 'null') return undefined as unknown as Value;\n\n    try {\n      return JSON.parse(value) as Value;\n    } catch {\n      return value as Value;\n    }\n  };\n\n  const setUrlSearchParam = (\n    key: string,\n    value: Value | undefined,\n    mode: UrlSearchParamMode,\n    write: 'push' | 'replace' = 'replace'\n  ) => {\n    const searchParams = getUrlSearchParams(mode);\n    const serializedValue =\n      value !== undefined ? (serializer ? serializer(value) : String(value)) : '';\n\n    if (value === undefined) {\n      searchParams.delete(key);\n    } else {\n      searchParams.set(key, serializedValue);\n    }\n\n    const query = createQueryString(searchParams, mode);\n    if (write === 'replace') window.history.replaceState({}, '', query);\n    if (write === 'push') window.history.pushState({}, '', query);\n\n    dispatchUrlSearchParamsEvent();\n  };\n\n  const [value, setValue] = useState<Value | undefined>(() => {\n    const searchParams = getUrlSearchParams(mode);\n    const currentValue = searchParams.get(key);\n\n    if (currentValue === null && initialValue !== undefined) {\n      setUrlSearchParam(key, initialValue, mode, writeMode);\n      return initialValue;\n    }\n\n    return currentValue ? deserializer(currentValue) : undefined;\n  });\n\n  const set = (value: Value, options?: UseUrlSearchParamsActionOptions) => {\n    setUrlSearchParam(key, value, mode, options?.write ?? writeMode);\n    setValue(value);\n  };\n\n  const remove = (options?: UseUrlSearchParamsActionOptions) => {\n    setUrlSearchParam(key, undefined, mode, options?.write ?? writeMode);\n    setValue(undefined);\n  };\n\n  useEffect(() => {\n    const onParamsChange = () => {\n      const searchParams = getUrlSearchParams(mode);\n      const newValue = searchParams.get(key);\n      setValue(newValue ? deserializer(newValue) : undefined);\n    };\n\n    window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n    window.addEventListener('popstate', onParamsChange);\n    if (mode !== 'history') {\n      window.addEventListener('hashchange', onParamsChange);\n    }\n\n    return () => {\n      window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n      window.removeEventListener('popstate', onParamsChange);\n      if (mode !== 'history') {\n        window.removeEventListener('hashchange', onParamsChange);\n      }\n    };\n  }, [key, mode]);\n\n  return {\n    value,\n    remove,\n    set\n  };\n}) as UseUrlSearchParam;\n"],"names":["URL_SEARCH_PARAMS_EVENT","getUrlSearchParams","mode","search","hash","path","index","createQueryString","searchParams","searchParamsString","base","dispatchUrlSearchParamsEvent","useUrlSearchParam","key","params","options","initialValue","writeMode","serializer","value","deserializer","setUrlSearchParam","write","serializedValue","query","setValue","useState","currentValue","set","remove","useEffect","onParamsChange","newValue"],"mappings":"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"}

package/dist/esm/hooks/useUrlSearchParams/useUrlSearchParams.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUrlSearchParams.mjs","sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\nimport {\r\n  createQueryString,\r\n  dispatchUrlSearchParamsEvent,\r\n  getUrlSearchParams,\r\n  URL_SEARCH_PARAMS_EVENT\r\n} from '../useUrlSearchParam/useUrlSearchParam';\r\n\r\n/** The url params type */\r\nexport type UrlParams = Record<string, any>;\r\n\r\n/** The url search params mod */\r\nexport type UrlSearchParamsMode = 'hash-params' | 'hash' | 'history';\r\n\r\n/** The use url search params set options type */\r\nexport interface UseUrlSearchParamsSetOptions {\r\n  /** The mode to use for writing to the URL */\r\n  write?: 'push' | 'replace';\r\n}\r\n\r\n/* The use search params initial value type */\r\nexport type UseUrlSearchParamsInitialValue<Value> = (() => Value) | Value;\r\n\r\n/** The use url search params options type */\r\nexport interface UseUrlSearchParamsOptions<Value> {\r\n  /* The initial value of the url search params */\r\n  initialValue?: UseUrlSearchParamsInitialValue<string | URLSearchParams | Value>;\r\n  /** The mode to use for writing to the URL */\r\n  mode?: UrlSearchParamsMode;\r\n  /** The mode to use for writing to the URL  */\r\n  write?: 'push' | 'replace';\r\n  /* The deserializer function to be invoked */\r\n  deserializer?: (value: string) => Value[keyof Value];\r\n  /* The serializer function to be invoked */\r\n  serializer?: (value: Value[keyof Value]) => string;\r\n}\r\n\r\n/** The use url search params return type */\r\nexport interface UseUrlSearchParamsReturn<Value> {\r\n  /** The value of the url search params */\r\n  value: Value;\r\n  /** The set function */\r\n  set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;\r\n}\r\n\r\nexport interface UseUrlSearchParams {\r\n  <Value>(\r\n    key: string,\r\n    options: UseUrlSearchParamsOptions<Value> & {\r\n      initialValue: UseUrlSearchParamsInitialValue<Value>;\r\n    }\r\n  ): UseUrlSearchParamsReturn<Value>;\r\n\r\n  <Value>(options?: UseUrlSearchParamsOptions<Value>): UseUrlSearchParamsReturn<Value | undefined>;\r\n\r\n  <Value>(initialValue: UseUrlSearchParamsInitialValue<Value>): UseUrlSearchParamsReturn<Value>;\r\n\r\n  <Value>(key: string): UseUrlSearchParamsReturn<Value | undefined>;\r\n}\r\n\r\n/**\r\n * @name useUrlSearchParams\r\n * @description - Hook that provides reactive URLSearchParams\r\n * @category Browser\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {UseUrlSearchParamsOptions<Value> & { initialValue: UseUrlSearchParamsInitialValue<Value> }} options The options object with required initialValue\r\n * @param {UseUrlSearchParamsInitialValue<Value>} [options.initialValue] The initial value for the url params\r\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\r\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\r\n * @param {(value: Value[keyof Value]) => string} [options.serializer] Custom serializer function to convert value to string\r\n * @param {(value: string) => Value[keyof Value]} [options.deserializer] Custom deserializer function to convert string to value\r\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParams({ initialValue: { page: 1 } });\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {UseUrlSearchParamsInitialValue<Value>} [initialValue] The initial value for the url params\r\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParams({ page: 1 });\r\n */\r\nexport const useUrlSearchParams = (<Value extends UrlParams>(\r\n  params: any\r\n): UseUrlSearchParamsReturn<Value> => {\r\n  const options = (\r\n    typeof params === 'object' &&\r\n    params &&\r\n    ('serializer' in params ||\r\n      'deserializer' in params ||\r\n      'initialValue' in params ||\r\n      'mode' in params ||\r\n      'write' in params)\r\n      ? params\r\n      : undefined\r\n  ) as UseUrlSearchParamsOptions<Value>;\r\n  const initialValue = (\r\n    options ? options?.initialValue : params\r\n  ) as UseUrlSearchParamsInitialValue<Value>;\r\n\r\n  const { mode = 'history', write: writeMode = 'replace' } = options;\r\n\r\n  const serializer = (value: Value[keyof Value]) => {\r\n    if (options?.serializer) return options.serializer(value);\r\n    if (typeof value === 'string') return value;\r\n    return JSON.stringify(value);\r\n  };\r\n\r\n  const deserializer = (value: string) => {\r\n    if (options?.deserializer) return options.deserializer(value);\r\n    if (value === 'undefined') return undefined as unknown as Value[keyof Value];\r\n\r\n    try {\r\n      return JSON.parse(value) as Value;\r\n    } catch {\r\n      return value as Value[keyof Value];\r\n    }\r\n  };\r\n\r\n  const setUrlSearchParams = <Value extends UrlParams>(\r\n    mode: UrlSearchParamsMode,\r\n    value: Partial<Value>,\r\n    write: 'push' | 'replace' = 'replace'\r\n  ) => {\r\n    const urlSearchParams = new URLSearchParams();\r\n\r\n    Object.entries(value).forEach(([key, param]) => {\r\n      if (Array.isArray(param)) {\r\n        param.forEach((value) => urlSearchParams.set(key, serializer(value)));\r\n      } else {\r\n        urlSearchParams.set(key, serializer(param));\r\n      }\r\n    });\r\n\r\n    const query = createQueryString(urlSearchParams, mode);\r\n    if (write === 'replace') window.history.replaceState({}, '', query);\r\n    if (write === 'push') window.history.pushState({}, '', query);\r\n\r\n    return urlSearchParams;\r\n  };\r\n\r\n  const getParsedUrlSearchParams = (searchParams: string | UrlParams | URLSearchParams) => {\r\n    if (typeof searchParams === 'string') {\r\n      return getParsedUrlSearchParams(new URLSearchParams(searchParams));\r\n    }\r\n\r\n    if (searchParams instanceof URLSearchParams) {\r\n      return Array.from(searchParams.entries()).reduce(\r\n        (acc, [key, value]) => {\r\n          acc[key] = deserializer(value);\r\n          return acc;\r\n        },\r\n        {} as Record<string, any>\r\n      );\r\n    }\r\n\r\n    return searchParams;\r\n  };\r\n\r\n  const [value, setValue] = useState<Value>(() => {\r\n    if (typeof window === 'undefined') return (initialValue ?? {}) as Value;\r\n\r\n    const urlSearchParams = getUrlSearchParams(mode);\r\n    const value = {\r\n      ...(initialValue && getParsedUrlSearchParams(initialValue)),\r\n      ...getParsedUrlSearchParams(urlSearchParams)\r\n    } as Value;\r\n\r\n    setUrlSearchParams(mode, value, writeMode);\r\n\r\n    return value;\r\n  });\r\n\r\n  const set = (params: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => {\r\n    const searchParams = setUrlSearchParams(\r\n      mode,\r\n      { ...value, ...params },\r\n      options?.write ?? writeMode\r\n    );\r\n    setValue(getParsedUrlSearchParams(searchParams) as Value);\r\n    dispatchUrlSearchParamsEvent();\r\n  };\r\n\r\n  useEffect(() => {\r\n    const onParamsChange = () => {\r\n      const searchParams = getUrlSearchParams(mode);\r\n      setValue(getParsedUrlSearchParams(searchParams) as Value);\r\n    };\r\n\r\n    window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n    window.addEventListener('popstate', onParamsChange);\r\n    if (mode !== 'history') window.addEventListener('hashchange', onParamsChange);\r\n\r\n    return () => {\r\n      window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n      window.removeEventListener('popstate', onParamsChange);\r\n      if (mode !== 'history') window.removeEventListener('hashchange', onParamsChange);\r\n    };\r\n  }, [mode]);\r\n\r\n  return {\r\n    value,\r\n    set\r\n  };\r\n}) as UseUrlSearchParams;\r\n\r\nexport { createQueryString, dispatchUrlSearchParamsEvent, getUrlSearchParams };\r\n"],"names":["useUrlSearchParams","params","options","initialValue","mode","writeMode","serializer","value","deserializer","setUrlSearchParams","write","urlSearchParams","key","param","query","createQueryString","getParsedUrlSearchParams","searchParams","acc","setValue","useState","getUrlSearchParams","set","dispatchUrlSearchParamsEvent","useEffect","onParamsChange","URL_SEARCH_PARAMS_EVENT"],"mappings":"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"}
+{"version":3,"file":"useUrlSearchParams.mjs","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 Browser\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>;\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 = new URLSearchParams();\n\n    Object.entries(value).forEach(([key, param]) => {\n      if (Array.isArray(param)) {\n        param.forEach((value) => urlSearchParams.set(key, serializer(value)));\n      } else {\n        urlSearchParams.set(key, serializer(param));\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\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    dispatchUrlSearchParamsEvent();\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","key","param","query","createQueryString","getParsedUrlSearchParams","searchParams","acc","setValue","useState","getUrlSearchParams","set","dispatchUrlSearchParamsEvent","useEffect","onParamsChange","URL_SEARCH_PARAMS_EVENT"],"mappings":"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"}