Socket
Socket
Sign inDemoInstall

usehooks-ts

Package Overview
Dependencies
Maintainers
1
Versions
60
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

usehooks-ts - npm Package Compare versions

Comparing version 2.9.1 to 2.9.2

37

dist/cjs/index.d.ts

@@ -1,74 +0,37 @@

export { default as useBoolean } from './useBoolean/useBoolean';
export * from './useBoolean/useBoolean';
export { default as useClickAnyWhere } from './useClickAnyWhere/useClickAnyWhere';
export * from './useClickAnyWhere/useClickAnyWhere';
export { default as useCopyToClipboard } from './useCopyToClipboard/useCopyToClipboard';
export * from './useCopyToClipboard/useCopyToClipboard';
export { default as useCountdown } from './useCountdown/useCountdown';
export * from './useCountdown/useCountdown';
export { default as useCounter } from './useCounter/useCounter';
export * from './useCounter/useCounter';
export { default as useDarkMode } from './useDarkMode/useDarkMode';
export * from './useDarkMode/useDarkMode';
export { default as useDebounce } from './useDebounce/useDebounce';
export * from './useDebounce/useDebounce';
export { default as useDocumentTitle } from './useDocumentTitle/useDocumentTitle';
export * from './useDocumentTitle/useDocumentTitle';
export { default as useEffectOnce } from './useEffectOnce/useEffectOnce';
export * from './useEffectOnce/useEffectOnce';
export { default as useElementSize } from './useElementSize/useElementSize';
export * from './useElementSize/useElementSize';
export { default as useEventCallback } from './useEventCallback/useEventCallback';
export * from './useEventCallback/useEventCallback';
export { default as useEventListener } from './useEventListener/useEventListener';
export * from './useEventListener/useEventListener';
export { default as useFetch } from './useFetch/useFetch';
export * from './useFetch/useFetch';
export { default as useHover } from './useHover/useHover';
export * from './useHover/useHover';
export { default as useImageOnLoad } from './useImageOnLoad/useImageOnLoad';
export * from './useImageOnLoad/useImageOnLoad';
export { default as useIntersectionObserver } from './useIntersectionObserver/useIntersectionObserver';
export * from './useIntersectionObserver/useIntersectionObserver';
export { default as useInterval } from './useInterval/useInterval';
export * from './useInterval/useInterval';
export { default as useIsClient } from './useIsClient/useIsClient';
export * from './useIsClient/useIsClient';
export { default as useIsFirstRender } from './useIsFirstRender/useIsFirstRender';
export * from './useIsFirstRender/useIsFirstRender';
export { default as useIsMounted } from './useIsMounted/useIsMounted';
export * from './useIsMounted/useIsMounted';
export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
export * from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
export { default as useLocalStorage } from './useLocalStorage/useLocalStorage';
export * from './useLocalStorage/useLocalStorage';
export { default as useLockedBody } from './useLockedBody/useLockedBody';
export * from './useLockedBody/useLockedBody';
export { default as useMap } from './useMap/useMap';
export * from './useMap/useMap';
export { default as useMediaQuery } from './useMediaQuery/useMediaQuery';
export * from './useMediaQuery/useMediaQuery';
export { default as useOnClickOutside } from './useOnClickOutside/useOnClickOutside';
export * from './useOnClickOutside/useOnClickOutside';
export { default as useReadLocalStorage } from './useReadLocalStorage/useReadLocalStorage';
export * from './useReadLocalStorage/useReadLocalStorage';
export { default as useScreen } from './useScreen/useScreen';
export * from './useScreen/useScreen';
export { default as useScript } from './useScript/useScript';
export * from './useScript/useScript';
export { default as useSessionStorage } from './useSessionStorage/useSessionStorage';
export * from './useSessionStorage/useSessionStorage';
export { default as useSsr } from './useSsr/useSsr';
export * from './useSsr/useSsr';
export { default as useStep } from './useStep/useStep';
export * from './useStep/useStep';
export { default as useTernaryDarkMode } from './useTernaryDarkMode/useTernaryDarkMode';
export * from './useTernaryDarkMode/useTernaryDarkMode';
export { default as useTimeout } from './useTimeout/useTimeout';
export * from './useTimeout/useTimeout';
export { default as useToggle } from './useToggle/useToggle';
export * from './useToggle/useToggle';
export { default as useUpdateEffect } from './useUpdateEffect/useUpdateEffect';
export * from './useUpdateEffect/useUpdateEffect';
export { default as useWindowSize } from './useWindowSize/useWindowSize';
export * from './useWindowSize/useWindowSize';

