This repository has been archived by the owner on Mar 4, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 55
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(a11y): removed redundant a11y code from Dropdown (#771)
* removed interface and prop from examples * fixed compile error * also fixed @param * added example with different language. * updated the changelog
- Loading branch information
1 parent
5a3b672
commit 8a7d93e
Showing
9 changed files
with
68 additions
and
101 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
59 changes: 59 additions & 0 deletions
59
.../components/Dropdown/Variations/DropdownExampleMultipleSearchFrenchLanguage.shorthand.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,59 @@ | ||
import * as React from 'react' | ||
import { Dropdown } from '@stardust-ui/react' | ||
|
||
const inputItems = [ | ||
{ header: 'Louis Vuitton' }, | ||
{ header: 'Coco Chanel' }, | ||
{ header: 'Napoleon Bonaparte' }, | ||
{ header: 'Zinedine Zidane' }, | ||
{ header: `Jeanne d'Arc` }, | ||
{ header: 'Honoré de Balzac' }, | ||
{ header: 'Louis XIV' }, | ||
{ header: 'Brigitte Bardot' }, | ||
{ header: 'Marion Cotillard' }, | ||
].map(item => ({ | ||
...item, | ||
icon: { | ||
name: 'close', | ||
'aria-label': `Éliminer ${item.header} de la sélection.`, | ||
}, | ||
})) | ||
|
||
const DropdownExample = () => ( | ||
<Dropdown | ||
multiple | ||
search | ||
getA11yStatusMessage={getA11yStatusMessage} | ||
getA11ySelectionMessage={getA11ySelectionMessage} | ||
noResultsMessage="N'avons trouvé aucun résultat." | ||
placeholder="Commencez à taper un nom" | ||
items={inputItems} | ||
/> | ||
) | ||
|
||
const getA11yStatusMessage = ({ | ||
isOpen, | ||
itemToString, | ||
previousResultCount, | ||
resultCount, | ||
selectedItem, | ||
}) => { | ||
if (!isOpen) { | ||
return selectedItem ? itemToString(selectedItem) : '' | ||
} | ||
if (!resultCount) { | ||
return `Aucun résultat trouvé.` | ||
} | ||
if (resultCount !== previousResultCount) { | ||
return `${resultCount} résultat${ | ||
resultCount === 1 ? ' est disponible' : 's sont disponibles' | ||
}, touches fléchées ascendante et descendante pour naviguer. Appuyez sur la touche Entrée pour sélectionner.` | ||
} | ||
return '' | ||
} | ||
|
||
const getA11ySelectionMessage = { | ||
onAdd: item => `${item.header} a été choisi.`, | ||
onRemove: item => `${item.header} a été éliminé.`, | ||
} | ||
export default DropdownExample |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters