extra-react-hooks 0.6.3 → 0.6.5

package/README.md

@@ -113,6 +113,22 @@ function useIncrement(
 function useResizeObserver(
   callback: ResizeObserverCallback
 , refs: Array<RefObject<HTMLElement> | MutableRefObject<HTMLElement>>
+, deps?: React.DependencyList
+): void
+```
+
+### useIntersectionObserver
+```ts
+function useIntersectionObserver(
+  callback: IntersectionObserverCallback
+, options: IntersectionObserverInit | undefined
+, refs: Array<RefObject<HTMLElement> | MutableRefObject<HTMLElement>>
+, deps?: React.DependencyList
+): void
+function useIntersectionObserver(
+  callback: IntersectionObserverCallback
+, refs: Array<RefObject<HTMLElement> | MutableRefObject<HTMLElement>>
+, deps?: React.DependencyList
 ): void
 ```
 

package/lib/index.d.ts

@@ -1,21 +1,22 @@
-export * from './use-increment.js';
-export * from './use-is-mounted.js';
-export * from './use-is-first-render.js';
-export * from './use-render-counter.js';
-export * from './use-mount.js';
-export * from './use-mount-async.js';
-export * from './use-unmount.js';
-export * from './use-effect-async.js';
-export * from './use-callback-async.js';
-export * from './use-update-effect.js';
-export * from './use-single-selection.js';
-export * from './use-multiple-selection.js';
-export * from './use-state-cycle.js';
-export * from './use-toggle.js';
-export * from './use-resize-observer.js';
-export * from './use-step.js';
-export * from './use-force-update.js';
-export * from './use-finite-state-machine.js';
-export * from './use-iife.js';
-export * from './use-memo-with-cleanup.js';
-export * from './use-get-set.js';
+export * from './use-increment.js';
+export * from './use-is-mounted.js';
+export * from './use-is-first-render.js';
+export * from './use-render-counter.js';
+export * from './use-mount.js';
+export * from './use-mount-async.js';
+export * from './use-unmount.js';
+export * from './use-effect-async.js';
+export * from './use-callback-async.js';
+export * from './use-update-effect.js';
+export * from './use-single-selection.js';
+export * from './use-multiple-selection.js';
+export * from './use-state-cycle.js';
+export * from './use-toggle.js';
+export * from './use-resize-observer.js';
+export * from './use-intersection-observer.js';
+export * from './use-step.js';
+export * from './use-force-update.js';
+export * from './use-finite-state-machine.js';
+export * from './use-iife.js';
+export * from './use-memo-with-cleanup.js';
+export * from './use-get-set.js';

package/lib/index.js

@@ -1,22 +1,23 @@
-export * from './use-increment.js';
-export * from './use-is-mounted.js';
-export * from './use-is-first-render.js';
-export * from './use-render-counter.js';
-export * from './use-mount.js';
-export * from './use-mount-async.js';
-export * from './use-unmount.js';
-export * from './use-effect-async.js';
-export * from './use-callback-async.js';
-export * from './use-update-effect.js';
-export * from './use-single-selection.js';
-export * from './use-multiple-selection.js';
-export * from './use-state-cycle.js';
-export * from './use-toggle.js';
-export * from './use-resize-observer.js';
-export * from './use-step.js';
-export * from './use-force-update.js';
-export * from './use-finite-state-machine.js';
-export * from './use-iife.js';
-export * from './use-memo-with-cleanup.js';
-export * from './use-get-set.js';
+export * from './use-increment.js';
+export * from './use-is-mounted.js';
+export * from './use-is-first-render.js';
+export * from './use-render-counter.js';
+export * from './use-mount.js';
+export * from './use-mount-async.js';
+export * from './use-unmount.js';
+export * from './use-effect-async.js';
+export * from './use-callback-async.js';
+export * from './use-update-effect.js';
+export * from './use-single-selection.js';
+export * from './use-multiple-selection.js';
+export * from './use-state-cycle.js';
+export * from './use-toggle.js';
+export * from './use-resize-observer.js';
+export * from './use-intersection-observer.js';
+export * from './use-step.js';
+export * from './use-force-update.js';
+export * from './use-finite-state-machine.js';
+export * from './use-iife.js';
+export * from './use-memo-with-cleanup.js';
+export * from './use-get-set.js';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,eAAe,CAAA;AAC7B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,eAAe,CAAA;AAC7B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kBAAkB,CAAA"}

package/lib/types.d.ts

@@ -1,3 +1,3 @@
-export interface IOptionState {
-    selected: boolean;
-}
+export interface IOptionState {
+    selected: boolean;
+}

package/lib/types.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=types.js.map

package/lib/use-callback-async.d.ts

@@ -1,2 +1,2 @@
-import { DependencyList } from 'react';
-export declare function useCallbackAsync<Args extends unknown[]>(callback: (...args: [...args: Args, signal: AbortSignal]) => Promise<void>, deps: DependencyList): (...args: Args) => void;
+import { DependencyList } from 'react';
+export declare function useCallbackAsync<Args extends unknown[]>(callback: (...args: [...args: Args, signal: AbortSignal]) => Promise<void>, deps: DependencyList): (...args: Args) => void;

package/lib/use-callback-async.js

@@ -1,20 +1,20 @@
-import { useCallback } from 'react';
-import { go } from '@blackglory/prelude';
-import { AbortController } from 'extra-abort';
-import { useMemoWithCleanup } from './use-memo-with-cleanup.js';
-const symbolAbort = Symbol();
-export function useCallbackAsync(callback, deps) {
-    const controller = useMemoWithCleanup(() => new AbortController(), controller => controller.abort(symbolAbort), deps);
-    return useCallback((...args) => {
-        go(async () => {
-            try {
-                await callback(...args, controller.signal);
-            }
-            catch (err) {
-                if (err !== symbolAbort)
-                    throw err;
-            }
-        });
-    }, deps);
-}
+import { useCallback } from 'react';
+import { go } from '@blackglory/prelude';
+import { AbortController } from 'extra-abort';
+import { useMemoWithCleanup } from './use-memo-with-cleanup.js';
+const symbolAbort = Symbol();
+export function useCallbackAsync(callback, deps) {
+    const controller = useMemoWithCleanup(() => new AbortController(), controller => controller.abort(symbolAbort), deps);
+    return useCallback((...args) => {
+        go(async () => {
+            try {
+                await callback(...args, controller.signal);
+            }
+            catch (err) {
+                if (err !== symbolAbort)
+                    throw err;
+            }
+        });
+    }, deps);
+}
 //# sourceMappingURL=use-callback-async.js.map

package/lib/use-effect-async.d.ts

@@ -1,2 +1,2 @@
-import { DependencyList } from 'react';
-export declare function useEffectAsync(effect: (signal: AbortSignal) => Promise<void>, deps?: DependencyList): void;
+import { DependencyList } from 'react';
+export declare function useEffectAsync(effect: (signal: AbortSignal) => Promise<void>, deps?: DependencyList): void;

package/lib/use-effect-async.js

@@ -1,20 +1,20 @@
-import { useEffect } from 'react';
-import { go } from '@blackglory/prelude';
-import { AbortController } from 'extra-abort';
-const abort = Symbol();
-export function useEffectAsync(effect, deps) {
-    useEffect(() => {
-        const controller = new AbortController();
-        go(async () => {
-            try {
-                await effect(controller.signal);
-            }
-            catch (err) {
-                if (err !== abort)
-                    throw err;
-            }
-        });
-        return () => controller.abort();
-    }, deps);
-}
+import { useEffect } from 'react';
+import { go } from '@blackglory/prelude';
+import { AbortController } from 'extra-abort';
+const abort = Symbol();
+export function useEffectAsync(effect, deps) {
+    useEffect(() => {
+        const controller = new AbortController();
+        go(async () => {
+            try {
+                await effect(controller.signal);
+            }
+            catch (err) {
+                if (err !== abort)
+                    throw err;
+            }
+        });
+        return () => controller.abort();
+    }, deps);
+}
 //# sourceMappingURL=use-effect-async.js.map

package/lib/use-finite-state-machine.d.ts

@@ -1,3 +1,3 @@
-import { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from 'extra-fsm';
-export type { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from 'extra-fsm';
-export declare function useFiniteStateMachine<State extends string, Event extends string>(schema: IFiniteStateMachineSchema<State, Event>, initialState: State): ObservableFiniteStateMachine<State, Event>;
+import { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from 'extra-fsm';
+export type { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from 'extra-fsm';
+export declare function useFiniteStateMachine<State extends string, Event extends string>(schema: IFiniteStateMachineSchema<State, Event>, initialState: State): ObservableFiniteStateMachine<State, Event>;

package/lib/use-finite-state-machine.js

@@ -1,14 +1,14 @@
-import { useMemo, useEffect } from 'react';
-import { ObservableFiniteStateMachine } from 'extra-fsm';
-import { useForceUpdate } from './use-force-update.js';
-export function useFiniteStateMachine(schema, initialState) {
-    const forceUpdate = useForceUpdate();
-    const fsm = useMemo(() => new ObservableFiniteStateMachine(schema, initialState), [schema, initialState]);
-    useEffect(() => {
-        const observable = fsm.observeStateChanges();
-        const subscription = observable.subscribe(() => forceUpdate());
-        return () => subscription.unsubscribe();
-    }, [fsm]);
-    return fsm;
-}
+import { useMemo, useEffect } from 'react';
+import { ObservableFiniteStateMachine } from 'extra-fsm';
+import { useForceUpdate } from './use-force-update.js';
+export function useFiniteStateMachine(schema, initialState) {
+    const forceUpdate = useForceUpdate();
+    const fsm = useMemo(() => new ObservableFiniteStateMachine(schema, initialState), [schema, initialState]);
+    useEffect(() => {
+        const observable = fsm.observeStateChanges();
+        const subscription = observable.subscribe(() => forceUpdate());
+        return () => subscription.unsubscribe();
+    }, [fsm]);
+    return fsm;
+}
 //# sourceMappingURL=use-finite-state-machine.js.map

package/lib/use-force-update.d.ts

@@ -1 +1 @@
-export declare function useForceUpdate(): () => void;
+export declare function useForceUpdate(): () => void;

package/lib/use-force-update.js

@@ -1,9 +1,9 @@
-import { useState, useCallback } from 'react';
-export function useForceUpdate() {
-    const [, setState] = useState({});
-    return useCallback(forceUpdate, []);
-    function forceUpdate() {
-        setState({});
-    }
-}
+import { useState, useCallback } from 'react';
+export function useForceUpdate() {
+    const [, setState] = useState({});
+    return useCallback(forceUpdate, []);
+    function forceUpdate() {
+        setState({});
+    }
+}
 //# sourceMappingURL=use-force-update.js.map

package/lib/use-get-set.d.ts

@@ -1 +1 @@
-export declare function useGetSet<T>(initialValue: T): [get: () => T, set: (value: T) => void];
+export declare function useGetSet<T>(initialValue: T): [get: () => T, set: (value: T) => void];

package/lib/use-get-set.js

@@ -1,16 +1,16 @@
-import { useRef, useCallback } from 'react';
-import { useForceUpdate } from './use-force-update.js';
-export function useGetSet(initialValue) {
-    const forceUpdate = useForceUpdate();
-    const ref = useRef(initialValue);
-    return [
-        useCallback(() => ref.current, []),
-        useCallback((value) => {
-            if (ref.current !== value) {
-                ref.current = value;
-                forceUpdate();
-            }
-        }, [])
-    ];
-}
+import { useRef, useCallback } from 'react';
+import { useForceUpdate } from './use-force-update.js';
+export function useGetSet(initialValue) {
+    const forceUpdate = useForceUpdate();
+    const ref = useRef(initialValue);
+    return [
+        useCallback(() => ref.current, []),
+        useCallback((value) => {
+            if (ref.current !== value) {
+                ref.current = value;
+                forceUpdate();
+            }
+        }, [])
+    ];
+}
 //# sourceMappingURL=use-get-set.js.map

package/lib/use-iife.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function useIIFE(iife: () => void, deps: React.DependencyList): void;
+/// <reference types="react" />
+export declare function useIIFE(iife: () => void, deps: React.DependencyList): void;

package/lib/use-iife.js

@@ -1,21 +1,21 @@
-import { useRef } from 'react';
-import { useIsFirstRender } from "./use-is-first-render.js";
-export function useIIFE(iife, deps) {
-    const oldDeps = useRef([]);
-    const isFirstRender = useIsFirstRender();
-    if (isFirstRender()) {
-        iife();
-    }
-    else {
-        if (deps.length === oldDeps.current.length) {
-            if (deps.some((x, i) => x !== oldDeps.current[i])) {
-                iife();
-            }
-        }
-        else {
-            iife();
-        }
-    }
-    oldDeps.current = Array.from(deps);
-}
+import { useRef } from 'react';
+import { useIsFirstRender } from "./use-is-first-render.js";
+export function useIIFE(iife, deps) {
+    const oldDeps = useRef([]);
+    const isFirstRender = useIsFirstRender();
+    if (isFirstRender()) {
+        iife();
+    }
+    else {
+        if (deps.length === oldDeps.current.length) {
+            if (deps.some((x, i) => x !== oldDeps.current[i])) {
+                iife();
+            }
+        }
+        else {
+            iife();
+        }
+    }
+    oldDeps.current = Array.from(deps);
+}
 //# sourceMappingURL=use-iife.js.map

package/lib/use-increment.d.ts

@@ -1 +1 @@
-export declare function useIncrement(initialValue: number): [value: number, increment: (step?: number) => void, reset: () => void];
+export declare function useIncrement(initialValue: number): [value: number, increment: (step?: number) => void, reset: () => void];

package/lib/use-increment.js

@@ -1,12 +1,12 @@
-import { useState, useCallback } from 'react';
-export function useIncrement(initialValue) {
-    const [value, setValue] = useState(initialValue);
-    return [value, useCallback(increment, []), useCallback(reset, [])];
-    function increment(step = 1) {
-        setValue(value => value + step);
-    }
-    function reset() {
-        setValue(initialValue);
-    }
-}
+import { useState, useCallback } from 'react';
+export function useIncrement(initialValue) {
+    const [value, setValue] = useState(initialValue);
+    return [value, useCallback(increment, []), useCallback(reset, [])];
+    function increment(step = 1) {
+        setValue(value => value + step);
+    }
+    function reset() {
+        setValue(initialValue);
+    }
+}
 //# sourceMappingURL=use-increment.js.map

package/lib/use-intersection-observer.d.ts

@@ -0,0 +1,3 @@
+import { RefObject, MutableRefObject } from 'react';
+export declare function useIntersectionObserver(callback: IntersectionObserverCallback, options: IntersectionObserverInit | undefined, refs: Array<RefObject<HTMLElement> | MutableRefObject<HTMLElement>>, deps?: React.DependencyList): void;
+export declare function useIntersectionObserver(callback: IntersectionObserverCallback, refs: Array<RefObject<HTMLElement> | MutableRefObject<HTMLElement>>, deps?: React.DependencyList): void;

package/lib/use-intersection-observer.js

@@ -0,0 +1,33 @@
+import { useEffect } from 'react';
+import { isArray, isntNull } from '@blackglory/prelude';
+export function useIntersectionObserver(...args) {
+    switch (args.length) {
+        case 2: {
+            const [callback, refs] = args;
+            return useIntersectionObserver(callback, undefined, refs);
+        }
+        case 3: {
+            const [callback, optionsOrRefs, refsOrDeps] = args;
+            if (isArray(optionsOrRefs)) {
+                const refs = optionsOrRefs;
+                const deps = refsOrDeps;
+                return useIntersectionObserver(callback, undefined, refs, deps);
+            }
+            else {
+                const options = optionsOrRefs;
+                const refs = refsOrDeps;
+                return useIntersectionObserver(callback, options, refs);
+            }
+        }
+    }
+    const [callback, options, refs, deps] = args;
+    useEffect(() => {
+        const observer = new IntersectionObserver(callback, options);
+        refs
+            .map(x => x.current)
+            .filter(isntNull)
+            .forEach(x => observer.observe(x));
+        return () => observer.disconnect();
+    }, deps);
+}
+//# sourceMappingURL=use-intersection-observer.js.map

package/lib/use-intersection-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intersection-observer.js","sourceRoot":"","sources":["../src/use-intersection-observer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAU,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAa/D,MAAM,UAAU,uBAAuB,CAAC,GAAG,IAWxC;IAED,QAAQ,IAAI,CAAC,MAAM,EAAE;QACnB,KAAK,CAAC,CAAC,CAAC;YACN,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,IAAI,CAAA;YAG7B,OAAO,uBAAuB,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,CAAA;SAC1D;QACD,KAAK,CAAC,CAAC,CAAC;YACN,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,UAAU,CAAC,GAAG,IAAI,CAAA;YAClD,IAAI,OAAO,CAAC,aAAa,CAAC,EAAE;gBAC1B,MAAM,IAAI,GAAG,aAAa,CAAA;gBAC1B,MAAM,IAAI,GAAG,UAA8C,CAAA;gBAG3D,OAAO,uBAAuB,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;aAChE;iBAAM;gBACL,MAAM,OAAO,GAAG,aAAa,CAAA;gBAC7B,MAAM,IAAI,GAAG,UAA2E,CAAA;gBAGxF,OAAO,uBAAuB,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;aACxD;SACF;KACF;IAED,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,CAAA;IAG5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAE5D,IAAI;aACD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;aACnB,MAAM,CAAC,QAAQ,CAAC;aAChB,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;QAEpC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;IACpC,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC"}

package/lib/use-is-first-render.d.ts

@@ -1 +1 @@
-export declare function useIsFirstRender(): () => boolean;
+export declare function useIsFirstRender(): () => boolean;

package/lib/use-is-first-render.js

@@ -1,24 +1,24 @@
-import { useRef, useCallback } from 'react';
-var State;
-(function (State) {
-    State[State["InitialValue"] = 0] = "InitialValue";
-    State[State["First"] = 1] = "First";
-    State[State["NotFirst"] = 2] = "NotFirst";
-})(State || (State = {}));
-export function useIsFirstRender() {
-    const state = useRef(State.InitialValue);
-    switch (state.current) {
-        case State.InitialValue:
-            state.current = State.First;
-            break;
-        case State.First:
-            state.current = State.NotFirst;
-            break;
-        case State.NotFirst: break;
-    }
-    return useCallback(isFirstRender, []);
-    function isFirstRender() {
-        return state.current === State.First;
-    }
-}
+import { useRef, useCallback } from 'react';
+var State;
+(function (State) {
+    State[State["InitialValue"] = 0] = "InitialValue";
+    State[State["First"] = 1] = "First";
+    State[State["NotFirst"] = 2] = "NotFirst";
+})(State || (State = {}));
+export function useIsFirstRender() {
+    const state = useRef(State.InitialValue);
+    switch (state.current) {
+        case State.InitialValue:
+            state.current = State.First;
+            break;
+        case State.First:
+            state.current = State.NotFirst;
+            break;
+        case State.NotFirst: break;
+    }
+    return useCallback(isFirstRender, []);
+    function isFirstRender() {
+        return state.current === State.First;
+    }
+}
 //# sourceMappingURL=use-is-first-render.js.map

package/lib/use-is-mounted.d.ts

@@ -1 +1 @@
-export declare function useIsMounted(): () => boolean;
+export declare function useIsMounted(): () => boolean;

package/lib/use-is-mounted.js

@@ -1,16 +1,16 @@
-import { useRef, useCallback } from 'react';
-import { useMount } from './use-mount.js';
-export function useIsMounted() {
-    const mounted = useRef(false);
-    useMount(() => {
-        mounted.current = true;
-        return () => {
-            mounted.current = false;
-        };
-    });
-    return useCallback(isMounted, []);
-    function isMounted() {
-        return mounted.current;
-    }
-}
+import { useRef, useCallback } from 'react';
+import { useMount } from './use-mount.js';
+export function useIsMounted() {
+    const mounted = useRef(false);
+    useMount(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
+    });
+    return useCallback(isMounted, []);
+    function isMounted() {
+        return mounted.current;
+    }
+}
 //# sourceMappingURL=use-is-mounted.js.map

package/lib/use-memo-with-cleanup.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function useMemoWithCleanup<T>(factory: () => T, cleanup: (value: T) => void, deps?: React.DependencyList): T;
+/// <reference types="react" />
+export declare function useMemoWithCleanup<T>(factory: () => T, cleanup: (value: T) => void, deps?: React.DependencyList): T;

package/lib/use-memo-with-cleanup.js

@@ -1,9 +1,9 @@
-import { useMemo, useEffect } from 'react';
-export function useMemoWithCleanup(factory, cleanup, deps) {
-    const value = useMemo(factory, deps);
-    useEffect(() => {
-        return () => cleanup(value);
-    }, deps);
-    return value;
-}
+import { useMemo, useEffect } from 'react';
+export function useMemoWithCleanup(factory, cleanup, deps) {
+    const value = useMemo(factory, deps);
+    useEffect(() => {
+        return () => cleanup(value);
+    }, deps);
+    return value;
+}
 //# sourceMappingURL=use-memo-with-cleanup.js.map

package/lib/use-mount-async.d.ts

@@ -1 +1 @@
-export declare function useMountAsync(effect: (signal: AbortSignal) => Promise<void>): void;
+export declare function useMountAsync(effect: (signal: AbortSignal) => Promise<void>): void;

package/lib/use-mount-async.js

@@ -1,5 +1,5 @@
-import { useEffectAsync } from './use-effect-async.js';
-export function useMountAsync(effect) {
-    useEffectAsync(effect, []);
-}
+import { useEffectAsync } from './use-effect-async.js';
+export function useMountAsync(effect) {
+    useEffectAsync(effect, []);
+}
 //# sourceMappingURL=use-mount-async.js.map

package/lib/use-mount.d.ts

@@ -1,2 +1,2 @@
-import { EffectCallback } from 'react';
-export declare function useMount(effect: EffectCallback): void;
+import { EffectCallback } from 'react';
+export declare function useMount(effect: EffectCallback): void;

package/lib/use-mount.js

@@ -1,5 +1,5 @@
-import { useEffect } from 'react';
-export function useMount(effect) {
-    useEffect(effect, []);
-}
+import { useEffect } from 'react';
+export function useMount(effect) {
+    useEffect(effect, []);
+}
 //# sourceMappingURL=use-mount.js.map

package/lib/use-multiple-selection.d.ts

@@ -1,9 +1,9 @@
-import { NonEmptyArray } from '@blackglory/prelude';
-import { IOptionState } from "./types.js";
-export declare function useMultipleSelection<T>(options: NonEmptyArray<T>, defaultSelectedIndexes?: number[]): {
-    selectedIndexes: number[];
-    optionStates: IOptionState[];
-    toggle: (index: number) => void;
-    select: (index: number) => void;
-    unselect: (index: number) => void;
-};
+import { NonEmptyArray } from '@blackglory/prelude';
+import { IOptionState } from "./types.js";
+export declare function useMultipleSelection<T>(options: NonEmptyArray<T>, defaultSelectedIndexes?: number[]): {
+    selectedIndexes: number[];
+    optionStates: IOptionState[];
+    toggle: (index: number) => void;
+    select: (index: number) => void;
+    unselect: (index: number) => void;
+};