@jobber/components-native 0.115.5 → 0.116.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.115.5",
+  "version": "0.116.0",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -96,11 +96,12 @@
     "react-native-gesture-handler": "^2.29.1",
     "react-native-keyboard-controller": "^1.12.0",
     "react-native-modal-datetime-picker": "^18.0.0",
-    "react-native-reanimated": "^3.7.1",
+    "react-native-reanimated": "4.2.3",
     "react-native-safe-area-context": "^5.4.0",
     "react-native-screens": "^4.18.0",
     "react-native-svg": "^15.1.0",
     "react-native-web": "^0.20.0",
+    "react-native-worklets": "0.7.4",
     "react-test-renderer": "19.1.1",
     "storybook": "10.3.5",
     "vite": "^8.0.9"
@@ -119,10 +120,10 @@
     "react-native-gesture-handler": ">=2.22.0",
     "react-native-keyboard-controller": "^1.20.7",
     "react-native-modal-datetime-picker": " >=13.0.0",
-    "react-native-reanimated": "^3.0.0",
+    "react-native-reanimated": "^4.0.0",
     "react-native-safe-area-context": "^5.4.0",
     "react-native-screens": ">=4.18.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "9b27100be34c36aa1d4717f298cea4388ab9277d"
+  "gitHead": "d58819450555e691966244925a7152575316b0f5"
 }

package/src/ActivityIndicator/ActivityIndicator.test.tsx

@@ -5,9 +5,13 @@ import { useReducedMotion } from "react-native-reanimated";
 import type { ReactTestInstance } from "react-test-renderer";
 import { ActivityIndicator } from "./index";
 
-// `useReducedMotion` is mocked globally in src/__mocks__/__mocks.ts and
-// defaults to returning `false`. Tests that exercise the reduced-motion
-// branch override the return value below.
+// Reanimated's `useReducedMotion` reads the OS setting once at module load,
+// so it is mocked to let tests toggle the reduced-motion branch.
+jest.mock("react-native-reanimated", () => ({
+  __esModule: true,
+  ...jest.requireActual("react-native-reanimated"),
+  useReducedMotion: jest.fn(() => false),
+}));
 
 const testId = "ActivityIndicator";
 

package/src/ActivityIndicator/guide.md

@@ -102,7 +102,7 @@ does not require keyboard or screen-reader interaction.
 
 The default (`base`) presentation renders Material Design 3's three-layer
 indeterminate ring. The implementation uses `react-native-svg` for the ring
-geometry and `react-native-reanimated` 3 for the motion — all worklet-driven so
+geometry and `react-native-reanimated` 4 for the motion — all worklet-driven so
 the animation runs on the UI thread regardless of JS thread load.
 
 The three concurrent animations (base only):

package/src/ContentOverlay/BottomSheetKeyboardAwareScrollView.tsx

@@ -17,10 +17,9 @@ import Reanimated from "react-native-reanimated";
  *
  * @see https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-aware-scroll-view#gorhombottom-sheet
  */
-const AnimatedScrollView =
-  Reanimated.createAnimatedComponent<KeyboardAwareScrollViewProps>(
-    KeyboardAwareScrollView,
-  );
+const AnimatedScrollView = Reanimated.createAnimatedComponent(
+  KeyboardAwareScrollView,
+);
 
 const BottomSheetScrollViewComponent = createBottomSheetScrollableComponent<
   BottomSheetScrollViewMethods,

package/src/ContentOverlay/ContentOverlay.test.tsx

@@ -17,7 +17,6 @@ import { Content } from "../Content";
 import { Text } from "../Text";
 
 jest.unmock("../hooks/useIsScreenReaderEnabled");
-jest.unmock("react-native-reanimated");
 jest.unmock("@gorhom/bottom-sheet");
 jest.mock("@gorhom/bottom-sheet/lib/commonjs/hooks/useAnimatedLayout", () => ({
   // Fix for reanimated not actually running in the test environment.