extra-react-hooks 0.1.11 → 0.1.14

package/lib/es2015/index.d.ts

@@ -1,7 +1,10 @@
 export * from './use-increment';
 export * from './use-is-mounted';
+export * from './use-is-first-render';
 export * from './use-mount';
+export * from './use-update-effect';
 export * from './use-single-selection';
+export * from './use-multiple-selection';
 export * from './use-state-cycle';
 export * from './use-toggle';
 export * from './use-resize-observer';

package/lib/es2015/index.js

@@ -16,8 +16,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./use-increment"), exports);
 __exportStar(require("./use-is-mounted"), exports);
+__exportStar(require("./use-is-first-render"), exports);
 __exportStar(require("./use-mount"), exports);
+__exportStar(require("./use-update-effect"), exports);
 __exportStar(require("./use-single-selection"), exports);
+__exportStar(require("./use-multiple-selection"), exports);
 __exportStar(require("./use-state-cycle"), exports);
 __exportStar(require("./use-toggle"), exports);
 __exportStar(require("./use-resize-observer"), exports);

package/lib/es2015/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,mDAAgC;AAChC,8CAA2B;AAC3B,yDAAsC;AACtC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,mDAAgC;AAChC,wDAAqC;AACrC,8CAA2B;AAC3B,sDAAmC;AACnC,yDAAsC;AACtC,2DAAwC;AACxC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}

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

@@ -3,14 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFiniteStateMachine = exports.ObservableFiniteStateMachine = void 0;
 const react_1 = require("react");
 const structures_1 = require("@blackglory/structures");
-const observable_hooks_1 = require("observable-hooks");
 const use_force_update_1 = require("./use-force-update");
 var structures_2 = require("@blackglory/structures");
 Object.defineProperty(exports, "ObservableFiniteStateMachine", { enumerable: true, get: function () { return structures_2.ObservableFiniteStateMachine; } });
 function useFiniteStateMachine(schema, initialState) {
     const forceUpdate = (0, use_force_update_1.useForceUpdate)();
     const fsm = (0, react_1.useMemo)(() => new structures_1.ObservableFiniteStateMachine(schema, initialState), [schema]);
-    (0, observable_hooks_1.useSubscription)((0, observable_hooks_1.useObservable)(() => fsm.observeStateChanges(), [fsm]), forceUpdate);
+    (0, react_1.useEffect)(() => {
+        const observable = fsm.observeStateChanges();
+        const subscription = observable.subscribe(() => forceUpdate());
+        return () => subscription.unsubscribe();
+    }, [fsm]);
     return fsm;
 }
 exports.useFiniteStateMachine = useFiniteStateMachine;

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

@@ -1 +1 @@
-{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAC/B,uDAG+B;AAC/B,uDAAiE;AACjE,yDAAmD;AAEnD,qDAG+B;AAF7B,0HAAA,4BAA4B,OAAA;AAI9B,SAAgB,qBAAqB,CACnC,MAA+C,EAC/C,YAAmB;IAEnB,MAAM,WAAW,GAAG,IAAA,iCAAc,GAAE,CAAA;IACpC,MAAM,GAAG,GAAG,IAAA,eAAO,EACjB,GAAG,EAAE,CAAC,IAAI,yCAA4B,CAAC,MAAM,EAAE,YAAY,CAAC,EAC5D,CAAC,MAAM,CAAC,CACT,CAAA;IACD,IAAA,kCAAe,EACb,IAAA,gCAAa,EAAC,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EACrD,WAAW,CACZ,CAAA;IACD,OAAO,GAAG,CAAA;AACZ,CAAC;AAdD,sDAcC"}
+{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,uDAG+B;AAC/B,yDAAmD;AAEnD,qDAG+B;AAF7B,0HAAA,4BAA4B,OAAA;AAI9B,SAAgB,qBAAqB,CACnC,MAA+C,EAC/C,YAAmB;IAEnB,MAAM,WAAW,GAAG,IAAA,iCAAc,GAAE,CAAA;IACpC,MAAM,GAAG,GAAG,IAAA,eAAO,EACjB,GAAG,EAAE,CAAC,IAAI,yCAA4B,CAAC,MAAM,EAAE,YAAY,CAAC,EAC5D,CAAC,MAAM,CAAC,CACT,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,GAAG,CAAC,mBAAmB,EAAE,CAAA;QAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAE9D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAA;IACzC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,GAAG,CAAA;AACZ,CAAC;AAlBD,sDAkBC"}

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsFirstRender = void 0;
+const react_1 = require("react");
+var State;
+(function (State) {
+    State[State["InitialValue"] = 0] = "InitialValue";
+    State[State["First"] = 1] = "First";
+    State[State["NotFirst"] = 2] = "NotFirst";
+})(State || (State = {}));
+function useIsFirstRender() {
+    const state = (0, react_1.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 () => state.current === State.First;
+}
+exports.useIsFirstRender = useIsFirstRender;
+//# sourceMappingURL=use-is-first-render.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+interface IMultipleSelectionOption<T> {
+    value: T;
+    index: number;
+    selected: boolean;
+    select(): void;
+    unselect(): void;
+    toggle(): void;
+}
+export declare function useMultipleSelection<T>(values: T[], defaultSelectedIndexes?: number[]): {
+    values: T[];
+    options: Array<IMultipleSelectionOption<T>>;
+};
+export {};

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 [selectedIndexes, setSelectedIndexes] = (0, react_1.useState)(new Set(defaultSelectedIndexes));
+    return {
+        values: (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
+            };
+        })
+    };
+}
+exports.useMultipleSelection = useMultipleSelection;
+//# sourceMappingURL=use-multiple-selection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,+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;QACL,MAAM,EAAE,IAAA,2BAAO,EAAC,IAAA,uBAAG,EAAC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,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,CAAA;AACH,CAAC;AA1CD,oDA0CC"}

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