@@ -16,117 +16,39 @@ "use strict";

};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useWindowSize = exports.useUpdateEffect = exports.useToggle = exports.useTimeout = exports.useTernaryDarkMode = exports.useStep = exports.useSsr = exports.useSessionStorage = exports.useScript = exports.useScreen = exports.useReadLocalStorage = exports.useOnClickOutside = exports.useMediaQuery = exports.useMap = exports.useLockedBody = exports.useLocalStorage = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useIsFirstRender = exports.useIsClient = exports.useInterval = exports.useIntersectionObserver = exports.useImageOnLoad = exports.useHover = exports.useFetch = exports.useEventListener = exports.useEventCallback = exports.useElementSize = exports.useEffectOnce = exports.useDocumentTitle = exports.useDebounce = exports.useDarkMode = exports.useCounter = exports.useCountdown = exports.useCopyToClipboard = exports.useClickAnyWhere = exports.useBoolean = void 0;
var useBoolean_1 = require("./useBoolean/useBoolean");
Object.defineProperty(exports, "useBoolean", { enumerable: true, get: function () { return __importDefault(useBoolean_1).default; } });
__exportStar(require("./useBoolean/useBoolean"), exports);
var useClickAnyWhere_1 = require("./useClickAnyWhere/useClickAnyWhere");
Object.defineProperty(exports, "useClickAnyWhere", { enumerable: true, get: function () { return __importDefault(useClickAnyWhere_1).default; } });
__exportStar(require("./useClickAnyWhere/useClickAnyWhere"), exports);
var useCopyToClipboard_1 = require("./useCopyToClipboard/useCopyToClipboard");
Object.defineProperty(exports, "useCopyToClipboard", { enumerable: true, get: function () { return __importDefault(useCopyToClipboard_1).default; } });
__exportStar(require("./useCopyToClipboard/useCopyToClipboard"), exports);
var useCountdown_1 = require("./useCountdown/useCountdown");
Object.defineProperty(exports, "useCountdown", { enumerable: true, get: function () { return __importDefault(useCountdown_1).default; } });
__exportStar(require("./useCountdown/useCountdown"), exports);
var useCounter_1 = require("./useCounter/useCounter");
Object.defineProperty(exports, "useCounter", { enumerable: true, get: function () { return __importDefault(useCounter_1).default; } });
__exportStar(require("./useCounter/useCounter"), exports);
var useDarkMode_1 = require("./useDarkMode/useDarkMode");
Object.defineProperty(exports, "useDarkMode", { enumerable: true, get: function () { return __importDefault(useDarkMode_1).default; } });
__exportStar(require("./useDarkMode/useDarkMode"), exports);
var useDebounce_1 = require("./useDebounce/useDebounce");
Object.defineProperty(exports, "useDebounce", { enumerable: true, get: function () { return __importDefault(useDebounce_1).default; } });
__exportStar(require("./useDebounce/useDebounce"), exports);
var useDocumentTitle_1 = require("./useDocumentTitle/useDocumentTitle");
Object.defineProperty(exports, "useDocumentTitle", { enumerable: true, get: function () { return __importDefault(useDocumentTitle_1).default; } });
__exportStar(require("./useDocumentTitle/useDocumentTitle"), exports);
var useEffectOnce_1 = require("./useEffectOnce/useEffectOnce");
Object.defineProperty(exports, "useEffectOnce", { enumerable: true, get: function () { return __importDefault(useEffectOnce_1).default; } });
__exportStar(require("./useEffectOnce/useEffectOnce"), exports);
var useElementSize_1 = require("./useElementSize/useElementSize");
Object.defineProperty(exports, "useElementSize", { enumerable: true, get: function () { return __importDefault(useElementSize_1).default; } });
__exportStar(require("./useElementSize/useElementSize"), exports);
var useEventCallback_1 = require("./useEventCallback/useEventCallback");
Object.defineProperty(exports, "useEventCallback", { enumerable: true, get: function () { return __importDefault(useEventCallback_1).default; } });
__exportStar(require("./useEventCallback/useEventCallback"), exports);
var useEventListener_1 = require("./useEventListener/useEventListener");
Object.defineProperty(exports, "useEventListener", { enumerable: true, get: function () { return __importDefault(useEventListener_1).default; } });
__exportStar(require("./useEventListener/useEventListener"), exports);
var useFetch_1 = require("./useFetch/useFetch");
Object.defineProperty(exports, "useFetch", { enumerable: true, get: function () { return __importDefault(useFetch_1).default; } });
__exportStar(require("./useFetch/useFetch"), exports);
var useHover_1 = require("./useHover/useHover");
Object.defineProperty(exports, "useHover", { enumerable: true, get: function () { return __importDefault(useHover_1).default; } });
__exportStar(require("./useHover/useHover"), exports);
var useImageOnLoad_1 = require("./useImageOnLoad/useImageOnLoad");
Object.defineProperty(exports, "useImageOnLoad", { enumerable: true, get: function () { return __importDefault(useImageOnLoad_1).default; } });
__exportStar(require("./useImageOnLoad/useImageOnLoad"), exports);
var useIntersectionObserver_1 = require("./useIntersectionObserver/useIntersectionObserver");
Object.defineProperty(exports, "useIntersectionObserver", { enumerable: true, get: function () { return __importDefault(useIntersectionObserver_1).default; } });
__exportStar(require("./useIntersectionObserver/useIntersectionObserver"), exports);
var useInterval_1 = require("./useInterval/useInterval");
Object.defineProperty(exports, "useInterval", { enumerable: true, get: function () { return __importDefault(useInterval_1).default; } });
__exportStar(require("./useInterval/useInterval"), exports);
var useIsClient_1 = require("./useIsClient/useIsClient");
Object.defineProperty(exports, "useIsClient", { enumerable: true, get: function () { return __importDefault(useIsClient_1).default; } });
__exportStar(require("./useIsClient/useIsClient"), exports);
var useIsFirstRender_1 = require("./useIsFirstRender/useIsFirstRender");
Object.defineProperty(exports, "useIsFirstRender", { enumerable: true, get: function () { return __importDefault(useIsFirstRender_1).default; } });
__exportStar(require("./useIsFirstRender/useIsFirstRender"), exports);
var useIsMounted_1 = require("./useIsMounted/useIsMounted");
Object.defineProperty(exports, "useIsMounted", { enumerable: true, get: function () { return __importDefault(useIsMounted_1).default; } });
__exportStar(require("./useIsMounted/useIsMounted"), exports);
var useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect/useIsomorphicLayoutEffect");
Object.defineProperty(exports, "useIsomorphicLayoutEffect", { enumerable: true, get: function () { return __importDefault(useIsomorphicLayoutEffect_1).default; } });
__exportStar(require("./useIsomorphicLayoutEffect/useIsomorphicLayoutEffect"), exports);
var useLocalStorage_1 = require("./useLocalStorage/useLocalStorage");
Object.defineProperty(exports, "useLocalStorage", { enumerable: true, get: function () { return __importDefault(useLocalStorage_1).default; } });
__exportStar(require("./useLocalStorage/useLocalStorage"), exports);
var useLockedBody_1 = require("./useLockedBody/useLockedBody");
Object.defineProperty(exports, "useLockedBody", { enumerable: true, get: function () { return __importDefault(useLockedBody_1).default; } });
__exportStar(require("./useLockedBody/useLockedBody"), exports);
var useMap_1 = require("./useMap/useMap");
Object.defineProperty(exports, "useMap", { enumerable: true, get: function () { return __importDefault(useMap_1).default; } });
__exportStar(require("./useMap/useMap"), exports);
var useMediaQuery_1 = require("./useMediaQuery/useMediaQuery");
Object.defineProperty(exports, "useMediaQuery", { enumerable: true, get: function () { return __importDefault(useMediaQuery_1).default; } });
__exportStar(require("./useMediaQuery/useMediaQuery"), exports);
var useOnClickOutside_1 = require("./useOnClickOutside/useOnClickOutside");
Object.defineProperty(exports, "useOnClickOutside", { enumerable: true, get: function () { return __importDefault(useOnClickOutside_1).default; } });
__exportStar(require("./useOnClickOutside/useOnClickOutside"), exports);
var useReadLocalStorage_1 = require("./useReadLocalStorage/useReadLocalStorage");
Object.defineProperty(exports, "useReadLocalStorage", { enumerable: true, get: function () { return __importDefault(useReadLocalStorage_1).default; } });
__exportStar(require("./useReadLocalStorage/useReadLocalStorage"), exports);
var useScreen_1 = require("./useScreen/useScreen");
Object.defineProperty(exports, "useScreen", { enumerable: true, get: function () { return __importDefault(useScreen_1).default; } });
__exportStar(require("./useScreen/useScreen"), exports);
var useScript_1 = require("./useScript/useScript");
Object.defineProperty(exports, "useScript", { enumerable: true, get: function () { return __importDefault(useScript_1).default; } });
__exportStar(require("./useScript/useScript"), exports);
var useSessionStorage_1 = require("./useSessionStorage/useSessionStorage");
Object.defineProperty(exports, "useSessionStorage", { enumerable: true, get: function () { return __importDefault(useSessionStorage_1).default; } });
__exportStar(require("./useSessionStorage/useSessionStorage"), exports);
var useSsr_1 = require("./useSsr/useSsr");
Object.defineProperty(exports, "useSsr", { enumerable: true, get: function () { return __importDefault(useSsr_1).default; } });
__exportStar(require("./useSsr/useSsr"), exports);
var useStep_1 = require("./useStep/useStep");
Object.defineProperty(exports, "useStep", { enumerable: true, get: function () { return __importDefault(useStep_1).default; } });
__exportStar(require("./useStep/useStep"), exports);
var useTernaryDarkMode_1 = require("./useTernaryDarkMode/useTernaryDarkMode");
Object.defineProperty(exports, "useTernaryDarkMode", { enumerable: true, get: function () { return __importDefault(useTernaryDarkMode_1).default; } });
__exportStar(require("./useTernaryDarkMode/useTernaryDarkMode"), exports);
var useTimeout_1 = require("./useTimeout/useTimeout");
Object.defineProperty(exports, "useTimeout", { enumerable: true, get: function () { return __importDefault(useTimeout_1).default; } });
__exportStar(require("./useTimeout/useTimeout"), exports);
var useToggle_1 = require("./useToggle/useToggle");
Object.defineProperty(exports, "useToggle", { enumerable: true, get: function () { return __importDefault(useToggle_1).default; } });
__exportStar(require("./useToggle/useToggle"), exports);
var useUpdateEffect_1 = require("./useUpdateEffect/useUpdateEffect");
Object.defineProperty(exports, "useUpdateEffect", { enumerable: true, get: function () { return __importDefault(useUpdateEffect_1).default; } });
__exportStar(require("./useUpdateEffect/useUpdateEffect"), exports);
var useWindowSize_1 = require("./useWindowSize/useWindowSize");
Object.defineProperty(exports, "useWindowSize", { enumerable: true, get: function () { return __importDefault(useWindowSize_1).default; } });
__exportStar(require("./useWindowSize/useWindowSize"), exports);

4

dist/cjs/useBoolean/useBoolean.d.ts

@@ -9,3 +9,3 @@ import { Dispatch, SetStateAction } from 'react';

}
declare function useBoolean(defaultValue?: boolean): UseBooleanOutput;
export default useBoolean;
export declare function useBoolean(defaultValue?: boolean): UseBooleanOutput;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useBoolean = void 0;
var react_1 = require("react");

