[Mappings editor] Add support for histogram field type

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/index.ts

@@ -69,6 +69,8 @@ export * from './other_type_name_parameter';
 
 export * from './other_type_json_parameter';
 
+export * from './meta_parameter';
+
 export * from './ignore_above_parameter';
 
 export const PARAMETER_SERIALIZERS = [relationsSerializer, dynamicSerializer];

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/field_parameters/meta_parameter.tsx

@@ -0,0 +1,50 @@
+/*
+ * 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, { FunctionComponent } from 'react';
+
+import { i18n } from '@kbn/i18n';
+
+import { documentationService } from '../../../../../services/documentation';
+import { UseField, JsonEditorField } from '../../../shared_imports';
+import { getFieldConfig } from '../../../lib';
+import { EditFieldFormRow } from '../fields/edit_field';
+
+interface Props {
+  defaultToggleValue: boolean;
+}
+
+export const MetaParameter: FunctionComponent<Props> = ({ defaultToggleValue }) => (
+  <EditFieldFormRow
+    title={i18n.translate('xpack.idxMgmt.mappingsEditor.metaParameterTitle', {
+      defaultMessage: 'Set metadata',
+    })}
+    description={i18n.translate('xpack.idxMgmt.mappingsEditor.metaParameterDescription', {
+      defaultMessage: 'Arbitrary information about the field. Specify as JSON key-value pairs.',
+    })}
+    defaultToggleValue={defaultToggleValue}
+    docLink={{
+      text: i18n.translate('xpack.idxMgmt.mappingsEditor.metaParameterDocLinkText', {
+        defaultMessage: 'Metadata documentation',
+      }),
+      href: documentationService.getMetaLink(),
+    }}
+  >
+    <UseField
+      path="meta"
+      config={getFieldConfig('meta')}
+      component={JsonEditorField}
+      componentProps={{
+        euiCodeEditorProps: {
+          height: '300px',
+          'aria-label': i18n.translate('xpack.idxMgmt.mappingsEditor.metaParameterAriaLabel', {
+            defaultMessage: 'metadata field data editor',
+          }),
+        },
+      }}
+    />
+  </EditFieldFormRow>
+);

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/binary_type.tsx

@@ -5,14 +5,25 @@
  */
 import React from 'react';
 
-import { StoreParameter, DocValuesParameter } from '../../field_parameters';
+import { NormalizedField, ParameterName, Field as FieldType } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+import { StoreParameter, DocValuesParameter, MetaParameter } from '../../field_parameters';
 import { AdvancedParametersSection } from '../edit_field';
 