@@ -1,15 +1,14 @@
-interface IOption<T> {
+export interface ISingleSelectionOption<T> {
     value: T;
     index: number;
     selected: boolean;
-    select: () => void;
+    select(): void;
 }
-export declare function useSingleSelection<T>(values: T[], defaultIndex: number): {
+export declare function useSingleSelection<T>(values: T[], defaultSelectedIndex: number): {
     value: T;
-    options: Array<IOption<T>>;
+    options: Array<ISingleSelectionOption<T>>;
 };
 export declare function useSingleSelection<T>(values: T[]): {
     value: T | undefined;
-    options: Array<IOption<T>>;
+    options: Array<ISingleSelectionOption<T>>;
 };
-export {};

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

@@ -4,12 +4,12 @@ exports.useSingleSelection = void 0;
 const react_1 = require("react");
 const types_1 = require("@blackglory/types");
 const errors_1 = require("@blackglory/errors");
-function useSingleSelection(values, defaultIndex) {
+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)(defaultIndex)) {
-        (0, errors_1.assert)(defaultIndex >= 0 && defaultIndex < values.length, 'The parameter defaultIndex must be in the range of 0 to values.length');
+    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 [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultIndex);
+    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultSelectedIndex);
     return {
         value: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
         options: values.map((value, index) => ({

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

@@ -1 +1 @@
-{"version":3,"file":"use-single-selection.js","sourceRoot":"","sources":["../../src/use-single-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,6CAA8D;AAC9D,+CAA2C;AAiB3C,SAAgB,kBAAkB,CAAI,MAAW,EAAE,YAAqB;IACtE,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,IAAI,IAAA,qBAAa,EAAC,YAAY,CAAC,EAAE;QAC/B,IAAA,eAAM,EACJ,YAAY,IAAI,CAAC,IAAI,YAAY,GAAG,MAAM,CAAC,MAAM,EACjD,uEAAuE,CACxE,CAAA;KACF;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAqB,YAAY,CAAC,CAAA;IAEpF,OAAO;QACL,KAAK,EAAE,IAAA,mBAAW,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QACrE,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,CAAA;AACH,CAAC;AApBD,gDAoBC"}
+{"version":3,"file":"use-single-selection.js","sourceRoot":"","sources":["../../src/use-single-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,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;QACL,KAAK,EAAE,IAAA,mBAAW,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QACrE,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,CAAA;AACH,CAAC;AAvBD,gDAuBC"}

package/lib/es2015/use-update-effect.d.ts

@@ -0,0 +1,2 @@
+import { EffectCallback } from 'react';
+export declare function useUpdateEffect(effect: EffectCallback, deps?: React.DependencyList): void;

package/lib/es2015/use-update-effect.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdateEffect = void 0;
+const react_1 = require("react");
+const use_is_first_render_1 = require("./use-is-first-render");
+function useUpdateEffect(effect, deps) {
+    const isFirstRender = (0, use_is_first_render_1.useIsFirstRender)();
+    (0, react_1.useEffect)(() => {
+        if (!isFirstRender()) {
+            return effect();
+        }
+    }, deps);
+}
+exports.useUpdateEffect = useUpdateEffect;
+//# sourceMappingURL=use-update-effect.js.map

package/lib/es2015/use-update-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-effect.js","sourceRoot":"","sources":["../../src/use-update-effect.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AACjD,+DAAwD;AAExD,SAAgB,eAAe,CAC7B,MAAsB,EACtB,IAA2B;IAE3B,MAAM,aAAa,GAAG,IAAA,sCAAgB,GAAE,CAAA;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,EAAE,EAAE;YACpB,OAAO,MAAM,EAAE,CAAA;SAChB;IACH,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC;AAXD,0CAWC"}

package/lib/es2018/index.d.ts

@@ -1,7 +1,10 @@
 export * from './use-increment';
 export * from './use-is-mounted';
+export * from './use-is-first-render';
 export * from './use-mount';
+export * from './use-update-effect';
 export * from './use-single-selection';
+export * from './use-multiple-selection';
 export * from './use-state-cycle';
 export * from './use-toggle';
 export * from './use-resize-observer';

package/lib/es2018/index.js

@@ -16,8 +16,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./use-increment"), exports);
 __exportStar(require("./use-is-mounted"), exports);
+__exportStar(require("./use-is-first-render"), exports);
 __exportStar(require("./use-mount"), exports);
+__exportStar(require("./use-update-effect"), exports);
 __exportStar(require("./use-single-selection"), exports);
+__exportStar(require("./use-multiple-selection"), exports);
 __exportStar(require("./use-state-cycle"), exports);
 __exportStar(require("./use-toggle"), exports);
 __exportStar(require("./use-resize-observer"), exports);

package/lib/es2018/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,mDAAgC;AAChC,8CAA2B;AAC3B,yDAAsC;AACtC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,mDAAgC;AAChC,wDAAqC;AACrC,8CAA2B;AAC3B,sDAAmC;AACnC,yDAAsC;AACtC,2DAAwC;AACxC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}

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

@@ -3,14 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFiniteStateMachine = exports.ObservableFiniteStateMachine = void 0;
 const react_1 = require("react");
 const structures_1 = require("@blackglory/structures");
-const observable_hooks_1 = require("observable-hooks");
 const use_force_update_1 = require("./use-force-update");
 var structures_2 = require("@blackglory/structures");
 Object.defineProperty(exports, "ObservableFiniteStateMachine", { enumerable: true, get: function () { return structures_2.ObservableFiniteStateMachine; } });
 function useFiniteStateMachine(schema, initialState) {
     const forceUpdate = (0, use_force_update_1.useForceUpdate)();
     const fsm = (0, react_1.useMemo)(() => new structures_1.ObservableFiniteStateMachine(schema, initialState), [schema]);
-    (0, observable_hooks_1.useSubscription)((0, observable_hooks_1.useObservable)(() => fsm.observeStateChanges(), [fsm]), forceUpdate);
+    (0, react_1.useEffect)(() => {
+        const observable = fsm.observeStateChanges();
+        const subscription = observable.subscribe(() => forceUpdate());
+        return () => subscription.unsubscribe();
+    }, [fsm]);
     return fsm;
 }
 exports.useFiniteStateMachine = useFiniteStateMachine;

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

@@ -1 +1 @@
-{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAC/B,uDAG+B;AAC/B,uDAAiE;AACjE,yDAAmD;AAEnD,qDAG+B;AAF7B,0HAAA,4BAA4B,OAAA;AAI9B,SAAgB,qBAAqB,CACnC,MAA+C,EAC/C,YAAmB;IAEnB,MAAM,WAAW,GAAG,IAAA,iCAAc,GAAE,CAAA;IACpC,MAAM,GAAG,GAAG,IAAA,eAAO,EACjB,GAAG,EAAE,CAAC,IAAI,yCAA4B,CAAC,MAAM,EAAE,YAAY,CAAC,EAC5D,CAAC,MAAM,CAAC,CACT,CAAA;IACD,IAAA,kCAAe,EACb,IAAA,gCAAa,EAAC,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EACrD,WAAW,CACZ,CAAA;IACD,OAAO,GAAG,CAAA;AACZ,CAAC;AAdD,sDAcC"}
+{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,uDAG+B;AAC/B,yDAAmD;AAEnD,qDAG+B;AAF7B,0HAAA,4BAA4B,OAAA;AAI9B,SAAgB,qBAAqB,CACnC,MAA+C,EAC/C,YAAmB;IAEnB,MAAM,WAAW,GAAG,IAAA,iCAAc,GAAE,CAAA;IACpC,MAAM,GAAG,GAAG,IAAA,eAAO,EACjB,GAAG,EAAE,CAAC,IAAI,yCAA4B,CAAC,MAAM,EAAE,YAAY,CAAC,EAC5D,CAAC,MAAM,CAAC,CACT,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,GAAG,CAAC,mBAAmB,EAAE,CAAA;QAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAE9D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAA;IACzC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,GAAG,CAAA;AACZ,CAAC;AAlBD,sDAkBC"}

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsFirstRender = void 0;
+const react_1 = require("react");
+var State;
+(function (State) {
+    State[State["InitialValue"] = 0] = "InitialValue";
+    State[State["First"] = 1] = "First";
+    State[State["NotFirst"] = 2] = "NotFirst";
+})(State || (State = {}));
+function useIsFirstRender() {
+    const state = (0, react_1.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 () => state.current === State.First;
+}
+exports.useIsFirstRender = useIsFirstRender;
+//# sourceMappingURL=use-is-first-render.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+interface IMultipleSelectionOption<T> {
+    value: T;
+    index: number;
+    selected: boolean;
+    select(): void;
+    unselect(): void;
+    toggle(): void;
+}
+export declare function useMultipleSelection<T>(values: T[], defaultSelectedIndexes?: number[]): {
+    values: T[];
+    options: Array<IMultipleSelectionOption<T>>;
+};
+export {};

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 [selectedIndexes, setSelectedIndexes] = (0, react_1.useState)(new Set(defaultSelectedIndexes));
+    return {
+        values: (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
+            };
+        })
+    };
+}
+exports.useMultipleSelection = useMultipleSelection;
+//# sourceMappingURL=use-multiple-selection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,+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;QACL,MAAM,EAAE,IAAA,2BAAO,EAAC,IAAA,uBAAG,EAAC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,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,CAAA;AACH,CAAC;AA1CD,oDA0CC"}

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

@@ -1,15 +1,14 @@
-interface IOption<T> {
+export interface ISingleSelectionOption<T> {
     value: T;
     index: number;
     selected: boolean;
-    select: () => void;
+    select(): void;
 }
-export declare function useSingleSelection<T>(values: T[], defaultIndex: number): {
+export declare function useSingleSelection<T>(values: T[], defaultSelectedIndex: number): {
     value: T;
-    options: Array<IOption<T>>;
+    options: Array<ISingleSelectionOption<T>>;
 };
 export declare function useSingleSelection<T>(values: T[]): {
     value: T | undefined;
-    options: Array<IOption<T>>;
+    options: Array<ISingleSelectionOption<T>>;
 };
-export {};

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

@@ -4,12 +4,12 @@ exports.useSingleSelection = void 0;
 const react_1 = require("react");
 const types_1 = require("@blackglory/types");
 const errors_1 = require("@blackglory/errors");
-function useSingleSelection(values, defaultIndex) {
+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)(defaultIndex)) {
-        (0, errors_1.assert)(defaultIndex >= 0 && defaultIndex < values.length, 'The parameter defaultIndex must be in the range of 0 to values.length');
+    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 [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultIndex);
+    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultSelectedIndex);
     return {
         value: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
         options: values.map((value, index) => ({

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,iCAAgC;AAChC,6CAA8D;AAC9D,+CAA2C;AAiB3C,SAAgB,kBAAkB,CAAI,MAAW,EAAE,YAAqB;IACtE,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,IAAI,IAAA,qBAAa,EAAC,YAAY,CAAC,EAAE;QAC/B,IAAA,eAAM,EACJ,YAAY,IAAI,CAAC,IAAI,YAAY,GAAG,MAAM,CAAC,MAAM,EACjD,uEAAuE,CACxE,CAAA;KACF;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAqB,YAAY,CAAC,CAAA;IAEpF,OAAO;QACL,KAAK,EAAE,IAAA,mBAAW,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QACrE,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,CAAA;AACH,CAAC;AApBD,gDAoBC"}
+{"version":3,"file":"use-single-selection.js","sourceRoot":"","sources":["../../src/use-single-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,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;QACL,KAAK,EAAE,IAAA,mBAAW,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QACrE,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,CAAA;AACH,CAAC;AAvBD,gDAuBC"}

package/lib/es2018/use-update-effect.d.ts

@@ -0,0 +1,2 @@
+import { EffectCallback } from 'react';
+export declare function useUpdateEffect(effect: EffectCallback, deps?: React.DependencyList): void;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdateEffect = void 0;
+const react_1 = require("react");
+const use_is_first_render_1 = require("./use-is-first-render");
+function useUpdateEffect(effect, deps) {
+    const isFirstRender = (0, use_is_first_render_1.useIsFirstRender)();
+    (0, react_1.useEffect)(() => {
+        if (!isFirstRender()) {
+            return effect();
+        }
+    }, deps);
+}
+exports.useUpdateEffect = useUpdateEffect;
+//# sourceMappingURL=use-update-effect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-effect.js","sourceRoot":"","sources":["../../src/use-update-effect.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AACjD,+DAAwD;AAExD,SAAgB,eAAe,CAC7B,MAAsB,EACtB,IAA2B;IAE3B,MAAM,aAAa,GAAG,IAAA,sCAAgB,GAAE,CAAA;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,EAAE,EAAE;YACpB,OAAO,MAAM,EAAE,CAAA;SAChB;IACH,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC;AAXD,0CAWC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "extra-react-hooks",
-  "version": "0.1.11",
+  "version": "0.1.14",
   "description": "",
   "keywords": [],
   "files": [
@@ -38,10 +38,10 @@
     }
   },
   "devDependencies": {
-    "@blackglory/wait-for": "^0.4.4",
-    "@commitlint/cli": "^16.2.3",
-    "@commitlint/config-conventional": "^16.2.1",
-    "@rollup/plugin-commonjs": "^21.0.2",
+    "@blackglory/wait-for": "^0.5.1",
+    "@commitlint/cli": "^17.0.3",
+    "@commitlint/config-conventional": "^17.0.3",
+    "@rollup/plugin-commonjs": "^22.0.1",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@rollup/plugin-replace": "^4.0.0",
@@ -50,24 +50,24 @@
     "@testing-library/react-hooks": "^7.0.2",
     "@types/jasmine": "^4.0.0",
     "@types/react": "^17.0.40",
-    "@typescript-eslint/eslint-plugin": "^5.15.0",
-    "@typescript-eslint/parser": "^5.15.0",
-    "eslint": "^8.11.0",
+    "@typescript-eslint/eslint-plugin": "^5.30.7",
+    "@typescript-eslint/parser": "^5.30.7",
+    "eslint": "^8.20.0",
     "husky": "4",
     "karma": "^6.3.17",
     "karma-chrome-launcher": "^3.1.1",
-    "karma-jasmine": "^4.0.1",
+    "karma-jasmine": "^5.1.0",
     "karma-webpack": "^5.0.0",
     "npm-run-all": "^4.1.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
-    "rollup": "^2.70.1",
+    "rollup": "^2.77.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "standard-version": "^9.3.2",
-    "ts-loader": "^9.2.8",
+    "ts-loader": "^9.3.1",
     "tsconfig-paths-webpack-plugin": "^3.5.2",
     "tscpaths": "^0.0.9",
     "tslib": "^2.3.1",
@@ -76,10 +76,10 @@
   },
   "dependencies": {
     "@blackglory/errors": "^2.2.1",
-    "@blackglory/structures": "^0.3.5",
+    "@blackglory/structures": "^0.6.0",
     "@blackglory/types": "^1.0.0",
-    "observable-hooks": "^4.2.0",
-    "rxjs": "^7.5.5"
+    "iterable-operator": "^1.1.0",
+    "rxjs": "^7.5.6"
   },
   "peerDependencies": {
     "react": ">= 16.8"