+
+
+
+
+
+
+ {i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.fielddata.fielddataFrequencyDocumentationLink',
+ {
+ defaultMessage: 'Learn more.',
+ }
+ )}
+
+ ),
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ }}
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/format_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/format_parameter.tsx
new file mode 100644
index 0000000000000..ed16fae8893f7
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/format_parameter.tsx
@@ -0,0 +1,91 @@
+/*
+ * 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, { useState } from 'react';
+
+import { EuiComboBox, EuiFormRow, EuiCode } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+import { FormattedMessage } from '@kbn/i18n/react';
+
+import { EditFieldFormRow } from '../fields/edit_field';
+import { UseField } from '../../../shared_imports';
+import { ALL_DATE_FORMAT_OPTIONS } from '../../../constants';
+import { ComboBoxOption } from '../../../types';
+import { getFieldConfig } from '../../../lib';
+import { documentationService } from '../../../../../services/documentation';
+
+interface Props {
+ defaultValue: string;
+ defaultToggleValue: boolean;
+}
+
+export const FormatParameter = ({ defaultValue, defaultToggleValue }: Props) => {
+ const defaultValueArray =
+ defaultValue !== undefined ? defaultValue.split('||').map(value => ({ label: value })) : [];
+ const defaultValuesInOptions = defaultValueArray.filter(defaultFormat =>
+ ALL_DATE_FORMAT_OPTIONS.includes(defaultFormat)
+ );
+
+ const [comboBoxOptions, setComboBoxOptions] = useState([
+ ...ALL_DATE_FORMAT_OPTIONS,
+ ...defaultValuesInOptions,
+ ]);
+
+ return (
+ strict,
+ }}
+ />
+ }
+ docLink={{
+ text: i18n.translate('xpack.idxMgmt.mappingsEditor.formatDocLinkText', {
+ defaultMessage: 'Format documentation',
+ }),
+ href: documentationService.getFormatLink(),
+ }}
+ defaultToggleValue={defaultToggleValue}
+ >
+
+ {formatField => {
+ return (
+
+ {
+ formatField.setValue(value);
+ }}
+ onCreateOption={(searchValue: string) => {
+ const newOption = {
+ label: searchValue,
+ };
+
+ formatField.setValue([...(formatField.value as ComboBoxOption[]), newOption]);
+ setComboBoxOptions([...comboBoxOptions, newOption]);
+ }}
+ fullWidth
+ />
+
+ );
+ }}
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/ignore_malformed.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/ignore_malformed.tsx
new file mode 100644
index 0000000000000..12043e12cdbdc
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/ignore_malformed.tsx
@@ -0,0 +1,35 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { documentationService } from '../../../../../services/documentation';
+import { EditFieldFormRow } from '../fields/edit_field';
+
+export const IgnoreMalformedParameter = ({ description }: { description?: string }) => (
+
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/ignore_z_value_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/ignore_z_value_parameter.tsx
new file mode 100644
index 0000000000000..bd118ac08964f
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/ignore_z_value_parameter.tsx
@@ -0,0 +1,24 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { EditFieldFormRow } from '../fields/edit_field';
+
+export const IgnoreZValueParameter = () => (
+
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/index.ts b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/index.ts
new file mode 100644
index 0000000000000..9622466ad795c
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/index.ts
@@ -0,0 +1,53 @@
+/*
+ * 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 * from './name_parameter';
+
+export * from './index_parameter';
+
+export * from './store_parameter';
+
+export * from './doc_values_parameter';
+
+export * from './boost_parameter';
+
+export * from './analyzer_parameter';
+
+export * from './analyzers_parameter';
+
+export * from './null_value_parameter';
+
+export * from './eager_global_ordinals_parameter';
+
+export * from './norms_parameter';
+
+export * from './similarity_parameter';
+
+export * from './path_parameter';
+
+export * from './coerce_number_parameter';
+
+export * from './coerce_shape_parameter';
+
+export * from './format_parameter';
+
+export * from './ignore_malformed';
+
+export * from './copy_to_parameter';
+
+export * from './term_vector_parameter';
+
+export * from './type_parameter';
+
+export * from './ignore_z_value_parameter';
+
+export * from './orientation_parameter';
+
+export * from './fielddata_parameter';
+
+export * from './split_queries_on_whitespace_parameter';
+
+export * from './locale_parameter';
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/index_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/index_parameter.tsx
new file mode 100644
index 0000000000000..fec8e49a1991c
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/index_parameter.tsx
@@ -0,0 +1,59 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { documentationService } from '../../../../../services/documentation';
+import { EditFieldFormRow } from '../fields/edit_field';
+import { PARAMETERS_OPTIONS } from '../../../constants';
+import { getFieldConfig } from '../../../lib';
+import { SuperSelectOption } from '../../../types';
+import { UseField, Field, FieldConfig } from '../../../shared_imports';
+
+interface Props {
+ hasIndexOptions?: boolean;
+ indexOptions?: SuperSelectOption[];
+ config?: FieldConfig;
+}
+
+export const IndexParameter = ({
+ indexOptions = PARAMETERS_OPTIONS.index_options,
+ hasIndexOptions = true,
+ config = getFieldConfig('index_options'),
+}: Props) => (
+
+ {/* index_options */}
+ {hasIndexOptions ? (
+
+ ) : (
+ undefined
+ )}
+
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/locale_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/locale_parameter.tsx
new file mode 100644
index 0000000000000..72017a10d2767
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/locale_parameter.tsx
@@ -0,0 +1,44 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+import { FormattedMessage } from '@kbn/i18n/react';
+import { EuiLink } from '@elastic/eui';
+
+import { EditFieldFormRow } from '../fields/edit_field';
+import { UseField, Field } from '../../../shared_imports';
+import { getFieldConfig } from '../../../lib';
+import { documentationService } from '../../../../../services/documentation';
+
+interface Props {
+ defaultToggleValue: boolean;
+}
+
+export const LocaleParameter = ({ defaultToggleValue }: Props) => (
+
+ ROOT
+
+ ),
+ }}
+ />
+ }
+ defaultToggleValue={defaultToggleValue}
+ >
+
+
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/name_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/name_parameter.tsx
new file mode 100644
index 0000000000000..01cca7e249a23
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/name_parameter.tsx
@@ -0,0 +1,47 @@
+/*
+ * 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 { TextField, UseField, FieldConfig } from '../../../shared_imports';
+import { validateUniqueName } from '../../../lib';
+import { PARAMETERS_DEFINITION } from '../../../constants';
+import { useMappingsState } from '../../../mappings_state';
+
+export const NameParameter = () => {
+ const {
+ fields: { rootLevelFields, byId },
+ documentFields: { fieldToAddFieldTo, fieldToEdit },
+ } = useMappingsState();
+ const { validations, ...rest } = PARAMETERS_DEFINITION.name.fieldConfig as FieldConfig;
+
+ const initialName = fieldToEdit ? byId[fieldToEdit].source.name : undefined;
+ const parentId = fieldToEdit ? byId[fieldToEdit].parentId : fieldToAddFieldTo;
+ const uniqueNameValidator = validateUniqueName({ rootLevelFields, byId }, initialName, parentId);
+
+ const nameConfig: FieldConfig = {
+ ...rest,
+ validations: [
+ ...validations!,
+ {
+ validator: uniqueNameValidator,
+ },
+ ],
+ };
+
+ return (
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/norms_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/norms_parameter.tsx
new file mode 100644
index 0000000000000..7d56f4df55324
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/norms_parameter.tsx
@@ -0,0 +1,34 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { documentationService } from '../../../../../services/documentation';
+import { EditFieldFormRow } from '../fields/edit_field';
+
+type NormsParameterNames = 'norms' | 'norms_keyword';
+
+export const NormsParameter = ({ configPath = 'norms' }: { configPath?: NormsParameterNames }) => (
+
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/null_value_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/null_value_parameter.tsx
new file mode 100644
index 0000000000000..adad5324f5276
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/null_value_parameter.tsx
@@ -0,0 +1,49 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { documentationService } from '../../../../../services/documentation';
+import { getFieldConfig } from '../../../lib';
+import { UseField, Field } from '../../../shared_imports';
+import { EditFieldFormRow } from '../fields/edit_field';
+
+interface Props {
+ defaultToggleValue: boolean;
+ description?: string;
+ children?: React.ReactNode;
+}
+
+export const NullValueParameter = ({ defaultToggleValue, description, children }: Props) => (
+
+ {children ? (
+ children
+ ) : (
+
+ )}
+
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/orientation_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/orientation_parameter.tsx
new file mode 100644
index 0000000000000..8eeeb09e4f394
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/orientation_parameter.tsx
@@ -0,0 +1,42 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { EditFieldFormRow } from '../fields/edit_field';
+import { UseField, Field } from '../../../shared_imports';
+import { getFieldConfig } from '../../../lib';
+import { PARAMETERS_OPTIONS } from '../../../constants';
+
+export const OrientationParameter = ({ defaultToggleValue }: { defaultToggleValue: boolean }) => (
+
+
+
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/path_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/path_parameter.tsx
new file mode 100644
index 0000000000000..44c19c12db88b
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/path_parameter.tsx
@@ -0,0 +1,137 @@
+/*
+ * 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 { EuiFormRow, EuiComboBox, EuiCallOut, EuiSpacer } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+
+import { UseField, SerializerFunc } from '../../../shared_imports';
+import { getFieldConfig } from '../../../lib';
+import { PARAMETERS_DEFINITION } from '../../../constants';
+import { NormalizedField, NormalizedFields, AliasOption } from '../../../types';
+import { EditFieldFormRow } from '../fields/edit_field';
+
+const targetFieldTypeNotAllowed = PARAMETERS_DEFINITION.path.targetTypesNotAllowed;
+
+const getSuggestedFields = (
+ allFields: NormalizedFields['byId'],
+ currentField?: NormalizedField
+): AliasOption[] =>
+ Object.entries(allFields)
+ .filter(([id, field]) => {
+ if (currentField && id === currentField.id) {
+ return false;
+ }
+
+ // An alias cannot point certain field types ("object", "nested", "alias")
+ if (targetFieldTypeNotAllowed.includes(field.source.type)) {
+ return false;
+ }
+
+ return true;
+ })
+ .map(([id, field]) => ({
+ id,
+ label: field.path.join(' > '),
+ }))
+ .sort((a, b) => (a.label > b.label ? 1 : a.label < b.label ? -1 : 0));
+
+const getDeserializer = (allFields: NormalizedFields['byId']): SerializerFunc => (
+ value: string | object
+): AliasOption[] => {
+ if (typeof value === 'string' && Boolean(value)) {
+ return [
+ {
+ id: value,
+ label: allFields[value].path.join(' > '),
+ },
+ ];
+ }
+
+ return [];
+};
+
+interface Props {
+ allFields: NormalizedFields['byId'];
+ field?: NormalizedField;
+}
+
+export const PathParameter = ({ field, allFields }: Props) => {
+ const suggestedFields = getSuggestedFields(allFields, field);
+
+ return (
+
+ {pathField => {
+ const error = pathField.getErrorsMessages();
+ const isInvalid = error ? Boolean(error.length) : false;
+
+ return (
+
+ <>
+ {!Boolean(suggestedFields.length) && (
+ <>
+
+
+ {i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.aliasType.noFieldsAddedWarningMessage',
+ {
+ defaultMessage:
+ 'You need to add at least one field before creating an alias.',
+ }
+ )}
+
+
+
+
+ )}
+
+
+ pathField.setValue(value)}
+ isClearable={false}
+ fullWidth
+ />
+
+
+
+ );
+ }}
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/similarity_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/similarity_parameter.tsx
new file mode 100644
index 0000000000000..fef7ce8130fe6
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/similarity_parameter.tsx
@@ -0,0 +1,47 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { documentationService } from '../../../../../services/documentation';
+import { EditFieldFormRow } from '../fields/edit_field';
+import { PARAMETERS_OPTIONS } from '../../../constants';
+import { getFieldConfig } from '../../../lib';
+import { UseField, Field } from '../../../shared_imports';
+
+interface Props {
+ defaultToggleValue: boolean;
+}
+
+export const SimilarityParameter = ({ defaultToggleValue }: Props) => (
+
+
+
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/split_queries_on_whitespace_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/split_queries_on_whitespace_parameter.tsx
new file mode 100644
index 0000000000000..2e2187939b772
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/split_queries_on_whitespace_parameter.tsx
@@ -0,0 +1,27 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { EditFieldFormRow } from '../fields/edit_field';
+
+export const SplitQueriesOnWhitespaceParameter = () => (
+
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/store_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/store_parameter.tsx
new file mode 100644
index 0000000000000..e32cf86542593
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/store_parameter.tsx
@@ -0,0 +1,31 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { documentationService } from '../../../../../services/documentation';
+import { EditFieldFormRow } from '../fields/edit_field';
+
+export const StoreParameter = () => (
+
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/term_vector_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/term_vector_parameter.tsx
new file mode 100644
index 0000000000000..ca122f759bdb6
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/term_vector_parameter.tsx
@@ -0,0 +1,74 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+import { EuiSpacer, EuiCallOut } from '@elastic/eui';
+
+import { UseField, Field, FormDataProvider } from '../../../shared_imports';
+import { NormalizedField } from '../../../types';
+import { getFieldConfig } from '../../../lib';
+import { PARAMETERS_OPTIONS } from '../../../constants';
+import { EditFieldFormRow } from '../fields/edit_field';
+import { documentationService } from '../../../../../services/documentation';
+
+interface Props {
+ field: NormalizedField;
+ defaultToggleValue: boolean;
+}
+
+export const TermVectorParameter = ({ field, defaultToggleValue }: Props) => {
+ return (
+
+
+ {formData => (
+ <>
+
+
+ {formData.term_vector === 'with_positions_offsets' && (
+ <>
+
+
+
+ {i18n.translate('xpack.idxMgmt.mappingsEditor.termVectorFieldWarningMessage', {
+ defaultMessage:
+ 'Setting "With positions and offsets" will double the size of a field’s index.',
+ })}
+
+
+
+ )}
+
+ )}
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/type_parameter.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/type_parameter.tsx
new file mode 100644
index 0000000000000..fc17a2de8ff5a
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/field_parameters/type_parameter.tsx
@@ -0,0 +1,77 @@
+/*
+ * 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 { EuiFormRow, EuiComboBox, EuiText, EuiLink } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+
+import {
+ getFieldConfig,
+ filterTypesForMultiField,
+ filterTypesForNonRootFields,
+} from '../../../lib';
+import { UseField } from '../../../shared_imports';
+import { ComboBoxOption } from '../../../types';
+import { FIELD_TYPES_OPTIONS } from '../../../constants';
+
+interface Props {
+ onTypeChange: (nextType: ComboBoxOption[]) => void;
+ isRootLevelField: boolean;
+ isMultiField?: boolean | null;
+ docLink?: string | undefined;
+}
+
+export const TypeParameter = ({ onTypeChange, isMultiField, docLink, isRootLevelField }: Props) => (
+
+ {typeField => {
+ const error = typeField.getErrorsMessages();
+ const isInvalid = error ? Boolean(error.length) : false;
+
+ return (
+
+
+ {i18n.translate('xpack.idxMgmt.mappingsEditor.typeField.documentationLinkLabel', {
+ defaultMessage: '{typeName} documentation',
+ values: {
+ typeName:
+ typeField.value && (typeField.value as ComboBoxOption[])[0]
+ ? (typeField.value as ComboBoxOption[])[0].label
+ : '',
+ },
+ })}
+
+
+ ) : null
+ }
+ >
+
+
+ );
+ }}
+
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/_field_list_item.scss b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/_field_list_item.scss
new file mode 100644
index 0000000000000..e117271dba309
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/_field_list_item.scss
@@ -0,0 +1,63 @@
+/*
+ [1] We need to compensate from the -4px margin added by the euiFlexGroup to make sure that the
+ border-bottom is always visible, even when mouseovering and changing the background color.
+ */
+
+.mappingsEditor__fieldsListItem--dottedLine {
+ > .mappingsEditor__fieldsListItem__field {
+ border-bottom-style: dashed;
+ }
+}
+
+.mappingsEditor__fieldsListItem__field {
+ border-bottom: $euiBorderThin;
+ height: $euiSizeXL * 2;
+ margin-top: $euiSizeXS; // [1]
+}
+
+.mappingsEditor__fieldsListItem__field--enabled {
+ &:hover {
+ background-color: $euiColorLightestShade;
+ }
+}
+
+.mappingsEditor__fieldsListItem__field--highlighted {
+ background-color: $euiColorLightestShade;
+ &:hover {
+ background-color: $euiColorLightestShade;
+ }
+}
+
+.mappingsEditor__fieldsListItem__field--dim {
+ opacity: 0.3;
+
+ &:hover {
+ background-color: initial;
+ }
+}
+
+.mappingsEditor__fieldsListItem__wrapper {
+ padding-left: $euiSizeXS;
+}
+
+.mappingsEditor__fieldsListItem__wrapper--indent {
+ padding-left: $euiSize;
+}
+
+.mappingsEditor__fieldsListItem__content {
+ height: $euiSizeXL * 2;
+ position: relative;
+}
+
+.mappingsEditor__fieldsListItem__content--indent {
+ padding-left: $euiSizeXL;
+}
+
+.mappingsEditor__fieldsListItem__toggle {
+ padding-left: $euiSizeXS;
+ width: $euiSizeL;
+}
+
+.mappingsEditor__fieldsListItem__actions {
+ padding-left: $euiSizeS;
+}
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/_index.scss b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/_index.scss
new file mode 100644
index 0000000000000..d2c9742df3e75
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/_index.scss
@@ -0,0 +1,2 @@
+@import 'edit_field/index';
+@import 'field_list_item';
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/create_field.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/create_field.tsx
new file mode 100644
index 0000000000000..5f1b8c0df770e
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/create_field.tsx
@@ -0,0 +1,289 @@
+/*
+ * 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, useCallback } from 'react';
+import classNames from 'classnames';
+
+import { i18n } from '@kbn/i18n';
+
+import {
+ EuiButtonEmpty,
+ EuiButton,
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiOutsideClickDetector,
+ EuiComboBox,
+ EuiFormRow,
+} from '@elastic/eui';
+
+import { documentationService } from '../../../../../../services/documentation';
+import { useForm, Form, FormDataProvider, UseField } from '../../../../shared_imports';
+
+import { TYPE_DEFINITION, EUI_SIZE } from '../../../../constants';
+
+import { useDispatch } from '../../../../mappings_state';
+import {
+ fieldSerializer,
+ getFieldConfig,
+ filterTypesForMultiField,
+ filterTypesForNonRootFields,
+} from '../../../../lib';
+import { Field, MainType, SubType, NormalizedFields, ComboBoxOption } from '../../../../types';
+import { NameParameter, TypeParameter } from '../../field_parameters';
+import { getParametersFormForType } from './required_parameters_forms';
+
+const formWrapper = (props: any) => ;
+
+interface Props {
+ allFields: NormalizedFields['byId'];
+ isRootLevelField: boolean;
+ isMultiField?: boolean;
+ paddingLeft?: number;
+ isCancelable?: boolean;
+ maxNestedDepth?: number;
+}
+
+export const CreateField = React.memo(function CreateFieldComponent({
+ allFields,
+ isRootLevelField,
+ isMultiField,
+ paddingLeft,
+ isCancelable,
+ maxNestedDepth,
+}: Props) {
+ const dispatch = useDispatch();
+
+ const { form } = useForm({
+ serializer: fieldSerializer,
+ options: { stripEmptyFields: false },
+ });
+
+ useEffect(() => {
+ const subscription = form.subscribe(updatedFieldForm => {
+ dispatch({ type: 'fieldForm.update', value: updatedFieldForm });
+ });
+
+ return subscription.unsubscribe;
+ }, [form]);
+
+ const cancel = () => {
+ dispatch({ type: 'documentField.changeStatus', value: 'idle' });
+ };
+
+ const submitForm = async (e?: React.FormEvent, exitAfter: boolean = false) => {
+ if (e) {
+ e.preventDefault();
+ }
+
+ const { isValid, data } = await form.submit();
+
+ if (isValid) {
+ form.reset();
+ dispatch({ type: 'field.add', value: data });
+
+ if (exitAfter) {
+ cancel();
+ }
+ }
+ };
+
+ const onClickOutside = () => {
+ const name = form.getFields().name.value as string;
+
+ if (name.trim() === '') {
+ if (isCancelable !== false) {
+ cancel();
+ }
+ } else {
+ submitForm(undefined, true);
+ }
+ };
+
+ /**
+ * When we change the type, we need to check if there is a subType array to choose from.
+ * If there is a subType array, we build the options list for the select (and in case the field is a multi-field
+ * we also filter out blacklisted types).
+ *
+ * @param type The selected field type
+ */
+ const getSubTypeMeta = (
+ type: MainType
+ ): { subTypeLabel?: string; subTypeOptions?: ComboBoxOption[] } => {
+ const typeDefinition = TYPE_DEFINITION[type];
+ const hasSubTypes = typeDefinition !== undefined && typeDefinition.subTypes;
+
+ let subTypeOptions = hasSubTypes
+ ? typeDefinition
+ .subTypes!.types.map(subType => TYPE_DEFINITION[subType])
+ .map(
+ subType => ({ value: subType.value as SubType, label: subType.label } as ComboBoxOption)
+ )
+ : undefined;
+
+ if (hasSubTypes) {
+ if (isMultiField) {
+ // If it is a multi-field, we need to filter out non-allowed types
+ subTypeOptions = filterTypesForMultiField(subTypeOptions!);
+ } else if (isRootLevelField === false) {
+ subTypeOptions = filterTypesForNonRootFields(subTypeOptions!);
+ }
+ }
+
+ return {
+ subTypeOptions,
+ subTypeLabel: hasSubTypes ? typeDefinition.subTypes!.label : undefined,
+ };
+ };
+
+ const onTypeChange = (nextType: ComboBoxOption[]) => {
+ form.setFieldValue('type', nextType);
+
+ if (nextType.length) {
+ const { subTypeOptions } = getSubTypeMeta(nextType[0].value as MainType);
+ form.setFieldValue('subType', subTypeOptions ? [subTypeOptions[0]] : undefined);
+ }
+ };
+
+ const renderFormFields = useCallback(
+ ({ type }) => {
+ const { subTypeOptions, subTypeLabel } = getSubTypeMeta(type);
+
+ const docLink = documentationService.getTypeDocLink(type) as string;
+
+ return (
+
+
+ {/* Field name */}
+
+
+
+ {/* Field type */}
+
+
+
+ {/* Field sub type (if any) */}
+ {subTypeOptions && (
+
+
+ {subTypeField => {
+ const error = subTypeField.getErrorsMessages();
+ const isInvalid = error ? Boolean(error.length) : false;
+
+ return (
+
+ subTypeField.setValue(newSubType)}
+ isClearable={false}
+ />
+
+ );
+ }}
+
+
+ )}
+
+
+ );
+ },
+ [form, isMultiField]
+ );
+
+ const renderFormActions = () => (
+
+ {isCancelable !== false && (
+
+
+ {i18n.translate('xpack.idxMgmt.mappingsEditor.createField.cancelButtonLabel', {
+ defaultMessage: 'Cancel',
+ })}
+
+
+ )}
+
+
+ {isMultiField
+ ? i18n.translate('xpack.idxMgmt.mappingsEditor.createField.addMultiFieldButtonLabel', {
+ defaultMessage: 'Add multi-field',
+ })
+ : i18n.translate('xpack.idxMgmt.mappingsEditor.createField.addFieldButtonLabel', {
+ defaultMessage: 'Add field',
+ })}
+
+
+
+ );
+
+ const renderParametersForm = useCallback(
+ ({ type, subType }) => {
+ const ParametersForm = getParametersFormForType(type, subType);
+ return ParametersForm ? (
+
+
+
+ ) : null;
+ },
+ [allFields]
+ );
+
+ return (
+
+
+
+ );
+});
diff --git a/x-pack/legacy/plugins/index_management/static/ui/components/index.ts b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/index.ts
similarity index 87%
rename from x-pack/legacy/plugins/index_management/static/ui/components/index.ts
rename to x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/index.ts
index 47c0a71408a7c..1325987c736ec 100644
--- a/x-pack/legacy/plugins/index_management/static/ui/components/index.ts
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/index.ts
@@ -4,4 +4,4 @@
* you may not use this file except in compliance with the Elastic License.
*/
-export * from './mappings_editor';
+export * from './create_field';
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/alias_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/alias_type.tsx
new file mode 100644
index 0000000000000..43572a3051682
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/alias_type.tsx
@@ -0,0 +1,14 @@
+/*
+ * 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 { PathParameter } from '../../../field_parameters';
+import { ComponentProps } from './index';
+
+export const AliasTypeRequiredParameters = ({ allFields }: ComponentProps) => {
+ return ;
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/dense_vector_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/dense_vector_type.tsx
new file mode 100644
index 0000000000000..2f094dd9e0cc8
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/dense_vector_type.tsx
@@ -0,0 +1,29 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { FormRow, UseField, Field } from '../../../../../shared_imports';
+import { getFieldConfig } from '../../../../../lib';
+
+export const DenseVectorRequiredParameters = () => {
+ const { label } = getFieldConfig('dims');
+
+ return (
+ {label}}
+ description={i18n.translate('xpack.idxMgmt.mappingsEditor.denseVector.dimsFieldDescription', {
+ defaultMessage:
+ 'Each document’s dense vector is encoded as a binary doc value. Its size in bytes is equal to 4 * dimensions + 4.',
+ })}
+ idAria="mappingsEditorDimsParameter"
+ >
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/index.ts b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/index.ts
new file mode 100644
index 0000000000000..1112bf99713ed
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/index.ts
@@ -0,0 +1,30 @@
+/*
+ * 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 { ComponentType } from 'react';
+import { MainType, SubType, DataType, NormalizedFields } from '../../../../../types';
+
+import { AliasTypeRequiredParameters } from './alias_type';
+import { TokenCountTypeRequiredParameters } from './token_count_type';
+import { ScaledFloatTypeRequiredParameters } from './scaled_float_type';
+import { DenseVectorRequiredParameters } from './dense_vector_type';
+
+export interface ComponentProps {
+ allFields: NormalizedFields['byId'];
+}
+
+const typeToParametersFormMap: { [key in DataType]?: ComponentType } = {
+ alias: AliasTypeRequiredParameters,
+ token_count: TokenCountTypeRequiredParameters,
+ scaled_float: ScaledFloatTypeRequiredParameters,
+ dense_vector: DenseVectorRequiredParameters,
+};
+
+export const getParametersFormForType = (
+ type: MainType,
+ subType?: SubType
+): ComponentType | undefined =>
+ typeToParametersFormMap[subType as DataType] || typeToParametersFormMap[type];
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/scaled_float_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/scaled_float_type.tsx
new file mode 100644
index 0000000000000..04378a8c63af8
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/scaled_float_type.tsx
@@ -0,0 +1,23 @@
+/*
+ * 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 { FormRow, UseField, Field } from '../../../../../shared_imports';
+import { getFieldConfig } from '../../../../../lib';
+import { PARAMETERS_DEFINITION } from '../../../../../constants';
+
+export const ScaledFloatTypeRequiredParameters = () => {
+ return (
+ {PARAMETERS_DEFINITION.scaling_factor.title}}
+ description={PARAMETERS_DEFINITION.scaling_factor.description}
+ idAria="mappingsEditorScalingFactorParameter"
+ >
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/token_count_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/token_count_type.tsx
new file mode 100644
index 0000000000000..c113c57a37fcb
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/create_field/required_parameters_forms/token_count_type.tsx
@@ -0,0 +1,47 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { AnalyzerParameter } from '../../../field_parameters';
+import { STANDARD } from '../../../../../constants';
+import { FormRow } from '../../../../../shared_imports';
+
+export const TokenCountTypeRequiredParameters = () => {
+ return (
+
+ {i18n.translate('xpack.idxMgmt.mappingsEditor.tokenCount.analyzerFieldTitle', {
+ defaultMessage: 'Analyzer',
+ })}
+
+ }
+ description={i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.tokenCount.analyzerFieldDescription',
+ {
+ defaultMessage:
+ 'The analyzer which should be used to analyze the string value. For best performance, use an analyzer without token filters.',
+ }
+ )}
+ idAria="mappingsEditorAnalyzerParameter"
+ >
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/delete_field_provider.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/delete_field_provider.tsx
new file mode 100644
index 0000000000000..64ed3a6f87117
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/delete_field_provider.tsx
@@ -0,0 +1,92 @@
+/*
+ * 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, { useState } from 'react';
+import { i18n } from '@kbn/i18n';
+
+import { useMappingsState, useDispatch } from '../../../mappings_state';
+import { NormalizedField } from '../../../types';
+import { getAllDescendantAliases } from '../../../lib';
+import { ModalConfirmationDeleteFields } from './modal_confirmation_delete_fields';
+
+type DeleteFieldFunc = (property: NormalizedField) => void;
+
+interface Props {
+ children: (deleteProperty: DeleteFieldFunc) => React.ReactNode;
+}
+
+interface State {
+ isModalOpen: boolean;
+ field?: NormalizedField;
+ aliases?: string[];
+}
+
+export const DeleteFieldProvider = ({ children }: Props) => {
+ const [state, setState] = useState({ isModalOpen: false });
+ const dispatch = useDispatch();
+ const { fields } = useMappingsState();
+ const { byId } = fields;
+
+ const confirmButtonText = i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.deleteField.confirmationModal.removeButtonLabel',
+ {
+ defaultMessage: 'Remove',
+ }
+ );
+
+ let modalTitle: string | undefined;
+
+ if (state.field) {
+ const { isMultiField, source } = state.field;
+
+ modalTitle = i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.deleteField.confirmationModal.title',
+ {
+ defaultMessage: "Remove {fieldType} '{fieldName}'?",
+ values: {
+ fieldType: isMultiField ? 'multi-field' : 'field',
+ fieldName: source.name,
+ },
+ }
+ );
+ }
+
+ const deleteField: DeleteFieldFunc = field => {
+ const aliases = getAllDescendantAliases(field, fields)
+ .map(id => byId[id].path.join(' > '))
+ .sort();
+ const hasAliases = Boolean(aliases.length);
+
+ setState({ isModalOpen: true, field, aliases: hasAliases ? aliases : undefined });
+ };
+
+ const closeModal = () => {
+ setState({ isModalOpen: false });
+ };
+
+ const confirmDelete = () => {
+ dispatch({ type: 'field.remove', value: state.field!.id });
+ closeModal();
+ };
+
+ return (
+ <>
+ {children(deleteField)}
+
+ {state.isModalOpen && (
+
+ )}
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/_edit_field_form_row.scss b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/_edit_field_form_row.scss
new file mode 100644
index 0000000000000..08ca527dd0f61
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/_edit_field_form_row.scss
@@ -0,0 +1,11 @@
+.mappingsEditor__editField__formRow {
+ margin-bottom: $euiSizeXL;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+}
+
+.mappingsEditor__editField__formRow__description {
+ padding-top: $euiSizeS;
+}
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/_index.scss b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/_index.scss
new file mode 100644
index 0000000000000..91787c9075aca
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/_index.scss
@@ -0,0 +1 @@
+@import 'edit_field_form_row';
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/advanced_parameters_section.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/advanced_parameters_section.tsx
new file mode 100644
index 0000000000000..03c774227924e
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/advanced_parameters_section.tsx
@@ -0,0 +1,43 @@
+/*
+ * 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, { useState } from 'react';
+import { i18n } from '@kbn/i18n';
+
+import { EuiButtonEmpty, EuiSpacer, EuiHorizontalRule } from '@elastic/eui';
+
+interface Props {
+ children: React.ReactNode;
+}
+
+export const AdvancedParametersSection = ({ children }: Props) => {
+ const [isVisible, setIsVisible] = useState(false);
+
+ const toggleIsVisible = () => {
+ setIsVisible(!isVisible);
+ };
+
+ return (
+
+
+ {isChildrenFunction ? (children as ChildrenFunc)(isContentVisible) : children}
+
+ );
+
+ return (
+
+ {toggle}
+
+
+
+ {controlsHeader}
+ {controls}
+
+
+
+ );
+ };
+
+ return formFieldPath ? (
+
+ {formData => {
+ setIsContentVisible(formData[formFieldPath]);
+ return renderContent();
+ }}
+
+ ) : (
+ renderContent()
+ );
+ }
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/edit_field_header_form.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/edit_field_header_form.tsx
new file mode 100644
index 0000000000000..ddb808094428d
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/edit_field_header_form.tsx
@@ -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;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+import { i18n } from '@kbn/i18n';
+import { EuiFlexGroup, EuiFlexItem, EuiFormRow, EuiComboBox } from '@elastic/eui';
+
+import { UseField, useFormContext, FormDataProvider } from '../../../../shared_imports';
+import { MainType, SubType, Field, ComboBoxOption } from '../../../../types';
+import {
+ getFieldConfig,
+ filterTypesForMultiField,
+ filterTypesForNonRootFields,
+} from '../../../../lib';
+import { TYPE_DEFINITION } from '../../../../constants';
+
+import { NameParameter, TypeParameter } from '../../field_parameters';
+import { FieldDescriptionSection } from './field_description_section';
+
+interface Props {
+ type: MainType;
+ defaultValue: Field;
+ isRootLevelField: boolean;
+ isMultiField: boolean;
+}
+
+export const EditFieldHeaderForm = React.memo(
+ ({ type, defaultValue, isRootLevelField, isMultiField }: Props) => {
+ const typeDefinition = TYPE_DEFINITION[type];
+ const hasSubType = typeDefinition.subTypes !== undefined;
+ const form = useFormContext();
+
+ const subTypeOptions = hasSubType
+ ? typeDefinition
+ .subTypes!.types.map(_subType => TYPE_DEFINITION[_subType])
+ .map(_subType => ({ value: _subType.value, label: _subType.label }))
+ : undefined;
+
+ const defaultValueSubType = hasSubType
+ ? typeDefinition.subTypes!.types.includes(defaultValue.type as SubType)
+ ? defaultValue.type // we use the default value provided
+ : typeDefinition.subTypes!.types[0] // we set the first item from the subType array
+ : undefined;
+
+ const onTypeChange = (value: ComboBoxOption[]) => {
+ if (value.length) {
+ form.setFieldValue('type', value);
+
+ const nextTypeDefinition = TYPE_DEFINITION[value[0].value as MainType];
+
+ if (nextTypeDefinition.subTypes !== undefined) {
+ /**
+ * We need to manually set the subType field value because if we edit a field type that already has a subtype
+ * (e.g. "numeric" with subType "float"), and we change the type to another one that also has subTypes (e.g. "range"),
+ * the old value would be kept on the subType.
+ */
+ const subTypeValue = nextTypeDefinition.subTypes!.types[0];
+ form.setFieldValue('subType', [TYPE_DEFINITION[subTypeValue]]);
+ }
+ }
+ };
+
+ return (
+ <>
+
+ {/* Field name */}
+
+
+
+
+ {/* Field type */}
+
+
+
+
+ {/* Field sub type (if any) */}
+ {hasSubType && (
+
+
+ {subTypeField => {
+ return (
+
+ subTypeField.setValue(subType)}
+ isClearable={false}
+ />
+
+ );
+ }}
+
+
+ )}
+
+
+
+ {hasSubType ? (
+
+ {formData => {
+ if (formData.subType) {
+ const subTypeDefinition = TYPE_DEFINITION[formData.subType as SubType];
+ return (subTypeDefinition?.description?.() as JSX.Element) ?? null;
+ }
+ return null;
+ }}
+
+ ) : (
+ typeDefinition.description?.()
+ )}
+
+
+ );
+ }
+);
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/field_description_section.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/field_description_section.tsx
new file mode 100644
index 0000000000000..2040d7f40d5cb
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/field_description_section.tsx
@@ -0,0 +1,37 @@
+/*
+ * 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 { EuiSpacer, EuiText } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+
+interface Props {
+ children?: React.ReactNode;
+ isMultiField: boolean;
+}
+
+export const FieldDescriptionSection = ({ children, isMultiField }: Props) => {
+ if (!children && !isMultiField) {
+ return null;
+ }
+
+ return (
+
+
+
+ {children}
+
+ {isMultiField && (
+
+ {i18n.translate('xpack.idxMgmt.mappingsEditor.multiFieldIntroductionText', {
+ defaultMessage:
+ 'This field is a multi-field. You can use multi-fields to index the same field in different ways.',
+ })}
+
+ )}
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/index.ts b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/index.ts
new file mode 100644
index 0000000000000..ff74cabca7518
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/index.ts
@@ -0,0 +1,15 @@
+/*
+ * 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 * from './edit_field_container';
+
+export * from './basic_parameters_section';
+
+export * from './edit_field_form_row';
+
+export * from './advanced_parameters_section';
+
+export * from './field_description_section';
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/update_field_provider.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/update_field_provider.tsx
new file mode 100644
index 0000000000000..88e08bc7098cb
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/edit_field/update_field_provider.tsx
@@ -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;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React, { useState } from 'react';
+import { i18n } from '@kbn/i18n';
+
+import { useMappingsState, useDispatch } from '../../../../mappings_state';
+import { shouldDeleteChildFieldsAfterTypeChange, getAllDescendantAliases } from '../../../../lib';
+import { NormalizedField, DataType } from '../../../../types';
+import { PARAMETERS_DEFINITION } from '../../../../constants';
+import { ModalConfirmationDeleteFields } from '../modal_confirmation_delete_fields';
+
+export type UpdateFieldFunc = (field: NormalizedField) => void;
+
+interface Props {
+ children: (saveProperty: UpdateFieldFunc) => React.ReactNode;
+}
+
+interface State {
+ isModalOpen: boolean;
+ field?: NormalizedField;
+ aliases?: string[];
+}
+
+export const UpdateFieldProvider = ({ children }: Props) => {
+ const [state, setState] = useState({
+ isModalOpen: false,
+ });
+ const dispatch = useDispatch();
+
+ const { fields } = useMappingsState();
+ const { byId, aliases } = fields;
+
+ const confirmButtonText = i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.updateField.confirmationModal.confirmDescription',
+ {
+ defaultMessage: 'Confirm type change',
+ }
+ );
+
+ let modalTitle: string | undefined;
+
+ if (state.field) {
+ const { source } = state.field;
+
+ modalTitle = i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.updateField.confirmationModal.title',
+ {
+ defaultMessage: "Confirm change '{fieldName}' type to '{fieldType}'.",
+ values: {
+ fieldName: source.name,
+ fieldType: source.type,
+ },
+ }
+ );
+ }
+
+ const closeModal = () => {
+ setState({ isModalOpen: false });
+ };
+
+ const updateField: UpdateFieldFunc = field => {
+ const previousField = byId[field.id];
+
+ const willDeleteChildFields = (oldType: DataType, newType: DataType): boolean => {
+ const { hasChildFields, hasMultiFields } = field;
+
+ if (!hasChildFields && !hasMultiFields) {
+ // No child or multi-fields will be deleted, no confirmation needed.
+ return false;
+ }
+
+ return shouldDeleteChildFieldsAfterTypeChange(oldType, newType);
+ };
+
+ if (field.source.type !== previousField.source.type) {
+ // Array of all the aliases pointing to the current field beeing updated
+ const aliasesOnField = aliases[field.id] || [];
+
+ // Array of all the aliases pointing to the current field + all its possible children
+ const aliasesOnFieldAndDescendants = getAllDescendantAliases(field, fields);
+
+ const isReferencedByAlias = aliasesOnField && Boolean(aliasesOnField.length);
+ const nextTypeCanHaveAlias = !PARAMETERS_DEFINITION.path.targetTypesNotAllowed.includes(
+ field.source.type
+ );
+
+ // We need to check if, by changing the type, we will also
+ // delete possible child properties ("fields" or "properties").
+ // If we will, we need to warn the user about it.
+ let requiresConfirmation: boolean;
+ let aliasesToDelete: string[] = [];
+
+ if (isReferencedByAlias && !nextTypeCanHaveAlias) {
+ aliasesToDelete = aliasesOnFieldAndDescendants;
+ requiresConfirmation = true;
+ } else {
+ requiresConfirmation = willDeleteChildFields(previousField.source.type, field.source.type);
+ if (requiresConfirmation) {
+ aliasesToDelete = aliasesOnFieldAndDescendants.filter(
+ // We will only delete aliases that points to possible children, *NOT* the field itself
+ id => aliasesOnField.includes(id) === false
+ );
+ }
+ }
+
+ if (requiresConfirmation) {
+ setState({
+ isModalOpen: true,
+ field,
+ aliases: Boolean(aliasesToDelete.length)
+ ? aliasesToDelete.map(id => byId[id].path.join(' > ')).sort()
+ : undefined,
+ });
+ return;
+ }
+ }
+
+ dispatch({ type: 'field.edit', value: field.source });
+ };
+
+ const confirmTypeUpdate = () => {
+ dispatch({ type: 'field.edit', value: state.field!.source });
+ closeModal();
+ };
+
+ return (
+ <>
+ {children(updateField)}
+
+ {state.isModalOpen && (
+
+ )}
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/alias_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/alias_type.tsx
new file mode 100644
index 0000000000000..5c65196c81651
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/alias_type.tsx
@@ -0,0 +1,23 @@
+/*
+ * 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 { PathParameter } from '../../field_parameters';
+import { NormalizedField, NormalizedFields } from '../../../../types';
+import { BasicParametersSection } from '../edit_field';
+
+interface Props {
+ field: NormalizedField;
+ allFields: NormalizedFields['byId'];
+}
+
+export const AliasType = ({ field, allFields }: Props) => {
+ return (
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/binary_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/binary_type.tsx
new file mode 100644
index 0000000000000..ba9c75baa1987
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/binary_type.tsx
@@ -0,0 +1,18 @@
+/*
+ * 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 { StoreParameter, DocValuesParameter } from '../../field_parameters';
+import { AdvancedParametersSection } from '../edit_field';
+
+export const BinaryType = () => {
+ return (
+
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/boolean_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/boolean_type.tsx
new file mode 100644
index 0000000000000..962606b2f4ffd
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/boolean_type.tsx
@@ -0,0 +1,97 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { NormalizedField, Field as FieldType } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+import { UseField, SelectField } from '../../../../shared_imports';
+import {
+ StoreParameter,
+ IndexParameter,
+ DocValuesParameter,
+ BoostParameter,
+ NullValueParameter,
+} from '../../field_parameters';
+import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
+
+const getDefaultToggleValue = (param: string, field: FieldType) => {
+ switch (param) {
+ case 'boost': {
+ return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+ }
+ case 'null_value': {
+ return field.null_value !== undefined;
+ }
+ default:
+ return false;
+ }
+};
+
+const nullValueOptions = [
+ {
+ value: 0,
+ text: `"true"`,
+ },
+ {
+ value: 1,
+ text: 'true',
+ },
+ {
+ value: 2,
+ text: `"false"`,
+ },
+ {
+ value: 3,
+ text: 'false',
+ },
+];
+
+interface Props {
+ field: NormalizedField;
+}
+
+export const BooleanType = ({ field }: Props) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/completion_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/completion_type.tsx
new file mode 100644
index 0000000000000..74331cb1b6b22
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/completion_type.tsx
@@ -0,0 +1,93 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { NormalizedField, Field as FieldType } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+import { UseField, Field } from '../../../../shared_imports';
+import { AnalyzersParameter } from '../../field_parameters';
+import { EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
+
+const getDefaultToggleValue = (param: string, field: FieldType) => {
+ switch (param) {
+ case 'max_input_length': {
+ return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+ }
+ case 'analyzers': {
+ return field.search_analyzer !== undefined && field.search_analyzer !== field.analyzer;
+ }
+ default:
+ return false;
+ }
+};
+
+interface Props {
+ field: NormalizedField;
+}
+
+export const CompletionType = ({ field }: Props) => {
+ return (
+
+
+
+ {/* max_input_length */}
+
+
+
+
+ {/* preserve_separators */}
+
+
+ {/* preserve_position_increments */}
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/date_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/date_type.tsx
new file mode 100644
index 0000000000000..3165f18aff4b3
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/date_type.tsx
@@ -0,0 +1,80 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { NormalizedField, Field as FieldType } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+
+import {
+ StoreParameter,
+ IndexParameter,
+ DocValuesParameter,
+ BoostParameter,
+ NullValueParameter,
+ IgnoreMalformedParameter,
+ FormatParameter,
+ LocaleParameter,
+} from '../../field_parameters';
+import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
+
+const getDefaultToggleValue = (param: string, field: FieldType) => {
+ switch (param) {
+ case 'locale':
+ case 'format':
+ case 'boost': {
+ return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+ }
+ case 'null_value': {
+ return field.null_value !== undefined && field.null_value !== '';
+ }
+ default:
+ return false;
+ }
+};
+
+interface Props {
+ field: NormalizedField;
+}
+
+export const DateType = ({ field }: Props) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/dense_vector_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/dense_vector_type.tsx
new file mode 100644
index 0000000000000..984f347b60846
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/dense_vector_type.tsx
@@ -0,0 +1,18 @@
+/*
+ * 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 { BasicParametersSection } from '../edit_field';
+import { UseField, Field } from '../../../../shared_imports';
+import { getFieldConfig } from '../../../../lib';
+
+export const DenseVectorType = () => {
+ return (
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/flattened_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/flattened_type.tsx
new file mode 100644
index 0000000000000..7c8ac86f14153
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/flattened_type.tsx
@@ -0,0 +1,108 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { documentationService } from '../../../../../../services/documentation';
+import { NormalizedField, Field as FieldType } from '../../../../types';
+import { UseField, Field } from '../../../../shared_imports';
+import { getFieldConfig } from '../../../../lib';
+import { PARAMETERS_OPTIONS } from '../../../../constants';
+import {
+ DocValuesParameter,
+ IndexParameter,
+ BoostParameter,
+ EagerGlobalOrdinalsParameter,
+ NullValueParameter,
+ SimilarityParameter,
+ SplitQueriesOnWhitespaceParameter,
+} from '../../field_parameters';
+import { BasicParametersSection, EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
+
+interface Props {
+ field: NormalizedField;
+}
+
+const getDefaultToggleValue = (param: string, field: FieldType) => {
+ switch (param) {
+ case 'boost':
+ case 'similarity': {
+ return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+ }
+ case 'null_value': {
+ return field.null_value !== undefined && field.null_value !== '';
+ }
+ default:
+ return false;
+ }
+};
+
+export const FlattenedType = React.memo(({ field }: Props) => {
+ return (
+ <>
+
+
+
+
+
+
+
+ {/* depth_limit */}
+
+
+
+
+ {/* ignore_above */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+});
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/geo_point_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/geo_point_type.tsx
new file mode 100644
index 0000000000000..997e866da35f0
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/geo_point_type.tsx
@@ -0,0 +1,71 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { NormalizedField, Field as FieldType } from '../../../../types';
+import { UseField, TextAreaField } from '../../../../shared_imports';
+import { getFieldConfig } from '../../../../lib';
+import {
+ IgnoreMalformedParameter,
+ NullValueParameter,
+ IgnoreZValueParameter,
+} from '../../field_parameters';
+import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
+
+const getDefaultToggleValue = (param: string, field: FieldType) => {
+ switch (param) {
+ case 'null_value': {
+ return field.null_value !== undefined;
+ }
+ default:
+ return false;
+ }
+};
+
+interface Props {
+ field: NormalizedField;
+}
+
+export const GeoPointType = ({ field }: Props) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/geo_shape_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/geo_shape_type.tsx
new file mode 100644
index 0000000000000..c2b72c9393d68
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/geo_shape_type.tsx
@@ -0,0 +1,82 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { NormalizedField, Field as FieldType, ParameterName } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+import {
+ CoerceShapeParameter,
+ IgnoreMalformedParameter,
+ IgnoreZValueParameter,
+ OrientationParameter,
+} from '../../field_parameters';
+import { BasicParametersSection, EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
+
+const getDefaultToggleValue = (param: ParameterName, field: FieldType): boolean => {
+ const { defaultValue } = getFieldConfig(param);
+
+ switch (param) {
+ // Switches that don't map to a boolean in the mappings
+ case 'orientation': {
+ return field[param] !== undefined && field[param] !== defaultValue;
+ }
+ default:
+ // All "boolean" parameters
+ return field[param] !== undefined
+ ? (field[param] as boolean) // If the field has a value set, use it
+ : defaultValue !== undefined // If the parameter definition has a "defaultValue" set, use it
+ ? (defaultValue as boolean)
+ : false; // Defaults to "false"
+ }
+};
+
+interface Props {
+ field: NormalizedField;
+}
+
+export const GeoShapeType = ({ field }: Props) => {
+ return (
+ <>
+
+
+
+
+
+
+
+ {/* points_only */}
+
+
+
+
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/index.ts b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/index.ts
new file mode 100644
index 0000000000000..5b81c525804c9
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/index.ts
@@ -0,0 +1,61 @@
+/*
+ * 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 { ComponentType } from 'react';
+import { MainType, SubType, DataType, NormalizedField, NormalizedFields } from '../../../../types';
+
+import { AliasType } from './alias_type';
+import { KeywordType } from './keyword_type';
+import { NumericType } from './numeric_type';
+import { TextType } from './text_type';
+import { BooleanType } from './boolean_type';
+import { BinaryType } from './binary_type';
+import { RangeType } from './range_type';
+import { IpType } from './ip_type';
+import { TokenCountType } from './token_count_type';
+import { CompletionType } from './completion_type';
+import { GeoPointType } from './geo_point_type';
+import { DateType } from './date_type';
+import { GeoShapeType } from './geo_shape_type';
+import { SearchAsYouType } from './search_as_you_type';
+import { FlattenedType } from './flattened_type';
+import { ShapeType } from './shape_type';
+import { DenseVectorType } from './dense_vector_type';
+
+const typeToParametersFormMap: { [key in DataType]?: ComponentType } = {
+ alias: AliasType,
+ keyword: KeywordType,
+ numeric: NumericType,
+ text: TextType,
+ boolean: BooleanType,
+ binary: BinaryType,
+ range: RangeType,
+ ip: IpType,
+ token_count: TokenCountType,
+ completion: CompletionType,
+ geo_point: GeoPointType,
+ date: DateType,
+ date_nanos: DateType,
+ geo_shape: GeoShapeType,
+ search_as_you_type: SearchAsYouType,
+ flattened: FlattenedType,
+ shape: ShapeType,
+ dense_vector: DenseVectorType,
+};
+
+export const getParametersFormForType = (
+ type: MainType,
+ subType?: SubType
+):
+ | ComponentType<{
+ field: NormalizedField;
+ allFields: NormalizedFields['byId'];
+ isMultiField: boolean;
+ }>
+ | undefined =>
+ subType === undefined
+ ? typeToParametersFormMap[type]
+ : typeToParametersFormMap[subType] || typeToParametersFormMap[type];
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/ip_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/ip_type.tsx
new file mode 100644
index 0000000000000..f0cc72d8194a8
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/ip_type.tsx
@@ -0,0 +1,59 @@
+/*
+ * 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 { NormalizedField, Field as FieldType } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+
+import {
+ StoreParameter,
+ IndexParameter,
+ DocValuesParameter,
+ BoostParameter,
+ NullValueParameter,
+} from '../../field_parameters';
+
+import { UseField, Field } from '../../../../shared_imports';
+import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
+
+const getDefaultToggleValue = (param: string, field: FieldType) => {
+ switch (param) {
+ case 'boost': {
+ return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+ }
+ case 'null_value': {
+ return field.null_value !== undefined && field.null_value !== '';
+ }
+ default:
+ return false;
+ }
+};
+
+interface Props {
+ field: NormalizedField;
+}
+
+export const IpType = ({ field }: Props) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/keyword_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/keyword_type.tsx
new file mode 100644
index 0000000000000..43377357f1e6f
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/keyword_type.tsx
@@ -0,0 +1,124 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { documentationService } from '../../../../../../services/documentation';
+import { NormalizedField, Field as FieldType } from '../../../../types';
+import { UseField, Field } from '../../../../shared_imports';
+import { getFieldConfig } from '../../../../lib';
+import { PARAMETERS_OPTIONS } from '../../../../constants';
+import {
+ StoreParameter,
+ IndexParameter,
+ DocValuesParameter,
+ BoostParameter,
+ NullValueParameter,
+ EagerGlobalOrdinalsParameter,
+ NormsParameter,
+ SimilarityParameter,
+ CopyToParameter,
+ SplitQueriesOnWhitespaceParameter,
+} from '../../field_parameters';
+import { BasicParametersSection, EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
+
+const getDefaultToggleValue = (param: string, field: FieldType) => {
+ switch (param) {
+ case 'boost':
+ case 'similarity':
+ case 'ignore_above': {
+ return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+ }
+ case 'normalizer':
+ case 'copy_to':
+ case 'null_value': {
+ return field[param] !== undefined;
+ }
+ default:
+ return false;
+ }
+};
+
+interface Props {
+ field: NormalizedField;
+}
+
+export const KeywordType = ({ field }: Props) => {
+ return (
+ <>
+
+
+
+ {/* normalizer */}
+
+
+
+
+
+
+
+
+ {/* ignore_above */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/numeric_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/numeric_type.tsx
new file mode 100644
index 0000000000000..367a700281581
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/numeric_type.tsx
@@ -0,0 +1,102 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { NormalizedField, Field as FieldType } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+import { UseField, FormDataProvider, NumericField, Field } from '../../../../shared_imports';
+import {
+ StoreParameter,
+ IndexParameter,
+ DocValuesParameter,
+ BoostParameter,
+ NullValueParameter,
+ CoerceNumberParameter,
+ IgnoreMalformedParameter,
+ CopyToParameter,
+} from '../../field_parameters';
+import { BasicParametersSection, EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
+import { PARAMETERS_DEFINITION } from '../../../../constants';
+
+const getDefaultToggleValue = (param: string, field: FieldType) => {
+ switch (param) {
+ case 'copy_to':
+ case 'boost':
+ case 'ignore_malformed': {
+ return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+ }
+ case 'null_value': {
+ return field.null_value !== undefined && field.null_value !== '';
+ }
+ default:
+ return false;
+ }
+};
+
+interface Props {
+ field: NormalizedField;
+}
+
+export const NumericType = ({ field }: Props) => {
+ return (
+ <>
+
+ {/* scaling_factor */}
+
+ {formData =>
+ formData.subType === 'scaled_float' ? (
+
+
+
+ ) : null
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/range_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/range_type.tsx
new file mode 100644
index 0000000000000..0be754bcfb966
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/range_type.tsx
@@ -0,0 +1,64 @@
+/*
+ * 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 { NormalizedField, Field as FieldType } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+import {
+ StoreParameter,
+ IndexParameter,
+ BoostParameter,
+ CoerceNumberParameter,
+ FormatParameter,
+ LocaleParameter,
+} from '../../field_parameters';
+import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
+import { FormDataProvider } from '../../../../shared_imports';
+
+const getDefaultToggleValue = (param: 'locale' | 'format' | 'boost', field: FieldType) => {
+ return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+};
+
+interface Props {
+ field: NormalizedField;
+}
+
+export const RangeType = ({ field }: Props) => {
+ return (
+ <>
+
+
+
+
+ {formData =>
+ formData.subType === 'date_range' ? (
+
+ ) : null
+ }
+
+
+
+
+
+ {formData =>
+ formData.subType === 'date_range' ? (
+
+ ) : null
+ }
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/search_as_you_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/search_as_you_type.tsx
new file mode 100644
index 0000000000000..83541ec982ee6
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/search_as_you_type.tsx
@@ -0,0 +1,65 @@
+/*
+ * 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 { NormalizedField, Field as FieldType } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+import {
+ StoreParameter,
+ IndexParameter,
+ AnalyzersParameter,
+ NormsParameter,
+ SimilarityParameter,
+ TermVectorParameter,
+} from '../../field_parameters';
+import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
+
+interface Props {
+ field: NormalizedField;
+}
+
+const getDefaultToggleValue = (param: string, field: FieldType) => {
+ switch (param) {
+ case 'similarity':
+ case 'term_vector': {
+ return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+ }
+ case 'analyzers': {
+ return field.search_analyzer !== undefined && field.search_analyzer !== field.analyzer;
+ }
+ default:
+ return false;
+ }
+};
+
+export const SearchAsYouType = React.memo(({ field }: Props) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+});
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/shape_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/shape_type.tsx
new file mode 100644
index 0000000000000..754ee2f733d89
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/shape_type.tsx
@@ -0,0 +1,69 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { NormalizedField, Field as FieldType, ParameterName } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
+
+import {
+ IgnoreMalformedParameter,
+ IgnoreZValueParameter,
+ OrientationParameter,
+ CoerceShapeParameter,
+} from '../../field_parameters';
+
+const getDefaultToggleValue = (param: ParameterName, field: FieldType): boolean => {
+ const { defaultValue } = getFieldConfig(param);
+
+ switch (param) {
+ // Switches that don't map to a boolean in the mappings
+ case 'boost':
+ case 'orientation': {
+ return field[param] !== undefined && field[param] !== defaultValue;
+ }
+ default:
+ // All "boolean" parameters
+ return field[param] !== undefined
+ ? (field[param] as boolean) // If the field has a value set, use it
+ : defaultValue !== undefined // If the parameter definition has a "defaultValue" set, use it
+ ? (defaultValue as boolean)
+ : false; // Defaults to "false"
+ }
+};
+
+interface Props {
+ field: NormalizedField;
+}
+
+export const ShapeType = ({ field }: Props) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/text_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/text_type.tsx
new file mode 100644
index 0000000000000..73032ad31461e
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/text_type.tsx
@@ -0,0 +1,248 @@
+/*
+ * 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 { EuiSpacer, EuiDualRange, EuiFormRow, EuiCallOut } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+
+import { documentationService } from '../../../../../../services/documentation';
+import { NormalizedField, Field as FieldType } from '../../../../types';
+import {
+ UseField,
+ UseMultiFields,
+ FieldHook,
+ FormDataProvider,
+ RangeField,
+} from '../../../../shared_imports';
+import { getFieldConfig } from '../../../../lib';
+import {
+ StoreParameter,
+ IndexParameter,
+ BoostParameter,
+ AnalyzersParameter,
+ EagerGlobalOrdinalsParameter,
+ NormsParameter,
+ SimilarityParameter,
+ CopyToParameter,
+ TermVectorParameter,
+ FieldDataParameter,
+} from '../../field_parameters';
+import { BasicParametersSection, EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
+
+interface Props {
+ field: NormalizedField;
+}
+
+const getDefaultToggleValue = (param: string, field: FieldType) => {
+ switch (param) {
+ case 'boost':
+ case 'position_increment_gap':
+ case 'similarity':
+ case 'term_vector': {
+ return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+ }
+ case 'analyzers': {
+ return field.search_analyzer !== undefined && field.search_analyzer !== field.analyzer;
+ }
+ case 'copy_to': {
+ return field.null_value !== undefined && field.null_value !== '';
+ }
+ case 'indexPrefixes': {
+ if (field.index_prefixes === undefined) {
+ return false;
+ }
+
+ const minCharsValue = (field.index_prefixes as any).min_chars;
+ const defaultMinCharsValue = getFieldConfig('index_prefixes', 'min_chars').defaultValue;
+ const maxCharsValue = (field.index_prefixes as any).max_chars;
+ const defaultMaxCharsValue = getFieldConfig('index_prefixes', 'min_chars').defaultValue;
+
+ return minCharsValue !== defaultMinCharsValue || maxCharsValue !== defaultMaxCharsValue;
+ }
+ case 'fielddata': {
+ return field.fielddata === true ? true : field.fielddata_frequency_filter !== undefined;
+ }
+ default:
+ return false;
+ }
+};
+
+export const TextType = React.memo(({ field }: Props) => {
+ const onIndexPrefixesChanage = (minField: FieldHook, maxField: FieldHook) => ([
+ min,
+ max,
+ ]: any) => {
+ minField.setValue(min);
+ maxField.setValue(max);
+ };
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+ {/* index_phrases */}
+
+
+ {/* index_prefixes */}
+
+
+
+ {({ min, max }) => (
+
+ )}
+
+
+
+
+
+
+ {/* position_increment_gap */}
+
+
+ {formData => {
+ return (
+ <>
+
+ {formData.index_options !== 'positions' && formData.index_options !== 'offsets' && (
+ <>
+
+
+
+ {i18n.translate('xpack.idxMgmt.mappingsEditor.positionsErrorMessage', {
+ defaultMessage:
+ 'You need to set the index options (under the "Searchable" toggle) to "Positions" or "Offsets" in order to be able to change the position increment gap.',
+ })}
+
+
+
+ )}
+
+ );
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+});
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/token_count_type.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/token_count_type.tsx
new file mode 100644
index 0000000000000..a2b429373a3e4
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/field_types/token_count_type.tsx
@@ -0,0 +1,114 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { documentationService } from '../../../../../../services/documentation';
+import { NormalizedField, Field as FieldType } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+import { STANDARD } from '../../../../constants';
+import { UseField, NumericField } from '../../../../shared_imports';
+
+import {
+ StoreParameter,
+ IndexParameter,
+ DocValuesParameter,
+ BoostParameter,
+ AnalyzerParameter,
+ NullValueParameter,
+} from '../../field_parameters';
+import { BasicParametersSection, EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
+
+const getDefaultToggleValue = (param: string, field: FieldType) => {
+ switch (param) {
+ case 'analyzer':
+ case 'boost': {
+ return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+ }
+ case 'null_value': {
+ return field.null_value !== undefined && field.null_value !== '';
+ }
+ default:
+ return false;
+ }
+};
+
+interface Props {
+ field: NormalizedField;
+}
+
+export const TokenCountType = ({ field }: Props) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+ {/* enable_position_increments */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/fields_list.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/fields_list.tsx
new file mode 100644
index 0000000000000..6df86d561a532
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/fields_list.tsx
@@ -0,0 +1,32 @@
+/*
+ * 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 { FieldsListItemContainer } from './fields_list_item_container';
+import { NormalizedField } from '../../../types';
+
+interface Props {
+ fields?: NormalizedField[];
+ treeDepth?: number;
+}
+
+export const FieldsList = React.memo(function FieldsListComponent({ fields, treeDepth }: Props) {
+ if (fields === undefined) {
+ return null;
+ }
+ return (
+
+ {fields.map((field, index) => (
+
+ ))}
+
+ );
+});
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/fields_list_item.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/fields_list_item.tsx
new file mode 100644
index 0000000000000..285598fc8c3c1
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/fields_list_item.tsx
@@ -0,0 +1,283 @@
+/*
+ * 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, { forwardRef } from 'react';
+import classNames from 'classnames';
+import {
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiBadge,
+ EuiButtonIcon,
+ EuiToolTip,
+ EuiIcon,
+} from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+
+import { NormalizedField, NormalizedFields } from '../../../types';
+import {
+ TYPE_DEFINITION,
+ CHILD_FIELD_INDENT_SIZE,
+ LEFT_PADDING_SIZE_FIELD_ITEM_WRAPPER,
+} from '../../../constants';
+import { FieldsList } from './fields_list';
+import { CreateField } from './create_field';
+import { DeleteFieldProvider } from './delete_field_provider';
+
+interface Props {
+ field: NormalizedField;
+ allFields: NormalizedFields['byId'];
+ isCreateFieldFormVisible: boolean;
+ areActionButtonsVisible: boolean;
+ isHighlighted: boolean;
+ isDimmed: boolean;
+ isLastItem: boolean;
+ childFieldsArray: NormalizedField[];
+ maxNestedDepth: number;
+ addField(): void;
+ editField(): void;
+ toggleExpand(): void;
+ treeDepth: number;
+}
+
+function FieldListItemComponent(
+ {
+ field,
+ allFields,
+ isHighlighted,
+ isDimmed,
+ isCreateFieldFormVisible,
+ areActionButtonsVisible,
+ isLastItem,
+ childFieldsArray,
+ maxNestedDepth,
+ addField,
+ editField,
+ toggleExpand,
+ treeDepth,
+ }: Props,
+ ref: React.Ref
+) {
+ const {
+ source,
+ isMultiField,
+ canHaveChildFields,
+ hasChildFields,
+ canHaveMultiFields,
+ hasMultiFields,
+ isExpanded,
+ } = field;
+ // When there aren't any "child" fields (the maxNestedDepth === 0), there is no toggle icon on the left of any field.
+ // For that reason, we need to compensate and substract some indent to left align on the page.
+ const substractIndentAmount = maxNestedDepth === 0 ? CHILD_FIELD_INDENT_SIZE * 0.5 : 0;
+
+ const indent = treeDepth * CHILD_FIELD_INDENT_SIZE - substractIndentAmount;
+
+ const indentCreateField =
+ (treeDepth + 1) * CHILD_FIELD_INDENT_SIZE +
+ LEFT_PADDING_SIZE_FIELD_ITEM_WRAPPER -
+ substractIndentAmount;
+
+ const hasDottedLine = isMultiField
+ ? isLastItem
+ ? false
+ : true
+ : canHaveMultiFields && isExpanded;
+
+ const renderCreateField = () => {
+ if (!isCreateFieldFormVisible) {
+ return null;
+ }
+
+ return (
+
+ );
+ };
+
+ const renderActionButtons = () => {
+ if (!areActionButtonsVisible) {
+ return null;
+ }
+
+ const addMultiFieldButtonLabel = i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.addMultiFieldTooltipLabel',
+ {
+ defaultMessage: 'Add a multi-field to index the same field in different ways.',
+ }
+ );
+
+ const addChildButtonLabel = i18n.translate('xpack.idxMgmt.mappingsEditor.addChildButtonLabel', {
+ defaultMessage: 'Add child',
+ });
+
+ const editButtonLabel = i18n.translate('xpack.idxMgmt.mappingsEditor.editFieldButtonLabel', {
+ defaultMessage: 'Edit',
+ });
+
+ const deleteButtonLabel = i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.removeFieldButtonLabel',
+ {
+ defaultMessage: 'Remove',
+ }
+ );
+
+ return (
+
+ {canHaveMultiFields && (
+
+
+
+
+
+ )}
+
+ {canHaveChildFields && (
+
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+ {deleteField => (
+
+ deleteField(field)}
+ data-test-subj="removeFieldButton"
+ aria-label={deleteButtonLabel}
+ />
+
+ )}
+
+
+
+ );
+ };
+
+ return (
+
+ );
+}
+
+export const FieldsListItem = React.memo(forwardRef(FieldListItemComponent));
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/fields_list_item_container.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/fields_list_item_container.tsx
new file mode 100644
index 0000000000000..cff2d294fead9
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/fields_list_item_container.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, { useMemo, useCallback, useRef } from 'react';
+
+import { useMappingsState, useDispatch } from '../../../mappings_state';
+import { NormalizedField } from '../../../types';
+import { FieldsListItem } from './fields_list_item';
+
+interface Props {
+ fieldId: string;
+ treeDepth: number;
+ isLastItem: boolean;
+}
+
+export const FieldsListItemContainer = ({ fieldId, treeDepth, isLastItem }: Props) => {
+ const dispatch = useDispatch();
+ const listElement = useRef(null);
+ const {
+ documentFields: { status, fieldToAddFieldTo, fieldToEdit },
+ fields: { byId, maxNestedDepth },
+ } = useMappingsState();
+
+ const getField = (id: string) => byId[id];
+
+ const field: NormalizedField = getField(fieldId);
+ const { childFields } = field;
+ const isHighlighted = fieldToEdit === fieldId;
+ const isDimmed = status === 'editingField' && fieldToEdit !== fieldId;
+ const isCreateFieldFormVisible = status === 'creatingField' && fieldToAddFieldTo === fieldId;
+ const areActionButtonsVisible = status === 'idle';
+ const childFieldsArray = useMemo(
+ () => (childFields !== undefined ? childFields.map(getField) : []),
+ [childFields]
+ );
+
+ const addField = useCallback(() => {
+ dispatch({
+ type: 'documentField.createField',
+ value: fieldId,
+ });
+ }, [fieldId]);
+
+ const editField = useCallback(() => {
+ dispatch({
+ type: 'documentField.editField',
+ value: fieldId,
+ });
+ }, [fieldId]);
+
+ const toggleExpand = useCallback(() => {
+ dispatch({ type: 'field.toggleExpand', value: { fieldId } });
+ }, [fieldId]);
+
+ return (
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/index.ts b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/index.ts
new file mode 100644
index 0000000000000..13fe999cea3be
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/index.ts
@@ -0,0 +1,15 @@
+/*
+ * 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 * from './fields_list';
+
+export * from './fields_list_item';
+
+export * from './create_field';
+
+export * from './edit_field';
+
+export * from './delete_field_provider';
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/modal_confirmation_delete_fields.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/modal_confirmation_delete_fields.tsx
new file mode 100644
index 0000000000000..8de291aa6a592
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields/modal_confirmation_delete_fields.tsx
@@ -0,0 +1,111 @@
+/*
+ * 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 { EuiConfirmModal, EuiOverlayMask, EuiBadge, EuiCode } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+
+import { NormalizedFields, NormalizedField } from '../../../types';
+import { buildFieldTreeFromIds } from '../../../lib';
+import { FieldsTree } from '../../fields_tree';
+import { TYPE_DEFINITION } from '../../../constants';
+
+interface Props {
+ title: string;
+ confirmButtonText: string;
+ childFields?: string[];
+ aliases?: string[];
+ byId: NormalizedFields['byId'];
+ onCancel(): void;
+ onConfirm(): void;
+}
+
+export const ModalConfirmationDeleteFields = ({
+ title,
+ childFields,
+ aliases,
+ byId,
+ confirmButtonText,
+ onCancel,
+ onConfirm,
+}: Props) => {
+ const fieldsTree =
+ childFields && childFields.length
+ ? buildFieldTreeFromIds(childFields, byId, (fieldItem: NormalizedField) => (
+ <>
+ {fieldItem.source.name}
+ {fieldItem.isMultiField && (
+ <>
+ {' '}
+
+ {i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.deleteField.confirmationModal.multiFieldBadgeLabel',
+ {
+ defaultMessage: '{dataType} multi-field',
+ values: {
+ dataType: TYPE_DEFINITION[fieldItem.source.type].label,
+ },
+ }
+ )}
+
+
+ )}
+
+ ))
+ : null;
+
+ return (
+
+
+ <>
+ {fieldsTree && (
+ <>
+
+ {i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.confirmationModal.deleteFieldsDescription',
+ {
+ defaultMessage: 'This will also delete the following fields.',
+ }
+ )}
+
+
+
+ )}
+ {aliases && (
+ <>
+
+ {i18n.translate(
+ 'xpack.idxMgmt.mappingsEditor.confirmationModal.deleteAliasesDescription',
+ {
+ defaultMessage: 'The following aliases will also be deleted.',
+ }
+ )}
+
+
+ {aliases.map(aliasPath => (
+
+ {aliasPath}
+
+ ))}
+
+
+ )}
+
+
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields_json_editor.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields_json_editor.tsx
new file mode 100644
index 0000000000000..5954f6f285f10
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields_json_editor.tsx
@@ -0,0 +1,28 @@
+/*
+ * 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, { useRef, useCallback } from 'react';
+
+import { useDispatch } from '../../mappings_state';
+import { JsonEditor } from '../../shared_imports';
+
+export interface Props {
+ defaultValue: object;
+}
+
+export const DocumentFieldsJsonEditor = ({ defaultValue }: Props) => {
+ const dispatch = useDispatch();
+ const defaultValueRef = useRef(defaultValue);
+ const onUpdate = useCallback(
+ ({ data, isValid }) =>
+ dispatch({
+ type: 'fieldsJsonEditor.update',
+ value: { json: data.format(), isValid },
+ }),
+ [dispatch]
+ );
+ return ;
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields_tree_editor.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields_tree_editor.tsx
new file mode 100644
index 0000000000000..f85482c22e3b1
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/fields_tree_editor.tsx
@@ -0,0 +1,74 @@
+/*
+ * 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, useMemo } from 'react';
+import { EuiButtonEmpty, EuiSpacer } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+
+import { useMappingsState, useDispatch } from '../../mappings_state';
+import { FieldsList, CreateField } from './fields';
+
+export const DocumentFieldsTreeEditor = () => {
+ const dispatch = useDispatch();
+ const {
+ fields: { byId, rootLevelFields },
+ documentFields: { status, fieldToAddFieldTo },
+ } = useMappingsState();
+
+ const getField = (fieldId: string) => byId[fieldId];
+ const fields = useMemo(() => rootLevelFields.map(getField), [rootLevelFields]);
+
+ const addField = () => {
+ dispatch({ type: 'documentField.createField' });
+ };
+
+ useEffect(() => {
+ /**
+ * If there aren't any fields yet, we display the create field form
+ */
+ if (status === 'idle' && fields.length === 0) {
+ addField();
+ }
+ }, [fields, status]);
+
+ const renderCreateField = () => {
+ // The "fieldToAddFieldTo" is undefined when adding to the top level "properties" object.
+ const isCreateFieldFormVisible = status === 'creatingField' && fieldToAddFieldTo === undefined;
+
+ if (!isCreateFieldFormVisible) {
+ return null;
+ }
+
+ return 0} allFields={byId} isRootLevelField />;
+ };
+
+ const renderAddFieldButton = () => {
+ const isDisabled = status !== 'idle';
+ return (
+ <>
+
+
+ {i18n.translate('xpack.idxMgmt.mappingsEditor.addFieldButtonLabel', {
+ defaultMessage: 'Add field',
+ })}
+
+
+ );
+ };
+
+ return (
+ <>
+
+ {renderCreateField()}
+ {renderAddFieldButton()}
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/index.ts b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/index.ts
new file mode 100644
index 0000000000000..512cc916b26ca
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/index.ts
@@ -0,0 +1,9 @@
+/*
+ * 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 * from './document_fields';
+
+export * from './editor_toggle_controls';
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/search_fields/index.ts b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/search_fields/index.ts
new file mode 100644
index 0000000000000..a32d62bace9db
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/search_fields/index.ts
@@ -0,0 +1,7 @@
+/*
+ * 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 * from './search_result';
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/search_fields/search_result.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/search_fields/search_result.tsx
new file mode 100644
index 0000000000000..9077781b7fb43
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/document_fields/search_fields/search_result.tsx
@@ -0,0 +1,78 @@
+/*
+ * 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 VirtualList from 'react-tiny-virtual-list';
+import { EuiEmptyPrompt, EuiButton } from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n/react';
+
+import { SearchResult as SearchResultType } from '../../../types';
+import { useDispatch } from '../../../mappings_state';
+import { State } from '../../../reducer';
+import { SearchResultItem } from './search_result_item';
+
+interface Props {
+ result: SearchResultType[];
+ documentFieldsState: State['documentFields'];
+ style?: React.CSSProperties;
+}
+
+const ITEM_HEIGHT = 64;
+
+export const SearchResult = React.memo(
+ ({ result, documentFieldsState: { status, fieldToEdit }, style: virtualListStyle }: Props) => {
+ const dispatch = useDispatch();
+ const listHeight = Math.min(result.length * ITEM_HEIGHT, 600);
+
+ const clearSearch = () => {
+ dispatch({ type: 'search:update', value: '' });
+ };
+
+ return result.length === 0 ? (
+
+
+
+ }
+ actions={
+
+
+
+ }
+ />
+ ) : (
+ {
+ const item = result[index];
+
+ return (
+
+ ))}
+
+ {state.errors!.length > MAX_ERRORS_TO_DISPLAY && renderErrorsFilterButton()}
+
+
+ )}
+
+
+ )}
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/templates_form/index.ts b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/templates_form/index.ts
new file mode 100644
index 0000000000000..a20841fab7783
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/templates_form/index.ts
@@ -0,0 +1,7 @@
+/*
+ * 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 { TemplatesForm } from './templates_form';
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/templates_form/templates_form.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/templates_form/templates_form.tsx
new file mode 100644
index 0000000000000..0aa6a90039a86
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/templates_form/templates_form.tsx
@@ -0,0 +1,126 @@
+/*
+ * 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, useRef } from 'react';
+import { i18n } from '@kbn/i18n';
+import { FormattedMessage } from '@kbn/i18n/react';
+
+import { EuiText, EuiLink, EuiSpacer } from '@elastic/eui';
+import { useForm, Form, SerializerFunc, UseField, JsonEditorField } from '../../shared_imports';
+import { Types, useDispatch } from '../../mappings_state';
+import { templatesFormSchema } from './templates_form_schema';
+import { documentationService } from '../../../../services/documentation';
+
+type MappingsTemplates = Types['MappingsTemplates'];
+
+interface Props {
+ defaultValue?: MappingsTemplates;
+}
+
+const stringifyJson = (json: { [key: string]: any }) =>
+ Array.isArray(json) ? JSON.stringify(json, null, 2) : '[\n\n]';
+
+const formSerializer: SerializerFunc = formData => {
+ const { dynamicTemplates } = formData;
+
+ let parsedTemplates;
+ try {
+ parsedTemplates = JSON.parse(dynamicTemplates);
+
+ if (!Array.isArray(parsedTemplates)) {
+ // User provided an object, but we need an array of objects
+ parsedTemplates = [parsedTemplates];
+ }
+ } catch {
+ parsedTemplates = [];
+ }
+
+ return {
+ dynamic_templates: parsedTemplates,
+ };
+};
+
+const formDeserializer = (formData: { [key: string]: any }) => {
+ const { dynamic_templates } = formData;
+
+ return {
+ dynamicTemplates: stringifyJson(dynamic_templates),
+ };
+};
+
+export const TemplatesForm = React.memo(({ defaultValue }: Props) => {
+ const didMountRef = useRef(false);
+
+ const { form } = useForm({
+ schema: templatesFormSchema,
+ serializer: formSerializer,
+ deserializer: formDeserializer,
+ defaultValue,
+ });
+ const dispatch = useDispatch();
+
+ useEffect(() => {
+ const subscription = form.subscribe(updatedTemplates => {
+ dispatch({ type: 'templates.update', value: { ...updatedTemplates, form } });
+ });
+ return subscription.unsubscribe;
+ }, [form]);
+
+ useEffect(() => {
+ if (didMountRef.current) {
+ // If the defaultValue has changed (it probably means that we have loaded a new JSON)
+ // we need to reset the form to update the fields values.
+ form.reset({ resetValues: true });
+ } else {
+ // Avoid reseting the form on component mount.
+ didMountRef.current = true;
+ }
+ }, [defaultValue]);
+
+ useEffect(() => {
+ return () => {
+ // On unmount => save in the state a snapshot of the current form data.
+ dispatch({ type: 'templates.save' });
+ };
+ }, []);
+
+ return (
+ <>
+
+
+ {i18n.translate('xpack.idxMgmt.mappingsEditor.dynamicTemplatesDocumentationLink', {
+ defaultMessage: 'Learn more.',
+ })}
+
+ ),
+ }}
+ />
+
+
+
+
+ );
+});
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/templates_form/templates_form_schema.ts b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/templates_form/templates_form_schema.ts
new file mode 100644
index 0000000000000..667b5685723d2
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/templates_form/templates_form_schema.ts
@@ -0,0 +1,29 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+
+import { FormSchema, fieldValidators } from '../../shared_imports';
+import { MappingsTemplates } from '../../reducer';
+
+const { isJsonField } = fieldValidators;
+
+export const templatesFormSchema: FormSchema = {
+ dynamicTemplates: {
+ label: i18n.translate('xpack.idxMgmt.mappingsEditor.templates.dynamicTemplatesEditorLabel', {
+ defaultMessage: 'Dynamic templates data',
+ }),
+ validations: [
+ {
+ validator: isJsonField(
+ i18n.translate('xpack.idxMgmt.mappingsEditor.templates.dynamicTemplatesEditorJsonError', {
+ defaultMessage: 'The dynamic templates JSON is not valid.',
+ })
+ ),
+ },
+ ],
+ },
+};
diff --git a/x-pack/legacy/plugins/index_management/static/ui/index.ts b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/tree/index.ts
similarity index 89%
rename from x-pack/legacy/plugins/index_management/static/ui/index.ts
rename to x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/tree/index.ts
index 73bbde465146c..201488a01de94 100644
--- a/x-pack/legacy/plugins/index_management/static/ui/index.ts
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/tree/index.ts
@@ -4,4 +4,4 @@
* you may not use this file except in compliance with the Elastic License.
*/
-export * from './components';
+export * from './tree';
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/tree/tree.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/tree/tree.tsx
new file mode 100644
index 0000000000000..ee963cfaee7f5
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/tree/tree.tsx
@@ -0,0 +1,27 @@
+/*
+ * 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 { TreeItem as TreeItemComponent } from './tree_item';
+
+export interface TreeItem {
+ label: string | JSX.Element;
+ children?: TreeItem[];
+}
+
+interface Props {
+ tree: TreeItem[];
+}
+
+export const Tree = ({ tree }: Props) => {
+ return (
+
+ {tree.map((treeItem, i) => (
+
+ ))}
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/tree/tree_item.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/tree/tree_item.tsx
new file mode 100644
index 0000000000000..2194bf1267dfa
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/components/tree/tree_item.tsx
@@ -0,0 +1,23 @@
+/*
+ * 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 { TreeItem as TreeItemType } from './tree';
+import { Tree } from './tree';
+
+interface Props {
+ treeItem: TreeItemType;
+}
+
+export const TreeItem = ({ treeItem }: Props) => {
+ return (
+
+
{treeItem.label}
+ {treeItem.children && }
+
+ );
+};
diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/constants/data_types_definition.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/constants/data_types_definition.tsx
new file mode 100644
index 0000000000000..f904281181c48
--- /dev/null
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/constants/data_types_definition.tsx
@@ -0,0 +1,853 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+import { FormattedMessage } from '@kbn/i18n/react';
+import { EuiLink, EuiCode } from '@elastic/eui';
+
+import { documentationService } from '../../../services/documentation';
+import { MainType, SubType, DataType, DataTypeDefinition } from '../types';
+
+export const TYPE_DEFINITION: { [key in DataType]: DataTypeDefinition } = {
+ text: {
+ value: 'text',
+ label: i18n.translate('xpack.idxMgmt.mappingsEditor.dataType.textDescription', {
+ defaultMessage: 'Text',
+ }),
+ documentation: {
+ main: '/text.html',
+ },
+ description: () => (
+