Skip to content

Commit a9fbef2

Browse files
badiuoanaalexandrabadiuoanaalexandra
committed
Support react 19 + add github workflow for eslint, tsc and tests
1 parent e1c6e58 commit a9fbef2

34 files changed

Lines changed: 2725 additions & 1844 deletions

File tree

‎.github/workflows/test.yml‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
name: Tests
2+
3+
on:
4+
pull_request:
5+
branches: [main]
6+
7+
jobs:
8+
test:
9+
runs-on: ubuntu-latest
10+
11+
steps:
12+
- uses: actions/checkout@v4
13+
14+
- uses: actions/setup-node@v4
15+
with:
16+
node-version: 20
17+
cache: npm
18+
19+
- run: npm ci
20+
21+
- run: npm test -- --watchAll=false

‎package-lock.json‎

Lines changed: 2380 additions & 1611 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
"test": "react-app-rewired test",
1313
"format": "prettier --write '**/*.(j|t)s'",
1414
"lint": "eslint .",
15-
"pretest": "npm run lint"
15+
"pretest": "npm run lint && tsc --noEmit"
1616
},
1717
"repository": {
1818
"type": "git",
@@ -30,27 +30,27 @@
3030
},
3131
"peerDependencies": {
3232
"prop-types": "^15.7.2",
33-
"react": "^16.14.0 || ^18.2.0",
34-
"react-dom": "^16.14.0 || ^18.2.0"
33+
"react": "^16.14.0 || ^18.2.0 || ^19.0.0",
34+
"react-dom": "^16.14.0 || ^18.2.0 || ^19.0.0"
3535
},
3636
"dependencies": {
3737
"@mapbox/mbx-assembly": "^1.6.0",
3838
"@mapbox/query-selector-contains-node": "^1.0.0",
39-
"@mapbox/react-submittable": "^3.0.1",
40-
"@radix-ui/react-accessible-icon": "^1.0.3",
41-
"@radix-ui/react-accordion": "^1.1.2",
42-
"@radix-ui/react-context-menu": "^2.1.5",
43-
"@radix-ui/react-dialog": "^1.0.5",
44-
"@radix-ui/react-label": "^2.0.2",
45-
"@radix-ui/react-popover": "^1.0.7",
46-
"@radix-ui/react-portal": "^1.0.4",
47-
"@radix-ui/react-select": "^2.0.0",
48-
"@radix-ui/react-slider": "^1.1.2",
49-
"@radix-ui/react-switch": "^1.0.3",
50-
"@radix-ui/react-tabs": "^1.0.4",
51-
"@radix-ui/react-toast": "^1.1.5",
52-
"@radix-ui/react-tooltip": "^1.0.7",
53-
"@radix-ui/react-visually-hidden": "^1.0.3",
39+
"@mapbox/react-submittable": "^4.0.0",
40+
"@radix-ui/react-accessible-icon": "^1.1.8",
41+
"@radix-ui/react-accordion": "^1.2.12",
42+
"@radix-ui/react-context-menu": "^2.2.16",
43+
"@radix-ui/react-dialog": "^1.1.15",
44+
"@radix-ui/react-label": "^2.1.8",
45+
"@radix-ui/react-popover": "^1.1.15",
46+
"@radix-ui/react-portal": "^1.1.10",
47+
"@radix-ui/react-select": "^2.2.6",
48+
"@radix-ui/react-slider": "^1.3.6",
49+
"@radix-ui/react-switch": "^1.2.6",
50+
"@radix-ui/react-tabs": "^1.1.13",
51+
"@radix-ui/react-toast": "^1.2.15",
52+
"@radix-ui/react-tooltip": "^1.2.8",
53+
"@radix-ui/react-visually-hidden": "^1.2.4",
5454
"classnames": "^2.2.6",
5555
"clipboard": "^2.0.0",
5656
"debounce": "^1.1.0",
@@ -62,12 +62,12 @@
6262
"@babel/cli": "^7.18.6",
6363
"@mapbox/jsxtreme-markdown": "^0.9.3",
6464
"@testing-library/jest-dom": "^6.4.2",
65-
"@testing-library/react": "^14.2.1",
65+
"@testing-library/react": "^16.3.0",
6666
"@testing-library/user-event": "^14.5.2",
6767
"@types/jest": "^29.5.12",
6868
"@types/node": "^16.11.43",
69-
"@types/react": "^17.0.47",
70-
"@types/react-dom": "^18.0.6",
69+
"@types/react": "^19.0.0",
70+
"@types/react-dom": "^19.0.0",
7171
"del": "^3.0.0",
7272
"delay": "^3.0.0",
7373
"execa": "^0.10.0",
@@ -82,10 +82,10 @@
8282
"pify": "^3.0.0",
8383
"prettier": "^2.3.1",
8484
"prismjs": "^1.15.0",
85-
"react": "^18.2.0",
85+
"react": "^19.0.0",
8686
"react-app-rewired": "^2.2.1",
8787
"react-docgen": "^5.4.3",
88-
"react-dom": "^18.2.0",
88+
"react-dom": "^19.0.0",
8989
"react-scripts": "5.0.1",
9090
"typescript": "^4.7.4",
9191
"web-vitals": "^2.1.4"
@@ -125,4 +125,4 @@
125125
"pre-commit": "lint-staged"
126126
}
127127
}
128-
}
128+
}

