@tamagui/animations-moti 1.89.26 → 1.89.27-1708112217600
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.native.js +97 -31
- package/dist/cjs/createAnimations.native.js.map +3 -3
- package/dist/cjs/index.native.js.map +2 -2
- package/dist/cjs/polyfill.native.js.map +3 -3
- package/dist/esm/createAnimations.native.js +98 -41
- package/dist/esm/createAnimations.native.js.map +3 -3
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/polyfill.native.js.map +3 -3
- package/package.json +5 -5
|
@@ -27,6 +27,25 @@ __export(createAnimations_exports, {
|
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(createAnimations_exports);
|
|
29
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"));
|
|
30
|
+
function _define_property(obj, key, value) {
|
|
31
|
+
return key in obj ? Object.defineProperty(obj, key, {
|
|
32
|
+
value,
|
|
33
|
+
enumerable: !0,
|
|
34
|
+
configurable: !0,
|
|
35
|
+
writable: !0
|
|
36
|
+
}) : obj[key] = value, obj;
|
|
37
|
+
}
|
|
38
|
+
function _object_spread(target) {
|
|
39
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
40
|
+
var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
|
|
41
|
+
typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
42
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
43
|
+
}))), ownKeys.forEach(function(key) {
|
|
44
|
+
_define_property(target, key, source[key]);
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
return target;
|
|
48
|
+
}
|
|
30
49
|
function createAnimations(animations) {
|
|
31
50
|
return {
|
|
32
51
|
View: import_react_native_reanimated.default.View,
|
|
@@ -35,63 +54,104 @@ function createAnimations(animations) {
|
|
|
35
54
|
animations,
|
|
36
55
|
usePresence: import_use_presence.usePresence,
|
|
37
56
|
ResetPresence: import_use_presence.ResetPresence,
|
|
38
|
-
useAnimatedNumber(initial) {
|
|
39
|
-
|
|
40
|
-
return (0, import_react.useMemo)(
|
|
41
|
-
|
|
42
|
-
getInstance() {
|
|
57
|
+
useAnimatedNumber: function(initial) {
|
|
58
|
+
var sharedValue = (0, import_react_native_reanimated.useSharedValue)(initial);
|
|
59
|
+
return (0, import_react.useMemo)(function() {
|
|
60
|
+
return {
|
|
61
|
+
getInstance: function() {
|
|
43
62
|
"worklet";
|
|
44
63
|
return sharedValue;
|
|
45
64
|
},
|
|
46
|
-
getValue() {
|
|
65
|
+
getValue: function() {
|
|
47
66
|
"worklet";
|
|
48
67
|
return sharedValue.value;
|
|
49
68
|
},
|
|
50
|
-
setValue(next
|
|
69
|
+
setValue: function(next) {
|
|
51
70
|
"worklet";
|
|
71
|
+
var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
|
|
72
|
+
type: "spring"
|
|
73
|
+
};
|
|
52
74
|
config.type === "direct" ? sharedValue.value = next : config.type === "spring" ? sharedValue.value = (0, import_react_native_reanimated.withSpring)(next, config) : sharedValue.value = (0, import_react_native_reanimated.withTiming)(next, config);
|
|
53
75
|
},
|
|
54
|
-
stop() {
|
|
76
|
+
stop: function() {
|
|
55
77
|
"worklet";
|
|
56
78
|
(0, import_react_native_reanimated.cancelAnimation)(sharedValue);
|
|
57
79
|
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
|
|
80
|
+
};
|
|
81
|
+
}, [
|
|
82
|
+
sharedValue
|
|
83
|
+
]);
|
|
61
84
|
},
|
|
62
|
-
useAnimatedNumberReaction(
|
|
63
|
-
|
|
85
|
+
useAnimatedNumberReaction: function(param, onValue) {
|
|
86
|
+
var value = param.value, instance = value.getInstance();
|
|
64
87
|
return (0, import_react_native_reanimated.useAnimatedReaction)(
|
|
65
|
-
()
|
|
66
|
-
|
|
88
|
+
function() {
|
|
89
|
+
return instance.value;
|
|
90
|
+
},
|
|
91
|
+
function(next, prev) {
|
|
67
92
|
prev !== next && (0, import_react_native_reanimated.runOnJS)(onValue)(next);
|
|
68
93
|
},
|
|
69
94
|
// dependency array is very important here
|
|
70
|
-
[
|
|
95
|
+
[
|
|
96
|
+
onValue,
|
|
97
|
+
instance
|
|
98
|
+
]
|
|
71
99
|
);
|
|
72
100
|
},
|
|
73
101
|
/**
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
useAnimatedNumberStyle(val, getStyle) {
|
|
77
|
-
|
|
78
|
-
|
|
102
|
+
* `getStyle` must be a worklet
|
|
103
|
+
*/
|
|
104
|
+
useAnimatedNumberStyle: function(val, getStyle) {
|
|
105
|
+
var instance = val.getInstance(), derivedValue = (0, import_react_native_reanimated.useDerivedValue)(function() {
|
|
106
|
+
return instance.value;
|
|
107
|
+
}, [
|
|
108
|
+
instance,
|
|
109
|
+
getStyle
|
|
110
|
+
]);
|
|
111
|
+
return (0, import_react_native_reanimated.useAnimatedStyle)(function() {
|
|
112
|
+
return getStyle(derivedValue.value);
|
|
113
|
+
}, [
|
|
114
|
+
val,
|
|
115
|
+
getStyle,
|
|
116
|
+
derivedValue,
|
|
117
|
+
instance
|
|
118
|
+
]);
|
|
79
119
|
},
|
|
80
|
-
useAnimations: (animationProps)
|
|
81
|
-
|
|
82
|
-
let animate = {}, dontAnimate = {};
|
|
120
|
+
useAnimations: function(animationProps) {
|
|
121
|
+
var props = animationProps.props, presence = animationProps.presence, style = animationProps.style, onDidAnimate = animationProps.onDidAnimate, componentState = animationProps.componentState, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, isHydrating = componentState.unmounted === "should-enter", animate = {}, dontAnimate = {};
|
|
83
122
|
if (isHydrating)
|
|
84
123
|
dontAnimate = style;
|
|
85
124
|
else {
|
|
86
|
-
|
|
125
|
+
var animateOnly = props.animateOnly || [
|
|
126
|
+
"transform",
|
|
127
|
+
"opacity"
|
|
128
|
+
];
|
|
87
129
|
if (animateOnly) {
|
|
88
|
-
dontAnimate = {
|
|
89
|
-
|
|
90
|
-
|
|
130
|
+
dontAnimate = _object_spread({}, style);
|
|
131
|
+
var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
|
|
132
|
+
try {
|
|
133
|
+
for (var _iterator = animateOnly[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
|
|
134
|
+
var key = _step.value;
|
|
135
|
+
key in style && (animate[key] = style[key], delete dontAnimate[key]);
|
|
136
|
+
}
|
|
137
|
+
} catch (err) {
|
|
138
|
+
_didIteratorError = !0, _iteratorError = err;
|
|
139
|
+
} finally {
|
|
140
|
+
try {
|
|
141
|
+
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
142
|
+
} finally {
|
|
143
|
+
if (_didIteratorError)
|
|
144
|
+
throw _iteratorError;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
91
147
|
} else
|
|
92
148
|
animate = style;
|
|
93
149
|
}
|
|
94
|
-
|
|
150
|
+
var animateStr = JSON.stringify(animate), styles = (0, import_react.useMemo)(function() {
|
|
151
|
+
return JSON.parse(animateStr);
|
|
152
|
+
}, [
|
|
153
|
+
animateStr
|
|
154
|
+
]), isExiting = !!(presence != null && presence[1]), sendExitComplete = presence == null ? void 0 : presence[1], onDidAnimateCombined = (0, import_react.useCallback)(function() {
|
|
95
155
|
onDidAnimate == null || onDidAnimate(), sendExitComplete == null || sendExitComplete();
|
|
96
156
|
}, []), motiProps = {
|
|
97
157
|
animate: isExiting || isHydrating ? {} : styles,
|
|
@@ -110,9 +170,15 @@ function createAnimations(animations) {
|
|
|
110
170
|
animationProps,
|
|
111
171
|
motiProps,
|
|
112
172
|
moti,
|
|
113
|
-
style: [
|
|
173
|
+
style: [
|
|
174
|
+
dontAnimate,
|
|
175
|
+
moti.style
|
|
176
|
+
]
|
|
114
177
|
}), {
|
|
115
|
-
style: [
|
|
178
|
+
style: [
|
|
179
|
+
dontAnimate,
|
|
180
|
+
moti.style
|
|
181
|
+
]
|
|
116
182
|
};
|
|
117
183
|
}
|
|
118
184
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["Animated"]
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/animations-moti/src/createAnimations.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["createAnimations", "animations", "View", "Animated", "Text", "isReactNative", "usePresence", "ResetPresence", "useAnimatedNumber", "initial", "sharedValue", "useSharedValue", "useMemo", "getInstance", "getValue", "value", "setValue", "next", "config", "type", "withSpring", "withTiming", "stop", "cancelAnimation", "useAnimatedNumberReaction", "onValue", "instance", "useAnimatedReaction", "prev", "runOnJS", "useAnimatedNumberStyle", "val", "getStyle", "derivedValue", "useDerivedValue", "useAnimatedStyle", "useAnimations", "animationProps", "props", "presence", "style", "onDidAnimate", "componentState", "animationKey", "Array", "isArray", "animation", "isHydrating", "unmounted", "animate", "dontAnimate", "animateOnly", "key", "animateStr", "JSON", "stringify", "styles", "parse", "isExiting", "Boolean", "sendExitComplete", "onDidAnimateCombined", "useCallback", "motiProps", "transition", "usePresenceValue", "presenceContext", "useContext", "PresenceContext", "exit", "undefined", "moti", "useMotify", "process", "env", "NODE_ENV", "console", "info"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;AAAA
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/animations-moti/src/index.ts"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;AAAA;;sBAAO;AAEP,wBAAc,+BAFd;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/polyfill.ts"],
|
|
4
|
-
"mappings": ";AACI,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/animations-moti/src/polyfill.ts"],
|
|
4
|
+
"mappings": ";AACI,OAAOA,wBAA0B,QACnCC,WAAW,wBAA2BC;AAIpC,OAAOC,SAAW,QACpBF,WAAW,SAAYA;",
|
|
5
|
+
"names": ["requestAnimationFrame", "globalThis", "setTimeout", "global"]
|
|
6
6
|
}
|
|
@@ -1,16 +1,26 @@
|
|
|
1
1
|
import { PresenceContext, ResetPresence, usePresence } from "@tamagui/use-presence";
|
|
2
2
|
import { useMotify } from "moti/author";
|
|
3
3
|
import { useCallback, useContext, useMemo } from "react";
|
|
4
|
-
import Animated, {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
import Animated, { cancelAnimation, runOnJS, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
|
|
5
|
+
function _define_property(obj, key, value) {
|
|
6
|
+
return key in obj ? Object.defineProperty(obj, key, {
|
|
7
|
+
value,
|
|
8
|
+
enumerable: !0,
|
|
9
|
+
configurable: !0,
|
|
10
|
+
writable: !0
|
|
11
|
+
}) : obj[key] = value, obj;
|
|
12
|
+
}
|
|
13
|
+
function _object_spread(target) {
|
|
14
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
15
|
+
var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
|
|
16
|
+
typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
17
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
18
|
+
}))), ownKeys.forEach(function(key) {
|
|
19
|
+
_define_property(target, key, source[key]);
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
return target;
|
|
23
|
+
}
|
|
14
24
|
function createAnimations(animations) {
|
|
15
25
|
return {
|
|
16
26
|
View: Animated.View,
|
|
@@ -19,63 +29,104 @@ function createAnimations(animations) {
|
|
|
19
29
|
animations,
|
|
20
30
|
usePresence,
|
|
21
31
|
ResetPresence,
|
|
22
|
-
useAnimatedNumber(initial) {
|
|
23
|
-
|
|
24
|
-
return useMemo(
|
|
25
|
-
|
|
26
|
-
getInstance() {
|
|
32
|
+
useAnimatedNumber: function(initial) {
|
|
33
|
+
var sharedValue = useSharedValue(initial);
|
|
34
|
+
return useMemo(function() {
|
|
35
|
+
return {
|
|
36
|
+
getInstance: function() {
|
|
27
37
|
"worklet";
|
|
28
38
|
return sharedValue;
|
|
29
39
|
},
|
|
30
|
-
getValue() {
|
|
40
|
+
getValue: function() {
|
|
31
41
|
"worklet";
|
|
32
42
|
return sharedValue.value;
|
|
33
43
|
},
|
|
34
|
-
setValue(next
|
|
44
|
+
setValue: function(next) {
|
|
35
45
|
"worklet";
|
|
46
|
+
var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
|
|
47
|
+
type: "spring"
|
|
48
|
+
};
|
|
36
49
|
config.type === "direct" ? sharedValue.value = next : config.type === "spring" ? sharedValue.value = withSpring(next, config) : sharedValue.value = withTiming(next, config);
|
|
37
50
|
},
|
|
38
|
-
stop() {
|
|
51
|
+
stop: function() {
|
|
39
52
|
"worklet";
|
|
40
53
|
cancelAnimation(sharedValue);
|
|
41
54
|
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
|
|
55
|
+
};
|
|
56
|
+
}, [
|
|
57
|
+
sharedValue
|
|
58
|
+
]);
|
|
45
59
|
},
|
|
46
|
-
useAnimatedNumberReaction(
|
|
47
|
-
|
|
60
|
+
useAnimatedNumberReaction: function(param, onValue) {
|
|
61
|
+
var value = param.value, instance = value.getInstance();
|
|
48
62
|
return useAnimatedReaction(
|
|
49
|
-
()
|
|
50
|
-
|
|
63
|
+
function() {
|
|
64
|
+
return instance.value;
|
|
65
|
+
},
|
|
66
|
+
function(next, prev) {
|
|
51
67
|
prev !== next && runOnJS(onValue)(next);
|
|
52
68
|
},
|
|
53
69
|
// dependency array is very important here
|
|
54
|
-
[
|
|
70
|
+
[
|
|
71
|
+
onValue,
|
|
72
|
+
instance
|
|
73
|
+
]
|
|
55
74
|
);
|
|
56
75
|
},
|
|
57
76
|
/**
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
useAnimatedNumberStyle(val, getStyle) {
|
|
61
|
-
|
|
62
|
-
|
|
77
|
+
* `getStyle` must be a worklet
|
|
78
|
+
*/
|
|
79
|
+
useAnimatedNumberStyle: function(val, getStyle) {
|
|
80
|
+
var instance = val.getInstance(), derivedValue = useDerivedValue(function() {
|
|
81
|
+
return instance.value;
|
|
82
|
+
}, [
|
|
83
|
+
instance,
|
|
84
|
+
getStyle
|
|
85
|
+
]);
|
|
86
|
+
return useAnimatedStyle(function() {
|
|
87
|
+
return getStyle(derivedValue.value);
|
|
88
|
+
}, [
|
|
89
|
+
val,
|
|
90
|
+
getStyle,
|
|
91
|
+
derivedValue,
|
|
92
|
+
instance
|
|
93
|
+
]);
|
|
63
94
|
},
|
|
64
|
-
useAnimations: (animationProps)
|
|
65
|
-
|
|
66
|
-
let animate = {}, dontAnimate = {};
|
|
95
|
+
useAnimations: function(animationProps) {
|
|
96
|
+
var props = animationProps.props, presence = animationProps.presence, style = animationProps.style, onDidAnimate = animationProps.onDidAnimate, componentState = animationProps.componentState, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, isHydrating = componentState.unmounted === "should-enter", animate = {}, dontAnimate = {};
|
|
67
97
|
if (isHydrating)
|
|
68
98
|
dontAnimate = style;
|
|
69
99
|
else {
|
|
70
|
-
|
|
100
|
+
var animateOnly = props.animateOnly || [
|
|
101
|
+
"transform",
|
|
102
|
+
"opacity"
|
|
103
|
+
];
|
|
71
104
|
if (animateOnly) {
|
|
72
|
-
dontAnimate = {
|
|
73
|
-
|
|
74
|
-
|
|
105
|
+
dontAnimate = _object_spread({}, style);
|
|
106
|
+
var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
|
|
107
|
+
try {
|
|
108
|
+
for (var _iterator = animateOnly[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
|
|
109
|
+
var key = _step.value;
|
|
110
|
+
key in style && (animate[key] = style[key], delete dontAnimate[key]);
|
|
111
|
+
}
|
|
112
|
+
} catch (err) {
|
|
113
|
+
_didIteratorError = !0, _iteratorError = err;
|
|
114
|
+
} finally {
|
|
115
|
+
try {
|
|
116
|
+
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
117
|
+
} finally {
|
|
118
|
+
if (_didIteratorError)
|
|
119
|
+
throw _iteratorError;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
75
122
|
} else
|
|
76
123
|
animate = style;
|
|
77
124
|
}
|
|
78
|
-
|
|
125
|
+
var animateStr = JSON.stringify(animate), styles = useMemo(function() {
|
|
126
|
+
return JSON.parse(animateStr);
|
|
127
|
+
}, [
|
|
128
|
+
animateStr
|
|
129
|
+
]), isExiting = !!(presence != null && presence[1]), sendExitComplete = presence == null ? void 0 : presence[1], onDidAnimateCombined = useCallback(function() {
|
|
79
130
|
onDidAnimate == null || onDidAnimate(), sendExitComplete == null || sendExitComplete();
|
|
80
131
|
}, []), motiProps = {
|
|
81
132
|
animate: isExiting || isHydrating ? {} : styles,
|
|
@@ -94,9 +145,15 @@ function createAnimations(animations) {
|
|
|
94
145
|
animationProps,
|
|
95
146
|
motiProps,
|
|
96
147
|
moti,
|
|
97
|
-
style: [
|
|
148
|
+
style: [
|
|
149
|
+
dontAnimate,
|
|
150
|
+
moti.style
|
|
151
|
+
]
|
|
98
152
|
}), {
|
|
99
|
-
style: [
|
|
153
|
+
style: [
|
|
154
|
+
dontAnimate,
|
|
155
|
+
moti.style
|
|
156
|
+
]
|
|
100
157
|
};
|
|
101
158
|
}
|
|
102
159
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/animations-moti/src/createAnimations.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["PresenceContext", "ResetPresence", "usePresence", "useMotify", "useCallback", "useContext", "useMemo", "Animated", "cancelAnimation", "runOnJS", "useAnimatedReaction", "useAnimatedStyle", "useDerivedValue", "useSharedValue", "withSpring", "withTiming", "createAnimations", "animations", "View", "Text", "isReactNative", "useAnimatedNumber", "initial", "sharedValue", "getInstance", "getValue", "value", "setValue", "next", "config", "type", "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", "animateStr", "JSON", "stringify", "styles", "parse", "isExiting", "Boolean", "sendExitComplete", "onDidAnimateCombined", "motiProps", "transition", "usePresenceValue", "presenceContext", "exit", "undefined", "moti", "process", "env", "NODE_ENV", "console", "info"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/polyfill.ts"],
|
|
4
|
-
"mappings": "AACI,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/animations-moti/src/polyfill.ts"],
|
|
4
|
+
"mappings": "AACI,OAAOA,wBAA0B,QACnCC,WAAW,wBAA2BC;AAIpC,OAAOC,SAAW,QACpBF,WAAW,SAAYA;",
|
|
5
|
+
"names": ["requestAnimationFrame", "globalThis", "setTimeout", "global"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/animations-moti",
|
|
3
|
-
"version": "1.89.
|
|
3
|
+
"version": "1.89.27-1708112217600",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
"dist"
|
|
16
16
|
],
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@tamagui/use-presence": "1.89.
|
|
19
|
-
"@tamagui/web": "1.89.
|
|
18
|
+
"@tamagui/use-presence": "1.89.27-1708112217600",
|
|
19
|
+
"@tamagui/web": "1.89.27-1708112217600",
|
|
20
20
|
"moti": "^0.27.2",
|
|
21
21
|
"react": "^18.2.0"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@tamagui/build": "1.89.
|
|
25
|
-
"react-native-reanimated": "3.
|
|
24
|
+
"@tamagui/build": "1.89.27-1708112217600",
|
|
25
|
+
"react-native-reanimated": "~3.6.2"
|
|
26
26
|
},
|
|
27
27
|
"scripts": {
|
|
28
28
|
"build": "tamagui-build",
|