react-native-reanimated 3.4.0 → 3.4.2

package/lib/typescript/reanimated2/hook/utils.d.ts

@@ -1,4 +1,5 @@
-import type { AnimatedStyle, Context, NestedObjectValues, WorkletFunction, AnimationObject } from '../commonTypes';
+import type { Context, NestedObjectValues, WorkletFunction, AnimationObject } from '../commonTypes';
+import type { AnimatedStyle } from '../helperTypes';
 import type { DependencyList } from './commonTypes';
 import type { NativeSyntheticEvent } from 'react-native';
 interface Handler<T, TContext extends Context> extends WorkletFunction {
@@ -7,11 +8,6 @@ interface Handler<T, TContext extends Context> extends WorkletFunction {
 interface Handlers<T, TContext extends Context> {
     [key: string]: Handler<T, TContext> | undefined;
 }
-export interface UseHandlerContext<TContext extends Context> {
-    context: TContext;
-    doDependenciesDiffer: boolean;
-    useWeb: boolean;
-}
 type useEventType = <T extends object>(handler: (e: T) => void, eventNames?: string[], rebuild?: boolean) => (e: NativeSyntheticEvent<T>) => void;
 export declare const useEvent: useEventType;
 type useHandlerType = <T, TContext extends Context = Record<string, never>>(handlers: Handlers<T, TContext>, deps?: DependencyList) => {
@@ -21,11 +17,7 @@ type useHandlerType = <T, TContext extends Context = Record<string, never>>(hand
 };
 export declare const useHandler: useHandlerType;
 export declare function buildWorkletsHash(handlers: Record<string, WorkletFunction> | Array<WorkletFunction>): string;
-export declare function buildDependencies(dependencies: DependencyList, handlers: Record<string, WorkletFunction | undefined>): Array<unknown>;
-export declare function areDependenciesEqual(nextDeps: DependencyList, prevDeps: DependencyList): boolean;
-export declare function hasColorProps(updates: AnimatedStyle): boolean;
-export declare function parseColors(updates: AnimatedStyle): void;
 export declare function isAnimated(prop: NestedObjectValues<AnimationObject>): boolean;
 export declare function shallowEqual(a: any, b: any): boolean;
-export declare const validateAnimatedStyles: (styles: AnimatedStyle) => void;
+export declare const validateAnimatedStyles: (styles: AnimatedStyle<any>) => void;
 export {};

package/lib/typescript/reanimated2/index.d.ts

@@ -14,4 +14,6 @@ export * from './commonTypes';
 export * from './frameCallback';
 export * from './pluginUtils';
 export * from './jestUtils';
-export type { AnimateProps } from './helperTypes';
+export type { Adaptable, AdaptTransforms, AnimateProps, AnimatedProps, AnimatedTransform, TransformStyleTypes, AnimateStyle, AnimatedStyle, StylesOrDefault, } from './helperTypes';
+export type { AnimatedScrollViewProps } from './component/ScrollView';
+export type { FlatListPropsWithLayout } from './component/FlatList';

package/lib/typescript/reanimated2/interpolateColor.d.ts

@@ -8,13 +8,13 @@ export type InterpolationOptions = {
     gamma?: number;
     useCorrectedHSVInterpolation?: boolean;
 };
-interface InterpolateRGB {
+export interface InterpolateRGB {
     r: number[];
     g: number[];
     b: number[];
     a: number[];
 }
-interface InterpolateHSV {
+export interface InterpolateHSV {
     h: number[];
     s: number[];
     v: number[];
@@ -35,4 +35,3 @@ export interface InterpolateConfig {
 }
 export declare function useInterpolateConfig(inputRange: readonly number[], outputRange: readonly (string | number)[], colorSpace?: ColorSpace, options?: InterpolationOptions): SharedValue<InterpolateConfig>;
 export declare const interpolateSharableColor: (value: number, interpolateConfig: SharedValue<InterpolateConfig>) => string | number;
-export {};

package/lib/typescript/reanimated2/js-reanimated/commonTypes.d.ts

@@ -1,43 +1 @@
-import type { Timestamp, NestedObjectValues } from '../commonTypes';
-import type MutableValue from './MutableValue';
-export interface Mapper<T> {
-    MAPPER_ID?: number;
-    id: number;
-    inputs: MutableValue<T>[];
-    outputs: MutableValue<T>[];
-    mapper: () => void;
-    dirty: boolean;
-    execute(): void;
-    extractMutablesFromArray<T>(array: NestedObjectValues<MutableValue<T>>): MutableValue<T>[];
-}
-export interface MapperRegistry<T> {
-    sortedMappers: Mapper<T>[];
-    mappers: Map<number, Mapper<T>>;
-    _module: JSReanimated;
-    updatedSinceLastExecute: boolean;
-    startMapper(mapper: Mapper<T>): number;
-    stopMapper(id: number): void;
-    execute(): void;
-    updateOrder(): void;
-}
-export interface JSReanimated {
-    _valueSetter?: <T>(value: T) => void;
-    _renderRequested: boolean;
-    _mapperRegistry: MapperRegistry<any>;
-    _frames: ((timestamp: Timestamp) => void)[];
-    timeProvider: {
-        now: () => number;
-    };
-    pushFrame(frame: (timestamp: Timestamp) => void): void;
-    maybeRequestRender(): void;
-    _onRender(timestampMs: number): void;
-    installCoreFunctions(valueSetter: <T>(value: T) => void): void;
-    makeShareable<T>(value: T): T;
-    makeMutable<T>(value: T): MutableValue<T>;
-    makeRemote<T>(object: Record<string, any>): T;
-    startMapper(mapper: () => void, inputs: NestedObjectValues<MutableValue<unknown>>[], outputs: NestedObjectValues<MutableValue<unknown>>[]): number;
-    stopMapper(mapperId: number): void;
-    registerEventHandler<T>(_: string, __: (event: T) => void): string;
-    unregisterEventHandler(_: string): void;
-    enableLayoutAnimations(): void;
-}
+export {};

package/lib/typescript/reanimated2/js-reanimated/index.d.ts

@@ -1,5 +1,6 @@
 import JSReanimated from './JSReanimated';
-import type { AnimatedStyle, StyleProps } from '../commonTypes';
+import type { StyleProps } from '../commonTypes';
+import type { AnimatedStyle } from '../helperTypes';
 declare const reanimatedJS: JSReanimated;
 interface JSReanimatedComponent {
     previousStyle: StyleProps;
@@ -10,7 +11,7 @@ interface JSReanimatedComponent {
         setAttribute: (key: string, props: unknown) => void;
     };
 }
-export declare const _updatePropsJS: (updates: StyleProps | AnimatedStyle, viewRef: {
+export declare const _updatePropsJS: (updates: StyleProps | AnimatedStyle<any>, viewRef: {
     _component?: JSReanimatedComponent;
 }) => void;
 export default reanimatedJS;

package/lib/typescript/reanimated2/layoutReanimation/animationBuilder/ComplexAnimationBuilder.d.ts

@@ -1,9 +1,9 @@
 import type { AnimationFunction, LayoutAnimationAndConfig } from './commonTypes';
-import type { EasingFn } from '../../Easing';
+import type { EasingFunction } from '../../Easing';
 import { BaseAnimationBuilder } from './BaseAnimationBuilder';
 import type { StyleProps } from '../../commonTypes';
 export declare class ComplexAnimationBuilder extends BaseAnimationBuilder {
-    easingV?: EasingFn;
+    easingV?: EasingFunction;
     rotateV?: string;
     type?: AnimationFunction;
     dampingV?: number;
@@ -15,8 +15,8 @@ export declare class ComplexAnimationBuilder extends BaseAnimationBuilder {
     restSpeedThresholdV?: number;
     initialValues?: StyleProps;
     static createInstance: <T extends typeof BaseAnimationBuilder>(this: T) => InstanceType<T>;
-    static easing<T extends typeof ComplexAnimationBuilder>(this: T, easingFunction: EasingFn): InstanceType<T>;
-    easing(easingFunction: EasingFn): this;
+    static easing<T extends typeof ComplexAnimationBuilder>(this: T, easingFunction: EasingFunction): InstanceType<T>;
+    easing(easingFunction: EasingFunction): this;
     static rotate<T extends typeof ComplexAnimationBuilder>(this: T, degree: string): InstanceType<T>;
     rotate(degree: string): this;
     static springify<T extends typeof ComplexAnimationBuilder>(this: T, duration?: number): ComplexAnimationBuilder;

package/lib/typescript/reanimated2/layoutReanimation/animationBuilder/Keyframe.d.ts

@@ -1,15 +1,4 @@
-import type { EasingFn } from '../../Easing';
 import type { KeyframeProps } from './commonTypes';
-import type { StyleProps } from '../../commonTypes';
-export interface KeyframePoint {
-    duration: number;
-    value: number | string;
-    easing?: EasingFn;
-}
-export interface ParsedKeyframesDefinition {
-    initialValues: StyleProps;
-    keyframes: Record<string, KeyframePoint[]>;
-}
 export declare class ReanimatedKeyframe {
     constructor(definitions: Record<string, KeyframeProps>);
     duration(durationMs: number): ReanimatedKeyframe;

package/lib/typescript/reanimated2/layoutReanimation/animationBuilder/commonTypes.d.ts

@@ -1,7 +1,7 @@
-import type { EasingFn } from '../../Easing';
+import type { EasingFunction } from '../../Easing';
 import type { StyleProps } from '../../commonTypes';
 export interface KeyframeProps extends StyleProps {
-    easing?: EasingFn;
+    easing?: EasingFunction;
     [key: string]: any;
 }
 export type LayoutAnimation = {
@@ -68,7 +68,7 @@ export interface ILayoutAnimationBuilder {
 }
 export interface BaseLayoutAnimationConfig {
     duration?: number;
-    easing?: EasingFn;
+    easing?: EasingFunction;
     type?: AnimationFunction;
     damping?: number;
     dampingRatio?: number;

package/lib/typescript/reanimated2/layoutReanimation/defaultTransitions/CurvedTransition.d.ts

@@ -1,19 +1,19 @@
 import type { ILayoutAnimationBuilder, LayoutAnimationFunction } from '../animationBuilder/commonTypes';
 import { BaseAnimationBuilder } from '../animationBuilder';
-import type { EasingFn } from '../../Easing';
+import type { EasingFunction } from '../../Easing';
 export declare class CurvedTransition extends BaseAnimationBuilder implements ILayoutAnimationBuilder {
-    easingXV: EasingFn;
-    easingYV: EasingFn;
-    easingWidthV: EasingFn;
-    easingHeightV: EasingFn;
+    easingXV: EasingFunction;
+    easingYV: EasingFunction;
+    easingWidthV: EasingFunction;
+    easingHeightV: EasingFunction;
     static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
-    static easingX(easing: EasingFn): CurvedTransition;
-    easingX(easing: EasingFn): CurvedTransition;
-    static easingY(easing: EasingFn): CurvedTransition;
-    easingY(easing: EasingFn): CurvedTransition;
-    static easingWidth(easing: EasingFn): CurvedTransition;
-    easingWidth(easing: EasingFn): CurvedTransition;
-    static easingHeight(easing: EasingFn): CurvedTransition;
-    easingHeight(easing: EasingFn): CurvedTransition;
+    static easingX(easing: EasingFunction): CurvedTransition;
+    easingX(easing: EasingFunction): CurvedTransition;
+    static easingY(easing: EasingFunction): CurvedTransition;
+    easingY(easing: EasingFunction): CurvedTransition;
+    static easingWidth(easing: EasingFunction): CurvedTransition;
+    easingWidth(easing: EasingFunction): CurvedTransition;
+    static easingHeight(easing: EasingFunction): CurvedTransition;
+    easingHeight(easing: EasingFunction): CurvedTransition;
     build: () => LayoutAnimationFunction;
 }

package/lib/typescript/reanimated2/layoutReanimation/index.d.ts

@@ -3,3 +3,4 @@ export * from './animationBuilder';
 export * from './defaultAnimations';
 export * from './defaultTransitions';
 export * from './sharedTransitions';
+export type { KeyframeProps } from './animationBuilder/commonTypes';

package/lib/typescript/reanimated2/mappers.d.ts

@@ -1,14 +1,2 @@
-import type { SharedValue } from './commonTypes';
-export type Mapper = {
-    id: number;
-    dirty: boolean;
-    worklet: () => void;
-    inputs: SharedValue<any>[];
-    outputs?: SharedValue<any>[];
-};
-export declare function createMapperRegistry(): {
-    start: (mapperID: number, worklet: () => void, inputs: SharedValue<any>[], outputs?: SharedValue<any>[]) => void;
-    stop: (mapperID: number) => void;
-};
 export declare function startMapper(worklet: () => void, inputs?: any[], outputs?: any[]): number;
 export declare function stopMapper(mapperID: number): void;

package/lib/typescript/reanimated2/mock.d.ts

@@ -1,76 +1 @@
-declare const NOOP: () => void;
-declare const ID: (t: any) => any;
-declare const IMMEDIATE_CB_INVOCATION: (cb: () => unknown) => unknown;
-declare class BaseAnimationMock {
-    duration(_: number): this;
-    delay(_: number): this;
-    springify(_: number): this;
-    damping(_: number): this;
-    stiffness(_: number): this;
-    withCallback(_: (finished: boolean) => void): this;
-    randomDelay(): this;
-    withInitialValues(): this;
-    build(): () => {
-        initialValues: {};
-        animations: {};
-    };
-}
-declare const ReanimatedV2: {
-    useSharedValue: (v: any) => {
-        value: any;
-    };
-    useDerivedValue: (a: any) => {
-        value: any;
-    };
-    useAnimatedScrollHandler: () => () => void;
-    useAnimatedGestureHandler: () => () => void;
-    useAnimatedStyle: (cb: () => unknown) => unknown;
-    useAnimatedRef: () => {
-        current: null;
-    };
-    useAnimatedReaction: () => void;
-    useAnimatedProps: (cb: () => unknown) => unknown;
-    withTiming: (toValue: any, _: any, cb: any) => any;
-    withSpring: (toValue: any, _: any, cb: any) => any;
-    withDecay: (_: any, cb: any) => number;
-    withDelay: (_: any, animationValue: any) => any;
-    withSequence: (..._animations: any[]) => number;
-    withRepeat: (animation: any) => any;
-    cancelAnimation: () => void;
-    measure: () => {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-        pageX: number;
-        pageY: number;
-    };
-    Easing: {
-        linear: (t: any) => any;
-        ease: (t: any) => any;
-        quad: (t: any) => any;
-        cubic: (t: any) => any;
-        poly: (t: any) => any;
-        sin: (t: any) => any;
-        circle: (t: any) => any;
-        exp: (t: any) => any;
-        elastic: (t: any) => any;
-        back: (t: any) => any;
-        bounce: (t: any) => any;
-        bezier: () => {
-            factory: (t: any) => any;
-        };
-        bezierFn: (t: any) => any;
-        steps: (t: any) => any;
-        in: (t: any) => any;
-        out: (t: any) => any;
-        inOut: (t: any) => any;
-    };
-    Extrapolation: {
-        EXTEND: string;
-        CLAMP: string;
-        IDENTITY: string;
-    };
-    runOnJS: (fn: any) => any;
-    runOnUI: (fn: any) => any;
-};
+export {};

package/lib/typescript/reanimated2/mutables.d.ts

@@ -1,5 +1,4 @@
 import type { SharedValue, ShareableSyncDataHolderRef } from './commonTypes';
-export { stopMapper } from './mappers';
 export declare function makeUIMutable<T>(initial: T, syncDataHolder?: ShareableSyncDataHolderRef<T>): {
     value: T;
     /**

package/lib/typescript/reanimated2/platform-specific/jsVersion.d.ts

@@ -3,4 +3,4 @@
  * with the version used to build the native part of the library in runtime.
  * Remember to keep this in sync with the version declared in `package.json`
  */
-export declare const jsVersion = "3.4.0";
+export declare const jsVersion = "3.4.2";

package/lib/typescript/reanimated2/valueSetter.d.ts

@@ -1,2 +1 @@
-export { stopMapper } from './mappers';
 export declare function valueSetter(sv: any, value: any): void;

package/lib/typescript/setAndForwardRef.d.ts

@@ -32,7 +32,7 @@ import type { MutableRefObject } from 'react';
  *
  *   module.exports = MyViewWithRef;
  */
-export type ForwardedRef<T> = () => MutableRefObject<T> | ((ref: T) => void);
+type ForwardedRef<T> = () => MutableRefObject<T> | ((ref: T) => void);
 declare function setAndForwardRef<T>({ getForwardedRef, setLocalRef, }: {
     getForwardedRef: ForwardedRef<T>;
     setLocalRef: (ref: T) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reanimated",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "description": "More powerful alternative to Animated library for React Native.",
   "scripts": {
     "test": "yarn run format:js && yarn run lint:js && yarn run test:unit",
@@ -20,6 +20,7 @@
     "format:ios": "find ios/ -iname *.h -o -iname *.m -o -iname *.mm -o -iname *.cpp | xargs clang-format -i --Werror",
     "format:android": "find android/src/ -iname *.h -o -iname *.cpp | xargs clang-format -i",
     "format:common": "find Common/ -iname *.h -o -iname *.cpp | xargs clang-format -i",
+    "find-unused-code:js": "yarn ts-prune --ignore \"index|.web.\" --error  ",
     "type:check": "yarn tsc --noEmit && cd plugin && yarn type:check && cd ..",
     "type:check-api": "yarn tsc --noEmit --target es6 --module ESNext --jsx react-native --skipLibCheck true --allowSyntheticDefaultImports true --moduleResolution node --esModuleInterop true --strict true --forceConsistentCasingInFileNames true --resolveJsonModule true app/src/App.tsx",
     "prepare": "yarn plugin && bob build && husky install && yarn app",
@@ -147,6 +148,7 @@
     "react-native-web": "~0.18.12",
     "react-test-renderer": "17.0.2",
     "shelljs": "^0.8.5",
+    "ts-prune": "^0.10.3",
     "typescript": "^4.1.3"
   },
   "lint-staged": {

package/src/Animated.ts

@@ -1,13 +1,87 @@
-export { default as createAnimatedComponent } from './createAnimatedComponent';
-export {
-  addWhitelistedNativeProps,
-  addWhitelistedUIProps,
+import type { Extrapolate as _Extrapolate } from './reanimated2/interpolateColor';
+import type { SharedValue as _SharedValue } from './reanimated2/commonTypes';
+import type { DerivedValue as _DerivedValue } from './reanimated2/hook/useDerivedValue';
+import type {
+  TransformStyleTypes as _TransformStyleTypes,
+  Adaptable as _Adaptable,
+  AdaptTransforms as _AdaptTransforms,
+  AnimatedTransform as _AnimatedTransform,
+  AnimateStyle as _AnimateStyle,
+  StylesOrDefault as _StylesOrDefault,
+  AnimateProps as _AnimateProps,
+} from './reanimated2/helperTypes';
+import type { EasingFunction as _EasingFunction } from './reanimated2/Easing';
+import {
+  addWhitelistedNativeProps as _addWhitelistedNativeProps,
+  addWhitelistedUIProps as _addWhitelistedUIProps,
 } from './ConfigHelper';
+import type { AnimatedScrollViewProps as _AnimatedScrollViewProps } from './reanimated2/component/ScrollView';
+import type { FlatListPropsWithLayout as _FlatListPropsWithLayout } from './reanimated2/component/FlatList';
+export { default as createAnimatedComponent } from './createAnimatedComponent';
 
 export { AnimatedText as Text } from './reanimated2/component/Text';
 export { AnimatedView as View } from './reanimated2/component/View';
 export { AnimatedScrollView as ScrollView } from './reanimated2/component/ScrollView';
 export { AnimatedImage as Image } from './reanimated2/component/Image';
 export { ReanimatedFlatList as FlatList } from './reanimated2/component/FlatList';
-export type { SharedValue } from './reanimated2/commonTypes';
-export type { AnimateStyle } from './reanimated2/helperTypes';
+/**
+ * @deprecated Please import `Extrapolate` directly from `react-native-reanimated` instead of `Animated` namespace.
+ */
+export type Extrapolate = typeof _Extrapolate;
+/**
+ * @deprecated Please import `SharedValue` directly from `react-native-reanimated` instead of `Animated` namespace.
+ */
+
+export type SharedValue<T> = _SharedValue<T>;
+/**
+ * @deprecated Please import `DerivedValue` directly from `react-native-reanimated` instead of `Animated` namespace.
+ */
+export type DerivedValue<T> = _DerivedValue<T>;
+/**
+ * @deprecated Please import `Adaptable` directly from `react-native-reanimated` instead of `Animated` namespace.
+ */
+export type Adaptable<T> = _Adaptable<T>;
+/**
+ * @deprecated Please import `TransformStyleTypes` directly from `react-native-reanimated` instead of `Animated` namespace.
+ * */
+export type TransformStyleTypes = _TransformStyleTypes;
+/**
+ * @deprecated Please import `AdaptTransforms` directly from `react-native-reanimated` instead of `Animated` namespace.
+ * */
+export type AdaptTransforms<T> = _AdaptTransforms<T>;
+/**
+ * @deprecated Please import `AnimatedTransform` directly from `react-native-reanimated` instead of `Animated` namespace.
+ */
+export type AnimatedTransform = _AnimatedTransform;
+/**
+ * @deprecated Please import `AnimateStyle` directly from `react-native-reanimated` instead of `Animated` namespace.
+ * */
+export type AnimateStyle<S> = _AnimateStyle<S>;
+/**
+ * @deprecated Please import `StylesOrDefault` directly from `react-native-reanimated` instead of `Animated` namespace.
+ * */
+export type StylesOrDefault<S> = _StylesOrDefault<S>;
+/**
+ * @deprecated Please import `AnimateProps` directly from `react-native-reanimated` instead of `Animated` namespace.
+ * */
+export type AnimateProps<P extends object> = _AnimateProps<P>;
+/**
+ * @deprecated Please import `EasingFunction` directly from `react-native-reanimated` instead of `Animated` namespace.
+ * */
+export type EasingFunction = _EasingFunction;
+/**
+ * @deprecated Please import `addWhitelistedNativeProps` directly from `react-native-reanimated` instead of `Animated` namespace.
+ * */
+export const addWhitelistedNativeProps = _addWhitelistedNativeProps;
+/**
+ * @deprecated Please import `addWhitelistedUIProps` directly from `react-native-reanimated` instead of `Animated` namespace.
+ * */
+export const addWhitelistedUIProps = _addWhitelistedUIProps;
+/**
+ * @deprecated Please import `AnimatedScrollViewProps` directly from `react-native-reanimated` instead of `Animated` namespace.
+ * */
+export type AnimatedScrollViewProps = _AnimatedScrollViewProps;
+/**
+ * @deprecated Please import `FlatListPropsWithLayout` directly from `react-native-reanimated` instead of `Animated` namespace.
+ * */
+export type FlatListPropsWithLayout<T> = _FlatListPropsWithLayout<T>;

package/src/createAnimatedComponent.tsx

@@ -214,7 +214,7 @@ interface AnimatedProps extends Record<string, unknown> {
   initial?: SharedValue<StyleProps>;
 }
 
-export type AnimatedComponentProps<P extends Record<string, unknown>> = P & {
+type AnimatedComponentProps<P extends Record<string, unknown>> = P & {
   forwardedRef?: Ref<Component>;
   style?: NestedArray<StyleProps>;
   animatedProps?: Partial<AnimatedComponentProps<AnimatedProps>>;
@@ -247,7 +247,7 @@ interface ComponentRef extends Component {
   getAnimatableRef?: () => ComponentRef;
 }
 
-export interface InitialComponentProps extends Record<string, unknown> {
+interface InitialComponentProps extends Record<string, unknown> {
   ref?: Ref<Component>;
   collapsable?: boolean;
 }

package/src/reanimated2/Easing.ts

@@ -46,9 +46,19 @@ import { Bezier } from './Bezier';
  * - [`out`](docs/easing.html#out) runs an easing function backwards
  */
 
-export type EasingFn = (t: number) => number;
+export type EasingFunction = (t: number) => number;
 
-export type EasingFactoryFn = { factory: () => EasingFn };
+/**
+ * @deprecated Please use `EasingFunction` type instead.
+ */
+export type EasingFn = EasingFunction;
+
+export type EasingFunctionFactory = { factory: () => EasingFunction };
+
+/**
+ * @deprecated Please use `EasingFunctionFactory` type instead.
+ */
+export type EasingFactoryFn = EasingFunctionFactory;
 /**
  * A linear function, `f(t) = t`. Position correlates to elapsed time one to
  * one.
@@ -99,7 +109,7 @@ function cubic(t: number): number {
  * n = 4: http://easings.net/#easeInQuart
  * n = 5: http://easings.net/#easeInQuint
  */
-function poly(n: number): EasingFn {
+function poly(n: number): EasingFunction {
   'worklet';
   return (t) => {
     'worklet';
@@ -147,7 +157,7 @@ function exp(t: number): number {
  *
  * http://easings.net/#easeInElastic
  */
-function elastic(bounciness = 1): EasingFn {
+function elastic(bounciness = 1): EasingFunction {
   'worklet';
   const p = bounciness * Math.PI;
   return (t) => {
@@ -232,7 +242,7 @@ function bezierFn(
 /**
  * Runs an easing function forwards.
  */
-function in_(easing: EasingFn): EasingFn {
+function in_(easing: EasingFunction): EasingFunction {
   'worklet';
   return easing;
 }
@@ -240,7 +250,7 @@ function in_(easing: EasingFn): EasingFn {
 /**
  * Runs an easing function backwards.
  */
-function out(easing: EasingFn): EasingFn {
+function out(easing: EasingFunction): EasingFunction {
   'worklet';
   return (t) => {
     'worklet';
@@ -253,7 +263,7 @@ function out(easing: EasingFn): EasingFn {
  * forwards for half of the duration, then backwards for the rest of the
  * duration.
  */
-function inOut(easing: EasingFn): EasingFn {
+function inOut(easing: EasingFunction): EasingFunction {
   'worklet';
   return (t) => {
     'worklet';
@@ -270,7 +280,7 @@ function inOut(easing: EasingFn): EasingFn {
  * steps in the animation, and the `roundToNextStep` parameter determines whether the animation
  * should start at the beginning or end of each step.
  */
-function steps(n = 10, roundToNextStep = true): EasingFn {
+function steps(n = 10, roundToNextStep = true): EasingFunction {
   'worklet';
   return (t) => {
     'worklet';

package/src/reanimated2/UpdateProps.ts

@@ -1,11 +1,7 @@
 import type { MutableRefObject } from 'react';
 import { processColor } from './Colors';
-import type {
-  AnimatedStyle,
-  ShadowNodeWrapper,
-  SharedValue,
-  StyleProps,
-} from './commonTypes';
+import type { ShadowNodeWrapper, SharedValue, StyleProps } from './commonTypes';
+import type { AnimatedStyle } from './helperTypes';
 import { makeShareable } from './core';
 import type { Descriptor } from './hook/commonTypes';
 import { _updatePropsJS } from './js-reanimated';
@@ -14,7 +10,7 @@ import type { ViewRefSet } from './ViewDescriptorsSet';
 import { runOnUIImmediately } from './threads';
 
 // copied from react-native/Libraries/Components/View/ReactNativeStyleAttributes
-export const colorProps = [
+const colorProps = [
   'backgroundColor',
   'borderBottomColor',
   'borderColor',
@@ -33,9 +29,9 @@ export const colorProps = [
 
 export const ColorProperties = makeShareable(colorProps);
 
-export let updateProps: (
+let updateProps: (
   viewDescriptor: SharedValue<Descriptor[]>,
-  updates: StyleProps | AnimatedStyle,
+  updates: StyleProps | AnimatedStyle<any>,
   maybeViewRef: ViewRefSet<any> | undefined
 ) => void;
 
@@ -63,10 +59,10 @@ if (shouldBeUseWeb()) {
 
 export const updatePropsJestWrapper = (
   viewDescriptors: SharedValue<Descriptor[]>,
-  updates: AnimatedStyle,
+  updates: AnimatedStyle<any>,
   maybeViewRef: ViewRefSet<any> | undefined,
-  animatedStyle: MutableRefObject<AnimatedStyle>,
-  adapters: ((updates: AnimatedStyle) => void)[]
+  animatedStyle: MutableRefObject<AnimatedStyle<any>>,
+  adapters: ((updates: AnimatedStyle<any>) => void)[]
 ): void => {
   adapters.forEach((adapter) => {
     adapter(updates);
@@ -87,12 +83,12 @@ const createUpdatePropsManager = global._IS_FABRIC
       // Fabric
       const operations: {
         shadowNodeWrapper: ShadowNodeWrapper;
-        updates: StyleProps | AnimatedStyle;
+        updates: StyleProps | AnimatedStyle<any>;
       }[] = [];
       return {
         update(
           viewDescriptors: SharedValue<Descriptor[]>,
-          updates: StyleProps | AnimatedStyle
+          updates: StyleProps | AnimatedStyle<any>
         ) {
           viewDescriptors.value.forEach((viewDescriptor) => {
             operations.push({
@@ -117,12 +113,12 @@ const createUpdatePropsManager = global._IS_FABRIC
       const operations: {
         tag: number;
         name: string;
-        updates: StyleProps | AnimatedStyle;
+        updates: StyleProps | AnimatedStyle<any>;
       }[] = [];
       return {
         update(
           viewDescriptors: SharedValue<Descriptor[]>,
-          updates: StyleProps | AnimatedStyle
+          updates: StyleProps | AnimatedStyle<any>
         ) {
           viewDescriptors.value.forEach((viewDescriptor) => {
             operations.push({
@@ -151,7 +147,7 @@ runOnUIImmediately(() => {
 export interface UpdatePropsManager {
   update(
     viewDescriptors: SharedValue<Descriptor[]>,
-    updates: StyleProps | AnimatedStyle
+    updates: StyleProps | AnimatedStyle<any>
   ): void;
   flush(): void;
 }