@tamagui/animations-motion 1.132.9 → 1.132.10
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.cjs +42 -31
- package/dist/cjs/createAnimations.js +45 -30
- package/dist/cjs/createAnimations.js.map +1 -1
- package/dist/cjs/createAnimations.native.js +60 -38
- package/dist/cjs/createAnimations.native.js.map +2 -2
- package/dist/esm/createAnimations.js +53 -31
- package/dist/esm/createAnimations.js.map +1 -1
- package/dist/esm/createAnimations.mjs +43 -32
- package/dist/esm/createAnimations.mjs.map +1 -1
- package/dist/esm/createAnimations.native.js +55 -38
- package/dist/esm/createAnimations.native.js.map +1 -1
- package/package.json +4 -4
- package/src/createAnimations.tsx +83 -42
- package/types/createAnimations.d.ts.map +2 -2
|
@@ -73,10 +73,11 @@ function createAnimations(animationsProp) {
|
|
|
73
73
|
isFirstRender = (0, import_react2.useRef)(!0),
|
|
74
74
|
[scope, animate] = (0, import_react.useAnimate)(),
|
|
75
75
|
lastAnimationStyle = (0, import_react2.useRef)(null),
|
|
76
|
-
lastDontAnimate = (0, import_react2.useRef)({}),
|
|
77
76
|
controls = (0, import_react2.useRef)(null),
|
|
78
77
|
styleKey = JSON.stringify(style),
|
|
79
|
-
shouldDebug =
|
|
78
|
+
shouldDebug =
|
|
79
|
+
// process.env.NODE_ENV === 'development' &&
|
|
80
|
+
props.debug && props.debug !== "profile",
|
|
80
81
|
{
|
|
81
82
|
dontAnimate = {},
|
|
82
83
|
doAnimate,
|
|
@@ -85,12 +86,12 @@ function createAnimations(animationsProp) {
|
|
|
85
86
|
animationsQueue = (0, import_react2.useRef)([]),
|
|
86
87
|
lastAnimateAt = (0, import_react2.useRef)(0),
|
|
87
88
|
minTimeBetweenAnimations = 16.667,
|
|
88
|
-
disposed = (0, import_react2.useRef)(!1)
|
|
89
|
-
|
|
90
|
-
lastDontAnimate
|
|
91
|
-
|
|
89
|
+
disposed = (0, import_react2.useRef)(!1),
|
|
90
|
+
[firstRenderStyle] = (0, import_react2.useState)(style),
|
|
91
|
+
lastDontAnimate = (0, import_react2.useRef)(firstRenderStyle);
|
|
92
|
+
(0, import_react2.useLayoutEffect)(() => () => {
|
|
92
93
|
disposed.current = !0;
|
|
93
|
-
}
|
|
94
|
+
}, []);
|
|
94
95
|
const runAnimation = props2 => {
|
|
95
96
|
const waitForNextAnimationFrame = () => {
|
|
96
97
|
const queue = animationsQueue.current,
|
|
@@ -106,9 +107,12 @@ function createAnimations(animationsProp) {
|
|
|
106
107
|
}), scope.current ? flushAnimation(props2) : disposed.current || requestAnimationFrame(waitForNextAnimationFrame);
|
|
107
108
|
},
|
|
108
109
|
hasQueue = animationsQueue.current.length,
|
|
109
|
-
shouldWait = hasQueue || Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
|
|
110
|
+
shouldWait = hasQueue || lastAnimateAt.current && Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
|
|
110
111
|
isExiting || isFirstRender.current || scope.current && !shouldWait ? flushAnimation(props2) : (animationsQueue.current.push(props2), hasQueue || waitForNextAnimationFrame());
|
|
111
112
|
},
|
|
113
|
+
updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastAnimationStyle.current ? !1 : (lastAnimationStyle.current = style, animate(scope.current, doAnimate || {}, {
|
|
114
|
+
type: !1
|
|
115
|
+
}).complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1,
|
|
112
116
|
flushAnimation = ({
|
|
113
117
|
doAnimate: doAnimate2,
|
|
114
118
|
dontAnimate: dontAnimate2,
|
|
@@ -116,22 +120,20 @@ function createAnimations(animationsProp) {
|
|
|
116
120
|
}) => {
|
|
117
121
|
try {
|
|
118
122
|
const node = stateRef.current.host;
|
|
119
|
-
if (!(node instanceof HTMLElement)) return;
|
|
120
|
-
if (!lastAnimationStyle.current) {
|
|
121
|
-
lastAnimationStyle.current = style, animate(scope.current, doAnimate2 || {}, {
|
|
122
|
-
type: !1
|
|
123
|
-
}).complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate2), console.groupEnd());
|
|
124
|
-
return;
|
|
125
|
-
}
|
|
126
|
-
if (!doAnimate2 && !dontAnimate2) return;
|
|
123
|
+
if (!(node instanceof HTMLElement) || !doAnimate2 && !dontAnimate2) return;
|
|
127
124
|
const next = doAnimate2 || {};
|
|
128
|
-
if (dontAnimate2
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
125
|
+
if (dontAnimate2) {
|
|
126
|
+
const curDontAnimate = lastDontAnimate.current;
|
|
127
|
+
if (node && curDontAnimate) {
|
|
128
|
+
for (const key in curDontAnimate) key in style || (console.info("deleting!", key, {
|
|
129
|
+
dontAnimate: dontAnimate2,
|
|
130
|
+
doAnimate: doAnimate2
|
|
131
|
+
}), delete node.style[key]);
|
|
132
|
+
const newDontAnimate = getDiff(curDontAnimate, dontAnimate2);
|
|
133
|
+
newDontAnimate && Object.assign(node.style, newDontAnimate);
|
|
134
|
+
}
|
|
134
135
|
}
|
|
136
|
+
if (lastDontAnimate.current = dontAnimate2 || {}, updateFirstAnimationStyle()) return;
|
|
135
137
|
const diff = getDiff(lastAnimationStyle.current, next);
|
|
136
138
|
if (shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(diff, null, 2)})`), console.info({
|
|
137
139
|
next,
|
|
@@ -142,8 +144,8 @@ function createAnimations(animationsProp) {
|
|
|
142
144
|
...lastAnimationStyle.current
|
|
143
145
|
},
|
|
144
146
|
isExiting
|
|
145
|
-
}), console.groupEnd()), !diff) return;
|
|
146
|
-
|
|
147
|
+
}), console.trace(), console.groupEnd()), lastAnimationStyle.current = next, lastAnimateAt.current = Date.now(), !diff) return;
|
|
148
|
+
controls.current = animate(scope.current, diff, animationOptions2);
|
|
147
149
|
} finally {
|
|
148
150
|
isExiting && (controls.current ? controls.current.finished.then(() => {
|
|
149
151
|
sendExitComplete?.();
|
|
@@ -155,12 +157,19 @@ function createAnimations(animationsProp) {
|
|
|
155
157
|
runAnimation(animationProps2);
|
|
156
158
|
}), (0, import_react2.useEffect)(() => () => {
|
|
157
159
|
lastAnimationStyle.current = null;
|
|
158
|
-
}, [])
|
|
159
|
-
|
|
160
|
+
}, []);
|
|
161
|
+
const animateKey = JSON.stringify(doAnimate);
|
|
162
|
+
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
163
|
+
if (isFirstRender.current) {
|
|
164
|
+
updateFirstAnimationStyle(), isFirstRender.current = !1;
|
|
165
|
+
return;
|
|
166
|
+
}
|
|
167
|
+
!doAnimate && !isExiting || (animationsQueue.current = [], flushAnimation({
|
|
160
168
|
doAnimate,
|
|
169
|
+
dontAnimate,
|
|
161
170
|
animationOptions
|
|
162
171
|
}));
|
|
163
|
-
}, [
|
|
172
|
+
}, [animateKey, isExiting, lastAnimationStyle]);
|
|
164
173
|
const [initialStyle] = (0, import_react2.useState)(() => ({
|
|
165
174
|
...dontAnimate,
|
|
166
175
|
...doAnimate
|
|
@@ -169,13 +178,15 @@ function createAnimations(animationsProp) {
|
|
|
169
178
|
style,
|
|
170
179
|
doAnimate,
|
|
171
180
|
dontAnimate,
|
|
181
|
+
animateKey,
|
|
172
182
|
scope,
|
|
173
183
|
animationOptions,
|
|
174
184
|
initialStyle,
|
|
175
|
-
isExiting
|
|
185
|
+
isExiting,
|
|
186
|
+
isFirstRender: isFirstRender.current
|
|
176
187
|
}), console.groupEnd()), {
|
|
177
|
-
//
|
|
178
|
-
style:
|
|
188
|
+
// we never change this, after first render on
|
|
189
|
+
style: firstRenderStyle,
|
|
179
190
|
ref: scope,
|
|
180
191
|
tag: "div"
|
|
181
192
|
};
|
|
@@ -254,7 +265,7 @@ function createAnimations(animationsProp) {
|
|
|
254
265
|
};
|
|
255
266
|
}
|
|
256
267
|
}
|
|
257
|
-
const disableAnimationProps = /* @__PURE__ */new Set(["alignContent", "alignItems", "aspectRatio", "backdropFilter", "boxSizing", "contain", "display", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "justifyContent", "maxHeight", "maxWidth", "minHeight", "minWidth", "outlineColor", "outlineStyle", "outlineWidth", "overflow", "overflowX", "overflowY", "pointerEvents", "position", "textWrap", "transformOrigin", "zIndex"]),
|
|
268
|
+
const disableAnimationProps = /* @__PURE__ */new Set(["alignContent", "alignItems", "aspectRatio", "backdropFilter", "boxSizing", "contain", "display", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "justifyContent", "marginRight", "marginLeft", "marginBottom", "marginTop", "maxHeight", "maxWidth", "minHeight", "minWidth", "outlineColor", "outlineStyle", "outlineWidth", "overflow", "overflowX", "overflowY", "pointerEvents", "position", "textWrap", "transformOrigin", "zIndex", "WebkitBackdropFilter"]),
|
|
258
269
|
MotionView = createMotionView("div"),
|
|
259
270
|
MotionText = createMotionView("span");
|
|
260
271
|
function createMotionView(defaultTag) {
|
|
@@ -46,7 +46,10 @@ function createAnimations(animationsProp) {
|
|
|
46
46
|
usePresence: import_use_presence.usePresence,
|
|
47
47
|
ResetPresence: import_use_presence.ResetPresence,
|
|
48
48
|
useAnimations: (animationProps) => {
|
|
49
|
-
const { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, disableAnimation = componentState.unmounted === !0 || !animationKey, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], isFirstRender = (0, import_react2.useRef)(!0), [scope, animate] = (0, import_react.useAnimate)(), lastAnimationStyle = (0, import_react2.useRef)(null),
|
|
49
|
+
const { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, disableAnimation = componentState.unmounted === !0 || !animationKey, isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], isFirstRender = (0, import_react2.useRef)(!0), [scope, animate] = (0, import_react.useAnimate)(), lastAnimationStyle = (0, import_react2.useRef)(null), controls = (0, import_react2.useRef)(null), styleKey = JSON.stringify(style), shouldDebug = (
|
|
50
|
+
// process.env.NODE_ENV === 'development' &&
|
|
51
|
+
props.debug && props.debug !== "profile"
|
|
52
|
+
), {
|
|
50
53
|
dontAnimate = {},
|
|
51
54
|
doAnimate,
|
|
52
55
|
animationOptions
|
|
@@ -54,12 +57,10 @@ function createAnimations(animationsProp) {
|
|
|
54
57
|
props,
|
|
55
58
|
style,
|
|
56
59
|
disableAnimation
|
|
57
|
-
), [isExiting, animationKey, styleKey]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), minTimeBetweenAnimations = 16.667, disposed = (0, import_react2.useRef)(!1);
|
|
58
|
-
(0,
|
|
59
|
-
lastDontAnimate.current = dontAnimate;
|
|
60
|
-
}), (0, import_react2.useEffect)(() => (isFirstRender.current = !1, () => {
|
|
60
|
+
), [isExiting, animationKey, styleKey]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), minTimeBetweenAnimations = 16.667, disposed = (0, import_react2.useRef)(!1), [firstRenderStyle] = (0, import_react2.useState)(style), lastDontAnimate = (0, import_react2.useRef)(firstRenderStyle);
|
|
61
|
+
(0, import_react2.useLayoutEffect)(() => () => {
|
|
61
62
|
disposed.current = !0;
|
|
62
|
-
}
|
|
63
|
+
}, []);
|
|
63
64
|
const runAnimation = (props2) => {
|
|
64
65
|
const waitForNextAnimationFrame = () => {
|
|
65
66
|
const queue = animationsQueue.current, last = queue[queue.length - 1];
|
|
@@ -70,31 +71,31 @@ function createAnimations(animationsProp) {
|
|
|
70
71
|
if (!props2) return;
|
|
71
72
|
const elapsed = Date.now() - lastAnimateAt.current;
|
|
72
73
|
elapsed > minTimeBetweenAnimations && animationsQueue.current.length && console.info("slow", elapsed, { props: props2 }), scope.current ? flushAnimation(props2) : disposed.current || requestAnimationFrame(waitForNextAnimationFrame);
|
|
73
|
-
}, hasQueue = animationsQueue.current.length, shouldWait = hasQueue || Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
|
|
74
|
+
}, hasQueue = animationsQueue.current.length, shouldWait = hasQueue || lastAnimateAt.current && Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
|
|
74
75
|
isExiting || isFirstRender.current || scope.current && !shouldWait ? flushAnimation(props2) : (animationsQueue.current.push(props2), hasQueue || waitForNextAnimationFrame());
|
|
75
|
-
},
|
|
76
|
+
}, updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastAnimationStyle.current ? !1 : (lastAnimationStyle.current = style, animate(scope.current, doAnimate || {}, {
|
|
77
|
+
type: !1
|
|
78
|
+
}).complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1, flushAnimation = ({
|
|
76
79
|
doAnimate: doAnimate2,
|
|
77
80
|
dontAnimate: dontAnimate2,
|
|
78
81
|
animationOptions: animationOptions2 = {}
|
|
79
82
|
}) => {
|
|
80
83
|
try {
|
|
81
84
|
const node = stateRef.current.host;
|
|
82
|
-
if (!(node instanceof HTMLElement))
|
|
83
|
-
return;
|
|
84
|
-
if (!lastAnimationStyle.current) {
|
|
85
|
-
lastAnimationStyle.current = style, animate(scope.current, doAnimate2 || {}, {
|
|
86
|
-
type: !1
|
|
87
|
-
}).complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate2), console.groupEnd());
|
|
88
|
-
return;
|
|
89
|
-
}
|
|
90
|
-
if (!doAnimate2 && !dontAnimate2)
|
|
85
|
+
if (!(node instanceof HTMLElement) || !doAnimate2 && !dontAnimate2)
|
|
91
86
|
return;
|
|
92
87
|
const next = doAnimate2 || {};
|
|
93
|
-
if (dontAnimate2
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
88
|
+
if (dontAnimate2) {
|
|
89
|
+
const curDontAnimate = lastDontAnimate.current;
|
|
90
|
+
if (node && curDontAnimate) {
|
|
91
|
+
for (const key in curDontAnimate)
|
|
92
|
+
key in style || (console.info("deleting!", key, { dontAnimate: dontAnimate2, doAnimate: doAnimate2 }), delete node.style[key]);
|
|
93
|
+
const newDontAnimate = getDiff(curDontAnimate, dontAnimate2);
|
|
94
|
+
newDontAnimate && Object.assign(node.style, newDontAnimate);
|
|
95
|
+
}
|
|
97
96
|
}
|
|
97
|
+
if (lastDontAnimate.current = dontAnimate2 || {}, updateFirstAnimationStyle())
|
|
98
|
+
return;
|
|
98
99
|
const diff = getDiff(lastAnimationStyle.current, next);
|
|
99
100
|
if (shouldDebug && (console.groupCollapsed(
|
|
100
101
|
`[motion] \u{1F30A} animate (${JSON.stringify(diff, null, 2)})`
|
|
@@ -105,9 +106,9 @@ function createAnimations(animationsProp) {
|
|
|
105
106
|
diff,
|
|
106
107
|
lastAnimationStyle: { ...lastAnimationStyle.current },
|
|
107
108
|
isExiting
|
|
108
|
-
}), console.groupEnd()), !diff)
|
|
109
|
+
}), console.trace(), console.groupEnd()), lastAnimationStyle.current = next, lastAnimateAt.current = Date.now(), !diff)
|
|
109
110
|
return;
|
|
110
|
-
|
|
111
|
+
controls.current = animate(scope.current, diff, animationOptions2);
|
|
111
112
|
} finally {
|
|
112
113
|
isExiting && (controls.current ? controls.current.finished.then(() => {
|
|
113
114
|
sendExitComplete?.();
|
|
@@ -123,24 +124,33 @@ function createAnimations(animationsProp) {
|
|
|
123
124
|
runAnimation(animationProps2);
|
|
124
125
|
}), (0, import_react2.useEffect)(() => () => {
|
|
125
126
|
lastAnimationStyle.current = null;
|
|
126
|
-
}, [])
|
|
127
|
-
|
|
127
|
+
}, []);
|
|
128
|
+
const animateKey = JSON.stringify(doAnimate);
|
|
129
|
+
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
130
|
+
if (isFirstRender.current) {
|
|
131
|
+
updateFirstAnimationStyle(), isFirstRender.current = !1;
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
!doAnimate && !isExiting || (animationsQueue.current = [], flushAnimation({
|
|
128
135
|
doAnimate,
|
|
136
|
+
dontAnimate,
|
|
129
137
|
animationOptions
|
|
130
138
|
}));
|
|
131
|
-
}, [
|
|
139
|
+
}, [animateKey, isExiting, lastAnimationStyle]);
|
|
132
140
|
const [initialStyle] = (0, import_react2.useState)(() => ({ ...dontAnimate, ...doAnimate }));
|
|
133
141
|
return shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
|
|
134
142
|
style,
|
|
135
143
|
doAnimate,
|
|
136
144
|
dontAnimate,
|
|
145
|
+
animateKey,
|
|
137
146
|
scope,
|
|
138
147
|
animationOptions,
|
|
139
148
|
initialStyle,
|
|
140
|
-
isExiting
|
|
149
|
+
isExiting,
|
|
150
|
+
isFirstRender: isFirstRender.current
|
|
141
151
|
}), console.groupEnd()), {
|
|
142
|
-
//
|
|
143
|
-
style:
|
|
152
|
+
// we never change this, after first render on
|
|
153
|
+
style: firstRenderStyle,
|
|
144
154
|
ref: scope,
|
|
145
155
|
tag: "div"
|
|
146
156
|
};
|
|
@@ -242,6 +252,10 @@ const disableAnimationProps = /* @__PURE__ */ new Set([
|
|
|
242
252
|
"flexGrow",
|
|
243
253
|
"flexShrink",
|
|
244
254
|
"justifyContent",
|
|
255
|
+
"marginRight",
|
|
256
|
+
"marginLeft",
|
|
257
|
+
"marginBottom",
|
|
258
|
+
"marginTop",
|
|
245
259
|
"maxHeight",
|
|
246
260
|
"maxWidth",
|
|
247
261
|
"minHeight",
|
|
@@ -256,7 +270,8 @@ const disableAnimationProps = /* @__PURE__ */ new Set([
|
|
|
256
270
|
"position",
|
|
257
271
|
"textWrap",
|
|
258
272
|
"transformOrigin",
|
|
259
|
-
"zIndex"
|
|
273
|
+
"zIndex",
|
|
274
|
+
"WebkitBackdropFilter"
|
|
260
275
|
]), MotionView = createMotionView("div"), MotionText = createMotionView("span");
|
|
261
276
|
function createMotionView(defaultTag) {
|
|
262
277
|
const isText = defaultTag === "span", Component = (0, import_react2.forwardRef)((propsIn, ref) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAcO,0BACP,sBAA2C,kCAC3C,eAQO,yBACPA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["import_react", "props", "doAnimate", "dontAnimate", "animationOptions", "animationProps", "React"]
|
|
6
6
|
}
|
|
@@ -46,18 +46,19 @@ function createAnimations(animationsProp) {
|
|
|
46
46
|
usePresence: import_use_presence.usePresence,
|
|
47
47
|
ResetPresence: import_use_presence.ResetPresence,
|
|
48
48
|
useAnimations: function(animationProps) {
|
|
49
|
-
var { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, isHydrating = componentState.unmounted === !0, disableAnimation = isHydrating || !animationKey, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], isFirstRender = (0, import_react2.useRef)(!0), [scope, animate] = (0, import_react.useAnimate)(), lastAnimationStyle = (0, import_react2.useRef)(null),
|
|
49
|
+
var { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, isHydrating = componentState.unmounted === !0, disableAnimation = isHydrating || !animationKey, isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], isFirstRender = (0, import_react2.useRef)(!0), [scope, animate] = (0, import_react.useAnimate)(), lastAnimationStyle = (0, import_react2.useRef)(null), controls = (0, import_react2.useRef)(null), styleKey = JSON.stringify(style), shouldDebug = (
|
|
50
|
+
// process.env.NODE_ENV === 'development' &&
|
|
51
|
+
props.debug && props.debug !== "profile"
|
|
52
|
+
), { dontAnimate = {}, doAnimate, animationOptions } = (0, import_react2.useMemo)(function() {
|
|
50
53
|
var motionAnimationState = getMotionAnimatedProps(props, style, disableAnimation);
|
|
51
54
|
return motionAnimationState;
|
|
52
55
|
}, [
|
|
53
56
|
isExiting,
|
|
54
57
|
animationKey,
|
|
55
58
|
styleKey
|
|
56
|
-
]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), minTimeBetweenAnimations = 16.667, disposed = (0, import_react2.useRef)(!1);
|
|
57
|
-
(0,
|
|
58
|
-
|
|
59
|
-
}), (0, import_react2.useEffect)(function() {
|
|
60
|
-
return isFirstRender.current = !1, function() {
|
|
59
|
+
]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), minTimeBetweenAnimations = 16.667, disposed = (0, import_react2.useRef)(!1), [firstRenderStyle] = (0, import_react2.useState)(style), lastDontAnimate = (0, import_react2.useRef)(firstRenderStyle);
|
|
60
|
+
(0, import_react2.useLayoutEffect)(function() {
|
|
61
|
+
return function() {
|
|
61
62
|
disposed.current = !0;
|
|
62
63
|
};
|
|
63
64
|
}, []);
|
|
@@ -74,47 +75,54 @@ function createAnimations(animationsProp) {
|
|
|
74
75
|
props: props2
|
|
75
76
|
}), scope.current ? flushAnimation(props2) : disposed.current || requestAnimationFrame(waitForNextAnimationFrame);
|
|
76
77
|
}
|
|
77
|
-
}, hasQueue = animationsQueue.current.length, shouldWait = hasQueue || Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
|
|
78
|
+
}, hasQueue = animationsQueue.current.length, shouldWait = hasQueue || lastAnimateAt.current && Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
|
|
78
79
|
isExiting || isFirstRender.current || scope.current && !shouldWait ? flushAnimation(props2) : (animationsQueue.current.push(props2), hasQueue || waitForNextAnimationFrame());
|
|
80
|
+
}, updateFirstAnimationStyle = function() {
|
|
81
|
+
var node = stateRef.current.host;
|
|
82
|
+
if (!(node instanceof HTMLElement))
|
|
83
|
+
return !1;
|
|
84
|
+
if (!lastAnimationStyle.current) {
|
|
85
|
+
lastAnimationStyle.current = style;
|
|
86
|
+
var firstAnimation = animate(scope.current, doAnimate || {}, {
|
|
87
|
+
type: !1
|
|
88
|
+
});
|
|
89
|
+
return firstAnimation.complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0;
|
|
90
|
+
}
|
|
91
|
+
return !1;
|
|
79
92
|
}, flushAnimation = function(param) {
|
|
80
93
|
var { doAnimate: doAnimate2, dontAnimate: dontAnimate2, animationOptions: animationOptions2 = {} } = param;
|
|
81
94
|
try {
|
|
82
95
|
var node = stateRef.current.host;
|
|
83
|
-
if (!(node instanceof HTMLElement))
|
|
84
|
-
return;
|
|
85
|
-
if (!lastAnimationStyle.current) {
|
|
86
|
-
lastAnimationStyle.current = style;
|
|
87
|
-
var firstAnimation = animate(scope.current, doAnimate2 || {}, {
|
|
88
|
-
type: !1
|
|
89
|
-
});
|
|
90
|
-
firstAnimation.complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate2), console.groupEnd());
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
if (!doAnimate2 && !dontAnimate2)
|
|
96
|
+
if (!(node instanceof HTMLElement) || !doAnimate2 && !dontAnimate2)
|
|
94
97
|
return;
|
|
95
98
|
var next = doAnimate2 || {};
|
|
96
|
-
if (dontAnimate2
|
|
97
|
-
var
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
99
|
+
if (dontAnimate2) {
|
|
100
|
+
var curDontAnimate = lastDontAnimate.current;
|
|
101
|
+
if (node && curDontAnimate) {
|
|
102
|
+
for (var key2 in curDontAnimate)
|
|
103
|
+
key2 in style || (console.info("deleting!", key2, {
|
|
104
|
+
dontAnimate: dontAnimate2,
|
|
105
|
+
doAnimate: doAnimate2
|
|
106
|
+
}), delete node.style[key2]);
|
|
107
|
+
var newDontAnimate = getDiff(curDontAnimate, dontAnimate2);
|
|
108
|
+
newDontAnimate && Object.assign(node.style, newDontAnimate);
|
|
109
|
+
}
|
|
104
110
|
}
|
|
105
|
-
|
|
106
|
-
|
|
111
|
+
if (lastDontAnimate.current = dontAnimate2 || {}, updateFirstAnimationStyle())
|
|
112
|
+
return;
|
|
113
|
+
var diff = getDiff(lastAnimationStyle.current, next);
|
|
114
|
+
if (shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(diff, null, 2)})`), console.info({
|
|
107
115
|
next,
|
|
108
116
|
animationOptions: animationOptions2,
|
|
109
117
|
animationProps,
|
|
110
|
-
diff
|
|
118
|
+
diff,
|
|
111
119
|
lastAnimationStyle: {
|
|
112
120
|
...lastAnimationStyle.current
|
|
113
121
|
},
|
|
114
122
|
isExiting
|
|
115
|
-
}), console.groupEnd()), !
|
|
123
|
+
}), console.trace(), console.groupEnd()), lastAnimationStyle.current = next, lastAnimateAt.current = Date.now(), !diff)
|
|
116
124
|
return;
|
|
117
|
-
|
|
125
|
+
controls.current = animate(scope.current, diff, animationOptions2);
|
|
118
126
|
} finally {
|
|
119
127
|
isExiting && (controls.current ? controls.current.finished.then(function() {
|
|
120
128
|
sendExitComplete == null || sendExitComplete();
|
|
@@ -128,13 +136,20 @@ function createAnimations(animationsProp) {
|
|
|
128
136
|
return function() {
|
|
129
137
|
lastAnimationStyle.current = null;
|
|
130
138
|
};
|
|
131
|
-
}, [])
|
|
132
|
-
|
|
139
|
+
}, []);
|
|
140
|
+
var animateKey = JSON.stringify(doAnimate);
|
|
141
|
+
(0, import_core.useIsomorphicLayoutEffect)(function() {
|
|
142
|
+
if (isFirstRender.current) {
|
|
143
|
+
updateFirstAnimationStyle(), isFirstRender.current = !1;
|
|
144
|
+
return;
|
|
145
|
+
}
|
|
146
|
+
!doAnimate && !isExiting || (animationsQueue.current = [], flushAnimation({
|
|
133
147
|
doAnimate,
|
|
148
|
+
dontAnimate,
|
|
134
149
|
animationOptions
|
|
135
150
|
}));
|
|
136
151
|
}, [
|
|
137
|
-
|
|
152
|
+
animateKey,
|
|
138
153
|
isExiting,
|
|
139
154
|
lastAnimationStyle
|
|
140
155
|
]);
|
|
@@ -148,13 +163,15 @@ function createAnimations(animationsProp) {
|
|
|
148
163
|
style,
|
|
149
164
|
doAnimate,
|
|
150
165
|
dontAnimate,
|
|
166
|
+
animateKey,
|
|
151
167
|
scope,
|
|
152
168
|
animationOptions,
|
|
153
169
|
initialStyle,
|
|
154
|
-
isExiting
|
|
170
|
+
isExiting,
|
|
171
|
+
isFirstRender: isFirstRender.current
|
|
155
172
|
}), console.groupEnd()), {
|
|
156
|
-
//
|
|
157
|
-
style:
|
|
173
|
+
// we never change this, after first render on
|
|
174
|
+
style: firstRenderStyle,
|
|
158
175
|
ref: scope,
|
|
159
176
|
tag: "div"
|
|
160
177
|
};
|
|
@@ -266,6 +283,10 @@ var disableAnimationProps = /* @__PURE__ */ new Set([
|
|
|
266
283
|
"flexGrow",
|
|
267
284
|
"flexShrink",
|
|
268
285
|
"justifyContent",
|
|
286
|
+
"marginRight",
|
|
287
|
+
"marginLeft",
|
|
288
|
+
"marginBottom",
|
|
289
|
+
"marginTop",
|
|
269
290
|
"maxHeight",
|
|
270
291
|
"maxWidth",
|
|
271
292
|
"minHeight",
|
|
@@ -280,7 +301,8 @@ var disableAnimationProps = /* @__PURE__ */ new Set([
|
|
|
280
301
|
"position",
|
|
281
302
|
"textWrap",
|
|
282
303
|
"transformOrigin",
|
|
283
|
-
"zIndex"
|
|
304
|
+
"zIndex",
|
|
305
|
+
"WebkitBackdropFilter"
|
|
284
306
|
]), MotionView = createMotionView("div"), MotionText = createMotionView("span");
|
|
285
307
|
function createMotionView(defaultTag) {
|
|
286
308
|
var isText = defaultTag === "span", Component = /* @__PURE__ */ (0, import_react2.forwardRef)(function(propsIn, ref) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,cAcO,0BACP,sBAA2C,kCAC3C,eAQO,yBACPA,
|
|
5
|
-
"names": ["import_react", "MotionValueStrategy", "WeakMap", "createAnimations", "animationsProp", "animations", "key", "type", "View", "MotionView", "Text", "MotionText", "isReactNative", "supportsCSS", "needsWebStyles", "avoidReRenders", "usePresence", "ResetPresence", "useAnimations", "animationProps", "props", "style", "componentState", "stateRef", "useStyleEmitter", "presence", "animationKey", "Array", "isArray", "animation", "isHydrating", "unmounted", "disableAnimation", "isExiting", "sendExitComplete", "isFirstRender", "useRef", "scope", "animate", "useAnimate", "lastAnimationStyle", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["import_react", "MotionValueStrategy", "WeakMap", "createAnimations", "animationsProp", "animations", "key", "type", "View", "MotionView", "Text", "MotionText", "isReactNative", "supportsCSS", "needsWebStyles", "avoidReRenders", "usePresence", "ResetPresence", "useAnimations", "animationProps", "props", "style", "componentState", "stateRef", "useStyleEmitter", "presence", "animationKey", "Array", "isArray", "animation", "isHydrating", "unmounted", "disableAnimation", "isExiting", "sendExitComplete", "isFirstRender", "useRef", "scope", "animate", "useAnimate", "lastAnimationStyle", "controls", "styleKey", "JSON", "stringify", "shouldDebug", "dontAnimate", "doAnimate", "animationOptions", "useMemo", "motionAnimationState", "getMotionAnimatedProps", "animationsQueue", "lastAnimateAt", "minTimeBetweenAnimations", "disposed", "firstRenderStyle", "useState", "lastDontAnimate", "useLayoutEffect", "current", "runAnimation", "waitForNextAnimationFrame", "queue", "last", "length", "console", "error", "elapsed", "Date", "now", "info", "flushAnimation", "requestAnimationFrame", "hasQueue", "shouldWait", "push", "updateFirstAnimationStyle", "node", "host", "HTMLElement", "firstAnimation", "complete", "groupCollapsed", "groupEnd", "next", "curDontAnimate", "newDontAnimate", "getDiff", "Object", "assign", "diff", "trace", "finished", "then", "nextStyle", "useEffect", "animateKey", "useIsomorphicLayoutEffect", "initialStyle", "ref", "tag", "useAnimatedNumber", "initial", "motionValue", "useMotionValue", "React", "getInstance", "getValue", "get", "setValue", "config", "onFinish", "set", "unsubscribe", "on", "value", "Math", "abs", "stop", "useAnimatedNumberReaction", "onValue", "instance", "useMotionValueEvent", "useAnimatedNumberStyle", "val", "getStyleProp", "getStyleRef", "getStyle", "cur", "disable", "animationPropToAnimationConfig", "animateOnly", "disableAnimationProps", "has", "includes", "animationProp", "defaultAnimationKey", "specificAnimations", "defaultConfig", "default", "fromEntries", "entries", "flatMap", "propName", "animationNameOrConfig", "Set", "createMotionView", "defaultTag", "isText", "Component", "forwardRef", "propsIn", "hooks", "forwardedRef", "propsRest", "hostRef", "composedRefs", "useComposedRefs", "_", "state", "useThemeWithState", "styles", "animatedStyle", "nonAnimatedStyles", "find", "x", "filter", "getProps", "out", "getSplitStyles", "staticConfig", "theme", "name", "isAnimated", "noClass", "resolveValues", "viewProps", "fixStyles", "styleToCSS", "Element", "transformedProps", "usePropsTransform", "animationConfig", "webStyle", "motionAnimationConfig", "duration", "_jsx", "previous"]
|
|
6
6
|
}
|