@tamagui/animations-react-native 1.61.2 → 1.62.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.
- package/dist/cjs/createAnimations.js +106 -214
- package/dist/cjs/createAnimations.js.map +2 -2
- package/dist/cjs/createAnimations.native.js +282 -0
- package/dist/cjs/createAnimations.native.js.map +6 -0
- package/dist/cjs/index.js +4 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +21 -0
- package/dist/cjs/index.native.js.map +6 -0
- package/dist/cjs/polyfill.js +1 -4
- package/dist/cjs/polyfill.js.map +1 -1
- package/dist/cjs/polyfill.native.js +3 -0
- package/dist/cjs/polyfill.native.js.map +6 -0
- package/dist/esm/createAnimations.js +100 -201
- package/dist/esm/createAnimations.js.map +2 -2
- package/dist/esm/polyfill.js +1 -3
- package/dist/esm/polyfill.js.map +1 -1
- package/package.json +4 -4
|
@@ -7,81 +7,68 @@ import {
|
|
|
7
7
|
import { useEffect, useMemo, useRef } from "react";
|
|
8
8
|
import { Animated } from "react-native";
|
|
9
9
|
const animatedStyleKey = {
|
|
10
|
-
transform:
|
|
11
|
-
opacity:
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
borderTopWidth: true,
|
|
32
|
-
borderBottomWidth: true,
|
|
10
|
+
transform: !0,
|
|
11
|
+
opacity: !0
|
|
12
|
+
}, colorStyleKey = {
|
|
13
|
+
backgroundColor: !0,
|
|
14
|
+
color: !0,
|
|
15
|
+
borderColor: !0,
|
|
16
|
+
borderLeftColor: !0,
|
|
17
|
+
borderRightColor: !0,
|
|
18
|
+
borderTopColor: !0,
|
|
19
|
+
borderBottomColor: !0
|
|
20
|
+
}, costlyToAnimateStyleKey = {
|
|
21
|
+
borderRadius: !0,
|
|
22
|
+
borderTopLeftRadius: !0,
|
|
23
|
+
borderTopRightRadius: !0,
|
|
24
|
+
borderBottomLeftRadius: !0,
|
|
25
|
+
borderBottomRightRadius: !0,
|
|
26
|
+
borderWidth: !0,
|
|
27
|
+
borderLeftWidth: !0,
|
|
28
|
+
borderRightWidth: !0,
|
|
29
|
+
borderTopWidth: !0,
|
|
30
|
+
borderBottomWidth: !0,
|
|
33
31
|
...colorStyleKey
|
|
34
32
|
// TODO for other keys like height or width, it's better to not add them here till layout animations are ready
|
|
35
|
-
};
|
|
36
|
-
const AnimatedView = Animated.View;
|
|
37
|
-
const AnimatedText = Animated.Text;
|
|
33
|
+
}, AnimatedView = Animated.View, AnimatedText = Animated.Text;
|
|
38
34
|
function useAnimatedNumber(initial) {
|
|
39
35
|
const state = useRef(
|
|
40
36
|
null
|
|
41
37
|
);
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
|
-
return {
|
|
38
|
+
return state.current || (state.current = {
|
|
39
|
+
composite: null,
|
|
40
|
+
val: new Animated.Value(initial),
|
|
41
|
+
strategy: { type: "spring" }
|
|
42
|
+
}), {
|
|
50
43
|
getInstance() {
|
|
51
44
|
return state.current.val;
|
|
52
45
|
},
|
|
53
46
|
getValue() {
|
|
54
|
-
return state.current.val
|
|
47
|
+
return state.current.val._value;
|
|
55
48
|
},
|
|
56
49
|
stop() {
|
|
57
|
-
|
|
58
|
-
(_a = state.current.composite) == null ? void 0 : _a.stop();
|
|
59
|
-
state.current.composite = null;
|
|
50
|
+
state.current.composite?.stop(), state.current.composite = null;
|
|
60
51
|
},
|
|
61
52
|
setValue(next, { type, ...config } = { type: "spring" }, onFinish) {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
const handleFinish = onFinish ? ({ finished }) => finished ? onFinish() : null : void 0;
|
|
65
|
-
if (type === "direct") {
|
|
53
|
+
const val = state.current.val, handleFinish = onFinish ? ({ finished }) => finished ? onFinish() : null : void 0;
|
|
54
|
+
if (type === "direct")
|
|
66
55
|
val.setValue(next);
|
|
67
|
-
|
|
68
|
-
|
|
56
|
+
else if (type === "spring") {
|
|
57
|
+
state.current.composite?.stop();
|
|
69
58
|
const composite = Animated.spring(val, {
|
|
70
59
|
...config,
|
|
71
60
|
toValue: next,
|
|
72
61
|
useNativeDriver: !isWeb
|
|
73
62
|
});
|
|
74
|
-
composite.start(handleFinish);
|
|
75
|
-
state.current.composite = composite;
|
|
63
|
+
composite.start(handleFinish), state.current.composite = composite;
|
|
76
64
|
} else {
|
|
77
|
-
|
|
65
|
+
state.current.composite?.stop();
|
|
78
66
|
const composite = Animated.timing(val, {
|
|
79
67
|
...config,
|
|
80
68
|
toValue: next,
|
|
81
69
|
useNativeDriver: !isWeb
|
|
82
70
|
});
|
|
83
|
-
composite.start(handleFinish);
|
|
84
|
-
state.current.composite = composite;
|
|
71
|
+
composite.start(handleFinish), state.current.composite = composite;
|
|
85
72
|
}
|
|
86
73
|
}
|
|
87
74
|
};
|
|
@@ -103,10 +90,8 @@ function useAnimatedNumberStyle(value, getStyle) {
|
|
|
103
90
|
return getStyle(value.getInstance());
|
|
104
91
|
}
|
|
105
92
|
function createAnimations(animations) {
|
|
106
|
-
AnimatedView
|
|
107
|
-
|
|
108
|
-
return {
|
|
109
|
-
isReactNative: true,
|
|
93
|
+
return AnimatedView.displayName = "AnimatedView", AnimatedText.displayName = "AnimatedText", {
|
|
94
|
+
isReactNative: !0,
|
|
110
95
|
animations,
|
|
111
96
|
View: AnimatedView,
|
|
112
97
|
Text: AnimatedText,
|
|
@@ -115,32 +100,10 @@ function createAnimations(animations) {
|
|
|
115
100
|
useAnimatedNumberStyle,
|
|
116
101
|
usePresence,
|
|
117
102
|
useAnimations: ({ props, onDidAnimate, style, componentState, presence }) => {
|
|
118
|
-
const isExiting =
|
|
119
|
-
const sendExitComplete = presence == null ? void 0 : presence[1];
|
|
120
|
-
const animateStyles = useRef({});
|
|
121
|
-
const animatedTranforms = useRef([]);
|
|
122
|
-
const animationsState = useRef(
|
|
103
|
+
const isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], animateStyles = useRef({}), animatedTranforms = useRef([]), animationsState = useRef(
|
|
123
104
|
/* @__PURE__ */ new WeakMap()
|
|
124
|
-
)
|
|
125
|
-
|
|
126
|
-
const hasAnimateOnly = !!props.animateOnly;
|
|
127
|
-
const args = [JSON.stringify(style), componentState, isExiting, !!onDidAnimate];
|
|
128
|
-
const isThereNoNativeStyleKeys = useMemo(() => {
|
|
129
|
-
if (isWeb)
|
|
130
|
-
return true;
|
|
131
|
-
return Object.keys(style).some((key) => {
|
|
132
|
-
if (animateOnly.length) {
|
|
133
|
-
return !animatedStyleKey[key] && animateOnly.indexOf(key) === -1;
|
|
134
|
-
} else {
|
|
135
|
-
return !animatedStyleKey[key];
|
|
136
|
-
}
|
|
137
|
-
});
|
|
138
|
-
}, args);
|
|
139
|
-
const res = useMemo(() => {
|
|
140
|
-
var _a;
|
|
141
|
-
const runners = [];
|
|
142
|
-
const completions = [];
|
|
143
|
-
const nonAnimatedStyle = {};
|
|
105
|
+
), animateOnly = props.animateOnly || [], hasAnimateOnly = !!props.animateOnly, args = [JSON.stringify(style), componentState, isExiting, !!onDidAnimate], isThereNoNativeStyleKeys = useMemo(() => isWeb ? !0 : Object.keys(style).some((key) => animateOnly.length ? !animatedStyleKey[key] && animateOnly.indexOf(key) === -1 : !animatedStyleKey[key]), args), res = useMemo(() => {
|
|
106
|
+
const runners = [], completions = [], nonAnimatedStyle = {};
|
|
144
107
|
for (const key in style) {
|
|
145
108
|
const val = style[key];
|
|
146
109
|
if (animatedStyleKey[key] == null && !costlyToAnimateStyleKey[key]) {
|
|
@@ -155,33 +118,25 @@ function createAnimations(animations) {
|
|
|
155
118
|
animateStyles.current[key] = update(key, animateStyles.current[key], val);
|
|
156
119
|
continue;
|
|
157
120
|
}
|
|
158
|
-
if (
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
};
|
|
168
|
-
animatedTranforms.current = [...animatedTranforms.current];
|
|
169
|
-
}
|
|
121
|
+
if (val)
|
|
122
|
+
for (const [index, transform] of val.entries()) {
|
|
123
|
+
if (!transform)
|
|
124
|
+
continue;
|
|
125
|
+
const tkey = Object.keys(transform)[0], currentTransform = animatedTranforms.current[index]?.[tkey];
|
|
126
|
+
animatedTranforms.current[index] = {
|
|
127
|
+
[tkey]: update(tkey, currentTransform, transform[tkey])
|
|
128
|
+
}, animatedTranforms.current = [...animatedTranforms.current];
|
|
129
|
+
}
|
|
170
130
|
}
|
|
171
131
|
const animatedStyle = {
|
|
172
132
|
...Object.fromEntries(
|
|
173
|
-
Object.entries(animateStyles.current).map(([k, v]) =>
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
((_a2 = animationsState.current.get(v)) == null ? void 0 : _a2.interpolation) || v
|
|
178
|
-
];
|
|
179
|
-
})
|
|
133
|
+
Object.entries(animateStyles.current).map(([k, v]) => [
|
|
134
|
+
k,
|
|
135
|
+
animationsState.current.get(v)?.interpolation || v
|
|
136
|
+
])
|
|
180
137
|
),
|
|
181
138
|
transform: animatedTranforms.current.map((r) => {
|
|
182
|
-
|
|
183
|
-
const key = Object.keys(r)[0];
|
|
184
|
-
const val = ((_a2 = animationsState.current.get(r[key])) == null ? void 0 : _a2.interpolation) || r[key];
|
|
139
|
+
const key = Object.keys(r)[0], val = animationsState.current.get(r[key])?.interpolation || r[key];
|
|
185
140
|
return { [key]: val };
|
|
186
141
|
})
|
|
187
142
|
};
|
|
@@ -191,45 +146,33 @@ function createAnimations(animations) {
|
|
|
191
146
|
style: [nonAnimatedStyle, animatedStyle]
|
|
192
147
|
};
|
|
193
148
|
function update(key, animated, valIn) {
|
|
194
|
-
const isColorStyleKey = colorStyleKey[key];
|
|
195
|
-
const [val, type] = isColorStyleKey ? [0, void 0] : getValue(valIn);
|
|
149
|
+
const isColorStyleKey = colorStyleKey[key], [val, type] = isColorStyleKey ? [0, void 0] : getValue(valIn);
|
|
196
150
|
let animateToValue = val;
|
|
197
|
-
const value = animated || new Animated.Value(val);
|
|
198
|
-
const curInterpolation = animationsState.current.get(value);
|
|
151
|
+
const value = animated || new Animated.Value(val), curInterpolation = animationsState.current.get(value);
|
|
199
152
|
let interpolateArgs;
|
|
200
|
-
if (type
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
)
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
animateToValue
|
|
218
|
-
);
|
|
219
|
-
animationsState.current.set(value, {
|
|
220
|
-
current: valIn,
|
|
221
|
-
interpolation: value.interpolate(interpolateArgs),
|
|
222
|
-
animateToValue: (curInterpolation == null ? void 0 : curInterpolation.animateToValue) ? 0 : 1
|
|
223
|
-
});
|
|
224
|
-
}
|
|
225
|
-
if (value) {
|
|
153
|
+
if (type && (interpolateArgs = getInterpolated(
|
|
154
|
+
curInterpolation?.current ?? value._value,
|
|
155
|
+
val,
|
|
156
|
+
type
|
|
157
|
+
), animationsState.current.set(value, {
|
|
158
|
+
interpolation: value.interpolate(interpolateArgs),
|
|
159
|
+
current: val
|
|
160
|
+
})), isColorStyleKey && (animateToValue = curInterpolation?.animateToValue ? 0 : 1, interpolateArgs = getColorInterpolated(
|
|
161
|
+
curInterpolation?.current,
|
|
162
|
+
// valIn is the next color
|
|
163
|
+
valIn,
|
|
164
|
+
animateToValue
|
|
165
|
+
), animationsState.current.set(value, {
|
|
166
|
+
current: valIn,
|
|
167
|
+
interpolation: value.interpolate(interpolateArgs),
|
|
168
|
+
animateToValue: curInterpolation?.animateToValue ? 0 : 1
|
|
169
|
+
})), value) {
|
|
226
170
|
const animationConfig = getAnimationConfig(key, animations, props.animation);
|
|
227
171
|
let resolve;
|
|
228
172
|
const promise = new Promise((res2) => {
|
|
229
173
|
resolve = res2;
|
|
230
174
|
});
|
|
231
|
-
completions.push(promise)
|
|
232
|
-
runners.push(() => {
|
|
175
|
+
completions.push(promise), runners.push(() => {
|
|
233
176
|
value.stopAnimation();
|
|
234
177
|
function getAnimation() {
|
|
235
178
|
return Animated[animationConfig.type || "spring"](value, {
|
|
@@ -238,103 +181,60 @@ function createAnimations(animations) {
|
|
|
238
181
|
...animationConfig
|
|
239
182
|
});
|
|
240
183
|
}
|
|
241
|
-
|
|
184
|
+
(animationConfig.delay ? Animated.sequence([
|
|
242
185
|
Animated.delay(animationConfig.delay),
|
|
243
186
|
getAnimation()
|
|
244
|
-
]) : getAnimation()
|
|
245
|
-
|
|
246
|
-
if (finished) {
|
|
247
|
-
resolve();
|
|
248
|
-
}
|
|
187
|
+
]) : getAnimation()).start(({ finished }) => {
|
|
188
|
+
finished && resolve();
|
|
249
189
|
});
|
|
250
190
|
});
|
|
251
191
|
}
|
|
252
|
-
|
|
253
|
-
if (props["debug"] === "verbose") {
|
|
254
|
-
console.log(" \u{1F4A0} animate", key, `from (${value["_value"]}) to`, valIn, `(${val})`, "type", type, "interpolate", interpolateArgs);
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
return value;
|
|
192
|
+
return process.env.NODE_ENV === "development" && props.debug === "verbose" && console.log(" \u{1F4A0} animate", key, `from (${value._value}) to`, valIn, `(${val})`, "type", type, "interpolate", interpolateArgs), value;
|
|
258
193
|
}
|
|
259
194
|
}, args);
|
|
260
|
-
useIsomorphicLayoutEffect(() => {
|
|
195
|
+
return useIsomorphicLayoutEffect(() => {
|
|
261
196
|
res.runners.forEach((r) => r());
|
|
262
|
-
let cancel =
|
|
263
|
-
Promise.all(res.completions).then(() => {
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
if (isExiting) {
|
|
268
|
-
sendExitComplete == null ? void 0 : sendExitComplete();
|
|
269
|
-
}
|
|
270
|
-
});
|
|
271
|
-
return () => {
|
|
272
|
-
cancel = true;
|
|
197
|
+
let cancel = !1;
|
|
198
|
+
return Promise.all(res.completions).then(() => {
|
|
199
|
+
cancel || (onDidAnimate?.(), isExiting && sendExitComplete?.());
|
|
200
|
+
}), () => {
|
|
201
|
+
cancel = !0;
|
|
273
202
|
};
|
|
274
|
-
}, args);
|
|
275
|
-
if (process.env.NODE_ENV === "development") {
|
|
276
|
-
if (props["debug"] === "verbose") {
|
|
277
|
-
console.log(`Returning animated`, res, "given style", style);
|
|
278
|
-
}
|
|
279
|
-
}
|
|
280
|
-
return res;
|
|
203
|
+
}, args), process.env.NODE_ENV === "development" && props.debug === "verbose" && console.log("Returning animated", res, "given style", style), res;
|
|
281
204
|
}
|
|
282
205
|
};
|
|
283
206
|
}
|
|
284
207
|
function getColorInterpolated(currentColor, nextColor, animateToValue) {
|
|
285
|
-
const inputRange = [0, 1];
|
|
286
|
-
|
|
287
|
-
if (animateToValue === 0) {
|
|
288
|
-
outputRange.reverse();
|
|
289
|
-
}
|
|
290
|
-
return {
|
|
208
|
+
const inputRange = [0, 1], outputRange = [currentColor || nextColor, nextColor];
|
|
209
|
+
return animateToValue === 0 && outputRange.reverse(), {
|
|
291
210
|
inputRange,
|
|
292
211
|
outputRange
|
|
293
212
|
};
|
|
294
213
|
}
|
|
295
214
|
function getInterpolated(current, next, postfix = "deg") {
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
const inputRange = [current, next];
|
|
300
|
-
const outputRange = [`${current}${postfix}`, `${next}${postfix}`];
|
|
301
|
-
if (next < current) {
|
|
302
|
-
inputRange.reverse();
|
|
303
|
-
outputRange.reverse();
|
|
304
|
-
}
|
|
305
|
-
return {
|
|
215
|
+
next === current && (current = next - 1e-9);
|
|
216
|
+
const inputRange = [current, next], outputRange = [`${current}${postfix}`, `${next}${postfix}`];
|
|
217
|
+
return next < current && (inputRange.reverse(), outputRange.reverse()), {
|
|
306
218
|
inputRange,
|
|
307
219
|
outputRange
|
|
308
220
|
};
|
|
309
221
|
}
|
|
310
222
|
function getAnimationConfig(key, animations, animation) {
|
|
311
|
-
|
|
312
|
-
if (typeof animation === "string") {
|
|
223
|
+
if (typeof animation == "string")
|
|
313
224
|
return animations[animation];
|
|
314
|
-
|
|
315
|
-
let type = "";
|
|
316
|
-
let extraConf;
|
|
225
|
+
let type = "", extraConf;
|
|
317
226
|
const shortKey = transformShorthands[key];
|
|
318
227
|
if (Array.isArray(animation)) {
|
|
319
228
|
type = animation[0];
|
|
320
|
-
const conf =
|
|
321
|
-
|
|
322
|
-
if (typeof conf === "string") {
|
|
323
|
-
type = conf;
|
|
324
|
-
} else {
|
|
325
|
-
type = conf.type || type;
|
|
326
|
-
extraConf = conf;
|
|
327
|
-
}
|
|
328
|
-
}
|
|
229
|
+
const conf = animation[1]?.[key] ?? animation[1]?.[shortKey];
|
|
230
|
+
conf && (typeof conf == "string" ? type = conf : (type = conf.type || type, extraConf = conf));
|
|
329
231
|
} else {
|
|
330
|
-
const val =
|
|
331
|
-
type = val
|
|
332
|
-
extraConf = val;
|
|
232
|
+
const val = animation?.[key] ?? animation?.[shortKey];
|
|
233
|
+
type = val?.type, extraConf = val;
|
|
333
234
|
}
|
|
334
235
|
const found = animations[type];
|
|
335
|
-
if (!found)
|
|
236
|
+
if (!found)
|
|
336
237
|
throw new Error(`No animation of type "${type}" for key "${key}"`);
|
|
337
|
-
}
|
|
338
238
|
return {
|
|
339
239
|
...found,
|
|
340
240
|
...extraConf
|
|
@@ -346,10 +246,9 @@ const transformShorthands = {
|
|
|
346
246
|
translateX: "x",
|
|
347
247
|
translateY: "y"
|
|
348
248
|
};
|
|
349
|
-
function getValue(input, isColor =
|
|
350
|
-
if (typeof input
|
|
249
|
+
function getValue(input, isColor = !1) {
|
|
250
|
+
if (typeof input != "string")
|
|
351
251
|
return [input];
|
|
352
|
-
}
|
|
353
252
|
const [_, number, after] = input.match(/([-0-9]+)(deg|%|px)/) ?? [];
|
|
354
253
|
return [+number, after];
|
|
355
254
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,mBAAmB;AAC5B;AAAA,EAKE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,SAAS,cAAc;AAC3C,SAAS,gBAAgB;AA0BzB,MAAM,mBAAmB;AAAA,EACvB,WAAW;AAAA,EACX,SAAS;AACX
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["res"]
|
|
6
6
|
}
|
package/dist/esm/polyfill.js
CHANGED
package/dist/esm/polyfill.js.map
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/animations-react-native",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.62.0",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"./polyfill.js"
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
"dist"
|
|
16
16
|
],
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@tamagui/use-presence": "1.
|
|
19
|
-
"@tamagui/web": "1.
|
|
18
|
+
"@tamagui/use-presence": "1.62.0",
|
|
19
|
+
"@tamagui/web": "1.62.0"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@tamagui/build": "1.
|
|
22
|
+
"@tamagui/build": "1.62.0",
|
|
23
23
|
"react": "^18.2.0",
|
|
24
24
|
"react-native": "^0.72.1"
|
|
25
25
|
},
|