Skip to content

Commit 0f2c2e2

Browse files
authored
Merge pull request #467 from web-ridge/expo-53
Bump project dependencies and regressions
2 parents 0bb31b8 + ba4cf62 commit 0f2c2e2

35 files changed

+4953
-9932
lines changed

docusaurus/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
"devDependencies": {
2828
"@docusaurus/module-type-aliases": "^3.7.0",
2929
"@tsconfig/docusaurus": "^2.0.3",
30-
"typescript": "^5.7.3"
30+
"typescript": "^5.8.3"
3131
},
3232
"browserslist": {
3333
"production": [

docusaurus/yarn.lock

+1,224-1,232
Large diffs are not rendered by default.

example/app.json

-3
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,8 @@
11
{
2-
"name": "react-native-paper-dates-example",
3-
"displayName": "PaperDates Example",
42
"expo": {
53
"name": "react-native-paper-dates-example",
64
"slug": "react-native-paper-dates-example",
75
"description": "Example app for react-native-paper-dates",
8-
"privacy": "public",
96
"version": "1.0.0",
107
"platforms": [
118
"ios",

example/package.json

+12-11
Original file line numberDiff line numberDiff line change
@@ -12,21 +12,22 @@
1212
"test": "jest"
1313
},
1414
"dependencies": {
15-
"crypto-browserify": "^3.12.0",
16-
"expo": "^52.0.44",
17-
"expo-splash-screen": "~0.29.22",
18-
"expo-status-bar": "~2.0.1",
19-
"react": "18.3.1",
20-
"react-dom": "18.3.1",
21-
"react-native": "0.76.9",
22-
"react-native-paper": "^5.12.3",
23-
"react-native-web": "~0.19.12",
15+
"crypto-browserify": "^3.12.1",
16+
"expo": "^53.0.8",
17+
"expo-splash-screen": "~0.30.8",
18+
"expo-status-bar": "~2.2.3",
19+
"react": "19.0.0",
20+
"react-dom": "19.0.0",
21+
"react-native": "0.79.2",
22+
"react-native-paper": "^5.14.0",
23+
"react-native-safe-area-context": "^5.4.0",
24+
"react-native-web": "~0.20.0",
2425
"stream-browserify": "^3.0.0"
2526
},
2627
"devDependencies": {
27-
"@babel/core": "^7.24.8",
28+
"@babel/core": "^7.27.1",
2829
"@expo/webpack-config": "^19.0.1",
29-
"babel-loader": "^9.1.3",
30+
"babel-loader": "^10.0.0",
3031
"babel-plugin-module-resolver": "^5.0.2"
3132
}
3233
}

example/yarn.lock

+1,031-1,829
Large diffs are not rendered by default.

package.json

+26-23
Original file line numberDiff line numberDiff line change
@@ -50,43 +50,45 @@
5050
"registry": "https://registry.npmjs.org/"
5151
},
5252
"devDependencies": {
53-
"@commitlint/config-conventional": "^19.6.0",
53+
"@commitlint/config-conventional": "^19.8.0",
5454
"@react-native-community/eslint-config": "^3.2.0",
55-
"@release-it/conventional-changelog": "^10.0.0",
56-
"@testing-library/jest-native": "^5.4.3",
57-
"@testing-library/react-native": "^13.0.1",
55+
"@react-native-vector-icons/common": "^11.0.0",
56+
"@react-native-vector-icons/material-design-icons": "^7.4.47",
57+
"@react-native/babel-preset": "^0.79.2",
58+
"@release-it/conventional-changelog": "^10.0.1",
59+
"@testing-library/react-native": "^13.2.0",
5860
"@types/color": "^4.2.0",
5961
"@types/jest": "^29.5.14",
60-
"@types/react": "^18.3.18",
62+
"@types/react": "~19.0.10",
6163
"@types/react-native-vector-icons": "^6.4.18",
62-
"@types/react-test-renderer": "^18.3.1",
63-
"babel-loader": "^9.2.1",
64-
"caniuse-lite": "^1.0.30001695",
65-
"commitlint": "^19.6.1",
64+
"@types/react-test-renderer": "~19.0.0",
65+
"babel-loader": "^10.0.0",
66+
"caniuse-lite": "^1.0.30001716",
67+
"commitlint": "^19.8.0",
6668
"eslint": "^8.57.1",
67-
"eslint-config-prettier": "^9.1.0",
68-
"eslint-plugin-prettier": "^5.2.3",
69+
"eslint-config-prettier": "^10.1.2",
70+
"eslint-plugin-prettier": "^5.2.6",
6971
"eslint-plugin-testing-library": "^7.1.1",
7072
"husky": "^9.1.7",
7173
"jest": "^29.7.0",
7274
"metro-react-native-babel-preset": "^0.77.0",
73-
"pod-install": "^0.3.4",
74-
"prettier": "^3.4.2",
75-
"react": "^18.3.1",
76-
"react-native": "^0.76.6",
77-
"react-native-builder-bob": "^0.36.0",
78-
"react-native-paper": "^5.13.1",
79-
"react-native-safe-area-context": "^5.1.0",
75+
"pod-install": "^0.3.9",
76+
"prettier": "^3.5.3",
77+
"react": "~19.0.0",
78+
"react-native": "^0.79.2",
79+
"react-native-builder-bob": "^0.40.0",
80+
"react-native-paper": "^5.14.0",
81+
"react-native-safe-area-context": "^5.4.0",
8082
"react-native-vector-icons": "^10.2.0",
81-
"react-test-renderer": "^18.3.1",
82-
"release-it": "^18.1.2",
83-
"typescript": "~5.5.3"
83+
"react-test-renderer": "~19.0.0",
84+
"release-it": "^19.0.1",
85+
"typescript": "~5.8.3"
8486
},
8587
"peerDependencies": {
8688
"react": "*",
8789
"react-native": "*",
8890
"react-native-paper": "*",
89-
"react-native-vector-icons": "*"
91+
"react-native-safe-area-context": "*"
9092
},
9193
"husky": {
9294
"hooks": {
@@ -133,7 +135,8 @@
133135
"useTabs": false,
134136
"semi": false
135137
}
136-
]
138+
],
139+
"react/react-in-jsx-scope": "off"
137140
}
138141
},
139142
"eslintIgnore": [

src/Date/DatePickerModalHeader.tsx

+6-1
Original file line numberDiff line numberDiff line change
@@ -43,13 +43,14 @@ export default function DatePickerModalHeader(
4343
color={color}
4444
testID="react-native-paper-dates-close"
4545
/>
46-
<Appbar.Content title="" />
4746
<Button
4847
textColor={theme.isV3 ? theme.colors.primary : color}
4948
onPress={props.onSave}
5049
disabled={props.saveLabelDisabled ?? false}
5150
uppercase={props.uppercase ?? true}
5251
contentStyle={styles.buttonStyle}
52+
mode="text"
53+
labelStyle={styles.buttonLabel}
5354
testID="react-native-paper-dates-save"
5455
>
5556
{saveLabel}
@@ -67,8 +68,12 @@ const styles = StyleSheet.create({
6768
appbarHeader: {
6869
elevation: 0,
6970
backgroundColor: 'transparent',
71+
justifyContent: 'space-between',
7072
},
7173
buttonStyle: {
7274
paddingHorizontal: 8,
7375
},
76+
buttonLabel: {
77+
flexGrow: 1,
78+
},
7479
})
+10-40
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,13 @@
1-
import renderer from 'react-test-renderer'
2-
import Calendar from '../../Date/Calendar'
1+
import { render } from '@testing-library/react-native'
32
import AnimatedCrossView from '../../Date/AnimatedCrossView'
4-
import CalendarEdit from '../../Date/CalendarEdit'
53

6-
it('renders collapsed AnimatedCrossView', () => {
7-
const tree = renderer
8-
.create(
9-
<AnimatedCrossView
10-
collapsed
11-
calendar={
12-
<Calendar
13-
locale="en"
14-
mode={'single'}
15-
startDate={new Date('01/01/2022')}
16-
endDate={new Date('01/01/2022')}
17-
date={new Date('01/01/2022')}
18-
onChange={() => null}
19-
dates={[]}
20-
dateMode={'start'}
21-
/>
22-
}
23-
calendarEdit={
24-
<CalendarEdit
25-
mode={'single'}
26-
state={{
27-
startDate: new Date('01/01/2022'),
28-
endDate: new Date('01/01/2022'),
29-
date: new Date('01/01/2022'),
30-
dates: [new Date('01/01/2022')],
31-
}}
32-
collapsed={false}
33-
onChange={() => null}
34-
validRange={undefined}
35-
locale={'en'}
36-
/>
37-
}
38-
/>
39-
)
40-
.toJSON()
41-
42-
expect(tree).toMatchSnapshot()
4+
it('renders AnimatedCrossView', () => {
5+
const { toJSON } = render(
6+
<AnimatedCrossView
7+
collapsed={false}
8+
calendar={<></>}
9+
calendarEdit={<></>}
10+
/>
11+
)
12+
expect(toJSON()).toMatchSnapshot()
4313
})

src/__tests__/Date/AutoSize.test.tsx

+3-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import AutoSizer from '../../Date/AutoSizer'
33

44
it('renders AutoSizer', () => {
5-
const tree = renderer.create(<AutoSizer>{() => <></>}</AutoSizer>).toJSON()
6-
7-
expect(tree).toMatchSnapshot()
5+
const { toJSON } = render(<AutoSizer>{() => <></>}</AutoSizer>)
6+
expect(toJSON()).toMatchSnapshot()
87
})

src/__tests__/Date/Calendar.test.tsx

+10-17
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,14 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import Calendar from '../../Date/Calendar'
33

44
it('renders Calendar', () => {
5-
const tree = renderer
6-
.create(
7-
<Calendar
8-
locale="en"
9-
mode={'single'}
10-
startDate={new Date('01/01/2022')}
11-
endDate={new Date('01/01/2022')}
12-
date={new Date('01/01/2022')}
13-
onChange={() => null}
14-
dates={[]}
15-
dateMode={'start'}
16-
/>
17-
)
18-
.toJSON()
19-
20-
expect(tree).toMatchSnapshot()
5+
const { toJSON } = render(
6+
<Calendar
7+
locale="en"
8+
mode="single"
9+
date={new Date()}
10+
onChange={() => null}
11+
/>
12+
)
13+
expect(toJSON()).toMatchSnapshot()
2114
})
+17-20
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,21 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import CalendarEdit from '../../Date/CalendarEdit'
33

44
it('renders CalendarEdit', () => {
5-
const tree = renderer
6-
.create(
7-
<CalendarEdit
8-
mode={'single'}
9-
state={{
10-
startDate: new Date('01/01/2022'),
11-
endDate: new Date('01/01/2022'),
12-
date: new Date('01/01/2022'),
13-
dates: [new Date('01/01/2022')],
14-
}}
15-
collapsed={false}
16-
onChange={() => null}
17-
validRange={undefined}
18-
locale={'en'}
19-
/>
20-
)
21-
.toJSON()
22-
23-
expect(tree).toMatchSnapshot()
5+
const { toJSON } = render(
6+
<CalendarEdit
7+
mode="single"
8+
state={{
9+
startDate: new Date(),
10+
endDate: new Date(),
11+
date: new Date(),
12+
dates: [new Date()],
13+
}}
14+
collapsed={false}
15+
onChange={() => null}
16+
validRange={undefined}
17+
locale="en"
18+
/>
19+
)
20+
expect(toJSON()).toMatchSnapshot()
2421
})
+11-14
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,15 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import CalendarHeader from '../../Date/CalendarHeader'
33

44
it('renders CalendarHeader', () => {
5-
const tree = renderer
6-
.create(
7-
<CalendarHeader
8-
locale={'en'}
9-
onPrev={() => null}
10-
onNext={() => null}
11-
scrollMode={'vertical'}
12-
startWeekOnMonday={false}
13-
/>
14-
)
15-
.toJSON()
16-
17-
expect(tree).toMatchSnapshot()
5+
const { toJSON } = render(
6+
<CalendarHeader
7+
locale="en"
8+
onPrev={() => null}
9+
onNext={() => null}
10+
scrollMode="vertical"
11+
startWeekOnMonday={false}
12+
/>
13+
)
14+
expect(toJSON()).toMatchSnapshot()
1815
})
+10-17
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,14 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import DatePickerInput from '../../Date/DatePickerInput'
3-
import { SafeAreaProvider } from 'react-native-safe-area-context'
43

54
it('renders DatePickerInput', () => {
6-
const tree = renderer
7-
.create(
8-
<SafeAreaProvider>
9-
<DatePickerInput
10-
locale={'en'}
11-
value={new Date('12/26/2022')}
12-
onChange={() => null}
13-
inputMode="start"
14-
autoComplete={'birthdate-full'}
15-
/>
16-
</SafeAreaProvider>
17-
)
18-
.toJSON()
19-
20-
expect(tree).toMatchSnapshot()
5+
const { toJSON } = render(
6+
<DatePickerInput
7+
locale="en"
8+
value={new Date()}
9+
onChange={() => null}
10+
inputMode="start"
11+
/>
12+
)
13+
expect(toJSON()).toMatchSnapshot()
2114
})
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,14 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import DatePickerInputWithoutModal from '../../Date/DatePickerInputWithoutModal'
33

4-
it('renders DatePickerInput', () => {
5-
const tree = renderer
6-
.create(
7-
<DatePickerInputWithoutModal
8-
locale={'en'}
9-
value={new Date('12/26/2022')}
10-
onChange={() => null}
11-
inputMode="start"
12-
autoComplete={'birthdate-full'}
13-
/>
14-
)
15-
.toJSON()
16-
17-
expect(tree).toMatchSnapshot()
4+
it('renders DatePickerInputWithoutModal', () => {
5+
const { toJSON } = render(
6+
<DatePickerInputWithoutModal
7+
locale="en"
8+
value={new Date()}
9+
onChange={() => null}
10+
inputMode="start"
11+
/>
12+
)
13+
expect(toJSON()).toMatchSnapshot()
1814
})

0 commit comments

Comments
 (0)