[AO] Refactor observability alert search bar

[maryam-saeidi]

📝 Summary

In the previous PR, I've added a provider to pass Kibana dependencies to the observability alert search bar component. Since then, I had a lot of discussions about whether it makes sense to have a context for the dependencies of this component or not. Since we haven't decided yet whether this pattern should be adopted or not and there are suggestions about having one provider for the alert-related components, I refactored it to pass the dependency via props instead.

🧪 How to test

Add this component to APM:

// Add
import { ObservabilityAlertSearchBar } from '@kbn/observability-plugin/public';
export const useToasts = () =>
  useKibana<ApmPluginStartDeps>().services.notifications!.toasts;

// Update
  const {
    triggersActionsUi: {
      getAlertsStateTable: AlertsStateTable,
      getAlertsSearchBar: AlertsSearchBar,
      alertsTableConfigurationRegistry,
    },
    data: {
      query: {
        timefilter: { timefilter: timeFilterService },
      },
    },
  } = services;

// Replace
// <AlertsTableStatusFilter
//       status={alertStatusFilter}
//       onChange={setAlertStatusFilter}
//  />
  <ObservabilityAlertSearchBar
    appName={'apmApp'}
    kuery={''}
    onRangeFromChange={(input) => console.log(input)}
    onRangeToChange={(input) => console.log(input)}
    onKueryChange={(input) => console.log(input)}
    onStatusChange={(input) => console.log(input)}
    onEsQueryChange={(input) => console.log(input)}
    rangeTo={'now'}
    rangeFrom={'now-15m'}
    status={'all'}
    services={{ timeFilterService, AlertsSearchBar, useToasts }}
  />

[elasticmachine]

Pinging @elastic/actionable-observability (Team: Actionable Observability)

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 4c09649

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
observability	461	460	-1

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id	before	after	diff
observability	579	577	-2

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
observability	502.7KB	502.7KB	+16.0B

Public APIs missing exports

Total count of every type that is part of your API that should be exported but is not. This will cause broken links in the API documentation system. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats exports for more detailed information.

id	before	after	diff
observability	33	32	-1

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
observability	80.1KB	79.4KB	-670.0B

Unknown metric groups

API count

id	before	after	diff
observability	583	581	-2

ESLint disabled in files

id	before	after	diff
osquery	1	2	+1

ESLint disabled line counts

id	before	after	diff
enterpriseSearch	19	21	+2
fleet	61	67	+6
osquery	109	115	+6
securitySolution	445	451	+6
total			+20

Total ESLint disabled count

id	before	after	diff
enterpriseSearch	20	22	+2
fleet	70	76	+6
osquery	110	117	+7
securitySolution	521	527	+6
total			+21

History

• 💚 Build #94615 succeeded 7021507
• 💔 Build #94422 failed 8b96c1a
• 💔 Build #94420 failed ba519c5
• 💔 Build #94418 failed 40972b1

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @maryam-saeidi

[CoenWarmer]

LGTM :))