extra-react-hooks 0.1.6 → 0.1.7

package/lib/es2015/index.d.ts

@@ -5,3 +5,4 @@ export * from './use-single-selection';
 export * from './use-state-cycle';
 export * from './use-toggle';
 export * from './use-resize-observer';
+export * from './use-step';

package/lib/es2015/index.js

@@ -17,4 +17,5 @@ __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);
 //# 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"}

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,4 @@ export * from './use-single-selection';
 export * from './use-state-cycle';
 export * from './use-toggle';
 export * from './use-resize-observer';
+export * from './use-step';

package/lib/es2018/index.js

@@ -17,4 +17,5 @@ __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);
 //# 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"}

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.7",
   "description": "",
   "keywords": [],
   "files": [
@@ -37,9 +37,9 @@
     }
   },
   "devDependencies": {
-    "@blackglory/wait-for": "^0.3.4",
-    "@commitlint/cli": "^14.1.0",
-    "@commitlint/config-conventional": "^14.1.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.6",
@@ -48,12 +48,12 @@
     "@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",
+    "@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",
-    "karma": "^6.3.8",
+    "karma": "^6.3.9",
     "karma-chrome-launcher": "^3.1.0",
     "karma-jasmine": "^4.0.1",
     "karma-webpack": "^5.0.0",
@@ -62,7 +62,7 @@
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
-    "rollup": "^2.60.0",
+    "rollup": "^2.61.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "standard-version": "^9.3.2",
@@ -70,8 +70,8 @@
     "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.3",
+    "webpack": "^5.65.0"
   },
   "dependencies": {
     "@blackglory/errors": "^1.1.2",