@hanzogui/animations-css 3.0.5 → 4.3.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/createAnimations.cjs +305 -130
- package/dist/cjs/createAnimations.native.js +402 -217
- package/dist/cjs/createAnimations.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/createAnimations.mjs +276 -103
- package/dist/esm/createAnimations.mjs.map +1 -1
- package/dist/esm/createAnimations.native.js +373 -190
- package/dist/esm/createAnimations.native.js.map +1 -1
- package/package.json +7 -7
- package/src/createAnimations.tsx +4 -0
- package/types/createAnimations.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createAnimations_exports","__export","createAnimations","module","exports","import_animation_helpers","require","import_constants","import_use_presence","import_web","import_react","__toESM","_type_of","obj","Symbol","constructor","EXTRACT_MS_REGEX","EXTRACT_S_REGEX","extractDuration","animation","msMatch","match","Number","parseInt","sMatch","Math","round","parseFloat","MS_DURATION_REGEX","S_DURATION_REGEX","applyDurationOverride","durationMs","msReplaced","replace","sReplaced","TRANSFORM_KEYS","buildTransformString","style","parts","x","y","_style_x","_style_y","push","scale","scaleX","scaleY","rotate","val","unit","includes","rotateX","rotateY","rotateZ","skewX","skewY","join","applyStylesToNode","node","transformStr","transform","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Object","entries","iterator","_step","next","done","key","opacity","String","backgroundColor","color","err","return","animations","reactionListeners","WeakMap","usePresence","ResetPresence","inputStyle","outputStyle","useAnimatedNumber","initial","setVal","default","useState","finishTimerRef","useRef","getInstance","getValue","setValue","config","onFinish","current","clearTimeout","type","duration","setTimeout","listeners","get","forEach","listener","stop","useAnimatedNumberReaction","param","onValue","useEffect","instance","queue","Set","set","add","delete","useAnimatedNumberStyle","getStyle","useAnimations","props","presence","componentState","stateRef","styleState","_normalized_config","isHydrating","unmounted","isEntering","isExiting","sendExitComplete","wasEnteringRef","justFinishedEntering","exitCycleIdRef","exitCompletedRef","wasExitingRef","exitInterruptedRef","justStartedExiting","justStoppedExiting","_styleState_effectiveTransition","effectiveTransition","transition","normalized","normalizeTransition","animationState","effectiveAnimationKey","getEffectiveAnimation","defaultAnimation","animatedProperties","getAnimatedProperties","hasDefault","enter","exit","hasPerPropertyConfigs","length","keys","animateOnly","useIsomorphicLayoutEffect","_normalized_config2","host","cycleId","completeExit","rafId","wasInterrupted","ignoreCancelEvents","enterStyle","exitStyle","delayStr2","delay","durationOverride2","exitTransitionString","map","key2","propAnimation","properties","animationValue2","filter","Boolean","resetStyle","offsetHeight","resetStyle1","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","_step1","key1","requestAnimationFrame","maxDuration","animationConfigs","getAnimationConfigsForKeys","_iteratorNormalCompletion2","_didIteratorError2","_iteratorError2","_iterator2","values","_step2","animationValue"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createAnimations_exports","__export","createAnimations","module","exports","import_animation_helpers","require","import_constants","import_use_presence","import_web","import_react","__toESM","_type_of","obj","Symbol","constructor","EXTRACT_MS_REGEX","EXTRACT_S_REGEX","extractDuration","animation","msMatch","match","Number","parseInt","sMatch","Math","round","parseFloat","MS_DURATION_REGEX","S_DURATION_REGEX","applyDurationOverride","durationMs","msReplaced","replace","sReplaced","TRANSFORM_KEYS","buildTransformString","style","parts","x","y","_style_x","_style_y","push","scale","scaleX","scaleY","rotate","val","unit","includes","rotateX","rotateY","rotateZ","skewX","skewY","join","applyStylesToNode","node","transformStr","transform","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Object","entries","iterator","_step","next","done","key","opacity","String","backgroundColor","color","err","return","animations","reactionListeners","WeakMap","usePresence","ResetPresence","inputStyle","outputStyle","useAnimatedNumber","initial","setVal","default","useState","finishTimerRef","useRef","getInstance","getValue","setValue","config","onFinish","current","clearTimeout","type","duration","setTimeout","listeners","get","forEach","listener","stop","useAnimatedNumberReaction","param","onValue","useEffect","instance","queue","Set","set","add","delete","useAnimatedNumberStyle","getStyle","useAnimatedNumbersStyle","vals","map","v","useAnimations","props","presence","componentState","stateRef","styleState","_normalized_config","isHydrating","unmounted","isEntering","isExiting","sendExitComplete","wasEnteringRef","justFinishedEntering","exitCycleIdRef","exitCompletedRef","wasExitingRef","exitInterruptedRef","justStartedExiting","justStoppedExiting","_styleState_effectiveTransition","effectiveTransition","transition","normalized","normalizeTransition","animationState","effectiveAnimationKey","getEffectiveAnimation","defaultAnimation","animatedProperties","getAnimatedProperties","hasDefault","enter","exit","hasPerPropertyConfigs","length","keys","animateOnly","useIsomorphicLayoutEffect","_normalized_config2","host","cycleId","completeExit","rafId","wasInterrupted","ignoreCancelEvents","enterStyle","exitStyle","delayStr2","delay","durationOverride2","exitTransitionString","key2","propAnimation","properties","animationValue2","filter","Boolean","resetStyle","offsetHeight","resetStyle1","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","_step1","key1","requestAnimationFrame","maxDuration","animationConfigs","getAnimationConfigsForKeys","_iteratorNormalCompletion2","_didIteratorError2","_iteratorError2","_iterator2","values","_step2","animationValue","_normalized_delay","fallbackTimeout","timeoutId","transitioningProps","completedCount","onFinishAnimation","event","target","eventProp","propertyName","has","size"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -3,15 +3,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
7
8
|
get: () => from[key],
|
|
8
9
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
9
10
|
});
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
13
15
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
14
|
-
value:
|
|
16
|
+
value: true
|
|
15
17
|
}), mod);
|
|
16
18
|
var index_exports = {};
|
|
17
19
|
module.exports = __toCommonJS(index_exports);
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
9
10
|
get: () => from[key],
|
|
10
11
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
12
|
});
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
17
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
-
value:
|
|
18
|
+
value: true
|
|
17
19
|
}), mod);
|
|
18
20
|
var index_exports = {};
|
|
19
21
|
module.exports = __toCommonJS(index_exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}
|
|
@@ -3,43 +3,91 @@ import { useIsomorphicLayoutEffect } from "@hanzogui/constants";
|
|
|
3
3
|
import { ResetPresence, usePresence } from "@hanzogui/use-presence";
|
|
4
4
|
import { transformsToString } from "@hanzogui/web";
|
|
5
5
|
import React from "react";
|
|
6
|
-
const EXTRACT_MS_REGEX = /(\d+(?:\.\d+)?)\s*ms
|
|
7
|
-
|
|
6
|
+
const EXTRACT_MS_REGEX = /(\d+(?:\.\d+)?)\s*ms/;
|
|
7
|
+
const EXTRACT_S_REGEX = /(\d+(?:\.\d+)?)\s*s/;
|
|
8
8
|
function extractDuration(animation) {
|
|
9
9
|
const msMatch = animation.match(EXTRACT_MS_REGEX);
|
|
10
|
-
if (msMatch)
|
|
10
|
+
if (msMatch) {
|
|
11
|
+
return Number.parseInt(msMatch[1], 10);
|
|
12
|
+
}
|
|
11
13
|
const sMatch = animation.match(EXTRACT_S_REGEX);
|
|
12
|
-
|
|
14
|
+
if (sMatch) {
|
|
15
|
+
return Math.round(Number.parseFloat(sMatch[1]) * 1e3);
|
|
16
|
+
}
|
|
17
|
+
return 300;
|
|
13
18
|
}
|
|
14
|
-
const MS_DURATION_REGEX = /(\d+(?:\.\d+)?)\s*ms
|
|
15
|
-
|
|
19
|
+
const MS_DURATION_REGEX = /(\d+(?:\.\d+)?)\s*ms/;
|
|
20
|
+
const S_DURATION_REGEX = /(\d+(?:\.\d+)?)\s*s(?!tiffness)/;
|
|
16
21
|
function applyDurationOverride(animation, durationMs) {
|
|
17
22
|
const msReplaced = animation.replace(MS_DURATION_REGEX, `${durationMs}ms`);
|
|
18
|
-
if (msReplaced !== animation)
|
|
23
|
+
if (msReplaced !== animation) {
|
|
24
|
+
return msReplaced;
|
|
25
|
+
}
|
|
19
26
|
const sReplaced = animation.replace(S_DURATION_REGEX, `${durationMs}ms`);
|
|
20
|
-
|
|
27
|
+
if (sReplaced !== animation) {
|
|
28
|
+
return sReplaced;
|
|
29
|
+
}
|
|
30
|
+
return `${durationMs}ms ${animation}`;
|
|
21
31
|
}
|
|
22
32
|
const TRANSFORM_KEYS = ["x", "y", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skewX", "skewY"];
|
|
23
33
|
function buildTransformString(style) {
|
|
24
34
|
if (!style) return "";
|
|
25
35
|
const parts = [];
|
|
26
36
|
if (style.x !== void 0 || style.y !== void 0) {
|
|
27
|
-
const x = style.x ?? 0
|
|
28
|
-
|
|
37
|
+
const x = style.x ?? 0;
|
|
38
|
+
const y = style.y ?? 0;
|
|
29
39
|
parts.push(`translate(${x}px, ${y}px)`);
|
|
30
40
|
}
|
|
31
|
-
if (style.scale !== void 0
|
|
32
|
-
|
|
33
|
-
|
|
41
|
+
if (style.scale !== void 0) {
|
|
42
|
+
parts.push(`scale(${style.scale})`);
|
|
43
|
+
}
|
|
44
|
+
if (style.scaleX !== void 0) {
|
|
45
|
+
parts.push(`scaleX(${style.scaleX})`);
|
|
46
|
+
}
|
|
47
|
+
if (style.scaleY !== void 0) {
|
|
48
|
+
parts.push(`scaleY(${style.scaleY})`);
|
|
49
|
+
}
|
|
50
|
+
if (style.rotate !== void 0) {
|
|
51
|
+
const val = style.rotate;
|
|
52
|
+
const unit = typeof val === "string" && val.includes("deg") ? "" : "deg";
|
|
34
53
|
parts.push(`rotate(${val}${unit})`);
|
|
35
54
|
}
|
|
36
|
-
|
|
55
|
+
if (style.rotateX !== void 0) {
|
|
56
|
+
parts.push(`rotateX(${style.rotateX}deg)`);
|
|
57
|
+
}
|
|
58
|
+
if (style.rotateY !== void 0) {
|
|
59
|
+
parts.push(`rotateY(${style.rotateY}deg)`);
|
|
60
|
+
}
|
|
61
|
+
if (style.rotateZ !== void 0) {
|
|
62
|
+
parts.push(`rotateZ(${style.rotateZ}deg)`);
|
|
63
|
+
}
|
|
64
|
+
if (style.skewX !== void 0) {
|
|
65
|
+
parts.push(`skewX(${style.skewX}deg)`);
|
|
66
|
+
}
|
|
67
|
+
if (style.skewY !== void 0) {
|
|
68
|
+
parts.push(`skewY(${style.skewY}deg)`);
|
|
69
|
+
}
|
|
70
|
+
return parts.join(" ");
|
|
37
71
|
}
|
|
38
72
|
function applyStylesToNode(node, style) {
|
|
39
73
|
if (!style) return;
|
|
40
74
|
const transformStr = buildTransformString(style);
|
|
41
|
-
|
|
42
|
-
|
|
75
|
+
if (transformStr) {
|
|
76
|
+
node.style.transform = transformStr;
|
|
77
|
+
}
|
|
78
|
+
for (const [key, value] of Object.entries(style)) {
|
|
79
|
+
if (TRANSFORM_KEYS.includes(key)) continue;
|
|
80
|
+
if (value === void 0) continue;
|
|
81
|
+
if (key === "opacity") {
|
|
82
|
+
node.style.opacity = String(value);
|
|
83
|
+
} else if (key === "backgroundColor") {
|
|
84
|
+
node.style.backgroundColor = String(value);
|
|
85
|
+
} else if (key === "color") {
|
|
86
|
+
node.style.color = String(value);
|
|
87
|
+
} else {
|
|
88
|
+
node.style[key] = typeof value === "number" ? `${value}px` : String(value);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
43
91
|
}
|
|
44
92
|
function createAnimations(animations) {
|
|
45
93
|
const reactionListeners = /* @__PURE__ */new WeakMap();
|
|
@@ -50,8 +98,8 @@ function createAnimations(animations) {
|
|
|
50
98
|
inputStyle: "css",
|
|
51
99
|
outputStyle: "css",
|
|
52
100
|
useAnimatedNumber(initial) {
|
|
53
|
-
const [val, setVal] = React.useState(initial)
|
|
54
|
-
|
|
101
|
+
const [val, setVal] = React.useState(initial);
|
|
102
|
+
const finishTimerRef = React.useRef(null);
|
|
55
103
|
return {
|
|
56
104
|
getInstance() {
|
|
57
105
|
return setVal;
|
|
@@ -60,15 +108,29 @@ function createAnimations(animations) {
|
|
|
60
108
|
return val;
|
|
61
109
|
},
|
|
62
110
|
setValue(next, config, onFinish) {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
finishTimerRef.current
|
|
111
|
+
setVal(next);
|
|
112
|
+
if (finishTimerRef.current) {
|
|
113
|
+
clearTimeout(finishTimerRef.current);
|
|
114
|
+
finishTimerRef.current = null;
|
|
115
|
+
}
|
|
116
|
+
if (onFinish) {
|
|
117
|
+
if (!config || config.type === "direct" || config.type === "timing" && config.duration === 0) {
|
|
118
|
+
onFinish();
|
|
119
|
+
} else {
|
|
120
|
+
const duration = config.type === "timing" ? config.duration : 300;
|
|
121
|
+
finishTimerRef.current = setTimeout(onFinish, duration);
|
|
122
|
+
}
|
|
66
123
|
}
|
|
67
124
|
const listeners = reactionListeners.get(setVal);
|
|
68
|
-
|
|
125
|
+
if (listeners) {
|
|
126
|
+
listeners.forEach(listener => listener(next));
|
|
127
|
+
}
|
|
69
128
|
},
|
|
70
129
|
stop() {
|
|
71
|
-
|
|
130
|
+
if (finishTimerRef.current) {
|
|
131
|
+
clearTimeout(finishTimerRef.current);
|
|
132
|
+
finishTimerRef.current = null;
|
|
133
|
+
}
|
|
72
134
|
}
|
|
73
135
|
};
|
|
74
136
|
},
|
|
@@ -80,9 +142,11 @@ function createAnimations(animations) {
|
|
|
80
142
|
let queue = reactionListeners.get(instance);
|
|
81
143
|
if (!queue) {
|
|
82
144
|
const next = /* @__PURE__ */new Set();
|
|
83
|
-
reactionListeners.set(instance, next)
|
|
145
|
+
reactionListeners.set(instance, next);
|
|
146
|
+
queue = next;
|
|
84
147
|
}
|
|
85
|
-
|
|
148
|
+
queue.add(onValue);
|
|
149
|
+
return () => {
|
|
86
150
|
queue?.delete(onValue);
|
|
87
151
|
};
|
|
88
152
|
}, []);
|
|
@@ -90,6 +154,9 @@ function createAnimations(animations) {
|
|
|
90
154
|
useAnimatedNumberStyle(val, getStyle) {
|
|
91
155
|
return getStyle(val.getValue());
|
|
92
156
|
},
|
|
157
|
+
useAnimatedNumbersStyle(vals, getStyle) {
|
|
158
|
+
return getStyle(...vals.map(v => v.getValue()));
|
|
159
|
+
},
|
|
93
160
|
// @ts-ignore - styleState is added by createComponent
|
|
94
161
|
useAnimations: ({
|
|
95
162
|
props,
|
|
@@ -99,40 +166,61 @@ function createAnimations(animations) {
|
|
|
99
166
|
stateRef,
|
|
100
167
|
styleState
|
|
101
168
|
}) => {
|
|
102
|
-
const isHydrating = componentState.unmounted ===
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
169
|
+
const isHydrating = componentState.unmounted === true;
|
|
170
|
+
const isEntering = !!componentState.unmounted;
|
|
171
|
+
const isExiting = presence?.[0] === false;
|
|
172
|
+
const sendExitComplete = presence?.[1];
|
|
173
|
+
const wasEnteringRef = React.useRef(isEntering);
|
|
174
|
+
const justFinishedEntering = wasEnteringRef.current && !isEntering;
|
|
108
175
|
React.useEffect(() => {
|
|
109
176
|
wasEnteringRef.current = isEntering;
|
|
110
177
|
});
|
|
111
|
-
const exitCycleIdRef = React.useRef(0)
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
178
|
+
const exitCycleIdRef = React.useRef(0);
|
|
179
|
+
const exitCompletedRef = React.useRef(false);
|
|
180
|
+
const wasExitingRef = React.useRef(false);
|
|
181
|
+
const exitInterruptedRef = React.useRef(false);
|
|
182
|
+
const justStartedExiting = isExiting && !wasExitingRef.current;
|
|
183
|
+
const justStoppedExiting = !isExiting && wasExitingRef.current;
|
|
184
|
+
if (justStartedExiting) {
|
|
185
|
+
exitCycleIdRef.current++;
|
|
186
|
+
exitCompletedRef.current = false;
|
|
187
|
+
}
|
|
188
|
+
if (justStoppedExiting) {
|
|
189
|
+
exitCycleIdRef.current++;
|
|
190
|
+
exitInterruptedRef.current = true;
|
|
191
|
+
}
|
|
192
|
+
React.useEffect(() => {
|
|
118
193
|
wasExitingRef.current = isExiting;
|
|
119
194
|
});
|
|
120
|
-
const effectiveTransition = styleState?.effectiveTransition ?? props.transition
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
195
|
+
const effectiveTransition = styleState?.effectiveTransition ?? props.transition;
|
|
196
|
+
const normalized = normalizeTransition(effectiveTransition);
|
|
197
|
+
const animationState = isExiting ? "exit" : isEntering || justFinishedEntering ? "enter" : "default";
|
|
198
|
+
const effectiveAnimationKey = getEffectiveAnimation(normalized, animationState);
|
|
199
|
+
const defaultAnimation = effectiveAnimationKey ? animations[effectiveAnimationKey] : null;
|
|
200
|
+
const animatedProperties = getAnimatedProperties(normalized);
|
|
201
|
+
const hasDefault = normalized.default !== null || normalized.enter !== null || normalized.exit !== null;
|
|
202
|
+
const hasPerPropertyConfigs = animatedProperties.length > 0;
|
|
127
203
|
let keys;
|
|
128
|
-
if (props.animateOnly
|
|
204
|
+
if (props.animateOnly) {
|
|
205
|
+
keys = props.animateOnly;
|
|
206
|
+
} else if (hasPerPropertyConfigs && !hasDefault) {
|
|
207
|
+
keys = animatedProperties;
|
|
208
|
+
} else if (hasPerPropertyConfigs && hasDefault) {
|
|
209
|
+
keys = ["all", ...animatedProperties];
|
|
210
|
+
} else {
|
|
211
|
+
keys = ["all"];
|
|
212
|
+
}
|
|
213
|
+
useIsomorphicLayoutEffect(() => {
|
|
129
214
|
const host = stateRef.current.host;
|
|
130
215
|
if (!sendExitComplete || !isExiting || !host) return;
|
|
131
|
-
const node = host
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
216
|
+
const node = host;
|
|
217
|
+
const cycleId = exitCycleIdRef.current;
|
|
218
|
+
const completeExit = () => {
|
|
219
|
+
if (cycleId !== exitCycleIdRef.current) return;
|
|
220
|
+
if (exitCompletedRef.current) return;
|
|
221
|
+
exitCompletedRef.current = true;
|
|
222
|
+
sendExitComplete();
|
|
223
|
+
};
|
|
136
224
|
if (keys.length === 0) {
|
|
137
225
|
completeExit();
|
|
138
226
|
return;
|
|
@@ -140,73 +228,158 @@ function createAnimations(animations) {
|
|
|
140
228
|
let rafId;
|
|
141
229
|
const wasInterrupted = exitInterruptedRef.current;
|
|
142
230
|
let ignoreCancelEvents = wasInterrupted;
|
|
143
|
-
const enterStyle = props.enterStyle
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
231
|
+
const enterStyle = props.enterStyle;
|
|
232
|
+
const exitStyle = props.exitStyle;
|
|
233
|
+
const delayStr2 = normalized.delay ? ` ${normalized.delay}ms` : "";
|
|
234
|
+
const durationOverride2 = normalized.config?.duration;
|
|
235
|
+
const exitTransitionString = keys.map(key => {
|
|
236
|
+
const propAnimation = normalized.properties[key];
|
|
237
|
+
let animationValue = null;
|
|
238
|
+
if (typeof propAnimation === "string") {
|
|
239
|
+
animationValue = animations[propAnimation];
|
|
240
|
+
} else if (propAnimation && typeof propAnimation === "object" && propAnimation.type) {
|
|
241
|
+
animationValue = animations[propAnimation.type];
|
|
242
|
+
} else if (defaultAnimation) {
|
|
243
|
+
animationValue = defaultAnimation;
|
|
244
|
+
}
|
|
245
|
+
if (animationValue && durationOverride2) {
|
|
246
|
+
animationValue = applyDurationOverride(animationValue, durationOverride2);
|
|
247
|
+
}
|
|
248
|
+
return animationValue ? `${key} ${animationValue}${delayStr2}` : null;
|
|
249
|
+
}).filter(Boolean).join(", ");
|
|
152
250
|
if (wasInterrupted) {
|
|
153
|
-
|
|
251
|
+
exitInterruptedRef.current = false;
|
|
252
|
+
node.style.transition = "none";
|
|
253
|
+
if (exitStyle) {
|
|
154
254
|
const resetStyle = {};
|
|
155
|
-
for (const key of Object.keys(exitStyle))
|
|
255
|
+
for (const key of Object.keys(exitStyle)) {
|
|
256
|
+
if (key === "opacity") {
|
|
257
|
+
resetStyle[key] = 1;
|
|
258
|
+
} else if (TRANSFORM_KEYS.includes(key)) {
|
|
259
|
+
resetStyle[key] = key === "scale" || key === "scaleX" || key === "scaleY" ? 1 : 0;
|
|
260
|
+
} else if (enterStyle?.[key] !== void 0) {
|
|
261
|
+
resetStyle[key] = enterStyle[key];
|
|
262
|
+
}
|
|
263
|
+
}
|
|
156
264
|
applyStylesToNode(node, resetStyle);
|
|
157
|
-
} else
|
|
158
|
-
|
|
265
|
+
} else {
|
|
266
|
+
node.style.opacity = "1";
|
|
267
|
+
node.style.transform = "none";
|
|
268
|
+
}
|
|
269
|
+
void node.offsetHeight;
|
|
159
270
|
} else if (exitStyle) {
|
|
160
|
-
ignoreCancelEvents =
|
|
271
|
+
ignoreCancelEvents = true;
|
|
272
|
+
node.style.transition = "none";
|
|
161
273
|
const resetStyle = {};
|
|
162
|
-
for (const key of Object.keys(exitStyle))
|
|
163
|
-
|
|
164
|
-
|
|
274
|
+
for (const key of Object.keys(exitStyle)) {
|
|
275
|
+
if (key === "opacity") {
|
|
276
|
+
resetStyle[key] = 1;
|
|
277
|
+
} else if (TRANSFORM_KEYS.includes(key)) {
|
|
278
|
+
resetStyle[key] = key === "scale" || key === "scaleX" || key === "scaleY" ? 1 : 0;
|
|
279
|
+
} else if (enterStyle?.[key] !== void 0) {
|
|
280
|
+
resetStyle[key] = enterStyle[key];
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
applyStylesToNode(node, resetStyle);
|
|
284
|
+
void node.offsetHeight;
|
|
285
|
+
rafId = requestAnimationFrame(() => {
|
|
286
|
+
if (cycleId !== exitCycleIdRef.current) return;
|
|
287
|
+
node.style.transition = exitTransitionString;
|
|
288
|
+
void node.offsetHeight;
|
|
289
|
+
applyStylesToNode(node, exitStyle);
|
|
290
|
+
ignoreCancelEvents = false;
|
|
165
291
|
});
|
|
166
292
|
}
|
|
167
293
|
let maxDuration = defaultAnimation ? extractDuration(defaultAnimation) : 200;
|
|
168
294
|
const animationConfigs = getAnimationConfigsForKeys(normalized, animations, keys, defaultAnimation);
|
|
169
|
-
for (const animationValue of animationConfigs.values())
|
|
170
|
-
|
|
171
|
-
|
|
295
|
+
for (const animationValue of animationConfigs.values()) {
|
|
296
|
+
if (animationValue) {
|
|
297
|
+
const duration = extractDuration(animationValue);
|
|
298
|
+
if (duration > maxDuration) {
|
|
299
|
+
maxDuration = duration;
|
|
300
|
+
}
|
|
301
|
+
}
|
|
172
302
|
}
|
|
173
|
-
const delay = normalized.delay ?? 0
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
303
|
+
const delay = normalized.delay ?? 0;
|
|
304
|
+
const fallbackTimeout = maxDuration + delay;
|
|
305
|
+
const timeoutId = setTimeout(() => {
|
|
306
|
+
completeExit();
|
|
307
|
+
}, fallbackTimeout);
|
|
308
|
+
const transitioningProps = new Set(keys);
|
|
179
309
|
let completedCount = 0;
|
|
180
310
|
const onFinishAnimation = event => {
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
})), () => {
|
|
191
|
-
clearTimeout(timeoutId), rafId !== void 0 && cancelAnimationFrame(rafId), node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onCancelAnimation), node.style.transition = "";
|
|
311
|
+
if (event.target !== node) return;
|
|
312
|
+
const eventProp = event.propertyName;
|
|
313
|
+
if (transitioningProps.has(eventProp) || eventProp === "all") {
|
|
314
|
+
completedCount++;
|
|
315
|
+
if (completedCount >= transitioningProps.size) {
|
|
316
|
+
clearTimeout(timeoutId);
|
|
317
|
+
completeExit();
|
|
318
|
+
}
|
|
319
|
+
}
|
|
192
320
|
};
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
321
|
+
const onCancelAnimation = () => {
|
|
322
|
+
if (ignoreCancelEvents) return;
|
|
323
|
+
clearTimeout(timeoutId);
|
|
324
|
+
completeExit();
|
|
325
|
+
};
|
|
326
|
+
node.addEventListener("transitionend", onFinishAnimation);
|
|
327
|
+
node.addEventListener("transitioncancel", onCancelAnimation);
|
|
328
|
+
if (wasInterrupted) {
|
|
329
|
+
rafId = requestAnimationFrame(() => {
|
|
330
|
+
if (cycleId !== exitCycleIdRef.current) return;
|
|
331
|
+
node.style.transition = exitTransitionString;
|
|
332
|
+
void node.offsetHeight;
|
|
333
|
+
applyStylesToNode(node, exitStyle);
|
|
334
|
+
ignoreCancelEvents = false;
|
|
335
|
+
});
|
|
336
|
+
}
|
|
337
|
+
return () => {
|
|
338
|
+
clearTimeout(timeoutId);
|
|
339
|
+
if (rafId !== void 0) cancelAnimationFrame(rafId);
|
|
340
|
+
node.removeEventListener("transitionend", onFinishAnimation);
|
|
341
|
+
node.removeEventListener("transitioncancel", onCancelAnimation);
|
|
342
|
+
node.style.transition = "";
|
|
343
|
+
};
|
|
344
|
+
}, [sendExitComplete, isExiting, stateRef, keys, normalized, defaultAnimation, props.enterStyle, props.exitStyle]);
|
|
345
|
+
if (isHydrating) {
|
|
346
|
+
return null;
|
|
347
|
+
}
|
|
348
|
+
if (!hasNormalizedAnimation(normalized)) {
|
|
349
|
+
return null;
|
|
350
|
+
}
|
|
351
|
+
if (Array.isArray(style.transform)) {
|
|
352
|
+
style.transform = transformsToString(style.transform);
|
|
353
|
+
}
|
|
354
|
+
const delayStr = normalized.delay ? ` ${normalized.delay}ms` : "";
|
|
355
|
+
const durationOverride = normalized.config?.duration;
|
|
356
|
+
style.transition = keys.map(key => {
|
|
198
357
|
const propAnimation = normalized.properties[key];
|
|
199
358
|
let animationValue = null;
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
359
|
+
if (typeof propAnimation === "string") {
|
|
360
|
+
animationValue = animations[propAnimation];
|
|
361
|
+
} else if (propAnimation && typeof propAnimation === "object" && propAnimation.type) {
|
|
362
|
+
animationValue = animations[propAnimation.type];
|
|
363
|
+
} else if (defaultAnimation) {
|
|
364
|
+
animationValue = defaultAnimation;
|
|
365
|
+
}
|
|
366
|
+
if (animationValue && durationOverride) {
|
|
367
|
+
animationValue = applyDurationOverride(animationValue, durationOverride);
|
|
368
|
+
}
|
|
369
|
+
return animationValue ? `${key} ${animationValue}${delayStr}` : null;
|
|
370
|
+
}).filter(Boolean).join(", ");
|
|
371
|
+
if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
|
|
372
|
+
console.info("CSS animation", {
|
|
373
|
+
props,
|
|
374
|
+
animations,
|
|
375
|
+
normalized,
|
|
376
|
+
defaultAnimation,
|
|
377
|
+
style,
|
|
378
|
+
isEntering,
|
|
379
|
+
isExiting
|
|
380
|
+
});
|
|
381
|
+
}
|
|
382
|
+
return {
|
|
210
383
|
style,
|
|
211
384
|
className: isEntering ? "t_unmounted" : ""
|
|
212
385
|
};
|