@siberiacancode/reactuse 0.3.12 → 0.3.14
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/README.md +71 -71
- package/dist/cjs/_virtual/client.cjs +2 -0
- package/dist/cjs/_virtual/client.cjs.map +1 -0
- package/dist/cjs/_virtual/client2.cjs +2 -0
- package/dist/cjs/_virtual/client2.cjs.map +1 -0
- package/dist/cjs/_virtual/index.cjs +2 -0
- package/dist/cjs/_virtual/index.cjs.map +1 -0
- package/dist/cjs/_virtual/react-dom-client.development.cjs +2 -0
- package/dist/cjs/_virtual/react-dom-client.development.cjs.map +1 -0
- package/dist/cjs/_virtual/react-dom-client.production.cjs +2 -0
- package/dist/cjs/_virtual/react-dom-client.production.cjs.map +1 -0
- package/dist/cjs/_virtual/scheduler.development.cjs +2 -0
- package/dist/cjs/_virtual/scheduler.development.cjs.map +1 -0
- package/dist/cjs/_virtual/scheduler.production.cjs +2 -0
- package/dist/cjs/_virtual/scheduler.production.cjs.map +1 -0
- package/dist/cjs/helpers/createContext/createContext.cjs +1 -1
- package/dist/cjs/helpers/createContext/createContext.cjs.map +1 -1
- package/dist/cjs/helpers/createContextHook/createContextHook.cjs +2 -0
- package/dist/cjs/helpers/createContextHook/createContextHook.cjs.map +1 -0
- package/dist/cjs/helpers/createEventEmitter/createEventEmitter.cjs +1 -1
- package/dist/cjs/helpers/createSharedHook/createSharedHook.cjs +2 -0
- package/dist/cjs/helpers/createSharedHook/createSharedHook.cjs.map +1 -0
- package/dist/cjs/helpers/createStore/createStore.cjs +1 -1
- package/dist/cjs/hooks/useAsync/useAsync.cjs +1 -1
- package/dist/cjs/hooks/useAutoScroll/useAutoScroll.cjs +1 -1
- package/dist/cjs/hooks/useBatchedCallback/useBatchedCallback.cjs +1 -1
- package/dist/cjs/hooks/useBatchedCallback/useBatchedCallback.cjs.map +1 -1
- package/dist/cjs/hooks/useBattery/useBattery.cjs +1 -1
- package/dist/cjs/hooks/useBluetooth/useBluetooth.cjs +1 -1
- package/dist/cjs/hooks/useBoolean/useBoolean.cjs +1 -1
- package/dist/cjs/hooks/useBreakpoints/useBreakpoints.cjs +1 -1
- package/dist/cjs/hooks/useBroadcastChannel/useBroadcastChannel.cjs +1 -1
- package/dist/cjs/hooks/useBrowserLanguage/useBrowserLanguage.cjs +1 -1
- package/dist/cjs/hooks/useClickOutside/useClickOutside.cjs +1 -1
- package/dist/cjs/hooks/useControllableState/useControllableState.cjs +1 -1
- package/dist/cjs/hooks/useCookie/useCookie.cjs +1 -1
- package/dist/cjs/hooks/useCookies/useCookies.cjs +1 -1
- package/dist/cjs/hooks/useCopy/useCopy.cjs +1 -1
- package/dist/cjs/hooks/useDebounceCallback/useDebounceCallback.cjs +1 -1
- package/dist/cjs/hooks/useDebounceState/useDebounceState.cjs +1 -1
- package/dist/cjs/hooks/useDebounceValue/useDebounceValue.cjs +1 -1
- package/dist/cjs/hooks/useDefault/useDefault.cjs +1 -1
- package/dist/cjs/hooks/useDeviceMotion/useDeviceMotion.cjs +1 -1
- package/dist/cjs/hooks/useDevicePixelRatio/useDevicePixelRatio.cjs +1 -1
- package/dist/cjs/hooks/useDisplayMedia/useDisplayMedia.cjs +1 -1
- package/dist/cjs/hooks/useDropZone/useDropZone.cjs +1 -1
- package/dist/cjs/hooks/useDropZone/useDropZone.cjs.map +1 -1
- package/dist/cjs/hooks/useEvent/useEvent.cjs +1 -1
- package/dist/cjs/hooks/useEventListener/useEventListener.cjs +1 -1
- package/dist/cjs/hooks/useEventSource/useEventSource.cjs +1 -1
- package/dist/cjs/hooks/useFavicon/useFavicon.cjs +1 -1
- package/dist/cjs/hooks/useField/useField.cjs +1 -1
- package/dist/cjs/hooks/useField/useField.cjs.map +1 -1
- package/dist/cjs/hooks/useFocusTrap/useFocusTrap.cjs +1 -1
- package/dist/cjs/hooks/useFps/useFps.cjs +1 -1
- package/dist/cjs/hooks/useFul/useFul.cjs +1 -1
- package/dist/cjs/hooks/useFullscreen/useFullscreen.cjs +1 -1
- package/dist/cjs/hooks/useGamepad/useGamepad.cjs +1 -1
- package/dist/cjs/hooks/useGeolocation/useGeolocation.cjs +1 -1
- package/dist/cjs/hooks/useHotkeys/useHotkeys.cjs.map +1 -1
- package/dist/cjs/hooks/useIdle/useIdle.cjs +1 -1
- package/dist/cjs/hooks/useImage/useImage.cjs.map +1 -1
- package/dist/cjs/hooks/useInfiniteScroll/useInfiniteScroll.cjs +1 -1
- package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.cjs +1 -1
- package/dist/cjs/hooks/useInterval/useInterval.cjs +1 -1
- package/dist/cjs/hooks/useKeyPress/useKeyPress.cjs +1 -1
- package/dist/cjs/hooks/useKeyPressEvent/useKeyPressEvent.cjs +1 -1
- package/dist/cjs/hooks/useKeyboard/useKeyboard.cjs +1 -1
- package/dist/cjs/hooks/useKeysPressed/useKeysPressed.cjs +1 -1
- package/dist/cjs/hooks/useLess/useLess.cjs +1 -1
- package/dist/cjs/hooks/useList/useList.cjs +1 -1
- package/dist/cjs/hooks/useLockCallback/useLockCallback.cjs +1 -1
- package/dist/cjs/hooks/useMap/useMap.cjs +1 -1
- package/dist/cjs/hooks/useMeasure/useMeasure.cjs +1 -1
- package/dist/cjs/hooks/useMediaControls/useMediaControls.cjs +1 -1
- package/dist/cjs/hooks/useMediaQuery/useMediaQuery.cjs +1 -1
- package/dist/cjs/hooks/useMediaQuery/useMediaQuery.cjs.map +1 -1
- package/dist/cjs/hooks/useMergedRef/useMergedRef.cjs +1 -1
- package/dist/cjs/hooks/useMouse/useMouse.cjs +1 -1
- package/dist/cjs/hooks/useMouse/useMouse.cjs.map +1 -1
- package/dist/cjs/hooks/useMutation/useMutation.cjs +1 -1
- package/dist/cjs/hooks/useMutation/useMutation.cjs.map +1 -1
- package/dist/cjs/hooks/useMutationObserver/useMutationObserver.cjs +1 -1
- package/dist/cjs/hooks/useNetwork/useNetwork.cjs.map +1 -1
- package/dist/cjs/hooks/useOffsetPagination/useOffsetPagination.cjs +1 -1
- package/dist/cjs/hooks/useOnce/useOnce.cjs +1 -1
- package/dist/cjs/hooks/useOptimistic/useOptimistic.cjs.map +1 -1
- package/dist/cjs/hooks/useOrientation/useOrientation.cjs.map +1 -1
- package/dist/cjs/hooks/useOtpCredential/useOtpCredential.cjs +1 -1
- package/dist/cjs/hooks/useOtpCredential/useOtpCredential.cjs.map +1 -1
- package/dist/cjs/hooks/useParallax/useParallax.cjs +1 -1
- package/dist/cjs/hooks/useParallax/useParallax.cjs.map +1 -1
- package/dist/cjs/hooks/usePerformanceObserver/usePerformanceObserver.cjs +1 -1
- package/dist/cjs/hooks/usePermission/usePermission.cjs +1 -1
- package/dist/cjs/hooks/usePostMessage/usePostMessage.cjs +1 -1
- package/dist/cjs/hooks/usePostMessage/usePostMessage.cjs.map +1 -1
- package/dist/cjs/hooks/usePreferredLanguages/usePreferredLanguages.cjs +1 -1
- package/dist/cjs/hooks/usePrevious/usePrevious.cjs +1 -1
- package/dist/cjs/hooks/useProgress/useProgress.cjs +2 -0
- package/dist/cjs/hooks/useProgress/useProgress.cjs.map +1 -0
- package/dist/cjs/hooks/useQuery/useQuery.cjs +1 -1
- package/dist/cjs/hooks/useQueue/useQueue.cjs +1 -1
- package/dist/cjs/hooks/useRefState/useRefState.cjs +1 -1
- package/dist/cjs/hooks/useResizeObserver/useResizeObserver.cjs +1 -1
- package/dist/cjs/hooks/useScript/useScript.cjs +1 -1
- package/dist/cjs/hooks/useScroll/useScroll.cjs +1 -1
- package/dist/cjs/hooks/useScroll/useScroll.cjs.map +1 -1
- package/dist/cjs/hooks/useScrollIntoView/useScrollIntoView.cjs +1 -1
- package/dist/cjs/hooks/useScrollTo/useScrollTo.cjs +1 -1
- package/dist/cjs/hooks/useSet/useSet.cjs +1 -1
- package/dist/cjs/hooks/useShallowEffect/useShallowEffect.cjs +1 -1
- package/dist/cjs/hooks/useSpeechRecognition/useSpeechRecognition.cjs +1 -1
- package/dist/cjs/hooks/useStateHistory/useStateHistory.cjs +1 -1
- package/dist/cjs/hooks/useStep/useStep.cjs +1 -1
- package/dist/cjs/hooks/useSticky/useSticky.cjs +1 -1
- package/dist/cjs/hooks/useSticky/useSticky.cjs.map +1 -1
- package/dist/cjs/hooks/useStorage/useStorage.cjs +1 -1
- package/dist/cjs/hooks/useStorage/useStorage.cjs.map +1 -1
- package/dist/cjs/hooks/useTextDirection/useTextDirection.cjs +1 -1
- package/dist/cjs/hooks/useTextDirection/useTextDirection.cjs.map +1 -1
- package/dist/cjs/hooks/useTextSelection/useTextSelection.cjs +1 -1
- package/dist/cjs/hooks/useTextareaAutosize/useTextareaAutosize.cjs +1 -1
- package/dist/cjs/hooks/useTextareaAutosize/useTextareaAutosize.cjs.map +1 -1
- package/dist/cjs/hooks/useThrottleCallback/useThrottleCallback.cjs +1 -1
- package/dist/cjs/hooks/useThrottleEffect/useThrottleEffect.cjs +1 -1
- package/dist/cjs/hooks/useThrottleState/useThrottleState.cjs +1 -1
- package/dist/cjs/hooks/useThrottleValue/useThrottleValue.cjs +1 -1
- package/dist/cjs/hooks/useTime/useTime.cjs +1 -1
- package/dist/cjs/hooks/useTimeout/useTimeout.cjs +1 -1
- package/dist/cjs/hooks/useToggle/useToggle.cjs +1 -1
- package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs +1 -1
- package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs.map +1 -1
- package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs.map +1 -1
- package/dist/cjs/hooks/useVibrate/useVibrate.cjs +1 -1
- package/dist/cjs/hooks/useVirtualKeyboard/useVirtualKeyboard.cjs +1 -1
- package/dist/cjs/hooks/useVirtualKeyboard/useVirtualKeyboard.cjs.map +1 -1
- package/dist/cjs/hooks/useVisibility/useVisibility.cjs +1 -1
- package/dist/cjs/hooks/useVisibility/useVisibility.cjs.map +1 -1
- package/dist/cjs/hooks/useWakeLock/useWakeLock.cjs.map +1 -1
- package/dist/cjs/hooks/useWebSocket/useWebSocket.cjs +1 -1
- package/dist/cjs/hooks/useWebSocket/useWebSocket.cjs.map +1 -1
- package/dist/cjs/hooks/useWindowFocus/useWindowFocus.cjs +1 -1
- package/dist/cjs/hooks/useWindowScroll/useWindowScroll.cjs +1 -1
- package/dist/cjs/hooks/useWindowSize/useWindowSize.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.development.cjs +215 -0
- package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.development.cjs.map +1 -0
- package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.production.cjs +10 -0
- package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.production.cjs.map +1 -0
- package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.cjs +2 -0
- package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.cjs.map +1 -0
- package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.cjs +2 -0
- package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.cjs.map +1 -0
- package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.production.cjs +2 -0
- package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.production.cjs.map +1 -0
- package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/index.cjs +2 -0
- package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/index.cjs.map +1 -0
- package/dist/cjs/utils/helpers/isTarget.cjs.map +1 -1
- package/dist/esm/_virtual/client.mjs +6 -0
- package/dist/esm/_virtual/client.mjs.map +1 -0
- package/dist/esm/_virtual/client2.mjs +5 -0
- package/dist/esm/_virtual/client2.mjs.map +1 -0
- package/dist/esm/_virtual/index.mjs +5 -0
- package/dist/esm/_virtual/index.mjs.map +1 -0
- package/dist/esm/_virtual/react-dom-client.development.mjs +5 -0
- package/dist/esm/_virtual/react-dom-client.development.mjs.map +1 -0
- package/dist/esm/_virtual/react-dom-client.production.mjs +5 -0
- package/dist/esm/_virtual/react-dom-client.production.mjs.map +1 -0
- package/dist/esm/_virtual/scheduler.development.mjs +5 -0
- package/dist/esm/_virtual/scheduler.development.mjs.map +1 -0
- package/dist/esm/_virtual/scheduler.production.mjs +5 -0
- package/dist/esm/_virtual/scheduler.production.mjs.map +1 -0
- package/dist/esm/helpers/createContext/createContext.mjs.map +1 -1
- package/dist/esm/helpers/createContextHook/createContextHook.mjs +13 -0
- package/dist/esm/helpers/createContextHook/createContextHook.mjs.map +1 -0
- package/dist/esm/helpers/createSharedHook/createSharedHook.mjs +42 -0
- package/dist/esm/helpers/createSharedHook/createSharedHook.mjs.map +1 -0
- package/dist/esm/hooks/useBatchedCallback/useBatchedCallback.mjs.map +1 -1
- package/dist/esm/hooks/useDropZone/useDropZone.mjs +27 -27
- package/dist/esm/hooks/useDropZone/useDropZone.mjs.map +1 -1
- package/dist/esm/hooks/useField/useField.mjs +42 -42
- package/dist/esm/hooks/useField/useField.mjs.map +1 -1
- package/dist/esm/hooks/useHotkeys/useHotkeys.mjs.map +1 -1
- package/dist/esm/hooks/useImage/useImage.mjs.map +1 -1
- package/dist/esm/hooks/useMediaQuery/useMediaQuery.mjs.map +1 -1
- package/dist/esm/hooks/useMouse/useMouse.mjs +37 -32
- package/dist/esm/hooks/useMouse/useMouse.mjs.map +1 -1
- package/dist/esm/hooks/useMutation/useMutation.mjs +29 -28
- package/dist/esm/hooks/useMutation/useMutation.mjs.map +1 -1
- package/dist/esm/hooks/useNetwork/useNetwork.mjs.map +1 -1
- package/dist/esm/hooks/useOptimistic/useOptimistic.mjs.map +1 -1
- package/dist/esm/hooks/useOrientation/useOrientation.mjs.map +1 -1
- package/dist/esm/hooks/useOtpCredential/useOtpCredential.mjs.map +1 -1
- package/dist/esm/hooks/useParallax/useParallax.mjs.map +1 -1
- package/dist/esm/hooks/usePostMessage/usePostMessage.mjs.map +1 -1
- package/dist/esm/hooks/useProgress/useProgress.mjs +25 -0
- package/dist/esm/hooks/useProgress/useProgress.mjs.map +1 -0
- package/dist/esm/hooks/useScroll/useScroll.mjs +62 -44
- package/dist/esm/hooks/useScroll/useScroll.mjs.map +1 -1
- package/dist/esm/hooks/useSticky/useSticky.mjs.map +1 -1
- package/dist/esm/hooks/useStorage/useStorage.mjs.map +1 -1
- package/dist/esm/hooks/useTextDirection/useTextDirection.mjs.map +1 -1
- package/dist/esm/hooks/useTextareaAutosize/useTextareaAutosize.mjs.map +1 -1
- package/dist/esm/hooks/useUrlSearchParam/useUrlSearchParam.mjs.map +1 -1
- package/dist/esm/hooks/useUrlSearchParams/useUrlSearchParams.mjs.map +1 -1
- package/dist/esm/hooks/useVirtualKeyboard/useVirtualKeyboard.mjs.map +1 -1
- package/dist/esm/hooks/useVisibility/useVisibility.mjs.map +1 -1
- package/dist/esm/hooks/useWakeLock/useWakeLock.mjs.map +1 -1
- package/dist/esm/hooks/useWebSocket/useWebSocket.mjs.map +1 -1
- package/dist/esm/index.mjs +389 -382
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.development.mjs +17019 -0
- package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.development.mjs.map +1 -0
- package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.production.mjs +9745 -0
- package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.production.mjs.map +1 -0
- package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.mjs +24 -0
- package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.mjs.map +1 -0
- package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.mjs +228 -0
- package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.mjs.map +1 -0
- package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.production.mjs +225 -0
- package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.production.mjs.map +1 -0
- package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/index.mjs +11 -0
- package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/index.mjs.map +1 -0
- package/dist/esm/utils/helpers/isTarget.mjs.map +1 -1
- package/dist/types/helpers/createContextHook/createContextHook.d.ts +26 -0
- package/dist/types/helpers/createSharedHook/createSharedHook.d.ts +21 -0
- package/dist/types/helpers/index.d.ts +2 -0
- package/dist/types/hooks/time.d.ts +1 -0
- package/dist/types/hooks/useField/useField.d.ts +6 -8
- package/dist/types/hooks/useMouse/useMouse.d.ts +17 -7
- package/dist/types/hooks/useProgress/useProgress.d.ts +53 -0
- package/dist/types/hooks/useScroll/useScroll.d.ts +13 -11
- package/dist/types/hooks/useUrlSearchParams/useUrlSearchParams.d.ts +0 -1
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -1,71 +1,71 @@
|
|
|
1
|
-
<div align="center">
|
|
2
|
-
<a href="https://siberiacancode.github.io/reactuse/">
|
|
3
|
-
<picture>
|
|
4
|
-
<img alt="React Use logo" src="https://siberiacancode.github.io/reactuse/logo.svg" height="128">
|
|
5
|
-
</picture>
|
|
6
|
-
</a>
|
|
7
|
-
<h1>React Use</h1>
|
|
8
|
-
|
|
9
|
-
<a href="https://www.npmjs.com/package/@siberiacancode/reactuse"><img alt="NPM version" src="https://img.shields.io/npm/v/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
|
|
10
|
-
<a href="https://github.com/siberiacancode/reactuse/blob/main/LICENSE"><img alt="License" src="https://img.shields.io/npm/l/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
|
|
11
|
-
<a href="https://github.com/siberiacancode/reactuse/discussions"><img alt="Join the community on GitHub" src="https://img.shields.io/badge/Join%20the%20community-blueviolet.svg?style=for-the-badge&logo=React&labelColor=000000&logoWidth=20"></a>
|
|
12
|
-
|
|
13
|
-
</div>
|
|
14
|
-
|
|
15
|
-
React Use delivers **production-ready hooks** that solve real-world problems. Built with **TypeScript-first** approach, **SSR compatibility**, and **tree-shaking optimization** - everything you need to build modern React applications. Improve your react applications with our library 📦 designed for comfort and speed.
|
|
16
|
-
|
|
17
|
-
## Documentation
|
|
18
|
-
|
|
19
|
-
Visit https://siberiacancode.github.io/reactuse to view the full documentation.
|
|
20
|
-
|
|
21
|
-
## Getting Started
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
npm install @siberiacancode/reactuse
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
```tsx
|
|
28
|
-
import { useCounter } from '@siberiacancode/reactuse';
|
|
29
|
-
|
|
30
|
-
const App = () => {
|
|
31
|
-
const counter = useCounter(0);
|
|
32
|
-
|
|
33
|
-
return (
|
|
34
|
-
<div>
|
|
35
|
-
<h1>Count: {counter.value}</h1>
|
|
36
|
-
<button onClick={() => counter.inc()}>+1</button>
|
|
37
|
-
<button onClick={() => counter.dec()}>-1</button>
|
|
38
|
-
</div>
|
|
39
|
-
);
|
|
40
|
-
};
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
## CLI installation
|
|
44
|
-
|
|
45
|
-
Use the CLI to add hooks to your project with [useverse](https://www.npmjs.com/package/useverse).
|
|
46
|
-
|
|
47
|
-
```bash
|
|
48
|
-
npx useverse@latest init
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
```bash
|
|
52
|
-
npx useverse@latest add [hook]
|
|
53
|
-
```
|
|
54
|
-
|
|
55
|
-
You will be presented with a list of hooks to choose from:
|
|
56
|
-
|
|
57
|
-
```bash
|
|
58
|
-
Which hooks would you like to add? › Space to select. A to toggle all.
|
|
59
|
-
Enter to submit.
|
|
60
|
-
|
|
61
|
-
◯ useActiveElement
|
|
62
|
-
◯ useAsync
|
|
63
|
-
◯ useBattery
|
|
64
|
-
◯ useBluetooth
|
|
65
|
-
◯ useBoolean
|
|
66
|
-
◯ useBreakpoints
|
|
67
|
-
◯ useBrowserLanguage
|
|
68
|
-
◯ useClickOutside
|
|
69
|
-
◯ useClipboard
|
|
70
|
-
◯ useConst
|
|
71
|
-
```
|
|
1
|
+
<div align="center">
|
|
2
|
+
<a href="https://siberiacancode.github.io/reactuse/">
|
|
3
|
+
<picture>
|
|
4
|
+
<img alt="React Use logo" src="https://siberiacancode.github.io/reactuse/logo.svg" height="128">
|
|
5
|
+
</picture>
|
|
6
|
+
</a>
|
|
7
|
+
<h1>React Use</h1>
|
|
8
|
+
|
|
9
|
+
<a href="https://www.npmjs.com/package/@siberiacancode/reactuse"><img alt="NPM version" src="https://img.shields.io/npm/v/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
|
|
10
|
+
<a href="https://github.com/siberiacancode/reactuse/blob/main/LICENSE"><img alt="License" src="https://img.shields.io/npm/l/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
|
|
11
|
+
<a href="https://github.com/siberiacancode/reactuse/discussions"><img alt="Join the community on GitHub" src="https://img.shields.io/badge/Join%20the%20community-blueviolet.svg?style=for-the-badge&logo=React&labelColor=000000&logoWidth=20"></a>
|
|
12
|
+
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
React Use delivers **production-ready hooks** that solve real-world problems. Built with **TypeScript-first** approach, **SSR compatibility**, and **tree-shaking optimization** - everything you need to build modern React applications. Improve your react applications with our library 📦 designed for comfort and speed.
|
|
16
|
+
|
|
17
|
+
## Documentation
|
|
18
|
+
|
|
19
|
+
Visit https://siberiacancode.github.io/reactuse to view the full documentation.
|
|
20
|
+
|
|
21
|
+
## Getting Started
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
npm install @siberiacancode/reactuse
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
```tsx
|
|
28
|
+
import { useCounter } from '@siberiacancode/reactuse';
|
|
29
|
+
|
|
30
|
+
const App = () => {
|
|
31
|
+
const counter = useCounter(0);
|
|
32
|
+
|
|
33
|
+
return (
|
|
34
|
+
<div>
|
|
35
|
+
<h1>Count: {counter.value}</h1>
|
|
36
|
+
<button onClick={() => counter.inc()}>+1</button>
|
|
37
|
+
<button onClick={() => counter.dec()}>-1</button>
|
|
38
|
+
</div>
|
|
39
|
+
);
|
|
40
|
+
};
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## CLI installation
|
|
44
|
+
|
|
45
|
+
Use the CLI to add hooks to your project with [useverse](https://www.npmjs.com/package/useverse).
|
|
46
|
+
|
|
47
|
+
```bash
|
|
48
|
+
npx useverse@latest init
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
```bash
|
|
52
|
+
npx useverse@latest add [hook]
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
You will be presented with a list of hooks to choose from:
|
|
56
|
+
|
|
57
|
+
```bash
|
|
58
|
+
Which hooks would you like to add? › Space to select. A to toggle all.
|
|
59
|
+
Enter to submit.
|
|
60
|
+
|
|
61
|
+
◯ useActiveElement
|
|
62
|
+
◯ useAsync
|
|
63
|
+
◯ useBattery
|
|
64
|
+
◯ useBluetooth
|
|
65
|
+
◯ useBoolean
|
|
66
|
+
◯ useBreakpoints
|
|
67
|
+
◯ useBrowserLanguage
|
|
68
|
+
◯ useClickOutside
|
|
69
|
+
◯ useClipboard
|
|
70
|
+
◯ useConst
|
|
71
|
+
```
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react-dom-client.development.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react-dom-client.production.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scheduler.development.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scheduler.production.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),n=require("react"),x=(s=void 0,o={})=>{const t=n.createContext({value:s,set:()=>{}});t.displayName=o.name;function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),n=require("react"),x=(s=void 0,o={})=>{const t=n.createContext({value:s,set:()=>{}});t.displayName=o.name;function i(r){const e=n.useContext(t);if(!e&&o.strict)throw new Error(`Context hook ${o.name} must be used inside a Provider`);return r?r(e.value):e}return{useSelect:i,instance:t,Provider:({children:r,initialValue:e})=>{const[u,c]=n.useState(e??s),a=n.useMemo(()=>({value:u,set:c}),[u]);return v.jsx(t,{value:a,children:r})}}};exports.createContext=x;
|
|
2
2
|
//# sourceMappingURL=createContext.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createContext.cjs","sources":["../../../../src/helpers/createContext/createContext.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\n\nimport { createContext as createReactContext, useContext, useMemo, useState } from 'react';\n\n/** The create context options type */\nexport interface CreateContextOptions {\n /** Display name for the context (useful for debugging) */\n name?: string;\n /** Whether to throw an error if context is used outside of Provider */\n strict?: boolean;\n}\n\n/** The context value type */\nexport interface ContextValue<Value> {\n /** The context value */\n value: Value | undefined;\n /** The context set function */\n set: (value: Value) => void;\n}\n\n/** The provider props type */\nexport interface ProviderProps<Value> {\n /** The children */\n children?: ReactNode;\n /** The initial value */\n initialValue?: Value;\n}\n\n/** The create context return type */\nexport interface CreateContextReturn<Value> {\n /** The context instance */\n instance: React.Context<ContextValue<Value>>;\n /** The provider component */\n Provider: (props: ProviderProps<Value>) => JSX.Element;\n /** The selector hook */\n useSelect: {\n <Selected>(selector: (value: Value) => Selected): Selected;\n (): ContextValue<Value>;\n };\n}\n\n/**\n * @name createContext\n * @description - Creates a typed context with additional utilities\n * @category Helpers\n * @usage high\n *\n * @template Value - The type of value that will be stored in the context\n * @param {Value | undefined} [defaultValue] - Default value for the context\n * @param {CreateContextOptions<Value>} [options] - Additional options for context creation\n * @returns {CreateContextReturn<Value>} Object containing context utilities and components\n *\n * @example\n * const { useSelect, instance, Provider } = createContext<number>(0);\n */\nexport const createContext = <Value,>(\n defaultValue: Value | undefined = undefined,\n options: CreateContextOptions = {}\n): CreateContextReturn<Value> => {\n const Context = createReactContext<{\n value: Value | undefined;\n set: (value: Value) => void;\n }>({\n value: defaultValue,\n set: () => {}\n });\n\n Context.displayName = options.name;\n\n function useSelect(): ContextValue<Value>;\n function useSelect<Selected>(selector: (value: Value) => Selected): Selected;\n function useSelect<Selected>(selector?: (value: Value) => Selected) {\n const context = useContext(Context);\n\n if (!context && options.strict) {\n throw new Error(`Context hook ${options.name} must be used inside a Provider`);\n }\n\n if (!selector) {\n return context;\n }\n\n return selector(context.value as Value);\n }\n\n const Provider = ({ children, initialValue }: ProviderProps<Value>) => {\n const [profile, setProfile] = useState<Value | undefined>(initialValue ?? defaultValue);\n\n const value = useMemo(\n () => ({\n value: profile,\n set: setProfile\n }),\n [profile]\n );\n\n return <Context value={value}>{children}</Context>;\n };\n\n return {\n useSelect,\n instance: Context,\n Provider\n } as const;\n};\n"],"names":["createContext","defaultValue","options","Context","createReactContext","useSelect","selector","context","useContext","children","initialValue","profile","setProfile","useState","value","useMemo","jsx"],"mappings":"wIAuDaA,EAAgB,CAC3BC,EAAkC,OAClCC,EAAgC,CAAA,IACD,CAC/B,MAAMC,EAAUC,EAAAA,cAGb,CACD,MAAOH,EACP,IAAK,IAAM,CAAA,CAAC,CACb,EAEDE,EAAQ,YAAcD,EAAQ,KAI9B,SAASG,EAAoBC,EAAuC,CAClE,MAAMC,EAAUC,EAAAA,WAAWL,CAAO,EAElC,GAAI,CAACI,GAAWL,EAAQ,OACtB,MAAM,IAAI,MAAM,gBAAgBA,EAAQ,IAAI,iCAAiC,EAG/E,OAAKI,EAIEA,EAASC,EAAQ,KAAc,EAH7BA,CAG6B,CAiBxC,MAAO,CACL,UAAAF,EACA,SAAUF,EACV,SAjBe,CAAC,CAAE,SAAAM,EAAU,aAAAC,KAAyC,CACrE,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAA4BH,GAAgBT,CAAY,EAEhFa,EAAQC,EAAAA,QACZ,KAAO,CACL,MAAOJ,EACP,IAAKC,CAAA,GAEP,CAACD,CAAO,CAAA,EAGV,OAAOK,EAAAA,IAACb,EAAA,CAAQ,MAAAW,EAAe,SAAAL,CAAA,CAAS,CAAA,CAMxC,CAEJ"}
|
|
1
|
+
{"version":3,"file":"createContext.cjs","sources":["../../../../src/helpers/createContext/createContext.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\r\n\r\nimport { createContext as createReactContext, useContext, useMemo, useState } from 'react';\r\n\r\n/** The create context options type */\r\nexport interface CreateContextOptions {\r\n /** Display name for the context (useful for debugging) */\r\n name?: string;\r\n /** Whether to throw an error if context is used outside of Provider */\r\n strict?: boolean;\r\n}\r\n\r\n/** The context value type */\r\nexport interface ContextValue<Value> {\r\n /** The context value */\r\n value: Value | undefined;\r\n /** The context set function */\r\n set: (value: Value) => void;\r\n}\r\n\r\n/** The provider props type */\r\nexport interface ProviderProps<Value> {\r\n /** The children */\r\n children?: ReactNode;\r\n /** The initial value */\r\n initialValue?: Value;\r\n}\r\n\r\n/** The create context return type */\r\nexport interface CreateContextReturn<Value> {\r\n /** The context instance */\r\n instance: React.Context<ContextValue<Value>>;\r\n /** The provider component */\r\n Provider: (props: ProviderProps<Value>) => JSX.Element;\r\n /** The selector hook */\r\n useSelect: {\r\n <Selected>(selector: (value: Value) => Selected): Selected;\r\n (): ContextValue<Value>;\r\n };\r\n}\r\n\r\n/**\r\n * @name createContext\r\n * @description - Creates a typed context with additional utilities\r\n * @category Helpers\r\n * @usage high\r\n *\r\n * @template Value - The type of value that will be stored in the context\r\n * @param {Value | undefined} [defaultValue] - Default value for the context\r\n * @param {CreateContextOptions<Value>} [options] - Additional options for context creation\r\n * @returns {CreateContextReturn<Value>} Object containing context utilities and components\r\n *\r\n * @example\r\n * const { useSelect, instance, Provider } = createContext<number>(0);\r\n */\r\nexport const createContext = <Value,>(\r\n defaultValue: Value | undefined = undefined,\r\n options: CreateContextOptions = {}\r\n): CreateContextReturn<Value> => {\r\n const Context = createReactContext<{\r\n value: Value | undefined;\r\n set: (value: Value) => void;\r\n }>({\r\n value: defaultValue,\r\n set: () => {}\r\n });\r\n\r\n Context.displayName = options.name;\r\n\r\n function useSelect(): ContextValue<Value>;\r\n function useSelect<Selected>(selector: (value: Value) => Selected): Selected;\r\n function useSelect<Selected>(selector?: (value: Value) => Selected) {\r\n const context = useContext(Context);\r\n\r\n if (!context && options.strict) {\r\n throw new Error(`Context hook ${options.name} must be used inside a Provider`);\r\n }\r\n\r\n if (!selector) {\r\n return context;\r\n }\r\n\r\n return selector(context.value as Value);\r\n }\r\n\r\n const Provider = ({ children, initialValue }: ProviderProps<Value>) => {\r\n const [profile, setProfile] = useState<Value | undefined>(initialValue ?? defaultValue);\r\n\r\n const value = useMemo(\r\n () => ({\r\n value: profile,\r\n set: setProfile\r\n }),\r\n [profile]\r\n );\r\n\r\n return <Context value={value}>{children}</Context>;\r\n };\r\n\r\n return {\r\n useSelect,\r\n instance: Context,\r\n Provider\r\n } as const;\r\n};\r\n"],"names":["createContext","defaultValue","options","Context","createReactContext","useSelect","selector","context","useContext","children","initialValue","profile","setProfile","useState","value","useMemo","jsx"],"mappings":"wIAuDaA,EAAgB,CAC3BC,EAAkC,OAClCC,EAAgC,CAAA,IACD,CAC/B,MAAMC,EAAUC,EAAAA,cAGb,CACD,MAAOH,EACP,IAAK,IAAM,CAAA,CAAC,CACb,EAEDE,EAAQ,YAAcD,EAAQ,KAI9B,SAASG,EAAoBC,EAAuC,CAClE,MAAMC,EAAUC,EAAAA,WAAWL,CAAO,EAElC,GAAI,CAACI,GAAWL,EAAQ,OACtB,MAAM,IAAI,MAAM,gBAAgBA,EAAQ,IAAI,iCAAiC,EAG/E,OAAKI,EAIEA,EAASC,EAAQ,KAAc,EAH7BA,CAG6B,CAiBxC,MAAO,CACL,UAAAF,EACA,SAAUF,EACV,SAjBe,CAAC,CAAE,SAAAM,EAAU,aAAAC,KAAyC,CACrE,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAA4BH,GAAgBT,CAAY,EAEhFa,EAAQC,EAAAA,QACZ,KAAO,CACL,MAAOJ,EACP,IAAKC,CAAA,GAEP,CAACD,CAAO,CAAA,EAGV,OAAOK,EAAAA,IAACb,EAAA,CAAQ,MAAAW,EAAe,SAAAL,CAAA,CAAS,CAAA,CAMxC,CAEJ"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),c=o=>{const e=t.createContext(null);return{Provider:({children:r,params:n})=>{const s=o(...n);return u.jsx(e.Provider,{value:s,children:r})},use:()=>t.useContext(e)}};exports.createContextHook=c;
|
|
2
|
+
//# sourceMappingURL=createContextHook.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createContextHook.cjs","sources":["../../../../src/helpers/createContextHook/createContextHook.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * @name createContextHook\n * @description - Hook that runs inside a Provider; Provider accepts params (the hook's arguments). Use when you need a scoped instance per subtree.\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @param useHook - The hook to run in the Provider (e.g. useMediaQuery)\n * @returns { Provider, use } — Provider takes params; use() returns the value and must be used inside Provider\n *\n * @example\n * const { Provider, use } = createContextHook(useMediaQuery);\n * <Provider params={[\"(max-width: 768px)\"]}>\n * <Component />\n * </Provider>\n * const matches = use();\n */\nexport const createContextHook = <Hook extends (...args: any[]) => any>(useHook: Hook) => {\n type Value = ReturnType<Hook>;\n const Context = createContext<Value | null>(null);\n\n const Provider = ({ children, params }: { children: ReactNode; params: Parameters<Hook> }) => {\n const value = useHook(...params) as Value;\n return <Context.Provider value={value}>{children}</Context.Provider>;\n };\n\n const use = () => useContext(Context);\n\n return { Provider, use };\n};\n"],"names":["createContextHook","useHook","Context","createContext","children","params","value","jsx","useContext"],"mappings":"wIAsBaA,EAA2DC,GAAkB,CAExF,MAAMC,EAAUC,EAAAA,cAA4B,IAAI,EAShD,MAAO,CAAE,SAPQ,CAAC,CAAE,SAAAC,EAAU,OAAAC,KAAgE,CAC5F,MAAMC,EAAQL,EAAQ,GAAGI,CAAM,EAC/B,OAAOE,EAAAA,IAACL,EAAQ,SAAR,CAAiB,MAAAI,EAAe,SAAAF,CAAA,CAAS,CAAA,EAKhC,IAFP,IAAMI,EAAAA,WAAWN,CAAO,CAEjB,CACrB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),v=()=>{const r=new Map,a=(e,t)=>{r.get(e)?.forEach(n=>n(t))},u=(e,t)=>{const s=e,n=r.get(s);n&&(n.delete(t),n.size||r.delete(s))},
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),v=()=>{const r=new Map,a=(e,t)=>{r.get(e)?.forEach(n=>n(t))},u=(e,t)=>{const s=e,n=r.get(s);n&&(n.delete(t),n.size||r.delete(s))},i=(e,t)=>{const s=e;return r.has(s)||r.set(s,new Set),r.get(e).add(t),()=>{u(e,t)}};return{push:a,subscribe:i,unsubscribe:u,useSubscribe:(e,t)=>{const[s,n]=c.useState(void 0),o=c.useRef(t);return o.current=t,c.useEffect(()=>{const f=i(e,b=>{n(b),o.current?.(b)});return()=>{f()}},[e]),s}}};exports.createEventEmitter=v;
|
|
2
2
|
//# sourceMappingURL=createEventEmitter.cjs.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("react"),a=require("../../_virtual/client.cjs"),i=n=>{const e=document.createElement("div"),t=a.clientExports.createRoot(e);return t.render(n),()=>{t.unmount(),e.remove()}},m=n=>{if(typeof window>"u"){const t=(...r)=>n(...r);return t.useShared=t,t}const e={state:void 0,listeners:new Set,mounted:!1,unmount:void 0};return function(...r){return e.mounted||(e.mounted=!0,queueMicrotask(()=>{const o=()=>{const u=n(...r);return s.useEffect(()=>{e.state=u,e.listeners.forEach(c=>c())},[u]),null};e.unmount=i(d.jsx(o,{}))})),s.useSyncExternalStore(o=>(e.listeners.add(o),()=>{e.listeners.delete(o),e.listeners.size<0&&e.unmount&&(e.unmount(),e.unmount=void 0,e.state=void 0,e.mounted=!1)}),()=>e.state,()=>e.state)}};exports.createSharedHook=m;exports.mount=i;
|
|
2
|
+
//# sourceMappingURL=createSharedHook.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createSharedHook.cjs","sources":["../../../../src/helpers/createSharedHook/createSharedHook.tsx"],"sourcesContent":["import { useEffect, useSyncExternalStore } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nexport const mount = (component: React.ReactNode) => {\n const container = document.createElement('div');\n const root = createRoot(container);\n root.render(component);\n return () => {\n root.unmount();\n container.remove();\n };\n};\n\n/**\n * @name createSharedHook\n * @description - One shared instance of the hook globally. First subscriber's args are used; when subscribers hit zero, the runner unmounts.\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @template Hook - The hook to create a shared instance of\n * @param {Hook} useHook - The hook to create a shared instance of\n * @returns {Hook & { useShared: typeof useShared }} - The shared hook\n *\n * @example\n * const useSharedMediaQuery = createSharedHook(useMediaQuery);\n * const matches = useSharedMediaQuery(\"(max-width: 768px)\");\n */\nexport const createSharedHook = <Hook extends (...args: any[]) => any>(useHook: Hook) => {\n if (typeof window === 'undefined') {\n const fn = (...args: Parameters<Hook>) => useHook(...args);\n fn.useShared = fn;\n return fn;\n }\n\n type Value = ReturnType<Hook>;\n const store = {\n state: undefined as Value | undefined,\n listeners: new Set<() => void>(),\n mounted: false,\n unmount: undefined as (() => void) | undefined\n };\n\n return function useShared(...args: Parameters<Hook>): Value {\n if (!store.mounted) {\n store.mounted = true;\n queueMicrotask(() => {\n const HookContainer = () => {\n const value = useHook(...args) as Value;\n useEffect(() => {\n store.state = value;\n store.listeners.forEach((l) => l());\n }, [value]);\n return null;\n };\n\n store.unmount = mount(<HookContainer />);\n });\n }\n\n return useSyncExternalStore(\n (callback) => {\n store.listeners.add(callback);\n return () => {\n store.listeners.delete(callback);\n if (store.listeners.size < 0 && store.unmount) {\n store.unmount();\n store.unmount = undefined;\n store.state = undefined;\n store.mounted = false;\n }\n };\n },\n () => store.state,\n () => store.state\n ) as Value;\n };\n};\n"],"names":["mount","component","container","root","createRoot","createSharedHook","useHook","fn","args","store","HookContainer","value","useEffect","l","jsx","useSyncExternalStore","callback"],"mappings":"+KAGaA,EAASC,GAA+B,CACnD,MAAMC,EAAY,SAAS,cAAc,KAAK,EACxCC,EAAOC,EAAAA,cAAAA,WAAWF,CAAS,EACjC,OAAAC,EAAK,OAAOF,CAAS,EACd,IAAM,CACXE,EAAK,QAAA,EACLD,EAAU,OAAA,CAAO,CAErB,EAkBaG,EAA0DC,GAAkB,CACvF,GAAI,OAAO,OAAW,IAAa,CACjC,MAAMC,EAAK,IAAIC,IAA2BF,EAAQ,GAAGE,CAAI,EACzD,OAAAD,EAAG,UAAYA,EACRA,CAAA,CAIT,MAAME,EAAQ,CACZ,MAAO,OACP,cAAe,IACf,QAAS,GACT,QAAS,MAAA,EAGX,OAAO,YAAsBD,EAA+B,CAC1D,OAAKC,EAAM,UACTA,EAAM,QAAU,GAChB,eAAe,IAAM,CACnB,MAAMC,EAAgB,IAAM,CAC1B,MAAMC,EAAQL,EAAQ,GAAGE,CAAI,EAC7BI,OAAAA,EAAAA,UAAU,IAAM,CACdH,EAAM,MAAQE,EACdF,EAAM,UAAU,QAASI,GAAMA,GAAG,CAAA,EACjC,CAACF,CAAK,CAAC,EACH,IAAA,EAGTF,EAAM,QAAUT,EAAMc,EAAAA,IAACJ,EAAA,CAAA,CAAc,CAAE,CAAA,CACxC,GAGIK,EAAAA,qBACJC,IACCP,EAAM,UAAU,IAAIO,CAAQ,EACrB,IAAM,CACXP,EAAM,UAAU,OAAOO,CAAQ,EAC3BP,EAAM,UAAU,KAAO,GAAKA,EAAM,UACpCA,EAAM,QAAA,EACNA,EAAM,QAAU,OAChBA,EAAM,MAAQ,OACdA,EAAM,QAAU,GAClB,GAGJ,IAAMA,EAAM,MACZ,IAAMA,EAAM,KAAA,CACd,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),b=s=>{let e,o;const i=new Set,
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),b=s=>{let e,o;const i=new Set,c=t=>{const n=typeof t=="function"?t(e):t;if(!Object.is(n,e)){const f=e;e=typeof n!="object"||n===null||Array.isArray(n)?n:Object.assign({},e,n),i.forEach(l=>l(e,f))}},a=t=>(i.add(t),()=>i.delete(t)),r=()=>e,u=()=>o;typeof s=="function"?o=e=s(c,r):o=e=s;function S(t){return y.useSyncExternalStore(a,()=>t?t(r()):r(),()=>t?t(u()):u())}return{set:c,get:r,getInitial:u,use:S,subscribe:a}};exports.createStore=b;
|
|
2
2
|
//# sourceMappingURL=createStore.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),f=(a,
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),f=(a,u=[])=>{const[n,s]=e.useState(!0),[c,r]=e.useState(!1),[i,o]=e.useState(void 0),[d,l]=e.useState(void 0);return e.useEffect(()=>{s(!0),a().then(t=>{l(t),o(void 0),r(!1)}).catch(t=>{o(t),r(!0)}).finally(()=>{s(!1)})},u),{data:d,isLoading:n,isError:c,error:i}};exports.useAsync=f;
|
|
2
2
|
//# sourceMappingURL=useAsync.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react"),R=require("../useRefState/useRefState.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react"),R=require("../useRefState/useRefState.cjs"),a=require("../../utils/helpers/isTarget.cjs"),q=((...n)=>{const r=a.isTarget(n[0])?n[0]:void 0,i=n[1]||(typeof n[0]=="object"?n[0]:{}),{enabled:h=!0}=i,s=R.useRefState(),o=L.useRef(i);if(o.current=i,L.useEffect(()=>{if(!h||!r&&!s.state)return;const e=r?a.isTarget.getElement(r):s.state;if(!e)return;let c=!0,f=0,d=0;const v=()=>{if(o.current.force)return;const{scrollHeight:t,clientHeight:l,scrollTop:u}=e,b=t-l,m=b/2;u<d?c=!1:b-u<=m&&(c=!0),d=u},g=t=>{o.current.force||(t.deltaY<0?c=!1:v())},S=t=>{o.current.force||(f=t.touches[0].clientY)},T=t=>{if(o.current.force)return;const l=t.touches[0].clientY;f-l<0?c=!1:v(),f=l},Y=()=>{!c&&!o.current.force||e.scrollTo({top:e.scrollHeight})};e.addEventListener("wheel",g),e.addEventListener("touchstart",S),e.addEventListener("touchmove",T);const E=new MutationObserver(Y);return E.observe(e,{childList:!0,subtree:!0,characterData:!0}),()=>{E.disconnect(),e.removeEventListener("wheel",g),e.removeEventListener("touchstart",S),e.removeEventListener("touchmove",T)}},[h,r&&a.isTarget.getRawElement(r),s.state]),!r)return{ref:s}});exports.useAutoScroll=q;
|
|
2
2
|
//# sourceMappingURL=useAutoScroll.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=(c,n)=>{const u=r.useRef(c),s=r.useRef(n),e=r.useRef([]);u.current=c,s.current=n;const a=()=>{if(!e.current.length)return;const t=e.current;e.current=[],u.current(t)};return r.useMemo(()=>{const t=(...l)=>{e.current.push(l),e.current.length>=s.current&&a()};return t.flush=a,t.cancel=()=>e.current=[],t},[])};exports.useBatchedCallback=o;
|
|
2
2
|
//# sourceMappingURL=useBatchedCallback.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBatchedCallback.cjs","sources":["../../../../src/hooks/useBatchedCallback/useBatchedCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type BatchedCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n flush: () => void;\n cancel: () => void;\n};\n\n/**\n * @name useBatchedCallback\n * @description - Hook that batches calls and forwards them to a callback\n * @category Utilities\n * @usage medium\n *\n * @template Params The type of the params\n * @param {(batch: Params[]) => void} callback The callback that receives a batch of calls\n * @param {number} batchSize The maximum size of a batch before it is flushed\n * @returns {BatchedCallback<Params>} The batched callback with flush and cancel helpers\n *\n * @example\n * const batched = useBatchedCallback((batch) => console.log(batch), 5);\n */\nexport const useBatchedCallback = <Params extends unknown[]>(\n callback: (batch: Params[]) => void,\n size: number\n): BatchedCallback<Params> => {\n const
|
|
1
|
+
{"version":3,"file":"useBatchedCallback.cjs","sources":["../../../../src/hooks/useBatchedCallback/useBatchedCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type BatchedCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n flush: () => void;\n cancel: () => void;\n};\n\n/**\n * @name useBatchedCallback\n * @description - Hook that batches calls and forwards them to a callback\n * @category Utilities\n * @usage medium\n *\n * @template Params The type of the params\n * @param {(batch: Params[]) => void} callback The callback that receives a batch of calls\n * @param {number} batchSize The maximum size of a batch before it is flushed\n * @returns {BatchedCallback<Params>} The batched callback with flush and cancel helpers\n *\n * @example\n * const batched = useBatchedCallback((batch) => console.log(batch), 5);\n */\nexport const useBatchedCallback = <Params extends unknown[]>(\n callback: (batch: Params[]) => void,\n size: number\n): BatchedCallback<Params> => {\n const internalCallbackRef = useRef(callback);\n const sizeRef = useRef(size);\n const queueRef = useRef<Params[]>([]);\n\n internalCallbackRef.current = callback;\n sizeRef.current = size;\n\n const flush = () => {\n if (!queueRef.current.length) return;\n const batch = queueRef.current;\n queueRef.current = [];\n internalCallbackRef.current(batch);\n };\n\n const batched = useMemo(() => {\n const batchedCallback = (...args: Params) => {\n queueRef.current.push(args);\n if (queueRef.current.length >= sizeRef.current) flush();\n };\n\n batchedCallback.flush = flush;\n batchedCallback.cancel = () => (queueRef.current = []);\n\n return batchedCallback as BatchedCallback<Params>;\n }, []);\n\n return batched;\n};\n"],"names":["useBatchedCallback","callback","size","internalCallbackRef","useRef","sizeRef","queueRef","flush","batch","useMemo","batchedCallback","args"],"mappings":"yGAqBaA,EAAqB,CAChCC,EACAC,IAC4B,CAC5B,MAAMC,EAAsBC,EAAAA,OAAOH,CAAQ,EACrCI,EAAUD,EAAAA,OAAOF,CAAI,EACrBI,EAAWF,EAAAA,OAAiB,EAAE,EAEpCD,EAAoB,QAAUF,EAC9BI,EAAQ,QAAUH,EAElB,MAAMK,EAAQ,IAAM,CAClB,GAAI,CAACD,EAAS,QAAQ,OAAQ,OAC9B,MAAME,EAAQF,EAAS,QACvBA,EAAS,QAAU,CAAA,EACnBH,EAAoB,QAAQK,CAAK,CAAA,EAenC,OAZgBC,EAAAA,QAAQ,IAAM,CAC5B,MAAMC,EAAkB,IAAIC,IAAiB,CAC3CL,EAAS,QAAQ,KAAKK,CAAI,EACtBL,EAAS,QAAQ,QAAUD,EAAQ,SAASE,EAAA,CAAM,EAGxD,OAAAG,EAAgB,MAAQH,EACxBG,EAAgB,OAAS,IAAOJ,EAAS,QAAU,CAAA,EAE5CI,CAAA,EACN,EAAE,CAGP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),c=()=>{const t=typeof navigator<"u"&&"getBattery"in navigator&&typeof navigator.getBattery=="function",[r,a]=i.useState({loading:t,level:0,charging:!1,chargingTime:0,dischargingTime:0});return i.useEffect(()=>{if(!t)return;let e;const n=()=>a({loading:!1,level:e?.level??0,charging:e?.charging??!1,dischargingTime:e?.dischargingTime??0,chargingTime:e?.chargingTime??0});return navigator.getBattery().then(g=>{e=g,n(),e.addEventListener("levelchange",n),e.addEventListener("chargingchange",n),e.addEventListener("chargingtimechange",n),e.addEventListener("dischargingtimechange",n)}),()=>{e&&(e.removeEventListener("levelchange",n),e.removeEventListener("chargingchange",n),e.removeEventListener("chargingtimechange",n),e.removeEventListener("dischargingtimechange",n))}},[]),{supported:t,value:r}};exports.useBattery=c;
|
|
2
2
|
//# sourceMappingURL=useBattery.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=u=>{const n=typeof navigator<"u"&&"bluetooth"in navigator&&!!navigator.bluetooth,{acceptAllDevices:d=!1,filters:s,optionalServices:l}=u??{},[f,c]=t.useState(!1),[e,r]=t.useState(void 0),[g,
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=u=>{const n=typeof navigator<"u"&&"bluetooth"in navigator&&!!navigator.bluetooth,{acceptAllDevices:d=!1,filters:s,optionalServices:l}=u??{},[f,c]=t.useState(!1),[e,r]=t.useState(void 0),[g,i]=t.useState(void 0),S=async()=>{if(!n)return;const o=await navigator.bluetooth.requestDevice({acceptAllDevices:d,optionalServices:l,...s&&{filters:s,acceptAllDevices:!1}});r(o)};return t.useEffect(()=>{if(!e?.gatt)return;const o=async()=>{const v=await e.gatt.connect();i(v),c(v.connected)},a=()=>{i(void 0),r(void 0),c(!1)};return e.addEventListener("gattserverdisconnected",a),o(),()=>{e.removeEventListener("gattserverdisconnected",a),e.gatt?.disconnect()}},[e]),{supported:n,connected:f,device:e,requestDevice:S,server:g}};exports.useBluetooth=p;
|
|
2
2
|
//# sourceMappingURL=useBluetooth.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),r=(e=!1)=>{const[t,o]=l.useState(e);return[t,s=>o(u=>s??!u)]};exports.useBoolean=r;
|
|
2
2
|
//# sourceMappingURL=useBoolean.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),R=require("../useRerender/useRerender.cjs"),r=s=>typeof window<"u"&&window.matchMedia(s).matches,_=(s,m="mobile-first")=>{const E=R.useRerender(),n=(e,t)=>t?`${Number(s[e])+t}px`:`${s[e]}px`;N.useEffect(()=>{const e=E;return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const o=e=>r(`(min-width: ${n(e)})`),l=e=>r(`(max-width: ${n(e)})`),A=()=>Object.keys(s).map(e=>[e,o(e)]).filter(([,e])=>e).map(([e])=>e),c=()=>{const e=A();return e.length?e.at(-1):void 0},S=e=>r(`(min-width: ${n(e,.1)})`),T=e=>r(`(max-width: ${n(e,-.1)})`),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),R=require("../useRerender/useRerender.cjs"),r=s=>typeof window<"u"&&window.matchMedia(s).matches,_=(s,m="mobile-first")=>{const E=R.useRerender(),n=(e,t)=>t?`${Number(s[e])+t}px`:`${s[e]}px`;N.useEffect(()=>{const e=E;return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const o=e=>r(`(min-width: ${n(e)})`),l=e=>r(`(max-width: ${n(e)})`),A=()=>Object.keys(s).map(e=>[e,o(e)]).filter(([,e])=>e).map(([e])=>e),c=()=>{const e=A();return e.length?e.at(-1):void 0},S=e=>r(`(min-width: ${n(e,.1)})`),T=e=>r(`(max-width: ${n(e,-.1)})`),i=(e,t)=>r(`(min-width: ${n(e)}) and (max-width: ${n(t,-.1)})`),I=Object.keys(s).reduce((e,t)=>{const d=m==="mobile-first"?o(t):l(t);return e[t]=d,e},{});return{current:A,greaterOrEqual:o,smallerOrEqual:l,active:c,greater:S,smaller:T,between:i,...I}},x={xs:0,sm:600,md:900,lg:1200,xl:1536},O={xs:576,sm:768,md:992,lg:1200,xl:1408},u={sm:640,md:768,lg:1024,xl:1280,"2xl":1536},P={xs:0,sm:576,md:768,lg:992,xl:1200,xxl:1400},B={xs:480,sm:576,md:768,lg:992,xl:1200,xxl:1600},a={xs:0,sm:600,md:1024,lg:1440,xl:1920},K={mobileS:320,mobileM:375,mobileL:425,tablet:768,laptop:1024,laptopL:1440,desktop4K:2560},w={"3xs":360,"2xs":480,xs:600,sm:768,md:1024,lg:1280,xl:1440,"2xl":1600,"3xl":1920,"4xl":2560},g={sm:576,md:768,lg:992,xl:1200};exports.BREAKPOINTS_ANT_DESIGN=B;exports.BREAKPOINTS_BOOTSTRAP_V5=P;exports.BREAKPOINTS_MANTINE=O;exports.BREAKPOINTS_MASTER_CSS=w;exports.BREAKPOINTS_MATERIAL_UI=x;exports.BREAKPOINTS_PRIME_FLEX=g;exports.BREAKPOINTS_QUASAR_V2=a;exports.BREAKPOINTS_SEMANTIC=K;exports.BREAKPOINTS_TAILWIND=u;exports.useBreakpoints=_;
|
|
2
2
|
//# sourceMappingURL=useBreakpoints.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=(s,d)=>{const o=typeof window<"u"&&"BroadcastChannel"in window&&!!window.BroadcastChannel,[
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=(s,d)=>{const o=typeof window<"u"&&"BroadcastChannel"in window&&!!window.BroadcastChannel,[i,c]=t.useState(!1),[l,f]=t.useState(),[g,v]=t.useState(),e=t.useRef(void 0);t.useEffect(()=>{if(!o)return;e.current=new BroadcastChannel(s);const r=n=>{f(n.data),d?.(n.data)},a=n=>v(n),u=()=>c(!0);return e.current.addEventListener("message",r),e.current.addEventListener("messageerror",a),e.current.addEventListener("close",u),()=>{e.current&&(e.current.removeEventListener("message",r),e.current.removeEventListener("messageerror",a),e.current.removeEventListener("close",u),e.current.close())}},[s]);const E=r=>{console.log("post",r,e.current),e.current&&e.current.postMessage(r)},h=()=>{e.current&&(e.current.close(),c(!0))};return{supported:o,channel:e.current,data:l,post:E,close:h,error:g,closed:i}};exports.useBroadcastChannel=m;
|
|
2
2
|
//# sourceMappingURL=useBroadcastChannel.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),r=()=>navigator.language,t=()=>"undetermined",a=e=>(window.addEventListener("languagechange",e),()=>window.removeEventListener("languagechange",e)),o=()=>n.useSyncExternalStore(a,r,t);exports.useBrowserLanguage=o;
|
|
2
2
|
//# sourceMappingURL=useBrowserLanguage.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),a=require("../useRefState/useRefState.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),a=require("../useRefState/useRefState.cjs"),n=require("../../utils/helpers/isTarget.cjs"),f=((...t)=>{const e=n.isTarget(t[0])?t[0]:void 0,c=t[1]?t[1]:t[0],r=a.useRefState(),i=l.useRef(c);if(i.current=c,l.useEffect(()=>{if(!e&&!r.state)return;const s=e?n.isTarget.getElement(e):r.current;if(!s)return;const u=o=>{s.contains(o.target)||i.current(o)};return document.addEventListener("click",u),()=>{document.removeEventListener("click",u)}},[e&&n.isTarget.getRawElement(e),r.state]),!e)return{ref:r}});exports.useClickOutside=f;
|
|
2
2
|
//# sourceMappingURL=useClickOutside.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function C(u){const{value:r,initialValue:c,onChange:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function C(u){const{value:r,initialValue:c,onChange:l}=u,e=r!==void 0,[i,f]=o.useState(c),a=o.useRef(l);a.current=l;const t=e?r:i,S=o.useCallback(n=>{const s=typeof n=="function"?n(t):n;e||f(s),a.current?.(s)},[t,e]);return[t,S,e]}exports.useControllableState=C;
|
|
2
2
|
//# sourceMappingURL=useControllableState.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),C=()=>Object.fromEntries(document.cookie.split("; ").map(o=>{const[e,...t]=o.split("="),n=decodeURIComponent(t.join("="));return[e,n]})),l=(o,e={})=>{document.cookie=`${encodeURIComponent(o)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${e.path?`; path=${e.path}`:""}${e.domain?`; domain=${e.domain}`:""}${e.maxAge?"; max-age=0":""}${e.expires?"; expires=Thu, 01 Jan 1970 00:00:00 GMT":""}${e.secure?"; secure":""}${e.sameSite?`; samesite=${e.sameSite}`:""}`},h=(o,e,t={})=>{const n=[`${encodeURIComponent(o)}=${encodeURIComponent(e)}`];t.path&&n.push(`path=${t.path}`),t.domain&&n.push(`domain=${t.domain}`),typeof t.maxAge=="number"&&n.push(`max-age=${t.maxAge}`),t.expires&&n.push(`expires=${t.expires.toUTCString()}`),t.secure&&n.push("secure"),t.httpOnly&&n.push("httpOnly"),t.sameSite&&n.push(`samesite=${t.sameSite}`),document.cookie=n.join("; ")},s="reactuse-cookie",a=()=>window.dispatchEvent(new Event(s)),c=(o,e,t)=>{h(o,e,t),a()},k=(o,e)=>{l(o,e),a()},u=o=>C()[o],g=((o,e)=>{const t=typeof e=="object"&&e&&("serializer"in e||"deserializer"in e||"initialValue"in e)?e:void 0,n=t?t?.initialValue:e;if(typeof document>"u")return{value:typeof n=="function"?n():n};const d=i=>t?.serializer?t.serializer(i):typeof i=="string"?i:JSON.stringify(i),m=i=>{if(t?.deserializer)return t.deserializer(i);if(i!=="undefined")try{return JSON.parse(i)}catch{return i}},[v
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),C=()=>Object.fromEntries(document.cookie.split("; ").map(o=>{const[e,...t]=o.split("="),n=decodeURIComponent(t.join("="));return[e,n]})),l=(o,e={})=>{document.cookie=`${encodeURIComponent(o)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${e.path?`; path=${e.path}`:""}${e.domain?`; domain=${e.domain}`:""}${e.maxAge?"; max-age=0":""}${e.expires?"; expires=Thu, 01 Jan 1970 00:00:00 GMT":""}${e.secure?"; secure":""}${e.sameSite?`; samesite=${e.sameSite}`:""}`},h=(o,e,t={})=>{const n=[`${encodeURIComponent(o)}=${encodeURIComponent(e)}`];t.path&&n.push(`path=${t.path}`),t.domain&&n.push(`domain=${t.domain}`),typeof t.maxAge=="number"&&n.push(`max-age=${t.maxAge}`),t.expires&&n.push(`expires=${t.expires.toUTCString()}`),t.secure&&n.push("secure"),t.httpOnly&&n.push("httpOnly"),t.sameSite&&n.push(`samesite=${t.sameSite}`),document.cookie=n.join("; ")},s="reactuse-cookie",a=()=>window.dispatchEvent(new Event(s)),c=(o,e,t)=>{h(o,e,t),a()},k=(o,e)=>{l(o,e),a()},u=o=>C()[o],g=((o,e)=>{const t=typeof e=="object"&&e&&("serializer"in e||"deserializer"in e||"initialValue"in e)?e:void 0,n=t?t?.initialValue:e;if(typeof document>"u")return{value:typeof n=="function"?n():n};const d=i=>t?.serializer?t.serializer(i):typeof i=="string"?i:JSON.stringify(i),m=i=>{if(t?.deserializer)return t.deserializer(i);if(i!=="undefined")try{return JSON.parse(i)}catch{return i}},[$,v]=f.useState(()=>{const i=u(o);if(i===void 0&&n!==void 0){const r=typeof n=="function"?n():n;return c(o,d(r),t),r}return i?m(i):void 0});return f.useEffect(()=>{const i=()=>{const r=u(o);v(r?m(r):void 0)};return window.addEventListener(s,i),()=>window.removeEventListener(s,i)},[o]),{value:$,set:(i,r)=>c(o,d(i),{...t,...r}),remove:i=>k(o,{...t,...i})}});exports.COOKIE_EVENT=s;exports.dispatchCookieEvent=a;exports.getCookie=u;exports.getCookies=C;exports.removeCookie=l;exports.removeCookieItem=k;exports.setCookie=h;exports.setCookieItem=c;exports.useCookie=g;
|
|
2
2
|
//# sourceMappingURL=useCookie.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=require("../useCookie/useCookie.cjs"),u=()=>{document.cookie.split("; ").forEach(
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=require("../useCookie/useCookie.cjs"),u=()=>{document.cookie.split("; ").forEach(r=>{const[i]=r.split("=");o.removeCookie(i)})},m=()=>{u(),o.dispatchCookieEvent()},k=r=>{const i=e=>r?.serializer?r.serializer(e):typeof e=="string"?e:JSON.stringify(e),d=e=>{if(r?.deserializer)return r.deserializer(e);if(e!=="undefined")try{return JSON.parse(e)}catch{return e}},s=()=>document.cookie?Object.fromEntries(document.cookie.split("; ").map(e=>{const[t,...n]=e.split("=");if(!t||!n.length)return[];const f=decodeURIComponent(n.join("="));return[t,d(f)]}).filter(e=>e.length)):{},[l,a]=c.useState(()=>typeof window>"u"?{}:s());return c.useEffect(()=>{const e=()=>a(s());return window.addEventListener(o.COOKIE_EVENT,e),()=>{window.removeEventListener(o.COOKIE_EVENT,e)}},[]),{value:l,set:(e,t,n)=>o.setCookieItem(e,i(t),n),remove:(e,t)=>o.removeCookieItem(e,t),getAll:()=>s(),clear:()=>m()}};exports.clearCookies=u;exports.useCookies=k;
|
|
2
2
|
//# sourceMappingURL=useCookies.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=require("../../utils/helpers/copy.cjs"),i=(s=1e3)=>{const[c,r]=t.useState(),[u,e]=t.useState(!1);return{value:c,copied:u,copy:async o=>{await a.copy(o),r(o),e(!0),setTimeout(()=>e(!1),s)}}};exports.useCopy=i;
|
|
2
2
|
//# sourceMappingURL=useCopy.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=(t
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=(r,t)=>{const u=n.useRef(r),e=n.useRef(null),c=n.useRef(t);return u.current=r,c.current=t,n.useMemo(()=>{const o=()=>{e.current&&(clearTimeout(e.current),e.current=null)},l=function(...s){o(),e.current=setTimeout(()=>{u.current.apply(this,s)},c.current)};return l.cancel=o,l},[])};exports.useDebounceCallback=a;
|
|
2
2
|
//# sourceMappingURL=useDebounceCallback.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),s=require("../useDebounceCallback/useDebounceCallback.cjs"),a=(e,t)=>{const[u,c]=n.useState(e),o=s.useDebounceCallback(c,t);return[u,o]};exports.useDebounceState=a;
|
|
2
2
|
//# sourceMappingURL=useDebounceState.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=require("../useDebounceCallback/useDebounceCallback.cjs"),b=(e,c)=>{const t=u.useRef(e),[n,r]=u.useState(e),o=s.useDebounceCallback(r,c);return u.useEffect(()=>{t.current!==e&&(o(e),t.current=e)},[e]),n};exports.useDebounceValue=b;
|
|
2
2
|
//# sourceMappingURL=useDebounceValue.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),s=(t,u)=>{const[e,r]=l.useState(t);return[e??u,r]};exports.useDefault=s;
|
|
2
2
|
//# sourceMappingURL=useDefault.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=require("../../utils/helpers/throttle.cjs"),s=((...e)=>{const o=typeof e[0]=="number"?e[0]:e[0]?.delay??1e3,i=typeof e[0]=="function"?e[0]:e[0]?.onChange,c=e[0]?.enabled??!0,[n,u]=l.useState({interval:0,rotationRate:{alpha:null,beta:null,gamma:null},acceleration:{x:null,y:null,z:null},accelerationIncludingGravity:{x:null,y:null,z:null}}),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=require("../../utils/helpers/throttle.cjs"),s=((...e)=>{const o=typeof e[0]=="number"?e[0]:e[0]?.delay??1e3,i=typeof e[0]=="function"?e[0]:e[0]?.onChange,c=e[0]?.enabled??!0,[n,u]=l.useState({interval:0,rotationRate:{alpha:null,beta:null,gamma:null},acceleration:{x:null,y:null,z:null},accelerationIncludingGravity:{x:null,y:null,z:null}}),r=l.useRef(i);return r.current=i,l.useEffect(()=>{if(!c)return;const a=d.throttle(t=>{r.current?.(t),u({interval:t.interval,rotationRate:{...n.rotationRate,...t.rotationRate},acceleration:{...n.acceleration,...t.acceleration},accelerationIncludingGravity:{...n.accelerationIncludingGravity,...t.accelerationIncludingGravity}})},o);return window.addEventListener("devicemotion",a),()=>{window.removeEventListener("devicemotion",a)}},[o,c]),n});exports.useDeviceMotion=s;
|
|
2
2
|
//# sourceMappingURL=useDeviceMotion.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),r=()=>{const e=typeof window<"u"&&typeof window.matchMedia=="function"&&typeof window.devicePixelRatio=="number",[i,d]=n.useState(e?window.devicePixelRatio:1);return n.useEffect(()=>{if(!e)return;const t=()=>d(window.devicePixelRatio),o=window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);return o.addEventListener("change",t),()=>{o.removeEventListener("change",t)}},[i]),{supported:e,ratio:i}};exports.useDevicePixelRatio=r;
|
|
2
2
|
//# sourceMappingURL=useDevicePixelRatio.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),y=require("../useRefState/useRefState.cjs"),d=require("../../utils/helpers/isTarget.cjs"),p=((...n)=>{const i=typeof navigator<"u"&&"mediaDevices"in navigator&&!!navigator.mediaDevices&&"getDisplayMedia"in navigator.mediaDevices,t=d.isTarget(n[0])?n[0]:void 0,o=n[1]?n[1]:n[0],v=o?.immediately??!1,[f,g]=c.useState(!1),s=c.useRef(null),r=c.useRef(null),a=y.useRefState(),u=()=>{!r.current||!i||!s.current||(g(!1),s.current.srcObject=null,r.current.getTracks().forEach(e=>e.stop()),r.current=null)},l=async()=>{if(!i||!s.current)return;const e=await navigator.mediaDevices.getDisplayMedia({video:o?.video,audio:o?.audio});return g(!0),r.current=e,s.current.srcObject=e,e.getTracks().forEach(m=>m.onended=u),e};return c.useEffect(()=>{if(!i||!t&&!a.state)return;const e=t?d.isTarget.getElement(t):a.current;if(e&&(s.current=e,!!v))return l(),()=>{u()}},[t&&d.isTarget.getRawElement(t),a.state]),t?{stream:r.current,sharing:f,supported:i,start:l,stop:u}:{stream:r.current,sharing:f,supported:i,start:l,stop:u,ref:a}});exports.useDisplayMedia=p;
|
|
2
2
|
//# sourceMappingURL=useDisplayMedia.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),m=require("../useRefState/useRefState.cjs"),d=require("../../utils/helpers/isTarget.cjs"),D=((...n)=>{const o=d.isTarget(n[0])?n[0]:void 0,s=o?typeof n[1]=="object"?n[1]:{onDrop:n[1]}:typeof n[0]=="object"?n[0]:{onDrop:n[0]},a=m.useRefState(),u=l.useRef(0),[g,E]=l.useState(null),[p,c]=l.useState(!1),i=s.dataTypes,T=e=>{if(!e.dataTransfer)return null;const t=Array.from(e.dataTransfer.files);return s.multiple?t:t.length?[t[0]]:null},v=e=>i?typeof i=="function"?i(e):i.length?e.length?e.every(t=>i.some(r=>t.includes(r))):!1:!0:!0,L=e=>{const t=Array.from(e).map(f=>f.type),r=v(t),y=s.multiple||e.length<=1;return r&&y};return l.useEffect(()=>{if(!o&&!a.state)return;const e=o?d.isTarget.getElement(o):a.current;if(!e)return;const t=r=>{if(!r.dataTransfer)return;if(!L(r.dataTransfer.items)){r.dataTransfer.dropEffect="none";return}r.preventDefault(),r.dataTransfer.dropEffect="copy";const f=T(r);if(r.type==="drop"){u.current=0,c(!1),E(f),s.onDrop?.(f,r);return}if(r.type==="dragenter"){u.current+=1,c(!0),s.onEnter?.(r);return}if(r.type==="dragleave"){if(u.current-=1,u.current!==0)return;c(!1),s.onLeave?.(r);return}r.type==="dragover"&&s.onOver?.(r)};return e.addEventListener("dragenter",t),e.addEventListener("dragover",t),e.addEventListener("dragleave",t),e.addEventListener("drop",t),()=>{e.removeEventListener("dragenter",t),e.removeEventListener("dragover",t),e.removeEventListener("dragleave",t),e.removeEventListener("drop",t)}},[o&&d.isTarget.getRawElement(o),a.state]),o?{overed:p,files:g}:{ref:a,overed:p,files:g}});exports.useDropZone=D;
|
|
2
2
|
//# sourceMappingURL=useDropZone.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDropZone.cjs","sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DropZoneDataTypes = ((types: string[]) => boolean) | string[];\n\nexport interface UseDropZoneOptions {\n /** The data types for drop zone */\n dataTypes?: DropZoneDataTypes;\n /** The multiple mode for drop zone */\n multiple?: boolean;\n /** The on drop callback */\n onDrop?: (files: File[] | null, event: DragEvent) => void;\n /** The on enter callback */\n onEnter?: (event: DragEvent) => void;\n /** The on leave callback */\n onLeave?: (event: DragEvent) => void;\n /** The on over callback */\n onOver?: (event: DragEvent) => void;\n}\n\nexport interface UseDropZoneReturn {\n /** The files that was dropped in drop zone */\n files: File[] | null;\n /** The over drop zone status */\n overed: boolean;\n}\n\nexport interface UseDropZone {\n (\n target: HookTarget,\n callback?: (files: File[] | null, event: DragEvent) => void\n ): UseDropZoneReturn;\n\n <Target extends Element>(\n callback?: (files: File[] | null, event: DragEvent) => void,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n\n (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\n\n <Target extends Element>(\n options?: UseDropZoneOptions,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n}\n\n/**\n * @name useDropZone\n * @description - Hook that provides drop zone functionality\n * @category Elements\n * @usage medium\n\n * @overload\n * @template Target The target element\n * @param {Target} target The target element drop zone's\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, options);\n *\n * @overload\n * @param {Target} target The target element drop zone's\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\n *\n * @overload\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(options);\n *\n * @overload\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\n */\nexport const useDropZone = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n const options = (\n target\n ? typeof params[1] === 'object'\n ? params[1]\n : { onDrop: params[1] }\n : typeof params[0] === 'object'\n ? params[0]\n : { onDrop: params[0] }\n ) as UseDropZoneOptions;\n\n const internalRef = useRefState<Element>();\n\n const counterRef = useRef(0);\n const [files, setFiles] = useState<File[] | null>(null);\n const [overed, setOvered] = useState(false);\n\n const dataTypes = options.dataTypes;\n\n const getFiles = (event: DragEvent) => {\n if (!event.dataTransfer) return null;\n const list = Array.from(event.dataTransfer.files);\n if (options.multiple) return list;\n if (!list.length) return null;\n return [list[0]];\n };\n\n const checkDataTypes = (types: string[]) => {\n if (!dataTypes) return true;\n if (typeof dataTypes === 'function') return dataTypes(types);\n if (!dataTypes.length) return true;\n if (!types.length) return false;\n\n return types.every((type) => dataTypes.some((dataType) => type.includes(dataType)));\n };\n\n const checkValidity = (items: DataTransferItemList) => {\n const types = Array.from(items).map((item) => item.type);\n const dataTypesValid = checkDataTypes(types);\n const multipleFilesValid = options.multiple || items.length <= 1;\n\n return dataTypesValid && multipleFilesValid;\n };\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = target ? isTarget.getElement(target) : internalRef.current;\n\n if (!element) return;\n\n const onEvent = (event: DragEvent, type: 'drop' | 'enter' | 'leave' | 'over') => {\n if (!event.dataTransfer) return;\n\n const isValid = checkValidity(event.dataTransfer.items);\n if (!isValid) {\n event.dataTransfer.dropEffect = 'none';\n return;\n }\n\n event.preventDefault();\n event.dataTransfer.dropEffect = 'copy';\n\n const currentFiles = getFiles(event);\n\n if (type === 'drop') {\n counterRef.current = 0;\n setOvered(false);\n setFiles(currentFiles);\n options.onDrop?.(currentFiles, event);\n return;\n }\n\n if (type === 'enter') {\n counterRef.current += 1;\n setOvered(true);\n options.onEnter?.(event);\n return;\n }\n\n if (type === 'leave') {\n counterRef.current -= 1;\n if (counterRef.current !== 0) return;\n setOvered(false);\n options.onLeave?.(event);\n return;\n }\n\n if (type === 'over') options.onOver?.(event);\n };\n\n const onDrop = ((event: DragEvent) => onEvent(event, 'drop')) as EventListener;\n const onDragOver = ((event: DragEvent) => onEvent(event, 'over')) as EventListener;\n const onDragEnter = ((event: DragEvent) => onEvent(event, 'enter')) as EventListener;\n const onDragLeave = ((event: DragEvent) => onEvent(event, 'leave')) as EventListener;\n\n element.addEventListener('dragenter', onDragEnter);\n element.addEventListener('dragover', onDragOver);\n element.addEventListener('dragleave', onDragLeave);\n element.addEventListener('drop', onDrop);\n\n return () => {\n element.removeEventListener('dragenter', onDragEnter);\n element.removeEventListener('dragover', onDragOver);\n element.removeEventListener('dragleave', onDragLeave);\n element.removeEventListener('drop', onDrop);\n };\n }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n if (target) return { overed, files };\n return { ref: internalRef, overed, files };\n}) as UseDropZone;\n"],"names":["useDropZone","params","target","isTarget","options","internalRef","useRefState","counterRef","useRef","files","setFiles","useState","overed","setOvered","dataTypes","getFiles","event","list","checkDataTypes","types","type","dataType","checkValidity","items","item","dataTypesValid","multipleFilesValid","useEffect","element","onEvent","currentFiles","onDrop","onDragOver","onDragEnter","onDragLeave"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useDropZone.cjs","sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DropZoneDataTypes = ((types: string[]) => boolean) | string[];\n\nexport interface UseDropZoneOptions {\n /** The data types for drop zone */\n dataTypes?: DropZoneDataTypes;\n /** The multiple mode for drop zone */\n multiple?: boolean;\n /** The on drop callback */\n onDrop?: (files: File[] | null, event: DragEvent) => void;\n /** The on enter callback */\n onEnter?: (event: DragEvent) => void;\n /** The on leave callback */\n onLeave?: (event: DragEvent) => void;\n /** The on over callback */\n onOver?: (event: DragEvent) => void;\n}\n\nexport interface UseDropZoneReturn {\n /** The files that was dropped in drop zone */\n files: File[] | null;\n /** The over drop zone status */\n overed: boolean;\n}\n\nexport interface UseDropZone {\n (\n target: HookTarget,\n callback?: (files: File[] | null, event: DragEvent) => void\n ): UseDropZoneReturn;\n\n <Target extends Element>(\n callback?: (files: File[] | null, event: DragEvent) => void,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n\n (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\n\n <Target extends Element>(\n options?: UseDropZoneOptions,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n}\n\n/**\n * @name useDropZone\n * @description - Hook that provides drop zone functionality\n * @category Elements\n * @usage medium\n\n * @overload\n * @template Target The target element\n * @param {Target} target The target element drop zone's\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, options);\n *\n * @overload\n * @param {Target} target The target element drop zone's\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\n *\n * @overload\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(options);\n *\n * @overload\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\n */\nexport const useDropZone = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n const options = (\n target\n ? typeof params[1] === 'object'\n ? params[1]\n : { onDrop: params[1] }\n : typeof params[0] === 'object'\n ? params[0]\n : { onDrop: params[0] }\n ) as UseDropZoneOptions;\n\n const internalRef = useRefState<Element>();\n\n const counterRef = useRef(0);\n const [files, setFiles] = useState<File[] | null>(null);\n const [overed, setOvered] = useState(false);\n\n const dataTypes = options.dataTypes;\n\n const getFiles = (event: DragEvent) => {\n if (!event.dataTransfer) return null;\n const list = Array.from(event.dataTransfer.files);\n if (options.multiple) return list;\n if (!list.length) return null;\n return [list[0]];\n };\n\n const checkDataTypes = (types: string[]) => {\n if (!dataTypes) return true;\n if (typeof dataTypes === 'function') return dataTypes(types);\n if (!dataTypes.length) return true;\n if (!types.length) return false;\n\n return types.every((type) => dataTypes.some((dataType) => type.includes(dataType)));\n };\n\n const checkValidity = (items: DataTransferItemList) => {\n const types = Array.from(items).map((item) => item.type);\n const dataTypesValid = checkDataTypes(types);\n const multipleFilesValid = options.multiple || items.length <= 1;\n\n return dataTypesValid && multipleFilesValid;\n };\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = target ? isTarget.getElement(target) : internalRef.current;\n\n if (!element) return;\n\n const onEvent = (event: DragEvent) => {\n if (!event.dataTransfer) return;\n\n const isValid = checkValidity(event.dataTransfer.items);\n if (!isValid) {\n event.dataTransfer.dropEffect = 'none';\n return;\n }\n\n event.preventDefault();\n event.dataTransfer.dropEffect = 'copy';\n\n const currentFiles = getFiles(event);\n\n if (event.type === 'drop') {\n counterRef.current = 0;\n setOvered(false);\n setFiles(currentFiles);\n options.onDrop?.(currentFiles, event);\n return;\n }\n\n if (event.type === 'dragenter') {\n counterRef.current += 1;\n setOvered(true);\n options.onEnter?.(event);\n return;\n }\n\n if (event.type === 'dragleave') {\n counterRef.current -= 1;\n if (counterRef.current !== 0) return;\n setOvered(false);\n options.onLeave?.(event);\n return;\n }\n\n if (event.type === 'dragover') options.onOver?.(event);\n };\n\n element.addEventListener('dragenter', onEvent as EventListener);\n element.addEventListener('dragover', onEvent as EventListener);\n element.addEventListener('dragleave', onEvent as EventListener);\n element.addEventListener('drop', onEvent as EventListener);\n\n return () => {\n element.removeEventListener('dragenter', onEvent as EventListener);\n element.removeEventListener('dragover', onEvent as EventListener);\n element.removeEventListener('dragleave', onEvent as EventListener);\n element.removeEventListener('drop', onEvent as EventListener);\n };\n }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n if (target) return { overed, files };\n return { ref: internalRef, overed, files };\n}) as UseDropZone;\n"],"names":["useDropZone","params","target","isTarget","options","internalRef","useRefState","counterRef","useRef","files","setFiles","useState","overed","setOvered","dataTypes","getFiles","event","list","checkDataTypes","types","type","dataType","checkValidity","items","item","dataTypesValid","multipleFilesValid","useEffect","element","onEvent","currentFiles"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),s=e=>{const r=t.useRef(e);return r.current=e,t.useCallback((...n)=>{const u=r.current;return u(...n)},[])};exports.useEvent=s;
|
|
2
2
|
//# sourceMappingURL=useEvent.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),R=require("../useRefState/useRefState.cjs"),o=require("../../utils/helpers/isTarget.cjs"),E=((...e)=>{const t=o.isTarget(e[0])?e[0]:void 0,r=t?e[1]:e[0],
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),R=require("../useRefState/useRefState.cjs"),o=require("../../utils/helpers/isTarget.cjs"),E=((...e)=>{const t=o.isTarget(e[0])?e[0]:void 0,r=t?e[1]:e[0],u=t?e[2]:e[1],n=t?e[3]:e[2],c=n?.enabled??!0,s=R.useRefState(),l=i.useRef(u);l.current=u;const d=i.useRef(n);if(d.current=n,i.useEffect(()=>{if(!c)return;const f=(t?o.isTarget.getElement(t):s.current)??window,g=v=>l.current(v);return f.addEventListener(r,g,n),()=>{f.removeEventListener(r,g,n)}},[t&&o.isTarget.getRawElement(t),s.state,r,c]),!t)return s});exports.useEventListener=E;
|
|
2
2
|
//# sourceMappingURL=useEventListener.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),v=require("../../utils/helpers/getRetry.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),v=require("../../utils/helpers/getRetry.cjs"),w=(R,y=[],e={})=>{const[m,s]=n.useState(!1),[D,f]=n.useState(!1),[h,d]=n.useState(!1),u=n.useRef(e?.retry?v.getRetry(e.retry):0),[C,i]=n.useState(void 0),[q,E]=n.useState(e?.placeholderData),c=n.useRef(void 0),S=e.immediately??!0,g=n.useRef(r=>E(r.data)),l=()=>{c.current&&(f(!1),s(!1),d(!1),y.forEach(r=>c.current.removeEventListener(r,g.current)),c.current.close(),c.current=void 0)},a=()=>{l();const r=new EventSource(R,{withCredentials:e.withCredentials??!1});c.current=r,s(!0),r.onopen=()=>{f(!0),s(!1),i(void 0),e?.onOpen?.()},r.onerror=t=>{if(f(!1),s(!1),d(!0),i(t),e?.onError?.(t),u.current>0){u.current-=1;const o=typeof e?.retryDelay=="function"?e?.retryDelay(u.current,t):e?.retryDelay;if(o){setTimeout(a,o);return}return a()}u.current=e?.retry?v.getRetry(e.retry):0},r.onmessage=t=>{const o=e?.select?e?.select(t.data):t.data;E(o),e?.onMessage?.(t)},y.forEach(t=>r.addEventListener(t,g.current))};return n.useEffect(()=>{if(S)return a(),()=>{l()}},[S]),{instance:c.current,data:q,error:C,isConnecting:m,opened:D,isError:h,close:l,open:a}};exports.useEventSource=w;
|
|
2
2
|
//# sourceMappingURL=useEventSource.cjs.map
|