@mantine/hooks 7.0.0-alpha.7 → 7.0.0-alpha.9
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/cjs/use-callback-ref/use-callback-ref.js +5 -9
- package/cjs/use-callback-ref/use-callback-ref.js.map +1 -1
- package/cjs/use-click-outside/use-click-outside.js +21 -20
- package/cjs/use-click-outside/use-click-outside.js.map +1 -1
- package/cjs/use-clipboard/use-clipboard.js +26 -23
- package/cjs/use-clipboard/use-clipboard.js.map +1 -1
- package/cjs/use-color-scheme/use-color-scheme.js +3 -2
- package/cjs/use-color-scheme/use-color-scheme.js.map +1 -1
- package/cjs/use-counter/use-counter.js +9 -26
- package/cjs/use-counter/use-counter.js.map +1 -1
- package/cjs/use-debounced-callback/use-debounced-callback.js +7 -8
- package/cjs/use-debounced-callback/use-debounced-callback.js.map +1 -1
- package/cjs/use-debounced-state/use-debounced-state.js +19 -19
- package/cjs/use-debounced-state/use-debounced-state.js.map +1 -1
- package/cjs/use-debounced-value/use-debounced-value.js +25 -25
- package/cjs/use-debounced-value/use-debounced-value.js.map +1 -1
- package/cjs/use-did-update/use-did-update.js +11 -12
- package/cjs/use-did-update/use-did-update.js.map +1 -1
- package/cjs/use-disclosure/use-disclosure.js +24 -25
- package/cjs/use-disclosure/use-disclosure.js.map +1 -1
- package/cjs/use-document-title/use-document-title.js +5 -6
- package/cjs/use-document-title/use-document-title.js.map +1 -1
- package/cjs/use-document-visibility/use-document-visibility.js +7 -8
- package/cjs/use-document-visibility/use-document-visibility.js.map +1 -1
- package/cjs/use-event-listener/use-event-listener.js +9 -13
- package/cjs/use-event-listener/use-event-listener.js.map +1 -1
- package/cjs/use-eye-dropper/use-eye-dropper.js +12 -13
- package/cjs/use-eye-dropper/use-eye-dropper.js.map +1 -1
- package/cjs/use-favicon/use-favicon.js +23 -22
- package/cjs/use-favicon/use-favicon.js.map +1 -1
- package/cjs/use-focus-return/use-focus-return.js +29 -26
- package/cjs/use-focus-return/use-focus-return.js.map +1 -1
- package/cjs/use-focus-trap/create-aria-hider.js +36 -35
- package/cjs/use-focus-trap/create-aria-hider.js.map +1 -1
- package/cjs/use-focus-trap/scope-tab.js +15 -16
- package/cjs/use-focus-trap/scope-tab.js.map +1 -1
- package/cjs/use-focus-trap/tabbable.js +36 -32
- package/cjs/use-focus-trap/tabbable.js.map +1 -1
- package/cjs/use-focus-trap/use-focus-trap.js +67 -62
- package/cjs/use-focus-trap/use-focus-trap.js.map +1 -1
- package/cjs/use-focus-within/use-focus-within.js +37 -41
- package/cjs/use-focus-within/use-focus-within.js.map +1 -1
- package/cjs/use-force-update/use-force-update.js +3 -4
- package/cjs/use-force-update/use-force-update.js.map +1 -1
- package/cjs/use-fullscreen/use-fullscreen.js +83 -72
- package/cjs/use-fullscreen/use-fullscreen.js.map +1 -1
- package/cjs/use-hash/use-hash.js +16 -17
- package/cjs/use-hash/use-hash.js.map +1 -1
- package/cjs/use-headroom/use-headroom.js +23 -24
- package/cjs/use-headroom/use-headroom.js.map +1 -1
- package/cjs/use-hotkeys/parse-hotkey.js +49 -65
- package/cjs/use-hotkeys/parse-hotkey.js.map +1 -1
- package/cjs/use-hotkeys/use-hotkeys.js +22 -22
- package/cjs/use-hotkeys/use-hotkeys.js.map +1 -1
- package/cjs/use-hover/use-hover.js +17 -18
- package/cjs/use-hover/use-hover.js.map +1 -1
- package/cjs/use-id/use-id.js +12 -13
- package/cjs/use-id/use-id.js.map +1 -1
- package/cjs/use-id/use-react-id.js +3 -4
- package/cjs/use-id/use-react-id.js.map +1 -1
- package/cjs/use-idle/use-idle.js +26 -43
- package/cjs/use-idle/use-idle.js.map +1 -1
- package/cjs/use-input-state/use-input-state.js +22 -19
- package/cjs/use-input-state/use-input-state.js.map +1 -1
- package/cjs/use-intersection/use-intersection.js +17 -18
- package/cjs/use-intersection/use-intersection.js.map +1 -1
- package/cjs/use-interval/use-interval.js +28 -28
- package/cjs/use-interval/use-interval.js.map +1 -1
- package/cjs/use-isomorphic-effect/use-isomorphic-effect.js +3 -2
- package/cjs/use-isomorphic-effect/use-isomorphic-effect.js.map +1 -1
- package/cjs/use-list-state/use-list-state.js +55 -75
- package/cjs/use-list-state/use-list-state.js.map +1 -1
- package/cjs/use-local-storage/create-storage.js +70 -71
- package/cjs/use-local-storage/create-storage.js.map +1 -1
- package/cjs/use-local-storage/use-local-storage.js +1 -2
- package/cjs/use-local-storage/use-local-storage.js.map +1 -1
- package/cjs/use-logger/use-logger.js +9 -9
- package/cjs/use-logger/use-logger.js.map +1 -1
- package/cjs/use-media-query/use-media-query.js +31 -27
- package/cjs/use-media-query/use-media-query.js.map +1 -1
- package/cjs/use-merged-ref/use-merged-ref.js +11 -10
- package/cjs/use-merged-ref/use-merged-ref.js.map +1 -1
- package/cjs/use-mouse/use-mouse.js +25 -41
- package/cjs/use-mouse/use-mouse.js.map +1 -1
- package/cjs/use-move/use-move.js +88 -88
- package/cjs/use-move/use-move.js.map +1 -1
- package/cjs/use-network/use-network.js +32 -49
- package/cjs/use-network/use-network.js.map +1 -1
- package/cjs/use-os/use-os.js +30 -31
- package/cjs/use-os/use-os.js.map +1 -1
- package/cjs/use-page-leave/use-page-leave.js +4 -5
- package/cjs/use-page-leave/use-page-leave.js.map +1 -1
- package/cjs/use-pagination/use-pagination.js +58 -64
- package/cjs/use-pagination/use-pagination.js.map +1 -1
- package/cjs/use-previous/use-previous.js +5 -6
- package/cjs/use-previous/use-previous.js.map +1 -1
- package/cjs/use-queue/use-queue.js +24 -25
- package/cjs/use-queue/use-queue.js.map +1 -1
- package/cjs/use-reduced-motion/use-reduced-motion.js +1 -2
- package/cjs/use-reduced-motion/use-reduced-motion.js.map +1 -1
- package/cjs/use-resize-observer/use-resize-observer.js +36 -35
- package/cjs/use-resize-observer/use-resize-observer.js.map +1 -1
- package/cjs/use-scroll-into-view/use-scroll-into-view.js +77 -78
- package/cjs/use-scroll-into-view/use-scroll-into-view.js.map +1 -1
- package/cjs/use-scroll-into-view/utils/ease-in-out-quad.js +1 -2
- package/cjs/use-scroll-into-view/utils/ease-in-out-quad.js.map +1 -1
- package/cjs/use-scroll-into-view/utils/get-relative-position.js +46 -54
- package/cjs/use-scroll-into-view/utils/get-relative-position.js.map +1 -1
- package/cjs/use-scroll-into-view/utils/get-scroll-start.js +10 -10
- package/cjs/use-scroll-into-view/utils/get-scroll-start.js.map +1 -1
- package/cjs/use-scroll-into-view/utils/set-scroll-param.js +14 -12
- package/cjs/use-scroll-into-view/utils/set-scroll-param.js.map +1 -1
- package/cjs/use-session-storage/use-session-storage.js +1 -2
- package/cjs/use-session-storage/use-session-storage.js.map +1 -1
- package/cjs/use-set-state/use-set-state.js +3 -20
- package/cjs/use-set-state/use-set-state.js.map +1 -1
- package/cjs/use-shallow-effect/use-shallow-effect.js +22 -23
- package/cjs/use-shallow-effect/use-shallow-effect.js.map +1 -1
- package/cjs/use-text-selection/use-text-selection.js +12 -13
- package/cjs/use-text-selection/use-text-selection.js.map +1 -1
- package/cjs/use-timeout/use-timeout.js +22 -23
- package/cjs/use-timeout/use-timeout.js.map +1 -1
- package/cjs/use-toggle/use-toggle.js +6 -7
- package/cjs/use-toggle/use-toggle.js.map +1 -1
- package/cjs/use-uncontrolled/use-uncontrolled.js +10 -17
- package/cjs/use-uncontrolled/use-uncontrolled.js.map +1 -1
- package/cjs/use-validated-state/use-validated-state.js +14 -14
- package/cjs/use-validated-state/use-validated-state.js.map +1 -1
- package/cjs/use-viewport-size/use-viewport-size.js +12 -13
- package/cjs/use-viewport-size/use-viewport-size.js.map +1 -1
- package/cjs/use-window-event/use-window-event.js +4 -5
- package/cjs/use-window-event/use-window-event.js.map +1 -1
- package/cjs/use-window-scroll/use-window-scroll.js +19 -18
- package/cjs/use-window-scroll/use-window-scroll.js.map +1 -1
- package/cjs/utils/clamp/clamp.js +1 -2
- package/cjs/utils/clamp/clamp.js.map +1 -1
- package/cjs/utils/lower-first/lower-first.js +1 -2
- package/cjs/utils/lower-first/lower-first.js.map +1 -1
- package/cjs/utils/random-id/random-id.js +1 -2
- package/cjs/utils/random-id/random-id.js.map +1 -1
- package/cjs/utils/range/range.js +2 -3
- package/cjs/utils/range/range.js.map +1 -1
- package/cjs/utils/shallow-equal/shallow-equal.js +19 -20
- package/cjs/utils/shallow-equal/shallow-equal.js.map +1 -1
- package/cjs/utils/upper-first/upper-first.js +1 -2
- package/cjs/utils/upper-first/upper-first.js.map +1 -1
- package/esm/use-callback-ref/use-callback-ref.js +5 -9
- package/esm/use-callback-ref/use-callback-ref.js.map +1 -1
- package/esm/use-click-outside/use-click-outside.js +21 -20
- package/esm/use-click-outside/use-click-outside.js.map +1 -1
- package/esm/use-clipboard/use-clipboard.js +26 -23
- package/esm/use-clipboard/use-clipboard.js.map +1 -1
- package/esm/use-color-scheme/use-color-scheme.js +3 -2
- package/esm/use-color-scheme/use-color-scheme.js.map +1 -1
- package/esm/use-counter/use-counter.js +9 -26
- package/esm/use-counter/use-counter.js.map +1 -1
- package/esm/use-debounced-callback/use-debounced-callback.js +7 -8
- package/esm/use-debounced-callback/use-debounced-callback.js.map +1 -1
- package/esm/use-debounced-state/use-debounced-state.js +19 -19
- package/esm/use-debounced-state/use-debounced-state.js.map +1 -1
- package/esm/use-debounced-value/use-debounced-value.js +25 -25
- package/esm/use-debounced-value/use-debounced-value.js.map +1 -1
- package/esm/use-did-update/use-did-update.js +11 -12
- package/esm/use-did-update/use-did-update.js.map +1 -1
- package/esm/use-disclosure/use-disclosure.js +24 -25
- package/esm/use-disclosure/use-disclosure.js.map +1 -1
- package/esm/use-document-title/use-document-title.js +5 -6
- package/esm/use-document-title/use-document-title.js.map +1 -1
- package/esm/use-document-visibility/use-document-visibility.js +7 -8
- package/esm/use-document-visibility/use-document-visibility.js.map +1 -1
- package/esm/use-event-listener/use-event-listener.js +9 -13
- package/esm/use-event-listener/use-event-listener.js.map +1 -1
- package/esm/use-eye-dropper/use-eye-dropper.js +12 -13
- package/esm/use-eye-dropper/use-eye-dropper.js.map +1 -1
- package/esm/use-favicon/use-favicon.js +23 -22
- package/esm/use-favicon/use-favicon.js.map +1 -1
- package/esm/use-focus-return/use-focus-return.js +29 -26
- package/esm/use-focus-return/use-focus-return.js.map +1 -1
- package/esm/use-focus-trap/create-aria-hider.js +36 -35
- package/esm/use-focus-trap/create-aria-hider.js.map +1 -1
- package/esm/use-focus-trap/scope-tab.js +15 -16
- package/esm/use-focus-trap/scope-tab.js.map +1 -1
- package/esm/use-focus-trap/tabbable.js +36 -32
- package/esm/use-focus-trap/tabbable.js.map +1 -1
- package/esm/use-focus-trap/use-focus-trap.js +67 -62
- package/esm/use-focus-trap/use-focus-trap.js.map +1 -1
- package/esm/use-focus-within/use-focus-within.js +37 -41
- package/esm/use-focus-within/use-focus-within.js.map +1 -1
- package/esm/use-force-update/use-force-update.js +3 -4
- package/esm/use-force-update/use-force-update.js.map +1 -1
- package/esm/use-fullscreen/use-fullscreen.js +83 -72
- package/esm/use-fullscreen/use-fullscreen.js.map +1 -1
- package/esm/use-hash/use-hash.js +16 -17
- package/esm/use-hash/use-hash.js.map +1 -1
- package/esm/use-headroom/use-headroom.js +23 -24
- package/esm/use-headroom/use-headroom.js.map +1 -1
- package/esm/use-hotkeys/parse-hotkey.js +49 -65
- package/esm/use-hotkeys/parse-hotkey.js.map +1 -1
- package/esm/use-hotkeys/use-hotkeys.js +22 -22
- package/esm/use-hotkeys/use-hotkeys.js.map +1 -1
- package/esm/use-hover/use-hover.js +17 -18
- package/esm/use-hover/use-hover.js.map +1 -1
- package/esm/use-id/use-id.js +12 -13
- package/esm/use-id/use-id.js.map +1 -1
- package/esm/use-id/use-react-id.js +3 -4
- package/esm/use-id/use-react-id.js.map +1 -1
- package/esm/use-idle/use-idle.js +26 -43
- package/esm/use-idle/use-idle.js.map +1 -1
- package/esm/use-input-state/use-input-state.js +22 -19
- package/esm/use-input-state/use-input-state.js.map +1 -1
- package/esm/use-intersection/use-intersection.js +17 -18
- package/esm/use-intersection/use-intersection.js.map +1 -1
- package/esm/use-interval/use-interval.js +28 -28
- package/esm/use-interval/use-interval.js.map +1 -1
- package/esm/use-isomorphic-effect/use-isomorphic-effect.js +3 -2
- package/esm/use-isomorphic-effect/use-isomorphic-effect.js.map +1 -1
- package/esm/use-list-state/use-list-state.js +55 -75
- package/esm/use-list-state/use-list-state.js.map +1 -1
- package/esm/use-local-storage/create-storage.js +70 -71
- package/esm/use-local-storage/create-storage.js.map +1 -1
- package/esm/use-local-storage/use-local-storage.js +1 -2
- package/esm/use-local-storage/use-local-storage.js.map +1 -1
- package/esm/use-logger/use-logger.js +9 -9
- package/esm/use-logger/use-logger.js.map +1 -1
- package/esm/use-media-query/use-media-query.js +31 -27
- package/esm/use-media-query/use-media-query.js.map +1 -1
- package/esm/use-merged-ref/use-merged-ref.js +11 -10
- package/esm/use-merged-ref/use-merged-ref.js.map +1 -1
- package/esm/use-mouse/use-mouse.js +25 -41
- package/esm/use-mouse/use-mouse.js.map +1 -1
- package/esm/use-move/use-move.js +88 -88
- package/esm/use-move/use-move.js.map +1 -1
- package/esm/use-network/use-network.js +32 -49
- package/esm/use-network/use-network.js.map +1 -1
- package/esm/use-os/use-os.js +30 -31
- package/esm/use-os/use-os.js.map +1 -1
- package/esm/use-page-leave/use-page-leave.js +4 -5
- package/esm/use-page-leave/use-page-leave.js.map +1 -1
- package/esm/use-pagination/use-pagination.js +58 -64
- package/esm/use-pagination/use-pagination.js.map +1 -1
- package/esm/use-previous/use-previous.js +5 -6
- package/esm/use-previous/use-previous.js.map +1 -1
- package/esm/use-queue/use-queue.js +24 -25
- package/esm/use-queue/use-queue.js.map +1 -1
- package/esm/use-reduced-motion/use-reduced-motion.js +1 -2
- package/esm/use-reduced-motion/use-reduced-motion.js.map +1 -1
- package/esm/use-resize-observer/use-resize-observer.js +36 -35
- package/esm/use-resize-observer/use-resize-observer.js.map +1 -1
- package/esm/use-scroll-into-view/use-scroll-into-view.js +77 -78
- package/esm/use-scroll-into-view/use-scroll-into-view.js.map +1 -1
- package/esm/use-scroll-into-view/utils/ease-in-out-quad.js +1 -2
- package/esm/use-scroll-into-view/utils/ease-in-out-quad.js.map +1 -1
- package/esm/use-scroll-into-view/utils/get-relative-position.js +46 -54
- package/esm/use-scroll-into-view/utils/get-relative-position.js.map +1 -1
- package/esm/use-scroll-into-view/utils/get-scroll-start.js +10 -10
- package/esm/use-scroll-into-view/utils/get-scroll-start.js.map +1 -1
- package/esm/use-scroll-into-view/utils/set-scroll-param.js +14 -12
- package/esm/use-scroll-into-view/utils/set-scroll-param.js.map +1 -1
- package/esm/use-session-storage/use-session-storage.js +1 -2
- package/esm/use-session-storage/use-session-storage.js.map +1 -1
- package/esm/use-set-state/use-set-state.js +3 -20
- package/esm/use-set-state/use-set-state.js.map +1 -1
- package/esm/use-shallow-effect/use-shallow-effect.js +22 -23
- package/esm/use-shallow-effect/use-shallow-effect.js.map +1 -1
- package/esm/use-text-selection/use-text-selection.js +12 -13
- package/esm/use-text-selection/use-text-selection.js.map +1 -1
- package/esm/use-timeout/use-timeout.js +22 -23
- package/esm/use-timeout/use-timeout.js.map +1 -1
- package/esm/use-toggle/use-toggle.js +6 -7
- package/esm/use-toggle/use-toggle.js.map +1 -1
- package/esm/use-uncontrolled/use-uncontrolled.js +10 -17
- package/esm/use-uncontrolled/use-uncontrolled.js.map +1 -1
- package/esm/use-validated-state/use-validated-state.js +14 -14
- package/esm/use-validated-state/use-validated-state.js.map +1 -1
- package/esm/use-viewport-size/use-viewport-size.js +12 -13
- package/esm/use-viewport-size/use-viewport-size.js.map +1 -1
- package/esm/use-window-event/use-window-event.js +4 -5
- package/esm/use-window-event/use-window-event.js.map +1 -1
- package/esm/use-window-scroll/use-window-scroll.js +19 -18
- package/esm/use-window-scroll/use-window-scroll.js.map +1 -1
- package/esm/utils/clamp/clamp.js +1 -2
- package/esm/utils/clamp/clamp.js.map +1 -1
- package/esm/utils/lower-first/lower-first.js +1 -2
- package/esm/utils/lower-first/lower-first.js.map +1 -1
- package/esm/utils/random-id/random-id.js +1 -2
- package/esm/utils/random-id/random-id.js.map +1 -1
- package/esm/utils/range/range.js +2 -3
- package/esm/utils/range/range.js.map +1 -1
- package/esm/utils/shallow-equal/shallow-equal.js +19 -20
- package/esm/utils/shallow-equal/shallow-equal.js.map +1 -1
- package/esm/utils/upper-first/upper-first.js +1 -2
- package/esm/utils/upper-first/upper-first.js.map +1 -1
- package/package.json +10 -5
- package/cjs/utils/assign-ref/assign-ref.js +0 -14
- package/cjs/utils/assign-ref/assign-ref.js.map +0 -1
- package/esm/utils/assign-ref/assign-ref.js +0 -10
- package/esm/utils/assign-ref/assign-ref.js.map +0 -1
- package/lib/index.d.ts.map +0 -1
- package/lib/use-click-outside/use-click-outside.d.ts.map +0 -1
- package/lib/use-clipboard/use-clipboard.d.ts.map +0 -1
- package/lib/use-color-scheme/use-color-scheme.d.ts.map +0 -1
- package/lib/use-counter/use-counter.d.ts.map +0 -1
- package/lib/use-debounced-state/use-debounced-state.d.ts.map +0 -1
- package/lib/use-debounced-value/use-debounced-value.d.ts.map +0 -1
- package/lib/use-did-update/use-did-update.d.ts.map +0 -1
- package/lib/use-disclosure/use-disclosure.d.ts.map +0 -1
- package/lib/use-document-title/use-document-title.d.ts.map +0 -1
- package/lib/use-document-visibility/use-document-visibility.d.ts.map +0 -1
- package/lib/use-event-listener/use-event-listener.d.ts.map +0 -1
- package/lib/use-eye-dropper/use-eye-dropper.d.ts.map +0 -1
- package/lib/use-favicon/use-favicon.d.ts.map +0 -1
- package/lib/use-focus-return/use-focus-return.d.ts.map +0 -1
- package/lib/use-focus-trap/create-aria-hider.d.ts.map +0 -1
- package/lib/use-focus-trap/scope-tab.d.ts.map +0 -1
- package/lib/use-focus-trap/tabbable.d.ts.map +0 -1
- package/lib/use-focus-trap/use-focus-trap.d.ts.map +0 -1
- package/lib/use-focus-within/use-focus-within.d.ts.map +0 -1
- package/lib/use-force-update/use-force-update.d.ts.map +0 -1
- package/lib/use-fullscreen/use-fullscreen.d.ts.map +0 -1
- package/lib/use-hash/use-hash.d.ts.map +0 -1
- package/lib/use-headroom/use-headroom.d.ts.map +0 -1
- package/lib/use-hotkeys/parse-hotkey.d.ts.map +0 -1
- package/lib/use-hotkeys/use-hotkeys.d.ts.map +0 -1
- package/lib/use-hover/use-hover.d.ts.map +0 -1
- package/lib/use-id/use-id.d.ts.map +0 -1
- package/lib/use-id/use-react-id.d.ts.map +0 -1
- package/lib/use-idle/use-idle.d.ts.map +0 -1
- package/lib/use-input-state/use-input-state.d.ts.map +0 -1
- package/lib/use-intersection/use-intersection.d.ts.map +0 -1
- package/lib/use-interval/use-interval.d.ts.map +0 -1
- package/lib/use-isomorphic-effect/use-isomorphic-effect.d.ts.map +0 -1
- package/lib/use-list-state/use-list-state.d.ts.map +0 -1
- package/lib/use-local-storage/create-storage.d.ts.map +0 -1
- package/lib/use-local-storage/use-local-storage.d.ts.map +0 -1
- package/lib/use-logger/use-logger.d.ts.map +0 -1
- package/lib/use-media-query/use-media-query.d.ts.map +0 -1
- package/lib/use-merged-ref/use-merged-ref.d.ts.map +0 -1
- package/lib/use-mouse/use-mouse.d.ts.map +0 -1
- package/lib/use-move/use-move.d.ts.map +0 -1
- package/lib/use-network/use-network.d.ts.map +0 -1
- package/lib/use-os/use-os.d.ts.map +0 -1
- package/lib/use-page-leave/use-page-leave.d.ts.map +0 -1
- package/lib/use-pagination/use-pagination.d.ts.map +0 -1
- package/lib/use-previous/use-previous.d.ts.map +0 -1
- package/lib/use-queue/use-queue.d.ts.map +0 -1
- package/lib/use-reduced-motion/use-reduced-motion.d.ts.map +0 -1
- package/lib/use-resize-observer/use-resize-observer.d.ts.map +0 -1
- package/lib/use-scroll-into-view/use-scroll-into-view.d.ts.map +0 -1
- package/lib/use-scroll-into-view/utils/ease-in-out-quad.d.ts.map +0 -1
- package/lib/use-scroll-into-view/utils/get-relative-position.d.ts.map +0 -1
- package/lib/use-scroll-into-view/utils/get-scroll-start.d.ts.map +0 -1
- package/lib/use-scroll-into-view/utils/set-scroll-param.d.ts.map +0 -1
- package/lib/use-session-storage/use-session-storage.d.ts.map +0 -1
- package/lib/use-set-state/use-set-state.d.ts.map +0 -1
- package/lib/use-shallow-effect/use-shallow-effect.d.ts.map +0 -1
- package/lib/use-text-selection/use-text-selection.d.ts.map +0 -1
- package/lib/use-timeout/use-timeout.d.ts.map +0 -1
- package/lib/use-toggle/use-toggle.d.ts.map +0 -1
- package/lib/use-uncontrolled/use-uncontrolled.d.ts.map +0 -1
- package/lib/use-validated-state/use-validated-state.d.ts.map +0 -1
- package/lib/use-viewport-size/use-viewport-size.d.ts.map +0 -1
- package/lib/use-window-event/use-window-event.d.ts.map +0 -1
- package/lib/use-window-scroll/use-window-scroll.d.ts.map +0 -1
- package/lib/utils/assign-ref/assign-ref.d.ts +0 -2
- package/lib/utils/assign-ref/assign-ref.d.ts.map +0 -1
- package/lib/utils/clamp/clamp.d.ts.map +0 -1
- package/lib/utils/index.d.ts.map +0 -1
- package/lib/utils/lower-first/lower-first.d.ts.map +0 -1
- package/lib/utils/random-id/random-id.d.ts.map +0 -1
- package/lib/utils/range/range.d.ts.map +0 -1
- package/lib/utils/shallow-equal/shallow-equal.d.ts.map +0 -1
- package/lib/utils/upper-first/upper-first.d.ts.map +0 -1
|
@@ -1,61 +1,53 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
target,
|
|
5
|
-
parent,
|
|
6
|
-
alignment,
|
|
7
|
-
offset,
|
|
8
|
-
isList
|
|
9
|
-
}) => {
|
|
10
|
-
if (!target || !parent && typeof document === "undefined") {
|
|
11
|
-
return 0;
|
|
12
|
-
}
|
|
13
|
-
const isCustomParent = !!parent;
|
|
14
|
-
const parentElement = parent || document.body;
|
|
15
|
-
const parentPosition = parentElement.getBoundingClientRect();
|
|
16
|
-
const targetPosition = target.getBoundingClientRect();
|
|
17
|
-
const getDiff = (property) => targetPosition[property] - parentPosition[property];
|
|
18
|
-
if (axis === "y") {
|
|
19
|
-
const diff = getDiff("top");
|
|
20
|
-
if (diff === 0)
|
|
21
|
-
return 0;
|
|
22
|
-
if (alignment === "start") {
|
|
23
|
-
const distance = diff - offset;
|
|
24
|
-
const shouldScroll = distance <= targetPosition.height * (isList ? 0 : 1) || !isList;
|
|
25
|
-
return shouldScroll ? distance : 0;
|
|
26
|
-
}
|
|
27
|
-
const parentHeight = isCustomParent ? parentPosition.height : window.innerHeight;
|
|
28
|
-
if (alignment === "end") {
|
|
29
|
-
const distance = diff + offset - parentHeight + targetPosition.height;
|
|
30
|
-
const shouldScroll = distance >= -targetPosition.height * (isList ? 0 : 1) || !isList;
|
|
31
|
-
return shouldScroll ? distance : 0;
|
|
32
|
-
}
|
|
33
|
-
if (alignment === "center") {
|
|
34
|
-
return diff - parentHeight / 2 + targetPosition.height / 2;
|
|
35
|
-
}
|
|
36
|
-
return 0;
|
|
37
|
-
}
|
|
38
|
-
if (axis === "x") {
|
|
39
|
-
const diff = getDiff("left");
|
|
40
|
-
if (diff === 0)
|
|
41
|
-
return 0;
|
|
42
|
-
if (alignment === "start") {
|
|
43
|
-
const distance = diff - offset;
|
|
44
|
-
const shouldScroll = distance <= targetPosition.width || !isList;
|
|
45
|
-
return shouldScroll ? distance : 0;
|
|
1
|
+
const getRelativePosition = ({ axis, target, parent, alignment, offset, isList, }) => {
|
|
2
|
+
if (!target || (!parent && typeof document === 'undefined')) {
|
|
3
|
+
return 0;
|
|
46
4
|
}
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
5
|
+
const isCustomParent = !!parent;
|
|
6
|
+
const parentElement = parent || document.body;
|
|
7
|
+
const parentPosition = parentElement.getBoundingClientRect();
|
|
8
|
+
const targetPosition = target.getBoundingClientRect();
|
|
9
|
+
const getDiff = (property) => targetPosition[property] - parentPosition[property];
|
|
10
|
+
if (axis === 'y') {
|
|
11
|
+
const diff = getDiff('top');
|
|
12
|
+
if (diff === 0)
|
|
13
|
+
return 0;
|
|
14
|
+
if (alignment === 'start') {
|
|
15
|
+
const distance = diff - offset;
|
|
16
|
+
const shouldScroll = distance <= targetPosition.height * (isList ? 0 : 1) || !isList;
|
|
17
|
+
return shouldScroll ? distance : 0;
|
|
18
|
+
}
|
|
19
|
+
const parentHeight = isCustomParent ? parentPosition.height : window.innerHeight;
|
|
20
|
+
if (alignment === 'end') {
|
|
21
|
+
const distance = diff + offset - parentHeight + targetPosition.height;
|
|
22
|
+
const shouldScroll = distance >= -targetPosition.height * (isList ? 0 : 1) || !isList;
|
|
23
|
+
return shouldScroll ? distance : 0;
|
|
24
|
+
}
|
|
25
|
+
if (alignment === 'center') {
|
|
26
|
+
return diff - parentHeight / 2 + targetPosition.height / 2;
|
|
27
|
+
}
|
|
28
|
+
return 0;
|
|
52
29
|
}
|
|
53
|
-
if (
|
|
54
|
-
|
|
30
|
+
if (axis === 'x') {
|
|
31
|
+
const diff = getDiff('left');
|
|
32
|
+
if (diff === 0)
|
|
33
|
+
return 0;
|
|
34
|
+
if (alignment === 'start') {
|
|
35
|
+
const distance = diff - offset;
|
|
36
|
+
const shouldScroll = distance <= targetPosition.width || !isList;
|
|
37
|
+
return shouldScroll ? distance : 0;
|
|
38
|
+
}
|
|
39
|
+
const parentWidth = isCustomParent ? parentPosition.width : window.innerWidth;
|
|
40
|
+
if (alignment === 'end') {
|
|
41
|
+
const distance = diff + offset - parentWidth + targetPosition.width;
|
|
42
|
+
const shouldScroll = distance >= -targetPosition.width || !isList;
|
|
43
|
+
return shouldScroll ? distance : 0;
|
|
44
|
+
}
|
|
45
|
+
if (alignment === 'center') {
|
|
46
|
+
return diff - parentWidth / 2 + targetPosition.width / 2;
|
|
47
|
+
}
|
|
48
|
+
return 0;
|
|
55
49
|
}
|
|
56
50
|
return 0;
|
|
57
|
-
}
|
|
58
|
-
return 0;
|
|
59
51
|
};
|
|
60
52
|
|
|
61
53
|
export { getRelativePosition };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-relative-position.js","sources":["../../../src/use-scroll-into-view/utils/get-relative-position.ts"],"sourcesContent":["export const getRelativePosition = ({\n axis,\n target,\n parent,\n alignment,\n offset,\n isList,\n}: any): number => {\n if (!target || (!parent && typeof document === 'undefined')) {\n return 0;\n }\n const isCustomParent = !!parent;\n const parentElement = parent || document.body;\n const parentPosition = parentElement.getBoundingClientRect();\n const targetPosition = target.getBoundingClientRect();\n\n const getDiff = (property: 'top' | 'left'): number =>\n targetPosition[property] - parentPosition[property];\n\n if (axis === 'y') {\n const diff = getDiff('top');\n\n if (diff === 0) return 0;\n\n if (alignment === 'start') {\n const distance = diff - offset;\n const shouldScroll = distance <= targetPosition.height * (isList ? 0 : 1) || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n const parentHeight = isCustomParent ? parentPosition.height : window.innerHeight;\n\n if (alignment === 'end') {\n const distance = diff + offset - parentHeight + targetPosition.height;\n const shouldScroll = distance >= -targetPosition.height * (isList ? 0 : 1) || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n if (alignment === 'center') {\n return diff - parentHeight / 2 + targetPosition.height / 2;\n }\n\n return 0;\n }\n\n if (axis === 'x') {\n const diff = getDiff('left');\n\n if (diff === 0) return 0;\n\n if (alignment === 'start') {\n const distance = diff - offset;\n const shouldScroll = distance <= targetPosition.width || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n const parentWidth = isCustomParent ? parentPosition.width : window.innerWidth;\n\n if (alignment === 'end') {\n const distance = diff + offset - parentWidth + targetPosition.width;\n const shouldScroll = distance >= -targetPosition.width || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n if (alignment === 'center') {\n return diff - parentWidth / 2 + targetPosition.width / 2;\n }\n\n return 0;\n }\n\n return 0;\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"get-relative-position.js","sources":["../../../src/use-scroll-into-view/utils/get-relative-position.ts"],"sourcesContent":["export const getRelativePosition = ({\n axis,\n target,\n parent,\n alignment,\n offset,\n isList,\n}: any): number => {\n if (!target || (!parent && typeof document === 'undefined')) {\n return 0;\n }\n const isCustomParent = !!parent;\n const parentElement = parent || document.body;\n const parentPosition = parentElement.getBoundingClientRect();\n const targetPosition = target.getBoundingClientRect();\n\n const getDiff = (property: 'top' | 'left'): number =>\n targetPosition[property] - parentPosition[property];\n\n if (axis === 'y') {\n const diff = getDiff('top');\n\n if (diff === 0) return 0;\n\n if (alignment === 'start') {\n const distance = diff - offset;\n const shouldScroll = distance <= targetPosition.height * (isList ? 0 : 1) || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n const parentHeight = isCustomParent ? parentPosition.height : window.innerHeight;\n\n if (alignment === 'end') {\n const distance = diff + offset - parentHeight + targetPosition.height;\n const shouldScroll = distance >= -targetPosition.height * (isList ? 0 : 1) || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n if (alignment === 'center') {\n return diff - parentHeight / 2 + targetPosition.height / 2;\n }\n\n return 0;\n }\n\n if (axis === 'x') {\n const diff = getDiff('left');\n\n if (diff === 0) return 0;\n\n if (alignment === 'start') {\n const distance = diff - offset;\n const shouldScroll = distance <= targetPosition.width || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n const parentWidth = isCustomParent ? parentPosition.width : window.innerWidth;\n\n if (alignment === 'end') {\n const distance = diff + offset - parentWidth + targetPosition.width;\n const shouldScroll = distance >= -targetPosition.width || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n if (alignment === 'center') {\n return diff - parentWidth / 2 + targetPosition.width / 2;\n }\n\n return 0;\n }\n\n return 0;\n};\n"],"names":[],"mappings":"MAAa,mBAAmB,GAAG,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,MAAM,EACN,SAAS,EACT,MAAM,EACN,MAAM,GACF;IACJ,IAAI,CAAC,MAAM,KAAK,CAAC,MAAM,IAAI,OAAO,QAAQ,KAAK,WAAW,CAAC,EAAE;QAC3D,OAAO,CAAC,CAAC;KACV;IACD,MAAM,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC;IAChC,MAAM,aAAa,GAAG,MAAM,IAAI,QAAQ,CAAC,IAAI,CAAC;IAC9C,MAAM,cAAc,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;IAC7D,MAAM,cAAc,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAEtD,MAAM,OAAO,GAAG,CAAC,QAAwB,KACvC,cAAc,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEtD,IAAI,IAAI,KAAK,GAAG,EAAE;QAChB,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,IAAI,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QAEzB,IAAI,SAAS,KAAK,OAAO,EAAE;YACzB,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC;YAC/B,MAAM,YAAY,GAAG,QAAQ,IAAI,cAAc,CAAC,MAAM,IAAI,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;YAErF,OAAO,YAAY,GAAG,QAAQ,GAAG,CAAC,CAAC;SACpC;QAED,MAAM,YAAY,GAAG,cAAc,GAAG,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;QAEjF,IAAI,SAAS,KAAK,KAAK,EAAE;YACvB,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,YAAY,GAAG,cAAc,CAAC,MAAM,CAAC;YACtE,MAAM,YAAY,GAAG,QAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;YAEtF,OAAO,YAAY,GAAG,QAAQ,GAAG,CAAC,CAAC;SACpC;QAED,IAAI,SAAS,KAAK,QAAQ,EAAE;YAC1B,OAAO,IAAI,GAAG,YAAY,GAAG,CAAC,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;SAC5D;QAED,OAAO,CAAC,CAAC;KACV;IAED,IAAI,IAAI,KAAK,GAAG,EAAE;QAChB,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;QAE7B,IAAI,IAAI,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QAEzB,IAAI,SAAS,KAAK,OAAO,EAAE;YACzB,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC;YAC/B,MAAM,YAAY,GAAG,QAAQ,IAAI,cAAc,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC;YAEjE,OAAO,YAAY,GAAG,QAAQ,GAAG,CAAC,CAAC;SACpC;QAED,MAAM,WAAW,GAAG,cAAc,GAAG,cAAc,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;QAE9E,IAAI,SAAS,KAAK,KAAK,EAAE;YACvB,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC;YACpE,MAAM,YAAY,GAAG,QAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC;YAElE,OAAO,YAAY,GAAG,QAAQ,GAAG,CAAC,CAAC;SACpC;QAED,IAAI,SAAS,KAAK,QAAQ,EAAE;YAC1B,OAAO,IAAI,GAAG,WAAW,GAAG,CAAC,GAAG,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC;SAC1D;QAED,OAAO,CAAC,CAAC;KACV;IAED,OAAO,CAAC,CAAC;AACX;;;;"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
const getScrollStart = ({ axis, parent }) => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
2
|
+
if (!parent && typeof document === 'undefined') {
|
|
3
|
+
return 0;
|
|
4
|
+
}
|
|
5
|
+
const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';
|
|
6
|
+
if (parent) {
|
|
7
|
+
return parent[method];
|
|
8
|
+
}
|
|
9
|
+
const { body, documentElement } = document;
|
|
10
|
+
// while one of it has a value the second is equal 0
|
|
11
|
+
return body[method] + documentElement[method];
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
export { getScrollStart };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-scroll-start.js","sources":["../../../src/use-scroll-into-view/utils/get-scroll-start.ts"],"sourcesContent":["export const getScrollStart = ({ axis, parent }: any) => {\n if (!parent && typeof document === 'undefined') {\n return 0;\n }\n\n const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';\n\n if (parent) {\n return parent[method];\n }\n\n const { body, documentElement } = document;\n\n // while one of it has a value the second is equal 0\n return body[method] + documentElement[method];\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"get-scroll-start.js","sources":["../../../src/use-scroll-into-view/utils/get-scroll-start.ts"],"sourcesContent":["export const getScrollStart = ({ axis, parent }: any) => {\n if (!parent && typeof document === 'undefined') {\n return 0;\n }\n\n const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';\n\n if (parent) {\n return parent[method];\n }\n\n const { body, documentElement } = document;\n\n // while one of it has a value the second is equal 0\n return body[method] + documentElement[method];\n};\n"],"names":[],"mappings":"MAAa,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAO;IAClD,IAAI,CAAC,MAAM,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QAC9C,OAAO,CAAC,CAAC;KACV;IAED,MAAM,MAAM,GAAG,IAAI,KAAK,GAAG,GAAG,WAAW,GAAG,YAAY,CAAC;IAEzD,IAAI,MAAM,EAAE;QACV,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;KACvB;IAED,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;;IAG3C,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;AAChD;;;;"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
const setScrollParam = ({ axis, parent, distance }) => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
if (!parent && typeof document === 'undefined') {
|
|
3
|
+
return;
|
|
4
|
+
}
|
|
5
|
+
const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';
|
|
6
|
+
if (parent) {
|
|
7
|
+
// eslint-disable-next-line no-param-reassign
|
|
8
|
+
parent[method] = distance;
|
|
9
|
+
}
|
|
10
|
+
else {
|
|
11
|
+
const { body, documentElement } = document;
|
|
12
|
+
// https://www.w3schools.com/jsref/prop_element_scrolltop.asp
|
|
13
|
+
body[method] = distance;
|
|
14
|
+
documentElement[method] = distance;
|
|
15
|
+
}
|
|
14
16
|
};
|
|
15
17
|
|
|
16
18
|
export { setScrollParam };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"set-scroll-param.js","sources":["../../../src/use-scroll-into-view/utils/set-scroll-param.ts"],"sourcesContent":["export const setScrollParam = ({ axis, parent, distance }: any) => {\n if (!parent && typeof document === 'undefined') {\n return;\n }\n\n const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';\n\n if (parent) {\n // eslint-disable-next-line no-param-reassign\n parent[method] = distance;\n } else {\n const { body, documentElement } = document;\n\n // https://www.w3schools.com/jsref/prop_element_scrolltop.asp\n body[method] = distance;\n documentElement[method] = distance;\n }\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"set-scroll-param.js","sources":["../../../src/use-scroll-into-view/utils/set-scroll-param.ts"],"sourcesContent":["export const setScrollParam = ({ axis, parent, distance }: any) => {\n if (!parent && typeof document === 'undefined') {\n return;\n }\n\n const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';\n\n if (parent) {\n // eslint-disable-next-line no-param-reassign\n parent[method] = distance;\n } else {\n const { body, documentElement } = document;\n\n // https://www.w3schools.com/jsref/prop_element_scrolltop.asp\n body[method] = distance;\n documentElement[method] = distance;\n }\n};\n"],"names":[],"mappings":"MAAa,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAO;IAC5D,IAAI,CAAC,MAAM,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QAC9C,OAAO;KACR;IAED,MAAM,MAAM,GAAG,IAAI,KAAK,GAAG,GAAG,WAAW,GAAG,YAAY,CAAC;IAEzD,IAAI,MAAM,EAAE;;QAEV,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;KAC3B;SAAM;QACL,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;;QAG3C,IAAI,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;QACxB,eAAe,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;KACpC;AACH;;;;"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { createStorage } from '../use-local-storage/create-storage.js';
|
|
3
2
|
|
|
4
3
|
function useSessionStorage(props) {
|
|
5
|
-
|
|
4
|
+
return createStorage('sessionStorage', 'use-session-storage')(props);
|
|
6
5
|
}
|
|
7
6
|
|
|
8
7
|
export { useSessionStorage };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-session-storage.js","sources":["../../src/use-session-storage/use-session-storage.ts"],"sourcesContent":["import { createStorage, IStorageProperties } from '../use-local-storage/create-storage';\n\nexport function useSessionStorage<T = string>(props: IStorageProperties<T>) {\n return createStorage<T>('sessionStorage', 'use-session-storage')(props);\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-session-storage.js","sources":["../../src/use-session-storage/use-session-storage.ts"],"sourcesContent":["import { createStorage, IStorageProperties } from '../use-local-storage/create-storage';\n\nexport function useSessionStorage<T = string>(props: IStorageProperties<T>) {\n return createStorage<T>('sessionStorage', 'use-session-storage')(props);\n}\n"],"names":[],"mappings":";;SAEgB,iBAAiB,CAAa,KAA4B;IACxE,OAAO,aAAa,CAAI,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,KAAK,CAAC,CAAC;AAC1E;;;;"}
|
|
@@ -1,26 +1,9 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { useState, useCallback } from 'react';
|
|
3
2
|
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
3
|
function useSetState(initialState) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
4
|
+
const [state, _setState] = useState(initialState);
|
|
5
|
+
const setState = useCallback((statePartial) => _setState((current) => (Object.assign(Object.assign({}, current), (typeof statePartial === 'function' ? statePartial(current) : statePartial)))), []);
|
|
6
|
+
return [state, setState];
|
|
24
7
|
}
|
|
25
8
|
|
|
26
9
|
export { useSetState };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-set-state.js","sources":["../../src/use-set-state/use-set-state.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport function useSetState<T extends Record<string, any>>(initialState: T) {\n const [state, _setState] = useState(initialState);\n const setState = useCallback(\n (statePartial: Partial<T> | ((currentState: T) => Partial<T>)) =>\n _setState((current) => ({\n ...current,\n ...(typeof statePartial === 'function' ? statePartial(current) : statePartial),\n })),\n []\n );\n return [state, setState] as const;\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-set-state.js","sources":["../../src/use-set-state/use-set-state.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport function useSetState<T extends Record<string, any>>(initialState: T) {\n const [state, _setState] = useState(initialState);\n const setState = useCallback(\n (statePartial: Partial<T> | ((currentState: T) => Partial<T>)) =>\n _setState((current) => ({\n ...current,\n ...(typeof statePartial === 'function' ? statePartial(current) : statePartial),\n })),\n []\n );\n return [state, setState] as const;\n}\n"],"names":[],"mappings":";;SAEgB,WAAW,CAAgC,YAAe;IACxE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,YAA4D,KAC3D,SAAS,CAAC,CAAC,OAAO,sCACb,OAAO,IACN,OAAO,YAAY,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,YAAY,GAC7E,CAAC,EACL,EAAE,CACH,CAAC;IACF,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAU,CAAC;AACpC;;;;"}
|
|
@@ -1,35 +1,34 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { useEffect, useRef } from 'react';
|
|
3
2
|
import { shallowEqual } from '../utils/shallow-equal/shallow-equal.js';
|
|
4
3
|
|
|
5
4
|
function shallowCompare(prevValue, currValue) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
for (let i = 0; i < prevValue.length; i += 1) {
|
|
16
|
-
if (!shallowEqual(prevValue[i], currValue[i])) {
|
|
17
|
-
return false;
|
|
5
|
+
if (!prevValue || !currValue) {
|
|
6
|
+
return false;
|
|
7
|
+
}
|
|
8
|
+
if (prevValue === currValue) {
|
|
9
|
+
return true;
|
|
10
|
+
}
|
|
11
|
+
if (prevValue.length !== currValue.length) {
|
|
12
|
+
return false;
|
|
18
13
|
}
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
for (let i = 0; i < prevValue.length; i += 1) {
|
|
15
|
+
if (!shallowEqual(prevValue[i], currValue[i])) {
|
|
16
|
+
return false;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return true;
|
|
21
20
|
}
|
|
22
21
|
function useShallowCompare(dependencies) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
const ref = useRef([]);
|
|
23
|
+
const updateRef = useRef(0);
|
|
24
|
+
if (!shallowCompare(ref.current, dependencies)) {
|
|
25
|
+
ref.current = dependencies;
|
|
26
|
+
updateRef.current += 1;
|
|
27
|
+
}
|
|
28
|
+
return [updateRef.current];
|
|
30
29
|
}
|
|
31
30
|
function useShallowEffect(cb, dependencies) {
|
|
32
|
-
|
|
31
|
+
useEffect(cb, useShallowCompare(dependencies));
|
|
33
32
|
}
|
|
34
33
|
|
|
35
34
|
export { useShallowEffect };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-shallow-effect.js","sources":["../../src/use-shallow-effect/use-shallow-effect.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { shallowEqual } from '../utils/shallow-equal/shallow-equal';\n\nfunction shallowCompare(prevValue?: React.DependencyList | null, currValue?: React.DependencyList) {\n if (!prevValue || !currValue) {\n return false;\n }\n\n if (prevValue === currValue) {\n return true;\n }\n\n if (prevValue.length !== currValue.length) {\n return false;\n }\n\n for (let i = 0; i < prevValue.length; i += 1) {\n if (!shallowEqual(prevValue[i], currValue[i])) {\n return false;\n }\n }\n\n return true;\n}\n\nfunction useShallowCompare(dependencies?: React.DependencyList) {\n const ref = useRef<React.DependencyList | null | undefined>([]);\n const updateRef = useRef<number>(0);\n\n if (!shallowCompare(ref.current, dependencies)) {\n ref.current = dependencies;\n updateRef.current += 1;\n }\n\n return [updateRef.current];\n}\n\nexport function useShallowEffect(cb: () => void, dependencies?: React.DependencyList): void {\n useEffect(cb, useShallowCompare(dependencies));\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-shallow-effect.js","sources":["../../src/use-shallow-effect/use-shallow-effect.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { shallowEqual } from '../utils/shallow-equal/shallow-equal';\n\nfunction shallowCompare(prevValue?: React.DependencyList | null, currValue?: React.DependencyList) {\n if (!prevValue || !currValue) {\n return false;\n }\n\n if (prevValue === currValue) {\n return true;\n }\n\n if (prevValue.length !== currValue.length) {\n return false;\n }\n\n for (let i = 0; i < prevValue.length; i += 1) {\n if (!shallowEqual(prevValue[i], currValue[i])) {\n return false;\n }\n }\n\n return true;\n}\n\nfunction useShallowCompare(dependencies?: React.DependencyList) {\n const ref = useRef<React.DependencyList | null | undefined>([]);\n const updateRef = useRef<number>(0);\n\n if (!shallowCompare(ref.current, dependencies)) {\n ref.current = dependencies;\n updateRef.current += 1;\n }\n\n return [updateRef.current];\n}\n\nexport function useShallowEffect(cb: () => void, dependencies?: React.DependencyList): void {\n useEffect(cb, useShallowCompare(dependencies));\n}\n"],"names":[],"mappings":";;;AAGA,SAAS,cAAc,CAAC,SAAuC,EAAE,SAAgC;IAC/F,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE;QAC5B,OAAO,KAAK,CAAC;KACd;IAED,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,OAAO,IAAI,CAAC;KACb;IAED,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,EAAE;QACzC,OAAO,KAAK,CAAC;KACd;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;QAC5C,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE;YAC7C,OAAO,KAAK,CAAC;SACd;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,iBAAiB,CAAC,YAAmC;IAC5D,MAAM,GAAG,GAAG,MAAM,CAA0C,EAAE,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IAEpC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,EAAE;QAC9C,GAAG,CAAC,OAAO,GAAG,YAAY,CAAC;QAC3B,SAAS,CAAC,OAAO,IAAI,CAAC,CAAC;KACxB;IAED,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AAC7B,CAAC;SAEe,gBAAgB,CAAC,EAAc,EAAE,YAAmC;IAClF,SAAS,CAAC,EAAE,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC;AACjD;;;;"}
|
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { useState, useEffect } from 'react';
|
|
3
2
|
import { useForceUpdate } from '../use-force-update/use-force-update.js';
|
|
4
3
|
|
|
5
4
|
function useTextSelection() {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
5
|
+
const forceUpdate = useForceUpdate();
|
|
6
|
+
const [selection, setSelection] = useState(null);
|
|
7
|
+
const handleSelectionChange = () => {
|
|
8
|
+
setSelection(document.getSelection());
|
|
9
|
+
forceUpdate();
|
|
10
|
+
};
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
setSelection(document.getSelection());
|
|
13
|
+
document.addEventListener('selectionchange', handleSelectionChange);
|
|
14
|
+
return () => document.removeEventListener('selectionchange', handleSelectionChange);
|
|
15
|
+
}, []);
|
|
16
|
+
return selection;
|
|
18
17
|
}
|
|
19
18
|
|
|
20
19
|
export { useTextSelection };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-text-selection.js","sources":["../../src/use-text-selection/use-text-selection.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useForceUpdate } from '../use-force-update/use-force-update';\n\nexport function useTextSelection(): Selection | null {\n const forceUpdate = useForceUpdate();\n const [selection, setSelection] = useState<Selection | null>(null);\n\n const handleSelectionChange = () => {\n setSelection(document.getSelection());\n forceUpdate();\n };\n\n useEffect(() => {\n setSelection(document.getSelection());\n document.addEventListener('selectionchange', handleSelectionChange);\n return () => document.removeEventListener('selectionchange', handleSelectionChange);\n }, []);\n\n return selection;\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-text-selection.js","sources":["../../src/use-text-selection/use-text-selection.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useForceUpdate } from '../use-force-update/use-force-update';\n\nexport function useTextSelection(): Selection | null {\n const forceUpdate = useForceUpdate();\n const [selection, setSelection] = useState<Selection | null>(null);\n\n const handleSelectionChange = () => {\n setSelection(document.getSelection());\n forceUpdate();\n };\n\n useEffect(() => {\n setSelection(document.getSelection());\n document.addEventListener('selectionchange', handleSelectionChange);\n return () => document.removeEventListener('selectionchange', handleSelectionChange);\n }, []);\n\n return selection;\n}\n"],"names":[],"mappings":";;;SAGgB,gBAAgB;IAC9B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAEnE,MAAM,qBAAqB,GAAG;QAC5B,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;QACtC,WAAW,EAAE,CAAC;KACf,CAAC;IAEF,SAAS,CAAC;QACR,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;QACtC,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;QACpE,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;KACrF,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,SAAS,CAAC;AACnB;;;;"}
|
|
@@ -1,29 +1,28 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { useRef, useEffect } from 'react';
|
|
3
2
|
|
|
4
3
|
function useTimeout(callback, delay, options = { autoInvoke: false }) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
4
|
+
const timeoutRef = useRef(null);
|
|
5
|
+
const start = (...callbackParams) => {
|
|
6
|
+
if (!timeoutRef.current) {
|
|
7
|
+
timeoutRef.current = window.setTimeout(() => {
|
|
8
|
+
callback(callbackParams);
|
|
9
|
+
timeoutRef.current = null;
|
|
10
|
+
}, delay);
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
const clear = () => {
|
|
14
|
+
if (timeoutRef.current) {
|
|
15
|
+
window.clearTimeout(timeoutRef.current);
|
|
16
|
+
timeoutRef.current = null;
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (options.autoInvoke) {
|
|
21
|
+
start();
|
|
22
|
+
}
|
|
23
|
+
return clear;
|
|
24
|
+
}, [delay]);
|
|
25
|
+
return { start, clear };
|
|
27
26
|
}
|
|
28
27
|
|
|
29
28
|
export { useTimeout };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-timeout.js","sources":["../../src/use-timeout/use-timeout.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\nexport function useTimeout(\n callback: (...callbackParams: any[]) => void,\n delay: number,\n options: { autoInvoke: boolean } = { autoInvoke: false }\n) {\n const timeoutRef = useRef<number | null>(null);\n\n const start = (...callbackParams: any[]) => {\n if (!timeoutRef.current) {\n timeoutRef.current = window.setTimeout(() => {\n callback(callbackParams);\n timeoutRef.current = null;\n }, delay);\n }\n };\n\n const clear = () => {\n if (timeoutRef.current) {\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n }\n };\n\n useEffect(() => {\n if (options.autoInvoke) {\n start();\n }\n\n return clear;\n }, [delay]);\n\n return { start, clear };\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-timeout.js","sources":["../../src/use-timeout/use-timeout.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\nexport function useTimeout(\n callback: (...callbackParams: any[]) => void,\n delay: number,\n options: { autoInvoke: boolean } = { autoInvoke: false }\n) {\n const timeoutRef = useRef<number | null>(null);\n\n const start = (...callbackParams: any[]) => {\n if (!timeoutRef.current) {\n timeoutRef.current = window.setTimeout(() => {\n callback(callbackParams);\n timeoutRef.current = null;\n }, delay);\n }\n };\n\n const clear = () => {\n if (timeoutRef.current) {\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n }\n };\n\n useEffect(() => {\n if (options.autoInvoke) {\n start();\n }\n\n return clear;\n }, [delay]);\n\n return { start, clear };\n}\n"],"names":[],"mappings":";;SAEgB,UAAU,CACxB,QAA4C,EAC5C,KAAa,EACb,UAAmC,EAAE,UAAU,EAAE,KAAK,EAAE;IAExD,MAAM,UAAU,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE/C,MAAM,KAAK,GAAG,CAAC,GAAG,cAAqB;QACrC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACvB,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;gBACrC,QAAQ,CAAC,cAAc,CAAC,CAAC;gBACzB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;aAC3B,EAAE,KAAK,CAAC,CAAC;SACX;KACF,CAAC;IAEF,MAAM,KAAK,GAAG;QACZ,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACxC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;SAC3B;KACF,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,OAAO,CAAC,UAAU,EAAE;YACtB,KAAK,EAAE,CAAC;SACT;QAED,OAAO,KAAK,CAAC;KACd,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC1B;;;;"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { useReducer } from 'react';
|
|
3
2
|
|
|
4
3
|
function useToggle(options = [false, true]) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
const [[option], toggle] = useReducer((state, action) => {
|
|
5
|
+
const value = action instanceof Function ? action(state[0]) : action;
|
|
6
|
+
const index = Math.abs(state.indexOf(value));
|
|
7
|
+
return state.slice(index).concat(state.slice(0, index));
|
|
8
|
+
}, options);
|
|
9
|
+
return [option, toggle];
|
|
11
10
|
}
|
|
12
11
|
|
|
13
12
|
export { useToggle };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-toggle.js","sources":["../../src/use-toggle/use-toggle.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nexport function useToggle<T = boolean>(options: readonly T[] = [false, true] as any) {\n const [[option], toggle] = useReducer((state: T[], action: React.SetStateAction<T>) => {\n const value = action instanceof Function ? action(state[0]) : action;\n const index = Math.abs(state.indexOf(value));\n\n return state.slice(index).concat(state.slice(0, index));\n }, options as T[]);\n\n return [option, toggle as (value?: React.SetStateAction<T>) => void] as const;\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-toggle.js","sources":["../../src/use-toggle/use-toggle.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nexport function useToggle<T = boolean>(options: readonly T[] = [false, true] as any) {\n const [[option], toggle] = useReducer((state: T[], action: React.SetStateAction<T>) => {\n const value = action instanceof Function ? action(state[0]) : action;\n const index = Math.abs(state.indexOf(value));\n\n return state.slice(index).concat(state.slice(0, index));\n }, options as T[]);\n\n return [option, toggle as (value?: React.SetStateAction<T>) => void] as const;\n}\n"],"names":[],"mappings":";;SAEgB,SAAS,CAAc,UAAwB,CAAC,KAAK,EAAE,IAAI,CAAQ;IACjF,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,KAAU,EAAE,MAA+B;QAChF,MAAM,KAAK,GAAG,MAAM,YAAY,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;QACrE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QAE7C,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;KACzD,EAAE,OAAc,CAAC,CAAC;IAEnB,OAAO,CAAC,MAAM,EAAE,MAAmD,CAAU,CAAC;AAChF;;;;"}
|
|
@@ -1,22 +1,15 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { useState } from 'react';
|
|
3
2
|
|
|
4
|
-
function useUncontrolled({
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
onChange == null ? void 0 : onChange(val);
|
|
15
|
-
};
|
|
16
|
-
if (value !== void 0) {
|
|
17
|
-
return [value, onChange, true];
|
|
18
|
-
}
|
|
19
|
-
return [uncontrolledValue, handleUncontrolledChange, false];
|
|
3
|
+
function useUncontrolled({ value, defaultValue, finalValue, onChange = () => { }, }) {
|
|
4
|
+
const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue !== undefined ? defaultValue : finalValue);
|
|
5
|
+
const handleUncontrolledChange = (val) => {
|
|
6
|
+
setUncontrolledValue(val);
|
|
7
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(val);
|
|
8
|
+
};
|
|
9
|
+
if (value !== undefined) {
|
|
10
|
+
return [value, onChange, true];
|
|
11
|
+
}
|
|
12
|
+
return [uncontrolledValue, handleUncontrolledChange, false];
|
|
20
13
|
}
|
|
21
14
|
|
|
22
15
|
export { useUncontrolled };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-uncontrolled.js","sources":["../../src/use-uncontrolled/use-uncontrolled.ts"],"sourcesContent":["import { useState } from 'react';\n\ninterface UseUncontrolledInput<T> {\n /** Value for controlled state */\n value?: T;\n\n /** Initial value for uncontrolled state */\n defaultValue?: T;\n\n /** Final value for uncontrolled state when value and defaultValue are not provided */\n finalValue?: T;\n\n /** Controlled state onChange handler */\n onChange?(value: T): void;\n}\n\nexport function useUncontrolled<T>({\n value,\n defaultValue,\n finalValue,\n onChange = () => {},\n}: UseUncontrolledInput<T>): [T, (value: T) => void, boolean] {\n const [uncontrolledValue, setUncontrolledValue] = useState(\n defaultValue !== undefined ? defaultValue : finalValue\n );\n\n const handleUncontrolledChange = (val: T) => {\n setUncontrolledValue(val);\n onChange?.(val);\n };\n\n if (value !== undefined) {\n return [value as T, onChange, true];\n }\n\n return [uncontrolledValue as T, handleUncontrolledChange, false];\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-uncontrolled.js","sources":["../../src/use-uncontrolled/use-uncontrolled.ts"],"sourcesContent":["import { useState } from 'react';\n\ninterface UseUncontrolledInput<T> {\n /** Value for controlled state */\n value?: T;\n\n /** Initial value for uncontrolled state */\n defaultValue?: T;\n\n /** Final value for uncontrolled state when value and defaultValue are not provided */\n finalValue?: T;\n\n /** Controlled state onChange handler */\n onChange?(value: T): void;\n}\n\nexport function useUncontrolled<T>({\n value,\n defaultValue,\n finalValue,\n onChange = () => {},\n}: UseUncontrolledInput<T>): [T, (value: T) => void, boolean] {\n const [uncontrolledValue, setUncontrolledValue] = useState(\n defaultValue !== undefined ? defaultValue : finalValue\n );\n\n const handleUncontrolledChange = (val: T) => {\n setUncontrolledValue(val);\n onChange?.(val);\n };\n\n if (value !== undefined) {\n return [value as T, onChange, true];\n }\n\n return [uncontrolledValue as T, handleUncontrolledChange, false];\n}\n"],"names":[],"mappings":";;SAgBgB,eAAe,CAAI,EACjC,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,GAAG,SAAQ,GACK;IACxB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CACxD,YAAY,KAAK,SAAS,GAAG,YAAY,GAAG,UAAU,CACvD,CAAC;IAEF,MAAM,wBAAwB,GAAG,CAAC,GAAM;QACtC,oBAAoB,CAAC,GAAG,CAAC,CAAC;QAC1B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,CAAC;KACjB,CAAC;IAEF,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,CAAC,KAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;KACrC;IAED,OAAO,CAAC,iBAAsB,EAAE,wBAAwB,EAAE,KAAK,CAAC,CAAC;AACnE;;;;"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { useState } from 'react';
|
|
3
2
|
|
|
4
3
|
function useValidatedState(initialValue, validation, initialValidationState) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
4
|
+
const [value, setValue] = useState(initialValue);
|
|
5
|
+
const [lastValidValue, setLastValidValue] = useState(validation(initialValue) ? initialValue : undefined);
|
|
6
|
+
const [valid, setValid] = useState(typeof initialValidationState === 'boolean' ? initialValidationState : validation(initialValue));
|
|
7
|
+
const onChange = (val) => {
|
|
8
|
+
if (validation(val)) {
|
|
9
|
+
setLastValidValue(val);
|
|
10
|
+
setValid(true);
|
|
11
|
+
}
|
|
12
|
+
else {
|
|
13
|
+
setValid(false);
|
|
14
|
+
}
|
|
15
|
+
setValue(val);
|
|
16
|
+
};
|
|
17
|
+
return [{ value, lastValidValue, valid }, onChange];
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
export { useValidatedState };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-validated-state.js","sources":["../../src/use-validated-state/use-validated-state.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useValidatedState<T>(\n initialValue: T,\n validation: (value: T) => boolean,\n initialValidationState?: boolean\n) {\n const [value, setValue] = useState<T>(initialValue);\n const [lastValidValue, setLastValidValue] = useState<T | undefined>(\n validation(initialValue) ? initialValue : undefined\n );\n const [valid, setValid] = useState<boolean>(\n typeof initialValidationState === 'boolean' ? initialValidationState : validation(initialValue)\n );\n\n const onChange = (val: T) => {\n if (validation(val)) {\n setLastValidValue(val);\n setValid(true);\n } else {\n setValid(false);\n }\n\n setValue(val);\n };\n\n return [{ value, lastValidValue, valid }, onChange] as const;\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-validated-state.js","sources":["../../src/use-validated-state/use-validated-state.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useValidatedState<T>(\n initialValue: T,\n validation: (value: T) => boolean,\n initialValidationState?: boolean\n) {\n const [value, setValue] = useState<T>(initialValue);\n const [lastValidValue, setLastValidValue] = useState<T | undefined>(\n validation(initialValue) ? initialValue : undefined\n );\n const [valid, setValid] = useState<boolean>(\n typeof initialValidationState === 'boolean' ? initialValidationState : validation(initialValue)\n );\n\n const onChange = (val: T) => {\n if (validation(val)) {\n setLastValidValue(val);\n setValid(true);\n } else {\n setValid(false);\n }\n\n setValue(val);\n };\n\n return [{ value, lastValidValue, valid }, onChange] as const;\n}\n"],"names":[],"mappings":";;SAEgB,iBAAiB,CAC/B,YAAe,EACf,UAAiC,EACjC,sBAAgC;IAEhC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,UAAU,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,SAAS,CACpD,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,OAAO,sBAAsB,KAAK,SAAS,GAAG,sBAAsB,GAAG,UAAU,CAAC,YAAY,CAAC,CAChG,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,GAAM;QACtB,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE;YACnB,iBAAiB,CAAC,GAAG,CAAC,CAAC;YACvB,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;aAAM;YACL,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QAED,QAAQ,CAAC,GAAG,CAAC,CAAC;KACf,CAAC;IAEF,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAU,CAAC;AAC/D;;;;"}
|
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { useState, useCallback, useEffect } from 'react';
|
|
3
2
|
import { useWindowEvent } from '../use-window-event/use-window-event.js';
|
|
4
3
|
|
|
5
4
|
const eventListerOptions = {
|
|
6
|
-
|
|
5
|
+
passive: true,
|
|
7
6
|
};
|
|
8
7
|
function useViewportSize() {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
8
|
+
const [windowSize, setWindowSize] = useState({
|
|
9
|
+
width: 0,
|
|
10
|
+
height: 0,
|
|
11
|
+
});
|
|
12
|
+
const setSize = useCallback(() => {
|
|
13
|
+
setWindowSize({ width: window.innerWidth || 0, height: window.innerHeight || 0 });
|
|
14
|
+
}, []);
|
|
15
|
+
useWindowEvent('resize', setSize, eventListerOptions);
|
|
16
|
+
useWindowEvent('orientationchange', setSize, eventListerOptions);
|
|
17
|
+
useEffect(setSize, []);
|
|
18
|
+
return windowSize;
|
|
20
19
|
}
|
|
21
20
|
|
|
22
21
|
export { useViewportSize };
|