Skip to content

Commit 1470a4f

Browse files
MatiPl01MatiPl01
authored
chore: Bump dependencies (#460)
## Description Just a bump of main dependencies
1 parent dde86ef commit 1470a4f

File tree

21 files changed

+2129
-2014
lines changed

21 files changed

+2129
-2014
lines changed

‎.yarn/patches/@shopify-flash-list-npm-2.0.0-rc.8-96ca0285c9.patch‎

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎.yarn/patches/react-native-reanimated-npm-4.0.1-40ff4579cd.patch‎ renamed to ‎.yarn/patches/react-native-reanimated-npm-4.1.0-f13c1e8648.patch‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
diff --git a/lib/module/layoutReanimation/web/componentUtils.js b/lib/module/layoutReanimation/web/componentUtils.js
2-
index 558d20f1721d3ee84e61ea6abb98b611bbce1520..8f8d9fd7461a35bc9f543b997cf7b33113a44171 100644
2+
index afd8f89be6e0a073b461c9c00704dbfd8852c5e5..10645c2822e960ff9911775cc267f294c2a6d1ed 100644
33
--- a/lib/module/layoutReanimation/web/componentUtils.js
44
+++ b/lib/module/layoutReanimation/web/componentUtils.js
5-
@@ -110,6 +110,7 @@ export function setElementAnimation(element, animationConfig, shouldSavePosition
5+
@@ -114,6 +114,7 @@ export function setElementAnimation(element, animationConfig, shouldSavePosition
66
element.style.animationDuration = `${duration}s`;
77
element.style.animationDelay = `${delay}s`;
88
element.style.animationTimingFunction = easing;
@@ -11,10 +11,10 @@ index 558d20f1721d3ee84e61ea6abb98b611bbce1520..8f8d9fd7461a35bc9f543b997cf7b331
1111
if (animationConfig.animationType === LayoutAnimationType.ENTERING) {
1212
// On chrome sometimes entering animations flicker. This is most likely caused by animation being interrupted
1313
diff --git a/src/layoutReanimation/web/componentUtils.ts b/src/layoutReanimation/web/componentUtils.ts
14-
index 7118949bc0f3ae223d7890cb860e688e75ad8f0d..aec1349be3798e9d1fde4fca08639c5ba97a9ebc 100644
14+
index 6131c43bb1bf8724d54112c9e316ade0e2840d97..de789772e5f16df9eef40112c54f098d1e66c073 100644
1515
--- a/src/layoutReanimation/web/componentUtils.ts
1616
+++ b/src/layoutReanimation/web/componentUtils.ts
17-
@@ -163,6 +163,7 @@ export function setElementAnimation(
17+
@@ -179,6 +179,7 @@ export function setElementAnimation(
1818
element.style.animationDuration = `${duration}s`;
1919
element.style.animationDelay = `${delay}s`;
2020
element.style.animationTimingFunction = easing;

‎.yarnrc.yml‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
11
nodeLinker: node-modules
22

3+
defaultSemverRangePrefix: ''
4+
35
yarnPath: .yarn/releases/yarn-4.9.2.cjs

‎example/app/package.json‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,28 +8,28 @@
88
"@react-navigation/bottom-tabs": "7.3.10",
99
"@react-navigation/native": "7.0.14",
1010
"@react-navigation/native-stack": "7.2.0",
11-
"@shopify/flash-list": "patch:@shopify/flash-list@npm%3A2.0.0-rc.8#~/.yarn/patches/@shopify-flash-list-npm-2.0.0-rc.8-96ca0285c9.patch",
11+
"@shopify/flash-list": "2.0.3",
1212
"react": "19.1.0",
13-
"react-native": "0.80.0",
14-
"react-native-gesture-handler": "2.26.0",
13+
"react-native": "0.81.1",
14+
"react-native-gesture-handler": "2.28.0",
1515
"react-native-haptic-feedback": "2.3.3",
16-
"react-native-reanimated": "patch:react-native-reanimated@npm%3A4.0.1#~/.yarn/patches/react-native-reanimated-npm-4.0.1-40ff4579cd.patch",
16+
"react-native-reanimated": "patch:react-native-reanimated@npm%3A4.1.0#~/.yarn/patches/react-native-reanimated-npm-4.1.0-f13c1e8648.patch",
1717
"react-native-safe-area-context": "5.3.0",
18-
"react-native-screens": "4.11.1",
18+
"react-native-screens": "4.15.4",
1919
"react-native-sortables": "workspace:*",
20-
"react-native-svg": "15.12.0",
21-
"react-native-worklets": "0.4.1"
20+
"react-native-svg": "15.12.1",
21+
"react-native-worklets": "0.5.0"
2222
},
2323
"devDependencies": {
2424
"@babel/core": "^7.25.2",
2525
"@babel/preset-env": "^7.25.3",
2626
"@babel/runtime": "^7.25.0",
2727
"@gorhom/portal": "^1.0.14",
2828
"@react-native-community/cli": "19.0.0",
29-
"@react-native-community/cli-platform-android": "19.0.0",
30-
"@react-native-community/cli-platform-ios": "19.0.0",
31-
"@react-native/babel-preset": "0.80.0",
32-
"@react-native/metro-config": "0.80.0",
29+
"@react-native-community/cli-platform-android": "20.0.0",
30+
"@react-native-community/cli-platform-ios": "20.0.0",
31+
"@react-native/babel-preset": "0.81.1",
32+
"@react-native/metro-config": "0.81.1",
3333
"@testing-library/react-hooks": "^8.0.1",
3434
"@testing-library/react-native": "^12.5.1",
3535
"@types/react": "^19.1.0",

‎example/app/src/examples/SortableFlex/features/AutoScrollExample.tsx‎

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { AnimatedFlashList, type FlashList } from '@shopify/flash-list';
1+
import { FlashList, type FlashListRef } from '@shopify/flash-list';
22
import { FlatList, StyleSheet, Text } from 'react-native';
33
import type { AnimatedRef } from 'react-native-reanimated';
44
import Animated, { useAnimatedRef } from 'react-native-reanimated';
@@ -22,9 +22,8 @@ const FEW_CATEGORIES = getCategories(IS_WEB ? 12 : 6);
2222

2323
const LIST_ITEM_SECTIONS = ['List item 1', 'List item 2', 'List item 3'];
2424

25-
const AnimatedFlatList = Animated.createAnimatedComponent(
26-
FlatList
27-
) as typeof FlatList;
25+
const AnimatedFlatList = Animated.createAnimatedComponent(FlatList<string>);
26+
const AnimatedFlashList = Animated.createAnimatedComponent(FlashList<string>);
2827

2928
export default function AutoScrollExample() {
3029
return (
@@ -106,15 +105,14 @@ function FlatListExample() {
106105
}
107106

108107
function FlashListExample() {
109-
const scrollableRef = useAnimatedRef<FlashList<string>>();
108+
const scrollableRef = useAnimatedRef<FlashListRef<string>>();
110109

111110
return (
112111
// FlashList doesn't accept width prop in the style property,
113112
// hence we wrap it in a Screen component
114113
<Screen noPadding>
115114
<AnimatedFlashList
116115
data={LIST_ITEM_SECTIONS}
117-
estimatedItemSize={152}
118116
ref={scrollableRef}
119117
ListFooterComponent={
120118
<>
@@ -140,11 +138,11 @@ function FlashListExample() {
140138
}
141139

142140
type CategoriesSectionProps = {
143-
scrollableRef: // eslint-disable-next-line @typescript-eslint/no-explicit-any
144-
| AnimatedRef<Animated.FlatList<any>>
141+
scrollableRef:
142+
| AnimatedRef<Animated.FlatList>
145143
| AnimatedRef<Animated.ScrollView>
146144
// eslint-disable-next-line @typescript-eslint/no-explicit-any
147-
| AnimatedRef<FlashList<any>>;
145+
| AnimatedRef<FlashListRef<any>>;
148146
};
149147

150148
function ManyCategories({ scrollableRef }: CategoriesSectionProps) {

‎example/app/src/examples/SortableGrid/features/AutoScrollExample.tsx‎

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import type { FlashList } from '@shopify/flash-list';
2-
import { AnimatedFlashList } from '@shopify/flash-list';
1+
import type { FlashListRef } from '@shopify/flash-list';
2+
import { FlashList } from '@shopify/flash-list';
33
import { FlatList, StyleSheet, Text } from 'react-native';
44
import type { AnimatedRef } from 'react-native-reanimated';
55
import Animated, { useAnimatedRef } from 'react-native-reanimated';
@@ -23,9 +23,8 @@ const FEW_ITEMS = getItems(6);
2323

2424
const LIST_ITEM_SECTIONS = ['List item 1', 'List item 2', 'List item 3'];
2525

26-
const AnimatedFlatList = Animated.createAnimatedComponent(
27-
FlatList
28-
) as typeof FlatList;
26+
const AnimatedFlatList = Animated.createAnimatedComponent(FlatList<string>);
27+
const AnimatedFlashList = Animated.createAnimatedComponent(FlashList<string>);
2928

3029
export default function AutoScrollExample() {
3130
return (
@@ -107,15 +106,14 @@ function FlatListExample() {
107106
}
108107

109108
function FlashListExample() {
110-
const scrollableRef = useAnimatedRef<FlashList<string>>();
109+
const scrollableRef = useAnimatedRef<FlashListRef<string>>();
111110

112111
return (
113112
// FlashList doesn't accept width prop in the style property,
114113
// hence we wrap it in a Screen component
115114
<Screen noPadding>
116115
<AnimatedFlashList
117116
data={LIST_ITEM_SECTIONS}
118-
estimatedItemSize={275}
119117
ref={scrollableRef}
120118
ListFooterComponent={
121119
<>
@@ -141,11 +139,11 @@ function FlashListExample() {
141139
}
142140

143141
type CardsSectionProps = {
144-
scrollableRef: // eslint-disable-next-line @typescript-eslint/no-explicit-any
145-
| AnimatedRef<Animated.FlatList<any>>
142+
scrollableRef:
143+
| AnimatedRef<Animated.FlatList>
146144
| AnimatedRef<Animated.ScrollView>
147145
// eslint-disable-next-line @typescript-eslint/no-explicit-any
148-
| AnimatedRef<FlashList<any>>;
146+
| AnimatedRef<FlashListRef<any>>;
149147
};
150148

151149
function ManyCards({ scrollableRef }: CardsSectionProps) {

‎example/app/src/examples/navigation/ExamplesStackNavigator.tsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
33
import { useFocusEffect, useNavigation } from '@react-navigation/native';
44
import { createNativeStackNavigator } from '@react-navigation/native-stack';
55
import { memo, useCallback, useMemo, useState } from 'react';
6-
import { StyleSheet, Text, View } from 'react-native';
7-
import { Pressable } from 'react-native-gesture-handler';
6+
import { Pressable, StyleSheet, Text, View } from 'react-native';
87
import Sortable from 'react-native-sortables';
98

109
import { RouteCard, ScrollScreen, Stagger } from '@/components';

‎example/expo/package.json‎

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,18 @@
22
"name": "example-expo",
33
"version": "1.0.0",
44
"dependencies": {
5-
"expo": "53.0.20",
6-
"expo-status-bar": "~2.2.3",
7-
"react": "19.0.0",
8-
"react-native": "0.79.5",
9-
"react-native-gesture-handler": "~2.24.0",
10-
"react-native-reanimated": "~3.17.4"
5+
"expo": "54.0.0-preview.11",
6+
"expo-status-bar": "~3.0.5",
7+
"react": "19.1.0",
8+
"react-native": "0.81.1",
9+
"react-native-gesture-handler": "~2.28.0",
10+
"react-native-reanimated": "~4.0.2",
11+
"react-native-worklets": "0.4.2"
1112
},
1213
"devDependencies": {
1314
"@babel/core": "^7.25.2",
14-
"@types/react": "~19.0.10",
15-
"typescript": "^5.8.3"
15+
"@types/react": "~19.1.10",
16+
"typescript": "~5.9.2"
1617
},
1718
"installConfig": {
1819
"hoistingLimits": "workspaces",

‎example/fabric/android/build.gradle‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
buildscript {
22
ext {
3-
buildToolsVersion = "35.0.0"
3+
buildToolsVersion = "36.0.0"
44
minSdkVersion = 24
5-
compileSdkVersion = 35
6-
targetSdkVersion = 35
5+
compileSdkVersion = 36
6+
targetSdkVersion = 36
77
ndkVersion = "27.1.12297006"
88
kotlinVersion = "2.1.20"
99
}

‎example/fabric/android/gradle.properties‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,3 +40,8 @@ newArchEnabled=true
4040
# Use this property to enable or disable the Hermes JS engine.
4141
# If set to false, you will be using JSC instead.
4242
hermesEnabled=true
43+
44+
# Use this property to enable edge-to-edge display support.
45+
# This allows your app to draw behind system bars for an immersive UI.
46+
# Note: Only works with ReactActivity and should not be used with custom Activity.
47+
edgeToEdgeEnabled=false

0 commit comments

Comments
 (0)