@tamagui/animations-motion 1.132.12 → 1.132.13
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 +8 -7
- package/dist/cjs/createAnimations.js +7 -7
- package/dist/cjs/createAnimations.js.map +1 -1
- package/dist/cjs/createAnimations.native.js +8 -15
- package/dist/cjs/createAnimations.native.js.map +2 -2
- package/dist/esm/createAnimations.js +7 -7
- package/dist/esm/createAnimations.js.map +1 -1
- package/dist/esm/createAnimations.mjs +8 -7
- package/dist/esm/createAnimations.mjs.map +1 -1
- package/dist/esm/createAnimations.native.js +9 -14
- package/dist/esm/createAnimations.native.js.map +1 -1
- package/package.json +5 -5
- package/src/createAnimations.tsx +8 -12
- package/types/createAnimations.d.ts.map +2 -2
|
@@ -39,7 +39,8 @@ var import_core = require("@tamagui/core"),
|
|
|
39
39
|
import_react = require("motion/react"),
|
|
40
40
|
import_react2 = __toESM(require("react")),
|
|
41
41
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
-
const
|
|
42
|
+
const minTimeBetweenAnimations = 1e3 / 60,
|
|
43
|
+
MotionValueStrategy = /* @__PURE__ */new WeakMap();
|
|
43
44
|
function createAnimations(animationsProp) {
|
|
44
45
|
const animations = {};
|
|
45
46
|
for (const key in animationsProp) animations[key] = {
|
|
@@ -91,9 +92,9 @@ function createAnimations(animationsProp) {
|
|
|
91
92
|
(0, import_react2.useLayoutEffect)(() => () => {
|
|
92
93
|
disposed.current = !0;
|
|
93
94
|
}, []);
|
|
94
|
-
const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, animate(scope.current, doAnimate || {}, {
|
|
95
|
+
const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, controls.current = animate(scope.current, doAnimate || {}, {
|
|
95
96
|
type: !1
|
|
96
|
-
}).complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1,
|
|
97
|
+
}), controls.current.complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1,
|
|
97
98
|
flushAnimation = ({
|
|
98
99
|
doAnimate: doAnimate2 = {},
|
|
99
100
|
animationOptions: animationOptions2 = {},
|
|
@@ -129,11 +130,11 @@ function createAnimations(animationsProp) {
|
|
|
129
130
|
const lastAnimated = lastDoAnimate.current;
|
|
130
131
|
lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
|
|
131
132
|
const diff = getDiff(lastDoAnimate.current, doAnimate2);
|
|
132
|
-
diff && (controls.current = animate(scope.current, diff, animationOptions2));
|
|
133
|
+
diff && (controls.current = animate(scope.current, diff, animationOptions2), lastAnimateAt.current = Date.now());
|
|
133
134
|
}
|
|
134
|
-
lastDoAnimate.current = doAnimate2
|
|
135
|
+
lastDoAnimate.current = doAnimate2;
|
|
135
136
|
} finally {
|
|
136
|
-
|
|
137
|
+
controls.current && (isExiting ? controls.current.finished.then(() => {
|
|
137
138
|
sendExitComplete?.();
|
|
138
139
|
}) : sendExitComplete?.());
|
|
139
140
|
}
|
|
@@ -148,7 +149,7 @@ function createAnimations(animationsProp) {
|
|
|
148
149
|
updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
|
|
149
150
|
return;
|
|
150
151
|
}
|
|
151
|
-
|
|
152
|
+
flushAnimation({
|
|
152
153
|
doAnimate,
|
|
153
154
|
dontAnimate,
|
|
154
155
|
animationOptions
|
|
@@ -26,7 +26,7 @@ __export(createAnimations_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(createAnimations_exports);
|
|
28
28
|
var import_core = require("@tamagui/core"), import_use_presence = require("@tamagui/use-presence"), import_react = require("motion/react"), import_react2 = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
|
-
const MotionValueStrategy = /* @__PURE__ */ new WeakMap();
|
|
29
|
+
const minTimeBetweenAnimations = 1e3 / 60, MotionValueStrategy = /* @__PURE__ */ new WeakMap();
|
|
30
30
|
function createAnimations(animationsProp) {
|
|
31
31
|
const animations = {};
|
|
32
32
|
for (const key in animationsProp)
|
|
@@ -61,9 +61,9 @@ function createAnimations(animationsProp) {
|
|
|
61
61
|
(0, import_react2.useLayoutEffect)(() => () => {
|
|
62
62
|
disposed.current = !0;
|
|
63
63
|
}, []);
|
|
64
|
-
const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, animate(scope.current, doAnimate || {}, {
|
|
64
|
+
const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, controls.current = animate(scope.current, doAnimate || {}, {
|
|
65
65
|
type: !1
|
|
66
|
-
}).complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1, flushAnimation = ({
|
|
66
|
+
}), controls.current.complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1, flushAnimation = ({
|
|
67
67
|
doAnimate: doAnimate2 = {},
|
|
68
68
|
animationOptions: animationOptions2 = {},
|
|
69
69
|
dontAnimate: dontAnimate2
|
|
@@ -98,11 +98,11 @@ function createAnimations(animationsProp) {
|
|
|
98
98
|
const lastAnimated = lastDoAnimate.current;
|
|
99
99
|
lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
|
|
100
100
|
const diff = getDiff(lastDoAnimate.current, doAnimate2);
|
|
101
|
-
diff && (controls.current = animate(scope.current, diff, animationOptions2));
|
|
101
|
+
diff && (controls.current = animate(scope.current, diff, animationOptions2), lastAnimateAt.current = Date.now());
|
|
102
102
|
}
|
|
103
|
-
lastDoAnimate.current = doAnimate2
|
|
103
|
+
lastDoAnimate.current = doAnimate2;
|
|
104
104
|
} finally {
|
|
105
|
-
|
|
105
|
+
controls.current && (isExiting ? controls.current.finished.then(() => {
|
|
106
106
|
sendExitComplete?.();
|
|
107
107
|
}) : sendExitComplete?.());
|
|
108
108
|
}
|
|
@@ -121,7 +121,7 @@ function createAnimations(animationsProp) {
|
|
|
121
121
|
updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
|
|
122
122
|
return;
|
|
123
123
|
}
|
|
124
|
-
|
|
124
|
+
flushAnimation({
|
|
125
125
|
doAnimate,
|
|
126
126
|
dontAnimate,
|
|
127
127
|
animationOptions
|
|
@@ -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,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["import_react", "doAnimate", "animationOptions", "dontAnimate", "animationProps", "React", "props"]
|
|
6
6
|
}
|
|
@@ -26,7 +26,7 @@ __export(createAnimations_exports, {
|
|
|
26
26
|
createAnimations: () => createAnimations
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(createAnimations_exports);
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime"), import_core = require("@tamagui/core"), import_use_presence = require("@tamagui/use-presence"), import_react = require("motion/react"), import_react2 = __toESM(require("react")), MotionValueStrategy = /* @__PURE__ */ new WeakMap();
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_core = require("@tamagui/core"), import_use_presence = require("@tamagui/use-presence"), import_react = require("motion/react"), import_react2 = __toESM(require("react")), minTimeBetweenAnimations = 1e3 / 60, MotionValueStrategy = /* @__PURE__ */ new WeakMap();
|
|
30
30
|
function createAnimations(animationsProp) {
|
|
31
31
|
var animations = {};
|
|
32
32
|
for (var key in animationsProp)
|
|
@@ -64,16 +64,9 @@ function createAnimations(animationsProp) {
|
|
|
64
64
|
}, []);
|
|
65
65
|
var updateFirstAnimationStyle = function() {
|
|
66
66
|
var node = stateRef.current.host;
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {};
|
|
71
|
-
var firstAnimation = animate(scope.current, doAnimate || {}, {
|
|
72
|
-
type: !1
|
|
73
|
-
});
|
|
74
|
-
return firstAnimation.complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0;
|
|
75
|
-
}
|
|
76
|
-
return !1;
|
|
67
|
+
return node instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, controls.current = animate(scope.current, doAnimate || {}, {
|
|
68
|
+
type: !1
|
|
69
|
+
}), controls.current.complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1;
|
|
77
70
|
}, flushAnimation = function(param) {
|
|
78
71
|
var { doAnimate: doAnimate2 = {}, animationOptions: animationOptions2 = {}, dontAnimate: dontAnimate2 } = param;
|
|
79
72
|
try {
|
|
@@ -108,11 +101,11 @@ function createAnimations(animationsProp) {
|
|
|
108
101
|
var lastAnimated = lastDoAnimate.current;
|
|
109
102
|
lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
|
|
110
103
|
var diff = getDiff(lastDoAnimate.current, doAnimate2);
|
|
111
|
-
diff && (controls.current = animate(scope.current, diff, animationOptions2));
|
|
104
|
+
diff && (controls.current = animate(scope.current, diff, animationOptions2), lastAnimateAt.current = Date.now());
|
|
112
105
|
}
|
|
113
|
-
lastDoAnimate.current = doAnimate2
|
|
106
|
+
lastDoAnimate.current = doAnimate2;
|
|
114
107
|
} finally {
|
|
115
|
-
|
|
108
|
+
controls.current && (isExiting ? controls.current.finished.then(function() {
|
|
116
109
|
sendExitComplete == null || sendExitComplete();
|
|
117
110
|
}) : sendExitComplete == null || sendExitComplete());
|
|
118
111
|
}
|
|
@@ -127,7 +120,7 @@ function createAnimations(animationsProp) {
|
|
|
127
120
|
updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
|
|
128
121
|
return;
|
|
129
122
|
}
|
|
130
|
-
|
|
123
|
+
flushAnimation({
|
|
131
124
|
doAnimate,
|
|
132
125
|
dontAnimate,
|
|
133
126
|
animationOptions
|
|
@@ -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,2BAUDC,sBAAsB,oBAAIC,QAAAA;AAQzB,SAASC,iBACdC,gBAAiB;AAKjB,MAAMC,aAAgB,CAAC;AACvB,WAAWC,OAAOF;AAChBC,eAAWC,GAAAA,IAAO;MAChBC,MAAM;MACN,GAAGH,eAAeE,GAAAA;IACpB;AAGF,SAAO;;IAELE,MAAMC;IACNC,MAAMC;IACNC,eAAe;IACfC,aAAa;IACbC,gBAAgB;IAChBC,gBAAgB;IAChBV;IACAW;IACAC;IAEAC,eAAe,SAACC,gBAAAA;AACd,UAAM,EAAEC,OAAOC,OAAOC,gBAAgBC,UAAUC,iBAAiBC,SAAQ,IACvEN,gBAEIO,eAAeC,MAAMC,QAAQR,MAAMS,SAAS,IAC9CT,MAAMS,UAAU,CAAA,IAChBT,MAAMS,WAEJC,cAAcR,eAAeS,cAAc,IAC3CC,mBAAmBF,eAAe,CAACJ,cACnCO,aAAYR,YAAAA,OAAAA,SAAAA,SAAW,CAAA,OAAO,IAC9BS,mBAAmBT,YAAAA,OAAAA,SAAAA,SAAW,CAAA,GAE9BU,oBAAgBC,sBAAO,EAAA,GACvB,CAACC,OAAOC,OAAAA,QAAWC,yBAAAA,GACnBC,oBAAgBJ,sBAAuC,IAAA,GACvDK,eAAWL,sBAAiD,IAAA,GAC5DM,WAAWC,KAAKC,UAAUvB,KAAAA,GAG1BwB;;QAEJzB,MAAM,SAAYA,MAAM,UAAa;SAEjC,EACJ0B,cAAc,CAAC,GACfC,WACAC,iBAAgB,QACdC,uBAAQ,WAAA;AACV,YAAMC,uBAAuBC,uBAC3B/B,OACAC,OACAW,gBAAAA;AAEF,eAAOkB;MACT,GAAG;QAACjB;QAAWP;QAAcgB;OAAS,GAEhCU,sBAAkBhB,sBAAyB,CAAA,CAAE,GAC7CiB,oBAAgBjB,sBAAO,CAAA,GACvBkB,eAAWlB,sBAAO,EAAA,GAClB,CAACmB,gBAAAA,QAAoBC,wBAASnC,KAAAA,GAG9BoC,sBAAkBrB,sBAAgCmB,gBAAAA;AAExDG,yCAAgB,WAAA;AACd,eAAO,WAAA;AACLJ,mBAASK,UAAU;QACrB;MACF,GAAG,CAAA,CAAE;
|
|
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", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,cAcO,0BACP,sBAA2C,kCAC3C,eAQO,yBACPA,gBAOO,2BAUDC,2BAA2B,MAAO,IAElCC,sBAAsB,oBAAIC,QAAAA;AAQzB,SAASC,iBACdC,gBAAiB;AAKjB,MAAMC,aAAgB,CAAC;AACvB,WAAWC,OAAOF;AAChBC,eAAWC,GAAAA,IAAO;MAChBC,MAAM;MACN,GAAGH,eAAeE,GAAAA;IACpB;AAGF,SAAO;;IAELE,MAAMC;IACNC,MAAMC;IACNC,eAAe;IACfC,aAAa;IACbC,gBAAgB;IAChBC,gBAAgB;IAChBV;IACAW;IACAC;IAEAC,eAAe,SAACC,gBAAAA;AACd,UAAM,EAAEC,OAAOC,OAAOC,gBAAgBC,UAAUC,iBAAiBC,SAAQ,IACvEN,gBAEIO,eAAeC,MAAMC,QAAQR,MAAMS,SAAS,IAC9CT,MAAMS,UAAU,CAAA,IAChBT,MAAMS,WAEJC,cAAcR,eAAeS,cAAc,IAC3CC,mBAAmBF,eAAe,CAACJ,cACnCO,aAAYR,YAAAA,OAAAA,SAAAA,SAAW,CAAA,OAAO,IAC9BS,mBAAmBT,YAAAA,OAAAA,SAAAA,SAAW,CAAA,GAE9BU,oBAAgBC,sBAAO,EAAA,GACvB,CAACC,OAAOC,OAAAA,QAAWC,yBAAAA,GACnBC,oBAAgBJ,sBAAuC,IAAA,GACvDK,eAAWL,sBAAiD,IAAA,GAC5DM,WAAWC,KAAKC,UAAUvB,KAAAA,GAG1BwB;;QAEJzB,MAAM,SAAYA,MAAM,UAAa;SAEjC,EACJ0B,cAAc,CAAC,GACfC,WACAC,iBAAgB,QACdC,uBAAQ,WAAA;AACV,YAAMC,uBAAuBC,uBAC3B/B,OACAC,OACAW,gBAAAA;AAEF,eAAOkB;MACT,GAAG;QAACjB;QAAWP;QAAcgB;OAAS,GAEhCU,sBAAkBhB,sBAAyB,CAAA,CAAE,GAC7CiB,oBAAgBjB,sBAAO,CAAA,GACvBkB,eAAWlB,sBAAO,EAAA,GAClB,CAACmB,gBAAAA,QAAoBC,wBAASnC,KAAAA,GAG9BoC,sBAAkBrB,sBAAgCmB,gBAAAA;AAExDG,yCAAgB,WAAA;AACd,eAAO,WAAA;AACLJ,mBAASK,UAAU;QACrB;MACF,GAAG,CAAA,CAAE;AAyCL,UAAMC,4BAA4B,WAAA;AAChC,YAAMC,OAAOtC,SAASoC,QAAQG;AAE9B,eAAMD,gBAAgBE,cAIjBvB,cAAcmB,UAiBZ,MAhBLN,cAAcM,UAAUK,KAAKC,IAAG,GAChCzB,cAAcmB,UAAUZ,aAAa,CAAC,GACtCN,SAASkB,UAAUrB,QAAQD,MAAMsB,SAASZ,aAAa,CAAC,GAAG;UACzDxC,MAAM;QACR,CAAA,GACAkC,SAASkB,QAAQO,SAAQ,GAGrBrB,gBACFsB,QAAQC,eAAe,0BAAmB,GAC1CD,QAAQE,KAAKtB,SAAAA,GACboB,QAAQG,SAAQ,IAEX,MAjBA;MAqBX,GAEMC,iBAAiB,SAAA,OAAA;YAAC,EACtBxB,WAAAA,aAAY,CAAC,GACbC,kBAAAA,oBAAmB,CAAC,GACpBF,aAAAA,aAAW,IACI;AAOf,YAAI;AACF,cAAMe,OAAOtC,SAASoC,QAAQG;AAuB9B,cArBIjB,gBACFsB,QAAQC,eACN,+BAAwBzB,KAAKC,UAAU4B,QAAQhC,cAAcmB,SAASZ,UAAAA,GAAY,MAAM,CAAA,CAAA,GAAK,GAE/FoB,QAAQE,KAAK;YACXtB,WAAAA;YACAD,aAAAA;YACAE,kBAAAA;YACA7B;YACAqB,eAAe;cAAE,GAAGA,cAAcmB;YAAQ;YAC1CF,iBAAiB;cAAE,GAAGA,gBAAgBE;YAAQ;YAC9C1B;YACAZ;YACAwC;UACF,CAAA,GACAM,QAAQC,eAAe,SAAS,GAChCD,QAAQM,MAAK,GACbN,QAAQG,SAAQ,GAChBH,QAAQG,SAAQ,IAGd,EAAET,gBAAgBE;AACpB;AAKF,cAAIjB,cAAa;AACf,gBAAM4B,OAAOjB,gBAAgBE;AAC7B,gBAAIe,MAAM;AACRC,kCAAoBD,MAAM5B,cAAae,IAAAA;AACvC,kBAAMe,UAAUJ,QAAQE,MAAM5B,YAAAA;AAC9B,cAAI8B,WACFC,OAAOC,OAAOjB,KAAKxC,OAAOuD,OAAAA;YAE9B;UACF;AAIA,cAFAnB,gBAAgBE,UAAUb,gBAAe,CAAC,GAEtCC,YAAW;AACb,gBAAIa,0BAAAA;AACF;AAGF,gBAAMmB,eAAevC,cAAcmB;AACnC,YAAIoB,gBACFJ,oBAAoBI,cAAchC,YAAWc,IAAAA;AAG/C,gBAAMmB,OAAOR,QAAQhC,cAAcmB,SAASZ,UAAAA;AAC5C,YAAIiC,SACFvC,SAASkB,UAAUrB,QAAQD,MAAMsB,SAASqB,MAAMhC,iBAAAA,GAChDK,cAAcM,UAAUK,KAAKC,IAAG;UAEpC;AAEAzB,wBAAcmB,UAAUZ;QAC1B,UAAA;AACE,UAAIN,SAASkB,YACP1B,YACFQ,SAASkB,QAAQsB,SAASC,KAAK,WAAA;AAC7BhD,gCAAAA,QAAAA,iBAAAA;UACF,CAAA,IAEAA,oBAAAA,QAAAA,iBAAAA;QAGN;MACF;AAEAV,yBAAAA,QAAAA,gBAAkB,SAAC2D,WAAAA;AACjB,YAAMhE,mBAAiBgC,uBACrB/B,OACA+D,WACAnD,gBAAAA;AAGFuC,uBAAepD,gBAAAA;MACjB,CAAA;AAEA,UAAMiE,aAAazC,KAAKC,UAAUvB,KAAAA;AAElCgE,wDAA0B,WAAA;AACxB,YAAIlD,cAAcwB,SAAS;AACzBC,oCAAAA,GACAzB,cAAcwB,UAAU,IACxBF,gBAAgBE,UAAUb,aAC1BN,cAAcmB,UAAUZ,aAAa,CAAC;AACtC;QACF;AAMAwB,uBAAe;UACbxB;UACAD;UACAE;QACF,CAAA;MACF,GAAG;QAACoC;QAAYnD;OAAU,GAEtBY,gBACFsB,QAAQC,eAAe,2BAAoB,GAC3CD,QAAQE,KAAK;QACXhD;QACA0B;QACAD;QACAsC;QACA/C;QACAW;QACAf;QACAE,eAAeA,cAAcwB;QAC7BxC;MACF,CAAA,GACAgD,QAAQG,SAAQ,IAGX;;QAELjD,OAAOkC;QACP+B,KAAKjD;QACLkD,KAAK;MACP;IACF;IAEAC,kBAAkBC,SAAO;AACvB,UAAMC,kBAAcC,6BAAeF,OAAAA;AAEnC,aAAOG,cAAAA,QAAM3C,QACX,WAAA;eAAO;UACL4C,cAAAA;AACE,mBAAOH;UACT;UACAI,WAAAA;AACE,mBAAOJ,YAAYK,IAAG;UACxB;UACAC,SAASC,MAAI;gBAAEC,SAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAS;cAAE3F,MAAM;YAAS,GAAG4F,WAAAA,UAAAA,SAAAA,IAAAA,UAAAA,CAAAA,IAAAA;AAC1C,gBAAID,OAAO3F,SAAS;AAClBN,kCAAoBmG,IAAIV,aAAa;gBACnCnF,MAAM;cACR,CAAA,GACAmF,YAAYU,IAAIH,IAAAA,GAChBE,YAAAA,QAAAA,SAAAA;iBACK;AAGL,kBAFAlG,oBAAoBmG,IAAIV,aAAaQ,MAAAA,GAEjCC;AACF,oBAAME,cAAcX,YAAYY,GAAG,UAAU,SAACC,OAAAA;AAC5C,kBAAIC,KAAKC,IAAIF,QAAQN,IAAAA,IAAQ,SAC3BI,YAAAA,GACAF,SAAAA;gBAEJ,CAAA;AAGFT,0BAAYU,IAAIH,IAAAA;YAElB;UACF;;UACAS,OAAAA;AACEhB,wBAAYgB,KAAI;UAClB;QACF;SACA;QAAChB;OAAY;IAEjB;IAEAiB,0BAA0B,OAAWC,SAAO;UAAlB,EAAEL,MAAK,IAAP,OAClBM,WAAWN,MAAMV,YAAW;AAClCiB,4CAAoBD,UAAU,UAAUD,OAAAA;IAC1C;IAEAG,uBAAuBC,KAAKC,cAAY;AACtC,UAAMvB,cAAcsB,IAAInB,YAAW,GAC7BqB,kBAAc9E,sBAA4B6E,YAAAA;AAGhDC,yBAAYvD,UAAUsD,kBAGfhE,uBAAQ,WAAA;AACb,eAAO;UACLkE,UAAU,SAACC,KAAAA;AACT,mBAAOF,YAAYvD,QAAQyD,GAAAA;UAC7B;UACA1B;QACF;MACF,GAAG,CAAA,CAAE;IACP;EACF;AAEA,WAASvC,uBACP/B,OACAC,OACAgG,SAAgB;AAEhB,QAAIA;AACF,aAAO;QACLvE,aAAazB;MACf;AAGF,QAAM2B,mBAAmBsE,+BAA+BlG,MAAMS,SAAS,GAEnEiB,aACAC,WAEEwE,cAAcnG,MAAMmG;AAC1B,aAAWjH,QAAOe,OAAO;AACvB,UAAMkF,QAAQlF,MAAMf,IAAAA;AACpB,MAAIkH,sBAAsBC,IAAInH,IAAAA,KAASiH,eAAe,CAACA,YAAYG,SAASpH,IAAAA,KAC1EwC,gBAAAA,cAAgB,CAAC,IACjBA,YAAYxC,IAAAA,IAAOiG,UAEnBxD,cAAAA,YAAc,CAAC,IACfA,UAAUzC,IAAAA,IAAOiG;IAErB;AAcA,WAAO;MACLzD;MACAC;MACAC;IACF;EACF;AAEA,WAASsE,+BACPK,eAAmC;AAEnC,QAAIC,sBAAsB,IACtBC,qBAAqB,CAAC;AAa1B,QAXI,OAAOF,iBAAkB,WAC3BC,sBAAsBD,gBACbhG,MAAMC,QAAQ+F,aAAAA,MACnB,OAAOA,cAAc,CAAA,KAAO,YAC9BC,sBAAsBD,cAAc,CAAA,GACpCE,qBAAqBF,cAAc,CAAA,KAEnCE,qBAAqBF,gBAIrB,CAACC;AACH,aAAO,CAAC;AAGV,QAAME,gBAAgBzH,WAAWuH,mBAAAA;AAEjC,WAAO;MACLG,SAASD;MACT,GAAGjD,OAAOmD,YACRnD,OAAOoD,QAAQJ,kBAAAA,EAAoBK,QACjC,SAAA,OAAA;YAAC,CAACC,UAAUC,qBAAAA,IAAsB;AAChC,eAAI,OAAOA,yBAA0B,WAC5B;UAAC;YAACD;YAAU9H,WAAW+H,qBAAAA;;YAE5BA,yBAAyB,OAAOA,yBAA0B,WACrD;UACL;YACED;YACA;cACE,GAAGL;cACH,GAAGM;YACL;;YAIC,CAAA;MACT,CAAA,CAAA;IAGN;EACF;AACF;AAEA,SAASzD,oBAAoBD,MAAcuB,MAAcpC,MAAiB;AACxE,WAAWvD,OAAOoE;AAChB,IAAMpE,OAAO2F,SACXpC,KAAKxC,MAAMf,GAAAA,IAAO;AAGxB;AAGA,IAAMkH,wBAAwB,oBAAIa,IAAY;EAC5C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,GAEK5H,aAAa6H,iBAAiB,KAAA,GAC9B3H,aAAa2H,iBAAiB,MAAA;AAEpC,SAASA,iBAAiBC,YAAkB;AAM1C,MAAMC,SAASD,eAAe,QAExBE,YAAYC,8CAAW,SAACC,SAAcrD,KAAAA;QA2DjBsD,0BA1DnB,EAAEC,cAAchH,WAAW0D,MAAMgD,YAAYlH,OAAO,GAAGyH,UAAAA,IAAcH,SACrE,CAACtG,OAAOC,OAAAA,QAAWC,yBAAAA,GACnBwG,cAAU3G,sBAAoB,IAAA,GAC9B4G,mBAAeC,6BAAgBJ,cAAcvD,KAAKyD,SAAS1G,KAAAA,GAE3Dd,eAAWa,sBAAY,IAAA;AAC7B,IAAKb,SAASoC,YACZpC,SAASoC,UAAU;MACjB,IAAIG,OAAO;AACT,eAAOiF,QAAQpF;MACjB;IACF;AAGF,QAAM,CAACuF,GAAGC,KAAAA,QAASC,+BAAkB,CAAC,CAAA,GAEhCC,SAAS1H,MAAMC,QAAQP,KAAAA,IAASA,QAAQ;MAACA;OAGzC,CAACiI,eAAeC,iBAAAA,IAAsB,WAAA;AAC1C,aAAO;QACLF,OAAOG,KAAK,SAACC,GAAAA;iBAAMA,EAAEtC;;QACrBkC,OAAOK,OAAO,SAACD,GAAAA;iBAAM,CAACA,EAAEtC;;;IAE5B,EAAA;AAEA,aAASwC,SAASvI,QAAU;AAC1B,UAAMwI,UAAMC,4BACVzI,QACAoH,SAAS9H,iBAAKoJ,eAAetJ,iBAAKsJ,cAClCX,SAAAA,OAAAA,SAAAA,MAAOY,OACPZ,SAAAA,OAAAA,SAAAA,MAAOa,MACP;QACEjI,WAAW;MACb,GACA;QACEkI,YAAY;QACZC,SAAS;;QAETC,eAAe;MACjB,CAAA;AAGF,aAAKP,OAKDA,IAAIQ,UAAU/I,cAChBgJ,uBAAUT,IAAIQ,UAAU/I,KAAK,OAC7BiJ,wBAAWV,IAAIQ,UAAU/I,KAAK,IAGzBuI,IAAIQ,aATF,CAAC;IAUZ;AAEA,QAAMhJ,QAAQuI,SAAS;MAAE,GAAGb;MAAWzH,OAAOkI;IAAkB,CAAA,GAC1DgB,UAAUhF,OAAO,OACjBiF,oBAAmB5B,2BAAAA,kBAAM6B,uBAAiB,QAAvB7B,6BAAAA,SAAAA,SAAAA,yBAAAA,KAAAA,mBAA0BrD,KAAKnE,OAAOG,UAAU,EAAA;AAEzEmJ,wCAAU,WAAA;AACR,UAAKpB;AAEL,eAAOA,cAAc5D,YAAYY,GAAG,UAAU,SAACC,OAAAA;AAC7C,cAAMpB,YAAYmE,cAAcnC,SAASZ,KAAAA,GACnCoE,kBAAkB1K,oBAAoB8F,IAAIuD,cAAc5D,WAAW,GACnE7B,OAAOkF,QAAQpF,SAEfiH,WAAWjB,SAAS;YAAEtI,OAAO8D;UAAU,CAAA,EAAG9D;AAEhD,cAAIuJ,YAAY/G,gBAAgBE,aAAa;AAC3C,gBAAM8G,yBACJF,mBAAAA,OAAAA,SAAAA,gBAAiBpK,UAAS,WACtB;cACEA,MAAM;cACNuK,YAAWH,mBAAAA,OAAAA,SAAAA,gBAAiBG,aAAY,KAAK;YAC/C,KACAH,mBAAAA,OAAAA,SAAAA,gBAAiBpK,UAAS,WACxB;cAAEA,MAAM;cAASuK,UAAU;YAAE,IAC7B;cACEvK,MAAM;cACN,GAAIoK;YACN;AAERrI,oBAAQuB,MAAM+G,UAAiBC,qBAAAA;UACjC;QACF,CAAA;IACF,GAAG;MAACvB;KAAc,GAEX,uCAAAyB,KAACR,SAAAA;MAAS,GAAGC;MAAkBlF,KAAK0D;;EAC7C,CAAA;AAEAP,mBAAU,gBAAmB,IAEtBA;AACT;AAEA,SAASjE,QACPwG,UACA/E,MAAO;AAEP,MAAI,CAAC+E;AACH,WAAO/E;AAGT,MAAIjB,OAAuC;AAC3C,WAAW1E,OAAO2F;AAChB,IAAIA,KAAK3F,GAAAA,MAAS0K,SAAS1K,GAAAA,MACzB0E,SAAAA,OAAS,CAAC,IACVA,KAAK1E,GAAAA,IAAO2F,KAAK3F,GAAAA;AAGrB,SAAO0E;AACT;",
|
|
5
|
+
"names": ["import_react", "minTimeBetweenAnimations", "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", "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
|
}
|
|
@@ -24,7 +24,7 @@ import React, {
|
|
|
24
24
|
useState
|
|
25
25
|
} from "react";
|
|
26
26
|
import { jsx } from "react/jsx-runtime";
|
|
27
|
-
const MotionValueStrategy = /* @__PURE__ */ new WeakMap();
|
|
27
|
+
const minTimeBetweenAnimations = 1e3 / 60, MotionValueStrategy = /* @__PURE__ */ new WeakMap();
|
|
28
28
|
function createAnimations(animationsProp) {
|
|
29
29
|
const animations = {};
|
|
30
30
|
for (const key in animationsProp)
|
|
@@ -59,9 +59,9 @@ function createAnimations(animationsProp) {
|
|
|
59
59
|
useLayoutEffect(() => () => {
|
|
60
60
|
disposed.current = !0;
|
|
61
61
|
}, []);
|
|
62
|
-
const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, animate(scope.current, doAnimate || {}, {
|
|
62
|
+
const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, controls.current = animate(scope.current, doAnimate || {}, {
|
|
63
63
|
type: !1
|
|
64
|
-
}).complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1, flushAnimation = ({
|
|
64
|
+
}), controls.current.complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1, flushAnimation = ({
|
|
65
65
|
doAnimate: doAnimate2 = {},
|
|
66
66
|
animationOptions: animationOptions2 = {},
|
|
67
67
|
dontAnimate: dontAnimate2
|
|
@@ -96,11 +96,11 @@ function createAnimations(animationsProp) {
|
|
|
96
96
|
const lastAnimated = lastDoAnimate.current;
|
|
97
97
|
lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
|
|
98
98
|
const diff = getDiff(lastDoAnimate.current, doAnimate2);
|
|
99
|
-
diff && (controls.current = animate(scope.current, diff, animationOptions2));
|
|
99
|
+
diff && (controls.current = animate(scope.current, diff, animationOptions2), lastAnimateAt.current = Date.now());
|
|
100
100
|
}
|
|
101
|
-
lastDoAnimate.current = doAnimate2
|
|
101
|
+
lastDoAnimate.current = doAnimate2;
|
|
102
102
|
} finally {
|
|
103
|
-
|
|
103
|
+
controls.current && (isExiting ? controls.current.finished.then(() => {
|
|
104
104
|
sendExitComplete?.();
|
|
105
105
|
}) : sendExitComplete?.());
|
|
106
106
|
}
|
|
@@ -119,7 +119,7 @@ function createAnimations(animationsProp) {
|
|
|
119
119
|
updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
|
|
120
120
|
return;
|
|
121
121
|
}
|
|
122
|
-
|
|
122
|
+
flushAnimation({
|
|
123
123
|
doAnimate,
|
|
124
124
|
dontAnimate,
|
|
125
125
|
animationOptions
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe,mBAAmB;AAC3C;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["doAnimate", "animationOptions", "dontAnimate", "animationProps", "props"]
|
|
6
6
|
}
|
|
@@ -3,7 +3,8 @@ import { ResetPresence, usePresence } from "@tamagui/use-presence";
|
|
|
3
3
|
import { useAnimate, useMotionValue, useMotionValueEvent } from "motion/react";
|
|
4
4
|
import React, { forwardRef, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
const
|
|
6
|
+
const minTimeBetweenAnimations = 1e3 / 60,
|
|
7
|
+
MotionValueStrategy = /* @__PURE__ */new WeakMap();
|
|
7
8
|
function createAnimations(animationsProp) {
|
|
8
9
|
const animations = {};
|
|
9
10
|
for (const key in animationsProp) animations[key] = {
|
|
@@ -55,9 +56,9 @@ function createAnimations(animationsProp) {
|
|
|
55
56
|
useLayoutEffect(() => () => {
|
|
56
57
|
disposed.current = !0;
|
|
57
58
|
}, []);
|
|
58
|
-
const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, animate(scope.current, doAnimate || {}, {
|
|
59
|
+
const updateFirstAnimationStyle = () => stateRef.current.host instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, controls.current = animate(scope.current, doAnimate || {}, {
|
|
59
60
|
type: !1
|
|
60
|
-
}).complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1,
|
|
61
|
+
}), controls.current.complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1,
|
|
61
62
|
flushAnimation = ({
|
|
62
63
|
doAnimate: doAnimate2 = {},
|
|
63
64
|
animationOptions: animationOptions2 = {},
|
|
@@ -93,11 +94,11 @@ function createAnimations(animationsProp) {
|
|
|
93
94
|
const lastAnimated = lastDoAnimate.current;
|
|
94
95
|
lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
|
|
95
96
|
const diff = getDiff(lastDoAnimate.current, doAnimate2);
|
|
96
|
-
diff && (controls.current = animate(scope.current, diff, animationOptions2));
|
|
97
|
+
diff && (controls.current = animate(scope.current, diff, animationOptions2), lastAnimateAt.current = Date.now());
|
|
97
98
|
}
|
|
98
|
-
lastDoAnimate.current = doAnimate2
|
|
99
|
+
lastDoAnimate.current = doAnimate2;
|
|
99
100
|
} finally {
|
|
100
|
-
|
|
101
|
+
controls.current && (isExiting ? controls.current.finished.then(() => {
|
|
101
102
|
sendExitComplete?.();
|
|
102
103
|
}) : sendExitComplete?.());
|
|
103
104
|
}
|
|
@@ -112,7 +113,7 @@ function createAnimations(animationsProp) {
|
|
|
112
113
|
updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
|
|
113
114
|
return;
|
|
114
115
|
}
|
|
115
|
-
|
|
116
|
+
flushAnimation({
|
|
116
117
|
doAnimate,
|
|
117
118
|
dontAnimate,
|
|
118
119
|
animationOptions
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["fixStyles","getSplitStyles","hooks","styleToCSS","Text","useComposedRefs","useIsomorphicLayoutEffect","useThemeWithState","View","ResetPresence","usePresence","useAnimate","useMotionValue","useMotionValueEvent","React","forwardRef","useEffect","useLayoutEffect","useMemo","useRef","useState","jsx","MotionValueStrategy","WeakMap","createAnimations","animationsProp","animations","key","type","MotionView","MotionText","isReactNative","supportsCSS","needsWebStyles","avoidReRenders","useAnimations","animationProps","props","style","componentState","stateRef","useStyleEmitter","presence","animationKey","Array","isArray","animation","disableAnimation","unmounted","isExiting","sendExitComplete","isFirstRender","scope","animate","lastDoAnimate","controls","styleKey","JSON","stringify","shouldDebug","debug","dontAnimate","doAnimate","animationOptions","getMotionAnimatedProps","animationsQueue","lastAnimateAt","disposed","firstRenderStyle","lastDontAnimate","current","updateFirstAnimationStyle","host","HTMLElement","Date","now","complete","console","groupCollapsed","info","groupEnd","flushAnimation","doAnimate2","animationOptions2","dontAnimate2","node","getDiff","trace","prev","removeRemovedStyles","changed","Object","assign","lastAnimated","diff","finished","then","nextStyle","animationProps2","animateKey","ref","tag","useAnimatedNumber","initial","motionValue","getInstance","getValue","get","setValue","next","config","onFinish","set","unsubscribe","on","value","Math","abs","stop","useAnimatedNumberReaction","onValue","instance","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","propsIn","forwardedRef","propsRest","hostRef","composedRefs","_","state","styles","animatedStyle","nonAnimatedStyles","find","x","filter","getProps","props2","out","staticConfig","theme","name","isAnimated","noClass","resolveValues","viewProps","Element","transformedProps","usePropsTransform","animationConfig","webStyle","motionAnimationConfig","duration","acceptTagProp","previous"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["fixStyles","getSplitStyles","hooks","styleToCSS","Text","useComposedRefs","useIsomorphicLayoutEffect","useThemeWithState","View","ResetPresence","usePresence","useAnimate","useMotionValue","useMotionValueEvent","React","forwardRef","useEffect","useLayoutEffect","useMemo","useRef","useState","jsx","minTimeBetweenAnimations","MotionValueStrategy","WeakMap","createAnimations","animationsProp","animations","key","type","MotionView","MotionText","isReactNative","supportsCSS","needsWebStyles","avoidReRenders","useAnimations","animationProps","props","style","componentState","stateRef","useStyleEmitter","presence","animationKey","Array","isArray","animation","disableAnimation","unmounted","isExiting","sendExitComplete","isFirstRender","scope","animate","lastDoAnimate","controls","styleKey","JSON","stringify","shouldDebug","debug","dontAnimate","doAnimate","animationOptions","getMotionAnimatedProps","animationsQueue","lastAnimateAt","disposed","firstRenderStyle","lastDontAnimate","current","updateFirstAnimationStyle","host","HTMLElement","Date","now","complete","console","groupCollapsed","info","groupEnd","flushAnimation","doAnimate2","animationOptions2","dontAnimate2","node","getDiff","trace","prev","removeRemovedStyles","changed","Object","assign","lastAnimated","diff","finished","then","nextStyle","animationProps2","animateKey","ref","tag","useAnimatedNumber","initial","motionValue","getInstance","getValue","get","setValue","next","config","onFinish","set","unsubscribe","on","value","Math","abs","stop","useAnimatedNumberReaction","onValue","instance","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","propsIn","forwardedRef","propsRest","hostRef","composedRefs","_","state","styles","animatedStyle","nonAnimatedStyles","find","x","filter","getProps","props2","out","staticConfig","theme","name","isAnimated","noClass","resolveValues","viewProps","Element","transformedProps","usePropsTransform","animationConfig","webStyle","motionAnimationConfig","duration","acceptTagProp","previous"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,8 @@ import { fixStyles, getSplitStyles, hooks, styleToCSS, Text, useComposedRefs, us
|
|
|
3
3
|
import { ResetPresence, usePresence } from "@tamagui/use-presence";
|
|
4
4
|
import { useAnimate, useMotionValue, useMotionValueEvent } from "motion/react";
|
|
5
5
|
import React, { forwardRef, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
6
|
-
var
|
|
6
|
+
var minTimeBetweenAnimations = 1e3 / 60,
|
|
7
|
+
MotionValueStrategy = /* @__PURE__ */new WeakMap();
|
|
7
8
|
function createAnimations(animationsProp) {
|
|
8
9
|
var animations = {};
|
|
9
10
|
for (var key in animationsProp) animations[key] = {
|
|
@@ -63,15 +64,9 @@ function createAnimations(animationsProp) {
|
|
|
63
64
|
}, []);
|
|
64
65
|
var updateFirstAnimationStyle = function () {
|
|
65
66
|
var node = stateRef.current.host;
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
var firstAnimation = animate(scope.current, doAnimate || {}, {
|
|
70
|
-
type: !1
|
|
71
|
-
});
|
|
72
|
-
return firstAnimation.complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0;
|
|
73
|
-
}
|
|
74
|
-
return !1;
|
|
67
|
+
return node instanceof HTMLElement ? lastDoAnimate.current ? !1 : (lastAnimateAt.current = Date.now(), lastDoAnimate.current = doAnimate || {}, controls.current = animate(scope.current, doAnimate || {}, {
|
|
68
|
+
type: !1
|
|
69
|
+
}), controls.current.complete(), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate), console.groupEnd()), !0) : !1;
|
|
75
70
|
},
|
|
76
71
|
flushAnimation = function (param) {
|
|
77
72
|
var {
|
|
@@ -109,11 +104,11 @@ function createAnimations(animationsProp) {
|
|
|
109
104
|
var lastAnimated = lastDoAnimate.current;
|
|
110
105
|
lastAnimated && removeRemovedStyles(lastAnimated, doAnimate2, node);
|
|
111
106
|
var diff = getDiff(lastDoAnimate.current, doAnimate2);
|
|
112
|
-
diff && (controls.current = animate(scope.current, diff, animationOptions2));
|
|
107
|
+
diff && (controls.current = animate(scope.current, diff, animationOptions2), lastAnimateAt.current = Date.now());
|
|
113
108
|
}
|
|
114
|
-
lastDoAnimate.current = doAnimate2
|
|
109
|
+
lastDoAnimate.current = doAnimate2;
|
|
115
110
|
} finally {
|
|
116
|
-
|
|
111
|
+
controls.current && (isExiting ? controls.current.finished.then(function () {
|
|
117
112
|
sendExitComplete?.();
|
|
118
113
|
}) : sendExitComplete?.());
|
|
119
114
|
}
|
|
@@ -128,7 +123,7 @@ function createAnimations(animationsProp) {
|
|
|
128
123
|
updateFirstAnimationStyle(), isFirstRender.current = !1, lastDontAnimate.current = dontAnimate, lastDoAnimate.current = doAnimate || {};
|
|
129
124
|
return;
|
|
130
125
|
}
|
|
131
|
-
|
|
126
|
+
flushAnimation({
|
|
132
127
|
doAnimate,
|
|
133
128
|
dontAnimate,
|
|
134
129
|
animationOptions
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","fixStyles","getSplitStyles","hooks","styleToCSS","Text","useComposedRefs","useIsomorphicLayoutEffect","useThemeWithState","View","ResetPresence","usePresence","useAnimate","useMotionValue","useMotionValueEvent","React","forwardRef","useEffect","useLayoutEffect","useMemo","useRef","useState","MotionValueStrategy","WeakMap","createAnimations","animationsProp","animations","key","type","MotionView","MotionText","isReactNative","supportsCSS","needsWebStyles","avoidReRenders","useAnimations","animationProps","props","style","componentState","stateRef","useStyleEmitter","presence","animationKey","Array","isArray","animation","isHydrating","unmounted","disableAnimation","isExiting","sendExitComplete","isFirstRender","scope","animate","lastDoAnimate","controls","styleKey","JSON","stringify","shouldDebug","debug","dontAnimate","doAnimate","animationOptions","motionAnimationState","getMotionAnimatedProps","animationsQueue","lastAnimateAt","disposed","firstRenderStyle","lastDontAnimate","current","updateFirstAnimationStyle","node","host","HTMLElement","Date","now","firstAnimation","complete","console","groupCollapsed","info","groupEnd","flushAnimation","param","doAnimate2","animationOptions2","dontAnimate2","getDiff","trace","prev","removeRemovedStyles","changed","Object","assign","lastAnimated","diff","finished","then","nextStyle","_$animationProps","animateKey","ref","tag","useAnimatedNumber","initial","motionValue","getInstance","getValue","get","setValue","next","config","arguments","length","onFinish","set","unsubscribe","on","value","Math","abs","stop","useAnimatedNumberReaction","onValue","instance","useAnimatedNumberStyle","val","getStyleProp","getStyleRef","getStyle","cur","disable","animationPropToAnimationConfig","animateOnly","key2","disableAnimationProps","has","includes","animationProp","defaultAnimationKey","specificAnimations","defaultConfig","default","fromEntries","entries","flatMap","propName","animationNameOrConfig","Set","createMotionView","defaultTag","isText","Component","propsIn","_hooks_usePropsTransform","forwardedRef","propsRest","hostRef","composedRefs","_","state","styles","animatedStyle","nonAnimatedStyles","find","x","filter","getProps","props2","out","staticConfig","theme","name","isAnimated","noClass","resolveValues","viewProps","Element","transformedProps","usePropsTransform","call","animationConfig","webStyle","motionAnimationConfig","duration"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","fixStyles","getSplitStyles","hooks","styleToCSS","Text","useComposedRefs","useIsomorphicLayoutEffect","useThemeWithState","View","ResetPresence","usePresence","useAnimate","useMotionValue","useMotionValueEvent","React","forwardRef","useEffect","useLayoutEffect","useMemo","useRef","useState","minTimeBetweenAnimations","MotionValueStrategy","WeakMap","createAnimations","animationsProp","animations","key","type","MotionView","MotionText","isReactNative","supportsCSS","needsWebStyles","avoidReRenders","useAnimations","animationProps","props","style","componentState","stateRef","useStyleEmitter","presence","animationKey","Array","isArray","animation","isHydrating","unmounted","disableAnimation","isExiting","sendExitComplete","isFirstRender","scope","animate","lastDoAnimate","controls","styleKey","JSON","stringify","shouldDebug","debug","dontAnimate","doAnimate","animationOptions","motionAnimationState","getMotionAnimatedProps","animationsQueue","lastAnimateAt","disposed","firstRenderStyle","lastDontAnimate","current","updateFirstAnimationStyle","node","host","HTMLElement","Date","now","complete","console","groupCollapsed","info","groupEnd","flushAnimation","param","doAnimate2","animationOptions2","dontAnimate2","getDiff","trace","prev","removeRemovedStyles","changed","Object","assign","lastAnimated","diff","finished","then","nextStyle","_$animationProps","animateKey","ref","tag","useAnimatedNumber","initial","motionValue","getInstance","getValue","get","setValue","next","config","arguments","length","onFinish","set","unsubscribe","on","value","Math","abs","stop","useAnimatedNumberReaction","onValue","instance","useAnimatedNumberStyle","val","getStyleProp","getStyleRef","getStyle","cur","disable","animationPropToAnimationConfig","animateOnly","key2","disableAnimationProps","has","includes","animationProp","defaultAnimationKey","specificAnimations","defaultConfig","default","fromEntries","entries","flatMap","propName","animationNameOrConfig","Set","createMotionView","defaultTag","isText","Component","propsIn","_hooks_usePropsTransform","forwardedRef","propsRest","hostRef","composedRefs","_","state","styles","animatedStyle","nonAnimatedStyles","find","x","filter","getProps","props2","out","staticConfig","theme","name","isAnimated","noClass","resolveValues","viewProps","Element","transformedProps","usePropsTransform","call","animationConfig","webStyle","motionAnimationConfig","duration","acceptTagProp","previous"],"sources":["../../src/createAnimations.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/animations-motion",
|
|
3
|
-
"version": "1.132.
|
|
3
|
+
"version": "1.132.13",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -29,12 +29,12 @@
|
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@tamagui/core": "1.132.
|
|
33
|
-
"@tamagui/use-presence": "1.132.
|
|
34
|
-
"motion": "^12.23.
|
|
32
|
+
"@tamagui/core": "1.132.13",
|
|
33
|
+
"@tamagui/use-presence": "1.132.13",
|
|
34
|
+
"motion": "^12.23.9"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@tamagui/build": "1.132.
|
|
37
|
+
"@tamagui/build": "1.132.13",
|
|
38
38
|
"react": "*"
|
|
39
39
|
},
|
|
40
40
|
"scripts": {
|
package/src/createAnimations.tsx
CHANGED
|
@@ -40,6 +40,8 @@ type MotionAnimatedNumberStyle = {
|
|
|
40
40
|
motionValue: MotionValue<number>
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
+
const minTimeBetweenAnimations = 1000 / 60
|
|
44
|
+
|
|
43
45
|
const MotionValueStrategy = new WeakMap<MotionValue, AnimatedNumberStrategy>()
|
|
44
46
|
|
|
45
47
|
type AnimationProps = {
|
|
@@ -140,12 +142,6 @@ export function createAnimations<A extends Record<string, AnimationConfig>>(
|
|
|
140
142
|
|
|
141
143
|
// if (!props) return
|
|
142
144
|
|
|
143
|
-
// const elapsed = Date.now() - lastAnimateAt.current
|
|
144
|
-
|
|
145
|
-
// if (elapsed > minTimeBetweenAnimations && animationsQueue.current.length) {
|
|
146
|
-
// console.info('slow', elapsed, { props })
|
|
147
|
-
// }
|
|
148
|
-
|
|
149
145
|
// if (scope.current) {
|
|
150
146
|
// flushAnimation(props)
|
|
151
147
|
// } else {
|
|
@@ -180,10 +176,10 @@ export function createAnimations<A extends Record<string, AnimationConfig>>(
|
|
|
180
176
|
if (!lastDoAnimate.current) {
|
|
181
177
|
lastAnimateAt.current = Date.now()
|
|
182
178
|
lastDoAnimate.current = doAnimate || {}
|
|
183
|
-
|
|
179
|
+
controls.current = animate(scope.current, doAnimate || {}, {
|
|
184
180
|
type: false,
|
|
185
181
|
})
|
|
186
|
-
|
|
182
|
+
controls.current.complete()
|
|
187
183
|
// scope.animations = []
|
|
188
184
|
|
|
189
185
|
if (shouldDebug) {
|
|
@@ -264,14 +260,14 @@ export function createAnimations<A extends Record<string, AnimationConfig>>(
|
|
|
264
260
|
const diff = getDiff(lastDoAnimate.current, doAnimate)
|
|
265
261
|
if (diff) {
|
|
266
262
|
controls.current = animate(scope.current, diff, animationOptions)
|
|
263
|
+
lastAnimateAt.current = Date.now()
|
|
267
264
|
}
|
|
268
265
|
}
|
|
269
266
|
|
|
270
267
|
lastDoAnimate.current = doAnimate
|
|
271
|
-
lastAnimateAt.current = Date.now()
|
|
272
268
|
} finally {
|
|
273
|
-
if (
|
|
274
|
-
if (
|
|
269
|
+
if (controls.current) {
|
|
270
|
+
if (isExiting) {
|
|
275
271
|
controls.current.finished.then(() => {
|
|
276
272
|
sendExitComplete?.()
|
|
277
273
|
})
|
|
@@ -304,7 +300,7 @@ export function createAnimations<A extends Record<string, AnimationConfig>>(
|
|
|
304
300
|
}
|
|
305
301
|
|
|
306
302
|
// always clear queue if we re-render
|
|
307
|
-
animationsQueue.current = []
|
|
303
|
+
// animationsQueue.current = []
|
|
308
304
|
|
|
309
305
|
// don't ever queue on a render
|
|
310
306
|
flushAnimation({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AAAA,cAEO,uBAYA,eAAe;AAEtB,cAOO,uBACA,cAAc;KAWhB,kBAAkB;
|
|
2
|
+
"mappings": "AAAA,cAEO,uBAYA,eAAe;AAEtB,cAOO,uBACA,cAAc;KAWhB,kBAAkB;AAiBvB,OAAO,iBAAS,iBAAiB,UAAU,eAAe,kBACxDA,gBAAgB,IACf,gBAAgB",
|
|
3
3
|
"names": [
|
|
4
4
|
"animationsProp: A"
|
|
5
5
|
],
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"src/createAnimations.tsx"
|
|
8
8
|
],
|
|
9
9
|
"sourcesContent": [
|
|
10
|
-
"import {\n type AnimatedNumberStrategy,\n type AnimationDriver,\n type AnimationProp,\n fixStyles,\n getSplitStyles,\n hooks,\n styleToCSS,\n Text,\n type UniversalAnimatedNumber,\n useComposedRefs,\n useIsomorphicLayoutEffect,\n useThemeWithState,\n View,\n} from '@tamagui/core'\nimport { ResetPresence, usePresence } from '@tamagui/use-presence'\nimport {\n type AnimationOptions,\n type AnimationPlaybackControlsWithThen,\n type MotionValue,\n useAnimate,\n useMotionValue,\n useMotionValueEvent,\n type ValueTransition,\n} from 'motion/react'\nimport React, {\n forwardRef,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\ntype MotionAnimatedNumber = MotionValue<number>\ntype AnimationConfig = ValueTransition\n\ntype MotionAnimatedNumberStyle = {\n getStyle: (cur: number) => Record<string, unknown>\n motionValue: MotionValue<number>\n}\n\nconst MotionValueStrategy = new WeakMap<MotionValue, AnimatedNumberStrategy>()\n\ntype AnimationProps = {\n doAnimate?: Record<string, unknown>\n dontAnimate?: Record<string, unknown>\n animationOptions?: AnimationOptions\n}\n\nexport function createAnimations<A extends Record<string, AnimationConfig>>(\n animationsProp: A\n): AnimationDriver<A> {\n // normalize, it doesn't assume type: 'spring' even if damping etc there so we do that\n // which also matches the moti driver\n // @ts-expect-error avoid doing a spread for no reason, sub-constraint type issue\n const animations: A = {}\n for (const key in animationsProp) {\n animations[key] = {\n type: 'spring',\n ...animationsProp[key],\n }\n }\n\n return {\n // this is only used by Sheet basically for now to pass result of useAnimatedStyle to\n View: MotionView,\n Text: MotionText,\n isReactNative: false,\n supportsCSS: true,\n needsWebStyles: true,\n avoidReRenders: true,\n animations,\n usePresence,\n ResetPresence,\n\n useAnimations: (animationProps) => {\n const { props, style, componentState, stateRef, useStyleEmitter, presence } =\n animationProps\n\n const animationKey = Array.isArray(props.animation)\n ? props.animation[0]\n : props.animation\n\n const isHydrating = componentState.unmounted === true\n const disableAnimation = isHydrating || !animationKey\n const isExiting = presence?.[0] === false\n const sendExitComplete = presence?.[1]\n\n const isFirstRender = useRef(true)\n const [scope, animate] = useAnimate()\n const lastDoAnimate = useRef<Record<string, unknown> | null>(null)\n const controls = useRef<AnimationPlaybackControlsWithThen | null>(null)\n const styleKey = JSON.stringify(style)\n\n // until fully stable allow debugging in prod to help debugging prod issues\n const shouldDebug =\n // process.env.NODE_ENV === 'development' &&\n props['debug'] && props['debug'] !== 'profile'\n\n const {\n dontAnimate = {},\n doAnimate,\n animationOptions,\n } = useMemo(() => {\n const motionAnimationState = getMotionAnimatedProps(\n props as any,\n style,\n disableAnimation\n )\n return motionAnimationState\n }, [isExiting, animationKey, styleKey])\n\n const animationsQueue = useRef<AnimationProps[]>([])\n const lastAnimateAt = useRef(0)\n const disposed = useRef(false)\n const [firstRenderStyle] = useState(style)\n\n // avoid first render returning wrong styles - always render all, after that we can just mutate\n const lastDontAnimate = useRef<Record<string, unknown>>(firstRenderStyle)\n\n useLayoutEffect(() => {\n return () => {\n disposed.current = true\n }\n }, [])\n\n // const runAnimation = (props: AnimationProps) => {\n // const waitForNextAnimationFrame = () => {\n // if (disposed.current) return\n // // we just skip to the last one\n // const queue = animationsQueue.current\n // const last = queue[queue.length - 1]\n // animationsQueue.current = []\n\n // if (!last) {\n // console.error(`Should never hit`)\n // return\n // }\n\n // if (!props) return\n\n // const elapsed = Date.now() - lastAnimateAt.current\n\n // if (elapsed > minTimeBetweenAnimations && animationsQueue.current.length) {\n // console.info('slow', elapsed, { props })\n // }\n\n // if (scope.current) {\n // flushAnimation(props)\n // } else {\n // // frame.postRender(waitForNextAnimationFrame)\n // requestAnimationFrame(waitForNextAnimationFrame)\n // }\n // }\n\n // const hasQueue = animationsQueue.current.length\n // const shouldWait =\n // hasQueue ||\n // (lastAnimateAt.current &&\n // Date.now() - lastAnimateAt.current > minTimeBetweenAnimations)\n\n // if (isExiting || isFirstRender.current || (scope.current && !shouldWait)) {\n // flushAnimation(props)\n // } else {\n // animationsQueue.current.push(props)\n // if (!hasQueue) {\n // waitForNextAnimationFrame()\n // }\n // }\n // }\n\n const updateFirstAnimationStyle = () => {\n const node = stateRef.current.host\n\n if (!(node instanceof HTMLElement)) {\n return false\n }\n\n if (!lastDoAnimate.current) {\n lastAnimateAt.current = Date.now()\n lastDoAnimate.current = doAnimate || {}\n const firstAnimation = animate(scope.current, doAnimate || {}, {\n type: false,\n })\n firstAnimation.complete()\n // scope.animations = []\n\n if (shouldDebug) {\n console.groupCollapsed(`[motion] 🌊 FIRST`)\n console.info(doAnimate)\n console.groupEnd()\n }\n return true\n }\n\n return false\n }\n\n const flushAnimation = ({\n doAnimate = {},\n animationOptions = {},\n dontAnimate,\n }: AnimationProps) => {\n // if (shouldDebug) {\n // if (Date.now() - lastAnimateAt.current < minTimeBetweenAnimations) {\n // console.warn('TO SOON')\n // }\n // }\n\n try {\n const node = stateRef.current.host\n\n if (shouldDebug) {\n console.groupCollapsed(\n `[motion] 🌊 animate (${JSON.stringify(getDiff(lastDoAnimate.current, doAnimate), null, 2)})`\n )\n console.info({\n doAnimate,\n dontAnimate,\n animationOptions,\n animationProps,\n lastDoAnimate: { ...lastDoAnimate.current },\n lastDontAnimate: { ...lastDontAnimate.current },\n isExiting,\n style,\n node,\n })\n console.groupCollapsed(`trace >`)\n console.trace()\n console.groupEnd()\n console.groupEnd()\n }\n\n if (!(node instanceof HTMLElement)) {\n return\n }\n\n // handle case where dontAnimate changes\n // we just set it onto animate + set options to not actually animate\n if (dontAnimate) {\n const prev = lastDontAnimate.current\n if (prev) {\n removeRemovedStyles(prev, dontAnimate, node)\n const changed = getDiff(prev, dontAnimate)\n if (changed) {\n Object.assign(node.style, changed as any)\n }\n }\n }\n\n lastDontAnimate.current = dontAnimate || {}\n\n if (doAnimate) {\n if (updateFirstAnimationStyle()) {\n return\n }\n\n const lastAnimated = lastDoAnimate.current\n if (lastAnimated) {\n removeRemovedStyles(lastAnimated, doAnimate, node)\n }\n\n const diff = getDiff(lastDoAnimate.current, doAnimate)\n if (diff) {\n controls.current = animate(scope.current, diff, animationOptions)\n }\n }\n\n lastDoAnimate.current = doAnimate\n lastAnimateAt.current = Date.now()\n } finally {\n if (isExiting) {\n if (controls.current) {\n controls.current.finished.then(() => {\n sendExitComplete?.()\n })\n } else {\n sendExitComplete?.()\n }\n }\n }\n }\n\n useStyleEmitter?.((nextStyle) => {\n const animationProps = getMotionAnimatedProps(\n props as any,\n nextStyle,\n disableAnimation\n )\n\n flushAnimation(animationProps)\n })\n\n const animateKey = JSON.stringify(style)\n\n useIsomorphicLayoutEffect(() => {\n if (isFirstRender.current) {\n updateFirstAnimationStyle()\n isFirstRender.current = false\n lastDontAnimate.current = dontAnimate\n lastDoAnimate.current = doAnimate || {}\n return\n }\n\n // always clear queue if we re-render\n animationsQueue.current = []\n\n // don't ever queue on a render\n flushAnimation({\n doAnimate,\n dontAnimate,\n animationOptions,\n })\n }, [animateKey, isExiting])\n\n if (shouldDebug) {\n console.groupCollapsed(`[motion] 🌊 render`)\n console.info({\n style,\n doAnimate,\n dontAnimate,\n animateKey,\n scope,\n animationOptions,\n isExiting,\n isFirstRender: isFirstRender.current,\n })\n console.groupEnd()\n }\n\n return {\n // we never change this, after first render on\n style: firstRenderStyle,\n ref: scope,\n tag: 'div',\n }\n },\n\n useAnimatedNumber(initial): UniversalAnimatedNumber<MotionAnimatedNumber> {\n const motionValue = useMotionValue(initial)\n\n return React.useMemo(\n () => ({\n getInstance() {\n return motionValue\n },\n getValue() {\n return motionValue.get()\n },\n setValue(next, config = { type: 'spring' }, onFinish) {\n if (config.type === 'direct') {\n MotionValueStrategy.set(motionValue, {\n type: 'direct',\n })\n motionValue.set(next)\n onFinish?.()\n } else {\n MotionValueStrategy.set(motionValue, config)\n\n if (onFinish) {\n const unsubscribe = motionValue.on('change', (value) => {\n if (Math.abs(value - next) < 0.01) {\n unsubscribe()\n onFinish()\n }\n })\n }\n\n motionValue.set(next)\n // Motion doesn't have a direct onFinish callback, so we simulate it\n }\n },\n stop() {\n motionValue.stop()\n },\n }),\n [motionValue]\n )\n },\n\n useAnimatedNumberReaction({ value }, onValue) {\n const instance = value.getInstance() as MotionValue<number>\n useMotionValueEvent(instance, 'change', onValue)\n },\n\n useAnimatedNumberStyle(val, getStyleProp) {\n const motionValue = val.getInstance() as MotionValue<number>\n const getStyleRef = useRef<typeof getStyleProp>(getStyleProp)\n\n // we need to change useAnimatedNumberStyle to have dep args to be concurrent safe\n getStyleRef.current = getStyleProp\n\n // never changes\n return useMemo(() => {\n return {\n getStyle: (cur) => {\n return getStyleRef.current(cur)\n },\n motionValue,\n } satisfies MotionAnimatedNumberStyle\n }, [])\n },\n }\n\n function getMotionAnimatedProps(\n props: { animation: AnimationProp | null; animateOnly?: string[] },\n style: Record<string, unknown>,\n disable: boolean\n ): AnimationProps {\n if (disable) {\n return {\n dontAnimate: style,\n }\n }\n\n const animationOptions = animationPropToAnimationConfig(props.animation)\n\n let dontAnimate: Record<string, unknown> | undefined\n let doAnimate: Record<string, unknown> | undefined\n\n const animateOnly = props.animateOnly as string[] | undefined\n for (const key in style) {\n const value = style[key]\n if (disableAnimationProps.has(key) || (animateOnly && !animateOnly.includes(key))) {\n dontAnimate ||= {}\n dontAnimate[key] = value\n } else {\n doAnimate ||= {}\n doAnimate[key] = value\n }\n }\n\n // half works in chrome but janky and stops working after first animation\n // if (\n // typeof doAnimate?.opacity !== 'undefined' &&\n // typeof dontAnimate?.backdropFilter === 'string'\n // ) {\n // if (!dontAnimate.backdropFilter.includes('opacity(')) {\n // dontAnimate.backdropFilter += ` opacity(${doAnimate.opacity})`\n // dontAnimate.WebkitBackdropFilter += ` opacity(${doAnimate.opacity})`\n // dontAnimate.transition = 'backdrop-filter ease-in 1000ms'\n // }\n // }\n\n return {\n dontAnimate,\n doAnimate,\n animationOptions,\n }\n }\n\n function animationPropToAnimationConfig(\n animationProp: AnimationProp | null\n ): AnimationOptions {\n let defaultAnimationKey = ''\n let specificAnimations = {}\n\n if (typeof animationProp === 'string') {\n defaultAnimationKey = animationProp\n } else if (Array.isArray(animationProp)) {\n if (typeof animationProp[0] === 'string') {\n defaultAnimationKey = animationProp[0]\n specificAnimations = animationProp[1]\n } else {\n specificAnimations = animationProp\n }\n }\n\n if (!defaultAnimationKey) {\n return {}\n }\n\n const defaultConfig = animations[defaultAnimationKey]\n\n return {\n default: defaultConfig,\n ...Object.fromEntries(\n Object.entries(specificAnimations).flatMap(\n ([propName, animationNameOrConfig]) => {\n if (typeof animationNameOrConfig === 'string') {\n return [[propName, animations[animationNameOrConfig]]]\n }\n if (animationNameOrConfig && typeof animationNameOrConfig === 'object') {\n return [\n [\n propName,\n {\n ...defaultConfig,\n ...animationNameOrConfig,\n },\n ],\n ]\n }\n return []\n }\n )\n ),\n }\n }\n}\n\nfunction removeRemovedStyles(prev: Object, next: Object, node: HTMLElement) {\n for (const key in prev) {\n if (!(key in next)) {\n node.style[key] = ''\n }\n }\n}\n\n// sort of temporary\nconst disableAnimationProps = new Set<string>([\n 'alignContent',\n 'alignItems',\n 'aspectRatio',\n 'backdropFilter',\n 'boxSizing',\n 'contain',\n 'display',\n 'flexBasis',\n 'flexDirection',\n 'flexGrow',\n 'flexShrink',\n 'justifyContent',\n 'marginRight',\n 'marginLeft',\n 'marginBottom',\n 'marginTop',\n 'maxHeight',\n 'maxWidth',\n 'minHeight',\n 'minWidth',\n 'outlineColor',\n 'outlineStyle',\n 'outlineWidth',\n 'overflow',\n 'overflowX',\n 'overflowY',\n 'pointerEvents',\n 'position',\n 'textWrap',\n 'transformOrigin',\n 'zIndex',\n 'WebkitBackdropFilter',\n])\n\nconst MotionView = createMotionView('div')\nconst MotionText = createMotionView('span')\n\nfunction createMotionView(defaultTag: string) {\n // return forwardRef((props: any, ref) => {\n // console.info('rendering?', props)\n // const Element = motion[props.tag || defaultTag]\n // return <Element ref={ref} {...props} />\n // })\n const isText = defaultTag === 'span'\n\n const Component = forwardRef((propsIn: any, ref) => {\n const { forwardedRef, animation, tag = defaultTag, style, ...propsRest } = propsIn\n const [scope, animate] = useAnimate()\n const hostRef = useRef<HTMLElement>(null)\n const composedRefs = useComposedRefs(forwardedRef, ref, hostRef, scope)\n\n const stateRef = useRef<any>(null)\n if (!stateRef.current) {\n stateRef.current = {\n get host() {\n return hostRef.current\n },\n }\n }\n\n const [_, state] = useThemeWithState({})\n\n const styles = Array.isArray(style) ? style : [style]\n\n // we can assume just one animatedStyle max for now\n const [animatedStyle, nonAnimatedStyles] = (() => {\n return [\n styles.find((x) => x.getStyle) as MotionAnimatedNumberStyle | undefined,\n styles.filter((x) => !x.getStyle),\n ] as const\n })()\n\n function getProps(props: any) {\n const out = getSplitStyles(\n props,\n isText ? Text.staticConfig : View.staticConfig,\n state?.theme!,\n state?.name!,\n {\n unmounted: false,\n },\n {\n isAnimated: false,\n noClass: true,\n // noMergeStyle: true,\n resolveValues: 'auto',\n }\n )\n\n if (!out) {\n return {}\n }\n\n // we can definitely get rid of this here\n if (out.viewProps.style) {\n fixStyles(out.viewProps.style)\n styleToCSS(out.viewProps.style)\n }\n\n return out.viewProps\n }\n\n const props = getProps({ ...propsRest, style: nonAnimatedStyles })\n const Element = tag || 'div'\n const transformedProps = hooks.usePropsTransform?.(tag, props, stateRef, false)\n\n useEffect(() => {\n if (!animatedStyle) return\n\n return animatedStyle.motionValue.on('change', (value) => {\n const nextStyle = animatedStyle.getStyle(value)\n const animationConfig = MotionValueStrategy.get(animatedStyle.motionValue)\n const node = hostRef.current\n\n const webStyle = getProps({ style: nextStyle }).style\n\n if (webStyle && node instanceof HTMLElement) {\n const motionAnimationConfig =\n animationConfig?.type === 'timing'\n ? {\n type: 'tween',\n duration: (animationConfig?.duration || 0) / 1000,\n }\n : animationConfig?.type === 'direct'\n ? { type: 'tween', duration: 0 }\n : {\n type: 'spring',\n ...(animationConfig as any),\n }\n\n animate(node, webStyle as any, motionAnimationConfig)\n }\n })\n }, [animatedStyle])\n\n return <Element {...transformedProps} ref={composedRefs} />\n })\n\n Component['acceptTagProp'] = true\n\n return Component\n}\n\nfunction getDiff<T extends Record<string, unknown>>(\n previous: T | null,\n next: T\n): Record<string, unknown> | null {\n if (!previous) {\n return next\n }\n\n let diff: Record<string, unknown> | null = null\n for (const key in next) {\n if (next[key] !== previous[key]) {\n diff ||= {}\n diff[key] = next[key]\n }\n }\n return diff\n}\n"
|
|
10
|
+
"import {\n type AnimatedNumberStrategy,\n type AnimationDriver,\n type AnimationProp,\n fixStyles,\n getSplitStyles,\n hooks,\n styleToCSS,\n Text,\n type UniversalAnimatedNumber,\n useComposedRefs,\n useIsomorphicLayoutEffect,\n useThemeWithState,\n View,\n} from '@tamagui/core'\nimport { ResetPresence, usePresence } from '@tamagui/use-presence'\nimport {\n type AnimationOptions,\n type AnimationPlaybackControlsWithThen,\n type MotionValue,\n useAnimate,\n useMotionValue,\n useMotionValueEvent,\n type ValueTransition,\n} from 'motion/react'\nimport React, {\n forwardRef,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\ntype MotionAnimatedNumber = MotionValue<number>\ntype AnimationConfig = ValueTransition\n\ntype MotionAnimatedNumberStyle = {\n getStyle: (cur: number) => Record<string, unknown>\n motionValue: MotionValue<number>\n}\n\nconst minTimeBetweenAnimations = 1000 / 60\n\nconst MotionValueStrategy = new WeakMap<MotionValue, AnimatedNumberStrategy>()\n\ntype AnimationProps = {\n doAnimate?: Record<string, unknown>\n dontAnimate?: Record<string, unknown>\n animationOptions?: AnimationOptions\n}\n\nexport function createAnimations<A extends Record<string, AnimationConfig>>(\n animationsProp: A\n): AnimationDriver<A> {\n // normalize, it doesn't assume type: 'spring' even if damping etc there so we do that\n // which also matches the moti driver\n // @ts-expect-error avoid doing a spread for no reason, sub-constraint type issue\n const animations: A = {}\n for (const key in animationsProp) {\n animations[key] = {\n type: 'spring',\n ...animationsProp[key],\n }\n }\n\n return {\n // this is only used by Sheet basically for now to pass result of useAnimatedStyle to\n View: MotionView,\n Text: MotionText,\n isReactNative: false,\n supportsCSS: true,\n needsWebStyles: true,\n avoidReRenders: true,\n animations,\n usePresence,\n ResetPresence,\n\n useAnimations: (animationProps) => {\n const { props, style, componentState, stateRef, useStyleEmitter, presence } =\n animationProps\n\n const animationKey = Array.isArray(props.animation)\n ? props.animation[0]\n : props.animation\n\n const isHydrating = componentState.unmounted === true\n const disableAnimation = isHydrating || !animationKey\n const isExiting = presence?.[0] === false\n const sendExitComplete = presence?.[1]\n\n const isFirstRender = useRef(true)\n const [scope, animate] = useAnimate()\n const lastDoAnimate = useRef<Record<string, unknown> | null>(null)\n const controls = useRef<AnimationPlaybackControlsWithThen | null>(null)\n const styleKey = JSON.stringify(style)\n\n // until fully stable allow debugging in prod to help debugging prod issues\n const shouldDebug =\n // process.env.NODE_ENV === 'development' &&\n props['debug'] && props['debug'] !== 'profile'\n\n const {\n dontAnimate = {},\n doAnimate,\n animationOptions,\n } = useMemo(() => {\n const motionAnimationState = getMotionAnimatedProps(\n props as any,\n style,\n disableAnimation\n )\n return motionAnimationState\n }, [isExiting, animationKey, styleKey])\n\n const animationsQueue = useRef<AnimationProps[]>([])\n const lastAnimateAt = useRef(0)\n const disposed = useRef(false)\n const [firstRenderStyle] = useState(style)\n\n // avoid first render returning wrong styles - always render all, after that we can just mutate\n const lastDontAnimate = useRef<Record<string, unknown>>(firstRenderStyle)\n\n useLayoutEffect(() => {\n return () => {\n disposed.current = true\n }\n }, [])\n\n // const runAnimation = (props: AnimationProps) => {\n // const waitForNextAnimationFrame = () => {\n // if (disposed.current) return\n // // we just skip to the last one\n // const queue = animationsQueue.current\n // const last = queue[queue.length - 1]\n // animationsQueue.current = []\n\n // if (!last) {\n // console.error(`Should never hit`)\n // return\n // }\n\n // if (!props) return\n\n // if (scope.current) {\n // flushAnimation(props)\n // } else {\n // // frame.postRender(waitForNextAnimationFrame)\n // requestAnimationFrame(waitForNextAnimationFrame)\n // }\n // }\n\n // const hasQueue = animationsQueue.current.length\n // const shouldWait =\n // hasQueue ||\n // (lastAnimateAt.current &&\n // Date.now() - lastAnimateAt.current > minTimeBetweenAnimations)\n\n // if (isExiting || isFirstRender.current || (scope.current && !shouldWait)) {\n // flushAnimation(props)\n // } else {\n // animationsQueue.current.push(props)\n // if (!hasQueue) {\n // waitForNextAnimationFrame()\n // }\n // }\n // }\n\n const updateFirstAnimationStyle = () => {\n const node = stateRef.current.host\n\n if (!(node instanceof HTMLElement)) {\n return false\n }\n\n if (!lastDoAnimate.current) {\n lastAnimateAt.current = Date.now()\n lastDoAnimate.current = doAnimate || {}\n controls.current = animate(scope.current, doAnimate || {}, {\n type: false,\n })\n controls.current.complete()\n // scope.animations = []\n\n if (shouldDebug) {\n console.groupCollapsed(`[motion] 🌊 FIRST`)\n console.info(doAnimate)\n console.groupEnd()\n }\n return true\n }\n\n return false\n }\n\n const flushAnimation = ({\n doAnimate = {},\n animationOptions = {},\n dontAnimate,\n }: AnimationProps) => {\n // if (shouldDebug) {\n // if (Date.now() - lastAnimateAt.current < minTimeBetweenAnimations) {\n // console.warn('TO SOON')\n // }\n // }\n\n try {\n const node = stateRef.current.host\n\n if (shouldDebug) {\n console.groupCollapsed(\n `[motion] 🌊 animate (${JSON.stringify(getDiff(lastDoAnimate.current, doAnimate), null, 2)})`\n )\n console.info({\n doAnimate,\n dontAnimate,\n animationOptions,\n animationProps,\n lastDoAnimate: { ...lastDoAnimate.current },\n lastDontAnimate: { ...lastDontAnimate.current },\n isExiting,\n style,\n node,\n })\n console.groupCollapsed(`trace >`)\n console.trace()\n console.groupEnd()\n console.groupEnd()\n }\n\n if (!(node instanceof HTMLElement)) {\n return\n }\n\n // handle case where dontAnimate changes\n // we just set it onto animate + set options to not actually animate\n if (dontAnimate) {\n const prev = lastDontAnimate.current\n if (prev) {\n removeRemovedStyles(prev, dontAnimate, node)\n const changed = getDiff(prev, dontAnimate)\n if (changed) {\n Object.assign(node.style, changed as any)\n }\n }\n }\n\n lastDontAnimate.current = dontAnimate || {}\n\n if (doAnimate) {\n if (updateFirstAnimationStyle()) {\n return\n }\n\n const lastAnimated = lastDoAnimate.current\n if (lastAnimated) {\n removeRemovedStyles(lastAnimated, doAnimate, node)\n }\n\n const diff = getDiff(lastDoAnimate.current, doAnimate)\n if (diff) {\n controls.current = animate(scope.current, diff, animationOptions)\n lastAnimateAt.current = Date.now()\n }\n }\n\n lastDoAnimate.current = doAnimate\n } finally {\n if (controls.current) {\n if (isExiting) {\n controls.current.finished.then(() => {\n sendExitComplete?.()\n })\n } else {\n sendExitComplete?.()\n }\n }\n }\n }\n\n useStyleEmitter?.((nextStyle) => {\n const animationProps = getMotionAnimatedProps(\n props as any,\n nextStyle,\n disableAnimation\n )\n\n flushAnimation(animationProps)\n })\n\n const animateKey = JSON.stringify(style)\n\n useIsomorphicLayoutEffect(() => {\n if (isFirstRender.current) {\n updateFirstAnimationStyle()\n isFirstRender.current = false\n lastDontAnimate.current = dontAnimate\n lastDoAnimate.current = doAnimate || {}\n return\n }\n\n // always clear queue if we re-render\n // animationsQueue.current = []\n\n // don't ever queue on a render\n flushAnimation({\n doAnimate,\n dontAnimate,\n animationOptions,\n })\n }, [animateKey, isExiting])\n\n if (shouldDebug) {\n console.groupCollapsed(`[motion] 🌊 render`)\n console.info({\n style,\n doAnimate,\n dontAnimate,\n animateKey,\n scope,\n animationOptions,\n isExiting,\n isFirstRender: isFirstRender.current,\n animationProps,\n })\n console.groupEnd()\n }\n\n return {\n // we never change this, after first render on\n style: firstRenderStyle,\n ref: scope,\n tag: 'div',\n }\n },\n\n useAnimatedNumber(initial): UniversalAnimatedNumber<MotionAnimatedNumber> {\n const motionValue = useMotionValue(initial)\n\n return React.useMemo(\n () => ({\n getInstance() {\n return motionValue\n },\n getValue() {\n return motionValue.get()\n },\n setValue(next, config = { type: 'spring' }, onFinish) {\n if (config.type === 'direct') {\n MotionValueStrategy.set(motionValue, {\n type: 'direct',\n })\n motionValue.set(next)\n onFinish?.()\n } else {\n MotionValueStrategy.set(motionValue, config)\n\n if (onFinish) {\n const unsubscribe = motionValue.on('change', (value) => {\n if (Math.abs(value - next) < 0.01) {\n unsubscribe()\n onFinish()\n }\n })\n }\n\n motionValue.set(next)\n // Motion doesn't have a direct onFinish callback, so we simulate it\n }\n },\n stop() {\n motionValue.stop()\n },\n }),\n [motionValue]\n )\n },\n\n useAnimatedNumberReaction({ value }, onValue) {\n const instance = value.getInstance() as MotionValue<number>\n useMotionValueEvent(instance, 'change', onValue)\n },\n\n useAnimatedNumberStyle(val, getStyleProp) {\n const motionValue = val.getInstance() as MotionValue<number>\n const getStyleRef = useRef<typeof getStyleProp>(getStyleProp)\n\n // we need to change useAnimatedNumberStyle to have dep args to be concurrent safe\n getStyleRef.current = getStyleProp\n\n // never changes\n return useMemo(() => {\n return {\n getStyle: (cur) => {\n return getStyleRef.current(cur)\n },\n motionValue,\n } satisfies MotionAnimatedNumberStyle\n }, [])\n },\n }\n\n function getMotionAnimatedProps(\n props: { animation: AnimationProp | null; animateOnly?: string[] },\n style: Record<string, unknown>,\n disable: boolean\n ): AnimationProps {\n if (disable) {\n return {\n dontAnimate: style,\n }\n }\n\n const animationOptions = animationPropToAnimationConfig(props.animation)\n\n let dontAnimate: Record<string, unknown> | undefined\n let doAnimate: Record<string, unknown> | undefined\n\n const animateOnly = props.animateOnly as string[] | undefined\n for (const key in style) {\n const value = style[key]\n if (disableAnimationProps.has(key) || (animateOnly && !animateOnly.includes(key))) {\n dontAnimate ||= {}\n dontAnimate[key] = value\n } else {\n doAnimate ||= {}\n doAnimate[key] = value\n }\n }\n\n // half works in chrome but janky and stops working after first animation\n // if (\n // typeof doAnimate?.opacity !== 'undefined' &&\n // typeof dontAnimate?.backdropFilter === 'string'\n // ) {\n // if (!dontAnimate.backdropFilter.includes('opacity(')) {\n // dontAnimate.backdropFilter += ` opacity(${doAnimate.opacity})`\n // dontAnimate.WebkitBackdropFilter += ` opacity(${doAnimate.opacity})`\n // dontAnimate.transition = 'backdrop-filter ease-in 1000ms'\n // }\n // }\n\n return {\n dontAnimate,\n doAnimate,\n animationOptions,\n }\n }\n\n function animationPropToAnimationConfig(\n animationProp: AnimationProp | null\n ): AnimationOptions {\n let defaultAnimationKey = ''\n let specificAnimations = {}\n\n if (typeof animationProp === 'string') {\n defaultAnimationKey = animationProp\n } else if (Array.isArray(animationProp)) {\n if (typeof animationProp[0] === 'string') {\n defaultAnimationKey = animationProp[0]\n specificAnimations = animationProp[1]\n } else {\n specificAnimations = animationProp\n }\n }\n\n if (!defaultAnimationKey) {\n return {}\n }\n\n const defaultConfig = animations[defaultAnimationKey]\n\n return {\n default: defaultConfig,\n ...Object.fromEntries(\n Object.entries(specificAnimations).flatMap(\n ([propName, animationNameOrConfig]) => {\n if (typeof animationNameOrConfig === 'string') {\n return [[propName, animations[animationNameOrConfig]]]\n }\n if (animationNameOrConfig && typeof animationNameOrConfig === 'object') {\n return [\n [\n propName,\n {\n ...defaultConfig,\n ...animationNameOrConfig,\n },\n ],\n ]\n }\n return []\n }\n )\n ),\n }\n }\n}\n\nfunction removeRemovedStyles(prev: Object, next: Object, node: HTMLElement) {\n for (const key in prev) {\n if (!(key in next)) {\n node.style[key] = ''\n }\n }\n}\n\n// sort of temporary\nconst disableAnimationProps = new Set<string>([\n 'alignContent',\n 'alignItems',\n 'aspectRatio',\n 'backdropFilter',\n 'boxSizing',\n 'contain',\n 'display',\n 'flexBasis',\n 'flexDirection',\n 'flexGrow',\n 'flexShrink',\n 'justifyContent',\n 'marginRight',\n 'marginLeft',\n 'marginBottom',\n 'marginTop',\n 'maxHeight',\n 'maxWidth',\n 'minHeight',\n 'minWidth',\n 'outlineColor',\n 'outlineStyle',\n 'outlineWidth',\n 'overflow',\n 'overflowX',\n 'overflowY',\n 'pointerEvents',\n 'position',\n 'textWrap',\n 'transformOrigin',\n 'zIndex',\n 'WebkitBackdropFilter',\n])\n\nconst MotionView = createMotionView('div')\nconst MotionText = createMotionView('span')\n\nfunction createMotionView(defaultTag: string) {\n // return forwardRef((props: any, ref) => {\n // console.info('rendering?', props)\n // const Element = motion[props.tag || defaultTag]\n // return <Element ref={ref} {...props} />\n // })\n const isText = defaultTag === 'span'\n\n const Component = forwardRef((propsIn: any, ref) => {\n const { forwardedRef, animation, tag = defaultTag, style, ...propsRest } = propsIn\n const [scope, animate] = useAnimate()\n const hostRef = useRef<HTMLElement>(null)\n const composedRefs = useComposedRefs(forwardedRef, ref, hostRef, scope)\n\n const stateRef = useRef<any>(null)\n if (!stateRef.current) {\n stateRef.current = {\n get host() {\n return hostRef.current\n },\n }\n }\n\n const [_, state] = useThemeWithState({})\n\n const styles = Array.isArray(style) ? style : [style]\n\n // we can assume just one animatedStyle max for now\n const [animatedStyle, nonAnimatedStyles] = (() => {\n return [\n styles.find((x) => x.getStyle) as MotionAnimatedNumberStyle | undefined,\n styles.filter((x) => !x.getStyle),\n ] as const\n })()\n\n function getProps(props: any) {\n const out = getSplitStyles(\n props,\n isText ? Text.staticConfig : View.staticConfig,\n state?.theme!,\n state?.name!,\n {\n unmounted: false,\n },\n {\n isAnimated: false,\n noClass: true,\n // noMergeStyle: true,\n resolveValues: 'auto',\n }\n )\n\n if (!out) {\n return {}\n }\n\n // we can definitely get rid of this here\n if (out.viewProps.style) {\n fixStyles(out.viewProps.style)\n styleToCSS(out.viewProps.style)\n }\n\n return out.viewProps\n }\n\n const props = getProps({ ...propsRest, style: nonAnimatedStyles })\n const Element = tag || 'div'\n const transformedProps = hooks.usePropsTransform?.(tag, props, stateRef, false)\n\n useEffect(() => {\n if (!animatedStyle) return\n\n return animatedStyle.motionValue.on('change', (value) => {\n const nextStyle = animatedStyle.getStyle(value)\n const animationConfig = MotionValueStrategy.get(animatedStyle.motionValue)\n const node = hostRef.current\n\n const webStyle = getProps({ style: nextStyle }).style\n\n if (webStyle && node instanceof HTMLElement) {\n const motionAnimationConfig =\n animationConfig?.type === 'timing'\n ? {\n type: 'tween',\n duration: (animationConfig?.duration || 0) / 1000,\n }\n : animationConfig?.type === 'direct'\n ? { type: 'tween', duration: 0 }\n : {\n type: 'spring',\n ...(animationConfig as any),\n }\n\n animate(node, webStyle as any, motionAnimationConfig)\n }\n })\n }, [animatedStyle])\n\n return <Element {...transformedProps} ref={composedRefs} />\n })\n\n Component['acceptTagProp'] = true\n\n return Component\n}\n\nfunction getDiff<T extends Record<string, unknown>>(\n previous: T | null,\n next: T\n): Record<string, unknown> | null {\n if (!previous) {\n return next\n }\n\n let diff: Record<string, unknown> | null = null\n for (const key in next) {\n if (next[key] !== previous[key]) {\n diff ||= {}\n diff[key] = next[key]\n }\n }\n return diff\n}\n"
|
|
11
11
|
],
|
|
12
12
|
"version": 3
|
|
13
13
|
}
|