‎src/components/accordion/__snapshots__/accordion.test.tsx.snap‎

Lines changed: 36 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,14 @@ exports[`Accordion all options renders 1`] = `
1212
data-state="open"
1313
>
1414
<button
15-
aria-controls="radix-:rp:"
15+
aria-controls="radix-_r_p_"
1616
aria-expanded="true"
1717
class="w-full bg-red txt-l txt-bold link link--white bg-red-dark-on-hover px6 py6 cursor-pointer"
1818
data-orientation="vertical"
1919
data-radix-collection-item=""
2020
data-state="open"
2121
data-testid="accordion-trigger-one"
22-
id="radix-:ro:"
22+
id="radix-_r_o_"
2323
type="button"
2424
>
2525
<div>
@@ -32,10 +32,10 @@ exports[`Accordion all options renders 1`] = `
3232
</div>
3333
</button>
3434
<div
35-
aria-labelledby="radix-:ro:"
35+
aria-labelledby="radix-_r_o_"
3636
data-orientation="vertical"
3737
data-state="open"
38-
id="radix-:rp:"
38+
id="radix-_r_p_"
3939
role="region"
4040
style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width); transition-duration: 0s; animation-name: none;"
4141
>
@@ -52,26 +52,26 @@ exports[`Accordion all options renders 1`] = `
5252
data-state="closed"
5353
>
5454
<button
55-
aria-controls="radix-:rr:"
55+
aria-controls="radix-_r_r_"
5656
aria-expanded="false"
5757
class="w-full bg-red txt-l txt-bold link link--white bg-red-dark-on-hover px6 py6 cursor-pointer"
5858
data-orientation="vertical"
5959
data-radix-collection-item=""
6060
data-state="closed"
6161
data-testid="accordion-trigger-two"
62-
id="radix-:rq:"
62+
id="radix-_r_q_"
6363
type="button"
6464
>
6565
<div>
6666
two
6767
</div>
6868
</button>
6969
<div
70-
aria-labelledby="radix-:rq:"
70+
aria-labelledby="radix-_r_q_"
7171
data-orientation="vertical"
7272
data-state="closed"
7373
hidden=""
74-
id="radix-:rr:"
74+
id="radix-_r_r_"
7575
role="region"
7676
style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"
7777
/>
@@ -82,26 +82,26 @@ exports[`Accordion all options renders 1`] = `
8282
data-state="closed"
8383
>
8484
<button
85-
aria-controls="radix-:rt:"
85+
aria-controls="radix-_r_t_"
8686
aria-expanded="false"
8787
class="w-full bg-red txt-l txt-bold link link--white bg-red-dark-on-hover px6 py6 cursor-pointer"
8888
data-orientation="vertical"
8989
data-radix-collection-item=""
9090
data-state="closed"
9191
data-testid="accordion-trigger-third"
92-
id="radix-:rs:"
92+
id="radix-_r_s_"
9393
type="button"
9494
>
9595
<div>
9696
third
9797
</div>
9898
</button>
9999
<div
100-
aria-labelledby="radix-:rs:"
100+
aria-labelledby="radix-_r_s_"
101101
data-orientation="vertical"
102102
data-state="closed"
103103
hidden=""
104-
id="radix-:rt:"
104+
id="radix-_r_t_"
105105
role="region"
106106
style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"
107107
/>
@@ -122,26 +122,26 @@ exports[`Accordion basic renders 1`] = `
122122
data-state="closed"
123123
>
124124
<button
125-
aria-controls="radix-:r1:"
125+
aria-controls="radix-_r_1_"
126126
aria-expanded="false"
127127
class="w-full txt-s txt-bold txt-truncate link link--gray py6 cursor-pointer"
128128
data-orientation="vertical"
129129
data-radix-collection-item=""
130130
data-state="closed"
131131
data-testid="accordion-trigger-one"
132-
id="radix-:r0:"
132+
id="radix-_r_0_"
133133
type="button"
134134
>
135135
<span>
136136
one
137137
</span>
138138
</button>
139139
<div
140-
aria-labelledby="radix-:r0:"
140+
aria-labelledby="radix-_r_0_"
141141
data-orientation="vertical"
142142
data-state="closed"
143143
hidden=""
144-
id="radix-:r1:"
144+
id="radix-_r_1_"
145145
role="region"
146146
style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"
147147
/>
@@ -151,26 +151,26 @@ exports[`Accordion basic renders 1`] = `
151151
data-state="closed"
152152
>
153153
<button
154-
aria-controls="radix-:r3:"
154+
aria-controls="radix-_r_3_"
155155
aria-expanded="false"
156156
class="w-full txt-s txt-bold txt-truncate link link--gray py6 cursor-pointer"
157157
data-orientation="vertical"
158158
data-radix-collection-item=""
159159
data-state="closed"
160160
data-testid="accordion-trigger-two"
161-
id="radix-:r2:"
161+
id="radix-_r_2_"
162162
type="button"
163163
>
164164
<span>
165165
two
166166
</span>
167167
</button>
168168
<div
169-
aria-labelledby="radix-:r2:"
169+
aria-labelledby="radix-_r_2_"
170170
data-orientation="vertical"
171171
data-state="closed"
172172
hidden=""
173-
id="radix-:r3:"
173+
id="radix-_r_3_"
174174
role="region"
175175
style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"
176176
/>
@@ -180,26 +180,26 @@ exports[`Accordion basic renders 1`] = `
180180
data-state="closed"
181181
>
182182
<button
183-
aria-controls="radix-:r5:"
183+
aria-controls="radix-_r_5_"
184184
aria-expanded="false"
185185
class="w-full txt-s txt-bold txt-truncate link link--gray py6 cursor-pointer"
186186
data-orientation="vertical"
187187
data-radix-collection-item=""
188188
data-state="closed"
189189
data-testid="accordion-trigger-three"
190-
id="radix-:r4:"
190+
id="radix-_r_4_"
191191
type="button"
192192
>
193193
<span>
194194
three
195195
</span>
196196
</button>
197197
<div
198-
aria-labelledby="radix-:r4:"
198+
aria-labelledby="radix-_r_4_"
199199
data-orientation="vertical"
200200
data-state="closed"
201201
hidden=""
202-
id="radix-:r5:"
202+
id="radix-_r_5_"
203203
role="region"
204204
style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"
205205
/>
@@ -220,26 +220,26 @@ exports[`Accordion disabled renders 1`] = `
220220
data-state="closed"
221221
>
222222
<button
223-
aria-controls="radix-:rd:"
223+
aria-controls="radix-_r_d_"
224224
aria-expanded="false"
225225
class="w-full txt-s txt-bold txt-truncate link link--gray py6 cursor-pointer"
226226
data-orientation="vertical"
227227
data-radix-collection-item=""
228228
data-state="closed"
229229
data-testid="accordion-trigger-one"
230-
id="radix-:rc:"
230+
id="radix-_r_c_"
231231
type="button"
232232
>
233233
<span>
234234
one
235235
</span>
236236
</button>
237237
<div
238-
aria-labelledby="radix-:rc:"
238+
aria-labelledby="radix-_r_c_"
239239
data-orientation="vertical"
240240
data-state="closed"
241241
hidden=""
242-
id="radix-:rd:"
242+
id="radix-_r_d_"
243243
role="region"
244244
style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"
245245
/>
@@ -249,26 +249,26 @@ exports[`Accordion disabled renders 1`] = `
249249
data-state="closed"
250250
>
251251
<button
252-
aria-controls="radix-:rf:"
252+
aria-controls="radix-_r_f_"
253253
aria-expanded="false"
254254
class="w-full txt-s txt-bold txt-truncate link link--gray py6 cursor-pointer"
255255
data-orientation="vertical"
256256
data-radix-collection-item=""
257257
data-state="closed"
258258
data-testid="accordion-trigger-two"
259-
id="radix-:re:"
259+
id="radix-_r_e_"
260260
type="button"
261261
>
262262
<span>
263263
two
264264
</span>
265265
</button>
266266
<div
267-
aria-labelledby="radix-:re:"
267+
aria-labelledby="radix-_r_e_"
268268
data-orientation="vertical"
269269
data-state="closed"
270270
hidden=""
271-
id="radix-:rf:"
271+
id="radix-_r_f_"
272272
role="region"
273273
style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"
274274
/>
@@ -278,27 +278,27 @@ exports[`Accordion disabled renders 1`] = `
278278
data-state="closed"
279279
>
280280
<button
281-
aria-controls="radix-:rh:"
281+
aria-controls="radix-_r_h_"
282282
aria-expanded="false"
283283
class="w-full txt-s txt-bold txt-truncate link link--gray py6 cursor-default color-gray-light"
284284
data-orientation="vertical"
285285
data-radix-collection-item=""
286286
data-state="closed"
287287
data-testid="accordion-trigger-three"
288288
disabled=""
289-
id="radix-:rg:"
289+
id="radix-_r_g_"
290290
type="button"
291291
>
292292
<span>
293293
three
294294
</span>
295295
</button>
296296
<div
297-
aria-labelledby="radix-:rg:"
297+
aria-labelledby="radix-_r_g_"
298298
data-orientation="vertical"
299299
data-state="closed"
300300
hidden=""
301-
id="radix-:rh:"
301+
id="radix-_r_h_"
302302
role="region"
303303
style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"
304304
/>

0 commit comments

Comments
 (0)