@tamagui/animations-moti 1.95.2 → 1.96.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/createAnimations.js +22 -50
- package/dist/cjs/createAnimations.js.map +1 -1
- package/dist/cjs/createAnimations.native.js +21 -49
- package/dist/cjs/createAnimations.native.js.map +2 -2
- package/dist/esm/createAnimations.js +21 -52
- package/dist/esm/createAnimations.js.map +1 -1
- package/dist/esm/createAnimations.mjs +21 -50
- package/dist/esm/createAnimations.native.js +21 -50
- package/dist/esm/createAnimations.native.js.map +2 -2
- package/package.json +9 -6
- package/src/createAnimations.tsx +22 -56
- package/types/createAnimations.d.ts.map +1 -1
|
@@ -25,55 +25,27 @@ __export(createAnimations_exports, {
|
|
|
25
25
|
createAnimations: () => createAnimations
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(createAnimations_exports);
|
|
28
|
-
var import_use_presence = require("@tamagui/use-presence"),
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
marginRight: !0,
|
|
50
|
-
marginBottom: !0,
|
|
51
|
-
cursor: !0,
|
|
52
|
-
display: !0,
|
|
53
|
-
flexBasis: !0,
|
|
54
|
-
flexDirection: !0,
|
|
55
|
-
flexShrink: !0,
|
|
56
|
-
justifyContent: !0,
|
|
57
|
-
maxHeight: !0,
|
|
58
|
-
maxWidth: !0,
|
|
59
|
-
minHeight: !0,
|
|
60
|
-
minWidth: !0,
|
|
61
|
-
outlineStyle: !0,
|
|
62
|
-
overflow: !0,
|
|
63
|
-
overflowX: !0,
|
|
64
|
-
overflowY: !0,
|
|
65
|
-
pointerEvents: !0,
|
|
66
|
-
position: !0,
|
|
67
|
-
shadowColor: !0,
|
|
68
|
-
zIndex: !0,
|
|
69
|
-
// text
|
|
70
|
-
userSelect: !0,
|
|
71
|
-
fontFamily: !0,
|
|
72
|
-
lineHeight: !0,
|
|
73
|
-
textAlign: !0,
|
|
74
|
-
textOverflow: !0,
|
|
75
|
-
whiteSpace: !0,
|
|
76
|
-
wordWrap: !0
|
|
28
|
+
var import_use_presence = require("@tamagui/use-presence"), import_author = require("moti/author"), import_react = require("react"), import_react_native_reanimated = __toESM(require("react-native-reanimated"));
|
|
29
|
+
const onlyAnimateKeys = {
|
|
30
|
+
transform: !0,
|
|
31
|
+
opacity: !0,
|
|
32
|
+
height: !0,
|
|
33
|
+
width: !0,
|
|
34
|
+
backgroundColor: !0,
|
|
35
|
+
borderColor: !0,
|
|
36
|
+
borderLeftColor: !0,
|
|
37
|
+
borderRightColor: !0,
|
|
38
|
+
borderTopColor: !0,
|
|
39
|
+
borderBottomColor: !0,
|
|
40
|
+
borderRadius: !0,
|
|
41
|
+
borderTopLeftRadius: !0,
|
|
42
|
+
borderTopRightRadius: !0,
|
|
43
|
+
borderBottomLeftRadius: !0,
|
|
44
|
+
borderBottomRightRadius: !0,
|
|
45
|
+
borderLeftWidth: !0,
|
|
46
|
+
borderRightWidth: !0,
|
|
47
|
+
borderTopWidth: !0,
|
|
48
|
+
borderBottomWidth: !0
|
|
77
49
|
};
|
|
78
50
|
function createAnimations(animations) {
|
|
79
51
|
return {
|
|
@@ -150,7 +122,7 @@ function createAnimations(animations) {
|
|
|
150
122
|
const animateOnly = props.animateOnly;
|
|
151
123
|
for (const key in style) {
|
|
152
124
|
const value = style[key];
|
|
153
|
-
!
|
|
125
|
+
!onlyAnimateKeys[key] || value === "auto" || animateOnly && !animateOnly.includes(key) ? dontAnimate[key] = value : animate[key] = value;
|
|
154
126
|
}
|
|
155
127
|
}
|
|
156
128
|
const animateStr = JSON.stringify(animate), styles = (0, import_react.useMemo)(() => JSON.parse(animateStr), [animateStr]), isExiting = !!presence?.[1], presenceContext = (0, import_react.useContext)(import_use_presence.PresenceContext), usePresenceValue = presence || void 0, motiProps = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4D,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4D,kCAG5D,gBAA0B,wBAC1B,eAAwD,kBAGxD,iCASO;AA8BP,MAAM,kBAAgF;AAAA,EACpF,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,mBAAmB;AACrB;AAEO,SAAS,iBACd,YACoB;AACpB,SAAO;AAAA;AAAA;AAAA,IAGL,MAAM,+BAAAA,QAAS;AAAA,IACf,MAAM,+BAAAA,QAAS;AAAA,IACf,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IAEA,kBAAkB,SAA4D;AAC5E,YAAM,kBAAc,+CAAe,OAAO;AAE1C,iBAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AACZ;AACA,mBAAO;AAAA,UACT;AAAA,UACA,WAAW;AACT;AACA,mBAAO,YAAY;AAAA,UACrB;AAAA,UACA,SAAS,MAAM,SAAS,EAAE,MAAM,SAAS,GAAG,UAAU;AACpD;AACA,YAAI,OAAO,SAAS,YAClB,YAAY,QAAQ,MACpB,WAAW,KACF,OAAO,SAAS,WACzB,YAAY,YAAQ;AAAA,cAClB;AAAA,cACA;AAAA,cACA,WACI,MAAM;AACJ;AACA,4DAAQ,QAAQ,EAAE;AAAA,cACpB,IACA;AAAA,YACN,IAEA,YAAY,YAAQ;AAAA,cAClB;AAAA,cACA;AAAA,cACA,WACI,MAAM;AACJ;AACA,4DAAQ,QAAQ,EAAE;AAAA,cACpB,IACA;AAAA,YACN;AAAA,UAEJ;AAAA,UACA,OAAO;AACL;AACA,gEAAgB,WAAW;AAAA,UAC7B;AAAA,QACF;AAAA,QACA,CAAC,WAAW;AAAA,MACd;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,YAAM,WAAW,MAAM,YAAY;AACnC,iBAAO;AAAA,QACL,MACS,SAAS;AAAA,QAElB,CAAC,MAAM,SAAS;AACd,UAAI,SAAS,YAGX,wCAAQ,OAAO,EAAE,IAAI;AAAA,QAEzB;AAAA;AAAA,QAEA,CAAC,SAAS,QAAQ;AAAA,MACpB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,uBAAuB,KAAK,UAAU;AACpC,YAAM,WAAW,IAAI,YAAY,GAG3B,mBAAe,gDAAgB,MAC5B,SAAS,OAEf,CAAC,UAAU,QAAQ,CAAC;AAEvB,iBAAO,iDAAiB,MACf,SAAS,aAAa,KAAK,GAEjC,CAAC,KAAK,UAAU,cAAc,QAAQ,CAAC;AAAA,IAC5C;AAAA,IAEA,eAAe,CAAC,mBAAmB;AACjC,YAAM,EAAE,OAAO,UAAU,OAAO,cAAc,eAAe,IAAI,gBAC3D,eAAe,MAAM,QAAQ,MAAM,SAAS,IAC9C,MAAM,UAAU,CAAC,IACjB,MAAM,WAEJ,cAAc,eAAe,cAAc;AACjD,UAAI,UAAU,CAAC,GACX,cAAc,CAAC;AAEnB,UAAI;AACF,sBAAc;AAAA,WACT;AACL,cAAM,cAAc,MAAM;AAC1B,mBAAW,OAAO,OAAO;AACvB,gBAAM,QAAQ,MAAM,GAAG;AACvB,UACE,CAAC,gBAAgB,GAAG,KACpB,UAAU,UACT,eAAe,CAAC,YAAY,SAAS,GAAG,IAEzC,YAAY,GAAG,IAAI,QAEnB,QAAQ,GAAG,IAAI;AAAA,QAEnB;AAAA,MACF;AAIA,YAAM,aAAa,KAAK,UAAU,OAAO,GACnC,aAAS,sBAAQ,MAAM,KAAK,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC,GAE3D,YAAY,EAAQ,WAAW,CAAC,GAChC,sBAAkB,yBAAW,mCAAe,GAC5C,mBAAoB,YAAY,QAIhC,YAAY;AAAA,QAChB,SAAS,aAAa,cAAc,CAAC,IAAI;AAAA,QACzC,YAAY,WAAW,YAAuC;AAAA,QAC9D;AAAA,QACA;AAAA,QACA,MAAM,YAAY,SAAS;AAAA,MAC7B,GAEM,WAAO,yBAAU,SAAS;AAEhC,aAAI,QAAQ,IAAI,aAAa,iBAAiB,MAAM,SAClD,QAAQ,KAAK,cAAc,KAAK,UAAU,WAAW,MAAM,CAAC,IAAI,KAAK;AAAA,QACnE;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,CAAC,aAAa,KAAK,KAAK;AAAA,MACjC,CAAC,GAGI;AAAA,QACL,OAAO,CAAC,aAAa,KAAK,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AACF;",
|
|
5
5
|
"names": ["Animated"]
|
|
6
6
|
}
|
|
@@ -26,54 +26,26 @@ __export(createAnimations_exports, {
|
|
|
26
26
|
createAnimations: () => createAnimations
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(createAnimations_exports);
|
|
29
|
-
var import_use_presence = require("@tamagui/use-presence"),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
marginRight: !0,
|
|
50
|
-
marginBottom: !0,
|
|
51
|
-
cursor: !0,
|
|
52
|
-
display: !0,
|
|
53
|
-
flexBasis: !0,
|
|
54
|
-
flexDirection: !0,
|
|
55
|
-
flexShrink: !0,
|
|
56
|
-
justifyContent: !0,
|
|
57
|
-
maxHeight: !0,
|
|
58
|
-
maxWidth: !0,
|
|
59
|
-
minHeight: !0,
|
|
60
|
-
minWidth: !0,
|
|
61
|
-
outlineStyle: !0,
|
|
62
|
-
overflow: !0,
|
|
63
|
-
overflowX: !0,
|
|
64
|
-
overflowY: !0,
|
|
65
|
-
pointerEvents: !0,
|
|
66
|
-
position: !0,
|
|
67
|
-
shadowColor: !0,
|
|
68
|
-
zIndex: !0,
|
|
69
|
-
// text
|
|
70
|
-
userSelect: !0,
|
|
71
|
-
fontFamily: !0,
|
|
72
|
-
lineHeight: !0,
|
|
73
|
-
textAlign: !0,
|
|
74
|
-
textOverflow: !0,
|
|
75
|
-
whiteSpace: !0,
|
|
76
|
-
wordWrap: !0
|
|
29
|
+
var import_use_presence = require("@tamagui/use-presence"), import_author = require("moti/author"), import_react = require("react"), import_react_native_reanimated = __toESM(require("react-native-reanimated")), onlyAnimateKeys = {
|
|
30
|
+
transform: !0,
|
|
31
|
+
opacity: !0,
|
|
32
|
+
height: !0,
|
|
33
|
+
width: !0,
|
|
34
|
+
backgroundColor: !0,
|
|
35
|
+
borderColor: !0,
|
|
36
|
+
borderLeftColor: !0,
|
|
37
|
+
borderRightColor: !0,
|
|
38
|
+
borderTopColor: !0,
|
|
39
|
+
borderBottomColor: !0,
|
|
40
|
+
borderRadius: !0,
|
|
41
|
+
borderTopLeftRadius: !0,
|
|
42
|
+
borderTopRightRadius: !0,
|
|
43
|
+
borderBottomLeftRadius: !0,
|
|
44
|
+
borderBottomRightRadius: !0,
|
|
45
|
+
borderLeftWidth: !0,
|
|
46
|
+
borderRightWidth: !0,
|
|
47
|
+
borderTopWidth: !0,
|
|
48
|
+
borderBottomWidth: !0
|
|
77
49
|
};
|
|
78
50
|
function createAnimations(animations) {
|
|
79
51
|
return {
|
|
@@ -170,7 +142,7 @@ function createAnimations(animations) {
|
|
|
170
142
|
var animateOnly = props.animateOnly;
|
|
171
143
|
for (var key in style) {
|
|
172
144
|
var value = style[key];
|
|
173
|
-
!
|
|
145
|
+
!onlyAnimateKeys[key] || value === "auto" || animateOnly && !animateOnly.includes(key) ? dontAnimate[key] = value : animate[key] = value;
|
|
174
146
|
}
|
|
175
147
|
}
|
|
176
148
|
var animateStr = JSON.stringify(animate), styles = (0, import_react.useMemo)(function() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/animations-moti/src/createAnimations.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;0BAA4D,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;0BAA4D,kCAG5D,gBAA0B,wBAC1B,eAAwD,kBAGxD,iCASO,6CA8BDA,kBAAgF;EACpFC,WAAW;EACXC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,iBAAiB;EACjBC,aAAa;EACbC,iBAAiB;EACjBC,kBAAkB;EAClBC,gBAAgB;EAChBC,mBAAmB;EACnBC,cAAc;EACdC,qBAAqB;EACrBC,sBAAsB;EACtBC,wBAAwB;EACxBC,yBAAyB;EACzBC,iBAAiB;EACjBC,kBAAkB;EAClBC,gBAAgB;EAChBC,mBAAmB;AACrB;AAEO,SAASC,iBACdC,YAAa;AAEb,SAAO;;;IAGLC,MAAMC,+BAAAA,QAASD;IACfE,MAAMD,+BAAAA,QAASC;IACfC,eAAe;IACfJ;IACAK,aAAAA;IACAC,eAAAA;IAEAC,mBAAAA,SAAkBC,SAAO;AACvB,UAAMC,kBAAcC,+CAAeF,OAAAA;AAEnC,iBAAOG,sBACL,WAAA;eAAO;UACLC,aAAAA,WAAAA;AACE;AACA,mBAAOH;UACT;UACAI,UAAAA,WAAAA;AACE;AACA,mBAAOJ,YAAYK;UACrB;UACAC,UAAAA,SAASC,MAAI;AACX;gBADaC,SAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAS;cAAEC,MAAM;YAAS,GAAGC,WAAAA,UAAAA,SAAAA,IAAAA,UAAAA,CAAAA,IAAAA;AAE1C,YAAIF,OAAOC,SAAS,YAClBT,YAAYK,QAAQE,MACpBG,YAAAA,QAAAA,SAAAA,KACSF,OAAOC,SAAS,WACzBT,YAAYK,YAAQM,2CAClBJ,MACAC,QACAE,WACI,WAAA;AACE;AACAE,0DAAQF,QAAAA,EAAAA;YACV,IACAG,MAAAA,IAGNb,YAAYK,YAAQS,2CAClBP,MACAC,QACAE,WACI,WAAA;AACE;AACAE,0DAAQF,QAAAA,EAAAA;YACV,IACAG,MAAAA;UAGV;UACAE,MAAAA,WAAAA;AACE;AACAC,gEAAgBhB,WAAAA;UAClB;QACF;SACA;QAACA;OAAY;IAEjB;IAEAiB,2BAAAA,SAA0B,OAAWC,SAAO;UAAhBb,QAAF,MAAEA,OACpBc,WAAWd,MAAMF,YAAW;AAClC,iBAAOiB;QACL,WAAA;AACE,iBAAOD,SAASd;QAClB;QACA,SAACE,MAAMc,MAAAA;AACL,UAAIA,SAASd,YAGXK,wCAAQM,OAAAA,EAASX,IAAAA;QAErB;;QAEA;UAACW;UAASC;;MAAS;IAEvB;;;;IAKAG,wBAAAA,SAAuBC,KAAKC,UAAQ;AAClC,UAAML,WAAWI,IAAIpB,YAAW,GAG1BsB,mBAAeC;QAAgB,WAAA;AACnC,iBAAOP,SAASd;QAElB;;QAAG;UAACc;UAAUK;;MAAS;AAEvB,iBAAOG;QAAiB,WAAA;AACtB,iBAAOH,SAASC,aAAapB,KAAK;QAEpC;;QAAG;UAACkB;UAAKC;UAAUC;UAAcN;;MAAS;IAC5C;IAEAS,eAAe,SAACC,gBAAAA;AACd,UAAQC,QAAyDD,eAAzDC,OAAOC,WAAkDF,eAAlDE,UAAUC,QAAwCH,eAAxCG,OAAOC,eAAiCJ,eAAjCI,cAAcC,iBAAmBL,eAAnBK,gBACxCC,eAAeC,MAAMC,QAAQP,MAAMQ,SAAS,IAC9CR,MAAMQ,UAAU,CAAA,IAChBR,MAAMQ,WAEJC,cAAcL,eAAeM,cAAc,gBAC7CC,UAAU,CAAC,GACXC,cAAc,CAAC;AAEnB,UAAIH;AACFG,sBAAcV;WACT;AACL,YAAMW,cAAcb,MAAMa;AAC1B,iBAAWC,OAAOZ,OAAO;AACvB,cAAM3B,QAAQ2B,MAAMY,GAAAA;AACpB,UACE,CAAC1E,gBAAgB0E,GAAAA,KACjBvC,UAAU,UACTsC,eAAe,CAACA,YAAYE,SAASD,GAAAA,IAEtCF,YAAYE,GAAAA,IAAOvC,QAEnBoC,QAAQG,GAAAA,IAAOvC;QAEnB;MACF;AAIA,UAAMyC,aAAaC,KAAKC,UAAUP,OAAAA,GAC5BQ,aAAS/C,sBAAQ,WAAA;eAAM6C,KAAKG,MAAMJ,UAAAA;SAAa;QAACA;OAAW,GAE3DK,YAAYC,GAAQrB,YAAAA,QAAAA,SAAW,CAAA,IAC/BsB,sBAAkBC,yBAAWC,mCAAAA,GAC7BC,mBAAoBzB,YAAYlB,QAIhC4C,YAAY;QAChBhB,SAASU,aAAaZ,cAAc,CAAC,IAAIU;QACzCS,YAAYnE,WAAW4C,YAAAA;QACvBqB;QACAH;QACAM,MAAMR,YAAYF,SAASpC;MAC7B,GAEM+C,WAAOC,yBAAUJ,SAAAA;AAEvB,aAAIK,QAAQC,IAAIC,aAAa,iBAAiBlC,MAAM,SAClDmC,QAAQC,KAAM,cAAanB,KAAKC,UAAUS,WAAW,MAAM,CAAA,IAAK,KAAK;QACnE5B;QACA4B;QACAG;QACA5B,OAAO;UAACU;UAAakB,KAAK5B;;MAC5B,CAAA,GAGK;QACLA,OAAO;UAACU;UAAakB,KAAK5B;;MAC5B;IACF;EACF;AACF;",
|
|
5
|
+
"names": ["onlyAnimateKeys", "transform", "opacity", "height", "width", "backgroundColor", "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth", "createAnimations", "animations", "View", "Animated", "Text", "isReactNative", "usePresence", "ResetPresence", "useAnimatedNumber", "initial", "sharedValue", "useSharedValue", "useMemo", "getInstance", "getValue", "value", "setValue", "next", "config", "type", "onFinish", "withSpring", "runOnJS", "undefined", "withTiming", "stop", "cancelAnimation", "useAnimatedNumberReaction", "onValue", "instance", "useAnimatedReaction", "prev", "useAnimatedNumberStyle", "val", "getStyle", "derivedValue", "useDerivedValue", "useAnimatedStyle", "useAnimations", "animationProps", "props", "presence", "style", "onDidAnimate", "componentState", "animationKey", "Array", "isArray", "animation", "isHydrating", "unmounted", "animate", "dontAnimate", "animateOnly", "key", "includes", "animateStr", "JSON", "stringify", "styles", "parse", "isExiting", "Boolean", "presenceContext", "useContext", "PresenceContext", "usePresenceValue", "motiProps", "transition", "exit", "moti", "useMotify", "process", "env", "NODE_ENV", "console", "info"]
|
|
6
6
|
}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import { PresenceContext, ResetPresence, usePresence } from "@tamagui/use-presence";
|
|
2
|
-
import {
|
|
3
|
-
stylePropsAll
|
|
4
|
-
} from "@tamagui/web";
|
|
5
2
|
import { useMotify } from "moti/author";
|
|
6
3
|
import { useContext, useMemo } from "react";
|
|
7
4
|
import Animated, {
|
|
@@ -14,54 +11,26 @@ import Animated, {
|
|
|
14
11
|
withSpring,
|
|
15
12
|
withTiming
|
|
16
13
|
} from "react-native-reanimated";
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
marginRight: !0,
|
|
38
|
-
marginBottom: !0,
|
|
39
|
-
cursor: !0,
|
|
40
|
-
display: !0,
|
|
41
|
-
flexBasis: !0,
|
|
42
|
-
flexDirection: !0,
|
|
43
|
-
flexShrink: !0,
|
|
44
|
-
justifyContent: !0,
|
|
45
|
-
maxHeight: !0,
|
|
46
|
-
maxWidth: !0,
|
|
47
|
-
minHeight: !0,
|
|
48
|
-
minWidth: !0,
|
|
49
|
-
outlineStyle: !0,
|
|
50
|
-
overflow: !0,
|
|
51
|
-
overflowX: !0,
|
|
52
|
-
overflowY: !0,
|
|
53
|
-
pointerEvents: !0,
|
|
54
|
-
position: !0,
|
|
55
|
-
shadowColor: !0,
|
|
56
|
-
zIndex: !0,
|
|
57
|
-
// text
|
|
58
|
-
userSelect: !0,
|
|
59
|
-
fontFamily: !0,
|
|
60
|
-
lineHeight: !0,
|
|
61
|
-
textAlign: !0,
|
|
62
|
-
textOverflow: !0,
|
|
63
|
-
whiteSpace: !0,
|
|
64
|
-
wordWrap: !0
|
|
14
|
+
const onlyAnimateKeys = {
|
|
15
|
+
transform: !0,
|
|
16
|
+
opacity: !0,
|
|
17
|
+
height: !0,
|
|
18
|
+
width: !0,
|
|
19
|
+
backgroundColor: !0,
|
|
20
|
+
borderColor: !0,
|
|
21
|
+
borderLeftColor: !0,
|
|
22
|
+
borderRightColor: !0,
|
|
23
|
+
borderTopColor: !0,
|
|
24
|
+
borderBottomColor: !0,
|
|
25
|
+
borderRadius: !0,
|
|
26
|
+
borderTopLeftRadius: !0,
|
|
27
|
+
borderTopRightRadius: !0,
|
|
28
|
+
borderBottomLeftRadius: !0,
|
|
29
|
+
borderBottomRightRadius: !0,
|
|
30
|
+
borderLeftWidth: !0,
|
|
31
|
+
borderRightWidth: !0,
|
|
32
|
+
borderTopWidth: !0,
|
|
33
|
+
borderBottomWidth: !0
|
|
65
34
|
};
|
|
66
35
|
function createAnimations(animations) {
|
|
67
36
|
return {
|
|
@@ -138,7 +107,7 @@ function createAnimations(animations) {
|
|
|
138
107
|
const animateOnly = props.animateOnly;
|
|
139
108
|
for (const key in style) {
|
|
140
109
|
const value = style[key];
|
|
141
|
-
!
|
|
110
|
+
!onlyAnimateKeys[key] || value === "auto" || animateOnly && !animateOnly.includes(key) ? dontAnimate[key] = value : animate[key] = value;
|
|
142
111
|
}
|
|
143
112
|
}
|
|
144
113
|
const animateStr = JSON.stringify(animate), styles = useMemo(() => JSON.parse(animateStr), [animateStr]), isExiting = !!presence?.[1], presenceContext = useContext(PresenceContext), usePresenceValue = presence || void 0, motiProps = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iBAAiB,eAAe,mBAAmB;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,56 +1,27 @@
|
|
|
1
1
|
import { PresenceContext, ResetPresence, usePresence } from "@tamagui/use-presence";
|
|
2
|
-
import { stylePropsAll } from "@tamagui/web";
|
|
3
2
|
import { useMotify } from "moti/author";
|
|
4
3
|
import { useContext, useMemo } from "react";
|
|
5
4
|
import Animated, { cancelAnimation, runOnJS, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
marginRight: !0,
|
|
27
|
-
marginBottom: !0,
|
|
28
|
-
cursor: !0,
|
|
29
|
-
display: !0,
|
|
30
|
-
flexBasis: !0,
|
|
31
|
-
flexDirection: !0,
|
|
32
|
-
flexShrink: !0,
|
|
33
|
-
justifyContent: !0,
|
|
34
|
-
maxHeight: !0,
|
|
35
|
-
maxWidth: !0,
|
|
36
|
-
minHeight: !0,
|
|
37
|
-
minWidth: !0,
|
|
38
|
-
outlineStyle: !0,
|
|
39
|
-
overflow: !0,
|
|
40
|
-
overflowX: !0,
|
|
41
|
-
overflowY: !0,
|
|
42
|
-
pointerEvents: !0,
|
|
43
|
-
position: !0,
|
|
44
|
-
shadowColor: !0,
|
|
45
|
-
zIndex: !0,
|
|
46
|
-
// text
|
|
47
|
-
userSelect: !0,
|
|
48
|
-
fontFamily: !0,
|
|
49
|
-
lineHeight: !0,
|
|
50
|
-
textAlign: !0,
|
|
51
|
-
textOverflow: !0,
|
|
52
|
-
whiteSpace: !0,
|
|
53
|
-
wordWrap: !0
|
|
5
|
+
const onlyAnimateKeys = {
|
|
6
|
+
transform: !0,
|
|
7
|
+
opacity: !0,
|
|
8
|
+
height: !0,
|
|
9
|
+
width: !0,
|
|
10
|
+
backgroundColor: !0,
|
|
11
|
+
borderColor: !0,
|
|
12
|
+
borderLeftColor: !0,
|
|
13
|
+
borderRightColor: !0,
|
|
14
|
+
borderTopColor: !0,
|
|
15
|
+
borderBottomColor: !0,
|
|
16
|
+
borderRadius: !0,
|
|
17
|
+
borderTopLeftRadius: !0,
|
|
18
|
+
borderTopRightRadius: !0,
|
|
19
|
+
borderBottomLeftRadius: !0,
|
|
20
|
+
borderBottomRightRadius: !0,
|
|
21
|
+
borderLeftWidth: !0,
|
|
22
|
+
borderRightWidth: !0,
|
|
23
|
+
borderTopWidth: !0,
|
|
24
|
+
borderBottomWidth: !0
|
|
54
25
|
};
|
|
55
26
|
function createAnimations(animations) {
|
|
56
27
|
return {
|
|
@@ -131,7 +102,7 @@ function createAnimations(animations) {
|
|
|
131
102
|
const animateOnly = props.animateOnly;
|
|
132
103
|
for (const key in style) {
|
|
133
104
|
const value = style[key];
|
|
134
|
-
!
|
|
105
|
+
!onlyAnimateKeys[key] || value === "auto" || animateOnly && !animateOnly.includes(key) ? dontAnimate[key] = value : animate[key] = value;
|
|
135
106
|
}
|
|
136
107
|
}
|
|
137
108
|
const animateStr = JSON.stringify(animate),
|
|
@@ -1,56 +1,27 @@
|
|
|
1
1
|
import { PresenceContext, ResetPresence, usePresence } from "@tamagui/use-presence";
|
|
2
|
-
import { stylePropsAll } from "@tamagui/web";
|
|
3
2
|
import { useMotify } from "moti/author";
|
|
4
3
|
import { useContext, useMemo } from "react";
|
|
5
4
|
import Animated, { cancelAnimation, runOnJS, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
marginRight: !0,
|
|
27
|
-
marginBottom: !0,
|
|
28
|
-
cursor: !0,
|
|
29
|
-
display: !0,
|
|
30
|
-
flexBasis: !0,
|
|
31
|
-
flexDirection: !0,
|
|
32
|
-
flexShrink: !0,
|
|
33
|
-
justifyContent: !0,
|
|
34
|
-
maxHeight: !0,
|
|
35
|
-
maxWidth: !0,
|
|
36
|
-
minHeight: !0,
|
|
37
|
-
minWidth: !0,
|
|
38
|
-
outlineStyle: !0,
|
|
39
|
-
overflow: !0,
|
|
40
|
-
overflowX: !0,
|
|
41
|
-
overflowY: !0,
|
|
42
|
-
pointerEvents: !0,
|
|
43
|
-
position: !0,
|
|
44
|
-
shadowColor: !0,
|
|
45
|
-
zIndex: !0,
|
|
46
|
-
// text
|
|
47
|
-
userSelect: !0,
|
|
48
|
-
fontFamily: !0,
|
|
49
|
-
lineHeight: !0,
|
|
50
|
-
textAlign: !0,
|
|
51
|
-
textOverflow: !0,
|
|
52
|
-
whiteSpace: !0,
|
|
53
|
-
wordWrap: !0
|
|
5
|
+
var onlyAnimateKeys = {
|
|
6
|
+
transform: !0,
|
|
7
|
+
opacity: !0,
|
|
8
|
+
height: !0,
|
|
9
|
+
width: !0,
|
|
10
|
+
backgroundColor: !0,
|
|
11
|
+
borderColor: !0,
|
|
12
|
+
borderLeftColor: !0,
|
|
13
|
+
borderRightColor: !0,
|
|
14
|
+
borderTopColor: !0,
|
|
15
|
+
borderBottomColor: !0,
|
|
16
|
+
borderRadius: !0,
|
|
17
|
+
borderTopLeftRadius: !0,
|
|
18
|
+
borderTopRightRadius: !0,
|
|
19
|
+
borderBottomLeftRadius: !0,
|
|
20
|
+
borderBottomRightRadius: !0,
|
|
21
|
+
borderLeftWidth: !0,
|
|
22
|
+
borderRightWidth: !0,
|
|
23
|
+
borderTopWidth: !0,
|
|
24
|
+
borderBottomWidth: !0
|
|
54
25
|
};
|
|
55
26
|
function createAnimations(animations) {
|
|
56
27
|
return {
|
|
@@ -147,7 +118,7 @@ function createAnimations(animations) {
|
|
|
147
118
|
var animateOnly = props.animateOnly;
|
|
148
119
|
for (var key in style) {
|
|
149
120
|
var value = style[key];
|
|
150
|
-
!
|
|
121
|
+
!onlyAnimateKeys[key] || value === "auto" || animateOnly && !animateOnly.includes(key) ? dontAnimate[key] = value : animate[key] = value;
|
|
151
122
|
}
|
|
152
123
|
}
|
|
153
124
|
var animateStr = JSON.stringify(animate), styles = useMemo(function() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/animations-moti/src/createAnimations.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,iBAAiBC,eAAeC,mBAAmB;
|
|
5
|
-
"names": ["PresenceContext", "ResetPresence", "usePresence", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["PresenceContext", "ResetPresence", "usePresence", "useMotify", "useContext", "useMemo", "Animated", "cancelAnimation", "runOnJS", "useAnimatedReaction", "useAnimatedStyle", "useDerivedValue", "useSharedValue", "withSpring", "withTiming", "onlyAnimateKeys", "transform", "opacity", "height", "width", "backgroundColor", "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth", "createAnimations", "animations", "View", "Text", "isReactNative", "useAnimatedNumber", "initial", "sharedValue", "getInstance", "getValue", "value", "setValue", "next", "config", "type", "onFinish", "undefined", "stop", "useAnimatedNumberReaction", "onValue", "instance", "prev", "useAnimatedNumberStyle", "val", "getStyle", "derivedValue", "useAnimations", "animationProps", "props", "presence", "style", "onDidAnimate", "componentState", "animationKey", "Array", "isArray", "animation", "isHydrating", "unmounted", "animate", "dontAnimate", "animateOnly", "key", "includes", "animateStr", "JSON", "stringify", "styles", "parse", "isExiting", "Boolean", "presenceContext", "usePresenceValue", "motiProps", "transition", "exit", "moti", "process", "env", "NODE_ENV", "console", "info"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/animations-moti",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.96.0",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -15,13 +15,16 @@
|
|
|
15
15
|
"dist"
|
|
16
16
|
],
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@tamagui/use-presence": "1.
|
|
19
|
-
"@tamagui/web": "1.
|
|
20
|
-
"moti": "^0.27.4"
|
|
21
|
-
|
|
18
|
+
"@tamagui/use-presence": "1.96.0",
|
|
19
|
+
"@tamagui/web": "1.96.0",
|
|
20
|
+
"moti": "^0.27.4"
|
|
21
|
+
},
|
|
22
|
+
"peerDependencies": {
|
|
23
|
+
"react": "*"
|
|
22
24
|
},
|
|
23
25
|
"devDependencies": {
|
|
24
|
-
"@tamagui/build": "1.
|
|
26
|
+
"@tamagui/build": "1.96.0",
|
|
27
|
+
"react": "^18.2.0",
|
|
25
28
|
"react-native-reanimated": "~3.6.2"
|
|
26
29
|
},
|
|
27
30
|
"scripts": {
|
package/src/createAnimations.tsx
CHANGED
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import { PresenceContext, ResetPresence, usePresence } from '@tamagui/use-presence'
|
|
2
|
-
import {
|
|
3
|
-
stylePropsAll,
|
|
4
|
-
type AnimationDriver,
|
|
5
|
-
type UniversalAnimatedNumber,
|
|
6
|
-
} from '@tamagui/web'
|
|
2
|
+
import { type AnimationDriver, type UniversalAnimatedNumber } from '@tamagui/web'
|
|
7
3
|
import type { MotiTransition } from 'moti'
|
|
8
4
|
import { useMotify } from 'moti/author'
|
|
9
5
|
import { type CSSProperties, useContext, useMemo } from 'react'
|
|
@@ -48,55 +44,26 @@ type ReanimatedAnimatedNumber = SharedValue<number>
|
|
|
48
44
|
// const AnimatedView = createTamaguiAnimatedComponent('div')
|
|
49
45
|
// const AnimatedText = createTamaguiAnimatedComponent('span')
|
|
50
46
|
|
|
51
|
-
const
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
marginRight: true,
|
|
72
|
-
marginBottom: true,
|
|
73
|
-
cursor: true,
|
|
74
|
-
display: true,
|
|
75
|
-
flexBasis: true,
|
|
76
|
-
flexDirection: true,
|
|
77
|
-
flexShrink: true,
|
|
78
|
-
justifyContent: true,
|
|
79
|
-
maxHeight: true,
|
|
80
|
-
maxWidth: true,
|
|
81
|
-
minHeight: true,
|
|
82
|
-
minWidth: true,
|
|
83
|
-
outlineStyle: true,
|
|
84
|
-
overflow: true,
|
|
85
|
-
overflowX: true,
|
|
86
|
-
overflowY: true,
|
|
87
|
-
pointerEvents: true,
|
|
88
|
-
position: true,
|
|
89
|
-
shadowColor: true,
|
|
90
|
-
zIndex: true,
|
|
91
|
-
|
|
92
|
-
// text
|
|
93
|
-
userSelect: true,
|
|
94
|
-
fontFamily: true,
|
|
95
|
-
lineHeight: true,
|
|
96
|
-
textAlign: true,
|
|
97
|
-
textOverflow: true,
|
|
98
|
-
whiteSpace: true,
|
|
99
|
-
wordWrap: true,
|
|
47
|
+
const onlyAnimateKeys: { [key in keyof TextStyle | keyof CSSProperties]?: boolean } = {
|
|
48
|
+
transform: true,
|
|
49
|
+
opacity: true,
|
|
50
|
+
height: true,
|
|
51
|
+
width: true,
|
|
52
|
+
backgroundColor: true,
|
|
53
|
+
borderColor: true,
|
|
54
|
+
borderLeftColor: true,
|
|
55
|
+
borderRightColor: true,
|
|
56
|
+
borderTopColor: true,
|
|
57
|
+
borderBottomColor: true,
|
|
58
|
+
borderRadius: true,
|
|
59
|
+
borderTopLeftRadius: true,
|
|
60
|
+
borderTopRightRadius: true,
|
|
61
|
+
borderBottomLeftRadius: true,
|
|
62
|
+
borderBottomRightRadius: true,
|
|
63
|
+
borderLeftWidth: true,
|
|
64
|
+
borderRightWidth: true,
|
|
65
|
+
borderTopWidth: true,
|
|
66
|
+
borderBottomWidth: true,
|
|
100
67
|
}
|
|
101
68
|
|
|
102
69
|
export function createAnimations<A extends Record<string, MotiTransition>>(
|
|
@@ -216,8 +183,7 @@ export function createAnimations<A extends Record<string, MotiTransition>>(
|
|
|
216
183
|
for (const key in style) {
|
|
217
184
|
const value = style[key]
|
|
218
185
|
if (
|
|
219
|
-
!
|
|
220
|
-
neverAnimate[key] ||
|
|
186
|
+
!onlyAnimateKeys[key] ||
|
|
221
187
|
value === 'auto' ||
|
|
222
188
|
(animateOnly && !animateOnly.includes(key))
|
|
223
189
|
) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAgC,MAAM,cAAc,CAAA;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAA;AAkE1C,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EACvE,UAAU,EAAE,CAAC,GACZ,eAAe,CAAC,CAAC,CAAC,CAiKpB"}
|