react-native-reanimated 3.17.3 → 3.17.4

package/lib/module/updateProps/processTransformOrigin.js

@@ -0,0 +1,115 @@
+'use strict';
+
+import { ReanimatedError } from "../errors.js";
+const INDEX_X = 0;
+const INDEX_Y = 1;
+const INDEX_Z = 2;
+
+// Implementation based on https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/StyleSheet/processTransformOrigin.js
+function validateTransformOrigin(transformOrigin) {
+  'worklet';
+
+  if (transformOrigin.length !== 3) {
+    throw new ReanimatedError('Transform origin must have exactly 3 values.');
+  }
+  const [x, y, z] = transformOrigin;
+  if (!(typeof x === 'number' || typeof x === 'string' && x.endsWith('%'))) {
+    throw new ReanimatedError(`Transform origin x-position must be a number or a percentage string. Passed value: ${x}.`);
+  }
+  if (!(typeof y === 'number' || typeof y === 'string' && y.endsWith('%'))) {
+    throw new ReanimatedError(`Transform origin y-position must be a number or a percentage string. Passed value: ${y}.`);
+  }
+  if (typeof z !== 'number') {
+    throw new ReanimatedError(`Transform origin z-position must be a number. Passed value: ${z}.`);
+  }
+}
+export function processTransformOrigin(transformOriginIn) {
+  'worklet';
+
+  let transformOrigin = Array.isArray(transformOriginIn) ? transformOriginIn : ['50%', '50%', 0];
+  if (typeof transformOriginIn === 'string') {
+    const transformOriginString = transformOriginIn;
+    const regex = /(top|bottom|left|right|center|\d+(?:%|px)|0)/gi;
+    const transformOriginArray = ['50%', '50%', 0];
+    let index = INDEX_X;
+    let matches;
+    while (matches = regex.exec(transformOriginString)) {
+      let nextIndex = index + 1;
+      const value = matches[0];
+      const valueLower = value.toLowerCase();
+      switch (valueLower) {
+        case 'left':
+        case 'right':
+          {
+            if (index !== INDEX_X) {
+              throw new ReanimatedError(`Transform-origin ${value} can only be used for x-position`);
+            }
+            transformOriginArray[INDEX_X] = valueLower === 'left' ? 0 : '100%';
+            break;
+          }
+        case 'top':
+        case 'bottom':
+          {
+            if (index === INDEX_Z) {
+              throw new ReanimatedError(`Transform-origin ${value} can only be used for y-position`);
+            }
+            transformOriginArray[INDEX_Y] = valueLower === 'top' ? 0 : '100%';
+
+            // Handle [[ center | left | right ] && [ center | top | bottom ]] <length>?
+            if (index === INDEX_X) {
+              const horizontal = regex.exec(transformOriginString);
+              if (horizontal == null) {
+                break;
+              }
+              switch (horizontal?.[0].toLowerCase()) {
+                case 'left':
+                  transformOriginArray[INDEX_X] = 0;
+                  break;
+                case 'right':
+                  transformOriginArray[INDEX_X] = '100%';
+                  break;
+                case 'center':
+                  transformOriginArray[INDEX_X] = '50%';
+                  break;
+                default:
+                  throw new ReanimatedError(`Could not parse transform-origin: ${transformOriginString}`);
+              }
+              nextIndex = INDEX_Z;
+            }
+            break;
+          }
+        case 'center':
+          {
+            if (index === INDEX_Z) {
+              throw new ReanimatedError(`Transform-origin value ${value} cannot be used for z-position`);
+            }
+            transformOriginArray[index] = '50%';
+            break;
+          }
+        default:
+          {
+            if (value.endsWith('%')) {
+              transformOriginArray[index] = value;
+            } else {
+              const numericValue = parseFloat(value);
+              if (isNaN(numericValue)) {
+                throw new ReanimatedError(`Invalid numeric value in transform-origin: ${value}`);
+              }
+              transformOriginArray[index] = numericValue;
+            }
+            break;
+          }
+      }
+      index = nextIndex;
+    }
+    transformOrigin = transformOriginArray;
+  }
+  if (typeof transformOriginIn !== 'string' && !Array.isArray(transformOriginIn)) {
+    throw new ReanimatedError(`Invalid transformOrigin type: ${typeof transformOriginIn}`);
+  }
+  if (__DEV__) {
+    validateTransformOrigin(transformOrigin);
+  }
+  return transformOrigin;
+}
+//# sourceMappingURL=processTransformOrigin.js.map

