[Uptime] Redesign/44541 new monitor list expanded row (#46567) (#51809)

* expanded row component

* expanded row component

* updated expand comp

* update expander row

* update expanded row

* update graphql schema

* update styling

* added monitor detail route

* added monitor state

* added monitor details state

* update drawer

* update drawer

* updated drawer components

* update monitor drawer

* update tests

* revert some changes

* revert some changes

* revert some changes

* update test

* update drawer

* added run time validation

* update monitor status

* added location icon

* update locations

* fix relative path

* update unamelocation

* updated snaps

* update formatting

* updated snaps

* update snaps

* improve code formatting

* update snaps

* updated translation formatting !!

* update snaps

* update i18n

x-pack/legacy/plugins/uptime/common/constants/client_defaults.ts

@@ -18,11 +18,6 @@ export const CLIENT_DEFAULTS = {
     { start: 'now/M', end: 'now', label: 'Month to date' },
     { start: 'now/y', end: 'now', label: 'Year to date' },
   ],
-  /**
-   * Designate how many checks a monitor summary can have
-   * before condensing them.
-   */
-  CONDENSED_CHECK_LIMIT: 12,
   DATE_RANGE_START: 'now-15m',
   DATE_RANGE_END: 'now',
   FILTERS: '',

x-pack/legacy/plugins/uptime/public/state/sagas/index.ts → x-pack/legacy/plugins/uptime/common/runtime_types/index.ts

@@ -4,8 +4,4 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-// import { fork } from 'redux-saga/effects';
-
-// export function* rootSaga() {
-//    yield fork();
-// }
+export * from './monitor/monitor_details';

x-pack/legacy/plugins/uptime/common/runtime_types/monitor/monitor_details.ts

@@ -0,0 +1,22 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+import * as t from 'io-ts';
+
+// IO type for validation
+export const ErrorType = t.partial({
+  code: t.number,
+  message: t.string,
+  type: t.string,
+});
+
+// Typescript type for type checking
+export type Error = t.TypeOf<typeof ErrorType>;
+
+export const MonitorDetailsType = t.intersection([
+  t.type({ monitorId: t.string }),
+  t.partial({ error: ErrorType }),
+]);
+export type MonitorDetails = t.TypeOf<typeof MonitorDetailsType>;

x-pack/legacy/plugins/uptime/public/components/functional/filter_group/filter_popover.tsx

@@ -9,7 +9,7 @@ import React, { useState, useEffect } from 'react';
 import { i18n } from '@kbn/i18n';
 import { UptimeFilterButton } from './uptime_filter_button';
 import { toggleSelectedItems } from './toggle_selected_item';
-import { LocationLink } from '../monitor_list/location_link';
+import { LocationLink } from '../monitor_list';
 
 export interface FilterPopoverProps {
   fieldName: string;

x-pack/legacy/plugins/uptime/public/components/functional/index.ts

@@ -12,7 +12,6 @@ export { IntegrationLink } from './integration_link';
 export { KueryBar } from './kuery_bar';
 export { MonitorCharts } from './monitor_charts';
 export { MonitorList } from './monitor_list';
-export { MonitorPageLink } from './monitor_page_link';
 export { MonitorPageTitle } from './monitor_page_title';
 export { MonitorStatusBar } from './monitor_status_bar';
 export { OverviewPageParsingErrorCallout } from './overview_page_parsing_error_callout';