downshift 6.1.7 β 6.1.8
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 +14 -9
- package/dist/downshift.cjs.js +1695 -1631
- package/dist/downshift.esm.js +1569 -1501
- package/dist/downshift.native.cjs.js +1680 -1614
- package/dist/downshift.umd.js +1606 -1568
- 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 +23 -10
- package/preact/dist/downshift.cjs.js +1659 -1595
- package/preact/dist/downshift.esm.js +1569 -1501
- package/preact/dist/downshift.umd.js +1659 -1643
- 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,7 @@ 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>
|
|
1408
1413
|
</tr>
|
|
1409
1414
|
</table>
|
|
1410
1415
|
|
|
@@ -1424,7 +1429,8 @@ MIT
|
|
|
1424
1429
|
[node]: https://nodejs.org
|
|
1425
1430
|
[build-badge]:
|
|
1426
1431
|
https://img.shields.io/github/workflow/status/downshift-js/downshift/validate?logo=github&style=flat-square
|
|
1427
|
-
[build]:
|
|
1432
|
+
[build]:
|
|
1433
|
+
https://github.com/downshift-js/downshift/actions?query=workflow%3Avalidate+branch%3Amaster
|
|
1428
1434
|
[coverage-badge]:
|
|
1429
1435
|
https://img.shields.io/codecov/c/github/downshift-js/downshift.svg?style=flat-square
|
|
1430
1436
|
[coverage]: https://codecov.io/github/downshift-js/downshift
|
|
@@ -1482,12 +1488,11 @@ MIT
|
|
|
1482
1488
|
[multiple-selection-readme]:
|
|
1483
1489
|
https://github.com/downshift-js/downshift/tree/master/src/hooks/useMultipleSelection
|
|
1484
1490
|
[bundle-phobia-link]: https://bundlephobia.com/result?p=downshift@3.4.8
|
|
1485
|
-
[aria]:
|
|
1486
|
-
https://www.w3.org/TR/wai-aria-practices/
|
|
1491
|
+
[aria]: https://www.w3.org/TR/wai-aria-practices/
|
|
1487
1492
|
[combobox-aria]:
|
|
1488
|
-
https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html
|
|
1493
|
+
https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/combobox/aria1.1pattern/listbox-combo.html
|
|
1489
1494
|
[select-aria]:
|
|
1490
|
-
https://www.w3.org/TR/wai-aria-practices/examples/listbox/listbox-collapsible.html
|
|
1495
|
+
https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/listbox/listbox-collapsible.html
|
|
1491
1496
|
[docsite]: https://downshift-js.com/
|
|
1492
1497
|
[code-sandbox-try-it-out]:
|
|
1493
1498
|
https://codesandbox.io/s/github/kentcdodds/downshift-examples?file=/src/downshift/ordered-examples/00-get-root-props-example.js
|