extra-react-hooks 0.1.5 → 0.1.9

package/lib/es2015/index.d.ts

@@ -4,3 +4,7 @@ export * from './use-mount';
 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

@@ -16,4 +16,8 @@ __exportStar(require("./use-mount"), exports);
 __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"}
+{"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-resize-observer.d.ts

@@ -0,0 +1,2 @@
+import { RefObject, MutableRefObject } from 'react';
+export declare function useResizeObserver(callback: ResizeObserverCallback, refs: Array<RefObject<HTMLElement> | MutableRefObject<HTMLElement>>): void;

package/lib/es2015/use-resize-observer.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = void 0;
+const react_1 = require("react");
+const types_1 = require("@blackglory/types");
+function useResizeObserver(callback, refs) {
+    const deps = refs.map(x => x.current);
+    (0, react_1.useEffect)(() => {
+        const observer = new ResizeObserver(callback);
+        refs
+            .map(x => x.current)
+            .filter(types_1.isntNull)
+            .forEach(x => observer.observe(x));
+        return () => observer.disconnect();
+    }, deps);
+}
+exports.useResizeObserver = useResizeObserver;
+//# sourceMappingURL=use-resize-observer.js.map

package/lib/es2015/use-resize-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize-observer.js","sourceRoot":"","sources":["../../src/use-resize-observer.ts"],"names":[],"mappings":";;;AAAA,iCAA8D;AAC9D,6CAA4C;AAE5C,SAAgB,iBAAiB,CAC/B,QAAgC,EAChC,IAAmE;IAEnE,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAA;QAE7C,IAAI;aACD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;aACnB,MAAM,CAAC,gBAAQ,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;AAhBD,8CAgBC"}

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

@@ -4,3 +4,7 @@ export * from './use-mount';
 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

@@ -16,4 +16,8 @@ __exportStar(require("./use-mount"), exports);
 __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"}
+{"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-resize-observer.d.ts

@@ -0,0 +1,2 @@
+import { RefObject, MutableRefObject } from 'react';
+export declare function useResizeObserver(callback: ResizeObserverCallback, refs: Array<RefObject<HTMLElement> | MutableRefObject<HTMLElement>>): void;

package/lib/es2018/use-resize-observer.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = void 0;
+const react_1 = require("react");
+const types_1 = require("@blackglory/types");
+function useResizeObserver(callback, refs) {
+    const deps = refs.map(x => x.current);
+    (0, react_1.useEffect)(() => {
+        const observer = new ResizeObserver(callback);
+        refs
+            .map(x => x.current)
+            .filter(types_1.isntNull)
+            .forEach(x => observer.observe(x));
+        return () => observer.disconnect();
+    }, deps);
+}
+exports.useResizeObserver = useResizeObserver;
+//# sourceMappingURL=use-resize-observer.js.map

package/lib/es2018/use-resize-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize-observer.js","sourceRoot":"","sources":["../../src/use-resize-observer.ts"],"names":[],"mappings":";;;AAAA,iCAA8D;AAC9D,6CAA4C;AAE5C,SAAgB,iBAAiB,CAC/B,QAAgC,EAChC,IAAmE;IAEnE,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAA;QAE7C,IAAI;aACD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;aACnB,MAAM,CAAC,gBAAQ,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;AAhBD,8CAgBC"}

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.5",
+  "version": "0.1.9",
   "description": "",
   "keywords": [],
   "files": [
@@ -14,9 +14,8 @@
   "license": "MIT",
   "scripts": {
     "lint": "eslint --ext .js,.jsx,.ts,.tsx --quiet src __tests__",
-    "test": "jest --config jest.config.js",
-    "test:debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
-    "test:coverage": "jest --coverage --config jest.config.js",
+    "test": "karma start karma.config.js --single-run",
+    "test:dev": "karma start karma.config.js",
     "prepublishOnly": "run-s clean build bundle",
     "clean": "run-p clean:*",
     "clean:build": "rimraf lib",
@@ -38,38 +37,48 @@
     }
   },
   "devDependencies": {
-    "@commitlint/cli": "^13.2.0",
-    "@commitlint/config-conventional": "^13.2.0",
-    "@rollup/plugin-commonjs": "^21.0.0",
+    "@blackglory/wait-for": "^0.3.5",
+    "@commitlint/cli": "^15.0.0",
+    "@commitlint/config-conventional": "^15.0.0",
+    "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.0.5",
+    "@rollup/plugin-node-resolve": "^13.1.1",
     "@rollup/plugin-replace": "^3.0.0",
-    "@rollup/plugin-typescript": "^8.2.5",
+    "@rollup/plugin-typescript": "^8.3.0",
+    "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
-    "@types/jest": "^27.0.2",
-    "@types/react": "^17.0.27",
-    "@typescript-eslint/eslint-plugin": "^4.32.0",
-    "@typescript-eslint/parser": "^4.32.0",
-    "eslint": "^7.32.0",
+    "@types/jasmine": "^3.10.2",
+    "@types/react": "^17.0.37",
+    "@typescript-eslint/eslint-plugin": "^5.6.0",
+    "@typescript-eslint/parser": "^5.6.0",
+    "eslint": "^8.4.1",
     "husky": "^4.3.8",
-    "jest": "^27.2.4",
-    "jest-extended": "^0.11.5",
+    "karma": "^6.3.9",
+    "karma-chrome-launcher": "^3.1.0",
+    "karma-jasmine": "^4.0.1",
+    "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.58.0",
+    "rollup": "^2.61.1",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
-    "standard-version": "^9.3.1",
-    "ts-jest": "^27.0.5",
+    "standard-version": "^9.3.2",
+    "ts-loader": "^9.2.6",
+    "tsconfig-paths-webpack-plugin": "^3.5.2",
     "tscpaths": "^0.0.9",
     "tslib": "^2.3.1",
-    "typescript": "^4.4.3"
+    "typescript": "^4.5.3",
+    "webpack": "^5.65.0"
   },
   "dependencies": {
     "@blackglory/errors": "^1.1.2",
-    "@blackglory/types": "^0.5.1"
+    "@blackglory/structures": "^0.3.1",
+    "@blackglory/types": "^0.5.2",
+    "observable-hooks": "^4.1.2",
+    "rxjs": "^7.4.0"
   },
   "peerDependencies": {
     "react": ">= 16.8"