@tamagui/animations-css 1.113.1 → 1.114.0
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.
|
@@ -3,7 +3,7 @@ import { useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
|
3
3
|
import { transformsToString } from "@tamagui/web";
|
|
4
4
|
import { ResetPresence, usePresence } from "@tamagui/use-presence";
|
|
5
5
|
function createAnimations(animations) {
|
|
6
|
-
var reactionListeners = /* @__PURE__ */new WeakMap();
|
|
6
|
+
var reactionListeners = /* @__PURE__ */ new WeakMap();
|
|
7
7
|
return {
|
|
8
8
|
animations,
|
|
9
9
|
usePresence,
|
|
@@ -21,25 +21,23 @@ function createAnimations(animations) {
|
|
|
21
21
|
setValue(next, config, onFinish) {
|
|
22
22
|
setVal(next);
|
|
23
23
|
var listeners = reactionListeners.get(setVal);
|
|
24
|
-
listeners && listeners.forEach(function
|
|
24
|
+
listeners && listeners.forEach(function(cb) {
|
|
25
25
|
return cb(next);
|
|
26
26
|
}), onFinish?.();
|
|
27
27
|
},
|
|
28
|
-
stop() {
|
|
28
|
+
stop() {
|
|
29
|
+
}
|
|
29
30
|
};
|
|
30
31
|
},
|
|
31
32
|
useAnimatedNumberReaction(param, onValue) {
|
|
32
|
-
var {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
React.useEffect(function () {
|
|
36
|
-
var instance = value.getInstance(),
|
|
37
|
-
queue = reactionListeners.get(instance);
|
|
33
|
+
var { value } = param;
|
|
34
|
+
React.useEffect(function() {
|
|
35
|
+
var instance = value.getInstance(), queue = reactionListeners.get(instance);
|
|
38
36
|
if (!queue) {
|
|
39
|
-
var next = /* @__PURE__ */new Set();
|
|
37
|
+
var next = /* @__PURE__ */ new Set();
|
|
40
38
|
reactionListeners.set(instance, next), queue = next;
|
|
41
39
|
}
|
|
42
|
-
return queue.add(onValue), function
|
|
40
|
+
return queue.add(onValue), function() {
|
|
43
41
|
queue?.delete(onValue);
|
|
44
42
|
};
|
|
45
43
|
}, []);
|
|
@@ -47,35 +45,27 @@ function createAnimations(animations) {
|
|
|
47
45
|
useAnimatedNumberStyle(val, getStyle) {
|
|
48
46
|
return getStyle(val.getValue());
|
|
49
47
|
},
|
|
50
|
-
useAnimations: function
|
|
51
|
-
var {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
} = param,
|
|
58
|
-
isEntering = !!componentState.unmounted,
|
|
59
|
-
isExiting = presence?.[0] === !1,
|
|
60
|
-
sendExitComplete = presence?.[1],
|
|
61
|
-
[animationKey, animationConfig] = Array.isArray(props.animation) ? props.animation : [props.animation],
|
|
62
|
-
animation = animations[animationKey],
|
|
63
|
-
_props_animateOnly,
|
|
64
|
-
keys = (_props_animateOnly = props.animateOnly) !== null && _props_animateOnly !== void 0 ? _props_animateOnly : ["all"];
|
|
65
|
-
return useIsomorphicLayoutEffect(function () {
|
|
48
|
+
useAnimations: function(param) {
|
|
49
|
+
var { props, presence, style, componentState, stateRef } = param, isEntering = !!componentState.unmounted, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], [animationKey, animationConfig] = Array.isArray(props.animation) ? props.animation : [
|
|
50
|
+
props.animation
|
|
51
|
+
], animation = animations[animationKey], _props_animateOnly, keys = (_props_animateOnly = props.animateOnly) !== null && _props_animateOnly !== void 0 ? _props_animateOnly : [
|
|
52
|
+
"all"
|
|
53
|
+
];
|
|
54
|
+
return useIsomorphicLayoutEffect(function() {
|
|
66
55
|
var host = stateRef.current.host;
|
|
67
56
|
if (!(!sendExitComplete || !isExiting || !host)) {
|
|
68
|
-
var node = host,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), function () {
|
|
57
|
+
var node = host, onFinishAnimation = function() {
|
|
58
|
+
sendExitComplete?.();
|
|
59
|
+
};
|
|
60
|
+
return node.addEventListener("transitionend", onFinishAnimation), node.addEventListener("transitioncancel", onFinishAnimation), function() {
|
|
73
61
|
node.removeEventListener("transitionend", onFinishAnimation), node.removeEventListener("transitioncancel", onFinishAnimation);
|
|
74
62
|
};
|
|
75
63
|
}
|
|
76
|
-
}, [
|
|
77
|
-
|
|
78
|
-
|
|
64
|
+
}, [
|
|
65
|
+
sendExitComplete,
|
|
66
|
+
isExiting
|
|
67
|
+
]), animation && (Array.isArray(style.transform) && (style.transform = transformsToString(style.transform)), style.transition = keys.map(function(key) {
|
|
68
|
+
var _animations_animationConfig_key, override = (_animations_animationConfig_key = animations[animationConfig?.[key]]) !== null && _animations_animationConfig_key !== void 0 ? _animations_animationConfig_key : animation;
|
|
79
69
|
return `${key} ${override}`;
|
|
80
70
|
}).join(", ")), process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info("CSS animation", {
|
|
81
71
|
props,
|
|
@@ -92,5 +82,7 @@ function createAnimations(animations) {
|
|
|
92
82
|
}
|
|
93
83
|
};
|
|
94
84
|
}
|
|
95
|
-
export {
|
|
96
|
-
|
|
85
|
+
export {
|
|
86
|
+
createAnimations
|
|
87
|
+
};
|
|
88
|
+
//# sourceMappingURL=createAnimations.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/core/animations-css/src/createAnimations.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "useIsomorphicLayoutEffect", "transformsToString", "ResetPresence", "usePresence", "createAnimations", "animations", "reactionListeners", "WeakMap", "supportsCSSVars", "useAnimatedNumber", "initial", "val", "setVal", "useState", "getInstance", "getValue", "setValue", "next", "config", "onFinish", "listeners", "get", "forEach", "cb", "stop", "useAnimatedNumberReaction", "onValue", "value", "useEffect", "instance", "queue", "Set", "set", "add", "delete", "useAnimatedNumberStyle", "getStyle", "useAnimations", "props", "presence", "style", "componentState", "stateRef", "isEntering", "unmounted", "isExiting", "sendExitComplete", "animationKey", "animationConfig", "Array", "isArray", "animation", "keys", "animateOnly", "host", "current", "node", "onFinishAnimation", "addEventListener", "removeEventListener", "transform", "transition", "map", "key", "override", "join", "process", "env", "NODE_ENV", "console", "info", "className"]
|
|
6
|
+
}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./createAnimations
|
|
2
|
-
//# sourceMappingURL=index.
|
|
1
|
+
export * from "./createAnimations";
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/animations-css",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.114.0",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "MIT",
|
|
@@ -23,13 +23,13 @@
|
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@tamagui/constants": "1.
|
|
27
|
-
"@tamagui/cubic-bezier-animator": "1.
|
|
28
|
-
"@tamagui/use-presence": "1.
|
|
29
|
-
"@tamagui/web": "1.
|
|
26
|
+
"@tamagui/constants": "1.114.0",
|
|
27
|
+
"@tamagui/cubic-bezier-animator": "1.114.0",
|
|
28
|
+
"@tamagui/use-presence": "1.114.0",
|
|
29
|
+
"@tamagui/web": "1.114.0"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@tamagui/build": "1.
|
|
32
|
+
"@tamagui/build": "1.114.0",
|
|
33
33
|
"react": "^18.2.0 || ^19.0.0"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|