[Enterprise Search] Index Pipelines JSON Configurations #142609
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,147 @@ | ||
| /* | ||
| * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one | ||
| * or more contributor license agreements. Licensed under the Elastic License | ||
| * 2.0; you may not use this file except in compliance with the Elastic License | ||
| * 2.0. | ||
| */ | ||
|
|
||
| import React from 'react'; | ||
|
|
||
| import { useValues } from 'kea'; | ||
|
|
||
| import { EuiBadgeGroup, EuiBadge, EuiToolTip } from '@elastic/eui'; | ||
|
|
||
| import { i18n } from '@kbn/i18n'; | ||
| import { FormattedMessage } from '@kbn/i18n-react'; | ||
|
|
||
| import { DEFAULT_PIPELINE_NAME } from '../../../../../../common/constants'; | ||
|
|
||
| import { isManagedPipeline } from '../../../../shared/pipelines/is_managed'; | ||
|
|
||
| import { IndexPipelinesConfigurationsLogic } from './pipelines_json_configurations_logic'; | ||
|
|
||
| const ManagedPipelineBadge: React.FC = () => ( | ||
| <EuiToolTip | ||
| position="top" | ||
| content={i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.managed.description', | ||
| { defaultMessage: 'This pipeline is managed and cannot be edited' } | ||
| )} | ||
| > | ||
| <EuiBadge iconType="lock" color="warning"> | ||
| {i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.managed', | ||
| { defaultMessage: 'Managed' } | ||
| )} | ||
| </EuiBadge> | ||
| </EuiToolTip> | ||
| ); | ||
|
|
||
| const UnmanagedPipelineBadge: React.FC = () => ( | ||
| <EuiToolTip | ||
| position="top" | ||
| content={ | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.unmanaged.description" | ||
| defaultMessage="Edit this pipeline from {ingestPipelines} in Stack Management" | ||
| values={{ | ||
| ingestPipelines: ( | ||
| <strong> | ||
| {i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.ingestPipelines', | ||
| { defaultMessage: 'Ingest Pipelines' } | ||
| )} | ||
| </strong> | ||
| ), | ||
| }} | ||
| /> | ||
| } | ||
| > | ||
| <EuiBadge iconType="lockOpen"> | ||
| {i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.unmanaged', | ||
| { defaultMessage: 'Unmanaged' } | ||
| )} | ||
| </EuiBadge> | ||
| </EuiToolTip> | ||
| ); | ||
|
|
||
| const SharedPipelineBadge: React.FC = () => ( | ||
| <EuiToolTip | ||
| position="top" | ||
| content={i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.shared.description', | ||
| { defaultMessage: 'This pipeline is shared across all Enterprise Search ingestion methods' } | ||
| )} | ||
| > | ||
| <EuiBadge iconType="logstashIf" color="hollow"> | ||
| {i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.shared', | ||
| { defaultMessage: 'Shared' } | ||
| )} | ||
| </EuiBadge> | ||
| </EuiToolTip> | ||
| ); | ||
|
|
||
| const IndexPipelineBadge: React.FC = () => ( | ||
| <EuiToolTip | ||
| position="top" | ||
| content={i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.indexSpecific.description', | ||
| { defaultMessage: 'This pipeline contains configurations specific to this index only' } | ||
| )} | ||
| > | ||
| <EuiBadge iconType="document" color="hollow"> | ||
| {i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.indexSpecific', | ||
| { defaultMessage: 'Index specific' } | ||
| )} | ||
| </EuiBadge> | ||
| </EuiToolTip> | ||
| ); | ||
|
|
||
| const MlInferenceBadge: React.FC = () => ( | ||
| <EuiToolTip | ||
| position="top" | ||
| content={i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.mlInference.description', | ||
| { | ||
| defaultMessage: | ||
| 'This pipeline references one or more ML Inference Pipelines for this index', | ||
| } | ||
| )} | ||
| > | ||
| <EuiBadge iconType="compute" color="hollow"> | ||
| {i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.mlInference', | ||
| { defaultMessage: 'ML Inference' } | ||
| )} | ||
| </EuiBadge> | ||
| </EuiToolTip> | ||
| ); | ||
|
|
||
| export const PipelineJSONBadges: React.FC = () => { | ||
| const { | ||
| indexName, | ||
| selectedPipeline: pipeline, | ||
| selectedPipelineId: pipelineName, | ||
| } = useValues(IndexPipelinesConfigurationsLogic); | ||
| if (!pipeline) { | ||
| return <></>; | ||
| } | ||
| const badges: JSX.Element[] = []; | ||
| if (isManagedPipeline(pipeline)) { | ||
| badges.push(<ManagedPipelineBadge />); | ||
| } else { | ||
| badges.push(<UnmanagedPipelineBadge />); | ||
| } | ||
| if (pipelineName === DEFAULT_PIPELINE_NAME) { | ||
| badges.push(<SharedPipelineBadge />); | ||
| } | ||
| if (pipelineName?.endsWith('@ml-inference')) { | ||
| badges.push(<MlInferenceBadge />); | ||
| } else if (pipelineName?.includes(indexName)) { | ||
| badges.push(<IndexPipelineBadge />); | ||
| } | ||
| return <EuiBadgeGroup gutterSize="s">{badges}</EuiBadgeGroup>; | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,142 @@ | ||
| /* | ||
| * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one | ||
| * or more contributor license agreements. Licensed under the Elastic License | ||
| * 2.0; you may not use this file except in compliance with the Elastic License | ||
| * 2.0. | ||
| */ | ||
|
|
||
| import React from 'react'; | ||
|
|
||
| import { useActions, useValues } from 'kea'; | ||
|
|
||
| import { | ||
| EuiButtonEmpty, | ||
| EuiCodeBlock, | ||
| EuiFlexGroup, | ||
| EuiFlexItem, | ||
| EuiFormRow, | ||
| EuiLink, | ||
| EuiNotificationBadge, | ||
| EuiSelect, | ||
| EuiSpacer, | ||
| } from '@elastic/eui'; | ||
|
|
||
| import { i18n } from '@kbn/i18n'; | ||
|
|
||
| import { DataPanel } from '../../../../shared/data_panel/data_panel'; | ||
| import { docLinks } from '../../../../shared/doc_links'; | ||
| import { HttpLogic } from '../../../../shared/http'; | ||
| import { isManagedPipeline } from '../../../../shared/pipelines/is_managed'; | ||
|
|
||
| import { PipelineJSONBadges } from './pipeline_json_badges'; | ||
| import { IndexPipelinesConfigurationsLogic } from './pipelines_json_configurations_logic'; | ||
|
|
||
| export const PipelinesJSONConfigurations: React.FC = () => { | ||
| const { http } = useValues(HttpLogic); | ||
| const { pipelineNames, selectedPipeline, selectedPipelineId, selectedPipelineJSON } = useValues( | ||
| IndexPipelinesConfigurationsLogic | ||
| ); | ||
| const { selectPipeline } = useActions(IndexPipelinesConfigurationsLogic); | ||
| return ( | ||
| <> | ||
| <EuiSpacer /> | ||
| <DataPanel | ||
| hasBorder | ||
| title={ | ||
| <h2> | ||
| {i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.title', | ||
| { defaultMessage: 'Pipeline configurations' } | ||
| )} | ||
| </h2> | ||
| } | ||
| subtitle={i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.subtitle', | ||
| { defaultMessage: 'View the JSON for your pipeline configurations on this index.' } | ||
| )} | ||
| footerDocLink={ | ||
| <EuiLink href={docLinks.ingestPipelines} target="_blank" color="subdued"> | ||
| {i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.ingestionPipelines.docLink', | ||
| { | ||
| defaultMessage: 'Learn more about how Enterprise Search uses ingest pipelines', | ||
| } | ||
| )} | ||
| </EuiLink> | ||
| } | ||
| action={ | ||
| pipelineNames.length > 0 && ( | ||
| <EuiNotificationBadge size="m">{pipelineNames.length}</EuiNotificationBadge> | ||
| ) | ||
| } | ||
| iconType="visVega" | ||
| > | ||
| <EuiFormRow | ||
| fullWidth | ||
| label={i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.selectLabel', | ||
| { defaultMessage: 'Select an ingest pipeline to view' } | ||
| )} | ||
| > | ||
| <EuiSelect | ||
| fullWidth | ||
| options={pipelineNames.map((name) => ({ text: name, value: name }))} | ||
| value={selectedPipelineId} | ||
| onChange={(e) => selectPipeline(e.target.value)} | ||
| /> | ||
| </EuiFormRow> | ||
| <EuiSpacer size="m" /> | ||
| {selectedPipeline && ( | ||
| <> | ||
| <EuiFlexGroup alignItems="center"> | ||
| <EuiFlexItem> | ||
| <PipelineJSONBadges /> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| {isManagedPipeline(selectedPipeline) ? ( | ||
| <EuiButtonEmpty | ||
| size="s" | ||
| flush="both" | ||
| iconType="eye" | ||
| color="primary" | ||
| href={http.basePath.prepend( | ||
| `/app/management/ingest/ingest_pipelines/?pipeline=${selectedPipelineId}` | ||
| )} | ||
| > | ||
| {i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.action.view', | ||
| { | ||
| defaultMessage: 'View in Stack Management', | ||
TattdCodeMonkey marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| } | ||
| )} | ||
| </EuiButtonEmpty> | ||
| ) : ( | ||
| <EuiButtonEmpty | ||
| size="s" | ||
| flush="both" | ||
| iconType="pencil" | ||
| color="primary" | ||
| href={http.basePath.prepend( | ||
| `/app/management/ingest/ingest_pipelines/edit/${selectedPipelineId}` | ||
| )} | ||
| > | ||
| {i18n.translate( | ||
| 'xpack.enterpriseSearch.content.indices.pipelines.tabs.jsonConfigurations.action.edit', | ||
| { | ||
| defaultMessage: 'Edit in Stack Management', | ||
| } | ||
| )} | ||
| </EuiButtonEmpty> | ||
| )} | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| <EuiSpacer size="m" /> | ||
| <EuiCodeBlock language="json" overflowHeight={300} isCopyable> | ||
|
There was a problem hiding this comment. this There was a problem hiding this comment. I don't think we have, we can try to come up with one though. |
||
| {selectedPipelineJSON} | ||
| </EuiCodeBlock> | ||
| </> | ||
| )} | ||
| </DataPanel> | ||
| </> | ||
| ); | ||
| }; | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm not 100% sure if we want to use the same doc link here since it's already in the footer for the Ingest Pipelines card.