-export const BinaryType = () => {
+const getDefaultToggleValue = (param: ParameterName, field: FieldType) => {
+  return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+};
+
+interface Props {
+  field: NormalizedField;
+}
+
+export const BinaryType = ({ field }: Props) => {
   return (
     <AdvancedParametersSection>
       <DocValuesParameter configPath="doc_values_binary" />
       <StoreParameter />
+      <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
     </AdvancedParametersSection>
   );
 };

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/boolean_type.tsx

@@ -16,11 +16,13 @@ import {
   DocValuesParameter,
   BoostParameter,
   NullValueParameter,
+  MetaParameter,
 } from '../../field_parameters';
 import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
 
 const getDefaultToggleValue = (param: string, field: FieldType) => {
   switch (param) {
+    case 'meta':
     case 'boost': {
       return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
     }
@@ -90,6 +92,8 @@ export const BooleanType = ({ field }: Props) => {
 
         <StoreParameter />
 
+        <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
+
         <BoostParameter defaultToggleValue={getDefaultToggleValue('boost', field.source)} />
       </AdvancedParametersSection>
     </>

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/completion_type.tsx

@@ -10,11 +10,12 @@ 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 { AnalyzersParameter, MetaParameter } from '../../field_parameters';
 import { EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
 
 const getDefaultToggleValue = (param: string, field: FieldType) => {
   switch (param) {
+    case 'meta':
     case 'max_input_length': {
       return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
     }
@@ -88,6 +89,8 @@ export const CompletionType = ({ field }: Props) => {
         )}
         formFieldPath="preserve_position_increments"
       />
+
+      <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
     </AdvancedParametersSection>
   );
 };

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/date_type.tsx

@@ -19,13 +19,15 @@ import {
   IgnoreMalformedParameter,
   FormatParameter,
   LocaleParameter,
+  MetaParameter,
 } from '../../field_parameters';
 import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
 
 const getDefaultToggleValue = (param: string, field: FieldType) => {
   switch (param) {
     case 'locale':
     case 'format':
+    case 'meta':
     case 'boost': {
       return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
     }
@@ -73,6 +75,8 @@ export const DateType = ({ field }: Props) => {
 
         <StoreParameter />
 
+        <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
+
         <BoostParameter defaultToggleValue={getDefaultToggleValue('boost', field.source)} />
       </AdvancedParametersSection>
     </>

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/flattened_type.tsx

@@ -18,6 +18,7 @@ import {
   NullValueParameter,
   SimilarityParameter,
   SplitQueriesOnWhitespaceParameter,
+  MetaParameter,
   IgnoreAboveParameter,
 } from '../../field_parameters';
 import { BasicParametersSection, EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
@@ -30,6 +31,7 @@ const getDefaultToggleValue = (param: string, field: FieldType) => {
   switch (param) {
     case 'boost':
     case 'ignore_above':
+    case 'meta':
     case 'similarity': {
       return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
     }
@@ -83,6 +85,8 @@ export const FlattenedType = React.memo(({ field }: Props) => {
           defaultToggleValue={getDefaultToggleValue('null_value', field.source)}
         />
 
+        <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
+
         <BoostParameter defaultToggleValue={getDefaultToggleValue('boost', field.source)} />
       </AdvancedParametersSection>
     </>

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/geo_point_type.tsx

@@ -14,11 +14,14 @@ import {
   IgnoreMalformedParameter,
   NullValueParameter,
   IgnoreZValueParameter,
+  MetaParameter,
 } from '../../field_parameters';
 import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
 
 const getDefaultToggleValue = (param: string, field: FieldType) => {
   switch (param) {
+    case 'meta':
+      return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
     case 'null_value': {
       return field.null_value !== undefined;
     }
@@ -65,6 +68,8 @@ export const GeoPointType = ({ field }: Props) => {
             config={getFieldConfig('null_value_geo_point')}
           />
         </NullValueParameter>
+
+        <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
       </AdvancedParametersSection>
     </>
   );

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/histogram_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 { NormalizedField, Field as FieldType, ParameterName } from '../../../../types';
+import { getFieldConfig } from '../../../../lib';
+import { IgnoreMalformedParameter, MetaParameter } from '../../field_parameters';
+import { AdvancedParametersSection } from '../edit_field';
+
+interface Props {
+  field: NormalizedField;
+}
+
+const getDefaultToggleValue = (param: ParameterName, field: FieldType) => {
+  return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
+};
+
+export const HistogramType = ({ field }: Props) => {
+  return (
+    <AdvancedParametersSection>
+      <IgnoreMalformedParameter />
+
+      <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
+    </AdvancedParametersSection>
+  );
+};

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/index.ts

@@ -28,6 +28,7 @@ import { ObjectType } from './object_type';
 import { OtherType } from './other_type';
 import { NestedType } from './nested_type';
 import { JoinType } from './join_type';
+import { HistogramType } from './histogram_type';
 import { RankFeatureType } from './rank_feature_type';
 import { WildcardType } from './wildcard_type';
 
@@ -54,6 +55,7 @@ const typeToParametersFormMap: { [key in DataType]?: ComponentType<any> } = {
   other: OtherType,
   nested: NestedType,
   join: JoinType,
+  histogram: HistogramType,
   rank_feature: RankFeatureType,
   wildcard: WildcardType,
 };

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/numeric_type.tsx

@@ -18,6 +18,7 @@ import {
   CoerceNumberParameter,
   IgnoreMalformedParameter,
   CopyToParameter,
+  MetaParameter,
 } from '../../field_parameters';
 import { BasicParametersSection, EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
 import { PARAMETERS_DEFINITION } from '../../../../constants';
@@ -26,6 +27,7 @@ const getDefaultToggleValue = (param: string, field: FieldType) => {
   switch (param) {
     case 'copy_to':
     case 'boost':
+    case 'meta':
     case 'ignore_malformed': {
       return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
     }
@@ -95,6 +97,8 @@ export const NumericType = ({ field }: Props) => {
 
         <StoreParameter />
 
+        <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
+
         <BoostParameter defaultToggleValue={getDefaultToggleValue('boost', field.source)} />
       </AdvancedParametersSection>
     </>

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/range_type.tsx

@@ -5,7 +5,7 @@
  */
 import React from 'react';
 
-import { NormalizedField, Field as FieldType } from '../../../../types';
+import { NormalizedField, Field as FieldType, ParameterName } from '../../../../types';
 import { getFieldConfig } from '../../../../lib';
 import {
   StoreParameter,
@@ -14,11 +14,12 @@ import {
   CoerceNumberParameter,
   FormatParameter,
   LocaleParameter,
+  MetaParameter,
 } from '../../field_parameters';
 import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
 import { FormDataProvider } from '../../../../shared_imports';
 
-const getDefaultToggleValue = (param: 'locale' | 'format' | 'boost', field: FieldType) => {
+const getDefaultToggleValue = (param: ParameterName, field: FieldType) => {
   return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
 };
 
@@ -57,6 +58,8 @@ export const RangeType = ({ field }: Props) => {
 
         <StoreParameter />
 
+        <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
+
         <BoostParameter defaultToggleValue={getDefaultToggleValue('boost', field.source)} />
       </AdvancedParametersSection>
     </>

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/search_as_you_type.tsx

@@ -15,6 +15,7 @@ import {
   SimilarityParameter,
   TermVectorParameter,
   MaxShingleSizeParameter,
+  MetaParameter,
 } from '../../field_parameters';
 import { BasicParametersSection, AdvancedParametersSection } from '../edit_field';
 
@@ -26,6 +27,7 @@ const getDefaultToggleValue = (param: string, field: FieldType) => {
   switch (param) {
     case 'similarity':
     case 'term_vector':
+    case 'meta':
     case 'max_shingle_size': {
       return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
     }
@@ -65,6 +67,8 @@ export const SearchAsYouType = React.memo(({ field }: Props) => {
         />
 
         <StoreParameter />
+
+        <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
       </AdvancedParametersSection>
     </>
   );

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/text_type.tsx

@@ -28,6 +28,7 @@ import {
   CopyToParameter,
   TermVectorParameter,
   FieldDataParameter,
+  MetaParameter,
 } from '../../field_parameters';
 import { BasicParametersSection, EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
 
@@ -40,14 +41,15 @@ const getDefaultToggleValue = (param: string, field: FieldType) => {
     case 'boost':
     case 'position_increment_gap':
     case 'similarity':
+    case 'meta':
     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 !== '';
+      return field[param] !== undefined && field[param] !== '';
     }
     case 'indexPrefixes': {
       if (field.index_prefixes === undefined) {
@@ -241,6 +243,8 @@ export const TextType = React.memo(({ field }: Props) => {
 
         <StoreParameter />
 
+        <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
+
         <BoostParameter defaultToggleValue={getDefaultToggleValue('boost', field.source)} />
       </AdvancedParametersSection>
     </>

x-pack/plugins/index_management/public/application/components/mappings_editor/components/document_fields/fields/field_types/token_count_type.tsx

@@ -20,12 +20,14 @@ import {
   BoostParameter,
   AnalyzerParameter,
   NullValueParameter,
+  MetaParameter,
 } from '../../field_parameters';
 import { BasicParametersSection, EditFieldFormRow, AdvancedParametersSection } from '../edit_field';
 
 const getDefaultToggleValue = (param: string, field: FieldType) => {
   switch (param) {
     case 'analyzer':
+    case 'meta':
     case 'boost': {
       return field[param] !== undefined && field[param] !== getFieldConfig(param).defaultValue;
     }
@@ -107,6 +109,8 @@ export const TokenCountType = ({ field }: Props) => {
 
         <StoreParameter />
 
+        <MetaParameter defaultToggleValue={getDefaultToggleValue('meta', field.source)} />
+
         <BoostParameter defaultToggleValue={getDefaultToggleValue('boost', field.source)} />
       </AdvancedParametersSection>
     </>