@@ -11,2 +12,2 @@ function useBoolean(defaultValue) {

}
exports.default = useBoolean;
exports.useBoolean = useBoolean;
declare type Handler = (event: MouseEvent) => void;
declare function useClickAnyWhere(handler: Handler): void;
export default useClickAnyWhere;
export declare function useClickAnyWhere(handler: Handler): void;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useClickAnyWhere = void 0;
var __1 = require("..");

@@ -9,2 +10,2 @@ function useClickAnyWhere(handler) {

}
exports.default = useClickAnyWhere;
exports.useClickAnyWhere = useClickAnyWhere;
declare type CopiedValue = string | null;
declare type CopyFn = (text: string) => Promise<boolean>;
declare function useCopyToClipboard(): [CopiedValue, CopyFn];
export default useCopyToClipboard;
export declare function useCopyToClipboard(): [CopiedValue, CopyFn];
export {};

@@ -39,2 +39,3 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
exports.useCopyToClipboard = void 0;
var react_1 = require("react");

@@ -72,2 +73,2 @@ function useCopyToClipboard() {

}
exports.default = useCopyToClipboard;
exports.useCopyToClipboard = useCopyToClipboard;

@@ -22,4 +22,4 @@ interface UseCountdownType {

}
declare function useCountdown(countdownOption: UseCountdownType): [number, CountdownHelpers];
declare function useCountdown(countdownOption: CountdownOption): [number, CountdownControllers];
export default useCountdown;
export declare function useCountdown(countdownOption: UseCountdownType): [number, CountdownHelpers];
export declare function useCountdown(countdownOption: CountdownOption): [number, CountdownControllers];
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useCountdown = void 0;
var react_1 = require("react");

@@ -59,2 +60,2 @@ var __1 = require("..");

}
exports.default = useCountdown;
exports.useCountdown = useCountdown;

@@ -9,3 +9,3 @@ import { Dispatch, SetStateAction } from 'react';

}
declare function useCounter(initialValue?: number): UseCounterOutput;
export default useCounter;
export declare function useCounter(initialValue?: number): UseCounterOutput;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useCounter = void 0;
var react_1 = require("react");

@@ -17,2 +18,2 @@ function useCounter(initialValue) {

}
exports.default = useCounter;
exports.useCounter = useCounter;

@@ -7,3 +7,3 @@ interface UseDarkModeOutput {

}
declare function useDarkMode(defaultValue?: boolean): UseDarkModeOutput;
export default useDarkMode;
export declare function useDarkMode(defaultValue?: boolean): UseDarkModeOutput;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useDarkMode = void 0;
var __1 = require("..");

@@ -19,2 +20,2 @@ var COLOR_SCHEME_QUERY = '(prefers-color-scheme: dark)';

}
exports.default = useDarkMode;
exports.useDarkMode = useDarkMode;

@@ -1,2 +0,1 @@

declare function useDebounce<T>(value: T, delay?: number): T;
export default useDebounce;
export declare function useDebounce<T>(value: T, delay?: number): T;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useDebounce = void 0;
var react_1 = require("react");

@@ -14,2 +15,2 @@ function useDebounce(value, delay) {

}
exports.default = useDebounce;
exports.useDebounce = useDebounce;

@@ -1,2 +0,1 @@

declare function useDocumentTitle(title: string): void;
export default useDocumentTitle;
export declare function useDocumentTitle(title: string): void;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useDocumentTitle = void 0;
var __1 = require("..");

@@ -9,2 +10,2 @@ function useDocumentTitle(title) {

}
exports.default = useDocumentTitle;
exports.useDocumentTitle = useDocumentTitle;
import { EffectCallback } from 'react';
declare function useEffectOnce(effect: EffectCallback): void;
export default useEffectOnce;
export declare function useEffectOnce(effect: EffectCallback): void;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useEffectOnce = void 0;
var react_1 = require("react");

@@ -7,2 +8,2 @@ function useEffectOnce(effect) {

}
exports.default = useEffectOnce;
exports.useEffectOnce = useEffectOnce;

@@ -5,6 +5,6 @@ interface Size {

}
declare function useElementSize<T extends HTMLElement = HTMLDivElement>(): [
export declare function useElementSize<T extends HTMLElement = HTMLDivElement>(): [
(node: T | null) => void,
Size
];
export default useElementSize;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useElementSize = void 0;
var react_1 = require("react");

@@ -23,2 +24,2 @@ var __1 = require("..");

}
exports.default = useElementSize;
exports.useElementSize = useElementSize;

@@ -1,1 +0,1 @@

export default function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R): (...args: Args) => R;
export declare function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R): (...args: Args) => R;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useEventCallback = void 0;
var react_1 = require("react");

@@ -20,2 +21,2 @@ var __1 = require("..");

}
exports.default = useEventCallback;
exports.useEventCallback = useEventCallback;

@@ -6,2 +6,2 @@ import { RefObject } from 'react';

declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
export default useEventListener;
export { useEventListener };
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useEventListener = void 0;
var react_1 = require("react");

@@ -22,2 +23,2 @@ var __1 = require("..");

}
exports.default = useEventListener;
exports.useEventListener = useEventListener;

@@ -5,3 +5,3 @@ interface State<T> {

}
declare function useFetch<T = unknown>(url?: string, options?: RequestInit): State<T>;
export default useFetch;
export declare function useFetch<T = unknown>(url?: string, options?: RequestInit): State<T>;
export {};

@@ -50,2 +50,3 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
exports.useFetch = void 0;
var react_1 = require("react");

@@ -121,2 +122,2 @@ function useFetch(url, options) {

}
exports.default = useFetch;
exports.useFetch = useFetch;
import { RefObject } from 'react';
declare function useHover<T extends HTMLElement = HTMLElement>(elementRef: RefObject<T>): boolean;
export default useHover;
export declare function useHover<T extends HTMLElement = HTMLElement>(elementRef: RefObject<T>): boolean;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useHover = void 0;
var react_1 = require("react");

@@ -13,2 +14,2 @@ var __1 = require("..");

}
exports.default = useHover;
exports.useHover = useHover;

@@ -10,3 +10,3 @@ import { CSSProperties } from 'react';

}
declare function useImageOnLoad(): ImageOnLoadType;
export default useImageOnLoad;
export declare function useImageOnLoad(): ImageOnLoadType;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useImageOnLoad = void 0;
var react_1 = require("react");

@@ -22,2 +23,2 @@ function useImageOnLoad() {

}
exports.default = useImageOnLoad;
exports.useImageOnLoad = useImageOnLoad;

@@ -5,3 +5,3 @@ import { RefObject } from 'react';

}
declare function useIntersectionObserver(elementRef: RefObject<Element>, { threshold, root, rootMargin, freezeOnceVisible, }: Args): IntersectionObserverEntry | undefined;
export default useIntersectionObserver;
export declare function useIntersectionObserver(elementRef: RefObject<Element>, { threshold, root, rootMargin, freezeOnceVisible, }: Args): IntersectionObserverEntry | undefined;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useIntersectionObserver = void 0;
var react_1 = require("react");

@@ -24,2 +25,2 @@ function useIntersectionObserver(elementRef, _a) {

}
exports.default = useIntersectionObserver;
exports.useIntersectionObserver = useIntersectionObserver;

@@ -1,2 +0,1 @@

declare function useInterval(callback: () => void, delay: number | null): void;
export default useInterval;
export declare function useInterval(callback: () => void, delay: number | null): void;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useInterval = void 0;
var react_1 = require("react");

@@ -18,2 +19,2 @@ var __1 = require("..");

}
exports.default = useInterval;
exports.useInterval = useInterval;

@@ -1,2 +0,1 @@

declare function useIsClient(): boolean;
export default useIsClient;
export declare function useIsClient(): boolean;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useIsClient = void 0;
var react_1 = require("react");

@@ -11,2 +12,2 @@ function useIsClient() {

}
exports.default = useIsClient;
exports.useIsClient = useIsClient;

