@siberiacancode/reactuse 0.0.69 → 0.0.70
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.
- package/dist/cjs/{_rollupPluginBabelHelpers-D8O91viA.js → _rollupPluginBabelHelpers-CVSWY18m.js} +2 -2
- package/dist/cjs/_rollupPluginBabelHelpers-CVSWY18m.js.map +1 -0
- package/dist/cjs/hooks/index.js +2 -2
- package/dist/cjs/hooks/useAsync/useAsync.js +2 -2
- package/dist/cjs/hooks/useAsync/useAsync.js.map +1 -1
- package/dist/cjs/hooks/useBattery/useBattery.js +2 -2
- package/dist/cjs/hooks/useBoolean/useBoolean.js +2 -2
- package/dist/cjs/hooks/useBoolean/useBoolean.js.map +1 -1
- package/dist/cjs/hooks/useBreakpoints/constants/breakpoints.js +1 -1
- package/dist/cjs/hooks/useBreakpoints/useBreakpoints.js +2 -2
- package/dist/cjs/hooks/useBreakpoints/useBreakpoints.js.map +1 -1
- package/dist/cjs/hooks/useBrowserLanguage/useBrowserLanguage.js +1 -1
- package/dist/cjs/hooks/useClickOutside/useClickOutside.js +2 -2
- package/dist/cjs/hooks/useClipboard/useClipboard.js +2 -2
- package/dist/cjs/hooks/useClipboard/useClipboard.js.map +1 -1
- package/dist/cjs/hooks/useCounter/useCounter.js +2 -2
- package/dist/cjs/hooks/useCounter/useCounter.js.map +1 -1
- package/dist/cjs/hooks/useCssVar/useCssVar.js +2 -2
- package/dist/cjs/hooks/useDebounceCallback/useDebounceCallback.js +1 -1
- package/dist/cjs/hooks/useDebounceValue/useDebounceValue.js +2 -2
- package/dist/cjs/hooks/useDefault/useDefault.js +2 -2
- package/dist/cjs/hooks/useDeviceMotion/useDeviceMotion.js +2 -2
- package/dist/cjs/hooks/useDeviceMotion/useDeviceMotion.js.map +1 -1
- package/dist/cjs/hooks/useDeviceOrientation/useDeviceOrientation.js +2 -2
- package/dist/cjs/hooks/useDeviceOrientation/useDeviceOrientation.js.map +1 -1
- package/dist/cjs/hooks/useDidUpdate/useDidUpdate.js +1 -1
- package/dist/cjs/hooks/useDisclosure/useDisclosure.js +2 -2
- package/dist/cjs/hooks/useDocumentEvent/useDocumentEvent.js +2 -2
- package/dist/cjs/hooks/useDocumentTitle/useDocumentTitle.js +2 -2
- package/dist/cjs/hooks/useDocumentVisibility/useDocumentVisibility.js +1 -1
- package/dist/cjs/hooks/useEvent/useEvent.js +1 -1
- package/dist/cjs/hooks/useEventListener/useEventListener.js +2 -2
- package/dist/cjs/hooks/useEyeDropper/useEyeDropper.js +2 -2
- package/dist/cjs/hooks/useEyeDropper/useEyeDropper.js.map +1 -1
- package/dist/cjs/hooks/useFavicon/useFavicon.js +2 -2
- package/dist/cjs/hooks/useField/useField.js +2 -2
- package/dist/cjs/hooks/useField/useField.js.map +1 -1
- package/dist/cjs/hooks/useFileDialog/useFileDialog.js +2 -2
- package/dist/cjs/hooks/useFileDialog/useFileDialog.js.map +1 -1
- package/dist/cjs/hooks/useFocus/useFocus.js +2 -2
- package/dist/cjs/hooks/useFocus/useFocus.js.map +1 -1
- package/dist/cjs/hooks/useFps/useFps.js +2 -2
- package/dist/cjs/hooks/useFullscreen/useFullscreen.js +2 -2
- package/dist/cjs/hooks/useFullscreen/useFullscreen.js.map +1 -1
- package/dist/cjs/hooks/useGamepad/helpers/mapGamepadToXbox360Controller.js +1 -1
- package/dist/cjs/hooks/useGamepad/useGamepad.js +2 -2
- package/dist/cjs/hooks/useGeolocation/useGeolocation.js +2 -2
- package/dist/cjs/hooks/useHash/useHash.js +2 -2
- package/dist/cjs/hooks/useHotkeys/useHotkeys.js +2 -2
- package/dist/cjs/hooks/useHotkeys/useHotkeys.js.map +1 -1
- package/dist/cjs/hooks/useHover/useHover.js +2 -2
- package/dist/cjs/hooks/useIdle/useIdle.js +2 -2
- package/dist/cjs/hooks/useIdle/useIdle.js.map +1 -1
- package/dist/cjs/hooks/useImage/useImage.js +2 -2
- package/dist/cjs/hooks/useInfiniteScroll/useInfiniteScroll.js +2 -2
- package/dist/cjs/hooks/useInfiniteScroll/useInfiniteScroll.js.map +1 -1
- package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.js +2 -2
- package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.js.map +1 -1
- package/dist/cjs/hooks/useInterval/useInterval.js +2 -2
- package/dist/cjs/hooks/useInterval/useInterval.js.map +1 -1
- package/dist/cjs/hooks/useIsFirstRender/useIsFirstRender.js +1 -1
- package/dist/cjs/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js +1 -1
- package/dist/cjs/hooks/useKeyPress/useKeyPress.js +2 -2
- package/dist/cjs/hooks/useKeyPress/useKeyPress.js.map +1 -1
- package/dist/cjs/hooks/useKeyPressEvent/useKeyPressEvent.js +2 -2
- package/dist/cjs/hooks/useKeyboard/useKeyboard.js +2 -2
- package/dist/cjs/hooks/useKeyboard/useKeyboard.js.map +1 -1
- package/dist/cjs/hooks/useKeysPressed/useKeysPressed.js +2 -2
- package/dist/cjs/hooks/useKeysPressed/useKeysPressed.js.map +1 -1
- package/dist/cjs/hooks/useLastChanged/useLastChanged.js +3 -0
- package/dist/cjs/hooks/useLastChanged/useLastChanged.js.map +1 -0
- package/dist/cjs/hooks/useList/useList.js +2 -2
- package/dist/cjs/hooks/useLocalStorage/useLocalStorage.js +2 -2
- package/dist/cjs/hooks/useLogger/useLogger.js +2 -2
- package/dist/cjs/hooks/useLongPress/useLongPress.js +2 -2
- package/dist/cjs/hooks/useLongPress/useLongPress.js.map +1 -1
- package/dist/cjs/hooks/useMap/useMap.js +2 -2
- package/dist/cjs/hooks/useMeasure/useMeasure.js +2 -2
- package/dist/cjs/hooks/useMediaQuery/useMediaQuery.js +1 -1
- package/dist/cjs/hooks/useMemory/useMemory.js +2 -2
- package/dist/cjs/hooks/useMount/useMount.js +1 -1
- package/dist/cjs/hooks/useMouse/useMouse.js +2 -2
- package/dist/cjs/hooks/useMutation/useMutation.js +2 -2
- package/dist/cjs/hooks/useMutationObserver/useMutationObserver.js +2 -2
- package/dist/cjs/hooks/useMutationObserver/useMutationObserver.js.map +1 -1
- package/dist/cjs/hooks/useNetwork/useNetwork.js +2 -2
- package/dist/cjs/hooks/useOffsetPagination/useOffsetPagination.js +2 -2
- package/dist/cjs/hooks/useOnline/useOnline.js +1 -1
- package/dist/cjs/hooks/useOperatingSystem/useOperatingSystem.js +1 -1
- package/dist/cjs/hooks/useOptimistic/useOptimistic.js +2 -2
- package/dist/cjs/hooks/useOrientation/useOrientation.js +2 -2
- package/dist/cjs/hooks/useOtpCredential/useOtpCredential.js +2 -2
- package/dist/cjs/hooks/usePageLeave/usePageLeave.js +2 -2
- package/dist/cjs/hooks/usePaint/helpers/Paint.js +2 -2
- package/dist/cjs/hooks/usePaint/helpers/Pointer.js +2 -2
- package/dist/cjs/hooks/usePaint/usePaint.js +2 -2
- package/dist/cjs/hooks/useParallax/useParallax.js +2 -2
- package/dist/cjs/hooks/usePermission/usePermission.js +2 -2
- package/dist/cjs/hooks/usePreferredColorScheme/usePreferredColorScheme.js +1 -1
- package/dist/cjs/hooks/usePreferredContrast/usePreferredContrast.js +1 -1
- package/dist/cjs/hooks/usePreferredDark/usePreferredDark.js +1 -1
- package/dist/cjs/hooks/usePreferredLanguages/usePreferredLanguages.js +1 -1
- package/dist/cjs/hooks/usePreferredReducedMotion/usePreferredReducedMotion.js +1 -1
- package/dist/cjs/hooks/usePrevious/usePrevious.js +1 -1
- package/dist/cjs/hooks/useQuery/useQuery.js +2 -2
- package/dist/cjs/hooks/useQueue/useQueue.js +2 -2
- package/dist/cjs/hooks/useQueue/useQueue.js.map +1 -1
- package/dist/cjs/hooks/useRaf/useRaf.js +2 -2
- package/dist/cjs/hooks/useRaf/useRaf.js.map +1 -1
- package/dist/cjs/hooks/useRafValue/useRafValue.js +2 -2
- package/dist/cjs/hooks/useRenderCount/useRenderCount.js +1 -1
- package/dist/cjs/hooks/useRenderInfo/useRenderInfo.js +1 -1
- package/dist/cjs/hooks/useRenderInfo/useRenderInfo.js.map +1 -1
- package/dist/cjs/hooks/useRerender/useRerender.js +2 -2
- package/dist/cjs/hooks/useResizeObserver/useResizeObserver.js +2 -2
- package/dist/cjs/hooks/useResizeObserver/useResizeObserver.js.map +1 -1
- package/dist/cjs/hooks/useScreenOrientation/useScreenOrientation.js +2 -2
- package/dist/cjs/hooks/useScript/useScript.js +2 -2
- package/dist/cjs/hooks/useScript/useScript.js.map +1 -1
- package/dist/cjs/hooks/useSessionStorage/useSessionStorage.js +2 -2
- package/dist/cjs/hooks/useSet/useSet.js +2 -2
- package/dist/cjs/hooks/useShare/useShare.js +2 -2
- package/dist/cjs/hooks/useStep/useStep.js +2 -2
- package/dist/cjs/hooks/useStopwatch/useStopwatch.js +2 -2
- package/dist/cjs/hooks/useStopwatch/useStopwatch.js.map +1 -1
- package/dist/cjs/hooks/useStorage/useStorage.js +2 -2
- package/dist/cjs/hooks/useTextSelection/useTextSelection.js +2 -2
- package/dist/cjs/hooks/useTime/useTime.js +2 -2
- package/dist/cjs/hooks/useTimeout/useTimeout.js +2 -2
- package/dist/cjs/hooks/useTimer/useTimer.js +2 -2
- package/dist/cjs/hooks/useToggle/useToggle.js +2 -2
- package/dist/cjs/hooks/useToggle/useToggle.js.map +1 -1
- package/dist/cjs/hooks/useUnmount/useUnmount.js +1 -1
- package/dist/cjs/hooks/useWebSocket/useWebSocket.js +2 -2
- package/dist/cjs/hooks/useWindowEvent/useWindowEvent.js +2 -2
- package/dist/cjs/hooks/useWindowScroll/useWindowScroll.js +2 -2
- package/dist/cjs/hooks/useWindowSize/useWindowSize.js +2 -2
- package/dist/cjs/hooks/useWindowSize/useWindowSize.js.map +1 -1
- package/dist/cjs/hooks/useWizard/useWizard.js +2 -2
- package/dist/cjs/{index-CG56_3cQ.js → index-HaChE5C4.js} +2 -2
- package/dist/cjs/{index-CG56_3cQ.js.map → index-HaChE5C4.js.map} +1 -1
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/utils/helpers/debounce.js +1 -1
- package/dist/cjs/utils/helpers/debounce.js.map +1 -1
- package/dist/cjs/utils/helpers/getElement.js +1 -1
- package/dist/cjs/utils/helpers/getRetry.js +1 -1
- package/dist/cjs/utils/helpers/index.js +1 -1
- package/dist/cjs/utils/helpers/isClient.js +1 -1
- package/dist/cjs/utils/helpers/throttle.js +1 -1
- package/dist/cjs/utils/helpers/time/getDate.js +1 -1
- package/dist/esm/{_rollupPluginBabelHelpers-D78LPMlB.js → _rollupPluginBabelHelpers-MWjPFzDB.js} +2 -2
- package/dist/esm/_rollupPluginBabelHelpers-MWjPFzDB.js.map +1 -0
- package/dist/esm/hooks/index.js +2 -2
- package/dist/esm/hooks/useAsync/useAsync.js +2 -2
- package/dist/esm/hooks/useAsync/useAsync.js.map +1 -1
- package/dist/esm/hooks/useBattery/useBattery.js +2 -2
- package/dist/esm/hooks/useBoolean/useBoolean.js +2 -2
- package/dist/esm/hooks/useBoolean/useBoolean.js.map +1 -1
- package/dist/esm/hooks/useBreakpoints/constants/breakpoints.js +1 -1
- package/dist/esm/hooks/useBreakpoints/useBreakpoints.js +2 -2
- package/dist/esm/hooks/useBreakpoints/useBreakpoints.js.map +1 -1
- package/dist/esm/hooks/useBrowserLanguage/useBrowserLanguage.js +1 -1
- package/dist/esm/hooks/useClickOutside/useClickOutside.js +2 -2
- package/dist/esm/hooks/useClipboard/useClipboard.js +2 -2
- package/dist/esm/hooks/useClipboard/useClipboard.js.map +1 -1
- package/dist/esm/hooks/useCounter/useCounter.js +2 -2
- package/dist/esm/hooks/useCounter/useCounter.js.map +1 -1
- package/dist/esm/hooks/useCssVar/useCssVar.js +2 -2
- package/dist/esm/hooks/useDebounceCallback/useDebounceCallback.js +1 -1
- package/dist/esm/hooks/useDebounceValue/useDebounceValue.js +2 -2
- package/dist/esm/hooks/useDefault/useDefault.js +2 -2
- package/dist/esm/hooks/useDeviceMotion/useDeviceMotion.js +2 -2
- package/dist/esm/hooks/useDeviceMotion/useDeviceMotion.js.map +1 -1
- package/dist/esm/hooks/useDeviceOrientation/useDeviceOrientation.js +2 -2
- package/dist/esm/hooks/useDeviceOrientation/useDeviceOrientation.js.map +1 -1
- package/dist/esm/hooks/useDidUpdate/useDidUpdate.js +1 -1
- package/dist/esm/hooks/useDisclosure/useDisclosure.js +2 -2
- package/dist/esm/hooks/useDocumentEvent/useDocumentEvent.js +2 -2
- package/dist/esm/hooks/useDocumentTitle/useDocumentTitle.js +2 -2
- package/dist/esm/hooks/useDocumentVisibility/useDocumentVisibility.js +1 -1
- package/dist/esm/hooks/useEvent/useEvent.js +1 -1
- package/dist/esm/hooks/useEventListener/useEventListener.js +2 -2
- package/dist/esm/hooks/useEyeDropper/useEyeDropper.js +2 -2
- package/dist/esm/hooks/useEyeDropper/useEyeDropper.js.map +1 -1
- package/dist/esm/hooks/useFavicon/useFavicon.js +2 -2
- package/dist/esm/hooks/useField/useField.js +2 -2
- package/dist/esm/hooks/useField/useField.js.map +1 -1
- package/dist/esm/hooks/useFileDialog/useFileDialog.js +2 -2
- package/dist/esm/hooks/useFileDialog/useFileDialog.js.map +1 -1
- package/dist/esm/hooks/useFocus/useFocus.js +2 -2
- package/dist/esm/hooks/useFocus/useFocus.js.map +1 -1
- package/dist/esm/hooks/useFps/useFps.js +2 -2
- package/dist/esm/hooks/useFullscreen/useFullscreen.js +2 -2
- package/dist/esm/hooks/useFullscreen/useFullscreen.js.map +1 -1
- package/dist/esm/hooks/useGamepad/helpers/mapGamepadToXbox360Controller.js +1 -1
- package/dist/esm/hooks/useGamepad/useGamepad.js +2 -2
- package/dist/esm/hooks/useGeolocation/useGeolocation.js +2 -2
- package/dist/esm/hooks/useHash/useHash.js +2 -2
- package/dist/esm/hooks/useHotkeys/useHotkeys.js +2 -2
- package/dist/esm/hooks/useHotkeys/useHotkeys.js.map +1 -1
- package/dist/esm/hooks/useHover/useHover.js +2 -2
- package/dist/esm/hooks/useIdle/useIdle.js +2 -2
- package/dist/esm/hooks/useIdle/useIdle.js.map +1 -1
- package/dist/esm/hooks/useImage/useImage.js +2 -2
- package/dist/esm/hooks/useInfiniteScroll/useInfiniteScroll.js +2 -2
- package/dist/esm/hooks/useInfiniteScroll/useInfiniteScroll.js.map +1 -1
- package/dist/esm/hooks/useIntersectionObserver/useIntersectionObserver.js +2 -2
- package/dist/esm/hooks/useIntersectionObserver/useIntersectionObserver.js.map +1 -1
- package/dist/esm/hooks/useInterval/useInterval.js +2 -2
- package/dist/esm/hooks/useInterval/useInterval.js.map +1 -1
- package/dist/esm/hooks/useIsFirstRender/useIsFirstRender.js +1 -1
- package/dist/esm/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js +1 -1
- package/dist/esm/hooks/useKeyPress/useKeyPress.js +2 -2
- package/dist/esm/hooks/useKeyPress/useKeyPress.js.map +1 -1
- package/dist/esm/hooks/useKeyPressEvent/useKeyPressEvent.js +2 -2
- package/dist/esm/hooks/useKeyboard/useKeyboard.js +2 -2
- package/dist/esm/hooks/useKeyboard/useKeyboard.js.map +1 -1
- package/dist/esm/hooks/useKeysPressed/useKeysPressed.js +2 -2
- package/dist/esm/hooks/useKeysPressed/useKeysPressed.js.map +1 -1
- package/dist/esm/hooks/useLastChanged/useLastChanged.js +3 -0
- package/dist/esm/hooks/useLastChanged/useLastChanged.js.map +1 -0
- package/dist/esm/hooks/useList/useList.js +2 -2
- package/dist/esm/hooks/useLocalStorage/useLocalStorage.js +2 -2
- package/dist/esm/hooks/useLogger/useLogger.js +2 -2
- package/dist/esm/hooks/useLongPress/useLongPress.js +2 -2
- package/dist/esm/hooks/useLongPress/useLongPress.js.map +1 -1
- package/dist/esm/hooks/useMap/useMap.js +2 -2
- package/dist/esm/hooks/useMeasure/useMeasure.js +2 -2
- package/dist/esm/hooks/useMediaQuery/useMediaQuery.js +1 -1
- package/dist/esm/hooks/useMemory/useMemory.js +2 -2
- package/dist/esm/hooks/useMount/useMount.js +1 -1
- package/dist/esm/hooks/useMouse/useMouse.js +2 -2
- package/dist/esm/hooks/useMutation/useMutation.js +2 -2
- package/dist/esm/hooks/useMutationObserver/useMutationObserver.js +2 -2
- package/dist/esm/hooks/useMutationObserver/useMutationObserver.js.map +1 -1
- package/dist/esm/hooks/useNetwork/useNetwork.js +2 -2
- package/dist/esm/hooks/useOffsetPagination/useOffsetPagination.js +2 -2
- package/dist/esm/hooks/useOnline/useOnline.js +1 -1
- package/dist/esm/hooks/useOperatingSystem/useOperatingSystem.js +1 -1
- package/dist/esm/hooks/useOptimistic/useOptimistic.js +2 -2
- package/dist/esm/hooks/useOrientation/useOrientation.js +2 -2
- package/dist/esm/hooks/useOtpCredential/useOtpCredential.js +2 -2
- package/dist/esm/hooks/usePageLeave/usePageLeave.js +2 -2
- package/dist/esm/hooks/usePaint/helpers/Paint.js +2 -2
- package/dist/esm/hooks/usePaint/helpers/Pointer.js +2 -2
- package/dist/esm/hooks/usePaint/usePaint.js +2 -2
- package/dist/esm/hooks/useParallax/useParallax.js +2 -2
- package/dist/esm/hooks/usePermission/usePermission.js +2 -2
- package/dist/esm/hooks/usePreferredColorScheme/usePreferredColorScheme.js +1 -1
- package/dist/esm/hooks/usePreferredContrast/usePreferredContrast.js +1 -1
- package/dist/esm/hooks/usePreferredDark/usePreferredDark.js +1 -1
- package/dist/esm/hooks/usePreferredLanguages/usePreferredLanguages.js +1 -1
- package/dist/esm/hooks/usePreferredReducedMotion/usePreferredReducedMotion.js +1 -1
- package/dist/esm/hooks/usePrevious/usePrevious.js +1 -1
- package/dist/esm/hooks/useQuery/useQuery.js +2 -2
- package/dist/esm/hooks/useQueue/useQueue.js +2 -2
- package/dist/esm/hooks/useQueue/useQueue.js.map +1 -1
- package/dist/esm/hooks/useRaf/useRaf.js +2 -2
- package/dist/esm/hooks/useRaf/useRaf.js.map +1 -1
- package/dist/esm/hooks/useRafValue/useRafValue.js +2 -2
- package/dist/esm/hooks/useRenderCount/useRenderCount.js +1 -1
- package/dist/esm/hooks/useRenderInfo/useRenderInfo.js +1 -1
- package/dist/esm/hooks/useRenderInfo/useRenderInfo.js.map +1 -1
- package/dist/esm/hooks/useRerender/useRerender.js +2 -2
- package/dist/esm/hooks/useResizeObserver/useResizeObserver.js +2 -2
- package/dist/esm/hooks/useResizeObserver/useResizeObserver.js.map +1 -1
- package/dist/esm/hooks/useScreenOrientation/useScreenOrientation.js +2 -2
- package/dist/esm/hooks/useScript/useScript.js +2 -2
- package/dist/esm/hooks/useScript/useScript.js.map +1 -1
- package/dist/esm/hooks/useSessionStorage/useSessionStorage.js +2 -2
- package/dist/esm/hooks/useSet/useSet.js +2 -2
- package/dist/esm/hooks/useShare/useShare.js +2 -2
- package/dist/esm/hooks/useStep/useStep.js +2 -2
- package/dist/esm/hooks/useStopwatch/useStopwatch.js +2 -2
- package/dist/esm/hooks/useStopwatch/useStopwatch.js.map +1 -1
- package/dist/esm/hooks/useStorage/useStorage.js +2 -2
- package/dist/esm/hooks/useTextSelection/useTextSelection.js +2 -2
- package/dist/esm/hooks/useTime/useTime.js +2 -2
- package/dist/esm/hooks/useTimeout/useTimeout.js +2 -2
- package/dist/esm/hooks/useTimer/useTimer.js +2 -2
- package/dist/esm/hooks/useToggle/useToggle.js +2 -2
- package/dist/esm/hooks/useToggle/useToggle.js.map +1 -1
- package/dist/esm/hooks/useUnmount/useUnmount.js +1 -1
- package/dist/esm/hooks/useWebSocket/useWebSocket.js +2 -2
- package/dist/esm/hooks/useWindowEvent/useWindowEvent.js +2 -2
- package/dist/esm/hooks/useWindowScroll/useWindowScroll.js +2 -2
- package/dist/esm/hooks/useWindowSize/useWindowSize.js +2 -2
- package/dist/esm/hooks/useWindowSize/useWindowSize.js.map +1 -1
- package/dist/esm/hooks/useWizard/useWizard.js +2 -2
- package/dist/esm/{index-D5qLBZ_x.js → index-aT3H0Ni8.js} +2 -2
- package/dist/esm/{index-D5qLBZ_x.js.map → index-aT3H0Ni8.js.map} +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/utils/helpers/debounce.js +1 -1
- package/dist/esm/utils/helpers/debounce.js.map +1 -1
- package/dist/esm/utils/helpers/getElement.js +1 -1
- package/dist/esm/utils/helpers/getRetry.js +1 -1
- package/dist/esm/utils/helpers/index.js +1 -1
- package/dist/esm/utils/helpers/isClient.js +1 -1
- package/dist/esm/utils/helpers/throttle.js +1 -1
- package/dist/esm/utils/helpers/time/getDate.js +1 -1
- package/dist/index.d.ts +20 -2
- package/package.json +1 -1
- package/dist/cjs/_rollupPluginBabelHelpers-D8O91viA.js.map +0 -1
- package/dist/esm/_rollupPluginBabelHelpers-D78LPMlB.js.map +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),r=require("react"),n=require("../useRerender/useRerender.js");exports.useField=function(t){var u,a,i=null!==(u=null==t?void 0:t.initialValue)&&void 0!==u?u:"",l=r.useRef(),c=r.useRef(!1),o=n.useRerender(),d=r.useState(!1),v=e._slicedToArray(d,2),s=v[0],f=v[1],p=r.useState(null!==(a=null==t?void 0:t.initialTouched)&&void 0!==a&&a),m=e._slicedToArray(p,2),g=m[0],h=m[1],x=r.useState(void 0),y=e._slicedToArray(x,2),k=y[0],b=y[1],_=function(){var e,r,n,t;return"radio"===(null===(e=l.current)||void 0===e?void 0:e.type)||"checkbox"===(null===(r=l.current)||void 0===r?void 0:r.type)?l.current.checked:null!==(n=null===(t=l.current)||void 0===t?void 0:t.value)&&void 0!==n?n:i},R=function(e){var r,n;return"radio"===(null===(r=l.current)||void 0===r?void 0:r.type)||"checkbox"===(null===(n=l.current)||void 0===n?void 0:n.type)?(l.current.checked=e,c.current?o.update():void 0):(l.current.value=e,c.current?o.update():void 0)},L=function(e){if(e.required&&!l.current.value)return b(e.required);if(e.minLength&&l.current.value.length<e.minLength.value)return b(e.minLength.message);if(e.maxLength&&l.current.value.length>e.maxLength.value)return b(e.maxLength.message);if(e.min&&Number(l.current.value)<e.min.value)return b(e.min.message);if(e.max&&Number(l.current.value)>e.max.value)return b(e.max.message);if(e.pattern&&!e.pattern.value.test(l.current.value))return b(e.pattern.message);if(e.validate){var r=e.validate(l.current.value);if("string"==typeof r)return b(r)}b(void 0)};return{register:function(r){return{ref:function(e){if(!l.current&&e){if(null!=t&&t.autoFocus&&e.focus(),l.current=e,"radio"===l.current.type)return void(l.current.defaultChecked=(null==t?void 0:t.initialValue)===e.value);if("checkbox"===l.current.type)return void(l.current.defaultChecked=!(null==t||!t.initialValue));l.current.defaultValue=String(i),r&&null!=t&&t.validateOnMount&&L(r)}},onChange:(u=e._asyncToGenerator(e._regeneratorRuntime().mark((function n(){return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!c.current){e.next=2;break}return e.abrupt("return",o.update());case 2:if(l.current.value!==i&&f(!0),s&&l.current.value===i&&f(!1),!r||null==t||!t.validateOnChange){e.next=7;break}return e.next=7,L(r);case 7:r&&null!=t&&t.validateOnBlur&&b(void 0);case 8:case"end":return e.stop()}}),n)}))),function(){return u.apply(this,arguments)}),onBlur:(n=e._asyncToGenerator(e._regeneratorRuntime().mark((function n(){return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r||null==t||!t.validateOnBlur){e.next=3;break}return e.next=3,L(r);case 3:h(!0);case 4:case"end":return e.stop()}}),n)}))),function(){return n.apply(this,arguments)})};var n,u},dirty:s,touched:g,error:k,setError:b,clearError:function(){return b(void 0)},getValue:_,setValue:R,reset:function(){R(i),f(!1),h(!1),b(void 0)},watch:function(){return c.current=!0,_()},focus:function(){l.current.focus()}}};
|
|
3
3
|
//# sourceMappingURL=useField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useField.js","sources":["../../../../src/hooks/useField/useField.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\n/** The use field params type */\nexport interface UseFieldParams<Value> {\n /** The initial value */\n initialValue?: Value;\n /** The initial touched */\n initialTouched?: boolean;\n /** The auto focus */\n autoFocus?: boolean;\n /** The validate on mount */\n validateOnChange?: boolean;\n /** The validate on blur */\n validateOnBlur?: boolean;\n /** The validate on mount */\n validateOnMount?: boolean;\n}\n\n/** The use field register params type */\nexport interface UseFieldRegisterParams {\n /** The required validation */\n required?: string;\n /** The min value validation */\n max?: {\n value: number;\n message: string;\n };\n /** The max value validation */\n min?: {\n value: number;\n message: string;\n };\n /** The max length validation */\n maxLength?: {\n value: number;\n message: string;\n };\n /** The min length validation */\n minLength?: {\n value: number;\n message: string;\n };\n /** The pattern validation */\n pattern?: {\n value: RegExp;\n message: string;\n };\n /** The custom validation */\n validate?: (value: string) => Promise<string | true>;\n}\n\n/** The use field return type */\nexport interface UseFieldReturn<Value> {\n /** The register function */\n register: (params?: UseFieldRegisterParams) => {\n onBlur: () => void;\n onChange: () => void;\n ref: (\n node: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null | undefined\n ) => void;\n };\n /** The get value function */\n getValue: () => Value;\n /** The set value function */\n setValue: (value: Value) => void;\n /** The dirty state */\n dirty: boolean;\n /** The error state */\n error?: string;\n /** The set error function */\n touched: boolean;\n /** The focus function */\n focus: () => void;\n /** The watch function */\n watch: () => Value;\n /** The reset function */\n reset: () => void;\n /** The set error function */\n setError: (error: string) => void;\n /** The set error function */\n clearError: () => void;\n}\n\n/**\n * @name useField\n * @description - Hook to manage a form field\n * @category Utilities\n *\n * @template Value The input value\n * @template Type The input value type\n * @param {Value} [params.initialValue] Initial value\n * @param {boolean} [params.initialTouched=false] Initial touched state\n * @param {boolean} [params.autoFocus=false] Auto focus\n * @param {boolean} [params.validateOnChange=false] Validate on change\n * @param {boolean} [params.validateOnBlur=false] Validate on blur\n * @param {boolean} [params.validateOnMount=false] Validate on mount\n * @returns {UseFieldReturn<Value>} An object containing input information\n *\n * @example\n * const { register, getValue, setValue, reset, dirty, error, setError, clearError, touched, focus, watch } = useField();\n */\nexport const useField = <\n Value extends string | boolean = string,\n Type = Value extends string ? string : boolean\n>(\n params?: UseFieldParams<Value>\n): UseFieldReturn<Type> => {\n const initialValue = (params?.initialValue ?? '') as Value;\n\n const inputRef = useRef<HTMLInputElement>();\n const watchingRef = useRef(false);\n const rerender = useRerender();\n\n const [dirty, setDirty] = useState(false);\n const [touched, setTouched] = useState(params?.initialTouched ?? false);\n const [error, setError] = useState<string | undefined>(undefined);\n\n const getValue = () => {\n if (inputRef.current?.type === 'radio' || inputRef.current?.type === 'checkbox')\n return inputRef.current.checked as Type;\n return (inputRef.current?.value ?? initialValue) as Type;\n };\n\n const setValue = (value: Type) => {\n if (inputRef.current?.type === 'radio' || inputRef.current?.type === 'checkbox') {\n inputRef.current.checked = value as boolean;\n if (watchingRef.current) return rerender.update();\n return;\n }\n\n inputRef.current!.value = value as string;\n if (watchingRef.current) return rerender.update();\n };\n\n const reset = () => {\n setValue(initialValue as unknown as Type);\n setDirty(false);\n setTouched(false);\n setError(undefined);\n };\n\n const focus = () => {\n inputRef.current!.focus();\n };\n\n const validate = (params: UseFieldRegisterParams) => {\n if (params.required && !inputRef.current!.value) {\n return setError(params.required);\n }\n\n if (params.minLength && inputRef.current!.value.length < params.minLength.value) {\n return setError(params.minLength.message);\n }\n\n if (params.maxLength && inputRef.current!.value.length > params.maxLength.value) {\n return setError(params.maxLength.message);\n }\n\n if (params.min && Number(inputRef.current!.value) < params.min.value) {\n return setError(params.min.message);\n }\n\n if (params.max && Number(inputRef.current!.value) > params.max.value) {\n return setError(params.max.message);\n }\n\n if (params.pattern && !params.pattern.value.test(inputRef.current!.value)) {\n return setError(params.pattern.message);\n }\n\n if (params.validate) {\n const error = params.validate(inputRef.current!.value);\n if (typeof error === 'string') return setError(error);\n }\n\n setError(undefined);\n };\n\n const register = (registerParams?: UseFieldRegisterParams) => ({\n ref: (node: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null | undefined) => {\n if (!inputRef.current && node) {\n if (params?.autoFocus) node.focus();\n inputRef.current = node as HTMLInputElement;\n if (inputRef.current.type === 'radio') {\n inputRef.current.defaultChecked = params?.initialValue === node.value;\n return;\n }\n if (inputRef.current.type === 'checkbox') {\n inputRef.current.defaultChecked = !!params?.initialValue;\n return;\n }\n inputRef.current.defaultValue = String(initialValue);\n\n if (registerParams && params?.validateOnMount) validate(registerParams);\n }\n },\n onChange: async () => {\n if (watchingRef.current) return rerender.update();\n if (inputRef.current!.value !== initialValue) setDirty(true);\n if (dirty && inputRef.current!.value === initialValue) setDirty(false);\n if (registerParams && params?.validateOnChange) await validate(registerParams);\n if (registerParams && params?.validateOnBlur) setError(undefined);\n },\n onBlur: async () => {\n if (registerParams && params?.validateOnBlur) await validate(registerParams);\n setTouched(true);\n }\n });\n\n const watch = () => {\n watchingRef.current = true;\n return getValue();\n };\n\n const clearError = () => setError(undefined);\n\n return {\n register,\n dirty,\n touched,\n error,\n setError,\n clearError,\n getValue,\n setValue,\n reset,\n watch,\n focus\n };\n};\n"],"names":["params","_params$initialValue","_params$initialTouche","initialValue","inputRef","useRef","watchingRef","rerender","useRerender","_useState","useState","_useState2","_slicedToArray","dirty","setDirty","_useState3","initialTouched","_useState4","touched","setTouched","_useState5","undefined","_useState6","error","setError","getValue","_inputRef$current","_inputRef$current2","_inputRef$current$val","_inputRef$current3","current","type","checked","value","setValue","_inputRef$current4","_inputRef$current5","update","validate","required","minLength","length","message","maxLength","min","Number","max","pattern","test","register","registerParams","ref","node","autoFocus","focus","defaultChecked","defaultValue","String","validateOnMount","onChange","_onChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","abrupt","validateOnChange","validateOnBlur","stop","apply","this","arguments","onBlur","_onBlur","_callee2","_context2","clearError","reset","watch"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useField.js","sources":["../../../../src/hooks/useField/useField.ts"],"sourcesContent":["import { useRef, useState } from 'react';\r\n\r\nimport { useRerender } from '../useRerender/useRerender';\r\n\r\n/** The use field params type */\r\nexport interface UseFieldParams<Value> {\r\n /** The initial value */\r\n initialValue?: Value;\r\n /** The initial touched */\r\n initialTouched?: boolean;\r\n /** The auto focus */\r\n autoFocus?: boolean;\r\n /** The validate on mount */\r\n validateOnChange?: boolean;\r\n /** The validate on blur */\r\n validateOnBlur?: boolean;\r\n /** The validate on mount */\r\n validateOnMount?: boolean;\r\n}\r\n\r\n/** The use field register params type */\r\nexport interface UseFieldRegisterParams {\r\n /** The required validation */\r\n required?: string;\r\n /** The min value validation */\r\n max?: {\r\n value: number;\r\n message: string;\r\n };\r\n /** The max value validation */\r\n min?: {\r\n value: number;\r\n message: string;\r\n };\r\n /** The max length validation */\r\n maxLength?: {\r\n value: number;\r\n message: string;\r\n };\r\n /** The min length validation */\r\n minLength?: {\r\n value: number;\r\n message: string;\r\n };\r\n /** The pattern validation */\r\n pattern?: {\r\n value: RegExp;\r\n message: string;\r\n };\r\n /** The custom validation */\r\n validate?: (value: string) => Promise<string | true>;\r\n}\r\n\r\n/** The use field return type */\r\nexport interface UseFieldReturn<Value> {\r\n /** The register function */\r\n register: (params?: UseFieldRegisterParams) => {\r\n onBlur: () => void;\r\n onChange: () => void;\r\n ref: (\r\n node: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null | undefined\r\n ) => void;\r\n };\r\n /** The get value function */\r\n getValue: () => Value;\r\n /** The set value function */\r\n setValue: (value: Value) => void;\r\n /** The dirty state */\r\n dirty: boolean;\r\n /** The error state */\r\n error?: string;\r\n /** The set error function */\r\n touched: boolean;\r\n /** The focus function */\r\n focus: () => void;\r\n /** The watch function */\r\n watch: () => Value;\r\n /** The reset function */\r\n reset: () => void;\r\n /** The set error function */\r\n setError: (error: string) => void;\r\n /** The set error function */\r\n clearError: () => void;\r\n}\r\n\r\n/**\r\n * @name useField\r\n * @description - Hook to manage a form field\r\n * @category Utilities\r\n *\r\n * @template Value The input value\r\n * @template Type The input value type\r\n * @param {Value} [params.initialValue] Initial value\r\n * @param {boolean} [params.initialTouched=false] Initial touched state\r\n * @param {boolean} [params.autoFocus=false] Auto focus\r\n * @param {boolean} [params.validateOnChange=false] Validate on change\r\n * @param {boolean} [params.validateOnBlur=false] Validate on blur\r\n * @param {boolean} [params.validateOnMount=false] Validate on mount\r\n * @returns {UseFieldReturn<Value>} An object containing input information\r\n *\r\n * @example\r\n * const { register, getValue, setValue, reset, dirty, error, setError, clearError, touched, focus, watch } = useField();\r\n */\r\nexport const useField = <\r\n Value extends string | boolean = string,\r\n Type = Value extends string ? string : boolean\r\n>(\r\n params?: UseFieldParams<Value>\r\n): UseFieldReturn<Type> => {\r\n const initialValue = (params?.initialValue ?? '') as Value;\r\n\r\n const inputRef = useRef<HTMLInputElement>();\r\n const watchingRef = useRef(false);\r\n const rerender = useRerender();\r\n\r\n const [dirty, setDirty] = useState(false);\r\n const [touched, setTouched] = useState(params?.initialTouched ?? false);\r\n const [error, setError] = useState<string | undefined>(undefined);\r\n\r\n const getValue = () => {\r\n if (inputRef.current?.type === 'radio' || inputRef.current?.type === 'checkbox')\r\n return inputRef.current.checked as Type;\r\n return (inputRef.current?.value ?? initialValue) as Type;\r\n };\r\n\r\n const setValue = (value: Type) => {\r\n if (inputRef.current?.type === 'radio' || inputRef.current?.type === 'checkbox') {\r\n inputRef.current.checked = value as boolean;\r\n if (watchingRef.current) return rerender.update();\r\n return;\r\n }\r\n\r\n inputRef.current!.value = value as string;\r\n if (watchingRef.current) return rerender.update();\r\n };\r\n\r\n const reset = () => {\r\n setValue(initialValue as unknown as Type);\r\n setDirty(false);\r\n setTouched(false);\r\n setError(undefined);\r\n };\r\n\r\n const focus = () => {\r\n inputRef.current!.focus();\r\n };\r\n\r\n const validate = (params: UseFieldRegisterParams) => {\r\n if (params.required && !inputRef.current!.value) {\r\n return setError(params.required);\r\n }\r\n\r\n if (params.minLength && inputRef.current!.value.length < params.minLength.value) {\r\n return setError(params.minLength.message);\r\n }\r\n\r\n if (params.maxLength && inputRef.current!.value.length > params.maxLength.value) {\r\n return setError(params.maxLength.message);\r\n }\r\n\r\n if (params.min && Number(inputRef.current!.value) < params.min.value) {\r\n return setError(params.min.message);\r\n }\r\n\r\n if (params.max && Number(inputRef.current!.value) > params.max.value) {\r\n return setError(params.max.message);\r\n }\r\n\r\n if (params.pattern && !params.pattern.value.test(inputRef.current!.value)) {\r\n return setError(params.pattern.message);\r\n }\r\n\r\n if (params.validate) {\r\n const error = params.validate(inputRef.current!.value);\r\n if (typeof error === 'string') return setError(error);\r\n }\r\n\r\n setError(undefined);\r\n };\r\n\r\n const register = (registerParams?: UseFieldRegisterParams) => ({\r\n ref: (node: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null | undefined) => {\r\n if (!inputRef.current && node) {\r\n if (params?.autoFocus) node.focus();\r\n inputRef.current = node as HTMLInputElement;\r\n if (inputRef.current.type === 'radio') {\r\n inputRef.current.defaultChecked = params?.initialValue === node.value;\r\n return;\r\n }\r\n if (inputRef.current.type === 'checkbox') {\r\n inputRef.current.defaultChecked = !!params?.initialValue;\r\n return;\r\n }\r\n inputRef.current.defaultValue = String(initialValue);\r\n\r\n if (registerParams && params?.validateOnMount) validate(registerParams);\r\n }\r\n },\r\n onChange: async () => {\r\n if (watchingRef.current) return rerender.update();\r\n if (inputRef.current!.value !== initialValue) setDirty(true);\r\n if (dirty && inputRef.current!.value === initialValue) setDirty(false);\r\n if (registerParams && params?.validateOnChange) await validate(registerParams);\r\n if (registerParams && params?.validateOnBlur) setError(undefined);\r\n },\r\n onBlur: async () => {\r\n if (registerParams && params?.validateOnBlur) await validate(registerParams);\r\n setTouched(true);\r\n }\r\n });\r\n\r\n const watch = () => {\r\n watchingRef.current = true;\r\n return getValue();\r\n };\r\n\r\n const clearError = () => setError(undefined);\r\n\r\n return {\r\n register,\r\n dirty,\r\n touched,\r\n error,\r\n setError,\r\n clearError,\r\n getValue,\r\n setValue,\r\n reset,\r\n watch,\r\n focus\r\n };\r\n};\r\n"],"names":["params","_params$initialValue","_params$initialTouche","initialValue","inputRef","useRef","watchingRef","rerender","useRerender","_useState","useState","_useState2","_slicedToArray","dirty","setDirty","_useState3","initialTouched","_useState4","touched","setTouched","_useState5","undefined","_useState6","error","setError","getValue","_inputRef$current","_inputRef$current2","_inputRef$current$val","_inputRef$current3","current","type","checked","value","setValue","_inputRef$current4","_inputRef$current5","update","validate","required","minLength","length","message","maxLength","min","Number","max","pattern","test","register","registerParams","ref","node","autoFocus","focus","defaultChecked","defaultValue","String","validateOnMount","onChange","_onChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","abrupt","validateOnChange","validateOnBlur","stop","apply","this","arguments","onBlur","_onBlur","_callee2","_context2","clearError","reset","watch"],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var l=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var l=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),e=require("react"),u=!0,n="*",r=!1;exports.useFileDialog=function(){var t="function"==typeof(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,i=t?arguments.length<=0?void 0:arguments[0]:arguments.length<=1?void 0:arguments[1],o=e.useState(null),c=l._slicedToArray(o,2),v=c[0],a=c[1],d=e.useRef(),p=e.useRef(t);p.current=t;var s=function(){var l;a(null),null===(l=p.current)||void 0===l||l.call(p,null),d.current&&(d.current.value="")};return e.useEffect((function(){var l;return d.current=((l=document.createElement("input")).type="file",l.onchange=function(l){var e,u=l.target.files;a(u),null===(e=p.current)||void 0===e||e.call(p,u)},l),function(){var l;null===(l=d.current)||void 0===l||l.remove()}}),[null==i?void 0:i.multiple,null==i?void 0:i.accept,null==i?void 0:i.capture,null==i?void 0:i.reset]),{value:v,open:function(l){var e,t,o,c,v,a,p;if(d.current){d.current.multiple=null!==(e=null!==(t=null==l?void 0:l.multiple)&&void 0!==t?t:null==i?void 0:i.multiple)&&void 0!==e?e:u,d.current.accept=null!==(o=null!==(c=null==l?void 0:l.accept)&&void 0!==c?c:null==i?void 0:i.accept)&&void 0!==o?o:n;var f=null!==(v=null==l?void 0:l.capture)&&void 0!==v?v:null==i?void 0:i.capture;f&&(d.current.capture=f),(null!==(a=null!==(p=null==l?void 0:l.reset)&&void 0!==p?p:null==i?void 0:i.reset)&&void 0!==a?a:r)&&s(),d.current.click()}},reset:s}};
|
|
3
3
|
//# sourceMappingURL=useFileDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFileDialog.js","sources":["../../../../src/hooks/useFileDialog/useFileDialog.ts"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\n/* The use file dialog options */\nexport interface UseFileDialogOptions extends Pick<ComponentProps<'input'>, 'multiple' | 'accept'> {\n /** The capture value */\n capture?: string;\n /** The reset value */\n reset?: boolean;\n}\n\nconst DEFAULT_OPTIONS = {\n multiple: true,\n accept: '*',\n reset: false\n} satisfies UseFileDialogOptions;\n\n/* The use file dialog return type */\nexport interface UseFileDialogReturn {\n /** The selected files */\n value: FileList | null;\n /** The open function */\n open: (openParams?: UseFileDialogOptions) => void;\n /** The reset function */\n reset: () => void;\n}\n\nexport interface UseFileDialog {\n (\n callback?: (value: FileList | null) => void,\n options?: UseFileDialogOptions\n ): UseFileDialogReturn;\n\n (options?: UseFileDialogOptions, callback?: never): UseFileDialogReturn;\n}\n\n/**\n * @name useFileDialog\n * @description - Hook to handle file input\n * @category Browser\n *\n * @overload\n * @param {(value: FileList | null) => void} callback The callback to execute when a file is selected\n * @param {boolean} [options.multiple=true] Whether multiple files can be selected\n * @param {string} [options.accept='*'] The accepted file types\n * @param {boolean} [options.reset=false] Whether the input should be reset when the callback is called\n * @param {string} [options.capture] The capture value\n * @returns {UseFileDialogReturn} An object containing the selected files\n *\n * @example\n * const { values, open, reset } = useFileDialog((value) => console.log(value));\n *\n * @overload\n * @param {boolean} [options.multiple=true] Whether multiple files can be selected\n * @param {string} [options.accept='*'] The accepted file types\n * @param {boolean} [options.reset=false] Whether the input should be reset when the callback is called\n * @param {string} [options.capture] The capture value\n * @returns {UseFileDialogReturn} An object containing the selected files\n *\n * @example\n * const { values, open, reset } = useFileDialog({ accept: 'image/*' });\n */\nexport const useFileDialog = ((...params: any[]) => {\n const callback = (typeof params[0] === 'function' ? params[0] : undefined) as\n | ((value: FileList | null) => void)\n | undefined;\n const options = (callback ? params[0] : params[1]) as UseFileDialogOptions | undefined;\n\n const [value, setValue] = useState<FileList | null>(null);\n const inputRef = useRef<HTMLInputElement>();\n const internalCallbackRef = useRef(callback);\n internalCallbackRef.current = callback;\n\n const reset = () => {\n setValue(null);\n internalCallbackRef.current?.(null);\n if (inputRef.current) inputRef.current.value = '';\n };\n\n const open = (openParams?: UseFileDialogOptions) => {\n if (!inputRef.current) return;\n\n inputRef.current.multiple =\n openParams?.multiple ?? options?.multiple ?? DEFAULT_OPTIONS.multiple;\n inputRef.current.accept = openParams?.accept ?? options?.accept ?? DEFAULT_OPTIONS.accept;\n\n const capture = openParams?.capture ?? options?.capture;\n if (capture) inputRef.current.capture = capture;\n\n if (openParams?.reset ?? options?.reset ?? DEFAULT_OPTIONS.reset) reset();\n\n inputRef.current.click();\n };\n\n useEffect(() => {\n const init = () => {\n const input = document.createElement('input');\n input.type = 'file';\n\n input.onchange = (event: Event) => {\n const { files } = event.target as HTMLInputElement;\n setValue(files);\n internalCallbackRef.current?.(files);\n };\n return input;\n };\n\n inputRef.current = init();\n return () => {\n inputRef.current?.remove();\n };\n }, [options?.multiple, options?.accept, options?.capture, options?.reset]);\n\n return { value, open, reset };\n}) as UseFileDialog;\n"],"names":["DEFAULT_OPTIONS","callback","arguments","length","undefined","options","_useState","useState","_useState2","_slicedToArray","value","setValue","inputRef","useRef","internalCallbackRef","current","reset","_internalCallbackRef$","call","useEffect","input","document","createElement","type","onchange","event","_internalCallbackRef$2","files","target","_inputRef$current","remove","multiple","accept","capture","open","openParams","_ref","_openParams$multiple","_ref2","_openParams$accept","_openParams$capture","_ref3","_openParams$reset","click"],"mappings":";6FAWMA,GACM,EADNA,EAEI,IAFJA,GAGG,wBAgDqB,WAC5B,IAAMC,EAAiC,mBAArBC,UAAAC,QAAA,OAAAC,EAAAF,UAAA,IAA+BA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAG1DC,EAAWJ,EAAQC,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAA6D,GAEtFI,EAA0BC,EAAQA,SAAkB,MAAKC,EAAAC,EAAAA,eAAAH,EAAA,GAAlDI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAWC,EAAAA,SACXC,EAAsBD,SAAOZ,GACnCa,EAAoBC,QAAUd,EAE9B,IAAMe,EAAQ,WAAM,IAAAC,EAClBN,EAAS,MACkBM,QAA3BA,EAAAH,EAAoBC,eAApBE,IAA2BA,GAA3BA,EAAAC,KAAAJ,EAA8B,MAC1BF,EAASG,UAASH,EAASG,QAAQL,MAAQ,KAqCjD,OAnBAS,EAAAA,WAAU,WACR,IACQC,EAYR,OADAR,EAASG,UAXDK,EAAQC,SAASC,cAAc,UAC/BC,KAAO,OAEbH,EAAMI,SAAW,SAACC,GAAiB,IAAAC,EACzBC,EAAUF,EAAMG,OAAhBD,MACRhB,EAASgB,GACkBD,QAA3BA,EAAAZ,EAAoBC,eAApBW,IAA2BA,GAA3BA,EAAAR,KAAAJ,EAA8Ba,IAEzBP,GAIF,WAAM,IAAAS,EACK,QAAhBA,EAAAjB,EAASG,eAAO,IAAAc,GAAhBA,EAAkBC,SAEtB,GAAG,CAACzB,aAAAA,EAAAA,EAAS0B,SAAU1B,aAAO,EAAPA,EAAS2B,OAAQ3B,aAAAA,EAAAA,EAAS4B,QAAS5B,aAAAA,EAAAA,EAASW,QAE5D,CAAEN,MAAAA,EAAOwB,KAlCH,SAACC,GAAsC,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAClD,GAAK9B,EAASG,QAAd,CAEAH,EAASG,QAAQgB,SAC0B,QADlBK,EACH,QADGC,EACvBF,aAAAA,EAAAA,EAAYJ,gBAAQ,IAAAM,EAAAA,EAAIhC,eAAAA,EAAS0B,gBAAQK,IAAAA,EAAAA,EAAIpC,EAC/CY,EAASG,QAAQiB,OAA8C,QAAxCM,EAAqB,QAArBC,EAAGJ,aAAAA,EAAAA,EAAYH,cAAM,IAAAO,EAAAA,EAAIlC,eAAAA,EAAS2B,cAAMM,IAAAA,EAAAA,EAAItC,EAEnE,IAAMiC,UAAOO,EAAGL,aAAAA,EAAAA,EAAYF,eAAO,IAAAO,EAAAA,EAAInC,aAAO,EAAPA,EAAS4B,QAC5CA,IAASrB,EAASG,QAAQkB,QAAUA,YAExCQ,EAAqB,QAArBC,EAAIP,aAAAA,EAAAA,EAAYnB,aAAK,IAAA0B,EAAAA,EAAIrC,aAAAA,EAAAA,EAASW,aAAK,IAAAyB,EAAAA,EAAIzC,IAAuBgB,IAElEJ,EAASG,QAAQ4B,OAXM,GAiCH3B,MAAAA,EACxB"}
|
|
1
|
+
{"version":3,"file":"useFileDialog.js","sources":["../../../../src/hooks/useFileDialog/useFileDialog.ts"],"sourcesContent":["import type { ComponentProps } from 'react';\r\nimport { useEffect, useRef, useState } from 'react';\r\n\r\n/* The use file dialog options */\r\nexport interface UseFileDialogOptions extends Pick<ComponentProps<'input'>, 'multiple' | 'accept'> {\r\n /** The capture value */\r\n capture?: string;\r\n /** The reset value */\r\n reset?: boolean;\r\n}\r\n\r\nconst DEFAULT_OPTIONS = {\r\n multiple: true,\r\n accept: '*',\r\n reset: false\r\n} satisfies UseFileDialogOptions;\r\n\r\n/* The use file dialog return type */\r\nexport interface UseFileDialogReturn {\r\n /** The selected files */\r\n value: FileList | null;\r\n /** The open function */\r\n open: (openParams?: UseFileDialogOptions) => void;\r\n /** The reset function */\r\n reset: () => void;\r\n}\r\n\r\nexport interface UseFileDialog {\r\n (\r\n callback?: (value: FileList | null) => void,\r\n options?: UseFileDialogOptions\r\n ): UseFileDialogReturn;\r\n\r\n (options?: UseFileDialogOptions, callback?: never): UseFileDialogReturn;\r\n}\r\n\r\n/**\r\n * @name useFileDialog\r\n * @description - Hook to handle file input\r\n * @category Browser\r\n *\r\n * @overload\r\n * @param {(value: FileList | null) => void} callback The callback to execute when a file is selected\r\n * @param {boolean} [options.multiple=true] Whether multiple files can be selected\r\n * @param {string} [options.accept='*'] The accepted file types\r\n * @param {boolean} [options.reset=false] Whether the input should be reset when the callback is called\r\n * @param {string} [options.capture] The capture value\r\n * @returns {UseFileDialogReturn} An object containing the selected files\r\n *\r\n * @example\r\n * const { values, open, reset } = useFileDialog((value) => console.log(value));\r\n *\r\n * @overload\r\n * @param {boolean} [options.multiple=true] Whether multiple files can be selected\r\n * @param {string} [options.accept='*'] The accepted file types\r\n * @param {boolean} [options.reset=false] Whether the input should be reset when the callback is called\r\n * @param {string} [options.capture] The capture value\r\n * @returns {UseFileDialogReturn} An object containing the selected files\r\n *\r\n * @example\r\n * const { values, open, reset } = useFileDialog({ accept: 'image/*' });\r\n */\r\nexport const useFileDialog = ((...params: any[]) => {\r\n const callback = (typeof params[0] === 'function' ? params[0] : undefined) as\r\n | ((value: FileList | null) => void)\r\n | undefined;\r\n const options = (callback ? params[0] : params[1]) as UseFileDialogOptions | undefined;\r\n\r\n const [value, setValue] = useState<FileList | null>(null);\r\n const inputRef = useRef<HTMLInputElement>();\r\n const internalCallbackRef = useRef(callback);\r\n internalCallbackRef.current = callback;\r\n\r\n const reset = () => {\r\n setValue(null);\r\n internalCallbackRef.current?.(null);\r\n if (inputRef.current) inputRef.current.value = '';\r\n };\r\n\r\n const open = (openParams?: UseFileDialogOptions) => {\r\n if (!inputRef.current) return;\r\n\r\n inputRef.current.multiple =\r\n openParams?.multiple ?? options?.multiple ?? DEFAULT_OPTIONS.multiple;\r\n inputRef.current.accept = openParams?.accept ?? options?.accept ?? DEFAULT_OPTIONS.accept;\r\n\r\n const capture = openParams?.capture ?? options?.capture;\r\n if (capture) inputRef.current.capture = capture;\r\n\r\n if (openParams?.reset ?? options?.reset ?? DEFAULT_OPTIONS.reset) reset();\r\n\r\n inputRef.current.click();\r\n };\r\n\r\n useEffect(() => {\r\n const init = () => {\r\n const input = document.createElement('input');\r\n input.type = 'file';\r\n\r\n input.onchange = (event: Event) => {\r\n const { files } = event.target as HTMLInputElement;\r\n setValue(files);\r\n internalCallbackRef.current?.(files);\r\n };\r\n return input;\r\n };\r\n\r\n inputRef.current = init();\r\n return () => {\r\n inputRef.current?.remove();\r\n };\r\n }, [options?.multiple, options?.accept, options?.capture, options?.reset]);\r\n\r\n return { value, open, reset };\r\n}) as UseFileDialog;\r\n"],"names":["DEFAULT_OPTIONS","callback","arguments","length","undefined","options","_useState","useState","_useState2","_slicedToArray","value","setValue","inputRef","useRef","internalCallbackRef","current","reset","_internalCallbackRef$","call","useEffect","input","document","createElement","type","onchange","event","_internalCallbackRef$2","files","target","_inputRef$current","remove","multiple","accept","capture","open","openParams","_ref","_openParams$multiple","_ref2","_openParams$accept","_openParams$capture","_ref3","_openParams$reset","click"],"mappings":";6FAWMA,GACM,EADNA,EAEI,IAFJA,GAGG,wBAgDqB,WAC5B,IAAMC,EAAiC,mBAArBC,UAAAC,QAAA,OAAAC,EAAAF,UAAA,IAA+BA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAG1DC,EAAWJ,EAAQC,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAA6D,GAEtFI,EAA0BC,EAAQA,SAAkB,MAAKC,EAAAC,EAAAA,eAAAH,EAAA,GAAlDI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAWC,EAAAA,SACXC,EAAsBD,SAAOZ,GACnCa,EAAoBC,QAAUd,EAE9B,IAAMe,EAAQ,WAAM,IAAAC,EAClBN,EAAS,MACkBM,QAA3BA,EAAAH,EAAoBC,eAApBE,IAA2BA,GAA3BA,EAAAC,KAAAJ,EAA8B,MAC1BF,EAASG,UAASH,EAASG,QAAQL,MAAQ,KAqCjD,OAnBAS,EAAAA,WAAU,WACR,IACQC,EAYR,OADAR,EAASG,UAXDK,EAAQC,SAASC,cAAc,UAC/BC,KAAO,OAEbH,EAAMI,SAAW,SAACC,GAAiB,IAAAC,EACzBC,EAAUF,EAAMG,OAAhBD,MACRhB,EAASgB,GACkBD,QAA3BA,EAAAZ,EAAoBC,eAApBW,IAA2BA,GAA3BA,EAAAR,KAAAJ,EAA8Ba,IAEzBP,GAIF,WAAM,IAAAS,EACK,QAAhBA,EAAAjB,EAASG,eAAO,IAAAc,GAAhBA,EAAkBC,SAEtB,GAAG,CAACzB,aAAAA,EAAAA,EAAS0B,SAAU1B,aAAO,EAAPA,EAAS2B,OAAQ3B,aAAAA,EAAAA,EAAS4B,QAAS5B,aAAAA,EAAAA,EAASW,QAE5D,CAAEN,MAAAA,EAAOwB,KAlCH,SAACC,GAAsC,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAClD,GAAK9B,EAASG,QAAd,CAEAH,EAASG,QAAQgB,SAC0B,QADlBK,EACH,QADGC,EACvBF,aAAAA,EAAAA,EAAYJ,gBAAQ,IAAAM,EAAAA,EAAIhC,eAAAA,EAAS0B,gBAAQK,IAAAA,EAAAA,EAAIpC,EAC/CY,EAASG,QAAQiB,OAA8C,QAAxCM,EAAqB,QAArBC,EAAGJ,aAAAA,EAAAA,EAAYH,cAAM,IAAAO,EAAAA,EAAIlC,eAAAA,EAAS2B,cAAMM,IAAAA,EAAAA,EAAItC,EAEnE,IAAMiC,UAAOO,EAAGL,aAAAA,EAAAA,EAAYF,eAAO,IAAAO,EAAAA,EAAInC,aAAO,EAAPA,EAAS4B,QAC5CA,IAASrB,EAASG,QAAQkB,QAAUA,YAExCQ,EAAqB,QAArBC,EAAIP,aAAAA,EAAAA,EAAYnB,aAAK,IAAA0B,EAAAA,EAAIrC,aAAAA,EAAAA,EAASW,aAAK,IAAAyB,EAAAA,EAAIzC,IAAuBgB,IAElEJ,EAASG,QAAQ4B,OAXM,GAiCH3B,MAAAA,EACxB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),r=require("react"),u=require("../../utils/helpers/getElement.js");require("../../utils/helpers/isClient.js");exports.useFocus=function(){for(var n,t,i,l=arguments.length,o=new Array(l),s=0;s<l;s++)o[s]=arguments[s];var c=o[0]&&"current"in o[0]||o[0]instanceof Element?o[0]:void 0,v=null!==(n=c?null===(t=o[1])||void 0===t?void 0:t.initialFocus:null===(i=o[0])||void 0===i?void 0:i.initialFocus)&&void 0!==n&&n,a=r.useState(v),f=e._slicedToArray(a,2),d=f[0],E=f[1],b=r.useState(),m=e._slicedToArray(b,2),g=m[0],p=m[1],h=r.useRef(),q=function(){var e;return null===(e=h.current)||void 0===e?void 0:e.focus()},L=function(){var e;return null===(e=h.current)||void 0===e?void 0:e.blur()};return r.useEffect((function(){var e=c?u.getElement(c):g;if(e){h.current=e;var r=function(e){var r,u;(!q||null!==(r=(u=e.target).matches)&&void 0!==r&&r.call(u,":focus-visible"))&&E(!0)},n=function(){return E(!1)};return v&&e.focus(),e.addEventListener("focus",r),e.addEventListener("blur",n),function(){e.removeEventListener("focus",r),e.removeEventListener("blur",n)}}}),[g,c]),c?{focus:q,blur:L,focused:d}:{ref:p,focus:q,blur:L,focused:d}};
|
|
3
3
|
//# sourceMappingURL=useFocus.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFocus.js","sources":["../../../../src/hooks/useFocus/useFocus.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\nexport type UseFocusTarget = RefObject<Element | null | undefined> | (() => Element) | Element;\n\n/** The use focus options type */\nexport interface UseFocusOptions {\n /** The initial focus state of the target */\n initialFocus?: boolean;\n}\n\n/** The use focus return type */\nexport interface UseFocusReturn {\n /** Is the target focused */\n focus: () => void;\n /** Is the target focused */\n blur: () => void;\n /** The boolean state value of the target */\n focused: boolean;\n}\n\nexport interface UseFocus {\n <Target extends UseFocusTarget>(target: Target, options?: UseFocusOptions): UseFocusReturn;\n\n <Target extends UseFocusTarget>(\n options?: UseFocusOptions\n ): UseFocusReturn & { ref: (node: Target) => void };\n}\n\n/**\n * @name useFocus\n * @description - Hook that allows you to focus on a specific element\n * @category Browser\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to focus\n * @param {boolean} [options.initialFocus=false] The initial focus state of the target\n * @returns {UseFocusReturn} An object with a `focus` boolean state value\n *\n * @example\n * const { focus, blur, focused } = useFocus(target);\n *\n * @overload\n * @param {boolean} [options.initialFocus=false] The initial focus state of the target\n * @returns {UseFocusReturn} An object with a `focus` boolean state value\n *\n * @example\n * const { ref, focus, blur, focused } = useFocus();\n */\nexport const useFocus = ((...params: any[]) => {\n const target =\n (params[0] && 'current' in params[0]) || params[0] instanceof Element ? params[0] : undefined;\n const initialFocus =\n (target\n ? (params[1] as UseFocusOptions)?.initialFocus\n : (params[0] as UseFocusOptions)?.initialFocus) ?? false;\n\n const [focused, setFocused] = useState(initialFocus);\n const [internalRef, setInternalRef] = useState<Element>();\n\n const elementRef = useRef<HTMLElement>();\n\n const focus = () => elementRef.current?.focus();\n const blur = () => elementRef.current?.blur();\n\n useEffect(() => {\n const element = (target ? getElement(target) : internalRef) as HTMLElement;\n if (!element) return;\n elementRef.current = element;\n\n const onFocus = (event: Event) => {\n if (!focus || (event.target as HTMLElement).matches?.(':focus-visible')) setFocused(true);\n };\n const onBlur = () => setFocused(false);\n if (initialFocus) element.focus();\n\n element.addEventListener('focus', onFocus);\n element.addEventListener('blur', onBlur);\n\n return () => {\n element.removeEventListener('focus', onFocus);\n element.removeEventListener('blur', onBlur);\n };\n }, [internalRef, target]);\n\n if (target) return { focus, blur, focused };\n return {\n ref: setInternalRef,\n focus,\n blur,\n focused\n };\n}) as UseFocus;\n"],"names":["_ref","_params$","_params$2","_len","arguments","length","params","Array","_key","target","Element","undefined","initialFocus","_useState","useState","_useState2","_slicedToArray","focused","setFocused","_useState3","_useState4","internalRef","setInternalRef","elementRef","useRef","focus","_elementRef$current","current","blur","_elementRef$current2","useEffect","element","getElement","onFocus","event","_matches","_ref2","matches","call","onBlur","addEventListener","removeEventListener","ref"],"mappings":";wMAoDyB,WAAsB,IAAA,IAAAA,EAAAC,EAAAC,EAAAC,EAAAC,UAAAC,OAAlBC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GACjC,IAAMC,EACHH,EAAO,IAAM,YAAaA,EAAO,IAAOA,EAAO,aAAcI,QAAUJ,EAAO,QAAKK,EAChFC,EAG4CZ,QAHhCA,EACfS,EACa,QADPR,EACFK,EAAO,UAAE,IAAAL,OAAA,EAAVA,EAAgCW,qBAAYV,EAC3CI,EAAO,UAAE,IAAAJ,OAAA,EAAVA,EAAgCU,oBAAYZ,IAAAA,GAAAA,EAElDa,EAA8BC,EAAQA,SAACF,GAAaG,EAAAC,EAAAA,eAAAH,EAAA,GAA7CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAC1BI,EAAsCL,EAAAA,WAAmBM,EAAAJ,EAAAA,eAAAG,EAAA,GAAlDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAE5BG,EAAaC,EAAAA,SAEbC,EAAQ,WAAH,IAAAC,EAAA,OAA2B,QAA3BA,EAASH,EAAWI,eAAO,IAAAD,OAAA,EAAlBA,EAAoBD,OAAO,EACzCG,EAAO,WAAH,IAAAC,EAAA,OAA2B,QAA3BA,EAASN,EAAWI,eAAO,IAAAE,OAAA,EAAlBA,EAAoBD,MAAM,EAsB7C,OApBAE,EAAAA,WAAU,WACR,IAAMC,EAAWtB,EAASuB,EAAUA,WAACvB,GAAUY,EAC/C,GAAKU,EAAL,CACAR,EAAWI,QAAUI,EAErB,IAAME,EAAU,SAACC,GAAiB,IAAAC,EAAAC,IAC3BX,GAA8C,QAAzCU,GAAIC,EAACF,EAAMzB,QAAuB4B,eAAO,IAAAF,GAArCA,EAAAG,KAAAF,EAAwC,oBAAmBlB,GAAW,IAEhFqB,EAAS,WAAH,OAASrB,GAAW,EAAM,EAMtC,OALIN,GAAcmB,EAAQN,QAE1BM,EAAQS,iBAAiB,QAASP,GAClCF,EAAQS,iBAAiB,OAAQD,GAE1B,WACLR,EAAQU,oBAAoB,QAASR,GACrCF,EAAQU,oBAAoB,OAAQF,GAdxB,CAgBhB,GAAG,CAAClB,EAAaZ,IAEbA,EAAe,CAAEgB,MAAAA,EAAOG,KAAAA,EAAMX,QAAAA,GAC3B,CACLyB,IAAKpB,EACLG,MAAAA,EACAG,KAAAA,EACAX,QAAAA,EAEJ"}
|
|
1
|
+
{"version":3,"file":"useFocus.js","sources":["../../../../src/hooks/useFocus/useFocus.ts"],"sourcesContent":["import type { RefObject } from 'react';\r\nimport { useEffect, useRef, useState } from 'react';\r\n\r\nimport { getElement } from '@/utils/helpers';\r\n\r\nexport type UseFocusTarget = RefObject<Element | null | undefined> | (() => Element) | Element;\r\n\r\n/** The use focus options type */\r\nexport interface UseFocusOptions {\r\n /** The initial focus state of the target */\r\n initialFocus?: boolean;\r\n}\r\n\r\n/** The use focus return type */\r\nexport interface UseFocusReturn {\r\n /** Is the target focused */\r\n focus: () => void;\r\n /** Is the target focused */\r\n blur: () => void;\r\n /** The boolean state value of the target */\r\n focused: boolean;\r\n}\r\n\r\nexport interface UseFocus {\r\n <Target extends UseFocusTarget>(target: Target, options?: UseFocusOptions): UseFocusReturn;\r\n\r\n <Target extends UseFocusTarget>(\r\n options?: UseFocusOptions\r\n ): UseFocusReturn & { ref: (node: Target) => void };\r\n}\r\n\r\n/**\r\n * @name useFocus\r\n * @description - Hook that allows you to focus on a specific element\r\n * @category Browser\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {Target} target The target element to focus\r\n * @param {boolean} [options.initialFocus=false] The initial focus state of the target\r\n * @returns {UseFocusReturn} An object with a `focus` boolean state value\r\n *\r\n * @example\r\n * const { focus, blur, focused } = useFocus(target);\r\n *\r\n * @overload\r\n * @param {boolean} [options.initialFocus=false] The initial focus state of the target\r\n * @returns {UseFocusReturn} An object with a `focus` boolean state value\r\n *\r\n * @example\r\n * const { ref, focus, blur, focused } = useFocus();\r\n */\r\nexport const useFocus = ((...params: any[]) => {\r\n const target =\r\n (params[0] && 'current' in params[0]) || params[0] instanceof Element ? params[0] : undefined;\r\n const initialFocus =\r\n (target\r\n ? (params[1] as UseFocusOptions)?.initialFocus\r\n : (params[0] as UseFocusOptions)?.initialFocus) ?? false;\r\n\r\n const [focused, setFocused] = useState(initialFocus);\r\n const [internalRef, setInternalRef] = useState<Element>();\r\n\r\n const elementRef = useRef<HTMLElement>();\r\n\r\n const focus = () => elementRef.current?.focus();\r\n const blur = () => elementRef.current?.blur();\r\n\r\n useEffect(() => {\r\n const element = (target ? getElement(target) : internalRef) as HTMLElement;\r\n if (!element) return;\r\n elementRef.current = element;\r\n\r\n const onFocus = (event: Event) => {\r\n if (!focus || (event.target as HTMLElement).matches?.(':focus-visible')) setFocused(true);\r\n };\r\n const onBlur = () => setFocused(false);\r\n if (initialFocus) element.focus();\r\n\r\n element.addEventListener('focus', onFocus);\r\n element.addEventListener('blur', onBlur);\r\n\r\n return () => {\r\n element.removeEventListener('focus', onFocus);\r\n element.removeEventListener('blur', onBlur);\r\n };\r\n }, [internalRef, target]);\r\n\r\n if (target) return { focus, blur, focused };\r\n return {\r\n ref: setInternalRef,\r\n focus,\r\n blur,\r\n focused\r\n };\r\n}) as UseFocus;\r\n"],"names":["_ref","_params$","_params$2","_len","arguments","length","params","Array","_key","target","Element","undefined","initialFocus","_useState","useState","_useState2","_slicedToArray","focused","setFocused","_useState3","_useState4","internalRef","setInternalRef","elementRef","useRef","focus","_elementRef$current","current","blur","_elementRef$current2","useEffect","element","getElement","onFocus","event","_matches","_ref2","matches","call","onBlur","addEventListener","removeEventListener","ref"],"mappings":";wMAoDyB,WAAsB,IAAA,IAAAA,EAAAC,EAAAC,EAAAC,EAAAC,UAAAC,OAAlBC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GACjC,IAAMC,EACHH,EAAO,IAAM,YAAaA,EAAO,IAAOA,EAAO,aAAcI,QAAUJ,EAAO,QAAKK,EAChFC,EAG4CZ,QAHhCA,EACfS,EACa,QADPR,EACFK,EAAO,UAAE,IAAAL,OAAA,EAAVA,EAAgCW,qBAAYV,EAC3CI,EAAO,UAAE,IAAAJ,OAAA,EAAVA,EAAgCU,oBAAYZ,IAAAA,GAAAA,EAElDa,EAA8BC,EAAQA,SAACF,GAAaG,EAAAC,EAAAA,eAAAH,EAAA,GAA7CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAC1BI,EAAsCL,EAAAA,WAAmBM,EAAAJ,EAAAA,eAAAG,EAAA,GAAlDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAE5BG,EAAaC,EAAAA,SAEbC,EAAQ,WAAH,IAAAC,EAAA,OAA2B,QAA3BA,EAASH,EAAWI,eAAO,IAAAD,OAAA,EAAlBA,EAAoBD,OAAO,EACzCG,EAAO,WAAH,IAAAC,EAAA,OAA2B,QAA3BA,EAASN,EAAWI,eAAO,IAAAE,OAAA,EAAlBA,EAAoBD,MAAM,EAsB7C,OApBAE,EAAAA,WAAU,WACR,IAAMC,EAAWtB,EAASuB,EAAUA,WAACvB,GAAUY,EAC/C,GAAKU,EAAL,CACAR,EAAWI,QAAUI,EAErB,IAAME,EAAU,SAACC,GAAiB,IAAAC,EAAAC,IAC3BX,GAA8C,QAAzCU,GAAIC,EAACF,EAAMzB,QAAuB4B,eAAO,IAAAF,GAArCA,EAAAG,KAAAF,EAAwC,oBAAmBlB,GAAW,IAEhFqB,EAAS,WAAH,OAASrB,GAAW,EAAM,EAMtC,OALIN,GAAcmB,EAAQN,QAE1BM,EAAQS,iBAAiB,QAASP,GAClCF,EAAQS,iBAAiB,OAAQD,GAE1B,WACLR,EAAQU,oBAAoB,QAASR,GACrCF,EAAQU,oBAAoB,OAAQF,GAdxB,CAgBhB,GAAG,CAAClB,EAAaZ,IAEbA,EAAe,CAAEgB,MAAAA,EAAOG,KAAAA,EAAMX,QAAAA,GAC3B,CACLyB,IAAKpB,EACLG,MAAAA,EACAG,KAAAA,EACAX,QAAAA,EAEJ"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),r=require("react");exports.useFps=function(){var n=r.useState(0),a=e._slicedToArray(n,2),t=a[0],u=a[1];return r.useEffect((function(){var e,r=0,n=performance.now();return e=requestAnimationFrame((function a(){r+=1;var t=performance.now(),i=t-n;if(i>=1e3){var o=Math.round(1e3*r/i);u(o),r=0,n=t}e=requestAnimationFrame(a)})),function(){cancelAnimationFrame(e)}}),[]),t};
|
|
3
3
|
//# sourceMappingURL=useFps.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),l=require("react"),n=require("../../index-HaChE5C4.js"),r=require("../../utils/helpers/getElement.js");require("../../utils/helpers/isClient.js");var u=require("../useUnmount/useUnmount.js");exports.useFullscreen=function(){var i,s=void 0===(arguments.length<=1?void 0:arguments[1])||arguments.length<=0?void 0:arguments[0],t=s?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],c=l.useState(),o=e._slicedToArray(c,2),a=o[0],f=o[1],d=l.useState(null!==(i=null==t?void 0:t.initialValue)&&void 0!==i&&i),v=e._slicedToArray(d,2),g=v[0],h=v[1],E=function e(){if(n.screenfull.isEnabled){var l,r;if(n.screenfull.isFullscreen)null==t||null===(l=t.onEnter)||void 0===l||l.call(t);else n.screenfull.off("change",e),null==t||null===(r=t.onExit)||void 0===r||r.call(t);h(n.screenfull.isFullscreen)}},b=function(){var e=s?r.getElement(s):a;if(e&&n.screenfull.isEnabled)try{n.screenfull.request(e),n.screenfull.on("change",E)}catch(e){console.error(e)}},j=function(){n.screenfull.isEnabled&&n.screenfull.exit()};return u.useUnmount((function(){n.screenfull.isEnabled&&n.screenfull.off("change",E)})),e._objectSpread2(e._objectSpread2({},!s&&{ref:f}),{},{enter:b,exit:j,toggle:function(){if(g)return j();b()},value:g})};
|
|
3
3
|
//# sourceMappingURL=useFullscreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFullscreen.js","sources":["../../../../src/hooks/useFullscreen/useFullscreen.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useState } from 'react';\nimport screenfull from 'screenfull';\n\nimport { getElement } from '@/utils/helpers';\n\nimport { useUnmount } from '../useUnmount/useUnmount';\n\n/** The use fullscreen target element type */\nexport type UseFullScreenTarget = RefObject<Element | null | undefined> | (() => Element) | Element;\n\n/** The use fullscreen options type */\nexport interface UseFullScreenOptions {\n /** initial value */\n initialValue?: boolean;\n /** on enter fullscreen */\n onEnter?: () => void;\n /** on exit fullscreen */\n onExit?: () => void;\n}\n\n/** The use click outside return type */\nexport interface UseFullScreenReturn {\n enter: () => void;\n exit: () => void;\n toggle: () => void;\n value: boolean;\n}\n\nexport interface UseFullScreen {\n <Target extends UseFullScreenTarget>(\n target: Target,\n options?: UseFullScreenOptions\n ): UseFullScreenReturn;\n\n <Target extends UseFullScreenTarget>(\n options?: UseFullScreenOptions,\n target?: never\n ): UseFullScreenReturn & { ref: (node: Target) => void };\n}\n\n/**\n * @name useFullscreen\n * @description - Hook to handle fullscreen events\n * @category Browser\n *\n * @overload\n * @template Target The target element for fullscreen\n * @param {Target} target The target element for fullscreen\n * @param {boolean} [options.initialValue=false] initial value of fullscreen\n * @param {() => void} [options.onEnter] on enter fullscreen\n * @param {() => void} [options.onExit] on exit fullscreen\n * @returns {UseFullScreenReturn} An object with the fullscreen state and methods\n *\n * @example\n * const { enter, exit, toggle, value } = useFullscreen(ref);\n *\n * @overload\n * @template Target The target element for fullscreen\n * @param {boolean} [options.initialValue=false] initial value of fullscreen\n * @param {() => void} [options.onEnter] on enter fullscreen\n * @param {() => void} [options.onExit] on exit fullscreen\n * @returns {UseFullScreenReturn & { ref: RefObject<Target> }} An object with the fullscreen state and methods\n *\n * @example\n * const { ref, enter, exit, toggle, value } = useFullscreen();\n */\nexport const useFullscreen = ((...params: any[]) => {\n const target = (typeof params[1] === 'undefined' ? undefined : params[0]) as\n | UseFullScreenTarget\n | undefined;\n const options = (target ? params[1] : params[0]) as UseFullScreenOptions | undefined;\n\n const [internalRef, setInternalRef] = useState<Element>();\n const [value, setValue] = useState(options?.initialValue ?? false);\n\n const onChange = () => {\n if (!screenfull.isEnabled) return;\n\n if (screenfull.isFullscreen) {\n options?.onEnter?.();\n } else {\n screenfull.off('change', onChange);\n options?.onExit?.();\n }\n\n setValue(screenfull.isFullscreen);\n };\n\n const enter = () => {\n const element = (target ? getElement(target) : internalRef) as Element;\n if (!element) return;\n\n if (screenfull.isEnabled) {\n try {\n screenfull.request(element);\n screenfull.on('change', onChange);\n } catch (error) {\n console.error(error);\n }\n }\n };\n\n const exit = () => {\n if (screenfull.isEnabled) screenfull.exit();\n };\n\n const toggle = () => {\n if (value) return exit();\n enter();\n };\n\n useUnmount(() => {\n if (screenfull.isEnabled) screenfull.off('change', onChange);\n });\n\n return {\n ...(!target && { ref: setInternalRef }),\n enter,\n exit,\n toggle,\n value\n };\n}) as UseFullScreen;\n"],"names":["_options$initialValue","target","arguments","length","undefined","options","_useState","useState","_useState2","_slicedToArray","internalRef","setInternalRef","_useState3","initialValue","_useState4","value","setValue","onChange","screenfull","isEnabled","_options$onEnter","_options$onExit","isFullscreen","onEnter","call","off","onExit","enter","element","getElement","request","on","error","console","exit","useUnmount","_objectSpread","ref","toggle"],"mappings":";+RAmE8B,WAAsB,IAAAA,EAC5CC,OAA+B,KAArBC,UAAAC,QAAA,OAAAC,EAAAF,UAAA,KAA4CA,UAAAC,QAAAC,OAATA,EAASF,UAE/C,GACPG,EAAWJ,EAAMC,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAA6D,GAEpFI,EAAsCC,EAAAA,WAAmBC,EAAAC,EAAAA,eAAAH,EAAA,GAAlDI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAClCI,EAA0BL,EAAAA,SAA8BP,QAAtBA,EAACK,eAAAA,EAASQ,wBAAYb,GAAAA,GAAUc,EAAAL,EAAAA,eAAAG,EAAA,GAA3DG,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GAEhBG,EAAW,SAAXA,IACJ,GAAKC,EAAAA,WAAWC,UAAhB,CAE6B,IAAAC,EAEtBC,EAFP,GAAIH,EAAAA,WAAWI,aACbjB,SAAgBe,QAATA,EAAPf,EAASkB,mBAAOH,GAAhBA,EAAAI,KAAAnB,QAEAa,EAAAA,WAAWO,IAAI,SAAUR,GACzBZ,SAAegB,QAARA,EAAPhB,EAASqB,kBAAML,GAAfA,EAAAG,KAAAnB,GAGFW,EAASE,EAAAA,WAAWI,aATO,GAYvBK,EAAQ,WACZ,IAAMC,EAAW3B,EAAS4B,EAAUA,WAAC5B,GAAUS,EAC/C,GAAKkB,GAEDV,EAAAA,WAAWC,UACb,IACED,aAAWY,QAAQF,GACnBV,EAAAA,WAAWa,GAAG,SAAUd,EACzB,CAAC,MAAOe,GACPC,QAAQD,MAAMA,EAChB,GAIEE,EAAO,WACPhB,aAAWC,WAAWD,EAAUA,WAACgB,QAYvC,OAJAC,EAAAA,YAAW,WACLjB,EAAAA,WAAWC,WAAWD,EAAAA,WAAWO,IAAI,SAAUR,EACrD,IAEAmB,iBAAAA,EAAAA,eACM,CAAA,GAACnC,GAAU,CAAEoC,IAAK1B,IAAgB,CAAA,EAAA,CACtCgB,MAAAA,EACAO,KAAAA,EACAI,OAba,WACb,GAAIvB,EAAO,OAAOmB,IAClBP,KAYAZ,MAAAA,GAEJ"}
|
|
1
|
+
{"version":3,"file":"useFullscreen.js","sources":["../../../../src/hooks/useFullscreen/useFullscreen.ts"],"sourcesContent":["import type { RefObject } from 'react';\r\nimport { useState } from 'react';\r\nimport screenfull from 'screenfull';\r\n\r\nimport { getElement } from '@/utils/helpers';\r\n\r\nimport { useUnmount } from '../useUnmount/useUnmount';\r\n\r\n/** The use fullscreen target element type */\r\nexport type UseFullScreenTarget = RefObject<Element | null | undefined> | (() => Element) | Element;\r\n\r\n/** The use fullscreen options type */\r\nexport interface UseFullScreenOptions {\r\n /** initial value */\r\n initialValue?: boolean;\r\n /** on enter fullscreen */\r\n onEnter?: () => void;\r\n /** on exit fullscreen */\r\n onExit?: () => void;\r\n}\r\n\r\n/** The use click outside return type */\r\nexport interface UseFullScreenReturn {\r\n enter: () => void;\r\n exit: () => void;\r\n toggle: () => void;\r\n value: boolean;\r\n}\r\n\r\nexport interface UseFullScreen {\r\n <Target extends UseFullScreenTarget>(\r\n target: Target,\r\n options?: UseFullScreenOptions\r\n ): UseFullScreenReturn;\r\n\r\n <Target extends UseFullScreenTarget>(\r\n options?: UseFullScreenOptions,\r\n target?: never\r\n ): UseFullScreenReturn & { ref: (node: Target) => void };\r\n}\r\n\r\n/**\r\n * @name useFullscreen\r\n * @description - Hook to handle fullscreen events\r\n * @category Browser\r\n *\r\n * @overload\r\n * @template Target The target element for fullscreen\r\n * @param {Target} target The target element for fullscreen\r\n * @param {boolean} [options.initialValue=false] initial value of fullscreen\r\n * @param {() => void} [options.onEnter] on enter fullscreen\r\n * @param {() => void} [options.onExit] on exit fullscreen\r\n * @returns {UseFullScreenReturn} An object with the fullscreen state and methods\r\n *\r\n * @example\r\n * const { enter, exit, toggle, value } = useFullscreen(ref);\r\n *\r\n * @overload\r\n * @template Target The target element for fullscreen\r\n * @param {boolean} [options.initialValue=false] initial value of fullscreen\r\n * @param {() => void} [options.onEnter] on enter fullscreen\r\n * @param {() => void} [options.onExit] on exit fullscreen\r\n * @returns {UseFullScreenReturn & { ref: RefObject<Target> }} An object with the fullscreen state and methods\r\n *\r\n * @example\r\n * const { ref, enter, exit, toggle, value } = useFullscreen();\r\n */\r\nexport const useFullscreen = ((...params: any[]) => {\r\n const target = (typeof params[1] === 'undefined' ? undefined : params[0]) as\r\n | UseFullScreenTarget\r\n | undefined;\r\n const options = (target ? params[1] : params[0]) as UseFullScreenOptions | undefined;\r\n\r\n const [internalRef, setInternalRef] = useState<Element>();\r\n const [value, setValue] = useState(options?.initialValue ?? false);\r\n\r\n const onChange = () => {\r\n if (!screenfull.isEnabled) return;\r\n\r\n if (screenfull.isFullscreen) {\r\n options?.onEnter?.();\r\n } else {\r\n screenfull.off('change', onChange);\r\n options?.onExit?.();\r\n }\r\n\r\n setValue(screenfull.isFullscreen);\r\n };\r\n\r\n const enter = () => {\r\n const element = (target ? getElement(target) : internalRef) as Element;\r\n if (!element) return;\r\n\r\n if (screenfull.isEnabled) {\r\n try {\r\n screenfull.request(element);\r\n screenfull.on('change', onChange);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }\r\n };\r\n\r\n const exit = () => {\r\n if (screenfull.isEnabled) screenfull.exit();\r\n };\r\n\r\n const toggle = () => {\r\n if (value) return exit();\r\n enter();\r\n };\r\n\r\n useUnmount(() => {\r\n if (screenfull.isEnabled) screenfull.off('change', onChange);\r\n });\r\n\r\n return {\r\n ...(!target && { ref: setInternalRef }),\r\n enter,\r\n exit,\r\n toggle,\r\n value\r\n };\r\n}) as UseFullScreen;\r\n"],"names":["_options$initialValue","target","arguments","length","undefined","options","_useState","useState","_useState2","_slicedToArray","internalRef","setInternalRef","_useState3","initialValue","_useState4","value","setValue","onChange","screenfull","isEnabled","_options$onEnter","_options$onExit","isFullscreen","onEnter","call","off","onExit","enter","element","getElement","request","on","error","console","exit","useUnmount","_objectSpread","ref","toggle"],"mappings":";+RAmE8B,WAAsB,IAAAA,EAC5CC,OAA+B,KAArBC,UAAAC,QAAA,OAAAC,EAAAF,UAAA,KAA4CA,UAAAC,QAAAC,OAATA,EAASF,UAE/C,GACPG,EAAWJ,EAAMC,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAA6D,GAEpFI,EAAsCC,EAAAA,WAAmBC,EAAAC,EAAAA,eAAAH,EAAA,GAAlDI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAClCI,EAA0BL,EAAAA,SAA8BP,QAAtBA,EAACK,eAAAA,EAASQ,wBAAYb,GAAAA,GAAUc,EAAAL,EAAAA,eAAAG,EAAA,GAA3DG,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GAEhBG,EAAW,SAAXA,IACJ,GAAKC,EAAAA,WAAWC,UAAhB,CAE6B,IAAAC,EAEtBC,EAFP,GAAIH,EAAAA,WAAWI,aACbjB,SAAgBe,QAATA,EAAPf,EAASkB,mBAAOH,GAAhBA,EAAAI,KAAAnB,QAEAa,EAAAA,WAAWO,IAAI,SAAUR,GACzBZ,SAAegB,QAARA,EAAPhB,EAASqB,kBAAML,GAAfA,EAAAG,KAAAnB,GAGFW,EAASE,EAAAA,WAAWI,aATO,GAYvBK,EAAQ,WACZ,IAAMC,EAAW3B,EAAS4B,EAAUA,WAAC5B,GAAUS,EAC/C,GAAKkB,GAEDV,EAAAA,WAAWC,UACb,IACED,aAAWY,QAAQF,GACnBV,EAAAA,WAAWa,GAAG,SAAUd,EACzB,CAAC,MAAOe,GACPC,QAAQD,MAAMA,EAChB,GAIEE,EAAO,WACPhB,aAAWC,WAAWD,EAAUA,WAACgB,QAYvC,OAJAC,EAAAA,YAAW,WACLjB,EAAAA,WAAWC,WAAWD,EAAAA,WAAWO,IAAI,SAAUR,EACrD,IAEAmB,iBAAAA,EAAAA,eACM,CAAA,GAACnC,GAAU,CAAEoC,IAAK1B,IAAgB,CAAA,EAAA,CACtCgB,MAAAA,EACAO,KAAAA,EACAI,OAba,WACb,GAAIvB,EAAO,OAAOmB,IAClBP,KAYAZ,MAAAA,GAEJ"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
2
|
"use strict";exports.mapGamepadToXbox360Controller=function(t){return{buttons:{a:t.buttons[0],b:t.buttons[1],x:t.buttons[2],y:t.buttons[3]},bumper:{left:t.buttons[4],right:t.buttons[5]},triggers:{left:t.buttons[6],right:t.buttons[7]},stick:{left:{horizontal:t.axes[0],vertical:t.axes[1],button:t.buttons[10]},right:{horizontal:t.axes[2],vertical:t.axes[3],button:t.buttons[11]}},dpad:{up:t.buttons[12],down:t.buttons[13],left:t.buttons[14],right:t.buttons[15]},back:t.buttons[8],start:t.buttons[9]}};
|
|
3
3
|
//# sourceMappingURL=mapGamepadToXbox360Controller.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),t=require("react"),a=require("../useEvent/useEvent.js"),r=require("../useRaf/useRaf.js"),n=require("./helpers/mapGamepadToXbox360Controller.js");exports.mapGamepadToXbox360Controller=n.mapGamepadToXbox360Controller,exports.useGamepad=function(){var n=navigator&&"getGamepads"in navigator,o=t.useState({}),u=e._slicedToArray(o,2),c=u[0],d=u[1],i=r.useRaf((function(){}),{enabled:!!Object.keys(c).length}).active,s=function(t){var a=[],r="vibrationActuator"in t?t.vibrationActuator:null;return r&&a.push(r),t.hapticActuators&&a.push.apply(a,e._toConsumableArray(t.hapticActuators)),e._objectSpread2(e._objectSpread2({},t),{},{hapticActuators:a})};t.useEffect((function(){if(n){var t=navigator.getGamepads();d(t.reduce((function(t,a){return e._objectSpread2(e._objectSpread2({},t),a&&e._defineProperty({},a.index,s(a)))}),{}))}}),[]);var p=a.useEvent((function(t){var a=t.gamepad;d(e._objectSpread2(e._objectSpread2({},c),{},e._defineProperty({},a.index,s(a))))})),v=a.useEvent((function(t){var a=t.gamepad,r=e._objectSpread2({},c);delete r[a.index],d(r)}));return t.useEffect((function(){return document.addEventListener("gamepadconnected",p),document.addEventListener("gamepaddisconnected",v),function(){document.removeEventListener("gamepadconnected",p),document.removeEventListener("gamepaddisconnected",v)}}),[]),{active:i,supported:n,gamepads:Object.values(c)}};
|
|
3
3
|
//# sourceMappingURL=useGamepad.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),t=require("react");exports.useGeolocation=function(a){var i=t.useState({loading:!0,error:null,timestamp:Date.now(),accuracy:0,latitude:Number.POSITIVE_INFINITY,longitude:Number.POSITIVE_INFINITY,altitude:null,altitudeAccuracy:null,heading:null,speed:null}),u=e._slicedToArray(i,2),o=u[0],r=u[1];return t.useEffect((function(){var t=function(t){var a=t.coords,i=t.timestamp;r(e._objectSpread2(e._objectSpread2({},o),{},{loading:!1,timestamp:i,latitude:a.latitude,longitude:a.longitude,altitude:a.altitude,accuracy:a.accuracy,altitudeAccuracy:a.altitudeAccuracy,heading:a.heading,speed:a.speed}))},i=function(t){r(e._objectSpread2(e._objectSpread2({},o),{},{loading:!1,error:t}))};navigator.geolocation.getCurrentPosition(t,i,a);var u=navigator.geolocation.watchPosition(t,i,a);return function(){navigator.geolocation.clearWatch(u)}}),[null==a?void 0:a.enableHighAccuracy,null==a?void 0:a.maximumAge,null==a?void 0:a.timeout]),o};
|
|
3
3
|
//# sourceMappingURL=useGeolocation.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),n=require("react"),r=function(){return decodeURIComponent(window.location.hash.replace("#",""))};exports.useHash=function(){var t=n.useState(window?r():""),o=e._slicedToArray(t,2),i=o[0],a=o[1];return n.useEffect((function(){var e=function(){return a(r())};return window.addEventListener("hashchange",e),function(){window.removeEventListener("hashchange",e)}})),[i,function(e){window.location.hash=e,a(e)}]};
|
|
3
3
|
//# sourceMappingURL=useHash.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),r=require("react"),n=require("../useDidUpdate/useDidUpdate.js"),t=require("../useEventListener/useEventListener.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js"),require("../../utils/helpers/getElement.js"),require("../useEvent/useEvent.js");var u=function(e,r){return e.toLowerCase().split(/[+_-]/g).map((function(e){return e.trim()})).every((function(e){return r.find((function(r){return e===r.code.toLocaleLowerCase()||e===r.key.toLocaleLowerCase()||e===r.alias.toLocaleLowerCase()}))}))};exports.isHotkeyMatch=u,exports.useHotkeys=function(o,i,l){var s,a,c,d,v=null===(s=null==l?void 0:l.enabled)||void 0===s||s,f=null===(a=null==l?void 0:l.preventDefault)||void 0===a||a,p=r.useState([]),y=e._slicedToArray(p,2)[1];n.useDidUpdate((function(){y([])}),[v]),t.useEventListener(null!==(c=null==l?void 0:l.target)&&void 0!==c?c:window,"keydown",(function(r){f&&r.preventDefault(),v&&y((function(n){var t,s,a,c;if(n.some((function(e){return e.code===r.code})))return n;var d=null!==(t=null!==(s=null==l||null===(a=l.aliasMap)||void 0===a?void 0:a[r.key])&&void 0!==s?s:null==l||null===(c=l.aliasMap)||void 0===c?void 0:c[r.key])&&void 0!==t?t:r.code,v=[].concat(e._toConsumableArray(n),[{key:r.key,code:r.code,alias:d}]);Array.isArray(o)?o.forEach((function(e){u(e,v)&&i(r)})):u(o,v)&&i(r);return v}))})),t.useEventListener(null!==(d=null==l?void 0:l.target)&&void 0!==d?d:window,"keyup",(function(e){v&&y((function(r){return r.filter((function(r){return r.code!==e.code}))}))}))};
|
|
3
3
|
//# sourceMappingURL=useHotkeys.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHotkeys.js","sources":["../../../../src/hooks/useHotkeys/useHotkeys.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport type { UseEventListenerTarget } from '../useEventListener/useEventListener';\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/** The use hotkeys params type */\nexport interface UseHotkeysOptions {\n /** The target to attach the event listeners to */\n target?: UseEventListenerTarget;\n /** Enable or disable the event listeners */\n enabled?: boolean;\n /** Whether to prevent the default behavior of the event */\n preventDefault?: boolean;\n /** Alias map for hotkeys */\n aliasMap?: Record<string, string>;\n}\n\nexport const isHotkeyMatch = (hotkey: string, keys: UseHotkeysKey[]) =>\n hotkey\n .toLowerCase()\n .split(/[+_-]/g)\n .map((key) => key.trim())\n .every((key) =>\n keys.find(\n (updatedKey) =>\n key === updatedKey.code.toLocaleLowerCase() ||\n key === updatedKey.key.toLocaleLowerCase() ||\n key === updatedKey.alias.toLocaleLowerCase()\n )\n );\n\nexport type UseHotkeysHotkeys = string[] | string;\nexport interface UseHotkeysKey {\n key: string;\n code: string;\n alias: string;\n}\n\n/**\n * @name useHotkeys\n * @description - Hook that listens for hotkeys\n * @category Sensors\n *\n * @param {UseHotkeysHotkeys} hotkeys The key or keys to listen for\n * @param {(event: KeyboardEvent) => void} callback The callback function to be called when the hotkey is pressed\n * @param {UseEventListenerTarget} [options.target=window] The target to attach the event listeners to\n * @param {boolean} [options.enabled=true] The enable or disable the event listeners\n * @param {boolean} [options.preventDefault=true] Whether to prevent the default behavior of the event\n * @param {Record<string, string>} [options.aliasMap] Alias map for hotkeys\n * @returns {useKeysPressedReturns} Array of strings with keys that were press\n *\n * @example\n * useHotkeys('control+a', () => console.log('hotkey pressed'));\n *\n * @example\n * useHotkeys('ControlLeft+KeyA', () => console.log('hotkey pressed'));\n */\nexport const useHotkeys = (\n hotkeys: UseHotkeysHotkeys,\n callback: (event: KeyboardEvent) => void,\n options?: UseHotkeysOptions\n) => {\n const enabled = options?.enabled ?? true;\n const preventDefault = options?.preventDefault ?? true;\n const [, setKeys] = useState<UseHotkeysKey[]>([]);\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (preventDefault) event.preventDefault();\n\n if (!enabled) return;\n\n setKeys((prevKeys) => {\n if (prevKeys.some(({ code }) => code === event.code)) return prevKeys;\n const alias = options?.aliasMap?.[event.key] ?? options?.aliasMap?.[event.key] ?? event.code;\n const updatedKeys = [...prevKeys, { key: event.key, code: event.code, alias }];\n\n if (Array.isArray(hotkeys)) {\n hotkeys.forEach((hotkey) => {\n const isMatch = isHotkeyMatch(hotkey, updatedKeys);\n if (isMatch) callback(event);\n });\n } else {\n const isMatch = isHotkeyMatch(hotkeys, updatedKeys);\n if (isMatch) callback(event);\n }\n\n return updatedKeys;\n });\n };\n\n const onKeyUp = (event: KeyboardEvent) => {\n if (!enabled) return;\n setKeys((prevKeys) => prevKeys.filter(({ code }) => code !== event.code));\n };\n\n useDidUpdate(() => {\n setKeys([]);\n }, [enabled]);\n\n useEventListener(options?.target ?? window, 'keydown', onKeyDown);\n useEventListener(options?.target ?? window, 'keyup', onKeyUp);\n};\n"],"names":["isHotkeyMatch","hotkey","keys","toLowerCase","split","map","key","trim","every","find","updatedKey","code","toLocaleLowerCase","alias","hotkeys","callback","options","_options$enabled","_options$preventDefau","_options$target","_options$target2","enabled","preventDefault","_useState","useState","setKeys","_slicedToArray","useDidUpdate","useEventListener","target","window","event","prevKeys","_ref2","_options$aliasMap$eve","_options$aliasMap","_options$aliasMap2","some","_ref","aliasMap","updatedKeys","concat","_toConsumableArray","Array","isArray","forEach","filter","_ref3"],"mappings":";+XAkBO,IAAMA,EAAgB,SAACC,EAAgBC,GAAqB,OACjED,EACGE,cACAC,MAAM,UACNC,KAAI,SAACC,GAAG,OAAKA,EAAIC,MAAM,IACvBC,OAAM,SAACF,GAAG,OACTJ,EAAKO,MACH,SAACC,GAAU,OACTJ,IAAQI,EAAWC,KAAKC,qBACxBN,IAAQI,EAAWJ,IAAIM,qBACvBN,IAAQI,EAAWG,MAAMD,mBAAmB,GAC/C,GACF,6CA4BqB,SACxBE,EACAC,EACAC,GACG,IAAAC,EAAAC,EAAAC,EAAAC,EACGC,EAA0BJ,QAAnBA,EAAGD,aAAO,EAAPA,EAASK,eAAOJ,IAAAA,GAAAA,EAC1BK,EAAwCJ,QAA1BA,EAAGF,aAAO,EAAPA,EAASM,sBAAcJ,IAAAA,GAAAA,EAC9CK,EAAoBC,EAAQA,SAAkB,IAArCC,EAAwCC,EAAAA,eAAAH,EAAA,GAAjC,GA+BhBI,EAAAA,cAAa,WACXF,EAAQ,GACV,GAAG,CAACJ,IAEJO,2BAAgBT,EAACH,aAAO,EAAPA,EAASa,cAAM,IAAAV,EAAAA,EAAIW,OAAQ,WAjC1B,SAACC,GACbT,GAAgBS,EAAMT,iBAErBD,GAELI,GAAQ,SAACO,GAAa,IAAAC,EAAAC,EAAAC,EAAAC,EACpB,GAAIJ,EAASK,MAAK,SAAAC,GAAO,OAAAA,EAAJ3B,OAAoBoB,EAAMpB,QAAO,OAAOqB,EAC7D,IAAMnB,EAAwE,QAAnEoB,EAAiC,QAAjCC,EAAGlB,SAAiBmB,QAAVA,EAAPnB,EAASuB,gBAATJ,IAAiBA,OAAjBA,EAAAA,EAAoBJ,EAAMzB,YAAI,IAAA4B,EAAAA,EAAIlB,SAAiB,QAAVoB,EAAPpB,EAASuB,gBAAQ,IAAAH,OAAA,EAAjBA,EAAoBL,EAAMzB,YAAI,IAAA2B,EAAAA,EAAIF,EAAMpB,KAClF6B,EAAWC,GAAAA,OAAAC,EAAAA,mBAAOV,GAAU,CAAA,CAAE1B,IAAKyB,EAAMzB,IAAKK,KAAMoB,EAAMpB,KAAME,MAAAA,KAElE8B,MAAMC,QAAQ9B,GAChBA,EAAQ+B,SAAQ,SAAC5C,GACCD,EAAcC,EAAQuC,IACzBzB,EAASgB,EACxB,IAEgB/B,EAAcc,EAAS0B,IAC1BzB,EAASgB,GAGxB,OAAOS,CACT,OAaFZ,2BAAgBR,EAACJ,aAAO,EAAPA,EAASa,cAAM,IAAAT,EAAAA,EAAIU,OAAQ,SAV5B,SAACC,GACVV,GACLI,GAAQ,SAACO,GAAQ,OAAKA,EAASc,QAAO,SAAAC,GAAO,OAAAA,EAAJpC,OAAoBoB,EAAMpB,aASvE"}
|
|
1
|
+
{"version":3,"file":"useHotkeys.js","sources":["../../../../src/hooks/useHotkeys/useHotkeys.ts"],"sourcesContent":["import { useState } from 'react';\r\n\r\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\r\nimport type { UseEventListenerTarget } from '../useEventListener/useEventListener';\r\nimport { useEventListener } from '../useEventListener/useEventListener';\r\n\r\n/** The use hotkeys params type */\r\nexport interface UseHotkeysOptions {\r\n /** The target to attach the event listeners to */\r\n target?: UseEventListenerTarget;\r\n /** Enable or disable the event listeners */\r\n enabled?: boolean;\r\n /** Whether to prevent the default behavior of the event */\r\n preventDefault?: boolean;\r\n /** Alias map for hotkeys */\r\n aliasMap?: Record<string, string>;\r\n}\r\n\r\nexport const isHotkeyMatch = (hotkey: string, keys: UseHotkeysKey[]) =>\r\n hotkey\r\n .toLowerCase()\r\n .split(/[+_-]/g)\r\n .map((key) => key.trim())\r\n .every((key) =>\r\n keys.find(\r\n (updatedKey) =>\r\n key === updatedKey.code.toLocaleLowerCase() ||\r\n key === updatedKey.key.toLocaleLowerCase() ||\r\n key === updatedKey.alias.toLocaleLowerCase()\r\n )\r\n );\r\n\r\nexport type UseHotkeysHotkeys = string[] | string;\r\nexport interface UseHotkeysKey {\r\n key: string;\r\n code: string;\r\n alias: string;\r\n}\r\n\r\n/**\r\n * @name useHotkeys\r\n * @description - Hook that listens for hotkeys\r\n * @category Sensors\r\n *\r\n * @param {UseHotkeysHotkeys} hotkeys The key or keys to listen for\r\n * @param {(event: KeyboardEvent) => void} callback The callback function to be called when the hotkey is pressed\r\n * @param {UseEventListenerTarget} [options.target=window] The target to attach the event listeners to\r\n * @param {boolean} [options.enabled=true] The enable or disable the event listeners\r\n * @param {boolean} [options.preventDefault=true] Whether to prevent the default behavior of the event\r\n * @param {Record<string, string>} [options.aliasMap] Alias map for hotkeys\r\n * @returns {useKeysPressedReturns} Array of strings with keys that were press\r\n *\r\n * @example\r\n * useHotkeys('control+a', () => console.log('hotkey pressed'));\r\n *\r\n * @example\r\n * useHotkeys('ControlLeft+KeyA', () => console.log('hotkey pressed'));\r\n */\r\nexport const useHotkeys = (\r\n hotkeys: UseHotkeysHotkeys,\r\n callback: (event: KeyboardEvent) => void,\r\n options?: UseHotkeysOptions\r\n) => {\r\n const enabled = options?.enabled ?? true;\r\n const preventDefault = options?.preventDefault ?? true;\r\n const [, setKeys] = useState<UseHotkeysKey[]>([]);\r\n\r\n const onKeyDown = (event: KeyboardEvent) => {\r\n if (preventDefault) event.preventDefault();\r\n\r\n if (!enabled) return;\r\n\r\n setKeys((prevKeys) => {\r\n if (prevKeys.some(({ code }) => code === event.code)) return prevKeys;\r\n const alias = options?.aliasMap?.[event.key] ?? options?.aliasMap?.[event.key] ?? event.code;\r\n const updatedKeys = [...prevKeys, { key: event.key, code: event.code, alias }];\r\n\r\n if (Array.isArray(hotkeys)) {\r\n hotkeys.forEach((hotkey) => {\r\n const isMatch = isHotkeyMatch(hotkey, updatedKeys);\r\n if (isMatch) callback(event);\r\n });\r\n } else {\r\n const isMatch = isHotkeyMatch(hotkeys, updatedKeys);\r\n if (isMatch) callback(event);\r\n }\r\n\r\n return updatedKeys;\r\n });\r\n };\r\n\r\n const onKeyUp = (event: KeyboardEvent) => {\r\n if (!enabled) return;\r\n setKeys((prevKeys) => prevKeys.filter(({ code }) => code !== event.code));\r\n };\r\n\r\n useDidUpdate(() => {\r\n setKeys([]);\r\n }, [enabled]);\r\n\r\n useEventListener(options?.target ?? window, 'keydown', onKeyDown);\r\n useEventListener(options?.target ?? window, 'keyup', onKeyUp);\r\n};\r\n"],"names":["isHotkeyMatch","hotkey","keys","toLowerCase","split","map","key","trim","every","find","updatedKey","code","toLocaleLowerCase","alias","hotkeys","callback","options","_options$enabled","_options$preventDefau","_options$target","_options$target2","enabled","preventDefault","_useState","useState","setKeys","_slicedToArray","useDidUpdate","useEventListener","target","window","event","prevKeys","_ref2","_options$aliasMap$eve","_options$aliasMap","_options$aliasMap2","some","_ref","aliasMap","updatedKeys","concat","_toConsumableArray","Array","isArray","forEach","filter","_ref3"],"mappings":";+XAkBO,IAAMA,EAAgB,SAACC,EAAgBC,GAAqB,OACjED,EACGE,cACAC,MAAM,UACNC,KAAI,SAACC,GAAG,OAAKA,EAAIC,MAAM,IACvBC,OAAM,SAACF,GAAG,OACTJ,EAAKO,MACH,SAACC,GAAU,OACTJ,IAAQI,EAAWC,KAAKC,qBACxBN,IAAQI,EAAWJ,IAAIM,qBACvBN,IAAQI,EAAWG,MAAMD,mBAAmB,GAC/C,GACF,6CA4BqB,SACxBE,EACAC,EACAC,GACG,IAAAC,EAAAC,EAAAC,EAAAC,EACGC,EAA0BJ,QAAnBA,EAAGD,aAAO,EAAPA,EAASK,eAAOJ,IAAAA,GAAAA,EAC1BK,EAAwCJ,QAA1BA,EAAGF,aAAO,EAAPA,EAASM,sBAAcJ,IAAAA,GAAAA,EAC9CK,EAAoBC,EAAQA,SAAkB,IAArCC,EAAwCC,EAAAA,eAAAH,EAAA,GAAjC,GA+BhBI,EAAAA,cAAa,WACXF,EAAQ,GACV,GAAG,CAACJ,IAEJO,2BAAgBT,EAACH,aAAO,EAAPA,EAASa,cAAM,IAAAV,EAAAA,EAAIW,OAAQ,WAjC1B,SAACC,GACbT,GAAgBS,EAAMT,iBAErBD,GAELI,GAAQ,SAACO,GAAa,IAAAC,EAAAC,EAAAC,EAAAC,EACpB,GAAIJ,EAASK,MAAK,SAAAC,GAAO,OAAAA,EAAJ3B,OAAoBoB,EAAMpB,QAAO,OAAOqB,EAC7D,IAAMnB,EAAwE,QAAnEoB,EAAiC,QAAjCC,EAAGlB,SAAiBmB,QAAVA,EAAPnB,EAASuB,gBAATJ,IAAiBA,OAAjBA,EAAAA,EAAoBJ,EAAMzB,YAAI,IAAA4B,EAAAA,EAAIlB,SAAiB,QAAVoB,EAAPpB,EAASuB,gBAAQ,IAAAH,OAAA,EAAjBA,EAAoBL,EAAMzB,YAAI,IAAA2B,EAAAA,EAAIF,EAAMpB,KAClF6B,EAAWC,GAAAA,OAAAC,EAAAA,mBAAOV,GAAU,CAAA,CAAE1B,IAAKyB,EAAMzB,IAAKK,KAAMoB,EAAMpB,KAAME,MAAAA,KAElE8B,MAAMC,QAAQ9B,GAChBA,EAAQ+B,SAAQ,SAAC5C,GACCD,EAAcC,EAAQuC,IACzBzB,EAASgB,EACxB,IAEgB/B,EAAcc,EAAS0B,IAC1BzB,EAASgB,GAGxB,OAAOS,CACT,OAaFZ,2BAAgBR,EAACJ,aAAO,EAAPA,EAASa,cAAM,IAAAT,EAAAA,EAAIU,OAAQ,SAV5B,SAACC,GACVV,GACLI,GAAQ,SAACO,GAAQ,OAAKA,EAASc,QAAO,SAAAC,GAAO,OAAAA,EAAJpC,OAAoBoB,EAAMpB,aASvE"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),n=require("react"),t=require("../useEventListener/useEventListener.js");require("../../utils/helpers/getElement.js"),require("../../utils/helpers/isClient.js"),require("../useEvent/useEvent.js");exports.useHover=function(){var l=(arguments.length<=0?void 0:arguments[0])instanceof Function||!("current"in(arguments.length<=0?void 0:arguments[0])||(arguments.length<=0?void 0:arguments[0])instanceof Element)||arguments.length<=0?void 0:arguments[0],r=l?"object"===e._typeof(arguments.length<=1?void 0:arguments[1])?arguments.length<=1?void 0:arguments[1]:{onEntry:arguments.length<=1?void 0:arguments[1]}:"object"===e._typeof(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:{onEntry:arguments.length<=0?void 0:arguments[0]},i=n.useState(!1),u=e._slicedToArray(i,2),o=u[0],s=u[1],v=n.useRef();return t.useEventListener(null!=l?l:v,"mouseenter",(function(){var e;null==r||null===(e=r.onEntry)||void 0===e||e.call(r),s(!0)})),t.useEventListener(null!=l?l:v,"mouseleave",(function(){var e;null==r||null===(e=r.onLeave)||void 0===e||e.call(r),s(!1)})),l?o:[v,o]};
|
|
3
3
|
//# sourceMappingURL=useHover.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),t=require("react");require("../../utils/helpers/isClient.js");var i=require("../../utils/helpers/throttle.js"),n=["mousemove","mousedown","keydown","touchstart","wheel","resize"];exports.useIdle=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:6e4,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},u=o.initialValue,s=void 0!==u&&u,l=o.events,a=void 0===l?n:l,c=t.useState(s),d=e._slicedToArray(c,2),v=d[0],h=d[1],f=t.useState(Date.now()),m=e._slicedToArray(f,2),w=m[0],E=m[1];return t.useEffect((function(){var e,t=function(){return h(!0)},n=i.throttle((function(){h(!1),E(Date.now()),clearTimeout(e),e=setTimeout(t,r)}),500),o=function(){document.hidden||n()};return e=setTimeout(t,r),a.forEach((function(e){return window.addEventListener(e,n)})),document.addEventListener("visibilitychange",o),function(){a.forEach((function(e){return window.addEventListener(e,n)})),document.removeEventListener("visibilitychange",o),clearTimeout(e)}}),[r,a]),{idle:v,lastActive:w}};
|
|
3
3
|
//# sourceMappingURL=useIdle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIdle.js","sources":["../../../../src/hooks/useIdle/useIdle.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\n//* The use idle options type */\nexport interface UseIdleOptions {\n //* The idle state */\n initialValue?: boolean;\n //* The idle events */\n events?: Array<keyof DocumentEventMap>;\n}\n\nconst IDLE_EVENTS = [\n 'mousemove',\n 'mousedown',\n 'keydown',\n 'touchstart',\n 'wheel',\n 'resize'\n] satisfies Array<keyof DocumentEventMap>;\nconst ONE_MINUTE = 60e3;\n\n//* The use idle return type */\nexport interface UseIdleReturn {\n //* The idle state */\n idle: boolean;\n //* The last active time */\n lastActive: number;\n}\n\n/**\n * @name useIdle\n * @description - Hook that defines the logic when the user is idle\n * @category Sensors\n *\n * @param {number} [milliseconds=ONE_MINUTE] The idle time in milliseconds\n * @param {boolean} [options.initialState=false] The options for the hook\n * @param {Array<keyof WindowEventMap>} [options.events=IDLE_EVENTS]\n * @returns {UseIdleReturn} An object containing the idle state and the last active time\n *\n * @example\n * const { idle, lastActive } = useIdle();\n */\nexport const useIdle = (\n milliseconds = ONE_MINUTE,\n { initialValue = false, events = IDLE_EVENTS }: UseIdleOptions = {}\n): UseIdleReturn => {\n const [idle, setIdle] = useState(initialValue);\n const [lastActive, setLastActive] = useState(Date.now());\n\n useEffect(() => {\n let timeoutId: ReturnType<typeof setTimeout>;\n const onTimeout = () => setIdle(true);\n\n const onEvent = throttle(() => {\n setIdle(false);\n setLastActive(Date.now());\n clearTimeout(timeoutId);\n timeoutId = setTimeout(onTimeout, milliseconds);\n }, 500);\n\n const onVisibilitychange = () => {\n if (!document.hidden) onEvent();\n };\n\n timeoutId = setTimeout(onTimeout, milliseconds);\n\n events.forEach((event) => window.addEventListener(event, onEvent));\n document.addEventListener('visibilitychange', onVisibilitychange);\n\n return () => {\n events.forEach((event) => window.addEventListener(event, onEvent));\n document.removeEventListener('visibilitychange', onVisibilitychange);\n clearTimeout(timeoutId);\n };\n }, [milliseconds, events]);\n\n return { idle, lastActive };\n};\n"],"names":["IDLE_EVENTS","milliseconds","arguments","length","undefined","_ref","_ref$initialValue","initialValue","_ref$events","events","_useState","useState","_useState2","_slicedToArray","idle","setIdle","_useState3","Date","now","_useState4","lastActive","setLastActive","useEffect","timeoutId","onTimeout","onEvent","throttle","clearTimeout","setTimeout","onVisibilitychange","document","hidden","forEach","event","window","addEventListener","removeEventListener"],"mappings":";yLAYMA,EAAc,CAClB,YACA,YACA,UACA,aACA,QACA,0BAyBqB,WAGH,IAFlBC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAxBK,IAwBQG,EAAAH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GACwC,CAAE,EAAAI,EAAAD,EAAjEE,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAH,EAAEI,OAAAA,OAAST,IAAHQ,EAAGR,EAAWQ,EAE5CE,EAAwBC,EAAQA,SAACJ,GAAaK,EAAAC,EAAAA,eAAAH,EAAA,GAAvCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GACpBI,EAAoCL,EAAAA,SAASM,KAAKC,OAAMC,EAAAN,EAAAA,eAAAG,EAAA,GAAjDI,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GA6BhC,OA3BAG,EAAAA,WAAU,WACR,IAAIC,EACEC,EAAY,WAAH,OAAST,GAAQ,EAAK,EAE/BU,EAAUC,EAAAA,UAAS,WACvBX,GAAQ,GACRM,EAAcJ,KAAKC,OACnBS,aAAaJ,GACbA,EAAYK,WAAWJ,EAAWvB,EACnC,GAAE,KAEG4B,EAAqB,WACpBC,SAASC,QAAQN,KAQxB,OALAF,EAAYK,WAAWJ,EAAWvB,GAElCQ,EAAOuB,SAAQ,SAACC,GAAK,OAAKC,OAAOC,iBAAiBF,EAAOR,MACzDK,SAASK,iBAAiB,mBAAoBN,GAEvC,WACLpB,EAAOuB,SAAQ,SAACC,GAAK,OAAKC,OAAOC,iBAAiBF,EAAOR,MACzDK,SAASM,oBAAoB,mBAAoBP,GACjDF,aAAaJ,GAEjB,GAAG,CAACtB,EAAcQ,IAEX,CAAEK,KAAAA,EAAMM,WAAAA,EACjB"}
|
|
1
|
+
{"version":3,"file":"useIdle.js","sources":["../../../../src/hooks/useIdle/useIdle.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\nimport { throttle } from '@/utils/helpers';\r\n\r\n//* The use idle options type */\r\nexport interface UseIdleOptions {\r\n //* The idle state */\r\n initialValue?: boolean;\r\n //* The idle events */\r\n events?: Array<keyof DocumentEventMap>;\r\n}\r\n\r\nconst IDLE_EVENTS = [\r\n 'mousemove',\r\n 'mousedown',\r\n 'keydown',\r\n 'touchstart',\r\n 'wheel',\r\n 'resize'\r\n] satisfies Array<keyof DocumentEventMap>;\r\nconst ONE_MINUTE = 60e3;\r\n\r\n//* The use idle return type */\r\nexport interface UseIdleReturn {\r\n //* The idle state */\r\n idle: boolean;\r\n //* The last active time */\r\n lastActive: number;\r\n}\r\n\r\n/**\r\n * @name useIdle\r\n * @description - Hook that defines the logic when the user is idle\r\n * @category Sensors\r\n *\r\n * @param {number} [milliseconds=ONE_MINUTE] The idle time in milliseconds\r\n * @param {boolean} [options.initialState=false] The options for the hook\r\n * @param {Array<keyof WindowEventMap>} [options.events=IDLE_EVENTS]\r\n * @returns {UseIdleReturn} An object containing the idle state and the last active time\r\n *\r\n * @example\r\n * const { idle, lastActive } = useIdle();\r\n */\r\nexport const useIdle = (\r\n milliseconds = ONE_MINUTE,\r\n { initialValue = false, events = IDLE_EVENTS }: UseIdleOptions = {}\r\n): UseIdleReturn => {\r\n const [idle, setIdle] = useState(initialValue);\r\n const [lastActive, setLastActive] = useState(Date.now());\r\n\r\n useEffect(() => {\r\n let timeoutId: ReturnType<typeof setTimeout>;\r\n const onTimeout = () => setIdle(true);\r\n\r\n const onEvent = throttle(() => {\r\n setIdle(false);\r\n setLastActive(Date.now());\r\n clearTimeout(timeoutId);\r\n timeoutId = setTimeout(onTimeout, milliseconds);\r\n }, 500);\r\n\r\n const onVisibilitychange = () => {\r\n if (!document.hidden) onEvent();\r\n };\r\n\r\n timeoutId = setTimeout(onTimeout, milliseconds);\r\n\r\n events.forEach((event) => window.addEventListener(event, onEvent));\r\n document.addEventListener('visibilitychange', onVisibilitychange);\r\n\r\n return () => {\r\n events.forEach((event) => window.addEventListener(event, onEvent));\r\n document.removeEventListener('visibilitychange', onVisibilitychange);\r\n clearTimeout(timeoutId);\r\n };\r\n }, [milliseconds, events]);\r\n\r\n return { idle, lastActive };\r\n};\r\n"],"names":["IDLE_EVENTS","milliseconds","arguments","length","undefined","_ref","_ref$initialValue","initialValue","_ref$events","events","_useState","useState","_useState2","_slicedToArray","idle","setIdle","_useState3","Date","now","_useState4","lastActive","setLastActive","useEffect","timeoutId","onTimeout","onEvent","throttle","clearTimeout","setTimeout","onVisibilitychange","document","hidden","forEach","event","window","addEventListener","removeEventListener"],"mappings":";yLAYMA,EAAc,CAClB,YACA,YACA,UACA,aACA,QACA,0BAyBqB,WAGH,IAFlBC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAxBK,IAwBQG,EAAAH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GACwC,CAAE,EAAAI,EAAAD,EAAjEE,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAH,EAAEI,OAAAA,OAAST,IAAHQ,EAAGR,EAAWQ,EAE5CE,EAAwBC,EAAQA,SAACJ,GAAaK,EAAAC,EAAAA,eAAAH,EAAA,GAAvCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GACpBI,EAAoCL,EAAAA,SAASM,KAAKC,OAAMC,EAAAN,EAAAA,eAAAG,EAAA,GAAjDI,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GA6BhC,OA3BAG,EAAAA,WAAU,WACR,IAAIC,EACEC,EAAY,WAAH,OAAST,GAAQ,EAAK,EAE/BU,EAAUC,EAAAA,UAAS,WACvBX,GAAQ,GACRM,EAAcJ,KAAKC,OACnBS,aAAaJ,GACbA,EAAYK,WAAWJ,EAAWvB,EACnC,GAAE,KAEG4B,EAAqB,WACpBC,SAASC,QAAQN,KAQxB,OALAF,EAAYK,WAAWJ,EAAWvB,GAElCQ,EAAOuB,SAAQ,SAACC,GAAK,OAAKC,OAAOC,iBAAiBF,EAAOR,MACzDK,SAASK,iBAAiB,mBAAoBN,GAEvC,WACLpB,EAAOuB,SAAQ,SAACC,GAAK,OAAKC,OAAOC,iBAAiBF,EAAOR,MACzDK,SAASM,oBAAoB,mBAAoBP,GACjDF,aAAaJ,GAEjB,GAAG,CAACtB,EAAcQ,IAEX,CAAEK,KAAAA,EAAMM,WAAAA,EACjB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),r=require("../useQuery/useQuery.js");require("react"),require("../../utils/helpers/getRetry.js"),require("../../utils/helpers/isClient.js"),require("../useDidUpdate/useDidUpdate.js"),require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../useMount/useMount.js");var s=function(){var r=e._asyncToGenerator(e._regeneratorRuntime().mark((function r(s){var u,t=arguments;return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return u=t.length>1&&void 0!==t[1]?t[1]:{},e.abrupt("return",new Promise((function(e,r){var t=new Image,n=u.srcset,i=u.sizes,o=u.class,a=u.loading,c=u.crossorigin,l=u.referrerPolicy;t.src=s,n&&(t.srcset=n),i&&(t.sizes=i),o&&(t.className=o),a&&(t.loading=a),c&&(t.crossOrigin=c),l&&(t.referrerPolicy=l),t.onload=function(){return e(t)},t.onerror=r})));case 2:case"end":return e.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}();exports.useImage=function(u,t){var n,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return r.useQuery((function(){return s(u,t)}),e._objectSpread2({keys:[u].concat(e._toConsumableArray(null!==(n=i.keys)&&void 0!==n?n:[]))},i))};
|
|
3
3
|
//# sourceMappingURL=useImage.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),r=require("react"),t=require("../../utils/helpers/getElement.js");require("../../utils/helpers/isClient.js");var n=require("../useEvent/useEvent.js");exports.useInfiniteScroll=function(){for(var i,u,o=arguments.length,s=new Array(o),l=0;l<o;l++)s[l]=arguments[l];var c=s[1]instanceof Function?s[0]:void 0,a=s[1]instanceof Function?s[1]:s[0],f=s[1]instanceof Function?s[2]:s[1],v=null!==(i=null==f?void 0:f.direction)&&void 0!==i?i:"bottom",d=null!==(u=null==f?void 0:f.distance)&&void 0!==u?u:10,p=r.useState(!1),g=e._slicedToArray(p,2),h=g[0],m=g[1],E=r.useState(),b=e._slicedToArray(E,2),_=b[0],q=b[1],x=r.useRef(a);x.current=a;var y=n.useEvent(function(){var r=e._asyncToGenerator(e._regeneratorRuntime().mark((function r(t){var n,i,u,o,s,l,c;return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!h){e.next=2;break}return e.abrupt("return");case 2:if(n=t.target,i=n.clientHeight,u=n.scrollHeight,o=n.scrollTop,s=n.clientWidth,l=n.scrollWidth,c=n.scrollLeft,!({bottom:u-(o+i),top:o,right:l-(c+s),left:c}[v]<=d)){e.next=11;break}return m(!0),e.next=10,x.current(t);case 10:m(!1);case 11:case"end":return e.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}());return r.useEffect((function(){if(c||_){var e=c?t.getElement(c):_;if(e)return e.addEventListener("scroll",y),function(){e.removeEventListener("scroll",y)}}}),[_,c,v,d]),c?h:{ref:q,isLoading:h}};
|
|
3
3
|
//# sourceMappingURL=useInfiniteScroll.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInfiniteScroll.js","sources":["../../../../src/hooks/useInfiniteScroll/useInfiniteScroll.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use infinite scroll target element type */\nexport type UseInfiniteScrollTarget = RefObject<Element | null> | (() => Element) | Element;\n\n/** The use infinite scroll options type */\nexport interface UseInfiniteScrollOptions {\n /** The distance in pixels to trigger the callback */\n distance?: number;\n /** The direction to trigger the callback */\n direction?: 'top' | 'bottom' | 'left' | 'right';\n}\n\nexport interface UseInfiniteScroll {\n <Target extends UseInfiniteScrollTarget>(\n target: Target,\n callback: (event: Event) => void,\n options?: UseInfiniteScrollOptions\n ): boolean;\n\n <Target extends UseInfiniteScrollTarget>(\n callback: (event: Event) => void,\n options?: UseInfiniteScrollOptions,\n target?: never\n ): {\n ref: (node: Target) => void;\n isLoading: boolean;\n };\n}\n\n/**\n * @name useInfiniteScroll\n * @description - Hook that defines the logic for infinite scroll\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\n * @returns {{ ref: (node: Target) => void; isLoading: boolean }} An object containing the ref and isLoading\n *\n * @example\n * const { ref, isLoading } = useInfiniteScroll(() => console.log('infinite scroll'));\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to detect infinite scroll for\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\n * @returns {boolean} A loading indicator of the infinite scroll\n *\n * @example\n * const isLoading = useInfiniteScroll(ref, () => console.log('infinite scroll'));\n */\nexport const useInfiniteScroll = ((...params) => {\n const target = params[1] instanceof Function ? (params[0] as UseInfiniteScrollTarget) : undefined;\n const callback = params[1] instanceof Function ? params[1] : (params[0] as () => void);\n const options = (\n params[1] instanceof Function ? params[2] : params[1]\n ) as UseInfiniteScrollOptions;\n\n const direction = options?.direction ?? 'bottom';\n const distance = options?.distance ?? 10;\n\n const [isLoading, setIsLoading] = useState(false);\n const [internalRef, setInternalRef] = useState<Element>();\n const internalCallbackRef = useRef(callback);\n internalCallbackRef.current = callback;\n\n const onLoadMore = useEvent(async (event: Event) => {\n if (isLoading) return;\n const { clientHeight, scrollHeight, scrollTop, clientWidth, scrollWidth, scrollLeft } =\n event.target as Element;\n const scrollBottom = scrollHeight - (scrollTop + clientHeight);\n const scrollRight = scrollWidth - (scrollLeft + clientWidth);\n\n const distances = {\n bottom: scrollBottom,\n top: scrollTop,\n right: scrollRight,\n left: scrollLeft\n };\n\n if (distances[direction] <= distance) {\n setIsLoading(true);\n await internalCallbackRef.current(event);\n setIsLoading(false);\n }\n });\n\n useEffect(() => {\n if (!target && !internalRef) return;\n const element = (target ? getElement(target) : internalRef) as Element;\n if (!element) return;\n\n element.addEventListener('scroll', onLoadMore);\n\n return () => {\n element.removeEventListener('scroll', onLoadMore);\n };\n }, [internalRef, target, direction, distance]);\n\n if (target) return isLoading;\n return {\n ref: setInternalRef,\n isLoading\n };\n}) as UseInfiniteScroll;\n"],"names":["_options$direction","_options$distance","_len","arguments","length","params","Array","_key","target","Function","undefined","callback","options","direction","distance","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","internalRef","setInternalRef","internalCallbackRef","useRef","current","onLoadMore","useEvent","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","event","_ref2","clientHeight","scrollHeight","scrollTop","clientWidth","scrollWidth","scrollLeft","wrap","_context","prev","next","abrupt","bottom","top","right","left","stop","_x","apply","this","useEffect","element","getElement","addEventListener","removeEventListener","ref"],"mappings":";0PA6DkC,WAAe,IAAA,IAAAA,EAAAC,EAAAC,EAAAC,UAAAC,OAAXC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GAC1C,IAAMC,EAASH,EAAO,aAAcI,SAAYJ,EAAO,QAAiCK,EAClFC,EAAWN,EAAO,aAAcI,SAAWJ,EAAO,GAAMA,EAAO,GAC/DO,EACJP,EAAO,aAAcI,SAAWJ,EAAO,GAAKA,EAAO,GAG/CQ,EAA8Bb,QAArBA,EAAGY,aAAO,EAAPA,EAASC,iBAASb,IAAAA,EAAAA,EAAI,SAClCc,EAA4Bb,QAApBA,EAAGW,aAAO,EAAPA,EAASE,gBAAQb,IAAAA,EAAAA,EAAI,GAEtCc,EAAkCC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAsCL,EAAAA,WAAmBM,EAAAJ,EAAAA,eAAAG,EAAA,GAAlDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAsBC,SAAOf,GACnCc,EAAoBE,QAAUhB,EAE9B,IAAMiB,EAAaC,EAAAA,SAAQ,WAAA,IAAAC,EAAAC,EAAAA,kBAAAC,EAAAA,sBAAAC,MAAC,SAAAC,EAAOC,GAAY,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAV,EAAAA,sBAAAW,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,IACzC3B,EAAS,CAAAyB,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAG,OAAA,UAAA,KAAA,EAWZ,GAXYX,EAEXD,EAAM3B,OADA6B,EAAYD,EAAZC,aAAcC,EAAYF,EAAZE,aAAcC,EAASH,EAATG,UAAWC,EAAWJ,EAAXI,YAAaC,EAAWL,EAAXK,YAAaC,EAAUN,EAAVM,aAKvD,CAChBM,OAJmBV,GAAgBC,EAAYF,GAK/CY,IAAKV,EACLW,MALkBT,GAAeC,EAAaF,GAM9CW,KAAMT,GAGM7B,IAAcC,GAAQ,CAAA8B,EAAAE,KAAA,GAAA,KAAA,CACf,OAAnB1B,GAAa,GAAMwB,EAAAE,KAAA,GACbrB,EAAoBE,QAAQQ,GAAM,KAAA,GACxCf,GAAa,GAAO,KAAA,GAAA,IAAA,MAAA,OAAAwB,EAAAQ,OAAA,GAAAlB,EAEvB,KAAA,OAAA,SAAAmB,GAAA,OAAAvB,EAAAwB,MAAAC,KAAApD,UAAA,CAAC,CAnByB,IAiC3B,OAZAqD,EAAAA,WAAU,WACR,GAAKhD,GAAWe,EAAhB,CACA,IAAMkC,EAAWjD,EAASkD,EAAUA,WAAClD,GAAUe,EAC/C,GAAKkC,EAIL,OAFAA,EAAQE,iBAAiB,SAAU/B,GAE5B,WACL6B,EAAQG,oBAAoB,SAAUhC,GAPX,CAS9B,GAAE,CAACL,EAAaf,EAAQK,EAAWC,IAEhCN,EAAeW,EACZ,CACL0C,IAAKrC,EACLL,UAAAA,EAEJ"}
|
|
1
|
+
{"version":3,"file":"useInfiniteScroll.js","sources":["../../../../src/hooks/useInfiniteScroll/useInfiniteScroll.ts"],"sourcesContent":["import type { RefObject } from 'react';\r\nimport { useEffect, useRef, useState } from 'react';\r\n\r\nimport { getElement } from '@/utils/helpers';\r\n\r\nimport { useEvent } from '../useEvent/useEvent';\r\n\r\n/** The use infinite scroll target element type */\r\nexport type UseInfiniteScrollTarget = RefObject<Element | null> | (() => Element) | Element;\r\n\r\n/** The use infinite scroll options type */\r\nexport interface UseInfiniteScrollOptions {\r\n /** The distance in pixels to trigger the callback */\r\n distance?: number;\r\n /** The direction to trigger the callback */\r\n direction?: 'top' | 'bottom' | 'left' | 'right';\r\n}\r\n\r\nexport interface UseInfiniteScroll {\r\n <Target extends UseInfiniteScrollTarget>(\r\n target: Target,\r\n callback: (event: Event) => void,\r\n options?: UseInfiniteScrollOptions\r\n ): boolean;\r\n\r\n <Target extends UseInfiniteScrollTarget>(\r\n callback: (event: Event) => void,\r\n options?: UseInfiniteScrollOptions,\r\n target?: never\r\n ): {\r\n ref: (node: Target) => void;\r\n isLoading: boolean;\r\n };\r\n}\r\n\r\n/**\r\n * @name useInfiniteScroll\r\n * @description - Hook that defines the logic for infinite scroll\r\n * @category Sensors\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\r\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\r\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\r\n * @returns {{ ref: (node: Target) => void; isLoading: boolean }} An object containing the ref and isLoading\r\n *\r\n * @example\r\n * const { ref, isLoading } = useInfiniteScroll(() => console.log('infinite scroll'));\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {Target} target The target element to detect infinite scroll for\r\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\r\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\r\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\r\n * @returns {boolean} A loading indicator of the infinite scroll\r\n *\r\n * @example\r\n * const isLoading = useInfiniteScroll(ref, () => console.log('infinite scroll'));\r\n */\r\nexport const useInfiniteScroll = ((...params) => {\r\n const target = params[1] instanceof Function ? (params[0] as UseInfiniteScrollTarget) : undefined;\r\n const callback = params[1] instanceof Function ? params[1] : (params[0] as () => void);\r\n const options = (\r\n params[1] instanceof Function ? params[2] : params[1]\r\n ) as UseInfiniteScrollOptions;\r\n\r\n const direction = options?.direction ?? 'bottom';\r\n const distance = options?.distance ?? 10;\r\n\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [internalRef, setInternalRef] = useState<Element>();\r\n const internalCallbackRef = useRef(callback);\r\n internalCallbackRef.current = callback;\r\n\r\n const onLoadMore = useEvent(async (event: Event) => {\r\n if (isLoading) return;\r\n const { clientHeight, scrollHeight, scrollTop, clientWidth, scrollWidth, scrollLeft } =\r\n event.target as Element;\r\n const scrollBottom = scrollHeight - (scrollTop + clientHeight);\r\n const scrollRight = scrollWidth - (scrollLeft + clientWidth);\r\n\r\n const distances = {\r\n bottom: scrollBottom,\r\n top: scrollTop,\r\n right: scrollRight,\r\n left: scrollLeft\r\n };\r\n\r\n if (distances[direction] <= distance) {\r\n setIsLoading(true);\r\n await internalCallbackRef.current(event);\r\n setIsLoading(false);\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n if (!target && !internalRef) return;\r\n const element = (target ? getElement(target) : internalRef) as Element;\r\n if (!element) return;\r\n\r\n element.addEventListener('scroll', onLoadMore);\r\n\r\n return () => {\r\n element.removeEventListener('scroll', onLoadMore);\r\n };\r\n }, [internalRef, target, direction, distance]);\r\n\r\n if (target) return isLoading;\r\n return {\r\n ref: setInternalRef,\r\n isLoading\r\n };\r\n}) as UseInfiniteScroll;\r\n"],"names":["_options$direction","_options$distance","_len","arguments","length","params","Array","_key","target","Function","undefined","callback","options","direction","distance","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","internalRef","setInternalRef","internalCallbackRef","useRef","current","onLoadMore","useEvent","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","event","_ref2","clientHeight","scrollHeight","scrollTop","clientWidth","scrollWidth","scrollLeft","wrap","_context","prev","next","abrupt","bottom","top","right","left","stop","_x","apply","this","useEffect","element","getElement","addEventListener","removeEventListener","ref"],"mappings":";0PA6DkC,WAAe,IAAA,IAAAA,EAAAC,EAAAC,EAAAC,UAAAC,OAAXC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GAC1C,IAAMC,EAASH,EAAO,aAAcI,SAAYJ,EAAO,QAAiCK,EAClFC,EAAWN,EAAO,aAAcI,SAAWJ,EAAO,GAAMA,EAAO,GAC/DO,EACJP,EAAO,aAAcI,SAAWJ,EAAO,GAAKA,EAAO,GAG/CQ,EAA8Bb,QAArBA,EAAGY,aAAO,EAAPA,EAASC,iBAASb,IAAAA,EAAAA,EAAI,SAClCc,EAA4Bb,QAApBA,EAAGW,aAAO,EAAPA,EAASE,gBAAQb,IAAAA,EAAAA,EAAI,GAEtCc,EAAkCC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAsCL,EAAAA,WAAmBM,EAAAJ,EAAAA,eAAAG,EAAA,GAAlDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAsBC,SAAOf,GACnCc,EAAoBE,QAAUhB,EAE9B,IAAMiB,EAAaC,EAAAA,SAAQ,WAAA,IAAAC,EAAAC,EAAAA,kBAAAC,EAAAA,sBAAAC,MAAC,SAAAC,EAAOC,GAAY,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAV,EAAAA,sBAAAW,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,IACzC3B,EAAS,CAAAyB,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAG,OAAA,UAAA,KAAA,EAWZ,GAXYX,EAEXD,EAAM3B,OADA6B,EAAYD,EAAZC,aAAcC,EAAYF,EAAZE,aAAcC,EAASH,EAATG,UAAWC,EAAWJ,EAAXI,YAAaC,EAAWL,EAAXK,YAAaC,EAAUN,EAAVM,aAKvD,CAChBM,OAJmBV,GAAgBC,EAAYF,GAK/CY,IAAKV,EACLW,MALkBT,GAAeC,EAAaF,GAM9CW,KAAMT,GAGM7B,IAAcC,GAAQ,CAAA8B,EAAAE,KAAA,GAAA,KAAA,CACf,OAAnB1B,GAAa,GAAMwB,EAAAE,KAAA,GACbrB,EAAoBE,QAAQQ,GAAM,KAAA,GACxCf,GAAa,GAAO,KAAA,GAAA,IAAA,MAAA,OAAAwB,EAAAQ,OAAA,GAAAlB,EAEvB,KAAA,OAAA,SAAAmB,GAAA,OAAAvB,EAAAwB,MAAAC,KAAApD,UAAA,CAAC,CAnByB,IAiC3B,OAZAqD,EAAAA,WAAU,WACR,GAAKhD,GAAWe,EAAhB,CACA,IAAMkC,EAAWjD,EAASkD,EAAUA,WAAClD,GAAUe,EAC/C,GAAKkC,EAIL,OAFAA,EAAQE,iBAAiB,SAAU/B,GAE5B,WACL6B,EAAQG,oBAAoB,SAAUhC,GAPX,CAS9B,GAAE,CAACL,EAAaf,EAAQK,EAAWC,IAEhCN,EAAeW,EACZ,CACL0C,IAAKrC,EACLL,UAAAA,EAEJ"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),r=require("react"),n=require("../../utils/helpers/getElement.js");require("../../utils/helpers/isClient.js");exports.useIntersectionObserver=function(){var t,l="object"!==e._typeof(arguments.length<=0?void 0:arguments[0])||"current"in(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,i=l?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],o=null===(t=null==i?void 0:i.enabled)||void 0===t||t,u=r.useState(),s=e._slicedToArray(u,2),c=s[0],d=s[1],v=r.useState(),a=e._slicedToArray(v,2),g=a[0],f=a[1],h=r.useRef();return h.current=null==i?void 0:i.onChange,r.useEffect((function(){if(o||l||g){var r=l?n.getElement(l):g;if(r){var t=new IntersectionObserver((function(r){var n,t=e._slicedToArray(r,1)[0];d(t),null===(n=h.current)||void 0===n||n.call(h,t)}),e._objectSpread2(e._objectSpread2({},i),{},{root:null!=i&&i.root?n.getElement(null==i?void 0:i.root):document}));return t.observe(r),function(){t.disconnect()}}}}),[l,g,null==i?void 0:i.rootMargin,null==i?void 0:i.threshold,null==i?void 0:i.root,o]),l?{entry:c,inView:!(null==c||!c.isIntersecting)}:{ref:f,entry:c,inView:!(null==c||!c.isIntersecting)}};
|
|
3
3
|
//# sourceMappingURL=useIntersectionObserver.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIntersectionObserver.js","sources":["../../../../src/hooks/useIntersectionObserver/useIntersectionObserver.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\n/** The intersection observer target element type */\nexport type UseIntersectionObserverTarget =\n | RefObject<Element | null | undefined>\n | (() => Element)\n | Element;\n\n/** The intersection observer options type */\nexport interface UseIntersectionObserverOptions extends Omit<IntersectionObserverInit, 'root'> {\n enabled?: boolean;\n onChange?: (entry: IntersectionObserverEntry) => void;\n root?: IntersectionObserverInit['root'] | RefObject<Element | null | undefined>;\n}\n\n/** The intersection observer return type */\nexport interface UseIntersectionObserverReturn {\n inView: boolean;\n entry?: IntersectionObserverEntry;\n}\n\nexport interface UseIntersectionObserver {\n <Target extends UseIntersectionObserverTarget>(\n target: Target,\n options?: UseIntersectionObserverOptions\n ): UseIntersectionObserverReturn;\n\n <Target extends UseIntersectionObserverTarget>(\n options?: UseIntersectionObserverOptions,\n target?: never\n ): UseIntersectionObserverReturn & { ref: (node: Target) => void };\n}\n\n/**\n * @name useIntersectionObserver\n * @description - Hook that gives you intersection observer state\n * @category Browser\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to detect intersection\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] | RefObject<Element | null | undefined>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn} An object containing the state and the supported status\n *\n * @example\n * const { ref, entry, inView } = useIntersectionObserver();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] | RefObject<Element | null | undefined>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn & { ref: (node: Target) => void }} A React ref to attach to the target element\n *\n * @example\n * const { entry, inView } = useIntersectionObserver(ref);\n */\nexport const useIntersectionObserver = ((...params: any[]) => {\n const target = (\n typeof params[0] === 'object' && !('current' in params[0]) ? undefined : params[0]\n ) as UseIntersectionObserverTarget | undefined;\n const options = (target ? params[1] : params[0]) as UseIntersectionObserverOptions | undefined;\n const enabled = options?.enabled ?? true;\n\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\n\n const [internalRef, setInternalRef] = useState<Element>();\n const internalOnChangeRef = useRef<UseIntersectionObserverOptions['onChange']>();\n internalOnChangeRef.current = options?.onChange;\n\n useEffect(() => {\n if (!enabled
|
|
1
|
+
{"version":3,"file":"useIntersectionObserver.js","sources":["../../../../src/hooks/useIntersectionObserver/useIntersectionObserver.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\n/** The intersection observer target element type */\nexport type UseIntersectionObserverTarget =\n | RefObject<Element | null | undefined>\n | (() => Element)\n | Element;\n\n/** The intersection observer options type */\nexport interface UseIntersectionObserverOptions extends Omit<IntersectionObserverInit, 'root'> {\n enabled?: boolean;\n onChange?: (entry: IntersectionObserverEntry) => void;\n root?: IntersectionObserverInit['root'] | RefObject<Element | null | undefined>;\n}\n\n/** The intersection observer return type */\nexport interface UseIntersectionObserverReturn {\n inView: boolean;\n entry?: IntersectionObserverEntry;\n}\n\nexport interface UseIntersectionObserver {\n <Target extends UseIntersectionObserverTarget>(\n target: Target,\n options?: UseIntersectionObserverOptions\n ): UseIntersectionObserverReturn;\n\n <Target extends UseIntersectionObserverTarget>(\n options?: UseIntersectionObserverOptions,\n target?: never\n ): UseIntersectionObserverReturn & { ref: (node: Target) => void };\n}\n\n/**\n * @name useIntersectionObserver\n * @description - Hook that gives you intersection observer state\n * @category Browser\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to detect intersection\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] | RefObject<Element | null | undefined>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn} An object containing the state and the supported status\n *\n * @example\n * const { ref, entry, inView } = useIntersectionObserver();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] | RefObject<Element | null | undefined>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn & { ref: (node: Target) => void }} A React ref to attach to the target element\n *\n * @example\n * const { entry, inView } = useIntersectionObserver(ref);\n */\nexport const useIntersectionObserver = ((...params: any[]) => {\n const target = (\n typeof params[0] === 'object' && !('current' in params[0]) ? undefined : params[0]\n ) as UseIntersectionObserverTarget | undefined;\n const options = (target ? params[1] : params[0]) as UseIntersectionObserverOptions | undefined;\n const enabled = options?.enabled ?? true;\n\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\n\n const [internalRef, setInternalRef] = useState<Element>();\n const internalOnChangeRef = useRef<UseIntersectionObserverOptions['onChange']>();\n internalOnChangeRef.current = options?.onChange;\n\n useEffect(() => {\n if (!enabled && !target && !internalRef) return;\n const element = target ? getElement(target) : internalRef;\n if (!element) return;\n\n const observer = new IntersectionObserver(\n ([entry]) => {\n setEntry(entry);\n internalOnChangeRef.current?.(entry);\n },\n {\n ...options,\n root: options?.root ? (getElement(options?.root) as Element | Document) : document\n }\n );\n\n observer.observe(element as Element);\n\n return () => {\n observer.disconnect();\n };\n }, [target, internalRef, options?.rootMargin, options?.threshold, options?.root, enabled]);\n\n if (target) return { entry, inView: !!entry?.isIntersecting };\n return {\n ref: setInternalRef,\n entry,\n inView: !!entry?.isIntersecting\n };\n}) as UseIntersectionObserver;\n"],"names":["_options$enabled","target","_typeof","arguments","length","undefined","options","enabled","_useState","useState","_useState2","_slicedToArray","entry","setEntry","_useState3","_useState4","internalRef","setInternalRef","internalOnChangeRef","useRef","current","onChange","useEffect","element","getElement","observer","IntersectionObserver","_ref","_internalOnChangeRef$","call","_objectSpread","_objectSpread2","root","document","observe","disconnect","rootMargin","threshold","inView","isIntersecting","ref"],"mappings":";uNA8DwC,WAAsB,IAAAA,EACtDC,EACiB,WAArBC,EAAAA,QAAAC,UAAAC,QAAA,OAAAC,EAAAF,UAAqB,KAAc,YAASA,UAAAC,eAAAC,EAAAF,UAAA,IAA0BA,UAAAC,QAAA,OAAAC,EAAAF,UAC1B,QADiBE,EAEzDC,EAAWL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAuE,GACxFI,EAA0BP,QAAnBA,EAAGM,aAAO,EAAPA,EAASC,eAAOP,IAAAA,GAAAA,EAEhCQ,EAA0BC,EAAAA,WAAqCC,EAAAC,EAAAA,eAAAH,EAAA,GAAxDI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEtBI,EAAsCL,EAAAA,WAAmBM,EAAAJ,EAAAA,eAAAG,EAAA,GAAlDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAsBC,EAAAA,SA0B5B,OAzBAD,EAAoBE,QAAUd,aAAO,EAAPA,EAASe,SAEvCC,EAAAA,WAAU,WACR,GAAKf,GAAYN,GAAWe,EAA5B,CACA,IAAMO,EAAUtB,EAASuB,EAAUA,WAACvB,GAAUe,EAC9C,GAAKO,EAAL,CAEA,IAAME,EAAW,IAAIC,sBACnB,SAAAC,GAAa,IAAAC,EAAXhB,EAAWD,EAAAA,eAAAgB,EAAA,GAAN,GACLd,EAASD,GACkBgB,QAA3BA,EAAAV,EAAoBE,eAApBQ,IAA2BA,GAA3BA,EAAAC,KAAAX,EAA8BN,EAC/B,GAAAkB,EAAAC,eAAAD,EAAAC,kBAEIzB,GAAO,CAAA,EAAA,CACV0B,KAAM1B,SAAAA,EAAS0B,KAAQR,EAAUA,WAAClB,aAAO,EAAPA,EAAS0B,MAA+BC,YAM9E,OAFAR,EAASS,QAAQX,GAEV,WACLE,EAASU,aAhBG,CAF2B,CAoB1C,GAAE,CAAClC,EAAQe,EAAaV,aAAAA,EAAAA,EAAS8B,WAAY9B,aAAO,EAAPA,EAAS+B,UAAW/B,aAAAA,EAAAA,EAAS0B,KAAMzB,IAE7EN,EAAe,CAAEW,MAAAA,EAAO0B,SAAU1B,UAAAA,EAAO2B,iBACtC,CACLC,IAAKvB,EACLL,MAAAA,EACA0B,SAAU1B,UAAAA,EAAO2B,gBAErB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),r=require("react"),n=require("../useEvent/useEvent.js");exports.useInterval=function(){for(var t,u,l=arguments.length,a=new Array(l),c=0;c<l;c++)a[c]=arguments[c];var s=a[0],i=null!==(t="number"==typeof a[1]?a[1]:a[1].interval)&&void 0!==t?t:1e3,v="object"===e._typeof(a[1])?a[1]:a[2],o=null===(u=null==v?void 0:v.enabled)||void 0===u||u,f=r.useState(null==o||o),p=e._slicedToArray(f,2),I=p[0],d=p[1],b=r.useRef(),y=n.useEvent(s);r.useEffect((function(){if(o)return b.current=setInterval(y,i),function(){clearInterval(b.current)}}),[o,i]);return{active:I,pause:function(){d(!1),clearInterval(b.current)},resume:function(){i<=0||(d(!0),clearInterval(b.current),b.current=setInterval(y,i))}}};
|
|
3
3
|
//# sourceMappingURL=useInterval.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInterval.js","sources":["../../../../src/hooks/useInterval/useInterval.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use interval options */\nexport interface UseIntervalOptions {\n /** Start the interval immediately */\n enabled?: boolean;\n}\n\n/** The use interval return type */\nexport interface UseIntervalReturn {\n /** Is the interval active */\n active: boolean;\n /** Pause the interval */\n pause: () => void;\n /** Resume the interval */\n resume: () => void;\n}\n\ninterface UseInterval {\n (callback: () => void, interval?: number, options?: UseIntervalOptions): UseIntervalReturn;\n\n (callback: () => void, options?: UseIntervalOptions & { interval?: number }): UseIntervalReturn;\n}\n\n/**\n * @name useInterval\n * @description - Hook that makes and interval and returns controlling functions\n * @category Time\n *\n * @overload\n * @param {() => void} callback Any callback function\n * @param {number} [interval=1000] Time in milliseconds\n * @param {boolean} [options.immediate=true] Start the interval immediately\n * @returns {UseIntervalReturn}\n *\n * @example\n * const { active, pause, resume } = useInterval(() => console.log('inside interval'), 2500);\n *\n * @overload\n * @param {() => void} callback Any callback function\n * @param {number} [options.interval=1000] Time in milliseconds\n * @param {boolean} [options.immediate=true] Start the interval immediately\n *\n * @example\n * const { active, pause, resume } = useInterval(() => console.log('inside interval'), { interval: 2500 });\n */\nexport const useInterval = ((...params: any[]): UseIntervalReturn => {\n const callback = params[0] as () => void;\n const interval =\n ((typeof params[1] === 'number'\n ? params[1]\n : (params[1] as UseIntervalOptions & { interval?: number }).interval) as number) ?? 1000;\n const options =\n typeof params[1] === 'object'\n ? (params[1] as (UseIntervalOptions & { interval?: number }) | undefined)\n : (params[2] as UseIntervalOptions | undefined);\n const enabled = options?.enabled ?? true;\n\n const [active, setActive] = useState<boolean>(enabled ?? true);\n\n const intervalIdRef = useRef<ReturnType<typeof setInterval>>();\n const internalCallback = useEvent(callback);\n\n useEffect(() => {\n if (!enabled) return;\n\n intervalIdRef.current = setInterval(internalCallback, interval);\n return () => {\n clearInterval(intervalIdRef.current);\n };\n }, [enabled, interval]);\n\n const pause = () => {\n setActive(false);\n clearInterval(intervalIdRef.current);\n };\n\n const resume = () => {\n if (interval <= 0) return;\n setActive(true);\n clearInterval(intervalIdRef.current);\n intervalIdRef.current = setInterval(internalCallback, interval);\n };\n\n return {\n active,\n pause,\n resume\n };\n}) as UseInterval;\n"],"names":["_ref","_options$enabled","_len","arguments","length","params","Array","_key","callback","interval","options","_typeof","enabled","_useState","useState","_useState2","_slicedToArray","active","setActive","intervalIdRef","useRef","internalCallback","useEvent","useEffect","current","setInterval","clearInterval","pause","resume"],"mappings":";sJAgD4B,WAAyC,IAAA,IAAAA,EAAAC,EAAAC,EAAAC,UAAAC,OAArCC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GACpC,IAAMC,EAAWH,EAAO,GAClBI,EAGkE,QAH1DT,EACW,iBAAdK,EAAO,GACZA,EAAO,GACNA,EAAO,GAAkDI,gBAAQ,IAAAT,EAAAA,EAAgB,IAClFU,EACiB,WAArBC,EAAAA,QAAON,EAAO,IACTA,EAAO,GACPA,EAAO,GACRO,EAA0BX,QAAnBA,EAAGS,aAAO,EAAPA,EAASE,eAAOX,IAAAA,GAAAA,EAEhCY,EAA4BC,EAAQA,SAAUF,SAAAA,GAAgBG,EAAAC,EAAAA,eAAAH,EAAA,GAAvDI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAgBC,EAAAA,SAChBC,EAAmBC,WAASd,GAElCe,EAAAA,WAAU,WACR,GAAKX,EAGL,OADAO,EAAcK,QAAUC,YAAYJ,EAAkBZ,GAC/C,WACLiB,cAAcP,EAAcK,SAEhC,GAAG,CAACZ,EAASH,IAcb,MAAO,CACLQ,OAAAA,EACAU,MAdY,WACZT,GAAU,GACVQ,cAAcP,EAAcK,UAa5BI,OAVa,WACTnB,GAAY,IAChBS,GAAU,GACVQ,cAAcP,EAAcK,SAC5BL,EAAcK,QAAUC,YAAYJ,EAAkBZ,KAQ1D"}
|
|
1
|
+
{"version":3,"file":"useInterval.js","sources":["../../../../src/hooks/useInterval/useInterval.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport { useEvent } from '../useEvent/useEvent';\r\n\r\n/** The use interval options */\r\nexport interface UseIntervalOptions {\r\n /** Start the interval immediately */\r\n enabled?: boolean;\r\n}\r\n\r\n/** The use interval return type */\r\nexport interface UseIntervalReturn {\r\n /** Is the interval active */\r\n active: boolean;\r\n /** Pause the interval */\r\n pause: () => void;\r\n /** Resume the interval */\r\n resume: () => void;\r\n}\r\n\r\ninterface UseInterval {\r\n (callback: () => void, interval?: number, options?: UseIntervalOptions): UseIntervalReturn;\r\n\r\n (callback: () => void, options?: UseIntervalOptions & { interval?: number }): UseIntervalReturn;\r\n}\r\n\r\n/**\r\n * @name useInterval\r\n * @description - Hook that makes and interval and returns controlling functions\r\n * @category Time\r\n *\r\n * @overload\r\n * @param {() => void} callback Any callback function\r\n * @param {number} [interval=1000] Time in milliseconds\r\n * @param {boolean} [options.immediate=true] Start the interval immediately\r\n * @returns {UseIntervalReturn}\r\n *\r\n * @example\r\n * const { active, pause, resume } = useInterval(() => console.log('inside interval'), 2500);\r\n *\r\n * @overload\r\n * @param {() => void} callback Any callback function\r\n * @param {number} [options.interval=1000] Time in milliseconds\r\n * @param {boolean} [options.immediate=true] Start the interval immediately\r\n *\r\n * @example\r\n * const { active, pause, resume } = useInterval(() => console.log('inside interval'), { interval: 2500 });\r\n */\r\nexport const useInterval = ((...params: any[]): UseIntervalReturn => {\r\n const callback = params[0] as () => void;\r\n const interval =\r\n ((typeof params[1] === 'number'\r\n ? params[1]\r\n : (params[1] as UseIntervalOptions & { interval?: number }).interval) as number) ?? 1000;\r\n const options =\r\n typeof params[1] === 'object'\r\n ? (params[1] as (UseIntervalOptions & { interval?: number }) | undefined)\r\n : (params[2] as UseIntervalOptions | undefined);\r\n const enabled = options?.enabled ?? true;\r\n\r\n const [active, setActive] = useState<boolean>(enabled ?? true);\r\n\r\n const intervalIdRef = useRef<ReturnType<typeof setInterval>>();\r\n const internalCallback = useEvent(callback);\r\n\r\n useEffect(() => {\r\n if (!enabled) return;\r\n\r\n intervalIdRef.current = setInterval(internalCallback, interval);\r\n return () => {\r\n clearInterval(intervalIdRef.current);\r\n };\r\n }, [enabled, interval]);\r\n\r\n const pause = () => {\r\n setActive(false);\r\n clearInterval(intervalIdRef.current);\r\n };\r\n\r\n const resume = () => {\r\n if (interval <= 0) return;\r\n setActive(true);\r\n clearInterval(intervalIdRef.current);\r\n intervalIdRef.current = setInterval(internalCallback, interval);\r\n };\r\n\r\n return {\r\n active,\r\n pause,\r\n resume\r\n };\r\n}) as UseInterval;\r\n"],"names":["_ref","_options$enabled","_len","arguments","length","params","Array","_key","callback","interval","options","_typeof","enabled","_useState","useState","_useState2","_slicedToArray","active","setActive","intervalIdRef","useRef","internalCallback","useEvent","useEffect","current","setInterval","clearInterval","pause","resume"],"mappings":";sJAgD4B,WAAyC,IAAA,IAAAA,EAAAC,EAAAC,EAAAC,UAAAC,OAArCC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GACpC,IAAMC,EAAWH,EAAO,GAClBI,EAGkE,QAH1DT,EACW,iBAAdK,EAAO,GACZA,EAAO,GACNA,EAAO,GAAkDI,gBAAQ,IAAAT,EAAAA,EAAgB,IAClFU,EACiB,WAArBC,EAAAA,QAAON,EAAO,IACTA,EAAO,GACPA,EAAO,GACRO,EAA0BX,QAAnBA,EAAGS,aAAO,EAAPA,EAASE,eAAOX,IAAAA,GAAAA,EAEhCY,EAA4BC,EAAQA,SAAUF,SAAAA,GAAgBG,EAAAC,EAAAA,eAAAH,EAAA,GAAvDI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAgBC,EAAAA,SAChBC,EAAmBC,WAASd,GAElCe,EAAAA,WAAU,WACR,GAAKX,EAGL,OADAO,EAAcK,QAAUC,YAAYJ,EAAkBZ,GAC/C,WACLiB,cAAcP,EAAcK,SAEhC,GAAG,CAACZ,EAASH,IAcb,MAAO,CACLQ,OAAAA,EACAU,MAdY,WACZT,GAAU,GACVQ,cAAcP,EAAcK,UAa5BI,OAVa,WACTnB,GAAY,IAChBS,GAAU,GACVQ,cAAcP,EAAcK,SAC5BL,EAAcK,QAAUC,YAAYJ,EAAkBZ,KAQ1D"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
2
|
"use strict";var r=require("react");exports.useIsFirstRender=function(){var e=r.useRef(!0);return!0===e.current?(e.current=!1,!0):e.current};
|
|
3
3
|
//# sourceMappingURL=useIsFirstRender.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
2
|
"use strict";var e=require("react"),s=require("../../utils/helpers/isClient.js").isClient?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=s;
|
|
3
3
|
//# sourceMappingURL=useIsomorphicLayoutEffect.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
"use strict";var e=require("../../_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.70 */
|
|
2
|
+
"use strict";var e=require("../../_rollupPluginBabelHelpers-CVSWY18m.js"),r=require("react"),s=require("../useEventListener/useEventListener.js");require("../../utils/helpers/getElement.js"),require("../../utils/helpers/isClient.js"),require("../useEvent/useEvent.js");exports.useKeyPress=function(i,u){var n,t,l=r.useState(!1),o=e._slicedToArray(l,2),a=o[0],v=o[1];return s.useEventListener(null!==(n=null==u?void 0:u.target)&&void 0!==n?n:window,"keydown",(function(e){(Array.isArray(i)?i.includes(e.key):e.key===i)&&v(!0)})),s.useEventListener(null!==(t=null==u?void 0:u.target)&&void 0!==t?t:window,"keyup",(function(e){(Array.isArray(i)?i.includes(e.key):e.key===i)&&v(!1)})),a};
|
|
3
3
|
//# sourceMappingURL=useKeyPress.js.map
|