extra-react-hooks 0.1.4 → 0.1.8

package/lib/es2015/index.d.ts

@@ -1,5 +1,9 @@
+export * from './use-increment';
 export * from './use-is-mounted';
 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';

package/lib/es2015/index.js

@@ -10,9 +10,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./use-increment"), exports);
 __exportStar(require("./use-is-mounted"), exports);
 __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);
 //# 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,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"}

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.d.ts

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

package/lib/es2015/use-increment.js

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

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

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

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

@@ -4,8 +4,8 @@ exports.useIsMounted = void 0;
 const react_1 = require("react");
 const use_mount_1 = require("./use-mount");
 function useIsMounted() {
-    const isMounted = react_1.useRef(false);
-    use_mount_1.useMount(() => {
+    const isMounted = (0, react_1.useRef)(false);
+    (0, use_mount_1.useMount)(() => {
         isMounted.current = true;
         return () => {
             isMounted.current = false;

package/lib/es2015/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,cAAM,CAAC,KAAK,CAAC,CAAA;IAE/B,oBAAQ,CAAC,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,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"}

package/lib/es2015/use-mount.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMount = void 0;
 const react_1 = require("react");
 function useMount(effect) {
-    react_1.useEffect(effect, []);
+    (0, react_1.useEffect)(effect, []);
 }
 exports.useMount = useMount;
 //# sourceMappingURL=use-mount.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-mount.js","sourceRoot":"","sources":["../../src/use-mount.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAEjD,SAAgB,QAAQ,CAAC,MAAsB;IAC7C,iBAAS,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;AACvB,CAAC;AAFD,4BAEC"}
+{"version":3,"file":"use-mount.js","sourceRoot":"","sources":["../../src/use-mount.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAEjD,SAAgB,QAAQ,CAAC,MAAsB;IAC7C,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAA;AACvB,CAAC;AAFD,4BAEC"}

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-single-selection.js

@@ -5,13 +5,13 @@ const react_1 = require("react");
 const types_1 = require("@blackglory/types");
 const errors_1 = require("@blackglory/errors");
 function useSingleSelection(values, defaultIndex) {
-    errors_1.assert(values.length > 0, 'The parameter values must be a non-empty array');
-    if (types_1.isntUndefined(defaultIndex)) {
-        errors_1.assert(defaultIndex >= 0 && defaultIndex < values.length, 'The parameter defaultIndex must be in the range of 0 to values.length');
+    (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');
     }
-    const [selectedIndex, setSelectedIndex] = react_1.useState(defaultIndex);
+    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultIndex);
     return {
-        value: types_1.isUndefined(selectedIndex) ? undefined : values[selectedIndex],
+        value: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
         options: values.map((value, index) => ({
             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,eAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,IAAI,qBAAa,CAAC,YAAY,CAAC,EAAE;QAC/B,eAAM,CACJ,YAAY,IAAI,CAAC,IAAI,YAAY,GAAG,MAAM,CAAC,MAAM,EACjD,uEAAuE,CACxE,CAAA;KACF;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,gBAAQ,CAAqB,YAAY,CAAC,CAAA;IAEpF,OAAO;QACL,KAAK,EAAE,mBAAW,CAAC,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;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"}

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

@@ -3,15 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStateCycle = void 0;
 const react_1 = require("react");
 function useStateCycle(stateList, initialStateIndex = 0) {
-    const [index, setIndex] = react_1.useState(initialStateIndex);
-    return [stateList[index], () => {
+    const [index, setIndex] = (0, react_1.useState)(initialStateIndex);
+    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,gBAAQ,CAAC,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/es2015/use-toggle.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useToggle = void 0;
 const react_1 = require("react");
 function useToggle(initialState = false) {
-    const [state, setState] = react_1.useState(initialState);
+    const [state, setState] = (0, react_1.useState)(initialState);
     const toggle = () => setState(state => !state);
     return [state, toggle];
 }

package/lib/es2015/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,gBAAQ,CAAC,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,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"}

package/lib/es2018/index.d.ts

@@ -1,5 +1,9 @@
+export * from './use-increment';
 export * from './use-is-mounted';
 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';

package/lib/es2018/index.js

@@ -10,9 +10,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./use-increment"), exports);
 __exportStar(require("./use-is-mounted"), exports);
 __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);
 //# 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,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"}

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.d.ts

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

package/lib/es2018/use-increment.js

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

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

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

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

@@ -4,8 +4,8 @@ exports.useIsMounted = void 0;
 const react_1 = require("react");
 const use_mount_1 = require("./use-mount");
 function useIsMounted() {
-    const isMounted = react_1.useRef(false);
-    use_mount_1.useMount(() => {
+    const isMounted = (0, react_1.useRef)(false);
+    (0, use_mount_1.useMount)(() => {
         isMounted.current = true;
         return () => {
             isMounted.current = false;

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,cAAM,CAAC,KAAK,CAAC,CAAA;IAE/B,oBAAQ,CAAC,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,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"}

package/lib/es2018/use-mount.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMount = void 0;
 const react_1 = require("react");
 function useMount(effect) {
-    react_1.useEffect(effect, []);
+    (0, react_1.useEffect)(effect, []);
 }
 exports.useMount = useMount;
 //# sourceMappingURL=use-mount.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-mount.js","sourceRoot":"","sources":["../../src/use-mount.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAEjD,SAAgB,QAAQ,CAAC,MAAsB;IAC7C,iBAAS,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;AACvB,CAAC;AAFD,4BAEC"}
+{"version":3,"file":"use-mount.js","sourceRoot":"","sources":["../../src/use-mount.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAEjD,SAAgB,QAAQ,CAAC,MAAsB;IAC7C,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAA;AACvB,CAAC;AAFD,4BAEC"}

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-single-selection.js

@@ -5,13 +5,13 @@ const react_1 = require("react");
 const types_1 = require("@blackglory/types");
 const errors_1 = require("@blackglory/errors");
 function useSingleSelection(values, defaultIndex) {
-    errors_1.assert(values.length > 0, 'The parameter values must be a non-empty array');
-    if (types_1.isntUndefined(defaultIndex)) {
-        errors_1.assert(defaultIndex >= 0 && defaultIndex < values.length, 'The parameter defaultIndex must be in the range of 0 to values.length');
+    (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');
     }
-    const [selectedIndex, setSelectedIndex] = react_1.useState(defaultIndex);
+    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultIndex);
     return {
-        value: types_1.isUndefined(selectedIndex) ? undefined : values[selectedIndex],
+        value: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
         options: values.map((value, index) => ({
             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,eAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,IAAI,qBAAa,CAAC,YAAY,CAAC,EAAE;QAC/B,eAAM,CACJ,YAAY,IAAI,CAAC,IAAI,YAAY,GAAG,MAAM,CAAC,MAAM,EACjD,uEAAuE,CACxE,CAAA;KACF;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,gBAAQ,CAAqB,YAAY,CAAC,CAAA;IAEpF,OAAO;QACL,KAAK,EAAE,mBAAW,CAAC,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;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"}

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

@@ -3,15 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStateCycle = void 0;
 const react_1 = require("react");
 function useStateCycle(stateList, initialStateIndex = 0) {
-    const [index, setIndex] = react_1.useState(initialStateIndex);
-    return [stateList[index], () => {
+    const [index, setIndex] = (0, react_1.useState)(initialStateIndex);
+    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,gBAAQ,CAAC,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/lib/es2018/use-toggle.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useToggle = void 0;
 const react_1 = require("react");
 function useToggle(initialState = false) {
-    const [state, setState] = react_1.useState(initialState);
+    const [state, setState] = (0, react_1.useState)(initialState);
     const toggle = () => setState(state => !state);
     return [state, toggle];
 }

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,gBAAQ,CAAC,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,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "extra-react-hooks",
-  "version": "0.1.4",
+  "version": "0.1.8",
   "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,45 @@
     }
   },
   "devDependencies": {
-    "@commitlint/cli": "^13.1.0",
-    "@commitlint/config-conventional": "^13.1.0",
-    "@rollup/plugin-commonjs": "^20.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.4",
+    "@rollup/plugin-node-resolve": "^13.0.6",
     "@rollup/plugin-replace": "^3.0.0",
-    "@rollup/plugin-typescript": "^8.2.5",
-    "@testing-library/react-hooks": "^7.0.1",
-    "@types/jest": "^27.0.1",
-    "@types/react": "^17.0.18",
-    "@typescript-eslint/eslint-plugin": "^4.29.2",
-    "@typescript-eslint/parser": "^4.29.2",
-    "eslint": "^7.32.0",
+    "@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.37",
+    "@typescript-eslint/eslint-plugin": "^5.6.0",
+    "@typescript-eslint/parser": "^5.6.0",
+    "eslint": "^8.4.1",
     "husky": "^4.3.8",
-    "jest": "^27.0.6",
-    "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.56.2",
+    "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.3.5"
+    "typescript": "^4.5.3",
+    "webpack": "^5.65.0"
   },
   "dependencies": {
     "@blackglory/errors": "^1.1.2",
-    "@blackglory/types": "^0.4.7"
+    "@blackglory/types": "^0.5.2"
   },
   "peerDependencies": {
     "react": ">= 16.8"