@@ -1,2 +0,1 @@

declare function useIsFirstRender(): boolean;
export default useIsFirstRender;
export declare function useIsFirstRender(): boolean;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useIsFirstRender = void 0;
var react_1 = require("react");

@@ -12,2 +13,2 @@ function useIsFirstRender() {

}
exports.default = useIsFirstRender;
exports.useIsFirstRender = useIsFirstRender;

@@ -1,2 +0,1 @@

declare function useIsMounted(): () => boolean;
export default useIsMounted;
export declare function useIsMounted(): () => boolean;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useIsMounted = void 0;
var react_1 = require("react");

@@ -14,2 +15,2 @@ function useIsMounted() {

}
exports.default = useIsMounted;
exports.useIsMounted = useIsMounted;
import { useEffect } from 'react';
declare const useIsomorphicLayoutEffect: typeof useEffect;
export default useIsomorphicLayoutEffect;
export declare const useIsomorphicLayoutEffect: typeof useEffect;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useIsomorphicLayoutEffect = void 0;
var react_1 = require("react");
var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react_1.useLayoutEffect : react_1.useEffect;
exports.default = useIsomorphicLayoutEffect;
exports.useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react_1.useLayoutEffect : react_1.useEffect;

@@ -8,3 +8,3 @@ import { Dispatch, SetStateAction } from 'react';

declare type SetValue<T> = Dispatch<SetStateAction<T>>;
declare function useLocalStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
export default useLocalStorage;
export declare function useLocalStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useLocalStorage = void 0;
var react_1 = require("react");

@@ -47,3 +48,3 @@ var __1 = require("..");

}
exports.default = useLocalStorage;
exports.useLocalStorage = useLocalStorage;
function parseJSON(value) {

@@ -50,0 +51,0 @@ try {

declare type UseLockedBodyOutput = [boolean, (locked: boolean) => void];
declare function useLockedBody(initialLocked?: boolean, rootId?: string): UseLockedBodyOutput;
export declare function useLockedBody(initialLocked?: boolean, rootId?: string): UseLockedBodyOutput;
export default useLockedBody;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useLockedBody = void 0;
var react_1 = require("react");

@@ -35,2 +36,3 @@ var __1 = require("..");

}
exports.useLockedBody = useLockedBody;
exports.default = useLockedBody;

@@ -9,3 +9,3 @@ export declare type MapOrEntries<K, V> = Map<K, V> | [K, V][];

declare type Return<K, V> = [Omit<Map<K, V>, 'set' | 'clear' | 'delete'>, Actions<K, V>];
declare function useMap<K, V>(initialState?: MapOrEntries<K, V>): Return<K, V>;
export default useMap;
export declare function useMap<K, V>(initialState?: MapOrEntries<K, V>): Return<K, V>;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useMap = void 0;
var react_1 = require("react");

@@ -31,2 +32,2 @@ function useMap(initialState) {

}
exports.default = useMap;
exports.useMap = useMap;

@@ -1,2 +0,1 @@

declare function useMediaQuery(query: string): boolean;
export default useMediaQuery;
export declare function useMediaQuery(query: string): boolean;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useMediaQuery = void 0;
var react_1 = require("react");

@@ -35,2 +36,2 @@ function useMediaQuery(query) {

}
exports.default = useMediaQuery;
exports.useMediaQuery = useMediaQuery;
import { RefObject } from 'react';
declare type Handler = (event: MouseEvent) => void;
declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup'): void;
export default useOnClickOutside;
export declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup'): void;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useOnClickOutside = void 0;
var __1 = require("..");

@@ -14,2 +15,2 @@ function useOnClickOutside(ref, handler, mouseEvent) {

}
exports.default = useOnClickOutside;
exports.useOnClickOutside = useOnClickOutside;
declare type Value<T> = T | null;
declare function useReadLocalStorage<T>(key: string): Value<T>;
export default useReadLocalStorage;
export declare function useReadLocalStorage<T>(key: string): Value<T>;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useReadLocalStorage = void 0;
var react_1 = require("react");

@@ -33,2 +34,2 @@ var __1 = require("..");

}
exports.default = useReadLocalStorage;
exports.useReadLocalStorage = useReadLocalStorage;

@@ -1,2 +0,1 @@

declare function useScreen(): Screen | undefined;
export default useScreen;
export declare function useScreen(): Screen | undefined;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useScreen = void 0;
var react_1 = require("react");

@@ -22,2 +23,2 @@ var __1 = require("..");

}
exports.default = useScreen;
exports.useScreen = useScreen;

@@ -6,3 +6,2 @@ export declare type UseScriptStatus = 'idle' | 'loading' | 'ready' | 'error';

}
declare function useScript(src: string | null, options?: UseScriptOptions): UseScriptStatus;
export default useScript;
export declare function useScript(src: string | null, options?: UseScriptOptions): UseScriptStatus;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useScript = void 0;
var react_1 = require("react");

@@ -71,2 +72,2 @@ var cachedScriptStatuses = {};

}
exports.default = useScript;
exports.useScript = useScript;

@@ -8,3 +8,3 @@ import { Dispatch, SetStateAction } from 'react';

declare type SetValue<T> = Dispatch<SetStateAction<T>>;
declare function useSessionStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
export default useSessionStorage;
export declare function useSessionStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useSessionStorage = void 0;
var react_1 = require("react");

@@ -47,3 +48,3 @@ var __1 = require("..");

}
exports.default = useSessionStorage;
exports.useSessionStorage = useSessionStorage;
function parseJSON(value) {

@@ -50,0 +51,0 @@ try {

@@ -1,5 +0,4 @@

declare function useSsr(): {
export declare function useSsr(): {
isBrowser: false | HTMLElement;
isServer: boolean;
};
export default useSsr;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useSsr = void 0;
function useSsr() {

@@ -12,2 +13,2 @@ var isDOM = typeof window !== 'undefined' &&

}
exports.default = useSsr;
exports.useSsr = useSsr;

@@ -10,3 +10,3 @@ import { Dispatch, SetStateAction } from 'react';

}
declare function useStep(maxStep: number): [number, Helpers];
export default useStep;
export declare function useStep(maxStep: number): [number, Helpers];
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStep = void 0;
var react_1 = require("react");

@@ -41,2 +42,2 @@ function useStep(maxStep) {

}
exports.default = useStep;
exports.useStep = useStep;

@@ -9,3 +9,3 @@ import { Dispatch, SetStateAction } from 'react';

}
declare function useTernaryDarkMode(): UseTernaryDarkModeOutput;
export default useTernaryDarkMode;
export declare function useTernaryDarkMode(): UseTernaryDarkModeOutput;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useTernaryDarkMode = void 0;
var react_1 = require("react");

@@ -43,2 +44,2 @@ var __1 = require("..");

}
exports.default = useTernaryDarkMode;
exports.useTernaryDarkMode = useTernaryDarkMode;

@@ -1,2 +0,1 @@

declare function useTimeout(callback: () => void, delay: number | null): void;
export default useTimeout;
export declare function useTimeout(callback: () => void, delay: number | null): void;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useTimeout = void 0;
var react_1 = require("react");

@@ -18,2 +19,2 @@ var __1 = require("..");

}
exports.default = useTimeout;
exports.useTimeout = useTimeout;
import { Dispatch, SetStateAction } from 'react';
declare function useToggle(defaultValue?: boolean): [boolean, () => void, Dispatch<SetStateAction<boolean>>];
export default useToggle;
export declare function useToggle(defaultValue?: boolean): [boolean, () => void, Dispatch<SetStateAction<boolean>>];
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useToggle = void 0;
var react_1 = require("react");

@@ -9,2 +10,2 @@ function useToggle(defaultValue) {

}
exports.default = useToggle;
exports.useToggle = useToggle;
import { DependencyList, EffectCallback } from 'react';
declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;
export default useUpdateEffect;
export declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useUpdateEffect = void 0;
var react_1 = require("react");