package/lib/module/updateProps/processTransformOrigin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReanimatedError","INDEX_X","INDEX_Y","INDEX_Z","validateTransformOrigin","transformOrigin","length","x","y","z","endsWith","processTransformOrigin","transformOriginIn","Array","isArray","transformOriginString","regex","transformOriginArray","index","matches","exec","nextIndex","value","valueLower","toLowerCase","horizontal","numericValue","parseFloat","isNaN","__DEV__"],"sourceRoot":"../../../src","sources":["updateProps/processTransformOrigin.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/{UpdateProps.js → updateProps/updateProps.js}

@@ -1,11 +1,12 @@
-/* eslint-disable @typescript-eslint/no-redundant-type-constituents */
+/* eslint-disable @typescript-eslint/no-redundant-type-constituents, @typescript-eslint/no-explicit-any */
 'use strict';
 
-import { processColorsInProps } from "./Colors.js";
-import { ReanimatedError } from "./errors.js";
-import { isFabric, isJest, shouldBeUseWeb } from "./PlatformChecker.js";
-import { _updatePropsJS } from "./ReanimatedModule/js-reanimated/index.js";
-import { runOnUIImmediately } from "./threads.js";
+import { processColorsInProps } from "../Colors.js";
+import { ReanimatedError } from "../errors.js";
+import { isFabric, isJest, shouldBeUseWeb } from "../PlatformChecker.js";
+import { _updatePropsJS } from "../ReanimatedModule/js-reanimated/index.js";
+import { runOnUIImmediately } from "../threads.js";
+import { processTransformOrigin } from "./processTransformOrigin.js";
 let updateProps;
 if (shouldBeUseWeb()) {
   updateProps = (viewDescriptors, updates, isAnimatedProps) => {
@@ -21,10 +22,8 @@ if (shouldBeUseWeb()) {
     'worklet';
 
     processColorsInProps(updates);
-    if (updates.transformOrigin) {
-      if (!Array.isArray(updates.transformOrigin)) {
-        throw new ReanimatedError('Please use transformOrigin in array form');
-      }
+    if ('transformOrigin' in updates) {
+      updates.transformOrigin = processTransformOrigin(updates.transformOrigin);
     }
     global.UpdatePropsManager.update(viewDescriptors, updates);
   };
@@ -113,4 +112,4 @@ if (shouldBeUseWeb()) {
  * This used to be `SharedValue<Descriptors[]>` but objects holding just a
  * single `value` prop are fine too.
  */
-//# sourceMappingURL=UpdateProps.js.map
+//# sourceMappingURL=updateProps.js.map

package/lib/module/updateProps/updateProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["processColorsInProps","ReanimatedError","isFabric","isJest","shouldBeUseWeb","_updatePropsJS","runOnUIImmediately","processTransformOrigin","updateProps","viewDescriptors","updates","isAnimatedProps","value","forEach","viewDescriptor","component","tag","transformOrigin","global","UpdatePropsManager","update","updatePropsJestWrapper","animatedValues","adapters","adapter","current","createUpdatePropsManager","operations","push","shadowNodeWrapper","length","queueMicrotask","flush","_updatePropsFabric","name","_updatePropsPaper","maybeThrowError","Proxy","get","set"],"sourceRoot":"../../../src","sources":["updateProps/updateProps.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/createAnimatedComponent/PropsFilter.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { IAnimatedComponentInternal, IPropsFilter } from './commonTypes';
 export declare class PropsFilter implements IPropsFilter {
-    private _initialStyle;
+    private _initialPropsMap;
     filterNonAnimatedProps(component: React.Component<unknown, unknown> & IAnimatedComponentInternal): Record<string, unknown>;
 }
 //# sourceMappingURL=PropsFilter.d.ts.map

package/lib/typescript/createAnimatedComponent/PropsFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropsFilter.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/PropsFilter.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAGV,0BAA0B,EAE1B,YAAY,EACb,MAAM,eAAe,CAAC;AASvB,qBAAa,WAAY,YAAW,YAAY;IAC9C,OAAO,CAAC,aAAa,CAAM;IAEpB,sBAAsB,CAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,0BAA0B,GACxE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAgE3B"}
+{"version":3,"file":"PropsFilter.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/PropsFilter.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAGV,0BAA0B,EAE1B,YAAY,EACb,MAAM,eAAe,CAAC;AASvB,qBAAa,WAAY,YAAW,YAAY;IAC9C,OAAO,CAAC,gBAAgB,CAA8C;IAE/D,sBAAsB,CAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,0BAA0B,GACxE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAmE3B"}

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

@@ -3,5 +3,5 @@
  * 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.17.3";
+export declare const jsVersion = "3.17.4";
 //# sourceMappingURL=jsVersion.d.ts.map

package/lib/typescript/processBoxShadow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"processBoxShadow.d.ts","sourceRoot":"","sources":["../../src/processBoxShadow.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAqGpC,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,iCA6EjD"}
+{"version":3,"file":"processBoxShadow.d.ts","sourceRoot":"","sources":["../../src/processBoxShadow.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAyGpC,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,iCAqFjD"}

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

@@ -0,0 +1,3 @@
+export { default as updateProps } from './updateProps';
+export { updatePropsJestWrapper } from './updateProps';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/updateProps/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/updateProps/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC"}

package/lib/typescript/updateProps/processTransformOrigin.d.ts

@@ -0,0 +1,2 @@
+export declare function processTransformOrigin(transformOriginIn: Array<string | number> | string | undefined): Array<string | number>;
+//# sourceMappingURL=processTransformOrigin.d.ts.map

package/lib/typescript/updateProps/processTransformOrigin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"processTransformOrigin.d.ts","sourceRoot":"","sources":["../../../src/updateProps/processTransformOrigin.ts"],"names":[],"mappings":"AA+BA,wBAAgB,sBAAsB,CACpC,iBAAiB,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,GAC7D,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CA+GxB"}

package/lib/typescript/{UpdateProps.d.ts → updateProps/updateProps.d.ts}

@@ -1,13 +1,9 @@
 import type { MutableRefObject } from 'react';
-import type { AnimatedStyle, StyleProps } from './commonTypes';
-import type { Descriptor } from './hook/commonTypes';
+import type { AnimatedStyle, StyleProps } from '../commonTypes';
+import type { Descriptor } from '../hook/commonTypes';
 declare let updateProps: (viewDescriptors: ViewDescriptorsWrapper, updates: StyleProps | AnimatedStyle<any>, isAnimatedProps?: boolean) => void;
 export declare const updatePropsJestWrapper: (viewDescriptors: ViewDescriptorsWrapper, updates: AnimatedStyle<any>, animatedValues: MutableRefObject<AnimatedStyle<any>>, adapters: ((updates: AnimatedStyle<any>) => void)[]) => void;
 export default updateProps;
-export interface UpdatePropsManager {
-    update(viewDescriptors: ViewDescriptorsWrapper, updates: StyleProps | AnimatedStyle<any>): void;
-    flush(): void;
-}
 /**
  * This used to be `SharedValue<Descriptors[]>` but objects holding just a
  * single `value` prop are fine too.
@@ -15,4 +11,4 @@ export interface UpdatePropsManager {
 interface ViewDescriptorsWrapper {
     value: Readonly<Descriptor[]>;
 }
-//# sourceMappingURL=UpdateProps.d.ts.map
+//# sourceMappingURL=updateProps.d.ts.map

package/lib/typescript/updateProps/updateProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateProps.d.ts","sourceRoot":"","sources":["../../../src/updateProps/updateProps.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EACV,aAAa,EAEb,UAAU,EACX,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAOtD,QAAA,IAAI,WAAW,EAAE,CACf,eAAe,EAAE,sBAAsB,EACvC,OAAO,EAAE,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,EACxC,eAAe,CAAC,EAAE,OAAO,KACtB,IAAI,CAAC;AAqBV,eAAO,MAAM,sBAAsB,oBAChB,sBAAsB,WAC9B,cAAc,GAAG,CAAC,kBACX,iBAAiB,cAAc,GAAG,CAAC,CAAC,uBAC/B,cAAc,GAAG,CAAC,KAAK,IAAI,QAC/C,IAUF,CAAC;AAEF,eAAe,WAAW,CAAC;AAyF3B;;;GAGG;AACH,UAAU,sBAAsB;IAC9B,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;CAC/B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reanimated",
-  "version": "3.17.3",
+  "version": "3.17.4",
   "description": "More powerful alternative to Animated library for React Native.",
   "scripts": {
     "test": "jest",
@@ -102,10 +102,10 @@
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.3",
     "@babel/types": "^7.20.0",
-    "@react-native/babel-preset": "0.78.0",
-    "@react-native/eslint-config": "0.78.0",
-    "@react-native/metro-config": "0.78.0",
-    "@react-native/typescript-config": "0.78.0",
+    "@react-native/babel-preset": "0.79.0-rc.4",
+    "@react-native/eslint-config": "0.79.0-rc.4",
+    "@react-native/metro-config": "0.79.0-rc.4",
+    "@react-native/typescript-config": "0.79.0-rc.4",
     "@testing-library/jest-native": "^4.0.4",
     "@testing-library/react-hooks": "^8.0.0",
     "@testing-library/react-native": "^13.0.1",
@@ -144,9 +144,9 @@
     "madge": "^5.0.1",
     "prettier": "^3.3.3",
     "react": "19.0.0",
-    "react-native": "0.78.0",
+    "react-native": "0.79.0-rc.4",
     "react-native-builder-bob": "patch:react-native-builder-bob@npm%3A0.33.1#~/.yarn/patches/react-native-builder-bob-npm-0.33.1-383d9e23a5.patch",
-    "react-native-gesture-handler": "2.24.0",
+    "react-native-gesture-handler": "2.25.0",
     "react-native-web": "0.19.13",
     "react-test-renderer": "19.0.0",
     "shelljs": "^0.8.5",

package/src/createAnimatedComponent/InlinePropManager.ts

@@ -3,7 +3,7 @@ import type { StyleProps } from '../commonTypes';
 import { adaptViewConfig } from '../ConfigHelper';
 import { isSharedValue } from '../isSharedValue';
 import { startMapper, stopMapper } from '../mappers';
-import updateProps from '../UpdateProps';
+import { updateProps } from '../updateProps';
 import type { ViewDescriptorsSet } from '../ViewDescriptorsSet';
 import { makeViewDescriptorsSet } from '../ViewDescriptorsSet';
 import type {

package/src/createAnimatedComponent/PropsFilter.tsx

@@ -2,6 +2,7 @@
 
 import { initialUpdaterRun } from '../animation';
 import type { StyleProps } from '../commonTypes';
+import type { AnimatedStyleHandle } from '../hook/commonTypes';
 import { isSharedValue } from '../isSharedValue';
 import { isChromeDebugger } from '../PlatformChecker';
 import { WorkletEventHandler } from '../WorkletEventHandler';
@@ -21,7 +22,7 @@ function dummyListener() {
 }
 
 export class PropsFilter implements IPropsFilter {
-  private _initialStyle = {};
+  private _initialPropsMap = new Map<AnimatedStyleHandle, StyleProps>();
 
   public filterNonAnimatedProps(
     component: React.Component<unknown, unknown> & IAnimatedComponentInternal
@@ -29,22 +30,25 @@ export class PropsFilter implements IPropsFilter {
     const inputProps =
       component.props as AnimatedComponentProps<InitialComponentProps>;
     const props: Record<string, unknown> = {};
+
     for (const key in inputProps) {
       const value = inputProps[key];
       if (key === 'style') {
         const styleProp = inputProps.style;
         const styles = flattenArray<StyleProps>(styleProp ?? []);
+
         const processedStyle: StyleProps[] = styles.map((style) => {
           if (style && style.viewDescriptors) {
-            // this is how we recognize styles returned by useAnimatedStyle
+            const handle = style as AnimatedStyleHandle;
+
             if (component._isFirstRender) {
-              this._initialStyle = {
-                ...style.initial.value,
-                ...this._initialStyle,
-                ...initialUpdaterRun<StyleProps>(style.initial.updater),
-              };
+              this._initialPropsMap.set(handle, {
+                ...handle.initial.value,
+                ...initialUpdaterRun(handle.initial.updater),
+              } as StyleProps);
             }
-            return this._initialStyle;
+
+            return this._initialPropsMap.get(handle) ?? {};
           } else if (hasInlineStyles(style)) {
             return getInlineStyle(style, component._isFirstRender);
           } else {

package/src/hook/useAnimatedStyle.ts

@@ -20,7 +20,7 @@ import type { AnimatedProps } from '../createAnimatedComponent/commonTypes';
 import { ReanimatedError } from '../errors';
 import { isJest, shouldBeUseWeb } from '../PlatformChecker';
 import { processBoxShadow } from '../processBoxShadow';
-import updateProps, { updatePropsJestWrapper } from '../UpdateProps';
+import { updateProps, updatePropsJestWrapper } from '../updateProps';
 import type { ViewDescriptorsSet } from '../ViewDescriptorsSet';
 import { makeViewDescriptorsSet } from '../ViewDescriptorsSet';
 import type {
@@ -212,7 +212,7 @@ function styleUpdater(
   let hasAnimations = false;
   let frameTimestamp: number | undefined;
   let hasNonAnimatedValues = false;
-  if (!SHOULD_BE_USE_WEB && typeof newValues.boxShadow === 'string') {
+  if (!SHOULD_BE_USE_WEB && newValues.boxShadow) {
     processBoxShadow(newValues);
   }
   for (const key in newValues) {

package/src/layoutReanimation/defaultAnimations/Pinwheel.ts

@@ -44,7 +44,7 @@ export class PinwheelIn
               scale: delayFunction(delay, animation(1, config)),
             },
             {
-              rotate: delayFunction(delay, animation('0', config)),
+              rotate: delayFunction(delay, animation('0rad', config)),
             },
           ],
         },
@@ -55,7 +55,7 @@ export class PinwheelIn
               scale: 0,
             },
             {
-              rotate: '5',
+              rotate: '5rad',
             },
           ],
           ...initialValues,
@@ -104,7 +104,7 @@ export class PinwheelOut
               scale: delayFunction(delay, animation(0, config)),
             },
             {
-              rotate: delayFunction(delay, animation('5', config)),
+              rotate: delayFunction(delay, animation('5rad', config)),
             },
           ],
         },
@@ -115,7 +115,7 @@ export class PinwheelOut
               scale: 1,
             },
             {
-              rotate: '0',
+              rotate: '0rad',
             },
           ],
           ...initialValues,

package/src/layoutReanimation/defaultAnimations/Zoom.ts

@@ -95,7 +95,7 @@ export class ZoomInRotate
           ],
         },
         initialValues: {
-          transform: [{ scale: 0 }, { rotate }],
+          transform: [{ scale: 0 }, { rotate: `${rotate}rad` }],
           ...initialValues,
         },
         callback,
@@ -469,7 +469,7 @@ export class ZoomOutRotate
           ],
         },
         initialValues: {
-          transform: [{ scale: 1 }, { rotate: '0' }],
+          transform: [{ scale: 1 }, { rotate: '0rad' }],
           ...initialValues,
         },
         callback,

package/src/platform-specific/jsVersion.ts

@@ -4,4 +4,4 @@
  * 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 const jsVersion = '3.17.3';
+export const jsVersion = '3.17.4';

package/src/processBoxShadow.ts

@@ -7,6 +7,12 @@
 import type { BoxShadowValue, OpaqueColorValue } from 'react-native';
 
 import type { StyleProps } from '.';
+import { ReanimatedError } from './errors';
+
+const isLength = (value: string) => {
+  'worklet';
+  return value.endsWith('px') || !isNaN(Number(value));
+};
 
 function parseBoxShadowString(rawBoxShadows: string): Array<BoxShadowValue> {
   'worklet';
@@ -29,52 +35,54 @@ function parseBoxShadowString(rawBoxShadows: string): Array<BoxShadowValue> {
     // split rawBoxShadow string by all whitespaces that are not in parenthesis
     const args = rawBoxShadow.split(/\s+(?![^(]*\))/);
     for (const arg of args) {
-      if (arg === 'inset') {
-        if (boxShadow.inset != null) {
+      if (isLength(arg)) {
+        switch (lengthCount) {
+          case 0:
+            offsetX = arg;
+            lengthCount++;
+            break;
+          case 1:
+            if (keywordDetectedAfterLength) {
+              return [];
+            }
+            offsetY = arg;
+            lengthCount++;
+            break;
+          case 2:
+            if (keywordDetectedAfterLength) {
+              return [];
+            }
+            boxShadow.blurRadius = arg;
+            lengthCount++;
+            break;
+          case 3:
+            if (keywordDetectedAfterLength) {
+              return [];
+            }
+            boxShadow.spreadDistance = arg;
+            lengthCount++;
+            break;
+          default:
+            return [];
+        }
+      } else if (arg === 'inset') {
+        if (boxShadow.inset) {
           return [];
         }
-        if (offsetX != null) {
+        if (offsetX !== null) {
           keywordDetectedAfterLength = true;
         }
         boxShadow.inset = true;
         continue;
-      }
-
-      switch (lengthCount) {
-        case 0:
-          offsetX = arg;
-          lengthCount++;
-          break;
-        case 1:
-          if (keywordDetectedAfterLength) {
-            return [];
-          }
-          offsetY = arg;
-          lengthCount++;
-          break;
-        case 2:
-          if (keywordDetectedAfterLength) {
-            return [];
-          }
-          boxShadow.blurRadius = arg;
-          lengthCount++;
-          break;
-        case 3:
-          if (keywordDetectedAfterLength) {
-            return [];
-          }
-          boxShadow.spreadDistance = arg;
-          lengthCount++;
-          break;
-        case 4:
-          if (keywordDetectedAfterLength) {
-            return [];
-          }
-          boxShadow.color = arg;
-          lengthCount++;
-          break;
-        default:
+      } else {
+        if (boxShadow.color) {
           return [];
+        }
+        if (offsetX != null) {
+          keywordDetectedAfterLength = true;
+        }
+        boxShadow.color = arg;
+        continue;
       }
     }
 
@@ -96,11 +104,7 @@ function parseLength(length: string): number | null {
   const argsWithUnitsRegex = /([+-]?\d*(\.\d+)?)([\w\W]+)?/g;
   const match = argsWithUnitsRegex.exec(length);
 
-  if (!match || Number.isNaN(match[1])) {
-    return null;
-  }
-
-  if (match[3] != null && match[3] !== 'px') {
+  if (!match || !isLength(length)) {
     return null;
   }
 
@@ -122,13 +126,21 @@ export function processBoxShadow(props: StyleProps) {
 
   const rawBoxShadows = props.boxShadow;
 
-  if (rawBoxShadows === '') {
+  if (rawBoxShadows === null) {
     return result;
   }
 
-  const boxShadowList = parseBoxShadowString(
-    (rawBoxShadows as string).replace(/\n/g, ' ')
-  );
+  let boxShadowList: Array<BoxShadowValue>;
+
+  if (typeof rawBoxShadows === 'string') {
+    boxShadowList = parseBoxShadowString(rawBoxShadows.replace(/\n/g, ' '));
+  } else if (Array.isArray(rawBoxShadows)) {
+    boxShadowList = rawBoxShadows;
+  } else {
+    throw new ReanimatedError(
+      `Box shadow value must be an array of shadow objects or a string. Received: ${JSON.stringify(rawBoxShadows)}`
+    );
+  }
 
   for (const rawBoxShadow of boxShadowList) {
     const parsedBoxShadow: ParsedBoxShadow = {

package/src/screenTransition/styleUpdater.ts

@@ -2,7 +2,7 @@
 import type { ShadowNodeWrapper } from '../commonTypes';
 import type { Descriptor } from '../hook/commonTypes';
 import { isFabric } from '../PlatformChecker';
-import updateProps from '../UpdateProps';
+import { updateProps } from '../updateProps';
 import type {
   PanGestureHandlerEventPayload,
   ScreenTransitionConfig,

package/src/updateProps/index.ts

@@ -0,0 +1,4 @@
+'use strict';
+
+export { default as updateProps } from './updateProps';
+export { updatePropsJestWrapper } from './updateProps';