-
Notifications
You must be signed in to change notification settings - Fork 8.3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into serverless/add-global-search-ux
- Loading branch information
Showing
65 changed files
with
2,612 additions
and
91 deletions.
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
123 changes: 123 additions & 0 deletions
123
...ns/enterprise_search/public/applications/esre/components/esre_guide/esre_docs_section.tsx
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,123 @@ | ||
| /* | ||
| * 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 { EuiFlexGroup, EuiFlexItem, EuiPanel, EuiText, EuiTitle } from '@elastic/eui'; | ||
|
|
||
| import { FormattedMessage } from '@kbn/i18n-react'; | ||
|
|
||
| export const EsreDocsSection: React.FC = () => ( | ||
| <EuiFlexGroup alignItems="center"> | ||
| <EuiFlexItem grow={4}> | ||
| <EuiFlexGroup direction="column" gutterSize="s"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiTitle> | ||
| <h2> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.title" | ||
| defaultMessage="Dive deeper with the ESRE docs" | ||
| /> | ||
| </h2> | ||
| </EuiTitle> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiText> | ||
| <p> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.description" | ||
| defaultMessage="To learn more about how to get started with ESRE, and test these tools with concrete examples, visit the ESRE documentation." | ||
| /> | ||
| </p> | ||
| </EuiText> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={6}> | ||
| <EuiFlexGroup direction="column"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiPanel hasBorder> | ||
| <EuiFlexGroup direction="column" gutterSize="s"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiTitle size="s"> | ||
| <h3> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.learn.title" | ||
| defaultMessage="Learn" | ||
| /> | ||
| </h3> | ||
| </EuiTitle> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiText> | ||
| <p> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.learn.description" | ||
| defaultMessage="These are complex topics, so we've curated some learning topics to help you get started." | ||
| /> | ||
| </p> | ||
| </EuiText> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiPanel> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiPanel hasBorder> | ||
| <EuiFlexGroup direction="column" gutterSize="s"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiTitle size="s"> | ||
| <h3> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.faq.title" | ||
| defaultMessage="FAQ" | ||
| /> | ||
| </h3> | ||
| </EuiTitle> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiText> | ||
| <p> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.faq.description" | ||
| defaultMessage="Learn what ESRE is (and isn't) from these frequently asked questions." | ||
| /> | ||
| </p> | ||
| </EuiText> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiPanel> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiPanel hasBorder> | ||
| <EuiFlexGroup direction="column" gutterSize="s"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiTitle size="s"> | ||
| <h3> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.help.title" | ||
| defaultMessage="Help" | ||
| /> | ||
| </h3> | ||
| </EuiTitle> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiText> | ||
| <p> | ||
| <FormattedMessage | ||
| id="xpack.enterpriseSearch.esre.esreDocsSection.help.description" | ||
| defaultMessage="Need help? Check out the ESRE discuss forum!" | ||
| /> | ||
| </p> | ||
| </EuiText> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiPanel> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| ); |
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
68 changes: 68 additions & 0 deletions
68
...enterprise_search/public/applications/esre/components/esre_guide/esre_guide_accordion.tsx
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,68 @@ | ||
| /* | ||
| * 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 { | ||
| EuiAccordion, | ||
| EuiFlexGroup, | ||
| EuiFlexItem, | ||
| EuiIcon, | ||
| EuiTitle, | ||
| EuiText, | ||
| IconType, | ||
| EuiPanel, | ||
| } from '@elastic/eui'; | ||
|
|
||
| export interface EsreGuideAccordionProps { | ||
| id: string; | ||
| icon: IconType; | ||
| title: string; | ||
| description: string; | ||
| initialIsOpen?: boolean; | ||
| } | ||
|
|
||
| export const EsreGuideAccordion: React.FC<EsreGuideAccordionProps> = ({ | ||
| id, | ||
| icon, | ||
| title, | ||
| description, | ||
| initialIsOpen = false, | ||
| children, | ||
| }) => { | ||
| return ( | ||
| <EuiPanel hasBorder paddingSize="l"> | ||
| <EuiAccordion | ||
| id={id} | ||
| initialIsOpen={initialIsOpen} | ||
| buttonContent={ | ||
| <EuiFlexGroup responsive={false} gutterSize="s" alignItems="center"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiIcon type={icon} size="xxl" /> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem> | ||
| <EuiFlexGroup direction="column" responsive={false} gutterSize="xs"> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiTitle size="s"> | ||
| <h3>{title}</h3> | ||
| </EuiTitle> | ||
| </EuiFlexItem> | ||
| <EuiFlexItem grow={false}> | ||
| <EuiText> | ||
| <p>{description}</p> | ||
| </EuiText> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| </EuiFlexItem> | ||
| </EuiFlexGroup> | ||
| } | ||
| > | ||
| {children} | ||
| </EuiAccordion> | ||
| </EuiPanel> | ||
| ); | ||
| }; |
Oops, something went wrong.