@@ -13,2 +14,2 @@ var __1 = require("..");

}
exports.default = useUpdateEffect;
exports.useUpdateEffect = useUpdateEffect;

@@ -5,3 +5,3 @@ interface WindowSize {

}
declare function useWindowSize(): WindowSize;
export default useWindowSize;
export declare function useWindowSize(): WindowSize;
export {};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useWindowSize = void 0;
var react_1 = require("react");

@@ -22,2 +23,2 @@ var __1 = require("..");

}
exports.default = useWindowSize;
exports.useWindowSize = useWindowSize;

@@ -1,74 +0,37 @@

export { default as useBoolean } from './useBoolean/useBoolean';
export * from './useBoolean/useBoolean';
export { default as useClickAnyWhere } from './useClickAnyWhere/useClickAnyWhere';
export * from './useClickAnyWhere/useClickAnyWhere';
export { default as useCopyToClipboard } from './useCopyToClipboard/useCopyToClipboard';
export * from './useCopyToClipboard/useCopyToClipboard';
export { default as useCountdown } from './useCountdown/useCountdown';
export * from './useCountdown/useCountdown';
export { default as useCounter } from './useCounter/useCounter';
export * from './useCounter/useCounter';
export { default as useDarkMode } from './useDarkMode/useDarkMode';
export * from './useDarkMode/useDarkMode';
export { default as useDebounce } from './useDebounce/useDebounce';
export * from './useDebounce/useDebounce';
export { default as useDocumentTitle } from './useDocumentTitle/useDocumentTitle';
export * from './useDocumentTitle/useDocumentTitle';
export { default as useEffectOnce } from './useEffectOnce/useEffectOnce';
export * from './useEffectOnce/useEffectOnce';
export { default as useElementSize } from './useElementSize/useElementSize';
export * from './useElementSize/useElementSize';
export { default as useEventCallback } from './useEventCallback/useEventCallback';
export * from './useEventCallback/useEventCallback';
export { default as useEventListener } from './useEventListener/useEventListener';
export * from './useEventListener/useEventListener';
export { default as useFetch } from './useFetch/useFetch';
export * from './useFetch/useFetch';
export { default as useHover } from './useHover/useHover';
export * from './useHover/useHover';
export { default as useImageOnLoad } from './useImageOnLoad/useImageOnLoad';
export * from './useImageOnLoad/useImageOnLoad';
export { default as useIntersectionObserver } from './useIntersectionObserver/useIntersectionObserver';
export * from './useIntersectionObserver/useIntersectionObserver';
export { default as useInterval } from './useInterval/useInterval';
export * from './useInterval/useInterval';
export { default as useIsClient } from './useIsClient/useIsClient';
export * from './useIsClient/useIsClient';
export { default as useIsFirstRender } from './useIsFirstRender/useIsFirstRender';
export * from './useIsFirstRender/useIsFirstRender';
export { default as useIsMounted } from './useIsMounted/useIsMounted';
export * from './useIsMounted/useIsMounted';
export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
export * from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
export { default as useLocalStorage } from './useLocalStorage/useLocalStorage';
export * from './useLocalStorage/useLocalStorage';
export { default as useLockedBody } from './useLockedBody/useLockedBody';
export * from './useLockedBody/useLockedBody';
export { default as useMap } from './useMap/useMap';
export * from './useMap/useMap';
export { default as useMediaQuery } from './useMediaQuery/useMediaQuery';
export * from './useMediaQuery/useMediaQuery';
export { default as useOnClickOutside } from './useOnClickOutside/useOnClickOutside';
export * from './useOnClickOutside/useOnClickOutside';
export { default as useReadLocalStorage } from './useReadLocalStorage/useReadLocalStorage';
export * from './useReadLocalStorage/useReadLocalStorage';
export { default as useScreen } from './useScreen/useScreen';
export * from './useScreen/useScreen';
export { default as useScript } from './useScript/useScript';
export * from './useScript/useScript';
export { default as useSessionStorage } from './useSessionStorage/useSessionStorage';
export * from './useSessionStorage/useSessionStorage';
export { default as useSsr } from './useSsr/useSsr';
export * from './useSsr/useSsr';
export { default as useStep } from './useStep/useStep';
export * from './useStep/useStep';
export { default as useTernaryDarkMode } from './useTernaryDarkMode/useTernaryDarkMode';
export * from './useTernaryDarkMode/useTernaryDarkMode';
export { default as useTimeout } from './useTimeout/useTimeout';
export * from './useTimeout/useTimeout';
export { default as useToggle } from './useToggle/useToggle';
export * from './useToggle/useToggle';
export { default as useUpdateEffect } from './useUpdateEffect/useUpdateEffect';
export * from './useUpdateEffect/useUpdateEffect';
export { default as useWindowSize } from './useWindowSize/useWindowSize';
export * from './useWindowSize/useWindowSize';

@@ -1,74 +0,37 @@

export { default as useBoolean } from './useBoolean/useBoolean';
export * from './useBoolean/useBoolean';
export { default as useClickAnyWhere } from './useClickAnyWhere/useClickAnyWhere';
export * from './useClickAnyWhere/useClickAnyWhere';
export { default as useCopyToClipboard } from './useCopyToClipboard/useCopyToClipboard';
export * from './useCopyToClipboard/useCopyToClipboard';
export { default as useCountdown } from './useCountdown/useCountdown';
export * from './useCountdown/useCountdown';
export { default as useCounter } from './useCounter/useCounter';
export * from './useCounter/useCounter';
export { default as useDarkMode } from './useDarkMode/useDarkMode';
export * from './useDarkMode/useDarkMode';
export { default as useDebounce } from './useDebounce/useDebounce';
export * from './useDebounce/useDebounce';
export { default as useDocumentTitle } from './useDocumentTitle/useDocumentTitle';
export * from './useDocumentTitle/useDocumentTitle';
export { default as useEffectOnce } from './useEffectOnce/useEffectOnce';
export * from './useEffectOnce/useEffectOnce';
export { default as useElementSize } from './useElementSize/useElementSize';
export * from './useElementSize/useElementSize';
export { default as useEventCallback } from './useEventCallback/useEventCallback';
export * from './useEventCallback/useEventCallback';
export { default as useEventListener } from './useEventListener/useEventListener';
export * from './useEventListener/useEventListener';
export { default as useFetch } from './useFetch/useFetch';
export * from './useFetch/useFetch';
export { default as useHover } from './useHover/useHover';
export * from './useHover/useHover';
export { default as useImageOnLoad } from './useImageOnLoad/useImageOnLoad';
export * from './useImageOnLoad/useImageOnLoad';
export { default as useIntersectionObserver } from './useIntersectionObserver/useIntersectionObserver';
export * from './useIntersectionObserver/useIntersectionObserver';
export { default as useInterval } from './useInterval/useInterval';
export * from './useInterval/useInterval';
export { default as useIsClient } from './useIsClient/useIsClient';
export * from './useIsClient/useIsClient';
export { default as useIsFirstRender } from './useIsFirstRender/useIsFirstRender';
export * from './useIsFirstRender/useIsFirstRender';
export { default as useIsMounted } from './useIsMounted/useIsMounted';
export * from './useIsMounted/useIsMounted';
export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
export * from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
export { default as useLocalStorage } from './useLocalStorage/useLocalStorage';
export * from './useLocalStorage/useLocalStorage';
export { default as useLockedBody } from './useLockedBody/useLockedBody';
export * from './useLockedBody/useLockedBody';
export { default as useMap } from './useMap/useMap';
export * from './useMap/useMap';
export { default as useMediaQuery } from './useMediaQuery/useMediaQuery';
export * from './useMediaQuery/useMediaQuery';
export { default as useOnClickOutside } from './useOnClickOutside/useOnClickOutside';
export * from './useOnClickOutside/useOnClickOutside';
export { default as useReadLocalStorage } from './useReadLocalStorage/useReadLocalStorage';
export * from './useReadLocalStorage/useReadLocalStorage';
export { default as useScreen } from './useScreen/useScreen';
export * from './useScreen/useScreen';
export { default as useScript } from './useScript/useScript';
export * from './useScript/useScript';
export { default as useSessionStorage } from './useSessionStorage/useSessionStorage';
export * from './useSessionStorage/useSessionStorage';
export { default as useSsr } from './useSsr/useSsr';
export * from './useSsr/useSsr';
export { default as useStep } from './useStep/useStep';
export * from './useStep/useStep';
export { default as useTernaryDarkMode } from './useTernaryDarkMode/useTernaryDarkMode';
export * from './useTernaryDarkMode/useTernaryDarkMode';
export { default as useTimeout } from './useTimeout/useTimeout';
export * from './useTimeout/useTimeout';
export { default as useToggle } from './useToggle/useToggle';
export * from './useToggle/useToggle';
export { default as useUpdateEffect } from './useUpdateEffect/useUpdateEffect';
export * from './useUpdateEffect/useUpdateEffect';
export { default as useWindowSize } from './useWindowSize/useWindowSize';
export * from './useWindowSize/useWindowSize';

