Rename PipelineProcessorsEditor to PipelineEditor to shorten import p…

…ath to a length that Windows can handle, and to disambiguate with child component of the same name. (#89645)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

x-pack/plugins/ingest_pipelines/public/application/components/pipeline_processors_editor/__jest__/processors_editor.tsx → x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/__jest__/processors_editor.tsx

@@ -9,7 +9,7 @@ import { notificationServiceMock, scopedHistoryMock } from 'src/core/public/mock
 
 import { LocationDescriptorObject } from 'history';
 import { KibanaContextProvider } from 'src/plugins/kibana_react/public';
-import { ProcessorsEditorContextProvider, Props, PipelineProcessorsEditor } from '../';
+import { ProcessorsEditorContextProvider, Props, PipelineEditor } from '../';
 
 import {
   breadcrumbService,
@@ -36,7 +36,7 @@ export const ProcessorsEditorWithDeps: React.FunctionComponent<Props> = (props)
   return (
     <KibanaContextProvider services={appServices}>
       <ProcessorsEditorContextProvider {...props}>
-        <PipelineProcessorsEditor onLoadJson={jest.fn()} />
+        <PipelineEditor onLoadJson={jest.fn()} />
       </ProcessorsEditorContextProvider>
     </KibanaContextProvider>
   );

x-pack/plugins/ingest_pipelines/public/application/components/pipeline_processors_editor/components/on_failure_processors_title.tsx → x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/on_failure_processors_title.tsx

@@ -14,7 +14,7 @@ export const OnFailureProcessorsTitle: FunctionComponent = () => {
   const { services } = useKibana();
 
   return (
-    <div className="pipelineProcessorsEditor__onFailureTitle">
+    <div className="pipelineEditor__onFailureTitle">
       <EuiTitle size="xs">
         <h4>
           <FormattedMessage

x-pack/plugins/ingest_pipelines/public/application/components/pipeline_processors_editor/index.ts → x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/index.ts

@@ -12,4 +12,4 @@ export { SerializeResult } from './serialize';
 
 export { OnDoneLoadJsonHandler } from './components';
 
-export { PipelineProcessorsEditor } from './pipeline_processors_editor';
+export { PipelineEditor } from './pipeline_editor';

x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/pipeline_editor.scss

@@ -0,0 +1,11 @@
+.pipelineEditor {
+  margin-bottom: $euiSizeXL;
+}
+
+.pipelineEditor__container {
+  background-color: $euiColorLightestShade;
+}
+
+.pipelineEditor__onFailureTitle {
+  padding-left: $euiSizeS;
+}

x-pack/plugins/ingest_pipelines/public/application/components/pipeline_processors_editor/pipeline_processors_editor.tsx → x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/pipeline_editor.tsx

@@ -16,13 +16,13 @@ import {
 } from './components';
 import { ProcessorsEditor, GlobalOnFailureProcessorsEditor } from './editors';
 
-import './pipeline_processors_editor.scss';
+import './pipeline_editor.scss';
 
 interface Props {
   onLoadJson: OnDoneLoadJsonHandler;
 }
 
-export const PipelineProcessorsEditor: React.FunctionComponent<Props> = ({ onLoadJson }) => {
+export const PipelineEditor: React.FunctionComponent<Props> = ({ onLoadJson }) => {
   const {
     state: { processors: allProcessors },
   } = usePipelineProcessorsContext();
@@ -52,12 +52,12 @@ export const PipelineProcessorsEditor: React.FunctionComponent<Props> = ({ onLoa
   }
 
   return (
-    <div className="pipelineProcessorsEditor">
+    <div className="pipelineEditor">
       <EuiFlexGroup gutterSize="m" responsive={false} direction="column">
         <EuiFlexItem grow={false}>
           <ProcessorsHeader onLoadJson={onLoadJson} hasProcessors={processors.length > 0} />
         </EuiFlexItem>
-        <EuiFlexItem grow={false} className="pipelineProcessorsEditor__container">
+        <EuiFlexItem grow={false} className="pipelineEditor__container">
           {content}
         </EuiFlexItem>
       </EuiFlexGroup>

x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form.tsx

@@ -11,7 +11,7 @@ import { EuiButton, EuiButtonEmpty, EuiFlexGroup, EuiFlexItem, EuiSpacer } from
 import { useForm, Form, FormConfig } from '../../../shared_imports';
 import { Pipeline, Processor } from '../../../../common/types';
 
-import { OnUpdateHandlerArg, OnUpdateHandler } from '../pipeline_processors_editor';
+import { OnUpdateHandlerArg, OnUpdateHandler } from '../pipeline_editor';
 
 import { PipelineRequestFlyout } from './pipeline_request_flyout';
 import { PipelineFormFields } from './pipeline_form_fields';

x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form_fields.tsx

@@ -16,8 +16,8 @@ import {
   ProcessorsEditorContextProvider,
   OnUpdateHandler,
   OnDoneLoadJsonHandler,
-  PipelineProcessorsEditor,
-} from '../pipeline_processors_editor';
+  PipelineEditor,
+} from '../pipeline_editor';
 
 interface Props {
   processors: Processor[];
@@ -119,7 +119,7 @@ export const PipelineFormFields: React.FunctionComponent<Props> = ({
         onUpdate={onProcessorsUpdate}
         value={{ processors, onFailure }}
       >
-        <PipelineProcessorsEditor onLoadJson={onLoadJson} />
+        <PipelineEditor onLoadJson={onLoadJson} />
       </ProcessorsEditorContextProvider>
     </>
   );