PR Details

Added functionality to clear input text on autocomplete component, also added the event capture to reset autocomplete search result to empty

Description

Changed input type from "text" to "search" to make the clear button appear when the input is not empty Added "search" event capture, which is the event fired by this clear button, to refresh the autocomplete query and its results.

Related Issue

785

Motivation and Context

Users struggled to clear text in their input using their keyboard, so they demanded a button to clear its content at once

How Has This Been Tested

this change has been tested manually, and run existing tests to check nothing was broken

Types of changes

[ ] Docs change / refactoring / dependency upgrade
[ ] Bug fix (non-breaking change which fixes an issue)
[x] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to change)

Checklist

[x] I have read the CONTRIBUTING document
[x] My code follows the code style of this project
[ ] My change requires a change to the documentation
[ ] I have updated the documentation accordingly (README.md for each UI component)
[ ] I have added tests to cover my changes (at least 1 spec for each UI component with the same coverage as the master branch)
[x] All new and existing tests passed
[ ] A new branch needs to be created from master to evolve previous versions
[x] Increase version in package.json following Semantic Versioning
[x] All UI components must be added into the showcase (at least 1 component with the default settings)
[x] Add the issue into the right project with the proper status (In progress)

systelab / systelab-components

Fature 785 #786