react-native-reanimated 4.2.0 → 4.2.1
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/lib/module/common/style/config.js +10 -1
- package/lib/module/common/style/config.js.map +1 -1
- package/lib/module/common/web/index.js +1 -0
- package/lib/module/common/web/index.js.map +1 -1
- package/lib/module/common/web/utils/dom.js +16 -0
- package/lib/module/common/web/utils/dom.js.map +1 -0
- package/lib/module/common/web/utils/index.js +1 -0
- package/lib/module/common/web/utils/index.js.map +1 -1
- package/lib/module/createAnimatedComponent/AnimatedComponent.js +2 -2
- package/lib/module/createAnimatedComponent/AnimatedComponent.js.map +1 -1
- package/lib/module/css/native/managers/CSSAnimationsManager.js +3 -3
- package/lib/module/css/native/managers/CSSAnimationsManager.js.map +1 -1
- package/lib/module/css/web/managers/CSSAnimationsManager.js +2 -6
- package/lib/module/css/web/managers/CSSAnimationsManager.js.map +1 -1
- package/lib/module/layoutReanimation/web/animationsManager.js +2 -2
- package/lib/module/layoutReanimation/web/animationsManager.js.map +1 -1
- package/lib/module/layoutReanimation/web/componentUtils.js +39 -3
- package/lib/module/layoutReanimation/web/componentUtils.js.map +1 -1
- package/lib/module/layoutReanimation/web/createAnimation.js +44 -38
- package/lib/module/layoutReanimation/web/createAnimation.js.map +1 -1
- package/lib/module/platform-specific/jsVersion.js +1 -1
- package/lib/module/updateProps/updateProps.js +2 -2
- package/lib/module/updateProps/updateProps.js.map +1 -1
- package/lib/typescript/common/style/config.d.ts.map +1 -1
- package/lib/typescript/common/web/index.d.ts +1 -0
- package/lib/typescript/common/web/index.d.ts.map +1 -1
- package/lib/typescript/common/web/utils/dom.d.ts +2 -0
- package/lib/typescript/common/web/utils/dom.d.ts.map +1 -0
- package/lib/typescript/common/web/utils/index.d.ts +1 -0
- package/lib/typescript/common/web/utils/index.d.ts.map +1 -1
- package/lib/typescript/createAnimatedComponent/commonTypes.d.ts +1 -1
- package/lib/typescript/createAnimatedComponent/commonTypes.d.ts.map +1 -1
- package/lib/typescript/css/native/types/animation.d.ts +2 -2
- package/lib/typescript/css/web/managers/CSSAnimationsManager.d.ts.map +1 -1
- package/lib/typescript/helperTypes.d.ts +4 -4
- package/lib/typescript/helperTypes.d.ts.map +1 -1
- package/lib/typescript/layoutReanimation/web/animationsManager.d.ts.map +1 -1
- package/lib/typescript/layoutReanimation/web/componentUtils.d.ts.map +1 -1
- package/lib/typescript/layoutReanimation/web/createAnimation.d.ts +3 -2
- package/lib/typescript/layoutReanimation/web/createAnimation.d.ts.map +1 -1
- package/lib/typescript/platform-specific/jsVersion.d.ts +1 -1
- package/lib/typescript/updateProps/updateProps.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/common/style/config.ts +8 -1
- package/src/common/web/index.ts +1 -0
- package/src/common/web/utils/dom.ts +16 -0
- package/src/common/web/utils/index.ts +1 -0
- package/src/createAnimatedComponent/AnimatedComponent.tsx +2 -2
- package/src/createAnimatedComponent/commonTypes.ts +1 -1
- package/src/createAnimatedComponent/createAnimatedComponent.tsx +1 -1
- package/src/css/native/managers/CSSAnimationsManager.ts +4 -4
- package/src/css/native/types/animation.ts +2 -2
- package/src/css/web/managers/CSSAnimationsManager.ts +2 -6
- package/src/helperTypes.ts +10 -9
- package/src/layoutReanimation/web/animationsManager.ts +4 -2
- package/src/layoutReanimation/web/componentUtils.ts +52 -3
- package/src/layoutReanimation/web/createAnimation.ts +58 -40
- package/src/platform-specific/jsVersion.ts +1 -1
- package/src/updateProps/updateProps.ts +2 -5
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
import { maybeAddSuffix } from '../../common';
|
|
4
|
+
import { LayoutAnimationType } from '../../commonTypes';
|
|
3
5
|
import { convertAnimationObjectToKeyframes } from './animationParser';
|
|
4
6
|
import { AnimationsData, TransitionType } from './config';
|
|
5
7
|
import { insertWebAnimation } from './domUtils';
|
|
@@ -9,11 +11,21 @@ import { FadingTransition } from './transition/Fading.web';
|
|
|
9
11
|
import { JumpingTransition } from './transition/Jumping.web';
|
|
10
12
|
import { LinearTransition } from './transition/Linear.web';
|
|
11
13
|
import { SequencedTransition } from './transition/Sequenced.web';
|
|
14
|
+
function assignTransformRules(map, transform) {
|
|
15
|
+
if (!transform) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
for (const rule of transform) {
|
|
19
|
+
for (const [property, value] of Object.entries(rule)) {
|
|
20
|
+
map.set(property, value);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
12
25
|
// Translate values are passed as numbers. However, if `translate` property receives number, it will not automatically
|
|
13
26
|
// convert it to `px`. Therefore if we want to keep transform we have to add 'px' suffix to each of translate values
|
|
14
27
|
// that are present inside transform.
|
|
15
28
|
//
|
|
16
|
-
|
|
17
29
|
function addPxToTransform(transform) {
|
|
18
30
|
// @ts-ignore `existingTransform` cannot be string because in that case
|
|
19
31
|
// we throw error in `extractTransformFromStyle`
|
|
@@ -33,7 +45,7 @@ function addPxToTransform(transform) {
|
|
|
33
45
|
});
|
|
34
46
|
return newTransform;
|
|
35
47
|
}
|
|
36
|
-
export function createCustomKeyFrameAnimation(keyframeDefinitions) {
|
|
48
|
+
export function createCustomKeyFrameAnimation(keyframeDefinitions, animationType) {
|
|
37
49
|
for (const value of Object.values(keyframeDefinitions)) {
|
|
38
50
|
if (value.transform) {
|
|
39
51
|
value.transform = addPxToTransform(value.transform);
|
|
@@ -44,7 +56,7 @@ export function createCustomKeyFrameAnimation(keyframeDefinitions) {
|
|
|
44
56
|
style: keyframeDefinitions,
|
|
45
57
|
duration: -1
|
|
46
58
|
};
|
|
47
|
-
animationData.name = generateNextCustomKeyframeName();
|
|
59
|
+
animationData.name = generateNextCustomKeyframeName(animationType);
|
|
48
60
|
|
|
49
61
|
// Move keyframe easings one keyframe up (our LA Keyframe definition is different
|
|
50
62
|
// from the CSS keyframes and expects easing to be present in the keyframe to which
|
|
@@ -61,43 +73,32 @@ export function createCustomKeyFrameAnimation(keyframeDefinitions) {
|
|
|
61
73
|
insertWebAnimation(animationData.name, parsedKeyframe);
|
|
62
74
|
return animationData.name;
|
|
63
75
|
}
|
|
64
|
-
export function createAnimationWithInitialValues(animationName, initialValues) {
|
|
76
|
+
export function createAnimationWithInitialValues(animationName, initialValues, animationType) {
|
|
65
77
|
const animationStyle = structuredClone(AnimationsData[animationName].style);
|
|
66
78
|
const firstAnimationStep = animationStyle['0'];
|
|
67
79
|
const {
|
|
68
80
|
transform,
|
|
81
|
+
originX,
|
|
82
|
+
originY,
|
|
69
83
|
...rest
|
|
70
84
|
} = initialValues;
|
|
71
|
-
const
|
|
85
|
+
const transformStyle = new Map();
|
|
86
|
+
assignTransformRules(transformStyle, firstAnimationStep.transform);
|
|
72
87
|
if (transform) {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
// Then we either add new rule, or override one that already exists.
|
|
90
|
-
for (const rule of transformWithPx) {
|
|
91
|
-
for (const [property, value] of Object.entries(rule)) {
|
|
92
|
-
transformStyle.set(property, value);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
// Finally, we convert `Map` with final transform back into array of objects.
|
|
97
|
-
firstAnimationStep.transform = Array.from(transformStyle, ([property, value]) => ({
|
|
98
|
-
[property]: value
|
|
99
|
-
}));
|
|
100
|
-
}
|
|
88
|
+
const transformWithPx = addPxToTransform(transform);
|
|
89
|
+
assignTransformRules(transformStyle, transformWithPx);
|
|
90
|
+
}
|
|
91
|
+
if (originX !== undefined) {
|
|
92
|
+
transformStyle.set('translateX', maybeAddSuffix(originX, 'px'));
|
|
93
|
+
}
|
|
94
|
+
if (originY !== undefined) {
|
|
95
|
+
transformStyle.set('translateY', maybeAddSuffix(originY, 'px'));
|
|
96
|
+
}
|
|
97
|
+
const mergedTransform = Array.from(transformStyle, ([property, value]) => ({
|
|
98
|
+
[property]: value
|
|
99
|
+
}));
|
|
100
|
+
if (transformStyle.size) {
|
|
101
|
+
firstAnimationStep.transform = mergedTransform;
|
|
101
102
|
}
|
|
102
103
|
animationStyle['0'] = {
|
|
103
104
|
...animationStyle['0'],
|
|
@@ -105,7 +106,7 @@ export function createAnimationWithInitialValues(animationName, initialValues) {
|
|
|
105
106
|
};
|
|
106
107
|
|
|
107
108
|
// TODO: Maybe we can extract the logic below into separate function
|
|
108
|
-
const keyframeName = generateNextCustomKeyframeName();
|
|
109
|
+
const keyframeName = generateNextCustomKeyframeName(animationType);
|
|
109
110
|
const animationObject = {
|
|
110
111
|
name: keyframeName,
|
|
111
112
|
style: animationStyle,
|
|
@@ -116,8 +117,13 @@ export function createAnimationWithInitialValues(animationName, initialValues) {
|
|
|
116
117
|
return keyframeName;
|
|
117
118
|
}
|
|
118
119
|
let customKeyframeCounter = 0;
|
|
119
|
-
|
|
120
|
-
|
|
120
|
+
const ANIMATION_TYPE_STRINGS = {
|
|
121
|
+
[LayoutAnimationType.ENTERING]: 'ENTERING',
|
|
122
|
+
[LayoutAnimationType.EXITING]: 'EXITING',
|
|
123
|
+
[LayoutAnimationType.LAYOUT]: 'LAYOUT'
|
|
124
|
+
};
|
|
125
|
+
function generateNextCustomKeyframeName(animationType) {
|
|
126
|
+
return `REA-${ANIMATION_TYPE_STRINGS[animationType] ?? ''}-${customKeyframeCounter++}`;
|
|
121
127
|
}
|
|
122
128
|
|
|
123
129
|
/**
|
|
@@ -130,7 +136,7 @@ function generateNextCustomKeyframeName() {
|
|
|
130
136
|
* @returns Keyframe name that represents transition.
|
|
131
137
|
*/
|
|
132
138
|
export function TransitionGenerator(transitionType, transitionData) {
|
|
133
|
-
const transitionKeyframeName = generateNextCustomKeyframeName();
|
|
139
|
+
const transitionKeyframeName = generateNextCustomKeyframeName(LayoutAnimationType.LAYOUT);
|
|
134
140
|
let dummyTransitionKeyframeName;
|
|
135
141
|
let transitionObject;
|
|
136
142
|
switch (transitionType) {
|
|
@@ -150,7 +156,7 @@ export function TransitionGenerator(transitionType, transitionData) {
|
|
|
150
156
|
// Here code block with {} is necessary because of eslint
|
|
151
157
|
case TransitionType.CURVED:
|
|
152
158
|
{
|
|
153
|
-
dummyTransitionKeyframeName = generateNextCustomKeyframeName();
|
|
159
|
+
dummyTransitionKeyframeName = generateNextCustomKeyframeName(LayoutAnimationType.LAYOUT);
|
|
154
160
|
const {
|
|
155
161
|
firstKeyframeObj,
|
|
156
162
|
secondKeyframeObj
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["convertAnimationObjectToKeyframes","AnimationsData","TransitionType","insertWebAnimation","CurvedTransition","EntryExitTransition","FadingTransition","JumpingTransition","LinearTransition","SequencedTransition","
|
|
1
|
+
{"version":3,"names":["maybeAddSuffix","LayoutAnimationType","convertAnimationObjectToKeyframes","AnimationsData","TransitionType","insertWebAnimation","CurvedTransition","EntryExitTransition","FadingTransition","JumpingTransition","LinearTransition","SequencedTransition","assignTransformRules","map","transform","rule","property","value","Object","entries","set","addPxToTransform","newTransform","transformProp","newTransformProp","key","includes","createCustomKeyFrameAnimation","keyframeDefinitions","animationType","values","animationData","name","style","duration","generateNextCustomKeyframeName","offsets","keys","i","length","easing","parsedKeyframe","createAnimationWithInitialValues","animationName","initialValues","animationStyle","structuredClone","firstAnimationStep","originX","originY","rest","transformStyle","Map","transformWithPx","undefined","mergedTransform","Array","from","size","keyframeName","animationObject","keyframe","customKeyframeCounter","ANIMATION_TYPE_STRINGS","ENTERING","EXITING","LAYOUT","TransitionGenerator","transitionType","transitionData","transitionKeyframeName","dummyTransitionKeyframeName","transitionObject","LINEAR","SEQUENCED","FADING","JUMPING","CURVED","firstKeyframeObj","secondKeyframeObj","dummyKeyframe","ENTRY_EXIT","transitionKeyframe"],"sourceRoot":"../../../../src","sources":["layoutReanimation/web/createAnimation.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
import { scheduleOnRN, scheduleOnUI } from 'react-native-worklets';
|
|
5
|
-
import { IS_JEST, processBoxShadowNative, processColorsInProps, processFilter, processTransform, ReanimatedError, SHOULD_BE_USE_WEB } from '../common';
|
|
6
|
-
import { processBoxShadowWeb, processFilterWeb
|
|
5
|
+
import { IS_JEST, processBoxShadowNative, processColorsInProps, processFilter, processTransform, processTransformOrigin, ReanimatedError, SHOULD_BE_USE_WEB } from '../common';
|
|
6
|
+
import { processBoxShadowWeb, processFilterWeb } from '../common/web';
|
|
7
7
|
import jsPropsUpdater from '../createAnimatedComponent/JSPropsUpdater';
|
|
8
8
|
import { _updatePropsJS } from '../ReanimatedModule/js-reanimated';
|
|
9
9
|
let updateProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["scheduleOnRN","scheduleOnUI","IS_JEST","processBoxShadowNative","processColorsInProps","processFilter","processTransform","ReanimatedError","SHOULD_BE_USE_WEB","processBoxShadowWeb","processFilterWeb","
|
|
1
|
+
{"version":3,"names":["scheduleOnRN","scheduleOnUI","IS_JEST","processBoxShadowNative","processColorsInProps","processFilter","processTransform","processTransformOrigin","ReanimatedError","SHOULD_BE_USE_WEB","processBoxShadowWeb","processFilterWeb","jsPropsUpdater","_updatePropsJS","updateProps","viewDescriptors","updates","isAnimatedProps","value","forEach","viewDescriptor","component","tag","boxShadow","filter","transformOrigin","transform","global","UpdatePropsManager","update","updatePropsJestWrapper","animatedValues","adapters","adapter","current","updateJSProps","operations","createUpdatePropsManager","nativeOperations","jsOperations","flushPending","processViewUpdates","Object","entries","reduce","acc","propName","_tagToJSPropNamesMapping","jsPropUpdates","nativePropUpdates","shadowNodeWrapper","viewTag","push","queueMicrotask","flush","length","_updateProps","maybeThrowError","Proxy","get","set"],"sourceRoot":"../../../src","sources":["updateProps/updateProps.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/common/style/config.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/common/style/config.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAc3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD,eAAO,MAAM,sBAAsB,EAAE,kBAAkB,CAAC,UAAU,CAqNjE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/web/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/web/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../../src/common/web/utils/dom.ts"],"names":[],"mappings":"AAEA,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,QAa1D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/common/web/utils/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/common/web/utils/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC"}
|
|
@@ -44,7 +44,7 @@ export type LayoutAnimationStaticContext = {
|
|
|
44
44
|
export type AnimatedComponentProps<P extends Record<string, unknown> = Record<string, unknown>> = P & {
|
|
45
45
|
ref?: Ref<Component>;
|
|
46
46
|
style?: NestedArray<StyleProps>;
|
|
47
|
-
animatedProps?: Partial<AnimatedComponentProps<AnimatedProps
|
|
47
|
+
animatedProps?: NestedArray<Partial<AnimatedComponentProps<AnimatedProps>>>;
|
|
48
48
|
jestAnimatedValues?: RefObject<AnimatedProps>;
|
|
49
49
|
animatedStyle?: StyleProps;
|
|
50
50
|
sharedTransitionTag?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"commonTypes.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/commonTypes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EACV,aAAa,EACb,0BAA0B,EAC1B,uBAAuB,EACvB,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,qBAAqB,EACtB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,MAAM,WAAW,aAAc,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC5D,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAClC,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,MAAM,GAAG,oBAAoB,GAAG,WAAW,GAAG,IAAI,CAAC;IAC5D,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAM5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB;IACjC,iBAAiB,CACf,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,EACpD,QAAQ,EAAE,QAAQ,GACjB,IAAI,CAAC;IACR,iBAAiB,IAAI,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,6BAA6B,GAAG,SAAS,GACnD,0BAA0B,CAAC;AAG7B,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAE1D,MAAM,WAAW,YAAY;IAC3B,sBAAsB,EAAE,CACtB,SAAS,EAAE,6BAA6B,KACrC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC9B;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,iBAAiB,CACf,iBAAiB,EAAE,6BAA6B,EAChD,OAAO,EAAE,MAAM,EAAE,GAChB,IAAI,CAAC;IACR,mBAAmB,CAAC,iBAAiB,EAAE,6BAA6B,GAAG,IAAI,CAAC;IAC5E,WAAW,CAAC,UAAU,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,IAAI,IAAI,CAAC;IACrB,YAAY,IAAI,IAAI,CAAC;IACrB,YAAY,CAAC,SAAS,EAAE,sBAAsB,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC;CAC9E;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAChC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACzD,CAAC,GAAG;IACN,GAAG,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IACrB,KAAK,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"commonTypes.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/commonTypes.ts"],"names":[],"mappings":"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"}
|
|
@@ -27,8 +27,8 @@ export type NormalizedSingleCSSAnimationSettings = {
|
|
|
27
27
|
};
|
|
28
28
|
export type CSSAnimationUpdates = {
|
|
29
29
|
animationNames?: string[];
|
|
30
|
-
newAnimationSettings?: Record<
|
|
31
|
-
settingsUpdates?: Record<
|
|
30
|
+
newAnimationSettings?: Record<number, NormalizedSingleCSSAnimationSettings>;
|
|
31
|
+
settingsUpdates?: Record<number, Partial<NormalizedSingleCSSAnimationSettings>>;
|
|
32
32
|
};
|
|
33
33
|
export {};
|
|
34
34
|
//# sourceMappingURL=animation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CSSAnimationsManager.d.ts","sourceRoot":"","sources":["../../../../../src/css/web/managers/CSSAnimationsManager.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CSSAnimationsManager.d.ts","sourceRoot":"","sources":["../../../../../src/css/web/managers/CSSAnimationsManager.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,KAAK,EAGV,8BAA8B,EAC9B,qBAAqB,EACtB,MAAM,aAAa,CAAC;AAyBrB,MAAM,CAAC,OAAO,OAAO,oBAAqB,YAAW,qBAAqB;IACxE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAwB;IAGhD,OAAO,CAAC,kBAAkB,CAA0C;IACpE,OAAO,CAAC,oBAAoB,CAAS;gBAEzB,OAAO,EAAE,qBAAqB;IAM1C,MAAM,CAAC,mBAAmB,EAAE,8BAA8B,GAAG,IAAI;IA8DjE,cAAc,IAAI,IAAI;IAetB,OAAO,CAAC,MAAM;IAcd,OAAO,CAAC,wBAAwB;IA2BhC,OAAO,CAAC,oBAAoB;IAsD5B,OAAO,CAAC,8BAA8B;CASvC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { StyleProp } from 'react-native';
|
|
2
2
|
import type { AnimatedStyle, EntryExitAnimationFunction, LayoutAnimationFunction, SharedValue } from './commonTypes';
|
|
3
|
+
import type { NestedArray } from './createAnimatedComponent/commonTypes';
|
|
3
4
|
import type { CSSStyle } from './css';
|
|
4
|
-
import type { AddArrayPropertyType } from './css/types';
|
|
5
5
|
import type { BaseAnimationBuilder } from './layoutReanimation/animationBuilder/BaseAnimationBuilder';
|
|
6
6
|
import type { ReanimatedKeyframe } from './layoutReanimation/animationBuilder/Keyframe';
|
|
7
7
|
import type { SharedTransition } from './layoutReanimation/SharedTransition';
|
|
@@ -13,8 +13,9 @@ type AnimatedStyleProps<Props extends object> = {
|
|
|
13
13
|
[Key in keyof PickStyleProps<Props>]: StyleProp<AnimatedStyle<Props[Key]>>;
|
|
14
14
|
};
|
|
15
15
|
/** Component props that are not specially handled by us. */
|
|
16
|
+
type ComponentPropsWithoutStyle<Props extends object> = Omit<Props, keyof PickStyleProps<Props> | 'style'>;
|
|
16
17
|
type RestProps<Props extends object> = {
|
|
17
|
-
[K in keyof
|
|
18
|
+
[K in keyof ComponentPropsWithoutStyle<Props>]: Props[K] | SharedValue<Props[K]>;
|
|
18
19
|
};
|
|
19
20
|
type LayoutProps = {
|
|
20
21
|
/**
|
|
@@ -52,14 +53,13 @@ type SharedTransitionProps = {
|
|
|
52
53
|
sharedTransitionTag?: string;
|
|
53
54
|
sharedTransitionStyle?: SharedTransition;
|
|
54
55
|
};
|
|
55
|
-
type AnimatedPropsProp<Props extends object> = RestProps<Props> & AnimatedStyleProps<Props> & LayoutProps;
|
|
56
56
|
export type AnimatedProps<Props extends object> = RestProps<Props> & AnimatedStyleProps<Props> & LayoutProps & {
|
|
57
57
|
/**
|
|
58
58
|
* Lets you animate component props.
|
|
59
59
|
*
|
|
60
60
|
* @see https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedProps
|
|
61
61
|
*/
|
|
62
|
-
animatedProps?:
|
|
62
|
+
animatedProps?: NestedArray<CSSStyle<ComponentPropsWithoutStyle<Partial<Props>>>>;
|
|
63
63
|
} & SharedTransitionProps;
|
|
64
64
|
export {};
|
|
65
65
|
//# sourceMappingURL=helperTypes.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helperTypes.d.ts","sourceRoot":"","sources":["../../src/helperTypes.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EACV,aAAa,EACb,0BAA0B,EAC1B,uBAAuB,EACvB,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"helperTypes.d.ts","sourceRoot":"","sources":["../../src/helperTypes.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EACV,aAAa,EACb,0BAA0B,EAC1B,uBAAuB,EACvB,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2DAA2D,CAAC;AACtG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,MAAM,MAAM,qBAAqB,GAC7B,oBAAoB,GACpB,OAAO,oBAAoB,GAC3B,0BAA0B,GAC1B,kBAAkB,CAAC;AAQvB,KAAK,cAAc,CAAC,KAAK,IAAI,IAAI,CAC/B,KAAK,EACL;KACG,GAAG,IAAI,MAAM,KAAK,CAAC,CAAC,GAAG,GAAG,SAAS,GAAG,MAAM,OAAO,GAAG,OAAO,GAC1D,GAAG,GACH,KAAK;CACV,CAAC,MAAM,KAAK,CAAC,CACf,CAAC;AAEF,KAAK,kBAAkB,CAAC,KAAK,SAAS,MAAM,IAAI;KAC7C,GAAG,IAAI,MAAM,cAAc,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;CAC3E,CAAC;AAEF,4DAA4D;AAC5D,KAAK,0BAA0B,CAAC,KAAK,SAAS,MAAM,IAAI,IAAI,CAC1D,KAAK,EACL,MAAM,cAAc,CAAC,KAAK,CAAC,GAAG,OAAO,CACtC,CAAC;AAEF,KAAK,SAAS,CAAC,KAAK,SAAS,MAAM,IAAI;KACpC,CAAC,IAAI,MAAM,0BAA0B,CAAC,KAAK,CAAC,GACzC,KAAK,CAAC,CAAC,CAAC,GACR,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;CAC1B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB;;;;;;;;OAQG;IACH,MAAM,CAAC,EACH,oBAAoB,GACpB,uBAAuB,GACvB,OAAO,oBAAoB,CAAC;IAChC;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC;CACjC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,gBAAgB,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,IAAI,SAAS,CAAC,KAAK,CAAC,GAChE,kBAAkB,CAAC,KAAK,CAAC,GACzB,WAAW,GAAG;IACZ;;;;OAIG;IACH,aAAa,CAAC,EAAE,WAAW,CACzB,QAAQ,CAAC,0BAA0B,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACrD,CAAC;CACH,GAAG,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animationsManager.d.ts","sourceRoot":"","sources":["../../../../src/layoutReanimation/web/animationsManager.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EACV,sBAAsB,EAEvB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"animationsManager.d.ts","sourceRoot":"","sources":["../../../../src/layoutReanimation/web/animationsManager.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EACV,sBAAsB,EAEvB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA8KxD,wBAAgB,uBAAuB,CACrC,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAE9C,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,cAAc,CAAC,CAAC,EACvD,OAAO,EAAE,qBAAqB,EAC9B,aAAa,EAAE,mBAAmB,EAClC,cAAc,CAAC,EAAE,cAAc,QAuBhC;AAED,wBAAgB,2BAA2B,CACzC,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAE9C,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,cAAc,CAAC,CAAC,EACvD,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAE,OAAO,QAsClB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"componentUtils.d.ts","sourceRoot":"","sources":["../../../../src/layoutReanimation/web/componentUtils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"componentUtils.d.ts","sourceRoot":"","sources":["../../../../src/layoutReanimation/web/componentUtils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAC;AAGtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,KAAK,EAEV,eAAe,EAEf,YAAY,EAGb,MAAM,UAAU,CAAC;AA8ElB,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,YAAY,WAa9D;AA2BD,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,mBAAmB,EAClC,MAAM,EAAE,YAAY,GACnB,eAAe,CAUjB;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,YAAY,QAkBrB;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,QAYhD;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,qBAAqB,EAC9B,eAAe,EAAE,eAAe,EAChC,kBAAkB,UAAQ,EAC1B,MAAM,GAAE,OAAO,GAAG,IAAW,QA8E9B;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,qBAAqB,EAC9B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,QA8C/B;AAwCD,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,qBAAqB,EAC9B,eAAe,EAAE,eAAe,QAgFjC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { LayoutAnimationType } from '../../commonTypes';
|
|
1
2
|
import type { TransitionData } from './animationParser';
|
|
2
3
|
import type { InitialValuesStyleProps, KeyframeDefinitions } from './config';
|
|
3
4
|
import { TransitionType } from './config';
|
|
4
|
-
export declare function createCustomKeyFrameAnimation(keyframeDefinitions: KeyframeDefinitions): string;
|
|
5
|
-
export declare function createAnimationWithInitialValues(animationName: string, initialValues: InitialValuesStyleProps): string;
|
|
5
|
+
export declare function createCustomKeyFrameAnimation(keyframeDefinitions: KeyframeDefinitions, animationType: LayoutAnimationType): string;
|
|
6
|
+
export declare function createAnimationWithInitialValues(animationName: string, initialValues: InitialValuesStyleProps, animationType: LayoutAnimationType): string;
|
|
6
7
|
/**
|
|
7
8
|
* Creates transition of given type, appends it to stylesheet and returns
|
|
8
9
|
* keyframe name.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAnimation.d.ts","sourceRoot":"","sources":["../../../../src/layoutReanimation/web/createAnimation.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createAnimation.d.ts","sourceRoot":"","sources":["../../../../src/layoutReanimation/web/createAnimation.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAGV,cAAc,EACf,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,EAAkB,cAAc,EAAE,MAAM,UAAU,CAAC;AAyD1D,wBAAgB,6BAA6B,CAC3C,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,mBAAmB,UAoCnC;AAED,wBAAgB,gCAAgC,CAC9C,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,uBAAuB,EACtC,aAAa,EAAE,mBAAmB,UAkDnC;AAcD;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CACjC,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc;;;EAsE/B"}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* version used to build the native part of the library in runtime. Remember to
|
|
4
4
|
* keep this in sync with the version declared in `package.json`
|
|
5
5
|
*/
|
|
6
|
-
export declare const jsVersion = "4.2.
|
|
6
|
+
export declare const jsVersion = "4.2.1";
|
|
7
7
|
//# sourceMappingURL=jsVersion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"updateProps.d.ts","sourceRoot":"","sources":["../../../src/updateProps/updateProps.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"updateProps.d.ts","sourceRoot":"","sources":["../../../src/updateProps/updateProps.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAcvC,OAAO,KAAK,EACV,aAAa,EAGd,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAEV,WAAW,EACZ,MAAM,wCAAwC,CAAC;AAEhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAItD,QAAA,IAAI,WAAW,EAAE,CACf,eAAe,EAAE,sBAAsB,EACvC,OAAO,EAAE,WAAW,EACpB,eAAe,CAAC,EAAE,OAAO,KACtB,IAAI,CAAC;AAwCV,eAAO,MAAM,sBAAsB,GACjC,iBAAiB,sBAAsB,EACvC,SAAS,aAAa,CAAC,GAAG,CAAC,EAC3B,gBAAgB,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EAC7C,UAAU,CAAC,CAAC,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,EAAE,KAClD,IAUF,CAAC;AAEF,eAAe,WAAW,CAAC;AAsG3B;;;GAGG;AACH,UAAU,sBAAsB;IAC9B,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;CAC/B"}
|
package/package.json
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable camelcase */
|
|
1
2
|
'use strict';
|
|
2
3
|
import { IS_ANDROID } from '../constants';
|
|
3
4
|
import type { PlainStyle } from '../types';
|
|
@@ -190,8 +191,14 @@ export const BASE_PROPERTIES_CONFIG: StyleBuilderConfig<PlainStyle> = {
|
|
|
190
191
|
backfaceVisibility: true,
|
|
191
192
|
opacity: true,
|
|
192
193
|
mixBlendMode: true,
|
|
193
|
-
|
|
194
|
+
|
|
194
195
|
experimental_backgroundImage: false, // TODO
|
|
196
|
+
// @ts-ignore This type doesn't exist on non-strict-api
|
|
197
|
+
experimental_backgroundPosition: false, // TODO
|
|
198
|
+
// @ts-ignore This type doesn't exist on non-strict-api
|
|
199
|
+
experimental_backgroundSize: false, // TODO
|
|
200
|
+
// @ts-ignore This type doesn't exist on non-strict-api
|
|
201
|
+
experimental_backgroundRepeat: false, // TODO
|
|
195
202
|
|
|
196
203
|
/** Typography */
|
|
197
204
|
// Font
|
package/src/common/web/index.ts
CHANGED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
export function removeElementAnimation(element: HTMLElement) {
|
|
4
|
+
if (!element.style) {
|
|
5
|
+
return;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
element.style.animationName = '';
|
|
9
|
+
element.style.animationDuration = '';
|
|
10
|
+
element.style.animationDelay = '';
|
|
11
|
+
element.style.animationFillMode = '';
|
|
12
|
+
element.style.animationPlayState = '';
|
|
13
|
+
element.style.animationDirection = '';
|
|
14
|
+
element.style.animationTimingFunction = '';
|
|
15
|
+
element.style.animationIterationCount = '';
|
|
16
|
+
}
|
|
@@ -227,8 +227,8 @@ export default class AnimatedComponent
|
|
|
227
227
|
for (const style of this._animatedStyles) {
|
|
228
228
|
style.viewDescriptors.remove(viewTag);
|
|
229
229
|
}
|
|
230
|
-
|
|
231
|
-
|
|
230
|
+
for (const animatedProp of this._animatedProps) {
|
|
231
|
+
animatedProp?.viewDescriptors?.remove(viewTag);
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
234
|
}
|
|
@@ -82,7 +82,7 @@ export type AnimatedComponentProps<
|
|
|
82
82
|
> = P & {
|
|
83
83
|
ref?: Ref<Component>;
|
|
84
84
|
style?: NestedArray<StyleProps>;
|
|
85
|
-
animatedProps?: Partial<AnimatedComponentProps<AnimatedProps
|
|
85
|
+
animatedProps?: NestedArray<Partial<AnimatedComponentProps<AnimatedProps>>>;
|
|
86
86
|
jestAnimatedValues?: RefObject<AnimatedProps>;
|
|
87
87
|
animatedStyle?: StyleProps;
|
|
88
88
|
sharedTransitionTag?: string;
|
|
@@ -91,7 +91,7 @@ export function createAnimatedComponent<
|
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
const animatedComponent = (
|
|
94
|
-
props: AnimatedProps<
|
|
94
|
+
props: Omit<AnimatedProps<React.ComponentProps<TInstance>>, 'ref'> & {
|
|
95
95
|
ref?: AnimatedComponentRef<TInstance>;
|
|
96
96
|
}
|
|
97
97
|
) => (
|
|
@@ -191,6 +191,10 @@ export default class CSSAnimationsManager implements ICSSAnimationsManager {
|
|
|
191
191
|
return;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
+
// Check if the order of animations has changed
|
|
195
|
+
animationsArrayChanged ||=
|
|
196
|
+
this.attachedAnimations[i].keyframesRule.name !== keyframesRule.name;
|
|
197
|
+
|
|
194
198
|
const updates = getAnimationSettingsUpdates(
|
|
195
199
|
oldAnimation.normalizedSettings,
|
|
196
200
|
normalizedSettings
|
|
@@ -200,10 +204,6 @@ export default class CSSAnimationsManager implements ICSSAnimationsManager {
|
|
|
200
204
|
hasSettingsUpdates = true;
|
|
201
205
|
settingsUpdates[i] = updates;
|
|
202
206
|
}
|
|
203
|
-
|
|
204
|
-
if (oldAnimation.keyframesRule.name !== keyframesRule.name) {
|
|
205
|
-
animationsArrayChanged = true;
|
|
206
|
-
}
|
|
207
207
|
});
|
|
208
208
|
|
|
209
209
|
const result: CSSAnimationUpdates = {};
|
|
@@ -48,9 +48,9 @@ export type NormalizedSingleCSSAnimationSettings = {
|
|
|
48
48
|
|
|
49
49
|
export type CSSAnimationUpdates = {
|
|
50
50
|
animationNames?: string[];
|
|
51
|
-
newAnimationSettings?: Record<
|
|
51
|
+
newAnimationSettings?: Record<number, NormalizedSingleCSSAnimationSettings>;
|
|
52
52
|
settingsUpdates?: Record<
|
|
53
|
-
|
|
53
|
+
number,
|
|
54
54
|
Partial<NormalizedSingleCSSAnimationSettings>
|
|
55
55
|
>;
|
|
56
56
|
};
|
|
@@ -5,6 +5,7 @@ import {
|
|
|
5
5
|
kebabizeCamelCase,
|
|
6
6
|
maybeAddSuffix,
|
|
7
7
|
} from '../../../common';
|
|
8
|
+
import { removeElementAnimation } from '../../../common/web';
|
|
8
9
|
import type { ReanimatedHTMLElement } from '../../../ReanimatedModule/js-reanimated';
|
|
9
10
|
import type {
|
|
10
11
|
CSSAnimationKeyframes,
|
|
@@ -133,12 +134,7 @@ export default class CSSAnimationsManager implements ICSSAnimationsManager {
|
|
|
133
134
|
return;
|
|
134
135
|
}
|
|
135
136
|
|
|
136
|
-
this.element
|
|
137
|
-
this.element.style.animationDelay = '';
|
|
138
|
-
this.element.style.animationDirection = '';
|
|
139
|
-
this.element.style.animationFillMode = '';
|
|
140
|
-
this.element.style.animationPlayState = '';
|
|
141
|
-
this.element.style.animationTimingFunction = '';
|
|
137
|
+
removeElementAnimation(this.element);
|
|
142
138
|
|
|
143
139
|
this.removeAnimationsFromStyleSheet(attachedAnimations);
|
|
144
140
|
this.unmountCleanupCalled = false;
|