extra-react-hooks 0.2.0 → 0.3.1

package/lib/es2018/use-force-update.js

@@ -4,7 +4,10 @@ exports.useForceUpdate = void 0;
 const react_1 = require("react");
 function useForceUpdate() {
     const [, setState] = (0, react_1.useState)({});
-    return () => setState({});
+    return (0, react_1.useCallback)(forceUpdate, []);
+    function forceUpdate() {
+        setState({});
+    }
 }
 exports.useForceUpdate = useForceUpdate;
 //# sourceMappingURL=use-force-update.js.map

package/lib/es2018/use-force-update.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-force-update.js","sourceRoot":"","sources":["../../src/use-force-update.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,cAAc;IAC5B,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAEjC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;AAC3B,CAAC;AAJD,wCAIC"}
+{"version":3,"file":"use-force-update.js","sourceRoot":"","sources":["../../src/use-force-update.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAE7C,SAAgB,cAAc;IAC5B,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAEjC,OAAO,IAAA,mBAAW,EAAC,WAAW,EAAE,EAAE,CAAC,CAAA;IAEnC,SAAS,WAAW;QAClB,QAAQ,CAAC,EAAE,CAAC,CAAA;IACd,CAAC;AACH,CAAC;AARD,wCAQC"}

package/lib/es2018/use-iife.d.ts

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

package/lib/es2018/use-iife.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIIFE = void 0;
+const react_1 = require("react");
+const use_is_first_render_1 = require("./use-is-first-render");
+function useIIFE(iife, deps) {
+    const oldDeps = (0, react_1.useRef)([]);
+    const isFirstRender = (0, use_is_first_render_1.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);
+}
+exports.useIIFE = useIIFE;
+//# sourceMappingURL=use-iife.js.map

package/lib/es2018/use-iife.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-iife.js","sourceRoot":"","sources":["../../src/use-iife.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAC9B,kEAA2D;AAE3D,SAAgB,OAAO,CAAC,IAAgB,EAAE,IAA0B;IAClE,MAAM,OAAO,GAAG,IAAA,cAAM,EAAuB,EAAE,CAAC,CAAA;IAChD,MAAM,aAAa,GAAG,IAAA,sCAAgB,GAAE,CAAA;IAExC,IAAI,aAAa,EAAE,EAAE;QACnB,IAAI,EAAE,CAAA;KACP;SAAM;QACL,IAAI,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE;YAC1C,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;gBACjD,IAAI,EAAE,CAAA;aACP;SACF;aAAM;YACL,IAAI,EAAE,CAAA;SACP;KACF;IAED,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AACpC,CAAC;AAjBD,0BAiBC"}

package/lib/es2018/use-increment.js

@@ -4,13 +4,13 @@ exports.useIncrement = void 0;
 const react_1 = require("react");
 function useIncrement(initialValue) {
     const [value, setValue] = (0, react_1.useState)(initialValue);
-    const increment = (0, react_1.useCallback)((step = 1) => {
+    return [value, (0, react_1.useCallback)(increment, []), (0, react_1.useCallback)(reset, [])];
+    function increment(step = 1) {
         setValue(value => value + step);
-    }, []);
-    const reset = (0, react_1.useCallback)(() => {
+    }
+    function reset() {
         setValue(initialValue);
-    }, []);
-    return [value, increment, reset];
+    }
 }
 exports.useIncrement = useIncrement;
 //# sourceMappingURL=use-increment.js.map

package/lib/es2018/use-increment.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-increment.js","sourceRoot":"","sources":["../../src/use-increment.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAE7C,SAAgB,YAAY,CAC1B,YAAoB;IAEpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAE,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAe,CAAC,EAAE,EAAE;QACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC7B,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;AAClC,CAAC;AAZD,oCAYC"}
+{"version":3,"file":"use-increment.js","sourceRoot":"","sources":["../../src/use-increment.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAE7C,SAAgB,YAAY,CAC1B,YAAoB;IAEpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAChD,OAAO,CAAC,KAAK,EAAE,IAAA,mBAAW,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,IAAA,mBAAW,EAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAA;IAElE,SAAS,SAAS,CAAC,OAAe,CAAC;QACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;IACjC,CAAC;IAED,SAAS,KAAK;QACZ,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC;AACH,CAAC;AAbD,oCAaC"}

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

@@ -19,7 +19,10 @@ function useIsFirstRender() {
             break;
         case State.NotFirst: break;
     }
-    return () => state.current === State.First;
+    return (0, react_1.useCallback)(isFirstRender, []);
+    function isFirstRender() {
+        return state.current === State.First;
+    }
 }
 exports.useIsFirstRender = useIsFirstRender;
 //# sourceMappingURL=use-is-first-render.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-is-first-render.js","sourceRoot":"","sources":["../../src/use-is-first-render.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAE9B,IAAK,KAIJ;AAJD,WAAK,KAAK;IACR,iDAAY,CAAA;IACZ,mCAAK,CAAA;IACL,yCAAQ,CAAA;AACV,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAED,SAAgB,gBAAgB;IAC9B,MAAM,KAAK,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IAExC,QAAQ,KAAK,CAAC,OAAO,EAAE;QACrB,KAAK,KAAK,CAAC,YAAY;YACrB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAA;YAC3B,MAAK;QACP,KAAK,KAAK,CAAC,KAAK;YACd,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;YAC9B,MAAK;QACP,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAK;KAC3B;IAED,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,KAAK,CAAA;AAC5C,CAAC;AAdD,4CAcC"}
+{"version":3,"file":"use-is-first-render.js","sourceRoot":"","sources":["../../src/use-is-first-render.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE3C,IAAK,KAIJ;AAJD,WAAK,KAAK;IACR,iDAAY,CAAA;IACZ,mCAAK,CAAA;IACL,yCAAQ,CAAA;AACV,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAED,SAAgB,gBAAgB;IAC9B,MAAM,KAAK,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IAExC,QAAQ,KAAK,CAAC,OAAO,EAAE;QACrB,KAAK,KAAK,CAAC,YAAY;YACrB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAA;YAC3B,MAAK;QACP,KAAK,KAAK,CAAC,KAAK;YACd,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;YAC9B,MAAK;QACP,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAK;KAC3B;IAED,OAAO,IAAA,mBAAW,EAAC,aAAa,EAAE,EAAE,CAAC,CAAA;IAErC,SAAS,aAAa;QACpB,OAAO,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,KAAK,CAAA;IACtC,CAAC;AACH,CAAC;AAlBD,4CAkBC"}

package/lib/es2018/use-is-mounted.js

@@ -4,14 +4,17 @@ exports.useIsMounted = void 0;
 const react_1 = require("react");
 const use_mount_1 = require("./use-mount");
 function useIsMounted() {
-    const isMounted = (0, react_1.useRef)(false);
+    const mounted = (0, react_1.useRef)(false);
     (0, use_mount_1.useMount)(() => {
-        isMounted.current = true;
+        mounted.current = true;
         return () => {
-            isMounted.current = false;
+            mounted.current = false;
         };
     });
-    return () => isMounted.current;
+    return (0, react_1.useCallback)(isMounted, []);
+    function isMounted() {
+        return mounted.current;
+    }
 }
 exports.useIsMounted = useIsMounted;
 //# sourceMappingURL=use-is-mounted.js.map

package/lib/es2018/use-is-mounted.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-is-mounted.js","sourceRoot":"","sources":["../../src/use-is-mounted.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAC9B,2CAAsC;AAEtC,SAAgB,YAAY;IAC1B,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAA;IAE/B,IAAA,oBAAQ,EAAC,GAAG,EAAE;QACZ,SAAS,CAAC,OAAO,GAAG,IAAI,CAAA;QACxB,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,GAAG,KAAK,CAAA;QAC3B,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAA;AAChC,CAAC;AAXD,oCAWC"}
+{"version":3,"file":"use-is-mounted.js","sourceRoot":"","sources":["../../src/use-is-mounted.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAC3C,2CAAsC;AAEtC,SAAgB,YAAY;IAC1B,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAA;IAE7B,IAAA,oBAAQ,EAAC,GAAG,EAAE;QACZ,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;QACtB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,IAAA,mBAAW,EAAC,SAAS,EAAE,EAAE,CAAC,CAAA;IAEjC,SAAS,SAAS;QAChB,OAAO,OAAO,CAAC,OAAO,CAAA;IACxB,CAAC;AACH,CAAC;AAfD,oCAeC"}

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

@@ -1,13 +1,9 @@
-interface IMultipleSelectionOption<T> {
-    value: T;
-    index: number;
-    selected: boolean;
-    select(): void;
-    unselect(): void;
-    toggle(): void;
-}
-export declare function useMultipleSelection<T>(values: T[], defaultSelectedIndexes?: number[]): {
-    selectedValues: T[];
-    options: Array<IMultipleSelectionOption<T>>;
+import { NonEmptyArray } from 'justypes';
+import { IOptionState } from './types';
+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;
 };
-export {};

package/lib/es2018/use-multiple-selection.js

@@ -4,36 +4,52 @@ exports.useMultipleSelection = void 0;
 const react_1 = require("react");
 const errors_1 = require("@blackglory/errors");
 const iterable_operator_1 = require("iterable-operator");
-function useMultipleSelection(values, defaultSelectedIndexes = []) {
-    (0, errors_1.assert)(values.length > 0, 'The parameter values must be a non-empty array');
-    for (const index of defaultSelectedIndexes) {
-        (0, errors_1.assert)(index >= 0 && index < values.length, 'The index of parameter defaultSelectedIndexes must be in the range of 0 to values.length');
-    }
+const use_iife_1 = require("./use-iife");
+function useMultipleSelection(options, defaultSelectedIndexes = []) {
+    (0, use_iife_1.useIIFE)(() => {
+        for (const index of defaultSelectedIndexes) {
+            (0, errors_1.assert)(index >= 0 && index < options.length, 'The index of parameter defaultSelectedIndexes must be in the range of 0 to values.length');
+        }
+    }, [defaultSelectedIndexes]);
     const [selectedIndexes, setSelectedIndexes] = (0, react_1.useState)(new Set(defaultSelectedIndexes));
-    return (0, react_1.useMemo)(() => ({
-        selectedValues: (0, iterable_operator_1.toArray)((0, iterable_operator_1.map)(selectedIndexes, i => values[i])),
-        options: values.map((value, index) => {
-            const selected = selectedIndexes.has(index);
-            const select = () => {
-                const set = new Set(selectedIndexes);
-                set.add(index);
-                setSelectedIndexes(set);
-            };
-            const unselect = () => {
-                const set = new Set(selectedIndexes);
-                set.delete(index);
-                setSelectedIndexes(set);
-            };
-            return {
-                value,
-                index,
-                selected,
-                select,
-                unselect,
-                toggle: selected ? unselect : select
-            };
-        })
-    }), [selectedIndexes]);
+    return {
+        selectedIndexes: (0, react_1.useMemo)(() => (0, iterable_operator_1.toArray)(selectedIndexes), [selectedIndexes]),
+        optionStates: (0, react_1.useMemo)(createOptionStates, [options, selectedIndexes]),
+        toggle: (0, react_1.useCallback)(toggle, [selectedIndexes]),
+        select: (0, react_1.useCallback)(select, []),
+        unselect: (0, react_1.useCallback)(unselect, [])
+    };
+    function createOptionStates() {
+        return options.map((_, index) => {
+            const selected = isSelected(index);
+            return { selected };
+        });
+    }
+    function isSelected(index) {
+        return selectedIndexes.has(index);
+    }
+    function toggle(index) {
+        if (isSelected(index)) {
+            unselect(index);
+        }
+        else {
+            select(index);
+        }
+    }
+    function select(index) {
+        setSelectedIndexes(selectedIndexes => {
+            const result = new Set(selectedIndexes);
+            result.add(index);
+            return result;
+        });
+    }
+    function unselect(index) {
+        setSelectedIndexes(selectedIndexes => {
+            const result = new Set(selectedIndexes);
+            result.delete(index);
+            return result;
+        });
+    }
 }
 exports.useMultipleSelection = useMultipleSelection;
 //# sourceMappingURL=use-multiple-selection.js.map

package/lib/es2018/use-multiple-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AACzC,+CAA2C;AAC3C,yDAAgD;AAYhD,SAAgB,oBAAoB,CAClC,MAAW,EACX,yBAAmC,EAAE;IAKrC,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,KAAK,MAAM,KAAK,IAAI,sBAAsB,EAAE;QAC1C,IAAA,eAAM,EACJ,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,MAAM,CAAC,MAAM,EACnC,0FAA0F,CAC3F,CAAA;KACF;IAED,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAEvF,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC;QACpB,cAAc,EAAE,IAAA,2BAAO,EAAC,IAAA,uBAAG,EAAC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YAC3C,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;gBACpC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;gBACd,kBAAkB,CAAC,GAAG,CAAC,CAAA;YACzB,CAAC,CAAA;YACD,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;gBACpC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACjB,kBAAkB,CAAC,GAAG,CAAC,CAAA;YACzB,CAAC,CAAA;YAED,OAAO;gBACL,KAAK;gBACL,KAAK;gBACL,QAAQ;gBACR,MAAM;gBACN,QAAQ;gBACR,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;aACrC,CAAA;QACH,CAAC,CAAC;KACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;AACxB,CAAC;AA1CD,oDA0CC"}
+{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAsD;AACtD,+CAA2C;AAC3C,yDAA2C;AAG3C,4CAAuC;AAEvC,SAAgB,oBAAoB,CAClC,OAAyB,EACzB,yBAAmC,EAAE;IAQrC,IAAA,kBAAO,EAAC,GAAG,EAAE;QACX,KAAK,MAAM,KAAK,IAAI,sBAAsB,EAAE;YAC1C,IAAA,eAAM,EACJ,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,EACpC,0FAA0F,CAC3F,CAAA;SACF;IACH,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAE5B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAEvF,OAAO;QACL,eAAe,EAAE,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,2BAAO,EAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;QAC3E,YAAY,EAAE,IAAA,eAAO,EAAC,kBAAkB,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QACrE,MAAM,EAAE,IAAA,mBAAW,EAAC,MAAM,EAAE,CAAC,eAAe,CAAC,CAAC;QAC9C,MAAM,EAAE,IAAA,mBAAW,EAAC,MAAM,EAAE,EAAE,CAAC;QAC/B,QAAQ,EAAE,IAAA,mBAAW,EAAC,QAAQ,EAAE,EAAE,CAAC;KACpC,CAAA;IAED,SAAS,kBAAkB;QACzB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAC9B,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAClC,OAAO,EAAE,QAAQ,EAAE,CAAA;QACrB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,UAAU,CAAC,KAAa;QAC/B,OAAO,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC;IAED,SAAS,MAAM,CAAC,KAAa;QAC3B,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE;YACrB,QAAQ,CAAC,KAAK,CAAC,CAAA;SAChB;aAAM;YACL,MAAM,CAAC,KAAK,CAAC,CAAA;SACd;IACH,CAAC;IAED,SAAS,MAAM,CAAC,KAAa;QAC3B,kBAAkB,CAAC,eAAe,CAAC,EAAE;YACnC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;YACvC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACjB,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,QAAQ,CAAC,KAAa;QAC7B,kBAAkB,CAAC,eAAe,CAAC,EAAE;YACnC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;YACvC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACpB,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AA/DD,oDA+DC"}

package/lib/es2018/use-single-selection.d.ts

@@ -1,14 +1,7 @@
-export interface ISingleSelectionOption<T> {
-    value: T;
-    index: number;
-    selected: boolean;
-    select(): void;
-}
-export declare function useSingleSelection<T>(values: T[], defaultSelectedIndex: number): {
-    selectedValue: T;
-    options: Array<ISingleSelectionOption<T>>;
-};
-export declare function useSingleSelection<T>(values: T[]): {
-    selectedValue: T | undefined;
-    options: Array<ISingleSelectionOption<T>>;
+import { NonEmptyArray } from 'justypes';
+import { IOptionState } from './types';
+export declare function useSingleSelection<T>(options: NonEmptyArray<T>, defaultSelectedIndex: number): {
+    selectedIndex: number;
+    optionStates: IOptionState[];
+    select: (index: number) => void;
 };

package/lib/es2018/use-single-selection.js

@@ -2,23 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSingleSelection = void 0;
 const react_1 = require("react");
-const types_1 = require("@blackglory/types");
 const errors_1 = require("@blackglory/errors");
-function useSingleSelection(values, defaultSelectedIndex) {
-    (0, errors_1.assert)(values.length > 0, 'The parameter values must be a non-empty array');
-    if ((0, types_1.isntUndefined)(defaultSelectedIndex)) {
-        (0, errors_1.assert)(defaultSelectedIndex >= 0 && defaultSelectedIndex < values.length, 'The parameter defaultSelectedIndex must be in the range of 0 to values.length');
-    }
+const use_iife_1 = require("./use-iife");
+function useSingleSelection(options, defaultSelectedIndex) {
+    (0, use_iife_1.useIIFE)(() => {
+        (0, errors_1.assert)(defaultSelectedIndex >= 0 && defaultSelectedIndex < options.length, 'The parameter defaultSelectedIndex must be in the range of 0 to values.length');
+    }, [defaultSelectedIndex]);
     const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultSelectedIndex);
-    return (0, react_1.useMemo)(() => ({
-        selectedValue: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
-        options: values.map((value, index) => ({
-            value,
-            index,
-            selected: index === selectedIndex,
-            select: () => setSelectedIndex(index)
-        }))
-    }), [selectedIndex]);
+    return {
+        selectedIndex,
+        optionStates: (0, react_1.useMemo)(createOptionStates, [options, selectedIndex]),
+        select: (0, react_1.useCallback)(select, [])
+    };
+    function createOptionStates() {
+        return options.map((_, index) => ({
+            selected: index === selectedIndex
+        }));
+    }
+    function select(index) {
+        setSelectedIndex(index);
+    }
 }
 exports.useSingleSelection = useSingleSelection;
 //# sourceMappingURL=use-single-selection.js.map

package/lib/es2018/use-single-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-single-selection.js","sourceRoot":"","sources":["../../src/use-single-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AACzC,6CAA8D;AAC9D,+CAA2C;AAqB3C,SAAgB,kBAAkB,CAChC,MAAW,EACX,oBAA6B;IAE7B,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,IAAI,IAAA,qBAAa,EAAC,oBAAoB,CAAC,EAAE;QACvC,IAAA,eAAM,EACJ,oBAAoB,IAAI,CAAC,IAAI,oBAAoB,GAAG,MAAM,CAAC,MAAM,EACjE,+EAA+E,CAChF,CAAA;KACF;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAqB,oBAAoB,CAAC,CAAA;IAE5F,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC;QACpB,aAAa,EAAE,IAAA,mBAAW,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QAC7E,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACrC,KAAK;YACL,KAAK;YACL,QAAQ,EAAE,KAAK,KAAK,aAAa;YACjC,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC;SACtC,CAAC,CAAC;KACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;AACtB,CAAC;AAvBD,gDAuBC"}
+{"version":3,"file":"use-single-selection.js","sourceRoot":"","sources":["../../src/use-single-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAsD;AACtD,+CAA2C;AAG3C,4CAAuC;AAEvC,SAAgB,kBAAkB,CAChC,OAAyB,EACzB,oBAA4B;IAM5B,IAAA,kBAAO,EAAC,GAAG,EAAE;QACX,IAAA,eAAM,EACJ,oBAAoB,IAAI,CAAC,IAAI,oBAAoB,GAAG,OAAO,CAAC,MAAM,EAClE,+EAA+E,CAChF,CAAA;IACH,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAE1B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,oBAAoB,CAAC,CAAA;IAExE,OAAO;QACL,aAAa;QACb,YAAY,EAAE,IAAA,eAAO,EAAC,kBAAkB,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACnE,MAAM,EAAE,IAAA,mBAAW,EAAC,MAAM,EAAE,EAAE,CAAC;KAChC,CAAA;IAED,SAAS,kBAAkB;QACzB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YAChC,QAAQ,EAAE,KAAK,KAAK,aAAa;SAClC,CAAC,CAAC,CAAA;IACL,CAAC;IAED,SAAS,MAAM,CAAC,KAAa;QAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC;AACH,CAAC;AAhCD,gDAgCC"}

package/lib/es2018/use-state-cycle.d.ts

@@ -1 +1,2 @@
-export declare function useStateCycle<T>(stateList: [T, ...T[]], initialStateIndex?: number): [state: T, next: () => void];
+import { NonEmptyArray } from 'justypes';
+export declare function useStateCycle<T>(orderedStates: NonEmptyArray<T>, initialStateIndex?: number): [state: T, next: () => void];

package/lib/es2018/use-state-cycle.js

@@ -2,19 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStateCycle = void 0;
 const react_1 = require("react");
-function useStateCycle(stateList, initialStateIndex = 0) {
+function useStateCycle(orderedStates, initialStateIndex = 0) {
     const [index, setIndex] = (0, react_1.useState)(initialStateIndex);
-    return [
-        stateList[index],
-        () => setIndex(index => {
-            if (index + 1 < stateList.length) {
+    return [orderedStates[index], (0, react_1.useCallback)(next, [orderedStates])];
+    function next() {
+        setIndex(index => {
+            if (index + 1 < orderedStates.length) {
                 return index + 1;
             }
             else {
                 return 0;
             }
-        })
-    ];
+        });
+    }
 }
 exports.useStateCycle = useStateCycle;
 //# sourceMappingURL=use-state-cycle.js.map

package/lib/es2018/use-state-cycle.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-state-cycle.js","sourceRoot":"","sources":["../../src/use-state-cycle.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,aAAa,CAC3B,SAAsB,EACtB,oBAA4B,CAAC;IAE7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,iBAAiB,CAAC,CAAA;IAErD,OAAO;QACL,SAAS,CAAC,KAAK,CAAC;QAChB,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACrB,IAAI,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE;gBAChC,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;iBAAM;gBACL,OAAO,CAAC,CAAA;aACT;QACH,CAAC,CAAC;KACH,CAAA;AACH,CAAC;AAhBD,sCAgBC"}
+{"version":3,"file":"use-state-cycle.js","sourceRoot":"","sources":["../../src/use-state-cycle.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAG7C,SAAgB,aAAa,CAC3B,aAA+B,EAC/B,oBAA4B,CAAC;IAE7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,iBAAiB,CAAC,CAAA;IAErD,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAA,mBAAW,EAAC,IAAI,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;IAEjE,SAAS,IAAI;QACX,QAAQ,CAAC,KAAK,CAAC,EAAE;YACf,IAAI,KAAK,GAAG,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE;gBACpC,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;iBAAM;gBACL,OAAO,CAAC,CAAA;aACT;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AAjBD,sCAiBC"}

package/lib/es2018/use-step.d.ts

@@ -1 +1,2 @@
-export declare function useStep<T>(steps: [T, ...T[]], initialStepIndex?: number): [currentStep: T, next: () => void, previous: () => void];
+import { NonEmptyArray } from 'justypes';
+export declare function useStep<T>(steps: NonEmptyArray<T>, initialStepIndex?: number): [currentStep: T, next: () => void, previous: () => void];

package/lib/es2018/use-step.js

@@ -4,29 +4,27 @@ exports.useStep = void 0;
 const react_1 = require("react");
 function useStep(steps, initialStepIndex = 0) {
     const [index, setIndex] = (0, react_1.useState)(initialStepIndex);
-    return [
-        steps[index],
-        () => {
-            setIndex(index => {
-                if (index === steps.length - 1) {
-                    return index;
-                }
-                else {
-                    return index + 1;
-                }
-            });
-        },
-        () => {
-            setIndex(index => {
-                if (index === 0) {
-                    return index;
-                }
-                else {
-                    return index - 1;
-                }
-            });
-        }
-    ];
+    return [steps[index], (0, react_1.useCallback)(next, [steps]), (0, react_1.useCallback)(previous, [])];
+    function next() {
+        setIndex(index => {
+            if (index === steps.length - 1) {
+                return index;
+            }
+            else {
+                return index + 1;
+            }
+        });
+    }
+    function previous() {
+        setIndex(index => {
+            if (index === 0) {
+                return index;
+            }
+            else {
+                return index - 1;
+            }
+        });
+    }
 }
 exports.useStep = useStep;
 //# sourceMappingURL=use-step.js.map

package/lib/es2018/use-step.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-step.js","sourceRoot":"","sources":["../../src/use-step.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,OAAO,CACrB,KAAkB,EAClB,mBAA2B,CAAC;IAE5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAA;IAEpD,OAAO;QACL,KAAK,CAAC,KAAK,CAAC;QACZ,GAAG,EAAE;YACH,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACf,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC9B,OAAO,KAAK,CAAA;iBACb;qBAAM;oBACL,OAAO,KAAK,GAAG,CAAC,CAAA;iBACjB;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,GAAG,EAAE;YACH,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACf,IAAI,KAAK,KAAK,CAAC,EAAE;oBACf,OAAO,KAAK,CAAA;iBACb;qBAAM;oBACL,OAAO,KAAK,GAAG,CAAC,CAAA;iBACjB;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;KACF,CAAA;AACH,CAAC;AA3BD,0BA2BC"}
+{"version":3,"file":"use-step.js","sourceRoot":"","sources":["../../src/use-step.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAG7C,SAAgB,OAAO,CACrB,KAAuB,EACvB,mBAA2B,CAAC;IAE5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAA;IAEpD,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAA,mBAAW,EAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,IAAA,mBAAW,EAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAA;IAE5E,SAAS,IAAI;QACX,QAAQ,CAAC,KAAK,CAAC,EAAE;YACf,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC9B,OAAO,KAAK,CAAA;aACb;iBAAM;gBACL,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,QAAQ;QACf,QAAQ,CAAC,KAAK,CAAC,EAAE;YACf,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,OAAO,KAAK,CAAA;aACb;iBAAM;gBACL,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AA3BD,0BA2BC"}

package/lib/es2018/use-toggle.d.ts

@@ -1,4 +1 @@
-export declare function useToggle(initialState?: boolean): [
-    on: boolean,
-    toggle: () => void
-];
+export declare function useToggle(initialState?: boolean): [on: boolean, toggle: () => void];

package/lib/es2018/use-toggle.js

@@ -4,8 +4,10 @@ exports.useToggle = void 0;
 const react_1 = require("react");
 function useToggle(initialState = false) {
     const [state, setState] = (0, react_1.useState)(initialState);
-    const toggle = () => setState(state => !state);
-    return [state, toggle];
+    return [state, (0, react_1.useCallback)(toggle, [])];
+    function toggle() {
+        setState(state => !state);
+    }
 }
 exports.useToggle = useToggle;
 //# sourceMappingURL=use-toggle.js.map

package/lib/es2018/use-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-toggle.js","sourceRoot":"","sources":["../../src/use-toggle.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,SAAS,CAAC,eAAwB,KAAK;IAErD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAChD,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;IAE9C,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AACxB,CAAC;AAND,8BAMC"}
+{"version":3,"file":"use-toggle.js","sourceRoot":"","sources":["../../src/use-toggle.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAE7C,SAAgB,SAAS,CACvB,eAAwB,KAAK;IAE7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAChD,OAAO,CAAC,KAAK,EAAE,IAAA,mBAAW,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAA;IAEvC,SAAS,MAAM;QACb,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;IAC3B,CAAC;AACH,CAAC;AATD,8BASC"}

package/lib/es2018/use-unmount.d.ts

@@ -0,0 +1 @@
+export declare function useUnmount(effect: () => void): void;

package/lib/es2018/use-unmount.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUnmount = void 0;
+const react_1 = require("react");
+function useUnmount(effect) {
+    (0, react_1.useEffect)(() => effect, []);
+}
+exports.useUnmount = useUnmount;
+//# sourceMappingURL=use-unmount.js.map

package/lib/es2018/use-unmount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-unmount.js","sourceRoot":"","sources":["../../src/use-unmount.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAEjC,SAAgB,UAAU,CAAC,MAAkB;IAC3C,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;AAC7B,CAAC;AAFD,gCAEC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "extra-react-hooks",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "",
   "keywords": [],
   "files": [
@@ -53,6 +53,7 @@
     "@typescript-eslint/eslint-plugin": "^5.30.7",
     "@typescript-eslint/parser": "^5.30.7",
     "eslint": "^8.20.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "4",
     "karma": "^6.3.17",
     "karma-chrome-launcher": "^3.1.1",
@@ -77,8 +78,9 @@
   "dependencies": {
     "@blackglory/errors": "^2.2.1",
     "@blackglory/structures": "^0.6.0",
-    "@blackglory/types": "^1.0.0",
+    "@blackglory/types": "^1.2.0",
     "iterable-operator": "^1.1.0",
+    "justypes": "^2.0.0",
     "rxjs": "^7.5.6"
   },
   "peerDependencies": {