@@ -9,3 +9,3 @@ import { Dispatch, SetStateAction } from 'react';

}
declare function useBoolean(defaultValue?: boolean): UseBooleanOutput;
export default useBoolean;
export declare function useBoolean(defaultValue?: boolean): UseBooleanOutput;
export {};
import { useCallback, useState } from 'react';
function useBoolean(defaultValue) {
export function useBoolean(defaultValue) {
const [value, setValue] = useState(!!defaultValue);

@@ -9,2 +9,1 @@ const setTrue = useCallback(() => setValue(true), []);

}
export default useBoolean;
declare type Handler = (event: MouseEvent) => void;
declare function useClickAnyWhere(handler: Handler): void;
export default useClickAnyWhere;
export declare function useClickAnyWhere(handler: Handler): void;
export {};
import { useEventListener } from '..';
function useClickAnyWhere(handler) {
export function useClickAnyWhere(handler) {
useEventListener('click', event => {

@@ -7,2 +7,1 @@ handler(event);

}
export default useClickAnyWhere;
declare type CopiedValue = string | null;
declare type CopyFn = (text: string) => Promise<boolean>;
declare function useCopyToClipboard(): [CopiedValue, CopyFn];
export default useCopyToClipboard;
export declare function useCopyToClipboard(): [CopiedValue, CopyFn];
export {};

@@ -11,3 +11,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {

import { useState } from 'react';
function useCopyToClipboard() {
export function useCopyToClipboard() {
const [copiedText, setCopiedText] = useState(null);

@@ -32,2 +32,1 @@ const copy = (text) => __awaiter(this, void 0, void 0, function* () {

}
export default useCopyToClipboard;

@@ -22,4 +22,4 @@ interface UseCountdownType {

}
declare function useCountdown(countdownOption: UseCountdownType): [number, CountdownHelpers];
declare function useCountdown(countdownOption: CountdownOption): [number, CountdownControllers];
export default useCountdown;
export declare function useCountdown(countdownOption: UseCountdownType): [number, CountdownHelpers];
export declare function useCountdown(countdownOption: CountdownOption): [number, CountdownControllers];
export {};
import { useCallback } from 'react';
import { useBoolean, useCounter, useInterval } from '..';
function useCountdown(countdownOption) {
export function useCountdown(countdownOption) {
let isDeprecated = false;

@@ -57,2 +57,1 @@ let countStart, intervalMs, isIncrement, countStop;

}
export default useCountdown;

@@ -9,3 +9,3 @@ import { Dispatch, SetStateAction } from 'react';

}
declare function useCounter(initialValue?: number): UseCounterOutput;
export default useCounter;
export declare function useCounter(initialValue?: number): UseCounterOutput;
export {};
import { useState } from 'react';
function useCounter(initialValue) {
export function useCounter(initialValue) {
const [count, setCount] = useState(initialValue || 0);

@@ -15,2 +15,1 @@ const increment = () => setCount(x => x + 1);

}
export default useCounter;

@@ -7,3 +7,3 @@ interface UseDarkModeOutput {

}
declare function useDarkMode(defaultValue?: boolean): UseDarkModeOutput;
export default useDarkMode;
export declare function useDarkMode(defaultValue?: boolean): UseDarkModeOutput;
export {};
import { useLocalStorage, useMediaQuery, useUpdateEffect } from '..';
const COLOR_SCHEME_QUERY = '(prefers-color-scheme: dark)';
function useDarkMode(defaultValue) {
export function useDarkMode(defaultValue) {
var _a;

@@ -17,2 +17,1 @@ const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY);

}
export default useDarkMode;

@@ -1,2 +0,1 @@

declare function useDebounce<T>(value: T, delay?: number): T;
export default useDebounce;
export declare function useDebounce<T>(value: T, delay?: number): T;
import { useEffect, useState } from 'react';
function useDebounce(value, delay) {
export function useDebounce(value, delay) {
const [debouncedValue, setDebouncedValue] = useState(value);

@@ -12,2 +12,1 @@ useEffect(() => {

}
export default useDebounce;

@@ -1,2 +0,1 @@

declare function useDocumentTitle(title: string): void;
export default useDocumentTitle;
export declare function useDocumentTitle(title: string): void;
import { useIsomorphicLayoutEffect } from '..';
function useDocumentTitle(title) {
export function useDocumentTitle(title) {
useIsomorphicLayoutEffect(() => {

@@ -7,2 +7,1 @@ window.document.title = title;

}
export default useDocumentTitle;
import { EffectCallback } from 'react';
declare function useEffectOnce(effect: EffectCallback): void;
export default useEffectOnce;
export declare function useEffectOnce(effect: EffectCallback): void;
import { useEffect } from 'react';
function useEffectOnce(effect) {
export function useEffectOnce(effect) {
useEffect(effect, []);
}
export default useEffectOnce;

@@ -5,6 +5,6 @@ interface Size {

}
declare function useElementSize<T extends HTMLElement = HTMLDivElement>(): [
export declare function useElementSize<T extends HTMLElement = HTMLDivElement>(): [
(node: T | null) => void,
Size
];
export default useElementSize;
export {};
import { useCallback, useState } from 'react';
import { useEventListener, useIsomorphicLayoutEffect } from '..';
function useElementSize() {
export function useElementSize() {
const [ref, setRef] = useState(null);

@@ -21,2 +21,1 @@ const [size, setSize] = useState({

}
export default useElementSize;

@@ -1,1 +0,1 @@

export default function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R): (...args: Args) => R;
export declare function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R): (...args: Args) => R;
import { useCallback, useRef } from 'react';
import { useIsomorphicLayoutEffect } from '..';
export default function useEventCallback(fn) {
export function useEventCallback(fn) {
const ref = useRef(() => {

@@ -5,0 +5,0 @@ throw new Error('Cannot call an event handler while rendering.');

@@ -6,2 +6,2 @@ import { RefObject } from 'react';

declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
export default useEventListener;
export { useEventListener };

@@ -20,2 +20,2 @@ import { useEffect, useRef } from 'react';

}
export default useEventListener;
export { useEventListener };

@@ -5,3 +5,3 @@ interface State<T> {

}
declare function useFetch<T = unknown>(url?: string, options?: RequestInit): State<T>;
export default useFetch;
export declare function useFetch<T = unknown>(url?: string, options?: RequestInit): State<T>;
export {};

@@ -11,3 +11,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {

import { useEffect, useReducer, useRef } from 'react';
function useFetch(url, options) {
export function useFetch(url, options) {
const cache = useRef({});

@@ -66,2 +66,1 @@ const cancelRequest = useRef(false);

}
export default useFetch;
import { RefObject } from 'react';
declare function useHover<T extends HTMLElement = HTMLElement>(elementRef: RefObject<T>): boolean;
export default useHover;
export declare function useHover<T extends HTMLElement = HTMLElement>(elementRef: RefObject<T>): boolean;
import { useState } from 'react';
import { useEventListener } from '..';
function useHover(elementRef) {
export function useHover(elementRef) {
const [value, setValue] = useState(false);

@@ -11,2 +11,1 @@ const handleMouseEnter = () => setValue(true);

}
export default useHover;

@@ -10,3 +10,3 @@ import { CSSProperties } from 'react';

}
declare function useImageOnLoad(): ImageOnLoadType;
export default useImageOnLoad;
export declare function useImageOnLoad(): ImageOnLoadType;
export {};
import { useState } from 'react';
function useImageOnLoad() {
export function useImageOnLoad() {
const [isLoaded, setIsLoaded] = useState(false);

@@ -20,2 +20,1 @@ const handleImageOnLoad = () => {

}
export default useImageOnLoad;

@@ -5,3 +5,3 @@ import { RefObject } from 'react';

}
declare function useIntersectionObserver(elementRef: RefObject<Element>, { threshold, root, rootMargin, freezeOnceVisible, }: Args): IntersectionObserverEntry | undefined;
export default useIntersectionObserver;
export declare function useIntersectionObserver(elementRef: RefObject<Element>, { threshold, root, rootMargin, freezeOnceVisible, }: Args): IntersectionObserverEntry | undefined;
export {};
import { useEffect, useState } from 'react';
function useIntersectionObserver(elementRef, { threshold = 0, root = null, rootMargin = '0%', freezeOnceVisible = false, }) {
export function useIntersectionObserver(elementRef, { threshold = 0, root = null, rootMargin = '0%', freezeOnceVisible = false, }) {
const [entry, setEntry] = useState();

@@ -20,2 +20,1 @@ const frozen = (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) && freezeOnceVisible;

}
export default useIntersectionObserver;

@@ -1,2 +0,1 @@

declare function useInterval(callback: () => void, delay: number | null): void;
export default useInterval;
export declare function useInterval(callback: () => void, delay: number | null): void;
import { useEffect, useRef } from 'react';
import { useIsomorphicLayoutEffect } from '..';
function useInterval(callback, delay) {
export function useInterval(callback, delay) {
const savedCallback = useRef(callback);

@@ -16,2 +16,1 @@ useIsomorphicLayoutEffect(() => {

}
export default useInterval;

@@ -1,2 +0,1 @@

declare function useIsClient(): boolean;
export default useIsClient;
export declare function useIsClient(): boolean;
import { useEffect, useState } from 'react';
function useIsClient() {
export function useIsClient() {
const [isClient, setClient] = useState(false);

@@ -9,2 +9,1 @@ useEffect(() => {

}
export default useIsClient;

@@ -1,2 +0,1 @@

declare function useIsFirstRender(): boolean;
export default useIsFirstRender;
export declare function useIsFirstRender(): boolean;
import { useRef } from 'react';
function useIsFirstRender() {
export function useIsFirstRender() {
const isFirst = useRef(true);

@@ -10,2 +10,1 @@ if (isFirst.current) {

}
export default useIsFirstRender;

@@ -1,2 +0,1 @@

declare function useIsMounted(): () => boolean;
export default useIsMounted;
export declare function useIsMounted(): () => boolean;
import { useCallback, useEffect, useRef } from 'react';
function useIsMounted() {
export function useIsMounted() {
const isMounted = useRef(false);

@@ -12,2 +12,1 @@ useEffect(() => {

}
export default useIsMounted;
import { useEffect } from 'react';
declare const useIsomorphicLayoutEffect: typeof useEffect;
export default useIsomorphicLayoutEffect;
export declare const useIsomorphicLayoutEffect: typeof useEffect;
import { useEffect, useLayoutEffect } from 'react';
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
export default useIsomorphicLayoutEffect;
export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;

@@ -8,3 +8,3 @@ import { Dispatch, SetStateAction } from 'react';

declare type SetValue<T> = Dispatch<SetStateAction<T>>;
declare function useLocalStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
export default useLocalStorage;
export declare function useLocalStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
export {};
import { useCallback, useEffect, useState, } from 'react';
import { useEventCallback, useEventListener } from '..';
function useLocalStorage(key, initialValue) {
export function useLocalStorage(key, initialValue) {
const readValue = useCallback(() => {

@@ -45,3 +45,2 @@ if (typeof window === 'undefined') {

}
export default useLocalStorage;
function parseJSON(value) {

@@ -48,0 +47,0 @@ try {

declare type UseLockedBodyOutput = [boolean, (locked: boolean) => void];
declare function useLockedBody(initialLocked?: boolean, rootId?: string): UseLockedBodyOutput;
export declare function useLockedBody(initialLocked?: boolean, rootId?: string): UseLockedBodyOutput;
export default useLockedBody;
import { useEffect, useState } from 'react';
import { useIsomorphicLayoutEffect } from '..';
function useLockedBody(initialLocked = false, rootId = '___gatsby') {
export function useLockedBody(initialLocked = false, rootId = '___gatsby') {
const [locked, setLocked] = useState(initialLocked);

@@ -5,0 +5,0 @@ useIsomorphicLayoutEffect(() => {

@@ -9,3 +9,3 @@ export declare type MapOrEntries<K, V> = Map<K, V> | [K, V][];

declare type Return<K, V> = [Omit<Map<K, V>, 'set' | 'clear' | 'delete'>, Actions<K, V>];
declare function useMap<K, V>(initialState?: MapOrEntries<K, V>): Return<K, V>;
export default useMap;
export declare function useMap<K, V>(initialState?: MapOrEntries<K, V>): Return<K, V>;
export {};
import { useCallback, useState } from 'react';
function useMap(initialState = new Map()) {
export function useMap(initialState = new Map()) {
const [map, setMap] = useState(new Map(initialState));

@@ -28,2 +28,1 @@ const actions = {

}
export default useMap;

@@ -1,2 +0,1 @@

declare function useMediaQuery(query: string): boolean;
export default useMediaQuery;
export declare function useMediaQuery(query: string): boolean;
import { useEffect, useState } from 'react';
function useMediaQuery(query) {
export function useMediaQuery(query) {
const getMatches = (query) => {

@@ -33,2 +33,1 @@ if (typeof window !== 'undefined') {

}
export default useMediaQuery;
import { RefObject } from 'react';
declare type Handler = (event: MouseEvent) => void;
declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup'): void;
export default useOnClickOutside;
export declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup'): void;
export {};
import { useEventListener } from '..';
function useOnClickOutside(ref, handler, mouseEvent = 'mousedown') {
export function useOnClickOutside(ref, handler, mouseEvent = 'mousedown') {
useEventListener(mouseEvent, event => {

@@ -11,2 +11,1 @@ const el = ref === null || ref === void 0 ? void 0 : ref.current;

}
export default useOnClickOutside;
declare type Value<T> = T | null;
declare function useReadLocalStorage<T>(key: string): Value<T>;
export default useReadLocalStorage;
export declare function useReadLocalStorage<T>(key: string): Value<T>;
export {};
import { useCallback, useEffect, useState } from 'react';
import { useEventListener } from '..';
function useReadLocalStorage(key) {
export function useReadLocalStorage(key) {
const readValue = useCallback(() => {

@@ -31,2 +31,1 @@ if (typeof window === 'undefined') {

}
export default useReadLocalStorage;

@@ -1,2 +0,1 @@

declare function useScreen(): Screen | undefined;
export default useScreen;
export declare function useScreen(): Screen | undefined;
import { useState } from 'react';
import { useEventListener, useIsomorphicLayoutEffect } from '..';
function useScreen() {
export function useScreen() {
const getScreen = () => {

@@ -20,2 +20,1 @@ if (typeof window !== 'undefined' && window.screen) {

}
export default useScreen;

@@ -6,3 +6,2 @@ export declare type UseScriptStatus = 'idle' | 'loading' | 'ready' | 'error';

}
declare function useScript(src: string | null, options?: UseScriptOptions): UseScriptStatus;
export default useScript;
export declare function useScript(src: string | null, options?: UseScriptOptions): UseScriptStatus;

@@ -11,3 +11,3 @@ import { useEffect, useState } from 'react';

}
function useScript(src, options) {
export function useScript(src, options) {
const [status, setStatus] = useState(() => {

@@ -70,2 +70,1 @@ var _a;

}
export default useScript;

@@ -8,3 +8,3 @@ import { Dispatch, SetStateAction } from 'react';

declare type SetValue<T> = Dispatch<SetStateAction<T>>;
declare function useSessionStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
export default useSessionStorage;
export declare function useSessionStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
export {};
import { useCallback, useEffect, useState, } from 'react';
import { useEventCallback, useEventListener } from '..';
function useSessionStorage(key, initialValue) {
export function useSessionStorage(key, initialValue) {
const readValue = useCallback(() => {

@@ -45,3 +45,2 @@ if (typeof window === 'undefined') {

}
export default useSessionStorage;
function parseJSON(value) {

@@ -48,0 +47,0 @@ try {

@@ -1,5 +0,4 @@

declare function useSsr(): {
export declare function useSsr(): {
isBrowser: false | HTMLElement;
isServer: boolean;
};
export default useSsr;

@@ -1,2 +0,2 @@

function useSsr() {
export function useSsr() {
const isDOM = typeof window !== 'undefined' &&

@@ -10,2 +10,1 @@ window.document &&

}
export default useSsr;

@@ -10,3 +10,3 @@ import { Dispatch, SetStateAction } from 'react';

}
declare function useStep(maxStep: number): [number, Helpers];
export default useStep;
export declare function useStep(maxStep: number): [number, Helpers];
export {};
import { useCallback, useMemo, useState } from 'react';
function useStep(maxStep) {
export function useStep(maxStep) {
const [currentStep, setCurrentStep] = useState(1);

@@ -39,2 +39,1 @@ const canGoToNextStep = useMemo(() => currentStep + 1 <= maxStep, [currentStep, maxStep]);

}
export default useStep;

@@ -9,3 +9,3 @@ import { Dispatch, SetStateAction } from 'react';

}
declare function useTernaryDarkMode(): UseTernaryDarkModeOutput;
export default useTernaryDarkMode;
export declare function useTernaryDarkMode(): UseTernaryDarkModeOutput;
export {};
import { useEffect, useState } from 'react';
import { useLocalStorage, useMediaQuery, useUpdateEffect } from '..';
const COLOR_SCHEME_QUERY = '(prefers-color-scheme: dark)';
function useTernaryDarkMode() {
export function useTernaryDarkMode() {
const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY);

@@ -41,2 +41,1 @@ const [ternaryDarkMode, setTernaryDarkMode] = useLocalStorage('usehooks-ts-ternary-dark-mode', 'system');

}
export default useTernaryDarkMode;

@@ -1,2 +0,1 @@

declare function useTimeout(callback: () => void, delay: number | null): void;
export default useTimeout;
export declare function useTimeout(callback: () => void, delay: number | null): void;
import { useEffect, useRef } from 'react';
import { useIsomorphicLayoutEffect } from '..';
function useTimeout(callback, delay) {
export function useTimeout(callback, delay) {
const savedCallback = useRef(callback);

@@ -16,2 +16,1 @@ useIsomorphicLayoutEffect(() => {

}
export default useTimeout;
import { Dispatch, SetStateAction } from 'react';
declare function useToggle(defaultValue?: boolean): [boolean, () => void, Dispatch<SetStateAction<boolean>>];
export default useToggle;
export declare function useToggle(defaultValue?: boolean): [boolean, () => void, Dispatch<SetStateAction<boolean>>];
import { useCallback, useState } from 'react';
function useToggle(defaultValue) {
export function useToggle(defaultValue) {
const [value, setValue] = useState(!!defaultValue);

@@ -7,2 +7,1 @@ const toggle = useCallback(() => setValue(x => !x), []);

}
export default useToggle;
import { DependencyList, EffectCallback } from 'react';
declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;
export default useUpdateEffect;
export declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;
import { useEffect } from 'react';
import { useIsFirstRender } from '..';
function useUpdateEffect(effect, deps) {
export function useUpdateEffect(effect, deps) {
const isFirst = useIsFirstRender();

@@ -11,2 +11,1 @@ useEffect(() => {

}
export default useUpdateEffect;

@@ -5,3 +5,3 @@ interface WindowSize {

}
declare function useWindowSize(): WindowSize;
export default useWindowSize;
export declare function useWindowSize(): WindowSize;
export {};
import { useState } from 'react';
import { useEventListener, useIsomorphicLayoutEffect } from '..';
function useWindowSize() {
export function useWindowSize() {
const [windowSize, setWindowSize] = useState({

@@ -20,2 +20,1 @@ width: 0,

}
export default useWindowSize;
{
"name": "usehooks-ts",
"private": false,
"version": "2.9.1",
"version": "2.9.2",
"description": "React hook library, ready to use, written in Typescript.",

@@ -17,25 +17,19 @@ "author": "Julien CARON <juliencaron@protonmail.com>",

"types": "./dist/esm/index.d.ts",
"workspaces": [
"packages/eslint-config-custom"
],
"exports": {
".": {
"require": "./dist/cjs/index.js",
"import": "./dist/esm/index.js"
}
},
"scripts": {
"dev": "npm run test:watch",
"prebuild": "npm run clean && npm run test",
"build": "npm run build:cjs && npm run build:esm",
"preinstall": "npx only-allow pnpm",
"dev": "pnpm test:watch",
"build": "pnpm build:cjs && pnpm build:esm",
"build:cjs": "tsc -p tsconfig.build.json --module commonjs --outDir dist/cjs --target es5",
"build:esm": "tsc -p tsconfig.build.json --module esNext --outDir dist/esm --target es6",
"postbuild": "npm run copy:hooks && npm run update:readme",
"pretest": "npm run lint && npm run types-check",
"test": "jest",
"test:watch": "npm run test -- --watch --silent",
"test:coverage": "ts-node ./scripts/coverage.ts",
"clean": "rimraf -rf ./dist",
"format": "prettier --write \"**/*.{json,md,mdx,css,scss,yaml,yml}\"",
"lint": "eslint '**/*.{js,jsx,ts,tsx}'",
"types-check": "tsc --noEmit",
"bump": "bump --tag 'usehooks-ts@%s' --commit 'release: usehooks-ts@%s'",
"deploy": "npm run test && npm run bump && npm publish",
"update:readme": "ts-node ./scripts/updateReadme.ts",
"copy:hooks": "rimraf -rf ./website/generated && ts-node ./scripts/copyHooks.ts",
"plop": "plop && npm run update:readme && npm run format"
"test:watch": "pnpm test -- --watch --silent",
"clean": "rimraf -rf ./dist .turbo",
"lint": "eslint './src/**/*.{js,jsx,ts,tsx}'",
"types-check": "tsc --noEmit"
},

@@ -45,2 +39,3 @@ "devDependencies": {

"@testing-library/react-hooks": "^7.0.2",
"@turbo/gen": "^1.9.9",
"@types/jest": "^29.0.3",

@@ -51,11 +46,8 @@ "@types/node": "^18.7.18",

"@typescript-eslint/parser": "^5.37.0",
"all-contributors-cli": "^6.20.0",
"date-fns": "^2.29.3",
"eslint": "^8.9.0",
"eslint-config-custom": "./packages/eslint-config-custom",
"eslint-config-custom": "workspace:*",
"eslint-plugin-tree-shaking": "^1.10.0",
"jest": "^29.0.3",
"jest-environment-jsdom": "^29.0.3",
"plop": "^3.0.5",
"prettier": "^2.5.1",
"react": "17.0.2",

@@ -66,4 +58,3 @@ "react-dom": "17.0.2",

"ts-node": "^10.2.1",
"typescript": "^4.8.3",
"version-bump-prompt": "^6.1.0"
"typescript": "^4.8.3"
},

@@ -75,4 +66,3 @@ "peerDependencies": {

"engines": {
"node": ">=16.15.0",
"npm": ">=8"
"node": ">=16.15.0"
},

@@ -79,0 +69,0 @@ "files": [

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc