[Type checks] Fix infra obs ui typecheck (#167217)

## 📓  Summary

These changes fix the type-check issues related to infra obs UI code.
It also includes some fixes for the APM plugin that were stopping the
check step from passing.

---------

Co-authored-by: Marco Antonio Ghiani <marcoantonio.ghiani@elastic.co>

x-pack/plugins/apm/public/components/app/mobile/service_overview/stats/stats.tsx

@@ -110,10 +110,12 @@ export function MobileStats({
         defaultMessage: 'Crash rate',
       }),
       icon: getIcon('bug'),
-      value: data?.currentPeriod?.crashRate?.value ?? NOT_AVAILABLE_LABEL,
+      value: data?.currentPeriod?.crashRate?.value ?? NaN,
       valueFormatter: (value: number) =>
-        valueFormatter(Number((value * 100).toPrecision(2)), '%'),
+        Number.isNaN(value)
-      trend: data?.currentPeriod?.crashRate?.timeseries,
+          ? NOT_AVAILABLE_LABEL
+          : valueFormatter(Number((value * 100).toPrecision(2)), '%'),
+      trend: data?.currentPeriod?.crashRate?.timeseries ?? [],
       extra: getComparisonValueFormatter(data?.previousPeriod.crashRate?.value),
       trendShape: MetricTrendShape.Area,
     },
@@ -137,8 +139,9 @@ export function MobileStats({
         defaultMessage: 'Sessions',
       }),
       icon: getIcon('timeslider'),
-      value: data?.currentPeriod?.sessions?.value ?? NOT_AVAILABLE_LABEL,
+      value: data?.currentPeriod?.sessions?.value ?? NaN,
-      valueFormatter: (value: number) => valueFormatter(value),
+      valueFormatter: (value: number) =>
+        Number.isNaN(value) ? NOT_AVAILABLE_LABEL : valueFormatter(value),
       trend: data?.currentPeriod?.sessions?.timeseries,
       extra: getComparisonValueFormatter(data?.previousPeriod.sessions?.value),
       trendShape: MetricTrendShape.Area,
@@ -149,10 +152,11 @@ export function MobileStats({
         defaultMessage: 'HTTP requests',
       }),
       icon: getIcon('kubernetesPod'),
-      value: data?.currentPeriod?.requests?.value ?? NOT_AVAILABLE_LABEL,
       extra: getComparisonValueFormatter(data?.previousPeriod.requests?.value),
-      valueFormatter: (value: number) => valueFormatter(value),
+      value: data?.currentPeriod?.requests?.value ?? NaN,
-      trend: data?.currentPeriod?.requests?.timeseries,
+      valueFormatter: (value: number) =>
+        Number.isNaN(value) ? NOT_AVAILABLE_LABEL : valueFormatter(value),
+      trend: data?.currentPeriod?.requests?.timeseries ?? [],
       trendShape: MetricTrendShape.Area,
     },
   ];

x-pack/plugins/apm/public/components/app/storage_explorer/summary_stats.tsx

