@tamagui/animations-motion 1.132.10 → 1.132.11
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 +45 -64
- package/dist/cjs/createAnimations.js +45 -54
- package/dist/cjs/createAnimations.js.map +2 -2
- package/dist/cjs/createAnimations.native.js +49 -70
- package/dist/cjs/createAnimations.native.js.map +2 -2
- package/dist/esm/createAnimations.js +45 -54
- package/dist/esm/createAnimations.js.map +2 -2
- package/dist/esm/createAnimations.mjs +45 -64
- package/dist/esm/createAnimations.mjs.map +1 -1
- package/dist/esm/createAnimations.native.js +47 -71
- package/dist/esm/createAnimations.native.js.map +1 -1
- package/package.json +4 -4
- package/src/createAnimations.tsx +108 -122
- package/types/createAnimations.d.ts.map +2 -2
|
@@ -72,7 +72,7 @@ function createAnimations(animationsProp) {
|
|
|
72
72
|
sendExitComplete = presence?.[1],
|
|
73
73
|
isFirstRender = (0, import_react2.useRef)(!0),
|
|
74
74
|
[scope, animate] = (0, import_react.useAnimate)(),
|
|
75
|
-
|
|
75
|
+
lastDoAnimate = (0, import_react2.useRef)(null),
|
|
76
76
|
controls = (0, import_react2.useRef)(null),
|
|
77
77
|
styleKey = JSON.stringify(style),
|
|
78
78
|
shouldDebug =
|
|
@@ -85,67 +85,53 @@ function createAnimations(animationsProp) {
|
|
|
85
85
|
} = (0, import_react2.useMemo)(() => getMotionAnimatedProps(props, style, disableAnimation), [isExiting, animationKey, styleKey]),
|
|
86
86
|
animationsQueue = (0, import_react2.useRef)([]),
|
|
87
87
|
lastAnimateAt = (0, import_react2.useRef)(0),
|
|
88
|
-
minTimeBetweenAnimations = 16.667,
|
|
89
88
|
disposed = (0, import_react2.useRef)(!1),
|
|
90
89
|
[firstRenderStyle] = (0, import_react2.useState)(style),
|
|
91
90
|
lastDontAnimate = (0, import_react2.useRef)(firstRenderStyle);
|
|
92
91
|
(0, import_react2.useLayoutEffect)(() => () => {
|
|
93
92
|
disposed.current = !0;
|
|
94
93
|
}, []);
|
|
95
|
-
const
|
|
96
|
-
const waitForNextAnimationFrame = () => {
|
|
97
|
-
const queue = animationsQueue.current,
|
|
98
|
-
last = queue[queue.length - 1];
|
|
99
|
-
if (animationsQueue.current = [], !last) {
|
|
100
|
-
console.error("Should never hit");
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
if (!props2) return;
|
|
104
|
-
const elapsed = Date.now() - lastAnimateAt.current;
|
|
105
|
-
elapsed > minTimeBetweenAnimations && animationsQueue.current.length && console.info("slow", elapsed, {
|
|
106
|
-
props: props2
|
|
107
|
-
}), scope.current ? flushAnimation(props2) : disposed.current || requestAnimationFrame(waitForNextAnimationFrame);
|
|
108
|
-
},
|
|
109
|
-
hasQueue = animationsQueue.current.length,
|
|
110
|
-
shouldWait = hasQueue || lastAnimateAt.current && Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
|
|
111
|
-
isExiting || isFirstRender.current || scope.current && !shouldWait ? flushAnimation(props2) : (animationsQueue.current.push(props2), hasQueue || waitForNextAnimationFrame());
|
|
112
|
-
},
|
|
113
|
-
updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastAnimationStyle.current ? !1 : (lastAnimationStyle.current = style, animate(scope.current, doAnimate || {}, {
|
|
94
|
+
const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, animate(scope.current, doAnimate || {}, {
|
|
114
95
|
type: !1
|
|
115
|
-
}).complete(),
|
|
96
|
+
}).complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1,
|
|
116
97
|
flushAnimation = ({
|
|
117
|
-
doAnimate: doAnimate2,
|
|
118
|
-
|
|
119
|
-
|
|
98
|
+
doAnimate: doAnimate2 = {},
|
|
99
|
+
animationOptions: animationOptions2 = {},
|
|
100
|
+
dontAnimate: dontAnimate2
|
|
120
101
|
}) => {
|
|
121
102
|
try {
|
|
122
103
|
const node = stateRef.current.host;
|
|
123
|
-
if (
|
|
124
|
-
|
|
125
|
-
|
|
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
|
-
}
|
|
135
|
-
}
|
|
136
|
-
if (lastDontAnimate.current = dontAnimate2 || {}, updateFirstAnimationStyle()) return;
|
|
137
|
-
const diff = getDiff(lastAnimationStyle.current, next);
|
|
138
|
-
if (shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(diff, null, 2)})`), console.info({
|
|
139
|
-
next,
|
|
104
|
+
if (shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(getDiff(lastDoAnimate.current, doAnimate2), null, 2)})`), console.info({
|
|
105
|
+
doAnimate: doAnimate2,
|
|
106
|
+
dontAnimate: dontAnimate2,
|
|
140
107
|
animationOptions: animationOptions2,
|
|
141
108
|
animationProps,
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
109
|
+
lastDoAnimate: {
|
|
110
|
+
...lastDoAnimate.current
|
|
111
|
+
},
|
|
112
|
+
lastDontAnimate: {
|
|
113
|
+
...lastDontAnimate.current
|
|
145
114
|
},
|
|
146
|
-
isExiting
|
|
147
|
-
|
|
148
|
-
|
|
115
|
+
isExiting,
|
|
116
|
+
style,
|
|
117
|
+
node
|
|
118
|
+
}), console.groupCollapsed("trace >"), console.trace(), console.groupEnd(), console.groupEnd()), !(node instanceof HTMLElement)) return;
|
|
119
|
+
if (dontAnimate2) {
|
|
120
|
+
const prev = lastDontAnimate.current;
|
|
121
|
+
if (prev) {
|
|
122
|
+
removeRemovedStyles(prev, dontAnimate2, node);
|
|
123
|
+
const changed = getDiff(prev, dontAnimate2);
|
|
124
|
+
changed && Object.assign(node.style, changed);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
if (lastDontAnimate.current = dontAnimate2 || {}, doAnimate2) {
|
|
128
|
+
if (updateFirstAnimationStyle()) return;
|
|
129
|
+
const lastAnimated = lastDoAnimate.current;
|
|
130
|
+
lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
|
|
131
|
+
const diff = getDiff(lastDoAnimate.current, doAnimate2);
|
|
132
|
+
diff && (controls.current = animate(scope.current, diff, animationOptions2));
|
|
133
|
+
}
|
|
134
|
+
lastDoAnimate.current = doAnimate2, lastAnimateAt.current = Date.now();
|
|
149
135
|
} finally {
|
|
150
136
|
isExiting && (controls.current ? controls.current.finished.then(() => {
|
|
151
137
|
sendExitComplete?.();
|
|
@@ -154,34 +140,26 @@ function createAnimations(animationsProp) {
|
|
|
154
140
|
};
|
|
155
141
|
useStyleEmitter?.(nextStyle => {
|
|
156
142
|
const animationProps2 = getMotionAnimatedProps(props, nextStyle, disableAnimation);
|
|
157
|
-
|
|
158
|
-
})
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
const animateKey = JSON.stringify(doAnimate);
|
|
162
|
-
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
143
|
+
flushAnimation(animationProps2);
|
|
144
|
+
});
|
|
145
|
+
const animateKey = JSON.stringify(style);
|
|
146
|
+
return (0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
163
147
|
if (isFirstRender.current) {
|
|
164
|
-
updateFirstAnimationStyle(), isFirstRender.current = !1;
|
|
148
|
+
updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
|
|
165
149
|
return;
|
|
166
150
|
}
|
|
167
|
-
|
|
151
|
+
animationsQueue.current = [], flushAnimation({
|
|
168
152
|
doAnimate,
|
|
169
153
|
dontAnimate,
|
|
170
154
|
animationOptions
|
|
171
|
-
})
|
|
172
|
-
}, [animateKey, isExiting,
|
|
173
|
-
const [initialStyle] = (0, import_react2.useState)(() => ({
|
|
174
|
-
...dontAnimate,
|
|
175
|
-
...doAnimate
|
|
176
|
-
}));
|
|
177
|
-
return shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
|
|
155
|
+
});
|
|
156
|
+
}, [animateKey, isExiting]), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
|
|
178
157
|
style,
|
|
179
158
|
doAnimate,
|
|
180
159
|
dontAnimate,
|
|
181
160
|
animateKey,
|
|
182
161
|
scope,
|
|
183
162
|
animationOptions,
|
|
184
|
-
initialStyle,
|
|
185
163
|
isExiting,
|
|
186
164
|
isFirstRender: isFirstRender.current
|
|
187
165
|
}), console.groupEnd()), {
|
|
@@ -265,6 +243,9 @@ function createAnimations(animationsProp) {
|
|
|
265
243
|
};
|
|
266
244
|
}
|
|
267
245
|
}
|
|
246
|
+
function removeRemovedStyles(prev, next, node) {
|
|
247
|
+
for (const key in prev) key in next || (node.style[key] = "");
|
|
248
|
+
}
|
|
268
249
|
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"]),
|
|
269
250
|
MotionView = createMotionView("div"),
|
|
270
251
|
MotionText = createMotionView("span");
|
|
@@ -46,7 +46,7 @@ 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)(),
|
|
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)(), lastDoAnimate = (0, import_react2.useRef)(null), controls = (0, import_react2.useRef)(null), styleKey = JSON.stringify(style), shouldDebug = (
|
|
50
50
|
// process.env.NODE_ENV === 'development' &&
|
|
51
51
|
props.debug && props.debug !== "profile"
|
|
52
52
|
), {
|
|
@@ -57,58 +57,50 @@ function createAnimations(animationsProp) {
|
|
|
57
57
|
props,
|
|
58
58
|
style,
|
|
59
59
|
disableAnimation
|
|
60
|
-
), [isExiting, animationKey, styleKey]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0),
|
|
60
|
+
), [isExiting, animationKey, styleKey]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), disposed = (0, import_react2.useRef)(!1), [firstRenderStyle] = (0, import_react2.useState)(style), lastDontAnimate = (0, import_react2.useRef)(firstRenderStyle);
|
|
61
61
|
(0, import_react2.useLayoutEffect)(() => () => {
|
|
62
62
|
disposed.current = !0;
|
|
63
63
|
}, []);
|
|
64
|
-
const
|
|
65
|
-
const waitForNextAnimationFrame = () => {
|
|
66
|
-
const queue = animationsQueue.current, last = queue[queue.length - 1];
|
|
67
|
-
if (animationsQueue.current = [], !last) {
|
|
68
|
-
console.error("Should never hit");
|
|
69
|
-
return;
|
|
70
|
-
}
|
|
71
|
-
if (!props2) return;
|
|
72
|
-
const elapsed = Date.now() - lastAnimateAt.current;
|
|
73
|
-
elapsed > minTimeBetweenAnimations && animationsQueue.current.length && console.info("slow", elapsed, { props: props2 }), scope.current ? flushAnimation(props2) : disposed.current || requestAnimationFrame(waitForNextAnimationFrame);
|
|
74
|
-
}, hasQueue = animationsQueue.current.length, shouldWait = hasQueue || lastAnimateAt.current && Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
|
|
75
|
-
isExiting || isFirstRender.current || scope.current && !shouldWait ? flushAnimation(props2) : (animationsQueue.current.push(props2), hasQueue || waitForNextAnimationFrame());
|
|
76
|
-
}, updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastAnimationStyle.current ? !1 : (lastAnimationStyle.current = style, animate(scope.current, doAnimate || {}, {
|
|
64
|
+
const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, animate(scope.current, doAnimate || {}, {
|
|
77
65
|
type: !1
|
|
78
|
-
}).complete(),
|
|
79
|
-
doAnimate: doAnimate2,
|
|
80
|
-
|
|
81
|
-
|
|
66
|
+
}).complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1, flushAnimation = ({
|
|
67
|
+
doAnimate: doAnimate2 = {},
|
|
68
|
+
animationOptions: animationOptions2 = {},
|
|
69
|
+
dontAnimate: dontAnimate2
|
|
82
70
|
}) => {
|
|
83
71
|
try {
|
|
84
72
|
const node = stateRef.current.host;
|
|
85
|
-
if (!(node instanceof HTMLElement) || !doAnimate2 && !dontAnimate2)
|
|
86
|
-
return;
|
|
87
|
-
const next = doAnimate2 || {};
|
|
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
|
-
}
|
|
96
|
-
}
|
|
97
|
-
if (lastDontAnimate.current = dontAnimate2 || {}, updateFirstAnimationStyle())
|
|
98
|
-
return;
|
|
99
|
-
const diff = getDiff(lastAnimationStyle.current, next);
|
|
100
73
|
if (shouldDebug && (console.groupCollapsed(
|
|
101
|
-
`[motion] \u{1F30A} animate (${JSON.stringify(
|
|
74
|
+
`[motion] \u{1F30A} animate (${JSON.stringify(getDiff(lastDoAnimate.current, doAnimate2), null, 2)})`
|
|
102
75
|
), console.info({
|
|
103
|
-
|
|
76
|
+
doAnimate: doAnimate2,
|
|
77
|
+
dontAnimate: dontAnimate2,
|
|
104
78
|
animationOptions: animationOptions2,
|
|
105
79
|
animationProps,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
isExiting
|
|
109
|
-
|
|
80
|
+
lastDoAnimate: { ...lastDoAnimate.current },
|
|
81
|
+
lastDontAnimate: { ...lastDontAnimate.current },
|
|
82
|
+
isExiting,
|
|
83
|
+
style,
|
|
84
|
+
node
|
|
85
|
+
}), console.groupCollapsed("trace >"), console.trace(), console.groupEnd(), console.groupEnd()), !(node instanceof HTMLElement))
|
|
110
86
|
return;
|
|
111
|
-
|
|
87
|
+
if (dontAnimate2) {
|
|
88
|
+
const prev = lastDontAnimate.current;
|
|
89
|
+
if (prev) {
|
|
90
|
+
removeRemovedStyles(prev, dontAnimate2, node);
|
|
91
|
+
const changed = getDiff(prev, dontAnimate2);
|
|
92
|
+
changed && Object.assign(node.style, changed);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
if (lastDontAnimate.current = dontAnimate2 || {}, doAnimate2) {
|
|
96
|
+
if (updateFirstAnimationStyle())
|
|
97
|
+
return;
|
|
98
|
+
const lastAnimated = lastDoAnimate.current;
|
|
99
|
+
lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
|
|
100
|
+
const diff = getDiff(lastDoAnimate.current, doAnimate2);
|
|
101
|
+
diff && (controls.current = animate(scope.current, diff, animationOptions2));
|
|
102
|
+
}
|
|
103
|
+
lastDoAnimate.current = doAnimate2, lastAnimateAt.current = Date.now();
|
|
112
104
|
} finally {
|
|
113
105
|
isExiting && (controls.current ? controls.current.finished.then(() => {
|
|
114
106
|
sendExitComplete?.();
|
|
@@ -121,31 +113,26 @@ function createAnimations(animationsProp) {
|
|
|
121
113
|
nextStyle,
|
|
122
114
|
disableAnimation
|
|
123
115
|
);
|
|
124
|
-
|
|
125
|
-
})
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
const animateKey = JSON.stringify(doAnimate);
|
|
129
|
-
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
116
|
+
flushAnimation(animationProps2);
|
|
117
|
+
});
|
|
118
|
+
const animateKey = JSON.stringify(style);
|
|
119
|
+
return (0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
130
120
|
if (isFirstRender.current) {
|
|
131
|
-
updateFirstAnimationStyle(), isFirstRender.current = !1;
|
|
121
|
+
updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
|
|
132
122
|
return;
|
|
133
123
|
}
|
|
134
|
-
|
|
124
|
+
animationsQueue.current = [], flushAnimation({
|
|
135
125
|
doAnimate,
|
|
136
126
|
dontAnimate,
|
|
137
127
|
animationOptions
|
|
138
|
-
})
|
|
139
|
-
}, [animateKey, isExiting,
|
|
140
|
-
const [initialStyle] = (0, import_react2.useState)(() => ({ ...dontAnimate, ...doAnimate }));
|
|
141
|
-
return shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
|
|
128
|
+
});
|
|
129
|
+
}, [animateKey, isExiting]), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
|
|
142
130
|
style,
|
|
143
131
|
doAnimate,
|
|
144
132
|
dontAnimate,
|
|
145
133
|
animateKey,
|
|
146
134
|
scope,
|
|
147
135
|
animationOptions,
|
|
148
|
-
initialStyle,
|
|
149
136
|
isExiting,
|
|
150
137
|
isFirstRender: isFirstRender.current
|
|
151
138
|
}), console.groupEnd()), {
|
|
@@ -239,6 +226,10 @@ function createAnimations(animationsProp) {
|
|
|
239
226
|
};
|
|
240
227
|
}
|
|
241
228
|
}
|
|
229
|
+
function removeRemovedStyles(prev, next, node) {
|
|
230
|
+
for (const key in prev)
|
|
231
|
+
key in next || (node.style[key] = "");
|
|
232
|
+
}
|
|
242
233
|
const disableAnimationProps = /* @__PURE__ */ new Set([
|
|
243
234
|
"alignContent",
|
|
244
235
|
"alignItems",
|
|
@@ -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,gBAOO,
|
|
5
|
-
"names": ["import_react", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAcO,0BACP,sBAA2C,kCAC3C,eAQO,yBACPA,gBAOO,2BAumBI;AA7lBX,MAAM,sBAAsB,oBAAI,QAA6C;AAQtE,SAAS,iBACd,gBACoB;AAIpB,QAAM,aAAgB,CAAC;AACvB,aAAW,OAAO;AAChB,eAAW,GAAG,IAAI;AAAA,MAChB,MAAM;AAAA,MACN,GAAG,eAAe,GAAG;AAAA,IACvB;AAGF,SAAO;AAAA;AAAA,IAEL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,IACf,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IAEA,eAAe,CAAC,mBAAmB;AACjC,YAAM,EAAE,OAAO,OAAO,gBAAgB,UAAU,iBAAiB,SAAS,IACxE,gBAEI,eAAe,MAAM,QAAQ,MAAM,SAAS,IAC9C,MAAM,UAAU,CAAC,IACjB,MAAM,WAGJ,mBADc,eAAe,cAAc,MACT,CAAC,cACnC,YAAY,WAAW,CAAC,MAAM,IAC9B,mBAAmB,WAAW,CAAC,GAE/B,oBAAgB,sBAAO,EAAI,GAC3B,CAAC,OAAO,OAAO,QAAI,yBAAW,GAC9B,oBAAgB,sBAAuC,IAAI,GAC3D,eAAW,sBAAiD,IAAI,GAChE,WAAW,KAAK,UAAU,KAAK,GAG/B;AAAA;AAAA,QAEJ,MAAM,SAAY,MAAM,UAAa;AAAA,SAEjC;AAAA,QACJ,cAAc,CAAC;AAAA,QACf;AAAA,QACA;AAAA,MACF,QAAI,uBAAQ,MACmB;AAAA,QAC3B;AAAA,QACA;AAAA,QACA;AAAA,MACF,GAEC,CAAC,WAAW,cAAc,QAAQ,CAAC,GAEhC,sBAAkB,sBAAyB,CAAC,CAAC,GAC7C,oBAAgB,sBAAO,CAAC,GACxB,eAAW,sBAAO,EAAK,GACvB,CAAC,gBAAgB,QAAI,wBAAS,KAAK,GAGnC,sBAAkB,sBAAgC,gBAAgB;AAExE,yCAAgB,MACP,MAAM;AACX,iBAAS,UAAU;AAAA,MACrB,GACC,CAAC,CAAC;AA+CL,YAAM,4BAA4B,MACnB,SAAS,QAAQ,gBAER,cAIjB,cAAc,UAiBZ,MAhBL,cAAc,UAAU,KAAK,IAAI,GACjC,cAAc,UAAU,aAAa,CAAC,GACf,QAAQ,MAAM,SAAS,aAAa,CAAC,GAAG;AAAA,QAC7D,MAAM;AAAA,MACR,CAAC,EACc,SAAS,GAGpB,gBACF,QAAQ,eAAe,0BAAmB,GAC1C,QAAQ,KAAK,SAAS,GACtB,QAAQ,SAAS,IAEZ,MAjBA,IAuBL,iBAAiB,CAAC;AAAA,QACtB,WAAAC,aAAY,CAAC;AAAA,QACb,kBAAAC,oBAAmB,CAAC;AAAA,QACpB,aAAAC;AAAA,MACF,MAAsB;AAOpB,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ;AAuB9B,cArBI,gBACF,QAAQ;AAAA,YACN,+BAAwB,KAAK,UAAU,QAAQ,cAAc,SAASF,UAAS,GAAG,MAAM,CAAC,CAAC;AAAA,UAC5F,GACA,QAAQ,KAAK;AAAA,YACX,WAAAA;AAAA,YACA,aAAAE;AAAA,YACA,kBAAAD;AAAA,YACA;AAAA,YACA,eAAe,EAAE,GAAG,cAAc,QAAQ;AAAA,YAC1C,iBAAiB,EAAE,GAAG,gBAAgB,QAAQ;AAAA,YAC9C;AAAA,YACA;AAAA,YACA;AAAA,UACF,CAAC,GACD,QAAQ,eAAe,SAAS,GAChC,QAAQ,MAAM,GACd,QAAQ,SAAS,GACjB,QAAQ,SAAS,IAGf,EAAE,gBAAgB;AACpB;AAKF,cAAIC,cAAa;AACf,kBAAM,OAAO,gBAAgB;AAC7B,gBAAI,MAAM;AACR,kCAAoB,MAAMA,cAAa,IAAI;AAC3C,oBAAM,UAAU,QAAQ,MAAMA,YAAW;AACzC,cAAI,WACF,OAAO,OAAO,KAAK,OAAO,OAAc;AAAA,YAE5C;AAAA,UACF;AAIA,cAFA,gBAAgB,UAAUA,gBAAe,CAAC,GAEtCF,YAAW;AACb,gBAAI,0BAA0B;AAC5B;AAGF,kBAAM,eAAe,cAAc;AACnC,YAAI,gBACF,oBAAoB,cAAcA,YAAW,IAAI;AAGnD,kBAAM,OAAO,QAAQ,cAAc,SAASA,UAAS;AACrD,YAAI,SACF,SAAS,UAAU,QAAQ,MAAM,SAAS,MAAMC,iBAAgB;AAAA,UAEpE;AAEA,wBAAc,UAAUD,YACxB,cAAc,UAAU,KAAK,IAAI;AAAA,QACnC,UAAE;AACA,UAAI,cACE,SAAS,UACX,SAAS,QAAQ,SAAS,KAAK,MAAM;AACnC,+BAAmB;AAAA,UACrB,CAAC,IAED,mBAAmB;AAAA,QAGzB;AAAA,MACF;AAEA,wBAAkB,CAAC,cAAc;AAC/B,cAAMG,kBAAiB;AAAA,UACrB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,uBAAeA,eAAc;AAAA,MAC/B,CAAC;AAED,YAAM,aAAa,KAAK,UAAU,KAAK;AAEvC,wDAA0B,MAAM;AAC9B,YAAI,cAAc,SAAS;AACzB,oCAA0B,GAC1B,cAAc,UAAU,IACxB,gBAAgB,UAAU,aAC1B,cAAc,UAAU,aAAa,CAAC;AACtC;AAAA,QACF;AAGA,wBAAgB,UAAU,CAAC,GAG3B,eAAe;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH,GAAG,CAAC,YAAY,SAAS,CAAC,GAEtB,gBACF,QAAQ,eAAe,2BAAoB,GAC3C,QAAQ,KAAK;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,cAAc;AAAA,MAC/B,CAAC,GACD,QAAQ,SAAS,IAGZ;AAAA;AAAA,QAEL,OAAO;AAAA,QACP,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IAEA,kBAAkB,SAAwD;AACxE,YAAM,kBAAc,6BAAe,OAAO;AAE1C,aAAO,cAAAC,QAAM;AAAA,QACX,OAAO;AAAA,UACL,cAAc;AACZ,mBAAO;AAAA,UACT;AAAA,UACA,WAAW;AACT,mBAAO,YAAY,IAAI;AAAA,UACzB;AAAA,UACA,SAAS,MAAM,SAAS,EAAE,MAAM,SAAS,GAAG,UAAU;AACpD,gBAAI,OAAO,SAAS;AAClB,kCAAoB,IAAI,aAAa;AAAA,gBACnC,MAAM;AAAA,cACR,CAAC,GACD,YAAY,IAAI,IAAI,GACpB,WAAW;AAAA,iBACN;AAGL,kBAFA,oBAAoB,IAAI,aAAa,MAAM,GAEvC,UAAU;AACZ,sBAAM,cAAc,YAAY,GAAG,UAAU,CAAC,UAAU;AACtD,kBAAI,KAAK,IAAI,QAAQ,IAAI,IAAI,SAC3B,YAAY,GACZ,SAAS;AAAA,gBAEb,CAAC;AAAA,cACH;AAEA,0BAAY,IAAI,IAAI;AAAA,YAEtB;AAAA,UACF;AAAA,UACA,OAAO;AACL,wBAAY,KAAK;AAAA,UACnB;AAAA,QACF;AAAA,QACA,CAAC,WAAW;AAAA,MACd;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,YAAM,WAAW,MAAM,YAAY;AACnC,4CAAoB,UAAU,UAAU,OAAO;AAAA,IACjD;AAAA,IAEA,uBAAuB,KAAK,cAAc;AACxC,YAAM,cAAc,IAAI,YAAY,GAC9B,kBAAc,sBAA4B,YAAY;AAG5D,yBAAY,UAAU,kBAGf,uBAAQ,OACN;AAAA,QACL,UAAU,CAAC,QACF,YAAY,QAAQ,GAAG;AAAA,QAEhC;AAAA,MACF,IACC,CAAC,CAAC;AAAA,IACP;AAAA,EACF;AAEA,WAAS,uBACP,OACA,OACA,SACgB;AAChB,QAAI;AACF,aAAO;AAAA,QACL,aAAa;AAAA,MACf;AAGF,UAAM,mBAAmB,+BAA+B,MAAM,SAAS;AAEvE,QAAI,aACA;AAEJ,UAAM,cAAc,MAAM;AAC1B,eAAW,OAAO,OAAO;AACvB,YAAM,QAAQ,MAAM,GAAG;AACvB,MAAI,sBAAsB,IAAI,GAAG,KAAM,eAAe,CAAC,YAAY,SAAS,GAAG,KAC7E,gBAAgB,CAAC,GACjB,YAAY,GAAG,IAAI,UAEnB,cAAc,CAAC,GACf,UAAU,GAAG,IAAI;AAAA,IAErB;AAcA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,WAAS,+BACP,eACkB;AAClB,QAAI,sBAAsB,IACtB,qBAAqB,CAAC;AAa1B,QAXI,OAAO,iBAAkB,WAC3B,sBAAsB,gBACb,MAAM,QAAQ,aAAa,MAChC,OAAO,cAAc,CAAC,KAAM,YAC9B,sBAAsB,cAAc,CAAC,GACrC,qBAAqB,cAAc,CAAC,KAEpC,qBAAqB,gBAIrB,CAAC;AACH,aAAO,CAAC;AAGV,UAAM,gBAAgB,WAAW,mBAAmB;AAEpD,WAAO;AAAA,MACL,SAAS;AAAA,MACT,GAAG,OAAO;AAAA,QACR,OAAO,QAAQ,kBAAkB,EAAE;AAAA,UACjC,CAAC,CAAC,UAAU,qBAAqB,MAC3B,OAAO,yBAA0B,WAC5B,CAAC,CAAC,UAAU,WAAW,qBAAqB,CAAC,CAAC,IAEnD,yBAAyB,OAAO,yBAA0B,WACrD;AAAA,YACL;AAAA,cACE;AAAA,cACA;AAAA,gBACE,GAAG;AAAA,gBACH,GAAG;AAAA,cACL;AAAA,YACF;AAAA,UACF,IAEK,CAAC;AAAA,QAEZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,oBAAoB,MAAc,MAAc,MAAmB;AAC1E,aAAW,OAAO;AAChB,IAAM,OAAO,SACX,KAAK,MAAM,GAAG,IAAI;AAGxB;AAGA,MAAM,wBAAwB,oBAAI,IAAY;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAEK,aAAa,iBAAiB,KAAK,GACnC,aAAa,iBAAiB,MAAM;AAE1C,SAAS,iBAAiB,YAAoB;AAM5C,QAAM,SAAS,eAAe,QAExB,gBAAY,0BAAW,CAAC,SAAc,QAAQ;AAClD,UAAM,EAAE,cAAc,WAAW,MAAM,YAAY,OAAO,GAAG,UAAU,IAAI,SACrE,CAAC,OAAO,OAAO,QAAI,yBAAW,GAC9B,cAAU,sBAAoB,IAAI,GAClC,mBAAe,6BAAgB,cAAc,KAAK,SAAS,KAAK,GAEhE,eAAW,sBAAY,IAAI;AACjC,IAAK,SAAS,YACZ,SAAS,UAAU;AAAA,MACjB,IAAI,OAAO;AACT,eAAO,QAAQ;AAAA,MACjB;AAAA,IACF;AAGF,UAAM,CAAC,GAAG,KAAK,QAAI,+BAAkB,CAAC,CAAC,GAEjC,SAAS,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,GAG9C,CAAC,eAAe,iBAAiB,IAC9B;AAAA,MACL,OAAO,KAAK,CAAC,MAAM,EAAE,QAAQ;AAAA,MAC7B,OAAO,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ;AAAA,IAClC;AAGF,aAAS,SAASC,QAAY;AAC5B,YAAM,UAAM;AAAA,QACVA;AAAA,QACA,SAAS,iBAAK,eAAe,iBAAK;AAAA,QAClC,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,UACE,WAAW;AAAA,QACb;AAAA,QACA;AAAA,UACE,YAAY;AAAA,UACZ,SAAS;AAAA;AAAA,UAET,eAAe;AAAA,QACjB;AAAA,MACF;AAEA,aAAK,OAKD,IAAI,UAAU,cAChB,uBAAU,IAAI,UAAU,KAAK,OAC7B,wBAAW,IAAI,UAAU,KAAK,IAGzB,IAAI,aATF,CAAC;AAAA,IAUZ;AAEA,UAAM,QAAQ,SAAS,EAAE,GAAG,WAAW,OAAO,kBAAkB,CAAC,GAC3D,UAAU,OAAO,OACjB,mBAAmB,kBAAM,oBAAoB,KAAK,OAAO,UAAU,EAAK;AAE9E,wCAAU,MAAM;AACd,UAAK;AAEL,eAAO,cAAc,YAAY,GAAG,UAAU,CAAC,UAAU;AACvD,gBAAM,YAAY,cAAc,SAAS,KAAK,GACxC,kBAAkB,oBAAoB,IAAI,cAAc,WAAW,GACnE,OAAO,QAAQ,SAEf,WAAW,SAAS,EAAE,OAAO,UAAU,CAAC,EAAE;AAEhD,cAAI,YAAY,gBAAgB,aAAa;AAC3C,kBAAM,wBACJ,iBAAiB,SAAS,WACtB;AAAA,cACE,MAAM;AAAA,cACN,WAAW,iBAAiB,YAAY,KAAK;AAAA,YAC/C,IACA,iBAAiB,SAAS,WACxB,EAAE,MAAM,SAAS,UAAU,EAAE,IAC7B;AAAA,cACE,MAAM;AAAA,cACN,GAAI;AAAA,YACN;AAER,oBAAQ,MAAM,UAAiB,qBAAqB;AAAA,UACtD;AAAA,QACF,CAAC;AAAA,IACH,GAAG,CAAC,aAAa,CAAC,GAEX,4CAAC,WAAS,GAAG,kBAAkB,KAAK,cAAc;AAAA,EAC3D,CAAC;AAED,mBAAU,gBAAmB,IAEtB;AACT;AAEA,SAAS,QACP,UACA,MACgC;AAChC,MAAI,CAAC;AACH,WAAO;AAGT,MAAI,OAAuC;AAC3C,aAAW,OAAO;AAChB,IAAI,KAAK,GAAG,MAAM,SAAS,GAAG,MAC5B,SAAS,CAAC,GACV,KAAK,GAAG,IAAI,KAAK,GAAG;AAGxB,SAAO;AACT;",
|
|
5
|
+
"names": ["import_react", "doAnimate", "animationOptions", "dontAnimate", "animationProps", "React", "props"]
|
|
6
6
|
}
|
|
@@ -46,7 +46,7 @@ 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)(),
|
|
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)(), lastDoAnimate = (0, import_react2.useRef)(null), controls = (0, import_react2.useRef)(null), styleKey = JSON.stringify(style), shouldDebug = (
|
|
50
50
|
// process.env.NODE_ENV === 'development' &&
|
|
51
51
|
props.debug && props.debug !== "profile"
|
|
52
52
|
), { dontAnimate = {}, doAnimate, animationOptions } = (0, import_react2.useMemo)(function() {
|
|
@@ -56,73 +56,61 @@ function createAnimations(animationsProp) {
|
|
|
56
56
|
isExiting,
|
|
57
57
|
animationKey,
|
|
58
58
|
styleKey
|
|
59
|
-
]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0),
|
|
59
|
+
]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), disposed = (0, import_react2.useRef)(!1), [firstRenderStyle] = (0, import_react2.useState)(style), lastDontAnimate = (0, import_react2.useRef)(firstRenderStyle);
|
|
60
60
|
(0, import_react2.useLayoutEffect)(function() {
|
|
61
61
|
return function() {
|
|
62
62
|
disposed.current = !0;
|
|
63
63
|
};
|
|
64
64
|
}, []);
|
|
65
|
-
var
|
|
66
|
-
var waitForNextAnimationFrame = function() {
|
|
67
|
-
var queue = animationsQueue.current, last = queue[queue.length - 1];
|
|
68
|
-
if (animationsQueue.current = [], !last) {
|
|
69
|
-
console.error("Should never hit");
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
if (props2) {
|
|
73
|
-
var elapsed = Date.now() - lastAnimateAt.current;
|
|
74
|
-
elapsed > minTimeBetweenAnimations && animationsQueue.current.length && console.info("slow", elapsed, {
|
|
75
|
-
props: props2
|
|
76
|
-
}), scope.current ? flushAnimation(props2) : disposed.current || requestAnimationFrame(waitForNextAnimationFrame);
|
|
77
|
-
}
|
|
78
|
-
}, hasQueue = animationsQueue.current.length, shouldWait = hasQueue || lastAnimateAt.current && Date.now() - lastAnimateAt.current > minTimeBetweenAnimations;
|
|
79
|
-
isExiting || isFirstRender.current || scope.current && !shouldWait ? flushAnimation(props2) : (animationsQueue.current.push(props2), hasQueue || waitForNextAnimationFrame());
|
|
80
|
-
}, updateFirstAnimationStyle = function() {
|
|
65
|
+
var updateFirstAnimationStyle = function() {
|
|
81
66
|
var node = stateRef.current.host;
|
|
82
67
|
if (!(node instanceof HTMLElement))
|
|
83
68
|
return !1;
|
|
84
|
-
if (!
|
|
85
|
-
|
|
69
|
+
if (!lastDoAnimate.current) {
|
|
70
|
+
lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {};
|
|
86
71
|
var firstAnimation = animate(scope.current, doAnimate || {}, {
|
|
87
72
|
type: !1
|
|
88
73
|
});
|
|
89
|
-
return firstAnimation.complete(),
|
|
74
|
+
return firstAnimation.complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0;
|
|
90
75
|
}
|
|
91
76
|
return !1;
|
|
92
77
|
}, flushAnimation = function(param) {
|
|
93
|
-
var { doAnimate: doAnimate2
|
|
78
|
+
var { doAnimate: doAnimate2 = {}, animationOptions: animationOptions2 = {}, dontAnimate: dontAnimate2 } = param;
|
|
94
79
|
try {
|
|
95
80
|
var node = stateRef.current.host;
|
|
96
|
-
if (
|
|
97
|
-
|
|
98
|
-
|
|
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
|
-
}
|
|
110
|
-
}
|
|
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({
|
|
115
|
-
next,
|
|
81
|
+
if (shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(getDiff(lastDoAnimate.current, doAnimate2), null, 2)})`), console.info({
|
|
82
|
+
doAnimate: doAnimate2,
|
|
83
|
+
dontAnimate: dontAnimate2,
|
|
116
84
|
animationOptions: animationOptions2,
|
|
117
85
|
animationProps,
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
86
|
+
lastDoAnimate: {
|
|
87
|
+
...lastDoAnimate.current
|
|
88
|
+
},
|
|
89
|
+
lastDontAnimate: {
|
|
90
|
+
...lastDontAnimate.current
|
|
121
91
|
},
|
|
122
|
-
isExiting
|
|
123
|
-
|
|
92
|
+
isExiting,
|
|
93
|
+
style,
|
|
94
|
+
node
|
|
95
|
+
}), console.groupCollapsed("trace >"), console.trace(), console.groupEnd(), console.groupEnd()), !(node instanceof HTMLElement))
|
|
124
96
|
return;
|
|
125
|
-
|
|
97
|
+
if (dontAnimate2) {
|
|
98
|
+
var prev = lastDontAnimate.current;
|
|
99
|
+
if (prev) {
|
|
100
|
+
removeRemovedStyles(prev, dontAnimate2, node);
|
|
101
|
+
var changed = getDiff(prev, dontAnimate2);
|
|
102
|
+
changed && Object.assign(node.style, changed);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
if (lastDontAnimate.current = dontAnimate2 || {}, doAnimate2) {
|
|
106
|
+
if (updateFirstAnimationStyle())
|
|
107
|
+
return;
|
|
108
|
+
var lastAnimated = lastDoAnimate.current;
|
|
109
|
+
lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
|
|
110
|
+
var diff = getDiff(lastDoAnimate.current, doAnimate2);
|
|
111
|
+
diff && (controls.current = animate(scope.current, diff, animationOptions2));
|
|
112
|
+
}
|
|
113
|
+
lastDoAnimate.current = doAnimate2, lastAnimateAt.current = Date.now();
|
|
126
114
|
} finally {
|
|
127
115
|
isExiting && (controls.current ? controls.current.finished.then(function() {
|
|
128
116
|
sendExitComplete == null || sendExitComplete();
|
|
@@ -131,42 +119,29 @@ function createAnimations(animationsProp) {
|
|
|
131
119
|
};
|
|
132
120
|
useStyleEmitter == null || useStyleEmitter(function(nextStyle) {
|
|
133
121
|
var _$animationProps = getMotionAnimatedProps(props, nextStyle, disableAnimation);
|
|
134
|
-
|
|
135
|
-
})
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
};
|
|
139
|
-
}, []);
|
|
140
|
-
var animateKey = JSON.stringify(doAnimate);
|
|
141
|
-
(0, import_core.useIsomorphicLayoutEffect)(function() {
|
|
122
|
+
flushAnimation(_$animationProps);
|
|
123
|
+
});
|
|
124
|
+
var animateKey = JSON.stringify(style);
|
|
125
|
+
return (0, import_core.useIsomorphicLayoutEffect)(function() {
|
|
142
126
|
if (isFirstRender.current) {
|
|
143
|
-
updateFirstAnimationStyle(), isFirstRender.current = !1;
|
|
127
|
+
updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
|
|
144
128
|
return;
|
|
145
129
|
}
|
|
146
|
-
|
|
130
|
+
animationsQueue.current = [], flushAnimation({
|
|
147
131
|
doAnimate,
|
|
148
132
|
dontAnimate,
|
|
149
133
|
animationOptions
|
|
150
|
-
})
|
|
134
|
+
});
|
|
151
135
|
}, [
|
|
152
136
|
animateKey,
|
|
153
|
-
isExiting
|
|
154
|
-
|
|
155
|
-
]);
|
|
156
|
-
var [initialStyle] = (0, import_react2.useState)(function() {
|
|
157
|
-
return {
|
|
158
|
-
...dontAnimate,
|
|
159
|
-
...doAnimate
|
|
160
|
-
};
|
|
161
|
-
});
|
|
162
|
-
return shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
|
|
137
|
+
isExiting
|
|
138
|
+
]), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
|
|
163
139
|
style,
|
|
164
140
|
doAnimate,
|
|
165
141
|
dontAnimate,
|
|
166
142
|
animateKey,
|
|
167
143
|
scope,
|
|
168
144
|
animationOptions,
|
|
169
|
-
initialStyle,
|
|
170
145
|
isExiting,
|
|
171
146
|
isFirstRender: isFirstRender.current
|
|
172
147
|
}), console.groupEnd()), {
|
|
@@ -270,6 +245,10 @@ function createAnimations(animationsProp) {
|
|
|
270
245
|
};
|
|
271
246
|
}
|
|
272
247
|
}
|
|
248
|
+
function removeRemovedStyles(prev, next, node) {
|
|
249
|
+
for (var key in prev)
|
|
250
|
+
key in next || (node.style[key] = "");
|
|
251
|
+
}
|
|
273
252
|
var disableAnimationProps = /* @__PURE__ */ new Set([
|
|
274
253
|
"alignContent",
|
|
275
254
|
"alignItems",
|
|
@@ -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,gBAOO,
|
|
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", "
|
|
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", "lastDoAnimate", "controls", "styleKey", "JSON", "stringify", "shouldDebug", "dontAnimate", "doAnimate", "animationOptions", "useMemo", "motionAnimationState", "getMotionAnimatedProps", "animationsQueue", "lastAnimateAt", "disposed", "firstRenderStyle", "useState", "lastDontAnimate", "useLayoutEffect", "current", "updateFirstAnimationStyle", "node", "host", "HTMLElement", "Date", "now", "firstAnimation", "complete", "console", "groupCollapsed", "info", "groupEnd", "flushAnimation", "getDiff", "trace", "prev", "removeRemovedStyles", "changed", "Object", "assign", "lastAnimated", "diff", "finished", "then", "nextStyle", "animateKey", "useIsomorphicLayoutEffect", "ref", "tag", "useAnimatedNumber", "initial", "motionValue", "useMotionValue", "React", "getInstance", "getValue", "get", "setValue", "next", "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", "useEffect", "animationConfig", "webStyle", "motionAnimationConfig", "duration", "_jsx", "previous"]
|
|
6
6
|
}
|