[APM] Convert PascalCase to snake_case in transaction_details folder (#122649)

x-pack/plugins/apm/public/components/app/transaction_details/use_waterfall_fetcher.ts

@@ -10,7 +10,7 @@ import { useLegacyUrlParams } from '../../../context/url_params_context/use_url_
 import { useApmParams } from '../../../hooks/use_apm_params';
 import { useFetcher } from '../../../hooks/use_fetcher';
 import { useTimeRange } from '../../../hooks/use_time_range';
-import { getWaterfall } from './waterfall_with_summary/waterfall_container/Waterfall/waterfall_helpers/waterfall_helpers';
+import { getWaterfall } from './waterfall_with_summary/waterfall_container/waterfall/waterfall_helpers/waterfall_helpers';
 
 const INITIAL_DATA = {
   errorDocs: [],

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/index.tsx

@@ -22,9 +22,9 @@ import { LoadingStatePrompt } from '../../../shared/LoadingStatePrompt';
 import { TransactionSummary } from '../../../shared/Summary/TransactionSummary';
 import { TransactionActionMenu } from '../../../shared/transaction_action_menu/TransactionActionMenu';
 import type { TraceSample } from '../../../../hooks/use_transaction_trace_samples_fetcher';
-import { MaybeViewTraceLink } from './MaybeViewTraceLink';
-import { TransactionTabs } from './TransactionTabs';
-import { IWaterfall } from './waterfall_container/Waterfall/waterfall_helpers/waterfall_helpers';
+import { MaybeViewTraceLink } from './maybe_view_trace_link';
+import { TransactionTabs } from './transaction_tabs';
+import { IWaterfall } from './waterfall_container/waterfall/waterfall_helpers/waterfall_helpers';
 import { useApmParams } from '../../../../hooks/use_apm_params';
 
 interface Props {

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/maybe_view_trace_link.tsx

@@ -12,7 +12,7 @@ import { getNextEnvironmentUrlParam } from '../../../../../common/environment_fi
 import { useLegacyUrlParams } from '../../../../context/url_params_context/use_url_params';
 import { Transaction as ITransaction } from '../../../../../typings/es_schemas/ui/transaction';
 import { TransactionDetailLink } from '../../../shared/Links/apm/transaction_detail_link';
-import { IWaterfall } from './waterfall_container/Waterfall/waterfall_helpers/waterfall_helpers';
+import { IWaterfall } from './waterfall_container/waterfall/waterfall_helpers/waterfall_helpers';
 import { Environment } from '../../../../../common/environment_rt';
 
 export function MaybeViewTraceLink({

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/transaction_tabs.tsx

@@ -15,7 +15,7 @@ import type { ApmUrlParams } from '../../../../context/url_params_context/types'
 import { fromQuery, toQuery } from '../../../shared/Links/url_helpers';
 import { TransactionMetadata } from '../../../shared/MetadataTable/TransactionMetadata';
 import { WaterfallContainer } from './waterfall_container';
-import { IWaterfall } from './waterfall_container/Waterfall/waterfall_helpers/waterfall_helpers';
+import { IWaterfall } from './waterfall_container/waterfall/waterfall_helpers/waterfall_helpers';
 
 interface Props {
   transaction: Transaction;

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/index.tsx

@@ -11,9 +11,9 @@ import type { ApmUrlParams } from '../../../../../context/url_params_context/typ
 import {
   IWaterfall,
   WaterfallLegendType,
-} from './Waterfall/waterfall_helpers/waterfall_helpers';
-import { Waterfall } from './Waterfall';
-import { WaterfallLegends } from './WaterfallLegends';
+} from './waterfall/waterfall_helpers/waterfall_helpers';
+import { Waterfall } from './waterfall';
+import { WaterfallLegends } from './waterfall_legends';
 import { useApmServiceContext } from '../../../../../context/apm_service/use_apm_service_context';
 
 interface Props {

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_error_marks.test.ts

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { IWaterfallError } from '../Waterfall/waterfall_helpers/waterfall_helpers';
+import { IWaterfallError } from '../waterfall/waterfall_helpers/waterfall_helpers';
 import { getErrorMarks } from './get_error_marks';
 
 describe('getErrorMarks', () => {

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_error_marks.ts

@@ -7,7 +7,7 @@
 
 import { isEmpty } from 'lodash';
 import { ErrorRaw } from '../../../../../../../typings/es_schemas/raw/error_raw';
-import { IWaterfallError } from '../Waterfall/waterfall_helpers/waterfall_helpers';
+import { IWaterfallError } from '../waterfall/waterfall_helpers/waterfall_helpers';
 import { Mark } from '.';
 
 export interface ErrorMark extends Mark {

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/index.tsx

@@ -13,8 +13,8 @@ import { useHistory } from 'react-router-dom';
 import { euiStyled } from '../../../../../../../../../../src/plugins/kibana_react/common';
 import { Timeline } from '../../../../../shared/charts/Timeline';
 import { fromQuery, toQuery } from '../../../../../shared/Links/url_helpers';
-import { getAgentMarks } from '../Marks/get_agent_marks';
-import { getErrorMarks } from '../Marks/get_error_marks';
+import { getAgentMarks } from '../marks/get_agent_marks';
+import { getErrorMarks } from '../marks/get_error_marks';
 import { AccordionWaterfall } from './accordion_waterfall';
 import { WaterfallFlyout } from './waterfall_flyout';
 import {

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/index.tsx

@@ -33,7 +33,7 @@ import { Summary } from '../../../../../../shared/Summary';
 import { DurationSummaryItem } from '../../../../../../shared/Summary/DurationSummaryItem';
 import { HttpInfoSummaryItem } from '../../../../../../shared/Summary/http_info_summary_item';
 import { TimestampTooltip } from '../../../../../../shared/TimestampTooltip';
-import { ResponsiveFlyout } from '../ResponsiveFlyout';
+import { ResponsiveFlyout } from '../responsive_flyout';
 import { SyncBadge } from '../sync_badge';
 import { SpanDatabase } from './span_db';
 import { StickySpanProperties } from './sticky_span_properties';

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/span_flyout.stories.tsx

@@ -14,7 +14,7 @@ import { SpanFlyout } from './';
 type Args = ComponentProps<typeof SpanFlyout>;
 
 export default {
-  title: 'app/TransactionDetails/Waterfall/SpanFlyout',
+  title: 'app/TransactionDetails/waterfall/SpanFlyout',
   component: SpanFlyout,
   decorators: [
     (StoryComponent: ComponentType) => {

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/transaction_flyout/index.tsx

@@ -20,10 +20,10 @@ import React from 'react';
 import { Transaction } from '../../../../../../../../typings/es_schemas/ui/transaction';
 import { TransactionActionMenu } from '../../../../../../shared/transaction_action_menu/TransactionActionMenu';
 import { TransactionSummary } from '../../../../../../shared/Summary/TransactionSummary';
-import { FlyoutTopLevelProperties } from '../FlyoutTopLevelProperties';
-import { ResponsiveFlyout } from '../ResponsiveFlyout';
+import { FlyoutTopLevelProperties } from '../flyout_top_level_properties';
+import { ResponsiveFlyout } from '../responsive_flyout';
 import { TransactionMetadata } from '../../../../../../shared/MetadataTable/TransactionMetadata';
-import { DroppedSpansWarning } from './DroppedSpansWarning';
+import { DroppedSpansWarning } from './dropped_spans_warning';
 
 interface Props {
   onClose: () => void;

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/transaction_flyout/transaction_flyout.stories.tsx

@@ -14,7 +14,7 @@ import { TransactionFlyout } from './';
 type Args = ComponentProps<typeof TransactionFlyout>;
 
 export default {
-  title: 'app/TransactionDetails/Waterfall/TransactionFlyout',
+  title: 'app/TransactionDetails/waterfall/TransactionFlyout',
   component: TransactionFlyout,
   decorators: [
     (StoryComponent: ComponentType) => {

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_container.stories.tsx

@@ -10,7 +10,7 @@ import React, { ComponentProps } from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { MockApmPluginContextWrapper } from '../../../../../context/apm_plugin/mock_apm_plugin_context';
 import { WaterfallContainer } from './index';
-import { getWaterfall } from './Waterfall/waterfall_helpers/waterfall_helpers';
+import { getWaterfall } from './waterfall/waterfall_helpers/waterfall_helpers';
 import {
   inferredSpans,
   manyChildrenWithSameLength,
@@ -23,7 +23,7 @@ import {
 type Args = ComponentProps<typeof WaterfallContainer>;
 
 const stories: Meta<Args> = {
-  title: 'app/TransactionDetails/Waterfall',
+  title: 'app/TransactionDetails/waterfall',
   component: WaterfallContainer,
   decorators: [
     (StoryComponent) => (

x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall_legends.tsx

@@ -14,7 +14,7 @@ import { Legend } from '../../../../shared/charts/Timeline/legend';
 import {
   IWaterfallLegend,
   WaterfallLegendType,
-} from './Waterfall/waterfall_helpers/waterfall_helpers';
+} from './waterfall/waterfall_helpers/waterfall_helpers';
 
 interface Props {
   legends: IWaterfallLegend[];

x-pack/plugins/apm/public/components/shared/Summary/DurationSummaryItem.tsx

@@ -9,7 +9,7 @@ import React from 'react';
 import { i18n } from '@kbn/i18n';
 import { EuiToolTip, EuiText } from '@elastic/eui';
 import { asDuration } from '../../../../common/utils/formatters';
-import { PercentOfParent } from '../../app/transaction_details/waterfall_with_summary/PercentOfParent';
+import { PercentOfParent } from '../../app/transaction_details/waterfall_with_summary/percent_of_parent';
 
 interface Props {
   duration: number;

x-pack/plugins/apm/public/components/shared/charts/Timeline/Marker/agent_marker.test.tsx

@@ -8,7 +8,7 @@
 import { shallow } from 'enzyme';
 import React from 'react';
 import { EuiThemeProvider } from '../../../../../../../../../src/plugins/kibana_react/common';
-import { AgentMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/Marks/get_agent_marks';
+import { AgentMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_agent_marks';
 import { AgentMarker } from './agent_marker';
 
 describe('AgentMarker', () => {

x-pack/plugins/apm/public/components/shared/charts/Timeline/Marker/agent_marker.tsx

@@ -10,7 +10,7 @@ import React from 'react';
 import { euiStyled } from '../../../../../../../../../src/plugins/kibana_react/common';
 import { asDuration } from '../../../../../../common/utils/formatters';
 import { useTheme } from '../../../../../hooks/use_theme';
-import { AgentMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/Marks/get_agent_marks';
+import { AgentMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_agent_marks';
 import { Legend } from '../legend';
 
 const NameContainer = euiStyled.div`

x-pack/plugins/apm/public/components/shared/charts/Timeline/Marker/error_marker.test.tsx

@@ -14,7 +14,7 @@ import {
   expectTextsInDocument,
   renderWithTheme,
 } from '../../../../../utils/testHelpers';
-import { ErrorMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/Marks/get_error_marks';
+import { ErrorMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_error_marks';
 import { ErrorMarker } from './error_marker';
 
 function Wrapper({ children }: { children?: ReactNode }) {

x-pack/plugins/apm/public/components/shared/charts/Timeline/Marker/error_marker.tsx

@@ -15,7 +15,7 @@ import {
 import { asDuration } from '../../../../../../common/utils/formatters';
 import { useLegacyUrlParams } from '../../../../../context/url_params_context/use_url_params';
 import { useTheme } from '../../../../../hooks/use_theme';
-import { ErrorMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/Marks/get_error_marks';
+import { ErrorMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_error_marks';
 import { ErrorDetailLink } from '../../../Links/apm/ErrorDetailLink';
 import { Legend, Shape } from '../legend';
 

x-pack/plugins/apm/public/components/shared/charts/Timeline/Marker/index.test.tsx

@@ -8,8 +8,8 @@
 import { shallow } from 'enzyme';
 import React from 'react';
 import { Marker } from './';
-import { AgentMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/Marks/get_agent_marks';
-import { ErrorMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/Marks/get_error_marks';
+import { AgentMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_agent_marks';
+import { ErrorMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_error_marks';
 
 describe('Marker', () => {
   it('renders agent marker', () => {

x-pack/plugins/apm/public/components/shared/charts/Timeline/Marker/index.tsx

@@ -7,8 +7,8 @@
 
 import React from 'react';
 import { euiStyled } from '../../../../../../../../../src/plugins/kibana_react/common';
-import { AgentMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/Marks/get_agent_marks';
-import { ErrorMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/Marks/get_error_marks';
+import { AgentMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_agent_marks';
+import { ErrorMark } from '../../../../app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_error_marks';
 import { AgentMarker } from './agent_marker';
 import { ErrorMarker } from './error_marker';
 

x-pack/plugins/apm/public/components/shared/charts/Timeline/VerticalLines.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import { VerticalGridLines, XYPlot } from 'react-vis';
 import { useTheme } from '../../../../hooks/use_theme';
-import { Mark } from '../../../app/transaction_details/waterfall_with_summary/waterfall_container/Marks';
+import { Mark } from '../../../app/transaction_details/waterfall_with_summary/waterfall_container/marks';
 import { PlotValues } from './plotUtils';
 
 interface VerticalLinesProps {

x-pack/plugins/apm/public/components/shared/charts/Timeline/index.tsx

@@ -8,8 +8,8 @@
 import PropTypes from 'prop-types';
 import React, { PureComponent, ReactNode } from 'react';
 import { makeWidthFlexible } from 'react-vis';
-import { AgentMark } from '../../../app/transaction_details/waterfall_with_summary/waterfall_container/Marks/get_agent_marks';
-import { ErrorMark } from '../../../app/transaction_details/waterfall_with_summary/waterfall_container/Marks/get_error_marks';
+import { AgentMark } from '../../../app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_agent_marks';
+import { ErrorMark } from '../../../app/transaction_details/waterfall_with_summary/waterfall_container/marks/get_error_marks';
 import { getPlotValues } from './plotUtils';
 import { TimelineAxis } from './timeline_axis';
 import { VerticalLines } from './VerticalLines';