extra-react-hooks 0.1.6 → 0.1.10

package/lib/es2015/index.d.ts

@@ -5,3 +5,6 @@ export * from './use-single-selection';
 export * from './use-state-cycle';
 export * from './use-toggle';
 export * from './use-resize-observer';
+export * from './use-step';
+export * from './use-force-update';
+export * from './use-finite-state-machine';

package/lib/es2015/index.js

@@ -17,4 +17,7 @@ __exportStar(require("./use-single-selection"), exports);
 __exportStar(require("./use-state-cycle"), exports);
 __exportStar(require("./use-toggle"), exports);
 __exportStar(require("./use-resize-observer"), exports);
+__exportStar(require("./use-step"), exports);
+__exportStar(require("./use-force-update"), exports);
+__exportStar(require("./use-finite-state-machine"), exports);
 //# sourceMappingURL=index.js.map

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"}
+{"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"}

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+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);
+    return fsm;
+}
+exports.useFiniteStateMachine = useFiniteStateMachine;
+//# sourceMappingURL=use-finite-state-machine.js.map

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

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

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForceUpdate = void 0;
+const react_1 = require("react");
+function useForceUpdate() {
+    const [, setState] = (0, react_1.useState)({});
+    return () => setState({});
+}
+exports.useForceUpdate = useForceUpdate;
+//# sourceMappingURL=use-force-update.js.map

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

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

package/lib/es2015/use-increment.js

@@ -4,8 +4,12 @@ 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) => setValue(value => value + step), []);
-    const reset = (0, react_1.useCallback)(() => setValue(initialValue), []);
+    const increment = (0, react_1.useCallback)((step = 1) => {
+        setValue(value => value + step);
+    }, []);
+    const reset = (0, react_1.useCallback)(() => {
+        setValue(initialValue);
+    }, []);
     return [value, increment, reset];
 }
 exports.useIncrement = useIncrement;

package/lib/es2015/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,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACxF,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAA;IAE3D,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;AAClC,CAAC;AARD,oCAQC"}
+{"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"}

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

@@ -4,14 +4,17 @@ exports.useStateCycle = void 0;
 const react_1 = require("react");
 function useStateCycle(stateList, initialStateIndex = 0) {
     const [index, setIndex] = (0, react_1.useState)(initialStateIndex);
-    return [stateList[index], () => {
+    return [
+        stateList[index],
+        () => setIndex(index => {
             if (index + 1 < stateList.length) {
-                setIndex(index + 1);
+                return index + 1;
             }
             else {
-                setIndex(0);
+                return 0;
             }
-        }];
+        })
+    ];
 }
 exports.useStateCycle = useStateCycle;
 //# sourceMappingURL=use-state-cycle.js.map

package/lib/es2015/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,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE;YAC7B,IAAI,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE;gBAChC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;aACpB;iBAAM;gBACL,QAAQ,CAAC,CAAC,CAAC,CAAA;aACZ;QACH,CAAC,CAAC,CAAA;AACJ,CAAC;AAbD,sCAaC"}
+{"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"}

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

@@ -0,0 +1 @@
+export declare function useStep<T>(steps: [T, ...T[]], initialStepIndex?: number): [currentStep: T, next: () => void, previous: () => void];

package/lib/es2015/use-step.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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;
+                }
+            });
+        }
+    ];
+}
+exports.useStep = useStep;
+//# sourceMappingURL=use-step.js.map

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

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

package/lib/es2018/index.d.ts

@@ -5,3 +5,6 @@ export * from './use-single-selection';
 export * from './use-state-cycle';
 export * from './use-toggle';
 export * from './use-resize-observer';
+export * from './use-step';
+export * from './use-force-update';
+export * from './use-finite-state-machine';

package/lib/es2018/index.js

@@ -17,4 +17,7 @@ __exportStar(require("./use-single-selection"), exports);
 __exportStar(require("./use-state-cycle"), exports);
 __exportStar(require("./use-toggle"), exports);
 __exportStar(require("./use-resize-observer"), exports);
+__exportStar(require("./use-step"), exports);
+__exportStar(require("./use-force-update"), exports);
+__exportStar(require("./use-finite-state-machine"), exports);
 //# sourceMappingURL=index.js.map

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"}
+{"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"}

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+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);
+    return fsm;
+}
+exports.useFiniteStateMachine = useFiniteStateMachine;
+//# sourceMappingURL=use-finite-state-machine.js.map

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

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

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForceUpdate = void 0;
+const react_1 = require("react");
+function useForceUpdate() {
+    const [, setState] = (0, react_1.useState)({});
+    return () => setState({});
+}
+exports.useForceUpdate = useForceUpdate;
+//# sourceMappingURL=use-force-update.js.map

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

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

package/lib/es2018/use-increment.js

@@ -4,8 +4,12 @@ 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) => setValue(value => value + step), []);
-    const reset = (0, react_1.useCallback)(() => setValue(initialValue), []);
+    const increment = (0, react_1.useCallback)((step = 1) => {
+        setValue(value => value + step);
+    }, []);
+    const reset = (0, react_1.useCallback)(() => {
+        setValue(initialValue);
+    }, []);
     return [value, increment, reset];
 }
 exports.useIncrement = useIncrement;

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,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACxF,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAA;IAE3D,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;AAClC,CAAC;AARD,oCAQC"}
+{"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"}

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

