Skip to content

Releases: i-like-robots/react-tag-autocomplete

v7.4.0

20 Nov 14:30
Compare
Choose a tag to compare
  • Added support for configuring position of new tag option using newOptionPosition prop
  • Refactored typings to use React.JSX instead of global JSX, contributed by @memark

v7.3.0

17 Jun 07:14
Compare
Choose a tag to compare
  • Added support for rendering a custom selected tags list component using renderTagList prop

v7.2.0

23 Feb 18:56
Compare
Choose a tag to compare
  • Fixed an issue where deleting multiple selected tags would fail to maintain cursor focus
  • Refactored focus trap to return focus to the component root instead of the input

v7.1.0

12 Sep 03:44
Compare
Choose a tag to compare
  • Added support for rendering a custom list box component using renderListBox prop
  • Fixed an issue where auto scrolling to the active option in the list box could also scroll parent containers

v7.0.1

12 Sep 03:44
Compare
Choose a tag to compare
  • Fixed an issue where the onShouldExpand and onShouldCollapse callbacks would receive the previous value on input

v7.0.0

12 Sep 03:43
Compare
Choose a tag to compare

Breaking changes:

  • Renamed autoresize prop to allowResize
  • Renamed delimiters prop to delimiterKeys
  • Renamed noSuggestionsText to noOptionsText
  • Renamed onAddition prop to onAdd
  • Renamed removeButtonText to deleteButtonText
  • Renamed suggestionComponent to renderOption
  • Renamed tags prop to selected
  • Renamed tagComponent to renderTag
  • Removed addOnBlur prop, can be implemented manually
  • Removed inputAttributes prop, use renderInput prop instead
  • Removed maxSuggestionsLength prop, use suggestionsTransform prop instead
  • Removed minQueryLength prop, use onShouldExpand prop instead
  • Removed suggestionsFilter prop, use suggestionsTransform prop instead

New features and improvements:

  • Added onExpand and onCollapse callbacks
  • Added a label sub component to improve accessibility
  • Added assistive text notifications for changes to selected tags
  • Added support for more combobox keyboard behavior to match the ARIA spec
  • Added support for displaying the selected state of options in the listbox
  • Added support for scrolling the listbox and maintaining the the active option in view
  • Added support for interpolating values with text props
  • Added support for displaying disabled state using isDisabled prop
  • Added support for displaying invalid state using isInvalid prop
  • Added support for related descriptive text using ariaDescribedBy prop
  • Added support for related error status text using ariaErrorMessage prop
  • Added support for controlling the listbox when selecting a tag using collapseOnSelect prop
  • Added support for controlling the listbox using onShouldExpand and onShouldCollapse props
  • Added support for activating the first option when the listbox expands using activateFirstOption prop
  • Added support for rendering a custom root component using renderRoot prop
  • Added support for rendering a custom label component using renderLabel prop
  • Added support for rendering a custom input component using renderInput prop
  • Added support for rendering a custom text highlight component using renderHighlight prop

Other changes:

  • When the allowNew prop is enabled a new tag can only be created when selecting the new tag option from the listbox.
  • Tags can no longer be selected multiple times. Choosing a previously selected tag will now trigger a deletion.

Please refer to the migration guide if upgrading from v6 to v7.