@tamagui/animations-moti 1.113.0 → 1.113.2
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 +79 -74
- package/dist/esm/createAnimations.native.js.map +6 -1
- package/dist/esm/index.native.js +3 -3
- package/dist/esm/index.native.js.map +6 -1
- package/dist/esm/polyfill.native.js +1 -1
- package/dist/esm/polyfill.native.js.map +6 -1
- package/package.json +4 -4
|
@@ -44,85 +44,86 @@ function createAnimations(animations) {
|
|
|
44
44
|
ResetPresence,
|
|
45
45
|
useAnimatedNumber(initial) {
|
|
46
46
|
var sharedValue = useSharedValue(initial);
|
|
47
|
-
return React.useMemo(function
|
|
47
|
+
return React.useMemo(function() {
|
|
48
48
|
return {
|
|
49
49
|
getInstance() {
|
|
50
50
|
"worklet";
|
|
51
|
-
|
|
52
51
|
return sharedValue;
|
|
53
52
|
},
|
|
54
53
|
getValue() {
|
|
55
54
|
"worklet";
|
|
56
|
-
|
|
57
55
|
return sharedValue.value;
|
|
58
56
|
},
|
|
59
57
|
setValue(next) {
|
|
60
58
|
"worklet";
|
|
61
|
-
|
|
62
59
|
var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
config.type === "direct" ? (sharedValue.value = next, onFinish?.()) : config.type === "spring" ? sharedValue.value = withSpring(next, config, onFinish ? function () {
|
|
60
|
+
type: "spring"
|
|
61
|
+
}, onFinish = arguments.length > 2 ? arguments[2] : void 0;
|
|
62
|
+
config.type === "direct" ? (sharedValue.value = next, onFinish?.()) : config.type === "spring" ? sharedValue.value = withSpring(next, config, onFinish ? function() {
|
|
67
63
|
"worklet";
|
|
68
|
-
|
|
69
64
|
runOnJS(onFinish)();
|
|
70
|
-
} : void 0) : sharedValue.value = withTiming(next, config, onFinish ? function
|
|
65
|
+
} : void 0) : sharedValue.value = withTiming(next, config, onFinish ? function() {
|
|
71
66
|
"worklet";
|
|
72
|
-
|
|
73
67
|
runOnJS(onFinish)();
|
|
74
68
|
} : void 0);
|
|
75
69
|
},
|
|
76
70
|
stop() {
|
|
77
71
|
"worklet";
|
|
78
|
-
|
|
79
72
|
cancelAnimation(sharedValue);
|
|
80
73
|
}
|
|
81
74
|
};
|
|
82
|
-
}, [
|
|
75
|
+
}, [
|
|
76
|
+
sharedValue
|
|
77
|
+
]);
|
|
83
78
|
},
|
|
84
79
|
useAnimatedNumberReaction(param, onValue) {
|
|
85
|
-
var {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
80
|
+
var { value } = param, instance = value.getInstance();
|
|
81
|
+
return useAnimatedReaction(
|
|
82
|
+
function() {
|
|
83
|
+
return instance.value;
|
|
84
|
+
},
|
|
85
|
+
function(next, prev) {
|
|
86
|
+
prev !== next && runOnJS(onValue)(next);
|
|
87
|
+
},
|
|
88
|
+
// dependency array is very important here
|
|
89
|
+
[
|
|
90
|
+
onValue,
|
|
91
|
+
instance
|
|
92
|
+
]
|
|
93
|
+
);
|
|
96
94
|
},
|
|
97
95
|
/**
|
|
98
96
|
* `getStyle` must be a worklet
|
|
99
97
|
*/
|
|
100
98
|
useAnimatedNumberStyle(val, getStyle) {
|
|
101
|
-
var instance = val.getInstance(),
|
|
102
|
-
|
|
99
|
+
var instance = val.getInstance(), derivedValue = useDerivedValue(
|
|
100
|
+
function() {
|
|
103
101
|
return instance.value;
|
|
104
102
|
},
|
|
105
103
|
// dependency array is very important here
|
|
106
|
-
[
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
104
|
+
[
|
|
105
|
+
instance,
|
|
106
|
+
getStyle
|
|
107
|
+
]
|
|
108
|
+
);
|
|
109
|
+
return useAnimatedStyle(
|
|
110
|
+
function() {
|
|
111
|
+
return getStyle(derivedValue.value);
|
|
112
|
+
},
|
|
113
|
+
// dependency array is very important here
|
|
114
|
+
[
|
|
115
|
+
val,
|
|
116
|
+
getStyle,
|
|
117
|
+
derivedValue,
|
|
118
|
+
instance
|
|
119
|
+
]
|
|
120
|
+
);
|
|
112
121
|
},
|
|
113
|
-
useAnimations: function
|
|
114
|
-
var {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
componentState
|
|
119
|
-
} = animationProps,
|
|
120
|
-
animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation,
|
|
121
|
-
isHydrating = componentState.unmounted === !0,
|
|
122
|
-
disableAnimation = isHydrating || !animationKey,
|
|
123
|
-
animate = {},
|
|
124
|
-
dontAnimate = {};
|
|
125
|
-
if (disableAnimation) dontAnimate = style;else {
|
|
122
|
+
useAnimations: function(animationProps) {
|
|
123
|
+
var { props, presence, style, componentState } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, isHydrating = componentState.unmounted === !0, disableAnimation = isHydrating || !animationKey, animate = {}, dontAnimate = {};
|
|
124
|
+
if (disableAnimation)
|
|
125
|
+
dontAnimate = style;
|
|
126
|
+
else {
|
|
126
127
|
var animateOnly = props.animateOnly;
|
|
127
128
|
for (var key in style) {
|
|
128
129
|
var value = style[key];
|
|
@@ -130,45 +131,49 @@ function createAnimations(animations) {
|
|
|
130
131
|
}
|
|
131
132
|
}
|
|
132
133
|
componentState.unmounted === "should-enter" && (dontAnimate = style);
|
|
133
|
-
var animateStr = JSON.stringify(animate),
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
type: "transition",
|
|
142
|
-
duration: 0
|
|
143
|
-
} : animations[animationKey],
|
|
144
|
-
hasClonedTransition = !1;
|
|
134
|
+
var animateStr = JSON.stringify(animate), styles = React.useMemo(function() {
|
|
135
|
+
return JSON.parse(animateStr);
|
|
136
|
+
}, [
|
|
137
|
+
animateStr
|
|
138
|
+
]), isExiting = !!presence?.[1], presenceContext = React.useContext(PresenceContext), usePresenceValue = presence || void 0, transition = isHydrating ? {
|
|
139
|
+
type: "transition",
|
|
140
|
+
duration: 0
|
|
141
|
+
} : animations[animationKey], hasClonedTransition = !1;
|
|
145
142
|
if (Array.isArray(props.animation)) {
|
|
146
143
|
var config = props.animation[1];
|
|
147
|
-
if (config && typeof config == "object")
|
|
148
|
-
var
|
|
149
|
-
|
|
150
|
-
|
|
144
|
+
if (config && typeof config == "object")
|
|
145
|
+
for (var key1 in config) {
|
|
146
|
+
var val = config[key1];
|
|
147
|
+
hasClonedTransition || (transition = Object.assign({}, transition), hasClonedTransition = !0), typeof val == "string" ? transition[key1] = animations[val] : transition[key1] = val;
|
|
148
|
+
}
|
|
151
149
|
}
|
|
152
150
|
var motiProps = {
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
moti = useMotify(motiProps);
|
|
151
|
+
animate: isExiting || componentState.unmounted === !0 ? {} : styles,
|
|
152
|
+
transition: componentState.unmounted ? {
|
|
153
|
+
duration: 0
|
|
154
|
+
} : transition,
|
|
155
|
+
usePresenceValue,
|
|
156
|
+
presenceContext,
|
|
157
|
+
exit: isExiting ? styles : void 0
|
|
158
|
+
}, moti = useMotify(motiProps);
|
|
162
159
|
return process.env.NODE_ENV === "development" && props.debug && console.info("useMotify(", JSON.stringify(motiProps, null, 2) + ")", {
|
|
163
160
|
animationProps,
|
|
164
161
|
motiProps,
|
|
165
162
|
moti,
|
|
166
|
-
style: [
|
|
163
|
+
style: [
|
|
164
|
+
dontAnimate,
|
|
165
|
+
moti.style
|
|
166
|
+
]
|
|
167
167
|
}), {
|
|
168
|
-
style: [
|
|
168
|
+
style: [
|
|
169
|
+
dontAnimate,
|
|
170
|
+
moti.style
|
|
171
|
+
]
|
|
169
172
|
};
|
|
170
173
|
}
|
|
171
174
|
};
|
|
172
175
|
}
|
|
173
|
-
export {
|
|
174
|
-
|
|
176
|
+
export {
|
|
177
|
+
createAnimations
|
|
178
|
+
};
|
|
179
|
+
//# sourceMappingURL=createAnimations.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/core/animations-moti/src/createAnimations.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "PresenceContext", "ResetPresence", "usePresence", "useMotify", "Animated", "cancelAnimation", "runOnJS", "useAnimatedReaction", "useAnimatedStyle", "useDerivedValue", "useSharedValue", "withSpring", "withTiming", "onlyAnimateKeys", "transform", "opacity", "height", "width", "backgroundColor", "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth", "color", "left", "right", "top", "bottom", "fontSize", "fontWeight", "lineHeight", "letterSpacing", "createAnimations", "animations", "View", "Text", "isReactNative", "useAnimatedNumber", "initial", "sharedValue", "useMemo", "getInstance", "getValue", "value", "setValue", "next", "config", "type", "onFinish", "undefined", "stop", "useAnimatedNumberReaction", "onValue", "instance", "prev", "useAnimatedNumberStyle", "val", "getStyle", "derivedValue", "useAnimations", "animationProps", "props", "presence", "style", "componentState", "animationKey", "Array", "isArray", "animation", "isHydrating", "unmounted", "disableAnimation", "animate", "dontAnimate", "animateOnly", "key", "startsWith", "includes", "animateStr", "JSON", "stringify", "styles", "parse", "isExiting", "Boolean", "presenceContext", "useContext", "usePresenceValue", "transition", "duration", "hasClonedTransition", "Object", "assign", "motiProps", "exit", "moti", "process", "env", "NODE_ENV", "console", "info"]
|
|
6
|
+
}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "./polyfill
|
|
2
|
-
export * from "./createAnimations
|
|
3
|
-
//# sourceMappingURL=index.
|
|
1
|
+
import "./polyfill";
|
|
2
|
+
export * from "./createAnimations";
|
|
3
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/core/animations-moti/src/index.ts"],
|
|
4
|
+
"mappings": "AAAA,OAAO;AAEP,cAAc;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/core/animations-moti/src/polyfill.ts"],
|
|
4
|
+
"mappings": "AACI,OAAOA,wBAA0B,QACnCC,WAAW,wBAA2BC;AAIpC,OAAOC,SAAW,QACpBF,WAAW,SAAYA;",
|
|
5
|
+
"names": ["requestAnimationFrame", "globalThis", "setTimeout", "global"]
|
|
6
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/animations-moti",
|
|
3
|
-
"version": "1.113.
|
|
3
|
+
"version": "1.113.2",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
"dist"
|
|
16
16
|
],
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@tamagui/use-presence": "1.113.
|
|
19
|
-
"@tamagui/web": "1.113.
|
|
18
|
+
"@tamagui/use-presence": "1.113.2",
|
|
19
|
+
"@tamagui/web": "1.113.2"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@tamagui/build": "1.113.
|
|
22
|
+
"@tamagui/build": "1.113.2",
|
|
23
23
|
"moti": "^0.29.0",
|
|
24
24
|
"react": "^18.2.0 || ^19.0.0",
|
|
25
25
|
"react-native-reanimated": "~3.11.0"
|