@tamagui/animations-moti 1.41.0 → 1.42.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.
Files changed (15) hide show
  1. package/dist/cjs/{create-animations.js → createAnimations.js} +10 -7
  2. package/dist/cjs/{create-animations.js.map → createAnimations.js.map} +2 -2
  3. package/dist/cjs/index.js +2 -2
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/esm/{create-animations.js → createAnimations.js} +7 -4
  6. package/dist/esm/{create-animations.js.map → createAnimations.js.map} +2 -2
  7. package/dist/esm/index.js +1 -1
  8. package/package.json +5 -5
  9. package/src/{create-animations.tsx → createAnimations.tsx} +7 -3
  10. package/src/index.tsx +1 -1
  11. package/types/{create-animations.d.ts → createAnimations.d.ts} +1 -1
  12. package/types/createAnimations.d.ts.map +1 -0
  13. package/types/index.d.ts +1 -1
  14. package/types/index.d.ts.map +1 -1
  15. package/types/create-animations.d.ts.map +0 -1
package/dist/cjs/{create-animations.js → createAnimations.js} RENAMED
@@ -26,11 +26,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
26
26
  mod
27
27
  ));
28
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var create_animations_exports = {};
30
- __export(create_animations_exports, {
29
+ var createAnimations_exports = {};
30
+ __export(createAnimations_exports, {
31
31
  createAnimations: () => createAnimations
32
32
  });
33
- module.exports = __toCommonJS(create_animations_exports);
33
+ module.exports = __toCommonJS(createAnimations_exports);
34
34
  var import_use_presence = require("@tamagui/use-presence");
35
35
  var import_moti = require("moti");
36
36
  var import_react = require("react");
@@ -94,20 +94,23 @@ function createAnimations(animations) {
94
94
  const animateOnly = props.animateOnly ?? ["opacity", "transform"];
95
95
  animate = {};
96
96
  animateOnly.forEach((nonAnimatedKey) => {
97
- if (!style[nonAnimatedKey])
97
+ if (typeof style[nonAnimatedKey] === "undefined")
98
98
  return;
99
99
  animate[nonAnimatedKey] = style[nonAnimatedKey];
100
100
  delete style[nonAnimatedKey];
101
101
  });
102
102
  const animateStr = JSON.stringify(animate);
103
+ const styles = (0, import_react.useMemo)(() => JSON.parse(animateStr), [animateStr]);
104
+ const isExiting = presence == null ? void 0 : presence[1];
103
105
  const moti = (0, import_moti.useMotify)({
104
106
  // without this, the driver breaks on native
105
107
  // stringifying -> parsing fixes that
106
- animate: (0, import_react.useMemo)(() => JSON.parse(animateStr), [animateStr]),
108
+ animate: isExiting ? void 0 : styles,
107
109
  transition: animations[animationKey],
108
110
  onDidAnimate,
109
111
  usePresenceValue: presence,
110
- presenceContext: (0, import_react.useContext)(import_use_presence.PresenceContext)
112
+ presenceContext: (0, import_react.useContext)(import_use_presence.PresenceContext),
113
+ exit: isExiting ? styles : void 0
111
114
  });
112
115
  return {
113
116
  style: [nonAnimatedStyle, moti.style]
@@ -119,4 +122,4 @@ function createAnimations(animations) {
119
122
  0 && (module.exports = {
120
123
  createAnimations
121
124
  });
122
- //# sourceMappingURL=create-animations.js.map
125
+ //# sourceMappingURL=createAnimations.js.map
package/dist/cjs/{create-animations.js.map → createAnimations.js.map} RENAMED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/create-animations.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6C;AAE7C,kBAA0C;AAC1C,mBAAoC;AACpC,qCAKO;AAEA,SAAS,iBACd,YACoB;AACpB,SAAO;AAAA,IACL,MAAM,+BAAAA,QAAS;AAAA,IACf,MAAM,+BAAAA,QAAS;AAAA,IACf,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IAEA,kBAAkB,SAA0C;AAC1D,YAAM,UAAM,+CAAe,OAAO;AAElC,iBAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AACZ;AACA,mBAAO,IAAI;AAAA,UACb;AAAA,UACA,WAAW;AACT;AACA,mBAAO,IAAI;AAAA,UACb;AAAA,UACA,SAAS,MAAM;AACb;AACA,gBAAI,QAAQ;AAAA,UACd;AAAA,UACA,OAAO;AACL;AAAA,UACF;AAAA,QACF;AAAA,QACA,CAAC,GAAG;AAAA,MACN;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,iBAAO;AAAA,QACL,MAAM;AACJ,iBAAO,MAAM,SAAS;AAAA,QACxB;AAAA,QACA,CAAC,MAAM,SAAS;AACd,cAAI,SAAS,MAAM;AAGjB,wDAAQ,OAAO,EAAE,IAAI;AAAA,UACvB;AAAA,QACF;AAAA;AAAA,QAEA,CAAC,OAAO,OAAO;AAAA,MACjB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,uBAAuB,KAAK,UAAU;AACpC,iBAAO,gDAAgB,MAAM;AAC3B,eAAO,SAAS,IAAI,SAAS,CAAC;AAAA,MAEhC,GAAG,CAAC,KAAK,QAAQ,CAAC;AAAA,IACpB;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,aAAa,MAAM;AAC3D,YAAM,eAAe,MAAM,QAAQ,MAAM,SAAS,IAC9C,MAAM,UAAU,CAAC,IACjB,MAAM;AAEV,UAAI,UAAU;AACd,YAAM,mBAAuC,EAAE,GAAG,MAAM;AAExD,YAAM,cAAc,MAAM,eAAe,CAAC,WAAW,WAAW;AAEhE,gBAAU,CAAC;AACX,kBAAY,QAAQ,CAAC,mBAAmB;AACtC,YAAI,CAAC,MAAM,cAAc;AAAG;AAC5B,gBAAQ,cAAc,IAAI,MAAM,cAAc;AAC9C,eAAO,MAAM,cAAc;AAAA,MAC7B,CAAC;AAED,YAAM,aAAa,KAAK,UAAU,OAAO;AACzC,YAAM,WAAO,uBAAU;AAAA;AAAA;AAAA,QAGrB,aAAS,sBAAQ,MAAM,KAAK,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC;AAAA,QAC3D,YAAY,WAAW,YAAuC;AAAA,QAC9D;AAAA,QACA,kBAAkB;AAAA,QAClB,qBAAiB,yBAAW,mCAAe;AAAA,MAC7C,CAAC;AAED,aAAO;AAAA,QACL,OAAO,CAAC,kBAAkB,KAAK,KAAK;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AACF;",
3
+ "sources": ["../../src/createAnimations.tsx"],
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6C;AAE7C,kBAA0C;AAC1C,mBAAoC;AACpC,qCAKO;AAEA,SAAS,iBACd,YACoB;AACpB,SAAO;AAAA,IACL,MAAM,+BAAAA,QAAS;AAAA,IACf,MAAM,+BAAAA,QAAS;AAAA,IACf,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IAEA,kBAAkB,SAA0C;AAC1D,YAAM,UAAM,+CAAe,OAAO;AAElC,iBAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AACZ;AACA,mBAAO,IAAI;AAAA,UACb;AAAA,UACA,WAAW;AACT;AACA,mBAAO,IAAI;AAAA,UACb;AAAA,UACA,SAAS,MAAM;AACb;AACA,gBAAI,QAAQ;AAAA,UACd;AAAA,UACA,OAAO;AACL;AAAA,UACF;AAAA,QACF;AAAA,QACA,CAAC,GAAG;AAAA,MACN;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,iBAAO;AAAA,QACL,MAAM;AACJ,iBAAO,MAAM,SAAS;AAAA,QACxB;AAAA,QACA,CAAC,MAAM,SAAS;AACd,cAAI,SAAS,MAAM;AAGjB,wDAAQ,OAAO,EAAE,IAAI;AAAA,UACvB;AAAA,QACF;AAAA;AAAA,QAEA,CAAC,OAAO,OAAO;AAAA,MACjB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,uBAAuB,KAAK,UAAU;AACpC,iBAAO,gDAAgB,MAAM;AAC3B,eAAO,SAAS,IAAI,SAAS,CAAC;AAAA,MAEhC,GAAG,CAAC,KAAK,QAAQ,CAAC;AAAA,IACpB;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,aAAa,MAAM;AAC3D,YAAM,eAAe,MAAM,QAAQ,MAAM,SAAS,IAC9C,MAAM,UAAU,CAAC,IACjB,MAAM;AAEV,UAAI,UAAU;AAEd,YAAM,mBAAuC,EAAE,GAAG,MAAM;AACxD,YAAM,cAAc,MAAM,eAAe,CAAC,WAAW,WAAW;AAEhE,gBAAU,CAAC;AACX,kBAAY,QAAQ,CAAC,mBAAmB;AACtC,YAAI,OAAO,MAAM,cAAc,MAAM;AAAa;AAClD,gBAAQ,cAAc,IAAI,MAAM,cAAc;AAC9C,eAAO,MAAM,cAAc;AAAA,MAC7B,CAAC;AAED,YAAM,aAAa,KAAK,UAAU,OAAO;AACzC,YAAM,aAAS,sBAAQ,MAAM,KAAK,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC;AACjE,YAAM,YAAY,qCAAW;AAE7B,YAAM,WAAO,uBAAU;AAAA;AAAA;AAAA,QAGrB,SAAS,YAAY,SAAY;AAAA,QACjC,YAAY,WAAW,YAAuC;AAAA,QAC9D;AAAA,QACA,kBAAkB;AAAA,QAClB,qBAAiB,yBAAW,mCAAe;AAAA,QAC3C,MAAM,YAAY,SAAS;AAAA,MAC7B,CAAC;AAED,aAAO;AAAA,QACL,OAAO,CAAC,kBAAkB,KAAK,KAAK;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AACF;",
5
5
  "names": ["Animated"]
6
6
  }
package/dist/cjs/index.js CHANGED
@@ -16,9 +16,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
16
16
  var src_exports = {};
17
17
  module.exports = __toCommonJS(src_exports);
18
18
  var import_polyfill = require("./polyfill");
19
- __reExport(src_exports, require("./create-animations"), module.exports);
19
+ __reExport(src_exports, require("./createAnimations"), module.exports);
20
20
  // Annotate the CommonJS export names for ESM import in node:
21
21
  0 && (module.exports = {
22
- ...require("./create-animations")
22
+ ...require("./createAnimations")
23
23
  });
24
24
  //# sourceMappingURL=index.js.map
package/dist/cjs/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,sBAAO;AAEP,wBAAc,gCAFd;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,sBAAO;AAEP,wBAAc,+BAFd;",
5
5
  "names": []
6
6
  }
package/dist/esm/{create-animations.js → createAnimations.js} RENAMED
@@ -66,20 +66,23 @@ function createAnimations(animations) {
66
66
  const animateOnly = props.animateOnly ?? ["opacity", "transform"];
67
67
  animate = {};
68
68
  animateOnly.forEach((nonAnimatedKey) => {
69
- if (!style[nonAnimatedKey])
69
+ if (typeof style[nonAnimatedKey] === "undefined")
70
70
  return;
71
71
  animate[nonAnimatedKey] = style[nonAnimatedKey];
72
72
  delete style[nonAnimatedKey];
73
73
  });
74
74
  const animateStr = JSON.stringify(animate);
75
+ const styles = useMemo(() => JSON.parse(animateStr), [animateStr]);
76
+ const isExiting = presence == null ? void 0 : presence[1];
75
77
  const moti = useMotify({
76
78
  // without this, the driver breaks on native
77
79
  // stringifying -> parsing fixes that
78
- animate: useMemo(() => JSON.parse(animateStr), [animateStr]),
80
+ animate: isExiting ? void 0 : styles,
79
81
  transition: animations[animationKey],
80
82
  onDidAnimate,
81
83
  usePresenceValue: presence,
82
- presenceContext: useContext(PresenceContext)
84
+ presenceContext: useContext(PresenceContext),
85
+ exit: isExiting ? styles : void 0
83
86
  });
84
87
  return {
85
88
  style: [nonAnimatedStyle, moti.style]
@@ -90,4 +93,4 @@ function createAnimations(animations) {
90
93
  export {
91
94
  createAnimations
92
95
  };
93
- //# sourceMappingURL=create-animations.js.map
96
+ //# sourceMappingURL=createAnimations.js.map
package/dist/esm/{create-animations.js.map → createAnimations.js.map} RENAMED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/create-animations.tsx"],
4
- "mappings": "AAAA,SAAS,iBAAiB,mBAAmB;AAE7C,SAAyB,iBAAiB;AAC1C,SAAS,YAAY,eAAe;AACpC,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,iBACd,YACoB;AACpB,SAAO;AAAA,IACL,MAAM,SAAS;AAAA,IACf,MAAM,SAAS;AAAA,IACf,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IAEA,kBAAkB,SAA0C;AAC1D,YAAM,MAAM,eAAe,OAAO;AAElC,aAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AACZ;AACA,mBAAO,IAAI;AAAA,UACb;AAAA,UACA,WAAW;AACT;AACA,mBAAO,IAAI;AAAA,UACb;AAAA,UACA,SAAS,MAAM;AACb;AACA,gBAAI,QAAQ;AAAA,UACd;AAAA,UACA,OAAO;AACL;AAAA,UACF;AAAA,QACF;AAAA,QACA,CAAC,GAAG;AAAA,MACN;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,aAAO;AAAA,QACL,MAAM;AACJ,iBAAO,MAAM,SAAS;AAAA,QACxB;AAAA,QACA,CAAC,MAAM,SAAS;AACd,cAAI,SAAS,MAAM;AAGjB,oBAAQ,OAAO,EAAE,IAAI;AAAA,UACvB;AAAA,QACF;AAAA;AAAA,QAEA,CAAC,OAAO,OAAO;AAAA,MACjB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,uBAAuB,KAAK,UAAU;AACpC,aAAO,gBAAgB,MAAM;AAC3B,eAAO,SAAS,IAAI,SAAS,CAAC;AAAA,MAEhC,GAAG,CAAC,KAAK,QAAQ,CAAC;AAAA,IACpB;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,aAAa,MAAM;AAC3D,YAAM,eAAe,MAAM,QAAQ,MAAM,SAAS,IAC9C,MAAM,UAAU,CAAC,IACjB,MAAM;AAEV,UAAI,UAAU;AACd,YAAM,mBAAuC,EAAE,GAAG,MAAM;AAExD,YAAM,cAAc,MAAM,eAAe,CAAC,WAAW,WAAW;AAEhE,gBAAU,CAAC;AACX,kBAAY,QAAQ,CAAC,mBAAmB;AACtC,YAAI,CAAC,MAAM,cAAc;AAAG;AAC5B,gBAAQ,cAAc,IAAI,MAAM,cAAc;AAC9C,eAAO,MAAM,cAAc;AAAA,MAC7B,CAAC;AAED,YAAM,aAAa,KAAK,UAAU,OAAO;AACzC,YAAM,OAAO,UAAU;AAAA;AAAA;AAAA,QAGrB,SAAS,QAAQ,MAAM,KAAK,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC;AAAA,QAC3D,YAAY,WAAW,YAAuC;AAAA,QAC9D;AAAA,QACA,kBAAkB;AAAA,QAClB,iBAAiB,WAAW,eAAe;AAAA,MAC7C,CAAC;AAED,aAAO;AAAA,QACL,OAAO,CAAC,kBAAkB,KAAK,KAAK;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AACF;",
3
+ "sources": ["../../src/createAnimations.tsx"],
4
+ "mappings": "AAAA,SAAS,iBAAiB,mBAAmB;AAE7C,SAAyB,iBAAiB;AAC1C,SAAS,YAAY,eAAe;AACpC,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,iBACd,YACoB;AACpB,SAAO;AAAA,IACL,MAAM,SAAS;AAAA,IACf,MAAM,SAAS;AAAA,IACf,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IAEA,kBAAkB,SAA0C;AAC1D,YAAM,MAAM,eAAe,OAAO;AAElC,aAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AACZ;AACA,mBAAO,IAAI;AAAA,UACb;AAAA,UACA,WAAW;AACT;AACA,mBAAO,IAAI;AAAA,UACb;AAAA,UACA,SAAS,MAAM;AACb;AACA,gBAAI,QAAQ;AAAA,UACd;AAAA,UACA,OAAO;AACL;AAAA,UACF;AAAA,QACF;AAAA,QACA,CAAC,GAAG;AAAA,MACN;AAAA,IACF;AAAA,IAEA,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAC5C,aAAO;AAAA,QACL,MAAM;AACJ,iBAAO,MAAM,SAAS;AAAA,QACxB;AAAA,QACA,CAAC,MAAM,SAAS;AACd,cAAI,SAAS,MAAM;AAGjB,oBAAQ,OAAO,EAAE,IAAI;AAAA,UACvB;AAAA,QACF;AAAA;AAAA,QAEA,CAAC,OAAO,OAAO;AAAA,MACjB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,uBAAuB,KAAK,UAAU;AACpC,aAAO,gBAAgB,MAAM;AAC3B,eAAO,SAAS,IAAI,SAAS,CAAC;AAAA,MAEhC,GAAG,CAAC,KAAK,QAAQ,CAAC;AAAA,IACpB;AAAA,IAEA,eAAe,CAAC,EAAE,OAAO,UAAU,OAAO,aAAa,MAAM;AAC3D,YAAM,eAAe,MAAM,QAAQ,MAAM,SAAS,IAC9C,MAAM,UAAU,CAAC,IACjB,MAAM;AAEV,UAAI,UAAU;AAEd,YAAM,mBAAuC,EAAE,GAAG,MAAM;AACxD,YAAM,cAAc,MAAM,eAAe,CAAC,WAAW,WAAW;AAEhE,gBAAU,CAAC;AACX,kBAAY,QAAQ,CAAC,mBAAmB;AACtC,YAAI,OAAO,MAAM,cAAc,MAAM;AAAa;AAClD,gBAAQ,cAAc,IAAI,MAAM,cAAc;AAC9C,eAAO,MAAM,cAAc;AAAA,MAC7B,CAAC;AAED,YAAM,aAAa,KAAK,UAAU,OAAO;AACzC,YAAM,SAAS,QAAQ,MAAM,KAAK,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC;AACjE,YAAM,YAAY,qCAAW;AAE7B,YAAM,OAAO,UAAU;AAAA;AAAA;AAAA,QAGrB,SAAS,YAAY,SAAY;AAAA,QACjC,YAAY,WAAW,YAAuC;AAAA,QAC9D;AAAA,QACA,kBAAkB;AAAA,QAClB,iBAAiB,WAAW,eAAe;AAAA,QAC3C,MAAM,YAAY,SAAS;AAAA,MAC7B,CAAC;AAED,aAAO;AAAA,QACL,OAAO,CAAC,kBAAkB,KAAK,KAAK;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AACF;",
5
5
  "names": []
6
6
  }
package/dist/esm/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import "./polyfill";
2
- export * from "./create-animations";
2
+ export * from "./createAnimations";
3
3
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/animations-moti",
3
- "version": "1.41.0",
3
+ "version": "1.42.0",
4
4
  "source": "src/index.ts",
5
5
  "license": "MIT",
6
6
  "types": "./types/index.d.ts",
@@ -12,12 +12,12 @@
12
12
  "dist"
13
13
  ],
14
14
  "dependencies": {
15
- "@tamagui/use-presence": "1.41.0",
16
- "@tamagui/web": "1.41.0"
15
+ "@tamagui/use-presence": "1.42.0",
16
+ "@tamagui/web": "1.42.0"
17
17
  },
18
18
  "devDependencies": {
19
- "@tamagui/build": "1.41.0",
20
- "moti": "^0.25.1",
19
+ "@tamagui/build": "1.42.0",
20
+ "moti": "^0.25.3",
21
21
  "react-native-reanimated": "^3.3.0"
22
22
  },
23
23
  "scripts": {
package/src/{create-animations.tsx → createAnimations.tsx} RENAMED
@@ -77,26 +77,30 @@ export function createAnimations<A extends Record<string, MotiTransition>>(
77
77
  : props.animation
78
78
 
79
79
  let animate = style
80
- const nonAnimatedStyle: object | undefined = { ...style }
81
80
 
81
+ const nonAnimatedStyle: object | undefined = { ...style }
82
82
  const animateOnly = props.animateOnly ?? ['opacity', 'transform']
83
83
 
84
84
  animate = {}
85
85
  animateOnly.forEach((nonAnimatedKey) => {
86
- if (!style[nonAnimatedKey]) return
86
+ if (typeof style[nonAnimatedKey] === 'undefined') return
87
87
  animate[nonAnimatedKey] = style[nonAnimatedKey]
88
88
  delete style[nonAnimatedKey]
89
89
  })
90
90
 
91
91
  const animateStr = JSON.stringify(animate)
92
+ const styles = useMemo(() => JSON.parse(animateStr), [animateStr])
93
+ const isExiting = presence?.[1]
94
+
92
95
  const moti = useMotify({
93
96
  // without this, the driver breaks on native
94
97
  // stringifying -> parsing fixes that
95
- animate: useMemo(() => JSON.parse(animateStr), [animateStr]),
98
+ animate: isExiting ? undefined : styles,
96
99
  transition: animations[animationKey as keyof typeof animations],
97
100
  onDidAnimate,
98
101
  usePresenceValue: presence as any,
99
102
  presenceContext: useContext(PresenceContext),
103
+ exit: isExiting ? styles : undefined,
100
104
  })
101
105
 
102
106
  return {
package/src/index.tsx CHANGED
@@ -1,3 +1,3 @@
1
1
  import './polyfill'
2
2
 
3
- export * from './create-animations'
3
+ export * from './createAnimations'
package/types/{create-animations.d.ts → createAnimations.d.ts} RENAMED
@@ -1,4 +1,4 @@
1
1
  import { AnimationDriver } from '@tamagui/web';
2
2
  import { MotiTransition } from 'moti';
3
3
  export declare function createAnimations<A extends Record<string, MotiTransition>>(animations: A): AnimationDriver<A>;
4
- //# sourceMappingURL=create-animations.d.ts.map
4
+ //# sourceMappingURL=createAnimations.d.ts.map
package/types/createAnimations.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAA2B,MAAM,cAAc,CAAA;AACvE,OAAO,EAAE,cAAc,EAAa,MAAM,MAAM,CAAA;AAShD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EACvE,UAAU,EAAE,CAAC,GACZ,eAAe,CAAC,CAAC,CAAC,CAiGpB"}
package/types/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import './polyfill';
2
- export * from './create-animations';
2
+ export * from './createAnimations';
3
3
  //# sourceMappingURL=index.d.ts.map
package/types/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAA;AAEnB,cAAc,qBAAqB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAA;AAEnB,cAAc,oBAAoB,CAAA"}
package/types/create-animations.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"create-animations.d.ts","sourceRoot":"","sources":["../src/create-animations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAA2B,MAAM,cAAc,CAAA;AACvE,OAAO,EAAE,cAAc,EAAa,MAAM,MAAM,CAAA;AAShD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EACvE,UAAU,EAAE,CAAC,GACZ,eAAe,CAAC,CAAC,CAAC,CA6FpB"}