@@ -4,14 +4,17 @@ exports.useStateCycle = void 0;
 const react_1 = require("react");
 function useStateCycle(stateList, initialStateIndex = 0) {
     const [index, setIndex] = (0, react_1.useState)(initialStateIndex);
-    return [stateList[index], () => {
+    return [
+        stateList[index],
+        () => setIndex(index => {
             if (index + 1 < stateList.length) {
-                setIndex(index + 1);
+                return index + 1;
             }
             else {
-                setIndex(0);
+                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,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE;YAC7B,IAAI,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE;gBAChC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;aACpB;iBAAM;gBACL,QAAQ,CAAC,CAAC,CAAC,CAAA;aACZ;QACH,CAAC,CAAC,CAAA;AACJ,CAAC;AAbD,sCAaC"}
+{"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"}

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

@@ -0,0 +1 @@
+export declare function useStep<T>(steps: [T, ...T[]], initialStepIndex?: number): [currentStep: T, next: () => void, previous: () => void];

package/lib/es2018/use-step.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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;
+                }
+            });
+        }
+    ];
+}
+exports.useStep = useStep;
+//# sourceMappingURL=use-step.js.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "extra-react-hooks",
-  "version": "0.1.6",
+  "version": "0.1.10",
   "description": "",
   "keywords": [],
   "files": [
@@ -9,6 +9,7 @@
   ],
   "main": "lib/es2018/index.js",
   "types": "lib/es2018/index.d.ts",
+  "sideEffects": false,
   "repository": "git@github.com:BlackGlory/extra-react-hooks.git",
   "author": "BlackGlory <woshenmedoubuzhidao@blackglory.me>",
   "license": "MIT",
@@ -37,23 +38,23 @@
     }
   },
   "devDependencies": {
-    "@blackglory/wait-for": "^0.3.4",
-    "@commitlint/cli": "^14.1.0",
-    "@commitlint/config-conventional": "^14.1.0",
+    "@blackglory/wait-for": "^0.4.1",
+    "@commitlint/cli": "^16.0.1",
+    "@commitlint/config-conventional": "^16.0.0",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.0.6",
-    "@rollup/plugin-replace": "^3.0.0",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-replace": "^3.0.1",
     "@rollup/plugin-typescript": "^8.3.0",
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
-    "@types/jasmine": "^3.10.2",
-    "@types/react": "^17.0.34",
-    "@typescript-eslint/eslint-plugin": "^5.3.1",
-    "@typescript-eslint/parser": "^5.3.1",
-    "eslint": "^8.2.0",
-    "husky": "^4.3.8",
-    "karma": "^6.3.8",
+    "@types/jasmine": "^3.10.3",
+    "@types/react": "^17.0.37",
+    "@typescript-eslint/eslint-plugin": "^5.9.0",
+    "@typescript-eslint/parser": "^5.9.0",
+    "eslint": "^8.6.0",
+    "husky": "4",
+    "karma": "^6.3.9",
     "karma-chrome-launcher": "^3.1.0",
     "karma-jasmine": "^4.0.1",
     "karma-webpack": "^5.0.0",
@@ -62,7 +63,7 @@
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
-    "rollup": "^2.60.0",
+    "rollup": "^2.63.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "standard-version": "^9.3.2",
@@ -70,12 +71,15 @@
     "tsconfig-paths-webpack-plugin": "^3.5.2",
     "tscpaths": "^0.0.9",
     "tslib": "^2.3.1",
-    "typescript": "^4.4.4",
-    "webpack": "^5.64.0"
+    "typescript": "^4.5.4",
+    "webpack": "^5.65.0"
   },
   "dependencies": {
     "@blackglory/errors": "^1.1.2",
-    "@blackglory/types": "^0.5.2"
+    "@blackglory/structures": "^0.3.2",
+    "@blackglory/types": "^0.6.5",
+    "observable-hooks": "^4.2.0",
+    "rxjs": "^7.5.1"
   },
   "peerDependencies": {
     "react": ">= 16.8"

package/CHANGELOG.md

@@ -1,47 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
-
-### [0.1.6](https://github.com/BlackGlory/extra-react-hooks/compare/v0.1.5...v0.1.6) (2021-11-15)
-
-
-### Features
-
-* add useResizeObserver ([8a4e317](https://github.com/BlackGlory/extra-react-hooks/commit/8a4e317921387fa26e768796e52c8fe44e9b347e))
-
-### [0.1.5](https://github.com/BlackGlory/extra-react-hooks/compare/v0.1.4...v0.1.5) (2021-10-04)
-
-
-### Features
-
-* add useIncrement ([e5f1fc4](https://github.com/BlackGlory/extra-react-hooks/commit/e5f1fc442a2c69aa490fed873cc21fe4ad9ff76b))
-
-### [0.1.4](https://github.com/BlackGlory/extra-react-hooks/compare/v0.1.3...v0.1.4) (2021-08-18)
-
-
-### Features
-
-* add useIsMounted ([32a1295](https://github.com/BlackGlory/extra-react-hooks/commit/32a12951aab92ae5734f4caddf45021e2bbed793))
-
-### [0.1.3](https://github.com/BlackGlory/extra-react-hooks/compare/v0.1.2...v0.1.3) (2021-08-18)
-
-
-### Features
-
-* add useStateCycle ([a48da21](https://github.com/BlackGlory/extra-react-hooks/commit/a48da211f364688daa63a0bd5406fa2f2c61eba7))
-
-### [0.1.2](https://github.com/BlackGlory/extra-react-hooks/compare/v0.1.1...v0.1.2) (2021-07-03)
-
-### [0.1.1](https://github.com/BlackGlory/extra-react-hooks/compare/v0.1.0...v0.1.1) (2021-06-29)
-
-
-### Features
-
-* add useMount ([070045a](https://github.com/BlackGlory/extra-react-hooks/commit/070045ac0f209712eadd0f4e79c1328d20745b04))
-
-## 0.1.0 (2021-06-04)
-
-
-### Features
-
-* add useToggle, useSingleSelection ([0b9ee92](https://github.com/BlackGlory/extra-react-hooks/commit/0b9ee92597a230989b51b7242f529f0a36590d1f))