Merge branch 'master' into 6.0

Author: i-like-robots

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,46 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: i-like-robots
+
+---
+
+Your issue may already be reported! Please search on the [issue tracker](../) before creating one.
+
+## Expected behaviour
+
+A clear and concise description of what the bug is.
+
+## Current behaviour
+
+A clear and concise description of what you expected to happen.
+
+## Steps to Reproduce
+
+Steps to reproduce the problem:
+
+1. 
+2. 
+3. 
+4. 
+
+## Example and screenshots
+
+Please add a link to a minimal reproducible example of the bug if you have created one.
+
+## Screenshots
+
+If applicable, add screenshots to help explain your problem.
+
+## Your environment
+
+ - OS: [e.g. Windows 10]
+ - Browser: [e.g. chrome 76, safari 12]
+ - Version of the component: [e.g. 5.11.2]
+ - React version: [e.g. 16.12]
+
+## Additional context
+
+Add any other useful context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+## Describe the solution you'd like
+
+A clear and concise description of what you want to happen.
+
+## Describe alternatives you've considered
+
+A clear and concise description of any alternative solutions or features you've considered.
+
+## Additional context
+
+Add any other context or screenshots about the feature request here.

.npmignore

@@ -1,3 +1,6 @@
+.git/
+.github/
+.nyc_output/
 coverage/
 example/
 lib/

CHANGELOG.md

@@ -8,6 +8,7 @@
 - Added ES6 package and `"module"` entry point
 - Added `id` option to configure the component ID
 - Added `removeButtonText` option to configure the selected tag remove button title attribute
+- Refactored `ariaLabel` option to `ariaLabelText` to match other text options
 - Refactored `placeholder` option to `placeholderText` to match other text options
 - Refactored keyboard event handlers to use `KeyboardEvent.key`
 - Refactored event handlers and callbacks to use `on` prefixes
@@ -20,6 +21,10 @@
 - Removed `delimiterChars` option
 - Updated React dependency to 16.5+
 
+## 5.13.0
+
+- Added `ariaLabel` option ([Herdismaria](https://github.com/Herdismaria))
+
 ## 5.12.1
 
 - Fixed an issue where the `componentDidUpdate()` callback of the input component can be called too many times

README.md

@@ -82,6 +82,7 @@ ReactDOM.render(<App />, document.getElementById('app'))
 - [`suggestions`](#suggestions-optional)
 - [`suggestionsFilter`](#suggestionsfilter-optional)
 - [`placeholderText`](#placeholdertext-optional)
+- [`ariaLabelText`](#arialabeltext-optional)
 - [`removeButtonText`](#removeButtontext-optional)
 - [`noSuggestionsText`](#noSuggestionsText-optional)
 - [`autoresize`](#autoresize-optional)
@@ -139,6 +140,10 @@ If no function is supplied the default filter is applied. Defaults to `null`.
 
 The placeholder string shown for the input. Defaults to `'Add new tag'`.
 
+#### ariaLabelText (optional)
+
+The aria-label string for the input. Defaults to placeholder string.
+
 #### removeButtonText (optional)
 
 The title text to add to the remove selected tag button. Default `'Click to remove tag'`.
@@ -297,6 +302,7 @@ To see all changes refer to [the changelog](CHANGELOG.md).
 - Event handlers and callbacks have been renamed to use `on` prefixes, e.g. the `handleAddition()` callback should now be called `onAddition()`.
 - The `delimiters` option is now an array of `KeyboardEvent.key` values and not `KeyboardEvent.keyCode` codes, e.g. `[13, 9]` should now be written as `['Enter', 'Tab']`. See https://keycode.info/ for more information.
 - The `placeholder` option has been renamed `placeholderText`
+- The `ariaLabel` option has been renamed `ariaLabelText`
 - The `delimiterChars` option has been removed, use the `delimiters` option instead.
 - The `clearInputOnDelete` option has been removed and is now the default behaviour
 - The `autofocus` option has been removed.

lib/Input.js

@@ -63,7 +63,7 @@ class Input extends React.Component {
   }
 
   render () {
-    const { id, query, placeholderText, expanded, classNames, inputAttributes, inputEventHandlers, index } = this.props
+    const { id, query, ariaLabelText, placeholderText, expanded, classNames, inputAttributes, inputEventHandlers, index } = this.props
 
     return (
       <div className={classNames.searchWrapper}>
@@ -76,7 +76,7 @@ class Input extends React.Component {
           className={classNames.searchInput}
           role='combobox'
           aria-autocomplete='list'
-          aria-label={placeholderText}
+          aria-label={ariaLabelText || placeholderText}
           aria-owns={id}
           aria-activedescendant={index > -1 ? `${id}-${index}` : null}
           aria-expanded={expanded}

lib/ReactTags.js

@@ -244,6 +244,7 @@ class ReactTags extends React.Component {
             autoresize={this.props.autoresize}
             expanded={expanded}
             placeholderText={this.props.placeholderText}
+            ariaLabelText={this.props.ariaLabelText}
           />
           <Suggestions
             {...this.state}
@@ -285,6 +286,7 @@ ReactTags.propTypes = {
   id: PropTypes.string,
   tags: PropTypes.arrayOf(PropTypes.object),
   placeholderText: PropTypes.string,
+  ariaLabelText: PropTypes.string,
   removeButtonText: PropTypes.string,
   noSuggestionsText: PropTypes.string,
   suggestions: PropTypes.arrayOf(PropTypes.object),

package.json

@@ -34,7 +34,8 @@
     "Andrew Pillsbury",
     "Axel Niklasson",
     "Serhiy Yefremenko",
-    "Paul Shannon"
+    "Paul Shannon",
+    "Herdis Maria"
   ],
   "license": "MIT",
   "repository": "https://github.com/i-like-robots/react-tags",