downshift 6.1.6 β 6.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -9
- package/dist/downshift.cjs.js +1703 -1637
- package/dist/downshift.esm.js +1577 -1507
- package/dist/downshift.native.cjs.js +1688 -1620
- package/dist/downshift.umd.js +1614 -1574
- package/dist/downshift.umd.js.map +1 -1
- package/dist/downshift.umd.min.js +1 -21
- package/dist/downshift.umd.min.js.map +1 -1
- package/package.json +25 -11
- package/preact/dist/downshift.cjs.js +1667 -1601
- package/preact/dist/downshift.esm.js +1577 -1507
- package/preact/dist/downshift.umd.js +1667 -1649
- package/preact/dist/downshift.umd.js.map +1 -1
- package/preact/dist/downshift.umd.min.js +1 -23
- package/preact/dist/downshift.umd.min.js.map +1 -1
package/README.md
CHANGED
|
@@ -32,9 +32,9 @@ autocomplete, combobox or select dropdown components.</p>
|
|
|
32
32
|
|
|
33
33
|
You need an autocomplete, a combobox or a select experience in your application
|
|
34
34
|
and you want it to be accessible. You also want it to be simple and flexible to
|
|
35
|
-
account for your use cases. Finally, it should follow the [ARIA][aria] design
|
|
36
|
-
for a [combobox][combobox-aria] or a [select][select-aria], depending on
|
|
37
|
-
use case.
|
|
35
|
+
account for your use cases. Finally, it should follow the [ARIA][aria] design
|
|
36
|
+
pattern for a [combobox][combobox-aria] or a [select][select-aria], depending on
|
|
37
|
+
your use case.
|
|
38
38
|
|
|
39
39
|
## This solution
|
|
40
40
|
|
|
@@ -605,6 +605,8 @@ and is as follows:
|
|
|
605
605
|
- `Downshift.stateChangeTypes.keyDownArrowDown`
|
|
606
606
|
- `Downshift.stateChangeTypes.keyDownEscape`
|
|
607
607
|
- `Downshift.stateChangeTypes.keyDownEnter`
|
|
608
|
+
- `Downshift.stateChangeTypes.keyDownHome`
|
|
609
|
+
- `Downshift.stateChangeTypes.keyDownEnd`
|
|
608
610
|
- `Downshift.stateChangeTypes.clickItem`
|
|
609
611
|
- `Downshift.stateChangeTypes.blurInput`
|
|
610
612
|
- `Downshift.stateChangeTypes.changeInput`
|
|
@@ -1080,7 +1082,9 @@ platforms:
|
|
|
1080
1082
|
|
|
1081
1083
|
If you're just learning downshift, review these in order:
|
|
1082
1084
|
|
|
1083
|
-
0. [basic automplete with getRootProps](https://codesandbox.io/s/github/kentcdodds/downshift-examples?file=/src/downshift/ordered-examples/00-get-root-props-example.js) -
|
|
1085
|
+
0. [basic automplete with getRootProps](https://codesandbox.io/s/github/kentcdodds/downshift-examples?file=/src/downshift/ordered-examples/00-get-root-props-example.js) -
|
|
1086
|
+
the same as example #1 but using the correct HTML structure as suggested by
|
|
1087
|
+
ARIA-WCAG.
|
|
1084
1088
|
1. [basic autocomplete](https://codesandbox.io/s/github/kentcdodds/downshift-examples/tree/master/?module=%2Fsrc%2Fordered-examples%2F01-basic-autocomplete.js&moduleview=1) -
|
|
1085
1089
|
very bare bones, not styled at all. Good place to start.
|
|
1086
1090
|
2. [styled autocomplete](https://codesandbox.io/s/github/kentcdodds/downshift-examples/tree/master/?module=%2Fsrc%2Fordered-examples%2F02-complete-autocomplete.js&moduleview=1) -
|
|
@@ -1405,6 +1409,8 @@ Thanks goes to these people ([emoji key][emojis]):
|
|
|
1405
1409
|
<td align="center"><a href="https://github.com/clementgarbay"><img src="https://avatars3.githubusercontent.com/u/12433625?v=4?s=100" width="100px;" alt=""/><br /><sub><b>ClΓ©ment Garbay</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=clementgarbay" title="Code">π»</a></td>
|
|
1406
1410
|
<td align="center"><a href="https://github.com/KaiminHuang"><img src="https://avatars.githubusercontent.com/u/5600404?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kaimin Huang</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=KaiminHuang" title="Code">π»</a> <a href="https://github.com/downshift-js/downshift/issues?q=author%3AKaiminHuang" title="Bug reports">π</a></td>
|
|
1407
1411
|
<td align="center"><a href="http://theredcircuit.com"><img src="https://avatars.githubusercontent.com/u/1242456?v=4?s=100" width="100px;" alt=""/><br /><sub><b>David Welling</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=davewelling" title="Code">π»</a> <a href="https://github.com/downshift-js/downshift/issues?q=author%3Adavewelling" title="Bug reports">π</a></td>
|
|
1412
|
+
<td align="center"><a href="https://github.com/chandrasekhar1996"><img src="https://avatars.githubusercontent.com/u/33996892?v=4?s=100" width="100px;" alt=""/><br /><sub><b>chandrasekhar1996</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/issues?q=author%3Achandrasekhar1996" title="Bug reports">π</a> <a href="https://github.com/downshift-js/downshift/commits?author=chandrasekhar1996" title="Code">π»</a></td>
|
|
1413
|
+
<td align="center"><a href="https://github.com/drewbrend"><img src="https://avatars.githubusercontent.com/u/5375799?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Brendan Drew</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=drewbrend" title="Code">π»</a></td>
|
|
1408
1414
|
</tr>
|
|
1409
1415
|
</table>
|
|
1410
1416
|
|
|
@@ -1424,7 +1430,8 @@ MIT
|
|
|
1424
1430
|
[node]: https://nodejs.org
|
|
1425
1431
|
[build-badge]:
|
|
1426
1432
|
https://img.shields.io/github/workflow/status/downshift-js/downshift/validate?logo=github&style=flat-square
|
|
1427
|
-
[build]:
|
|
1433
|
+
[build]:
|
|
1434
|
+
https://github.com/downshift-js/downshift/actions?query=workflow%3Avalidate+branch%3Amaster
|
|
1428
1435
|
[coverage-badge]:
|
|
1429
1436
|
https://img.shields.io/codecov/c/github/downshift-js/downshift.svg?style=flat-square
|
|
1430
1437
|
[coverage]: https://codecov.io/github/downshift-js/downshift
|
|
@@ -1482,12 +1489,11 @@ MIT
|
|
|
1482
1489
|
[multiple-selection-readme]:
|
|
1483
1490
|
https://github.com/downshift-js/downshift/tree/master/src/hooks/useMultipleSelection
|
|
1484
1491
|
[bundle-phobia-link]: https://bundlephobia.com/result?p=downshift@3.4.8
|
|
1485
|
-
[aria]:
|
|
1486
|
-
https://www.w3.org/TR/wai-aria-practices/
|
|
1492
|
+
[aria]: https://www.w3.org/TR/wai-aria-practices/
|
|
1487
1493
|
[combobox-aria]:
|
|
1488
|
-
https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html
|
|
1494
|
+
https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/combobox/aria1.1pattern/listbox-combo.html
|
|
1489
1495
|
[select-aria]:
|
|
1490
|
-
https://www.w3.org/TR/wai-aria-practices/examples/listbox/listbox-collapsible.html
|
|
1496
|
+
https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/listbox/listbox-collapsible.html
|
|
1491
1497
|
[docsite]: https://downshift-js.com/
|
|
1492
1498
|
[code-sandbox-try-it-out]:
|
|
1493
1499
|
https://codesandbox.io/s/github/kentcdodds/downshift-examples?file=/src/downshift/ordered-examples/00-get-root-props-example.js
|