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