import React , { lazy , Suspense } from 'react' ; import { EuiLoadingSpinner } from '@elastic/eui' ; import type { CoreVitalProps , HeaderMenuPortalProps } from './types' ; import type { FieldValueSuggestionsProps } from './field_value_suggestions/types' ; import type { FilterValueLabelProps } from './filter_value_label/filter_value_label' ; import type { SelectableUrlListProps } from './exploratory_view/components/url_search/selectable_url_list' ; import type { ExploratoryViewPageProps } from './exploratory_view/index' ; export { createLazyObservabilityPageTemplate } from './page_template' ; export type { LazyObservabilityPageTemplateProps } from './page_template' ; const CoreVitalsLazy = lazy ( ( ) => import ( './core_web_vitals/index' ) ) ; export function getCoreVitalsComponent ( props ) { return ( < Suspense fallback = { null } > < CoreVitalsLazy { ... props } / > < /Suspense>); } const HeaderMenuPortalLazy = lazy ( ( ) => import ( './header_menu_portal' ) ) ; export function HeaderMenuPortal ( props ) { return ( < Suspense fallback = { < EuiLoadingSpinner / > } > < HeaderMenuPortalLazy { ... props } / > < /Suspense>); } const FieldValueSuggestionsLazy = lazy ( ( ) => import ( './field_value_suggestions/index' ) ) ; export function FieldValueSuggestions ( props ) { return ( < Suspense fallback = { null } > < FieldValueSuggestionsLazy { ... props } / > < /Suspense>); } const FilterValueLabelLazy = lazy ( ( ) => import ( './filter_value_label/filter_value_label' ) ) ; export function FilterValueLabel ( props ) { return ( < Suspense fallback = { null } > < FilterValueLabelLazy { ... props } / > < /Suspense>); } const SelectableUrlListLazy = lazy ( ( ) => import ( './exploratory_view/components/url_search/selectable_url_list' ) ) ; export function SelectableUrlList ( props ) { return ( < Suspense fallback = { null } > < SelectableUrlListLazy { ... props } / > < /Suspense>); } const ExploratoryViewLazy = lazy ( ( ) => import ( './exploratory_view/index' ) ) ; export function ExploratoryView ( props ) { return ( < Suspense fallback = { null } > < ExploratoryViewLazy { ... props } / > < /Suspense>); }