react-transition-state 2.1.0-alpha.0 → 2.1.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +4 -30
- package/dist/es/hooks/useTransitionMap.js +4 -30
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -90,14 +90,7 @@ const useTransition = ({
|
|
|
90
90
|
|
|
91
91
|
const initialStateMap = new Map();
|
|
92
92
|
const initialConfigMap = new Map();
|
|
93
|
-
const updateState = ({
|
|
94
|
-
key,
|
|
95
|
-
status,
|
|
96
|
-
setStateMap,
|
|
97
|
-
latestStateMap,
|
|
98
|
-
timeoutId,
|
|
99
|
-
onChange
|
|
100
|
-
}) => {
|
|
93
|
+
const updateState = (key, status, setStateMap, latestStateMap, timeoutId, onChange) => {
|
|
101
94
|
clearTimeout(timeoutId);
|
|
102
95
|
const state = getState(status);
|
|
103
96
|
const stateMap = new Map(latestStateMap.current);
|
|
@@ -130,12 +123,7 @@ const useTransitionMap = ({
|
|
|
130
123
|
initialEntered: _initialEntered = initialEntered
|
|
131
124
|
} = config || {};
|
|
132
125
|
const status = _initialEntered ? ENTERED : startOrEnd(mountOnEnter);
|
|
133
|
-
updateState(
|
|
134
|
-
key,
|
|
135
|
-
status,
|
|
136
|
-
setStateMap,
|
|
137
|
-
latestStateMap
|
|
138
|
-
});
|
|
126
|
+
updateState(key, status, setStateMap, latestStateMap);
|
|
139
127
|
configMap.current.set(key, {});
|
|
140
128
|
}, [initialEntered, mountOnEnter]);
|
|
141
129
|
const deleteItem = react.useCallback(key => {
|
|
@@ -158,14 +146,7 @@ const useTransitionMap = ({
|
|
|
158
146
|
timeoutId
|
|
159
147
|
} = configMap.current.get(key);
|
|
160
148
|
const status = getEndStatus(stateObj._status, unmountOnExit);
|
|
161
|
-
status && updateState(
|
|
162
|
-
key,
|
|
163
|
-
status,
|
|
164
|
-
setStateMap,
|
|
165
|
-
latestStateMap,
|
|
166
|
-
timeoutId,
|
|
167
|
-
onChange
|
|
168
|
-
});
|
|
149
|
+
status && updateState(key, status, setStateMap, latestStateMap, timeoutId, onChange);
|
|
169
150
|
}, [onChange, unmountOnExit]);
|
|
170
151
|
const toggle = react.useCallback((key, toEnter) => {
|
|
171
152
|
const stateObj = latestStateMap.current.get(key);
|
|
@@ -175,14 +156,7 @@ const useTransitionMap = ({
|
|
|
175
156
|
}
|
|
176
157
|
const config = configMap.current.get(key);
|
|
177
158
|
const transitState = status => {
|
|
178
|
-
updateState(
|
|
179
|
-
key,
|
|
180
|
-
status,
|
|
181
|
-
setStateMap,
|
|
182
|
-
latestStateMap,
|
|
183
|
-
timeoutId: config.timeoutId,
|
|
184
|
-
onChange
|
|
185
|
-
});
|
|
159
|
+
updateState(key, status, setStateMap, latestStateMap, config.timeoutId, onChange);
|
|
186
160
|
switch (status) {
|
|
187
161
|
case ENTERING:
|
|
188
162
|
if (enterTimeout >= 0) config.timeoutId = setTimeout(() => endTransition(key), enterTimeout);
|
|
@@ -3,14 +3,7 @@ import { getTimeout, ENTERED, startOrEnd, getEndStatus, PRE_ENTER, ENTERING, PRE
|
|
|
3
3
|
|
|
4
4
|
const initialStateMap = new Map();
|
|
5
5
|
const initialConfigMap = new Map();
|
|
6
|
-
const updateState = ({
|
|
7
|
-
key,
|
|
8
|
-
status,
|
|
9
|
-
setStateMap,
|
|
10
|
-
latestStateMap,
|
|
11
|
-
timeoutId,
|
|
12
|
-
onChange
|
|
13
|
-
}) => {
|
|
6
|
+
const updateState = (key, status, setStateMap, latestStateMap, timeoutId, onChange) => {
|
|
14
7
|
clearTimeout(timeoutId);
|
|
15
8
|
const state = getState(status);
|
|
16
9
|
const stateMap = new Map(latestStateMap.current);
|
|
@@ -43,12 +36,7 @@ const useTransitionMap = ({
|
|
|
43
36
|
initialEntered: _initialEntered = initialEntered
|
|
44
37
|
} = config || {};
|
|
45
38
|
const status = _initialEntered ? ENTERED : startOrEnd(mountOnEnter);
|
|
46
|
-
updateState(
|
|
47
|
-
key,
|
|
48
|
-
status,
|
|
49
|
-
setStateMap,
|
|
50
|
-
latestStateMap
|
|
51
|
-
});
|
|
39
|
+
updateState(key, status, setStateMap, latestStateMap);
|
|
52
40
|
configMap.current.set(key, {});
|
|
53
41
|
}, [initialEntered, mountOnEnter]);
|
|
54
42
|
const deleteItem = useCallback(key => {
|
|
@@ -71,14 +59,7 @@ const useTransitionMap = ({
|
|
|
71
59
|
timeoutId
|
|
72
60
|
} = configMap.current.get(key);
|
|
73
61
|
const status = getEndStatus(stateObj._status, unmountOnExit);
|
|
74
|
-
status && updateState(
|
|
75
|
-
key,
|
|
76
|
-
status,
|
|
77
|
-
setStateMap,
|
|
78
|
-
latestStateMap,
|
|
79
|
-
timeoutId,
|
|
80
|
-
onChange
|
|
81
|
-
});
|
|
62
|
+
status && updateState(key, status, setStateMap, latestStateMap, timeoutId, onChange);
|
|
82
63
|
}, [onChange, unmountOnExit]);
|
|
83
64
|
const toggle = useCallback((key, toEnter) => {
|
|
84
65
|
const stateObj = latestStateMap.current.get(key);
|
|
@@ -88,14 +69,7 @@ const useTransitionMap = ({
|
|
|
88
69
|
}
|
|
89
70
|
const config = configMap.current.get(key);
|
|
90
71
|
const transitState = status => {
|
|
91
|
-
updateState(
|
|
92
|
-
key,
|
|
93
|
-
status,
|
|
94
|
-
setStateMap,
|
|
95
|
-
latestStateMap,
|
|
96
|
-
timeoutId: config.timeoutId,
|
|
97
|
-
onChange
|
|
98
|
-
});
|
|
72
|
+
updateState(key, status, setStateMap, latestStateMap, config.timeoutId, onChange);
|
|
99
73
|
switch (status) {
|
|
100
74
|
case ENTERING:
|
|
101
75
|
if (enterTimeout >= 0) config.timeoutId = setTimeout(() => endTransition(key), enterTimeout);
|