@tamagui/animations-css 1.30.1 → 1.30.3
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 +11 -13
- package/dist/cjs/createAnimations.js.map +1 -1
- package/dist/esm/createAnimations.js +8 -10
- package/dist/esm/createAnimations.js.map +1 -1
- package/package.json +5 -5
- package/src/createAnimations.tsx +9 -10
- package/types/createAnimations.d.ts +1 -1
- package/types/createAnimations.d.ts.map +1 -1
|
@@ -21,14 +21,14 @@ __export(createAnimations_exports, {
|
|
|
21
21
|
createAnimations: () => createAnimations
|
|
22
22
|
});
|
|
23
23
|
module.exports = __toCommonJS(createAnimations_exports);
|
|
24
|
+
var import_core = require("@tamagui/core");
|
|
24
25
|
var import_cubic_bezier_animator = require("@tamagui/cubic-bezier-animator");
|
|
25
26
|
var import_use_presence = require("@tamagui/use-presence");
|
|
26
|
-
var import_web = require("@tamagui/web");
|
|
27
27
|
var import_react = require("react");
|
|
28
28
|
function createAnimations(animations) {
|
|
29
29
|
return {
|
|
30
|
-
View:
|
|
31
|
-
Text:
|
|
30
|
+
View: import_core.Stack,
|
|
31
|
+
Text: import_core.Text,
|
|
32
32
|
animations,
|
|
33
33
|
usePresence: import_use_presence.usePresence,
|
|
34
34
|
useAnimatedNumber(initial) {
|
|
@@ -48,7 +48,7 @@ function createAnimations(animations) {
|
|
|
48
48
|
};
|
|
49
49
|
},
|
|
50
50
|
useAnimatedNumberReaction({ hostRef, value }, onValue) {
|
|
51
|
-
(0,
|
|
51
|
+
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
52
52
|
if (!hostRef.current)
|
|
53
53
|
return;
|
|
54
54
|
const onTransitionEvent = (e) => {
|
|
@@ -72,14 +72,11 @@ function createAnimations(animations) {
|
|
|
72
72
|
const isEntering = !!state.unmounted;
|
|
73
73
|
const isExiting = (presence == null ? void 0 : presence[0]) === false;
|
|
74
74
|
const sendExitComplete = presence == null ? void 0 : presence[1];
|
|
75
|
-
const initialPositionRef = (0,
|
|
75
|
+
const initialPositionRef = (0, import_core.useSafeRef)(null);
|
|
76
76
|
const animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation;
|
|
77
77
|
const animation = animations[animationKey];
|
|
78
|
-
if (!animation) {
|
|
79
|
-
return null;
|
|
80
|
-
}
|
|
81
78
|
const keys = props.animateOnly ? props.animateOnly.join(" ") : "all";
|
|
82
|
-
(0,
|
|
79
|
+
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
83
80
|
if (!sendExitComplete || !isExiting || !hostRef.current)
|
|
84
81
|
return;
|
|
85
82
|
const node = hostRef.current;
|
|
@@ -93,7 +90,7 @@ function createAnimations(animations) {
|
|
|
93
90
|
node.addEventListener("transitioncancel", onFinishAnimation);
|
|
94
91
|
};
|
|
95
92
|
}, [sendExitComplete, isExiting]);
|
|
96
|
-
(0,
|
|
93
|
+
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
97
94
|
var _a;
|
|
98
95
|
if (!hostRef.current || !props.layout) {
|
|
99
96
|
return;
|
|
@@ -118,13 +115,14 @@ function createAnimations(animations) {
|
|
|
118
115
|
}
|
|
119
116
|
initialPositionRef.current = boundingBox;
|
|
120
117
|
});
|
|
118
|
+
if (!animation) {
|
|
119
|
+
return null;
|
|
120
|
+
}
|
|
121
121
|
style.transition = `${keys} ${animation}${props.layout ? ",width 0s, height 0s, margin 0s, padding 0s, transform" : ""}`;
|
|
122
122
|
if (process.env.NODE_ENV === "development" && props["debug"]) {
|
|
123
123
|
console.log("CSS animation", style, { isEntering, isExiting });
|
|
124
124
|
}
|
|
125
|
-
return
|
|
126
|
-
return { style };
|
|
127
|
-
}, [JSON.stringify(style)]);
|
|
125
|
+
return { style };
|
|
128
126
|
}
|
|
129
127
|
};
|
|
130
128
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAAwB;AACxB,0BAA4B;AAC5B,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { animate } from "@tamagui/cubic-bezier-animator";
|
|
2
|
-
import { usePresence } from "@tamagui/use-presence";
|
|
3
1
|
import {
|
|
4
2
|
Stack,
|
|
5
3
|
Text,
|
|
6
4
|
useIsomorphicLayoutEffect,
|
|
7
5
|
useSafeRef
|
|
8
|
-
} from "@tamagui/
|
|
9
|
-
import {
|
|
6
|
+
} from "@tamagui/core";
|
|
7
|
+
import { animate } from "@tamagui/cubic-bezier-animator";
|
|
8
|
+
import { usePresence } from "@tamagui/use-presence";
|
|
9
|
+
import { useState } from "react";
|
|
10
10
|
function createAnimations(animations) {
|
|
11
11
|
return {
|
|
12
12
|
View: Stack,
|
|
@@ -57,9 +57,6 @@ function createAnimations(animations) {
|
|
|
57
57
|
const initialPositionRef = useSafeRef(null);
|
|
58
58
|
const animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation;
|
|
59
59
|
const animation = animations[animationKey];
|
|
60
|
-
if (!animation) {
|
|
61
|
-
return null;
|
|
62
|
-
}
|
|
63
60
|
const keys = props.animateOnly ? props.animateOnly.join(" ") : "all";
|
|
64
61
|
useIsomorphicLayoutEffect(() => {
|
|
65
62
|
if (!sendExitComplete || !isExiting || !hostRef.current)
|
|
@@ -100,13 +97,14 @@ function createAnimations(animations) {
|
|
|
100
97
|
}
|
|
101
98
|
initialPositionRef.current = boundingBox;
|
|
102
99
|
});
|
|
100
|
+
if (!animation) {
|
|
101
|
+
return null;
|
|
102
|
+
}
|
|
103
103
|
style.transition = `${keys} ${animation}${props.layout ? ",width 0s, height 0s, margin 0s, padding 0s, transform" : ""}`;
|
|
104
104
|
if (process.env.NODE_ENV === "development" && props["debug"]) {
|
|
105
105
|
console.log("CSS animation", style, { isEntering, isExiting });
|
|
106
106
|
}
|
|
107
|
-
return
|
|
108
|
-
return { style };
|
|
109
|
-
}, [JSON.stringify(style)]);
|
|
107
|
+
return { style };
|
|
110
108
|
}
|
|
111
109
|
};
|
|
112
110
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": "AAAA
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/animations-css",
|
|
3
|
-
"version": "1.30.
|
|
3
|
+
"version": "1.30.3",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "MIT",
|
|
@@ -13,12 +13,12 @@
|
|
|
13
13
|
"dist"
|
|
14
14
|
],
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@tamagui/cubic-bezier-animator": "1.30.
|
|
17
|
-
"@tamagui/use-presence": "1.30.
|
|
18
|
-
"@tamagui/web": "1.30.
|
|
16
|
+
"@tamagui/cubic-bezier-animator": "1.30.3",
|
|
17
|
+
"@tamagui/use-presence": "1.30.3",
|
|
18
|
+
"@tamagui/web": "1.30.3"
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
|
-
"@tamagui/build": "1.30.
|
|
21
|
+
"@tamagui/build": "1.30.3"
|
|
22
22
|
},
|
|
23
23
|
"scripts": {
|
|
24
24
|
"build": "tamagui-build",
|
package/src/createAnimations.tsx
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import { animate } from '@tamagui/cubic-bezier-animator'
|
|
2
|
-
import { usePresence } from '@tamagui/use-presence'
|
|
3
1
|
import {
|
|
4
2
|
AnimationDriver,
|
|
5
3
|
Stack,
|
|
@@ -7,7 +5,9 @@ import {
|
|
|
7
5
|
UniversalAnimatedNumber,
|
|
8
6
|
useIsomorphicLayoutEffect,
|
|
9
7
|
useSafeRef,
|
|
10
|
-
} from '@tamagui/
|
|
8
|
+
} from '@tamagui/core'
|
|
9
|
+
import { animate } from '@tamagui/cubic-bezier-animator'
|
|
10
|
+
import { usePresence } from '@tamagui/use-presence'
|
|
11
11
|
import { useMemo, useState } from 'react'
|
|
12
12
|
|
|
13
13
|
export function createAnimations<A extends Object>(animations: A): AnimationDriver<A> {
|
|
@@ -67,9 +67,6 @@ export function createAnimations<A extends Object>(animations: A): AnimationDriv
|
|
|
67
67
|
? props.animation[0]
|
|
68
68
|
: props.animation
|
|
69
69
|
const animation = animations[animationKey as any]
|
|
70
|
-
if (!animation) {
|
|
71
|
-
return null
|
|
72
|
-
}
|
|
73
70
|
|
|
74
71
|
const keys = props.animateOnly ? props.animateOnly.join(' ') : 'all'
|
|
75
72
|
|
|
@@ -87,6 +84,7 @@ export function createAnimations<A extends Object>(animations: A): AnimationDriv
|
|
|
87
84
|
}
|
|
88
85
|
}, [sendExitComplete, isExiting])
|
|
89
86
|
|
|
87
|
+
// layout animations
|
|
90
88
|
useIsomorphicLayoutEffect(() => {
|
|
91
89
|
if (!hostRef.current || !props.layout) {
|
|
92
90
|
return
|
|
@@ -119,6 +117,10 @@ export function createAnimations<A extends Object>(animations: A): AnimationDriv
|
|
|
119
117
|
initialPositionRef.current = boundingBox
|
|
120
118
|
})
|
|
121
119
|
|
|
120
|
+
if (!animation) {
|
|
121
|
+
return null
|
|
122
|
+
}
|
|
123
|
+
|
|
122
124
|
// add css transition
|
|
123
125
|
// TODO: we disabled the transform transition, because it will create issue for inverse function and animate function
|
|
124
126
|
// for non layout transform properties either use animate function or find a workaround to do it with css
|
|
@@ -131,10 +133,7 @@ export function createAnimations<A extends Object>(animations: A): AnimationDriv
|
|
|
131
133
|
console.log('CSS animation', style, { isEntering, isExiting })
|
|
132
134
|
}
|
|
133
135
|
|
|
134
|
-
return
|
|
135
|
-
return { style }
|
|
136
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
137
|
-
}, [JSON.stringify(style)])
|
|
136
|
+
return { style }
|
|
138
137
|
},
|
|
139
138
|
}
|
|
140
139
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAMhB,MAAM,eAAe,CAAA;AAKtB,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,UAAU,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CA8HpF"}
|