feat(search): update DocSearch to alpha.31

[francoischalifour]

Motivation

This updates the DocSearch version that includes a few fixes and new features:

• Update underlying Autocomplete Core library
• Fix CSS inconsistencies
• Fix TypeScript types
• Fix vertical height modal on mobile (Insufficient height modal dropdown on mobiles algolia/docsearch#984)
• Hide DocSearch keys until we know the user OS (feat: push keyboard buttons till client algolia/docsearch#983)
• Preselect query when coming from a selection search

This version displays are React development warning when using React 16 about the enterKeyHint property that's officially supported from React 17: facebook/react#18634.

Warning: React does not recognize the enterKeyHint prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase enterkeyhint instead. If you accidentally passed it from a parent component, remove it from the DOM element.

You won't see this message from React 17.

Have you read the Contributing Guidelines on pull requests?

Yes.

Test Plan

N/A.

Related PRs

N/A.

[netlify]

Deploy preview for docusaurus-2 ready!

Built without sensitive environment variables with commit e30277c

https://deploy-preview-3819--docusaurus-2.netlify.app

[slorber]

thanks

almost LGTM but it looks like the shortcut key is not visible anymore for me (macos/chrome 87)

[francoischalifour]

@slorber Thanks, fixed in e30277c.

[lex111]

@francoischalifour thanks!

[slorber]

@francoischalifour thanks

was wondering if you could make the search input keep a constant size, with or without the keys in the search input?

As we are using SSR, having things changing size just after hydration can somehow be considered as a layout shift.