feat: implement onFocus callback inside InputSearch

[bgoyarts]

What is the purpose of this pull request?

Related: vtex-apps/store-components#1074

The InputSearch component is not calling the onFocus callback that can be set on the props. This creates an issue as described inside the store-components. When the InputSearch component is being rendered as the main searchbar, the autocomplete is not opened by default if this is configured.

What problem is this solving?

This solves the issue of the non-appearing auto-complete bar when using the inputType: search configuration on the searchbar component.

How should this be manually tested?

Steps to reproduce the behavior:

1. Place the store-components searchbar somewhere in your template with the following props:

{
  "props": {
    "openAutocompleteOnFocus": true,
    "inputType": "search"
  }
}

3. Go to your store, put your cursor inside the input field so it receives focus
4. Autocomplete is not expanded

Expected behavior
The autocomplete should be expanded showing top searches and search history

Screenshots or example usage

current result

fix

Types of changes

• Bug fix (a non-breaking change which fixes an issue)
• New feature (a non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Requires change to documentation, which has been updated accordingly.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
styleguide	❌ Failed (Inspect)			Jul 24, 2023 1:17pm

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit d64b4a1:

Sandbox	Source
vtex-styleguide-pr	Configuration