@@ -205,7 +205,7 @@ function SummaryMetric({
   loading: boolean;
   hasData: boolean;
 }) {
-  const xlFontSize = useEuiFontSize('xl', { measurement: 'px' });
+  const xlFontSize = useEuiFontSize('xl', { unit: 'px' });
   const { euiTheme } = useEuiTheme();
 
   return (

x-pack/plugins/apm/public/components/shared/transaction_action_menu/sections.test.ts

@@ -25,7 +25,7 @@ const apmRouter = {
 } as ApmRouter;
 
 const infraLocators = infraLocatorsMock;
-const observabilityLogExplorerLocators = observabilityLogExplorerLocatorsMock;
+const { allDatasetsLocator } = observabilityLogExplorerLocatorsMock;
 
 const expectInfraLocatorsToBeCalled = () => {
   expect(infraLocators.nodeLogsLocator.getRedirectUrl).toBeCalledTimes(3);
@@ -65,7 +65,7 @@ describe('Transaction action menu', () => {
         location,
         apmRouter,
         infraLocators,
-        observabilityLogExplorerLocators,
+        allDatasetsLocator,
         infraLinksAvailable: false,
         rangeFrom: 'now-24h',
         rangeTo: 'now',
@@ -131,7 +131,7 @@ describe('Transaction action menu', () => {
         location,
         apmRouter,
         infraLocators,
-        observabilityLogExplorerLocators,
+        allDatasetsLocator,
         infraLinksAvailable: true,
         rangeFrom: 'now-24h',
         rangeTo: 'now',
@@ -216,7 +216,7 @@ describe('Transaction action menu', () => {
         location,
         apmRouter,
         infraLocators,
-        observabilityLogExplorerLocators,
+        allDatasetsLocator,
         infraLinksAvailable: true,
         rangeFrom: 'now-24h',
         rangeTo: 'now',

x-pack/plugins/apm/public/context/apm_plugin/mock_apm_plugin_context.tsx

@@ -132,6 +132,11 @@ export const infraLocatorsMock: InfraLocators = {
   nodeLogsLocator: sharePluginMock.createLocator(),
 };
 
+export const observabilityLogExplorerLocatorsMock = {
+  allDatasetsLocator: sharePluginMock.createLocator(),
+  singleDatasetLocator: sharePluginMock.createLocator(),
+};
+
 const mockCorePlugins = {
   embeddable: {},
   inspector: {},

x-pack/plugins/apm/server/routes/assistant_functions/route.ts

@@ -191,7 +191,7 @@ const getApmErrorDocRoute = createApmServerRoute({
   },
 });
 
-interface ApmServicesListItem {
+export interface ApmServicesListItem {
   'service.name': string;
   'agent.name'?: string;
   'transaction.type'?: string;

x-pack/plugins/apm/server/routes/traces/queries.test.ts

@@ -5,6 +5,7 @@
  * 2.0.
  */
 
+import { loggerMock } from '@kbn/logging-mocks';
 import { getTraceItems } from './get_trace_items';
 import {
   SearchParamsMock,
@@ -26,6 +27,7 @@ describe('trace queries', () => {
         apmEventClient: mockApmEventClient,
         start: 0,
         end: 50000,
+        logger: loggerMock.create(),
       })
     );
 

x-pack/plugins/apm/typings/es_schemas/raw/error_raw.ts

@@ -18,7 +18,7 @@ import { TimestampUs } from './fields/timestamp_us';
 import { Url } from './fields/url';
 import { User } from './fields/user';
 
-interface Processor {
+export interface Processor {
   name: 'error';
   event: 'error';
 }

x-pack/plugins/infra/public/common/visualizations/lens/dashboards/index.ts

@@ -9,3 +9,4 @@ export { assetDetailsDashboards } from './asset_details';
 export { hostsViewDashboards } from './hosts_view';
 export { AVERAGE_SUBTITLE, METRICS_TOOLTIP } from './translations';
 export { XY_MISSING_VALUE_DOTTED_LINE_CONFIG, KPI_CHART_HEIGHT } from './constants';
+export * from './types';

x-pack/plugins/log_explorer/public/components/dataset_selector/sub_components/datasets_popover.tsx

@@ -57,8 +57,8 @@ export const DatasetsPopover = ({
             <EuiIcon type={iconType} />
           ) : hasIntegration ? (
             <PackageIcon
-              packageName={parentIntegration.name}
+              packageName={parentIntegration.name ?? ''}
-              version={parentIntegration.version}
+              version={parentIntegration.version ?? '1.0.0'}
               icons={parentIntegration.icons}
               size="m"
               tryApi

x-pack/plugins/ml/public/locator/use_ml_href.ts

@@ -6,7 +6,7 @@
  */
 
 import { DependencyList } from 'react';
-import { MlPluginStart } from '..';
+import { MlPluginSetup } from '..';
 import { MlLocatorParams } from '../../common/types/locator';
 
 /**
@@ -14,7 +14,7 @@ import { MlLocatorParams } from '../../common/types/locator';
  * TODO remove basePath parameter
  */
 export const useMlHref = (
-  ml: MlPluginStart | undefined,
+  ml: MlPluginSetup | undefined,
   basePath: string | undefined,
   params: MlLocatorParams,
   dependencies?: DependencyList

x-pack/plugins/observability_log_explorer/common/index.ts

@@ -5,4 +5,8 @@
  * 2.0.
  */
 
-export { SingleDatasetLocatorDefinition, AllDatasetsLocatorDefinition } from './locators';
+export {
+  type ObservabilityLogExplorerLocators,
+  SingleDatasetLocatorDefinition,
+  AllDatasetsLocatorDefinition,
+} from './locators';