-
+
- {field.customName}
+ {field.customLabel}
diff --git a/src/plugins/index_pattern_management/public/components/field_editor/__snapshots__/field_editor.test.tsx.snap b/src/plugins/index_pattern_management/public/components/field_editor/__snapshots__/field_editor.test.tsx.snap
index babfbbfc2a763..29cbec38a5982 100644
--- a/src/plugins/index_pattern_management/public/components/field_editor/__snapshots__/field_editor.test.tsx.snap
+++ b/src/plugins/index_pattern_management/public/components/field_editor/__snapshots__/field_editor.test.tsx.snap
@@ -54,15 +54,15 @@ exports[`FieldEditor should render create new scripted field correctly 1`] = `
+ {name}
+
+ + Sources will be available for search when an administrator adds them to this + organization. +
+ } + /> +No available sources matching your query.
; + + return ( + <> +Available for configuration
++ Configure an available source or build your own with the{' '} + + Custom API Source + + . +
+
+ {header}
+
+
+
+
+
+
+
+
+
+
+
+
+ {!accountContextOnly ? (
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ Configure a new content source
+
+
+
+ {!accountContextOnly && (
+
+
+ Connect {name}
+
+
+ )}
+
+
+);
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/config_docs_links.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/config_docs_links.tsx
new file mode 100644
index 0000000000000..b666c859948d5
--- /dev/null
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/config_docs_links.tsx
@@ -0,0 +1,38 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+
+import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
+
+interface ConfigDocsLinksProps {
+ name: string;
+ documentationUrl: string;
+ applicationPortalUrl?: string;
+ applicationLinkTitle?: string;
+}
+
+export const ConfigDocsLinks: React.FC{name} Configured
+{name} can now be connected to Workplace Search
+ ) : ( +Users can now link their {name} accounts from their personal dashboards.
+ {!privateSourcesEnabled && ( +
+ Remember to{' '}
+
+
+
+ {header}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Configure an OAuth application
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Configure {name}
+
+
+
+
+
+
+
+
+
+);
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/configure_custom.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/configure_custom.tsx
new file mode 100644
index 0000000000000..3788071979e67
--- /dev/null
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/configure_custom.tsx
@@ -0,0 +1,86 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React, { ChangeEvent, FormEvent } from 'react';
+
+import { useActions, useValues } from 'kea';
+
+import {
+ EuiButton,
+ EuiFieldText,
+ EuiForm,
+ EuiFormRow,
+ EuiLink,
+ EuiSpacer,
+ EuiText,
+} from '@elastic/eui';
+
+import { CUSTOM_SOURCE_DOCS_URL } from '../../../../routes';
+import { SourceLogic } from '../../source_logic';
+
+interface ConfigureCustomProps {
+ header: React.ReactNode;
+ helpText: string;
+ advanceStep(): void;
+}
+
+export const ConfigureCustom: React.FC
+ 
+
+ How to add {name}
+Quick setup, then all of your documents will be searchable.
+
+
+
+
+ Step 1
+
+ Configure an OAuth application
+ One-Time Action
+
+ + Setup a secure OAuth application through the content source that you or your + team will use to connect and synchronize content. You only have to do this + once per content source. +
+
+
+
+
+ Step 2
+Connect the content source
++ Use the new OAuth application to connect any number of instances of the + content source to Workplace Search. +
+
+ {header}
+
+
+ );
+};
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/configure_oauth.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/configure_oauth.tsx
new file mode 100644
index 0000000000000..9c2084483c816
--- /dev/null
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/configure_oauth.tsx
@@ -0,0 +1,105 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React, { useEffect, useState, FormEvent } from 'react';
+
+import { Location } from 'history';
+import { useActions, useValues } from 'kea';
+import { useLocation } from 'react-router-dom';
+
+import {
+ EuiButton,
+ EuiCheckboxGroup,
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiFormRow,
+ EuiSpacer,
+} from '@elastic/eui';
+
+import { EuiCheckboxGroupIdToSelectedMap } from '@elastic/eui/src/components/form/checkbox/checkbox_group';
+
+import { parseQueryParams } from '../../../../../../applications/shared/query_params';
+import { Loading } from '../../../../../../applications/shared/loading';
+import { SourceLogic } from '../../source_logic';
+
+interface OauthQueryParams {
+ preContentSourceId: string;
+}
+
+interface ConfigureOauthProps {
+ header: React.ReactNode;
+ name: string;
+ onFormCreated(name: string): void;
+}
+
+export const ConfigureOauth: React.FC
+ {header}
+ {sectionLoading ?
+ );
+};
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/configured_sources_list.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/configured_sources_list.tsx
new file mode 100644
index 0000000000000..a95d5ca75b0b6
--- /dev/null
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/configured_sources_list.tsx
@@ -0,0 +1,120 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+
+import { Link } from 'react-router-dom';
+
+import {
+ EuiButtonEmpty,
+ EuiFlexGrid,
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiSpacer,
+ EuiText,
+ EuiTitle,
+ EuiToken,
+ EuiToolTip,
+} from '@elastic/eui';
+
+import { SourceIcon } from '../../../../components/shared/source_icon';
+import { SourceDataItem } from '../../../../types';
+import { getSourcesPath } from '../../../../routes';
+
+interface ConfiguredSourcesProps {
+ sources: SourceDataItem[];
+ isOrganization: boolean;
+}
+
+export const ConfiguredSourcesList: React.FC
+
+
+
+
+
+
+
+
+
+
+
+ {(!isOrganization || (isOrganization && !accountContextOnly)) && (
+
+
+ Connect
+
+
+ )}
+
+
+ + {name} + {!connected && + !accountContextOnly && + isOrganization && + unConnectedTooltip} + {accountContextOnly && isOrganization && accountOnlyTooltip} +
+There are no configured sources matching your query.
; + + return ( + <> +Configured content sources
+Configured and ready for connection.
+{sourceDescription}
} + {connectStepDescription &&{connectStepDescription}
} ++ {whichDocsLink} + + )} +
+ All documents accessible to the connecting service user will be synchronized and made + available to the organization’s users, or group’s users. Documents are immediately + available for search. {needsPermissions && whichDocsLink} +
+
+
+
+ );
+};
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/index.ts b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/index.ts
new file mode 100644
index 0000000000000..8a46eaa7d70e9
--- /dev/null
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/index.ts
@@ -0,0 +1,8 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+export { AddSource } from './add_source';
+export { AddSourceList } from './add_source_list';
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/re_authenticate.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/re_authenticate.tsx
new file mode 100644
index 0000000000000..7336a3b51a444
--- /dev/null
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/re_authenticate.tsx
@@ -0,0 +1,75 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React, { useEffect, useState, FormEvent } from 'react';
+
+import { Location } from 'history';
+import { useActions, useValues } from 'kea';
+import { useLocation } from 'react-router-dom';
+
+import { EuiButton, EuiFlexGroup, EuiFlexItem, EuiFormRow, EuiSpacer } from '@elastic/eui';
+import { parseQueryParams } from '../../../../../../applications/shared/query_params';
+
+import { SourceLogic } from '../../source_logic';
+
+interface SourceQueryParams {
+ sourceId: string;
+}
+
+interface ReAuthenticateProps {
+ name: string;
+ header: React.ReactNode;
+}
+
+export const ReAuthenticate: React.FC
+ {header}
+
+
+ );
+};
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/save_config.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/save_config.tsx
new file mode 100644
index 0000000000000..4036bb6a771bb
--- /dev/null
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/save_config.tsx
@@ -0,0 +1,218 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React, { FormEvent } from 'react';
+
+import { useActions, useValues } from 'kea';
+
+import {
+ EuiButton,
+ EuiButtonEmpty,
+ EuiFieldText,
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiForm,
+ EuiFormRow,
+ EuiSpacer,
+ EuiSteps,
+} from '@elastic/eui';
+
+import { LicensingLogic } from '../../../../../../applications/shared/licensing';
+
+import { ApiKey } from '../../../../components/shared/api_key';
+import { SourceLogic } from '../../source_logic';
+import { Configuration } from '../../../../types';
+
+import { ConfigDocsLinks } from './config_docs_links';
+
+interface SaveConfigProps {
+ header: React.ReactNode;
+ name: string;
+ configuration: Configuration;
+ advanceStep(): void;
+ goBackStep?(): void;
+ onDeleteConfig?(): void;
+}
+
+export const SaveConfig: React.FC
+ {header}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Your endpoints are ready to accept requests.
+
+ Be sure to copy your API keys below. +
+ +Return to Sources
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/source_features.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/source_features.tsx
new file mode 100644
index 0000000000000..6c92f3a9e13ff
--- /dev/null
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/source_features.tsx
@@ -0,0 +1,223 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+
+import { useValues } from 'kea';
+
+import {
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiLink,
+ EuiPanel,
+ EuiSpacer,
+ EuiText,
+ EuiTitle,
+} from '@elastic/eui';
+
+import { LicensingLogic } from '../../../../../../applications/shared/licensing';
+
+import { AppLogic } from '../../../../app_logic';
+import { LicenseBadge } from '../../../../components/shared/license_badge';
+import { Features, FeatureIds } from '../../../../types';
+import { ENT_SEARCH_LICENSE_MANAGEMENT } from '../../../../routes';
+
+interface ConnectInstanceProps {
+ features?: Features;
+ objTypes?: string[];
+ name: string;
+}
+
+export const SourceFeatures: React.FC{name} Created
++ Be sure to copy your API keys below. +
+ +
API Keys
+You'll need these keys to sync documents for this custom source.
+
+
+
+
+
+
+ Visual Walkthrough
+
+
+
+
+
+
+
+ Styling Results
+
+ Use{' '}
+
+
+
+
+
+
+
+
+ Learn about Platinum features
+
+
+
+ Set document-level permissions
+
+
+ This source gets new content from {name} every 2 hours (following the + initial sync). +
+The following items are searchable:
+-
+ {objTypes!.map((objType, i) => (
+
- {objType} + ))} +
The following items are searchable:
+-
+ {objTypes!.map((objType, i) => (
+
- {objType} + ))} +
+ Message data and other information is searchable in real-time from the Workplace Search + experience. +
++ Results returned are specific and relevant to you. Connecting this source does not expose + your personal data to other search users - only you. +
++ All documents accessible to the connecting service user will be synchronized and made + available to the organization’s users, or group’s users. Documents are immediately + available for search +
++ Document-level permissions manage user content access based on defined rules. Allow or + deny access to certain documents for individuals and groups. +
+Included features
+
+
+
+ Content Type
+ Items
+
+
+ {tableContent}
+
+
+ {summary ? Total documents : 'Documents'}
+
+
+ {summary ? (
+ {totalDocuments.toLocaleString('en-US')}
+ ) : (
+ parseInt(documentCount, 10).toLocaleString('en-US')
+ )}
+
+
+
+
+ ))}
+
+ );
+ };
+
+ const ActivitySummary = () => {
+ const emptyState = (
+ <>
+
+
+
+
+
+
+ {totalDocuments > 0 && (
+
+
+
+ Manage
+
+
+
+ )}
+
+
+ Content summary
+{detail}
+ ))}
+ />
+ )}
+
+
+ );
+ };
+
+ const GroupsSummary = () => {
+ const GroupAvatars = ({ users }: { users: User[] }) => {
+ const MAX_USERS = 4;
+ return (
+
+
+
+
+ Recent activity
+
+ Group Access
+
+
+ Configuration
+
+ Document-level permissions
+Document-level permissions
+
+ Status
+
+ Your endpoints are ready to accept requests.
+
+ Status
+
+
+ The{' '}
+
+ Credentials
+
+
+ Documentation
+
+ {title}
+Document-level permissions
++ Document-level permissions manage content access content on individual or group + attributes. Allow or deny access to specific documents. +
+
+
+ Learn more about adding content in our{' '}
+
+ Are you sure you want to remove {name}? +