extra-react-hooks 0.1.6 → 0.1.7

package/dist/es2018/index.mjs

@@ -2458,8 +2458,12 @@ if (process.env.NODE_ENV === 'production') {
 
 function useIncrement(initialValue) {
     const [value, setValue] = react.exports.useState(initialValue);
-    const increment = react.exports.useCallback((step = 1) => setValue(value => value + step), []);
-    const reset = react.exports.useCallback(() => setValue(initialValue), []);
+    const increment = react.exports.useCallback((step = 1) => {
+        setValue(value => value + step);
+    }, []);
+    const reset = react.exports.useCallback(() => {
+        setValue(initialValue);
+    }, []);
     return [value, increment, reset];
 }
 
@@ -2928,14 +2932,17 @@ function useSingleSelection(values, defaultIndex) {
 
 function useStateCycle(stateList, initialStateIndex = 0) {
     const [index, setIndex] = react.exports.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;
             }
-        }];
+        })
+    ];
 }
 
 function useToggle(initialState = false) {
@@ -2956,5 +2963,32 @@ function useResizeObserver(callback, refs) {
     }, deps);
 }
 
-export { useIncrement, useIsMounted, useMount, useResizeObserver, useSingleSelection, useStateCycle, useToggle };
+function useStep(steps, initialStepIndex = 0) {
+    const [index, setIndex] = react.exports.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;
+                }
+            });
+        }
+    ];
+}
+
+export { useIncrement, useIsMounted, useMount, useResizeObserver, useSingleSelection, useStateCycle, useStep, useToggle };
 //# sourceMappingURL=index.mjs.map