extra-react-hooks 0.1.13 → 0.2.0

package/dist/es2018/index.mjs

@@ -2509,6 +2509,41 @@ function useIsMounted() {
     return () => isMounted.current;
 }
 
+var State;
+(function (State) {
+    State[State["InitialValue"] = 0] = "InitialValue";
+    State[State["First"] = 1] = "First";
+    State[State["NotFirst"] = 2] = "NotFirst";
+})(State || (State = {}));
+function useIsFirstRender() {
+    const state = react.exports.useRef(State.InitialValue);
+    switch (state.current) {
+        case State.InitialValue:
+            state.current = State.First;
+            break;
+        case State.First:
+            state.current = State.NotFirst;
+            break;
+        case State.NotFirst: break;
+    }
+    return () => state.current === State.First;
+}
+
+function useRenderCounter() {
+    const counter = react.exports.useRef(0);
+    counter.current++;
+    return counter.current;
+}
+
+function useUpdateEffect(effect, deps) {
+    const isFirstRender = useIsFirstRender();
+    react.exports.useEffect(() => {
+        if (!isFirstRender()) {
+            return effect();
+        }
+    }, deps);
+}
+
 var es2018$7 = {};
 
 var array = {};
@@ -5332,15 +5367,15 @@ function useSingleSelection(values, defaultSelectedIndex) {
         es2018Exports$1.assert(defaultSelectedIndex >= 0 && defaultSelectedIndex < values.length, 'The parameter defaultSelectedIndex must be in the range of 0 to values.length');
     }
     const [selectedIndex, setSelectedIndex] = react.exports.useState(defaultSelectedIndex);
-    return {
-        value: es2018$7.isUndefined(selectedIndex) ? undefined : values[selectedIndex],
+    return react.exports.useMemo(() => ({
+        selectedValue: es2018$7.isUndefined(selectedIndex) ? undefined : values[selectedIndex],
         options: values.map((value, index) => ({
             value,
             index,
             selected: index === selectedIndex,
             select: () => setSelectedIndex(index)
         }))
-    };
+    }), [selectedIndex]);
 }
 
 var es2018Exports = requireEs2018$1();
@@ -5351,8 +5386,8 @@ function useMultipleSelection(values, defaultSelectedIndexes = []) {
         es2018Exports$1.assert(index >= 0 && index < values.length, 'The index of parameter defaultSelectedIndexes must be in the range of 0 to values.length');
     }
     const [selectedIndexes, setSelectedIndexes] = react.exports.useState(new Set(defaultSelectedIndexes));
-    return {
-        values: es2018Exports.toArray(es2018Exports.map(selectedIndexes, i => values[i])),
+    return react.exports.useMemo(() => ({
+        selectedValues: es2018Exports.toArray(es2018Exports.map(selectedIndexes, i => values[i])),
         options: values.map((value, index) => {
             const selected = selectedIndexes.has(index);
             const select = () => {
@@ -5374,7 +5409,7 @@ function useMultipleSelection(values, defaultSelectedIndexes = []) {
                 toggle: selected ? unselect : select
             };
         })
-    };
+    }), [selectedIndexes]);
 }
 
 function useStateCycle(stateList, initialStateIndex = 0) {
@@ -13653,5 +13688,5 @@ function useFiniteStateMachine(schema, initialState) {
 }
 
 var ObservableFiniteStateMachine = es2018$2.ObservableFiniteStateMachine;
-export { ObservableFiniteStateMachine, useFiniteStateMachine, useForceUpdate, useIncrement, useIsMounted, useMount, useMultipleSelection, useResizeObserver, useSingleSelection, useStateCycle, useStep, useToggle };
+export { ObservableFiniteStateMachine, useFiniteStateMachine, useForceUpdate, useIncrement, useIsFirstRender, useIsMounted, useMount, useMultipleSelection, useRenderCounter, useResizeObserver, useSingleSelection, useStateCycle, useStep, useToggle, useUpdateEffect };
 //# sourceMappingURL=index.mjs.map