[APM] Kuery bar should listen to url changes

[sorenlouv]

When the kuery value in the input field has been changed, it no longer applies changes from the url.

urlParams.kuery is passed in as initialValue only. So any subsequent changes are ignored:

kibana/x-pack/legacy/plugins/apm/public/components/shared/KueryBar/index.tsx

Line 205 in 5aea728

initialValue={urlParams.kuery}

The state is kept in the TypeAhead component:

kibana/x-pack/legacy/plugins/apm/public/components/shared/KueryBar/Typeahead/index.js

Line 28 in 2dfe167

value: '',

The better solution is to always derive the state from the url. So whenever the url changes, so does the value in the input. However, they should not be 1:1 since the url shouldn't update when the input value changes: only when it is submitted!

As part of this issue it would be good to change history.replace to history.push so that new queries are added to the browser history.

[elasticmachine]

Pinging @elastic/apm-ui