@hanzogui/animations-css 2.0.0-rc.41-hanzoai.5
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/LICENSE +21 -0
- package/dist/cjs/createAnimations.cjs +426 -0
- package/dist/cjs/createAnimations.native.js +522 -0
- package/dist/cjs/createAnimations.native.js.map +1 -0
- package/dist/cjs/index.cjs +20 -0
- package/dist/cjs/index.native.js +23 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/esm/createAnimations.mjs +390 -0
- package/dist/esm/createAnimations.mjs.map +1 -0
- package/dist/esm/createAnimations.native.js +483 -0
- package/dist/esm/createAnimations.native.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +2 -0
- package/dist/esm/index.native.js.map +1 -0
- package/package.json +54 -0
- package/src/createAnimations.tsx +702 -0
- package/src/index.ts +1 -0
- package/types/createAnimations.d.ts +4 -0
- package/types/createAnimations.d.ts.map +11 -0
- package/types/index.d.ts +3 -0
- package/types/index.d.ts.map +11 -0
|
@@ -0,0 +1,483 @@
|
|
|
1
|
+
import { normalizeTransition, getAnimatedProperties, hasAnimation as hasNormalizedAnimation, getEffectiveAnimation, getAnimationConfigsForKeys } from "@hanzogui/animation-helpers";
|
|
2
|
+
import { useIsomorphicLayoutEffect } from "@hanzogui/constants";
|
|
3
|
+
import { ResetPresence, usePresence } from "@hanzogui/use-presence";
|
|
4
|
+
import { transformsToString } from "@hanzogui/web";
|
|
5
|
+
import React from "react";
|
|
6
|
+
function _type_of(obj) {
|
|
7
|
+
"@swc/helpers - typeof";
|
|
8
|
+
|
|
9
|
+
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
10
|
+
}
|
|
11
|
+
var EXTRACT_MS_REGEX = /(\d+(?:\.\d+)?)\s*ms/;
|
|
12
|
+
var EXTRACT_S_REGEX = /(\d+(?:\.\d+)?)\s*s/;
|
|
13
|
+
function extractDuration(animation) {
|
|
14
|
+
var msMatch = animation.match(EXTRACT_MS_REGEX);
|
|
15
|
+
if (msMatch) {
|
|
16
|
+
return Number.parseInt(msMatch[1], 10);
|
|
17
|
+
}
|
|
18
|
+
var sMatch = animation.match(EXTRACT_S_REGEX);
|
|
19
|
+
if (sMatch) {
|
|
20
|
+
return Math.round(Number.parseFloat(sMatch[1]) * 1e3);
|
|
21
|
+
}
|
|
22
|
+
return 300;
|
|
23
|
+
}
|
|
24
|
+
var MS_DURATION_REGEX = /(\d+(?:\.\d+)?)\s*ms/;
|
|
25
|
+
var S_DURATION_REGEX = /(\d+(?:\.\d+)?)\s*s(?!tiffness)/;
|
|
26
|
+
function applyDurationOverride(animation, durationMs) {
|
|
27
|
+
var msReplaced = animation.replace(MS_DURATION_REGEX, `${durationMs}ms`);
|
|
28
|
+
if (msReplaced !== animation) {
|
|
29
|
+
return msReplaced;
|
|
30
|
+
}
|
|
31
|
+
var sReplaced = animation.replace(S_DURATION_REGEX, `${durationMs}ms`);
|
|
32
|
+
if (sReplaced !== animation) {
|
|
33
|
+
return sReplaced;
|
|
34
|
+
}
|
|
35
|
+
return `${durationMs}ms ${animation}`;
|
|
36
|
+
}
|
|
37
|
+
var TRANSFORM_KEYS = ["x", "y", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skewX", "skewY"];
|
|
38
|
+
function buildTransformString(style) {
|
|
39
|
+
if (!style) return "";
|
|
40
|
+
var parts = [];
|
|
41
|
+
if (style.x !== void 0 || style.y !== void 0) {
|
|
42
|
+
var _style_x;
|
|
43
|
+
var x = (_style_x = style.x) !== null && _style_x !== void 0 ? _style_x : 0;
|
|
44
|
+
var _style_y;
|
|
45
|
+
var y = (_style_y = style.y) !== null && _style_y !== void 0 ? _style_y : 0;
|
|
46
|
+
parts.push(`translate(${x}px, ${y}px)`);
|
|
47
|
+
}
|
|
48
|
+
if (style.scale !== void 0) {
|
|
49
|
+
parts.push(`scale(${style.scale})`);
|
|
50
|
+
}
|
|
51
|
+
if (style.scaleX !== void 0) {
|
|
52
|
+
parts.push(`scaleX(${style.scaleX})`);
|
|
53
|
+
}
|
|
54
|
+
if (style.scaleY !== void 0) {
|
|
55
|
+
parts.push(`scaleY(${style.scaleY})`);
|
|
56
|
+
}
|
|
57
|
+
if (style.rotate !== void 0) {
|
|
58
|
+
var val = style.rotate;
|
|
59
|
+
var unit = typeof val === "string" && val.includes("deg") ? "" : "deg";
|
|
60
|
+
parts.push(`rotate(${val}${unit})`);
|
|
61
|
+
}
|
|
62
|
+
if (style.rotateX !== void 0) {
|
|
63
|
+
parts.push(`rotateX(${style.rotateX}deg)`);
|
|
64
|
+
}
|
|
65
|
+
if (style.rotateY !== void 0) {
|
|
66
|
+
parts.push(`rotateY(${style.rotateY}deg)`);
|
|
67
|
+
}
|
|
68
|
+
if (style.rotateZ !== void 0) {
|
|
69
|
+
parts.push(`rotateZ(${style.rotateZ}deg)`);
|
|
70
|
+
}
|
|
71
|
+
if (style.skewX !== void 0) {
|
|
72
|
+
parts.push(`skewX(${style.skewX}deg)`);
|
|
73
|
+
}
|
|
74
|
+
if (style.skewY !== void 0) {
|
|
75
|
+
parts.push(`skewY(${style.skewY}deg)`);
|
|
76
|
+
}
|
|
77
|
+
return parts.join(" ");
|
|
78
|
+
}
|
|
79
|
+
function applyStylesToNode(node, style) {
|
|
80
|
+
if (!style) return;
|
|
81
|
+
var transformStr = buildTransformString(style);
|
|
82
|
+
if (transformStr) {
|
|
83
|
+
node.style.transform = transformStr;
|
|
84
|
+
}
|
|
85
|
+
var _iteratorNormalCompletion = true,
|
|
86
|
+
_didIteratorError = false,
|
|
87
|
+
_iteratorError = void 0;
|
|
88
|
+
try {
|
|
89
|
+
for (var _iterator = Object.entries(style)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
90
|
+
var [key, value] = _step.value;
|
|
91
|
+
if (TRANSFORM_KEYS.includes(key)) continue;
|
|
92
|
+
if (value === void 0) continue;
|
|
93
|
+
if (key === "opacity") {
|
|
94
|
+
node.style.opacity = String(value);
|
|
95
|
+
} else if (key === "backgroundColor") {
|
|
96
|
+
node.style.backgroundColor = String(value);
|
|
97
|
+
} else if (key === "color") {
|
|
98
|
+
node.style.color = String(value);
|
|
99
|
+
} else {
|
|
100
|
+
node.style[key] = typeof value === "number" ? `${value}px` : String(value);
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
} catch (err) {
|
|
104
|
+
_didIteratorError = true;
|
|
105
|
+
_iteratorError = err;
|
|
106
|
+
} finally {
|
|
107
|
+
try {
|
|
108
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
109
|
+
_iterator.return();
|
|
110
|
+
}
|
|
111
|
+
} finally {
|
|
112
|
+
if (_didIteratorError) {
|
|
113
|
+
throw _iteratorError;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
function createAnimations(animations) {
|
|
119
|
+
var reactionListeners = /* @__PURE__ */new WeakMap();
|
|
120
|
+
return {
|
|
121
|
+
animations,
|
|
122
|
+
usePresence,
|
|
123
|
+
ResetPresence,
|
|
124
|
+
inputStyle: "css",
|
|
125
|
+
outputStyle: "css",
|
|
126
|
+
useAnimatedNumber(initial) {
|
|
127
|
+
var [val, setVal] = React.useState(initial);
|
|
128
|
+
var finishTimerRef = React.useRef(null);
|
|
129
|
+
return {
|
|
130
|
+
getInstance() {
|
|
131
|
+
return setVal;
|
|
132
|
+
},
|
|
133
|
+
getValue() {
|
|
134
|
+
return val;
|
|
135
|
+
},
|
|
136
|
+
setValue(next, config, onFinish) {
|
|
137
|
+
setVal(next);
|
|
138
|
+
if (finishTimerRef.current) {
|
|
139
|
+
clearTimeout(finishTimerRef.current);
|
|
140
|
+
finishTimerRef.current = null;
|
|
141
|
+
}
|
|
142
|
+
if (onFinish) {
|
|
143
|
+
if (!config || config.type === "direct" || config.type === "timing" && config.duration === 0) {
|
|
144
|
+
onFinish();
|
|
145
|
+
} else {
|
|
146
|
+
var duration = config.type === "timing" ? config.duration : 300;
|
|
147
|
+
finishTimerRef.current = setTimeout(onFinish, duration);
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
var listeners = reactionListeners.get(setVal);
|
|
151
|
+
if (listeners) {
|
|
152
|
+
listeners.forEach(function (listener) {
|
|
153
|
+
return listener(next);
|
|
154
|
+
});
|
|
155
|
+
}
|
|
156
|
+
},
|
|
157
|
+
stop() {
|
|
158
|
+
if (finishTimerRef.current) {
|
|
159
|
+
clearTimeout(finishTimerRef.current);
|
|
160
|
+
finishTimerRef.current = null;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
};
|
|
164
|
+
},
|
|
165
|
+
useAnimatedNumberReaction(param, onValue) {
|
|
166
|
+
var {
|
|
167
|
+
value
|
|
168
|
+
} = param;
|
|
169
|
+
React.useEffect(function () {
|
|
170
|
+
var instance = value.getInstance();
|
|
171
|
+
var queue = reactionListeners.get(instance);
|
|
172
|
+
if (!queue) {
|
|
173
|
+
var next = /* @__PURE__ */new Set();
|
|
174
|
+
reactionListeners.set(instance, next);
|
|
175
|
+
queue = next;
|
|
176
|
+
}
|
|
177
|
+
queue.add(onValue);
|
|
178
|
+
return function () {
|
|
179
|
+
queue === null || queue === void 0 ? void 0 : queue.delete(onValue);
|
|
180
|
+
};
|
|
181
|
+
}, []);
|
|
182
|
+
},
|
|
183
|
+
useAnimatedNumberStyle(val, getStyle) {
|
|
184
|
+
return getStyle(val.getValue());
|
|
185
|
+
},
|
|
186
|
+
useAnimatedNumbersStyle(vals, getStyle) {
|
|
187
|
+
return getStyle(...vals.map(function (v) {
|
|
188
|
+
return v.getValue();
|
|
189
|
+
}));
|
|
190
|
+
},
|
|
191
|
+
// @ts-ignore - styleState is added by createComponent
|
|
192
|
+
useAnimations: function (param) {
|
|
193
|
+
var {
|
|
194
|
+
props,
|
|
195
|
+
presence,
|
|
196
|
+
style,
|
|
197
|
+
componentState,
|
|
198
|
+
stateRef,
|
|
199
|
+
styleState
|
|
200
|
+
} = param;
|
|
201
|
+
var _normalized_config;
|
|
202
|
+
var isHydrating = componentState.unmounted === true;
|
|
203
|
+
var isEntering = !!componentState.unmounted;
|
|
204
|
+
var isExiting = (presence === null || presence === void 0 ? void 0 : presence[0]) === false;
|
|
205
|
+
var sendExitComplete = presence === null || presence === void 0 ? void 0 : presence[1];
|
|
206
|
+
var wasEnteringRef = React.useRef(isEntering);
|
|
207
|
+
var justFinishedEntering = wasEnteringRef.current && !isEntering;
|
|
208
|
+
React.useEffect(function () {
|
|
209
|
+
wasEnteringRef.current = isEntering;
|
|
210
|
+
});
|
|
211
|
+
var exitCycleIdRef = React.useRef(0);
|
|
212
|
+
var exitCompletedRef = React.useRef(false);
|
|
213
|
+
var wasExitingRef = React.useRef(false);
|
|
214
|
+
var exitInterruptedRef = React.useRef(false);
|
|
215
|
+
var justStartedExiting = isExiting && !wasExitingRef.current;
|
|
216
|
+
var justStoppedExiting = !isExiting && wasExitingRef.current;
|
|
217
|
+
if (justStartedExiting) {
|
|
218
|
+
exitCycleIdRef.current++;
|
|
219
|
+
exitCompletedRef.current = false;
|
|
220
|
+
}
|
|
221
|
+
if (justStoppedExiting) {
|
|
222
|
+
exitCycleIdRef.current++;
|
|
223
|
+
exitInterruptedRef.current = true;
|
|
224
|
+
}
|
|
225
|
+
React.useEffect(function () {
|
|
226
|
+
wasExitingRef.current = isExiting;
|
|
227
|
+
});
|
|
228
|
+
var _styleState_effectiveTransition;
|
|
229
|
+
var effectiveTransition = (_styleState_effectiveTransition = styleState === null || styleState === void 0 ? void 0 : styleState.effectiveTransition) !== null && _styleState_effectiveTransition !== void 0 ? _styleState_effectiveTransition : props.transition;
|
|
230
|
+
var normalized = normalizeTransition(effectiveTransition);
|
|
231
|
+
var animationState = isExiting ? "exit" : isEntering || justFinishedEntering ? "enter" : "default";
|
|
232
|
+
var effectiveAnimationKey = getEffectiveAnimation(normalized, animationState);
|
|
233
|
+
var defaultAnimation = effectiveAnimationKey ? animations[effectiveAnimationKey] : null;
|
|
234
|
+
var animatedProperties = getAnimatedProperties(normalized);
|
|
235
|
+
var hasDefault = normalized.default !== null || normalized.enter !== null || normalized.exit !== null;
|
|
236
|
+
var hasPerPropertyConfigs = animatedProperties.length > 0;
|
|
237
|
+
var keys;
|
|
238
|
+
if (props.animateOnly) {
|
|
239
|
+
keys = props.animateOnly;
|
|
240
|
+
} else if (hasPerPropertyConfigs && !hasDefault) {
|
|
241
|
+
keys = animatedProperties;
|
|
242
|
+
} else if (hasPerPropertyConfigs && hasDefault) {
|
|
243
|
+
keys = ["all", ...animatedProperties];
|
|
244
|
+
} else {
|
|
245
|
+
keys = ["all"];
|
|
246
|
+
}
|
|
247
|
+
useIsomorphicLayoutEffect(function () {
|
|
248
|
+
var _normalized_config2;
|
|
249
|
+
var host = stateRef.current.host;
|
|
250
|
+
if (!sendExitComplete || !isExiting || !host) return;
|
|
251
|
+
var node = host;
|
|
252
|
+
var cycleId = exitCycleIdRef.current;
|
|
253
|
+
var completeExit = function () {
|
|
254
|
+
if (cycleId !== exitCycleIdRef.current) return;
|
|
255
|
+
if (exitCompletedRef.current) return;
|
|
256
|
+
exitCompletedRef.current = true;
|
|
257
|
+
sendExitComplete();
|
|
258
|
+
};
|
|
259
|
+
if (keys.length === 0) {
|
|
260
|
+
completeExit();
|
|
261
|
+
return;
|
|
262
|
+
}
|
|
263
|
+
var rafId;
|
|
264
|
+
var wasInterrupted = exitInterruptedRef.current;
|
|
265
|
+
var ignoreCancelEvents = wasInterrupted;
|
|
266
|
+
var enterStyle = props.enterStyle;
|
|
267
|
+
var exitStyle = props.exitStyle;
|
|
268
|
+
var delayStr2 = normalized.delay ? ` ${normalized.delay}ms` : "";
|
|
269
|
+
var durationOverride2 = (_normalized_config2 = normalized.config) === null || _normalized_config2 === void 0 ? void 0 : _normalized_config2.duration;
|
|
270
|
+
var exitTransitionString = keys.map(function (key2) {
|
|
271
|
+
var propAnimation = normalized.properties[key2];
|
|
272
|
+
var animationValue2 = null;
|
|
273
|
+
if (typeof propAnimation === "string") {
|
|
274
|
+
animationValue2 = animations[propAnimation];
|
|
275
|
+
} else if (propAnimation && (typeof propAnimation === "undefined" ? "undefined" : _type_of(propAnimation)) === "object" && propAnimation.type) {
|
|
276
|
+
animationValue2 = animations[propAnimation.type];
|
|
277
|
+
} else if (defaultAnimation) {
|
|
278
|
+
animationValue2 = defaultAnimation;
|
|
279
|
+
}
|
|
280
|
+
if (animationValue2 && durationOverride2) {
|
|
281
|
+
animationValue2 = applyDurationOverride(animationValue2, durationOverride2);
|
|
282
|
+
}
|
|
283
|
+
return animationValue2 ? `${key2} ${animationValue2}${delayStr2}` : null;
|
|
284
|
+
}).filter(Boolean).join(", ");
|
|
285
|
+
if (wasInterrupted) {
|
|
286
|
+
exitInterruptedRef.current = false;
|
|
287
|
+
node.style.transition = "none";
|
|
288
|
+
if (exitStyle) {
|
|
289
|
+
var resetStyle = {};
|
|
290
|
+
var _iteratorNormalCompletion = true,
|
|
291
|
+
_didIteratorError = false,
|
|
292
|
+
_iteratorError = void 0;
|
|
293
|
+
try {
|
|
294
|
+
for (var _iterator = Object.keys(exitStyle)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
295
|
+
var key = _step.value;
|
|
296
|
+
if (key === "opacity") {
|
|
297
|
+
resetStyle[key] = 1;
|
|
298
|
+
} else if (TRANSFORM_KEYS.includes(key)) {
|
|
299
|
+
resetStyle[key] = key === "scale" || key === "scaleX" || key === "scaleY" ? 1 : 0;
|
|
300
|
+
} else if ((enterStyle === null || enterStyle === void 0 ? void 0 : enterStyle[key]) !== void 0) {
|
|
301
|
+
resetStyle[key] = enterStyle[key];
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
} catch (err) {
|
|
305
|
+
_didIteratorError = true;
|
|
306
|
+
_iteratorError = err;
|
|
307
|
+
} finally {
|
|
308
|
+
try {
|
|
309
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
310
|
+
_iterator.return();
|
|
311
|
+
}
|
|
312
|
+
} finally {
|
|
313
|
+
if (_didIteratorError) {
|
|
314
|
+
throw _iteratorError;
|
|
315
|
+
}
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
applyStylesToNode(node, resetStyle);
|
|
319
|
+
} else {
|
|
320
|
+
node.style.opacity = "1";
|
|
321
|
+
node.style.transform = "none";
|
|
322
|
+
}
|
|
323
|
+
void node.offsetHeight;
|
|
324
|
+
} else if (exitStyle) {
|
|
325
|
+
ignoreCancelEvents = true;
|
|
326
|
+
node.style.transition = "none";
|
|
327
|
+
var resetStyle1 = {};
|
|
328
|
+
var _iteratorNormalCompletion1 = true,
|
|
329
|
+
_didIteratorError1 = false,
|
|
330
|
+
_iteratorError1 = void 0;
|
|
331
|
+
try {
|
|
332
|
+
for (var _iterator1 = Object.keys(exitStyle)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
|
|
333
|
+
var key1 = _step1.value;
|
|
334
|
+
if (key1 === "opacity") {
|
|
335
|
+
resetStyle1[key1] = 1;
|
|
336
|
+
} else if (TRANSFORM_KEYS.includes(key1)) {
|
|
337
|
+
resetStyle1[key1] = key1 === "scale" || key1 === "scaleX" || key1 === "scaleY" ? 1 : 0;
|
|
338
|
+
} else if ((enterStyle === null || enterStyle === void 0 ? void 0 : enterStyle[key1]) !== void 0) {
|
|
339
|
+
resetStyle1[key1] = enterStyle[key1];
|
|
340
|
+
}
|
|
341
|
+
}
|
|
342
|
+
} catch (err) {
|
|
343
|
+
_didIteratorError1 = true;
|
|
344
|
+
_iteratorError1 = err;
|
|
345
|
+
} finally {
|
|
346
|
+
try {
|
|
347
|
+
if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
|
|
348
|
+
_iterator1.return();
|
|
349
|
+
}
|
|
350
|
+
} finally {
|
|
351
|
+
if (_didIteratorError1) {
|
|
352
|
+
throw _iteratorError1;
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
}
|
|
356
|
+
applyStylesToNode(node, resetStyle1);
|
|
357
|
+
void node.offsetHeight;
|
|
358
|
+
rafId = requestAnimationFrame(function () {
|
|
359
|
+
if (cycleId !== exitCycleIdRef.current) return;
|
|
360
|
+
node.style.transition = exitTransitionString;
|
|
361
|
+
void node.offsetHeight;
|
|
362
|
+
applyStylesToNode(node, exitStyle);
|
|
363
|
+
ignoreCancelEvents = false;
|
|
364
|
+
});
|
|
365
|
+
}
|
|
366
|
+
var maxDuration = defaultAnimation ? extractDuration(defaultAnimation) : 200;
|
|
367
|
+
var animationConfigs = getAnimationConfigsForKeys(normalized, animations, keys, defaultAnimation);
|
|
368
|
+
var _iteratorNormalCompletion2 = true,
|
|
369
|
+
_didIteratorError2 = false,
|
|
370
|
+
_iteratorError2 = void 0;
|
|
371
|
+
try {
|
|
372
|
+
for (var _iterator2 = animationConfigs.values()[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
|
|
373
|
+
var animationValue = _step2.value;
|
|
374
|
+
if (animationValue) {
|
|
375
|
+
var duration = extractDuration(animationValue);
|
|
376
|
+
if (duration > maxDuration) {
|
|
377
|
+
maxDuration = duration;
|
|
378
|
+
}
|
|
379
|
+
}
|
|
380
|
+
}
|
|
381
|
+
} catch (err) {
|
|
382
|
+
_didIteratorError2 = true;
|
|
383
|
+
_iteratorError2 = err;
|
|
384
|
+
} finally {
|
|
385
|
+
try {
|
|
386
|
+
if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
|
|
387
|
+
_iterator2.return();
|
|
388
|
+
}
|
|
389
|
+
} finally {
|
|
390
|
+
if (_didIteratorError2) {
|
|
391
|
+
throw _iteratorError2;
|
|
392
|
+
}
|
|
393
|
+
}
|
|
394
|
+
}
|
|
395
|
+
var _normalized_delay;
|
|
396
|
+
var delay = (_normalized_delay = normalized.delay) !== null && _normalized_delay !== void 0 ? _normalized_delay : 0;
|
|
397
|
+
var fallbackTimeout = maxDuration + delay;
|
|
398
|
+
var timeoutId = setTimeout(function () {
|
|
399
|
+
completeExit();
|
|
400
|
+
}, fallbackTimeout);
|
|
401
|
+
var transitioningProps = new Set(keys);
|
|
402
|
+
var completedCount = 0;
|
|
403
|
+
var onFinishAnimation = function (event) {
|
|
404
|
+
if (event.target !== node) return;
|
|
405
|
+
var eventProp = event.propertyName;
|
|
406
|
+
if (transitioningProps.has(eventProp) || eventProp === "all") {
|
|
407
|
+
completedCount++;
|
|
408
|
+
if (completedCount >= transitioningProps.size) {
|
|
409
|
+
clearTimeout(timeoutId);
|
|
410
|
+
completeExit();
|
|
411
|
+
}
|
|
412
|
+
}
|
|
413
|
+
};
|
|
414
|
+
var onCancelAnimation = function () {
|
|
415
|
+
if (ignoreCancelEvents) return;
|
|
416
|
+
clearTimeout(timeoutId);
|
|
417
|
+
completeExit();
|
|
418
|
+
};
|
|
419
|
+
node.addEventListener("transitionend", onFinishAnimation);
|
|
420
|
+
node.addEventListener("transitioncancel", onCancelAnimation);
|
|
421
|
+
if (wasInterrupted) {
|
|
422
|
+
rafId = requestAnimationFrame(function () {
|
|
423
|
+
if (cycleId !== exitCycleIdRef.current) return;
|
|
424
|
+
node.style.transition = exitTransitionString;
|
|
425
|
+
void node.offsetHeight;
|
|
426
|
+
applyStylesToNode(node, exitStyle);
|
|
427
|
+
ignoreCancelEvents = false;
|
|
428
|
+
});
|
|
429
|
+
}
|
|
430
|
+
return function () {
|
|
431
|
+
clearTimeout(timeoutId);
|
|
432
|
+
if (rafId !== void 0) cancelAnimationFrame(rafId);
|
|
433
|
+
node.removeEventListener("transitionend", onFinishAnimation);
|
|
434
|
+
node.removeEventListener("transitioncancel", onCancelAnimation);
|
|
435
|
+
node.style.transition = "";
|
|
436
|
+
};
|
|
437
|
+
}, [sendExitComplete, isExiting, stateRef, keys, normalized, defaultAnimation, props.enterStyle, props.exitStyle]);
|
|
438
|
+
if (isHydrating) {
|
|
439
|
+
return null;
|
|
440
|
+
}
|
|
441
|
+
if (!hasNormalizedAnimation(normalized)) {
|
|
442
|
+
return null;
|
|
443
|
+
}
|
|
444
|
+
if (Array.isArray(style.transform)) {
|
|
445
|
+
style.transform = transformsToString(style.transform);
|
|
446
|
+
}
|
|
447
|
+
var delayStr = normalized.delay ? ` ${normalized.delay}ms` : "";
|
|
448
|
+
var durationOverride = (_normalized_config = normalized.config) === null || _normalized_config === void 0 ? void 0 : _normalized_config.duration;
|
|
449
|
+
style.transition = keys.map(function (key) {
|
|
450
|
+
var propAnimation = normalized.properties[key];
|
|
451
|
+
var animationValue = null;
|
|
452
|
+
if (typeof propAnimation === "string") {
|
|
453
|
+
animationValue = animations[propAnimation];
|
|
454
|
+
} else if (propAnimation && (typeof propAnimation === "undefined" ? "undefined" : _type_of(propAnimation)) === "object" && propAnimation.type) {
|
|
455
|
+
animationValue = animations[propAnimation.type];
|
|
456
|
+
} else if (defaultAnimation) {
|
|
457
|
+
animationValue = defaultAnimation;
|
|
458
|
+
}
|
|
459
|
+
if (animationValue && durationOverride) {
|
|
460
|
+
animationValue = applyDurationOverride(animationValue, durationOverride);
|
|
461
|
+
}
|
|
462
|
+
return animationValue ? `${key} ${animationValue}${delayStr}` : null;
|
|
463
|
+
}).filter(Boolean).join(", ");
|
|
464
|
+
if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
|
|
465
|
+
console.info("CSS animation", {
|
|
466
|
+
props,
|
|
467
|
+
animations,
|
|
468
|
+
normalized,
|
|
469
|
+
defaultAnimation,
|
|
470
|
+
style,
|
|
471
|
+
isEntering,
|
|
472
|
+
isExiting
|
|
473
|
+
});
|
|
474
|
+
}
|
|
475
|
+
return {
|
|
476
|
+
style,
|
|
477
|
+
className: isEntering ? "t_unmounted" : ""
|
|
478
|
+
};
|
|
479
|
+
}
|
|
480
|
+
};
|
|
481
|
+
}
|
|
482
|
+
export { createAnimations };
|
|
483
|
+
//# sourceMappingURL=createAnimations.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["normalizeTransition","getAnimatedProperties","hasAnimation","hasNormalizedAnimation","getEffectiveAnimation","getAnimationConfigsForKeys","useIsomorphicLayoutEffect","ResetPresence","usePresence","transformsToString","React","_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","value","opacity","String","backgroundColor","color","err","return","createAnimations","animations","reactionListeners","WeakMap","inputStyle","outputStyle","useAnimatedNumber","initial","setVal","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","animationState","effectiveAnimationKey","defaultAnimation","animatedProperties","hasDefault","default","enter","exit","hasPerPropertyConfigs","length","keys","animateOnly","_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","_iteratorNormalCompletion2","_didIteratorError2","_iteratorError2","_iterator2","values","_step2","animationValue","_normalized_delay","fallbackTimeout","timeoutId","transitioningProps","completedCount","onFinishAnimation","event","target","eventProp","propertyName","has","size","onCancelAnimation"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
package/package.json
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@hanzogui/animations-css",
|
|
3
|
+
"version": "2.0.0-rc.41-hanzoai.5",
|
|
4
|
+
"gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"source": "src/index.ts",
|
|
7
|
+
"files": [
|
|
8
|
+
"src",
|
|
9
|
+
"types",
|
|
10
|
+
"dist"
|
|
11
|
+
],
|
|
12
|
+
"type": "module",
|
|
13
|
+
"sideEffects": false,
|
|
14
|
+
"main": "dist/cjs",
|
|
15
|
+
"module": "dist/esm",
|
|
16
|
+
"types": "./types/index.d.ts",
|
|
17
|
+
"exports": {
|
|
18
|
+
"./package.json": "./package.json",
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./types/index.d.ts",
|
|
21
|
+
"react-native": "./dist/esm/index.native.js",
|
|
22
|
+
"browser": "./dist/esm/index.mjs",
|
|
23
|
+
"module": "./dist/esm/index.mjs",
|
|
24
|
+
"import": "./dist/esm/index.mjs",
|
|
25
|
+
"require": "./dist/cjs/index.cjs",
|
|
26
|
+
"default": "./dist/esm/index.mjs"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"publishConfig": {
|
|
30
|
+
"access": "public"
|
|
31
|
+
},
|
|
32
|
+
"scripts": {
|
|
33
|
+
"build": "hanzogui-build",
|
|
34
|
+
"watch": "hanzogui-build --watch",
|
|
35
|
+
"clean": "hanzogui-build clean",
|
|
36
|
+
"clean:build": "hanzogui-build clean:build"
|
|
37
|
+
},
|
|
38
|
+
"dependencies": {
|
|
39
|
+
"@hanzogui/animation-helpers": "2.0.0-rc.41-hanzoai.5",
|
|
40
|
+
"@hanzogui/constants": "2.0.0-rc.41-hanzoai.5",
|
|
41
|
+
"@hanzogui/cubic-bezier-animator": "2.0.0-rc.41-hanzoai.5",
|
|
42
|
+
"@hanzogui/use-presence": "2.0.0-rc.41-hanzoai.5",
|
|
43
|
+
"@hanzogui/web": "2.0.0-rc.41-hanzoai.5"
|
|
44
|
+
},
|
|
45
|
+
"devDependencies": {
|
|
46
|
+
"@hanzogui/build": "2.0.0-rc.41-hanzoai.5",
|
|
47
|
+
"react": ">=19",
|
|
48
|
+
"react-dom": "*"
|
|
49
|
+
},
|
|
50
|
+
"peerDependencies": {
|
|
51
|
+
"react": ">=19",
|
|
52
|
+
"react-dom": "*"
|
|
53
|
+
}
|
|
54
|
+
}
|