Euify management edit-index-pattern component.

src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/components/alerts.tsx

@@ -0,0 +1,49 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React from 'react';
+import { EuiCallOut } from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n/react';
+
+interface Props {
+  conflictFields: any;
+}
+
+export const Alerts = ({ conflictFields }: Props) => {
+  return (
+    <EuiCallOut
+      title={
+        <FormattedMessage
+          id="kbn.management.editIndexPattern.mappingConflictHeader"
+          defaultMessage="Mapping conflict"
+        />
+      }
+      color="warning"
+      iconType="bolt"
+    >
+      <FormattedMessage
+        id="kbn.management.editIndexPattern.mappingConflictLabel"
+        defaultMessage="{conflictFieldsLength, plural, one {A field is} other {# fields are}} defined as several types (string, integer, etc) across the indices that match this pattern. You may still be able to use these conflict fields in parts of Kibana, but they will be unavailable for functions that require Kibana to know their type. Correcting this issue will require reindexing your data."
+        values={{
+          conflictFieldsLength: conflictFields.length,
+        }}
+      />
+    </EuiCallOut>
+  );
+};

src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/components/badges.tsx

@@ -0,0 +1,53 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React from 'react';
+import { EuiBadge } from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n/react';
+
+interface Props {
+  indexPattern: any;
+}
+
+export const Badges = ({ indexPattern }: Props) => {
+  return (
+    <p>
+      {indexPattern.timeFieldName ? (
+        <EuiBadge color="warning">
+          <FormattedMessage
+            id="kbn.management.editIndexPattern.timeFilterHeader"
+            defaultMessage="Time Filter field name: {timeFieldName}"
+            values={{
+              timeFieldName: indexPattern.timeFieldName,
+            }}
+          />
+        </EuiBadge>
+      ) : null}
+      {indexPattern.tags && indexPattern.tags.length
+        ? indexPattern.tags.map((tag: any, i: number) => {
+            return (
+              <EuiBadge key={i} color="hollow">
+                {tag.name}
+              </EuiBadge>
+            );
+          })
+        : null}
+    </p>
+  );
+};

src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/components/guide_text.tsx

@@ -0,0 +1,54 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React from 'react';
+import { EuiText, EuiLink, EuiIcon } from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n/react';
+
+interface Props {
+  indexPattern: any;
+}
+
+export const GuideText = ({ indexPattern }: Props) => {
+  return (
+    <EuiText>
+      <p>
+        <FormattedMessage
+          id="kbn.management.editIndexPattern.timeFilterLabel.timeFilterDetail"
+          defaultMessage="This page lists every field in the {indexPatternTitle} index and the field's associated core type as recorded by Elasticsearch. To change a field type, use the Elasticsearch {apiLink}."
+          values={{
+            indexPatternTitle: <strong>{indexPattern.title}</strong>,
+            apiLink: (
+              <EuiLink
+                target="_blank"
+                href="http://www.elastic.co/guide/en/elasticsearch/reference/current/mapping.html"
+              >
+                <FormattedMessage
+                  id="kbn.management.editIndexPattern.timeFilterLabel.mappingAPILink"
+                  defaultMessage="Mapping API"
+                />
+                <EuiIcon type="link" />
+              </EuiLink>
+            ),
+          }}
+        />
+      </p>
+    </EuiText>
+  );
+};

src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/index_header/index.js → src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/components/index.ts

@@ -17,4 +17,8 @@
  * under the License.
  */
 
-import './index_header';
+export { IndexHeader } from './index_header';
+export { Badges } from './badges';
+export { GuideText } from './guide_text';
+export { Alerts } from './alerts';
+export { Tabs } from './tabs';

src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/components/index_header.tsx

@@ -0,0 +1,94 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React from 'react';
+import { EuiFlexGroup, EuiFlexItem, EuiTitle, EuiButtonEmpty, EuiIcon } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+
+interface Props {
+  defaultIndex: boolean;
+  indexPatternTitle: string;
+  setDefault: any;
+  refreshFields: any;
+  removePattern: any;
+}
+
+export const IndexHeader = ({
+  defaultIndex,
+  indexPatternTitle,
+  setDefault,
+  refreshFields,
+  removePattern,
+}: Props) => {
+  return (
+    <div>
+      <EuiFlexGroup justifyContent="spaceBetween">
+        <EuiFlexItem grow={false}>
+          <EuiTitle size="m">
+            <h1 data-test-subj="indexPatternTitle">
+              {defaultIndex ? <EuiIcon type="starFilled" size="xl" /> : null}
+              {indexPatternTitle}
+            </h1>
+          </EuiTitle>
+        </EuiFlexItem>
+        <EuiFlexItem grow={false}>
+          <EuiFlexGroup alignItems="center">
+            <EuiButtonEmpty
+              onClick={() => setDefault()}
+              size="s"
+              aria-label={i18n.translate('kbn.management.editIndexPattern.setDefaultAria', {
+                defaultMessage: 'Set as default index',
+              })}
+              title={i18n.translate('kbn.management.editIndexPattern.setDefaultTooltip', {
+                defaultMessage: 'Set as default index',
+              })}
+              data-test-subj="setDefaultIndexPatternButton"
+            >
+              <EuiIcon type="starFilled" size="l"></EuiIcon>
+            </EuiButtonEmpty>
+            <EuiButtonEmpty
+              onClick={() => refreshFields()}
+              aria-label={i18n.translate('kbn.management.editIndexPattern.refreshAria', {
+                defaultMessage: 'Reload field list',
+              })}
+              title={i18n.translate('kbn.management.editIndexPattern.refreshTooltip', {
+                defaultMessage: 'Refresh field list',
+              })}
+            >
+              <EuiIcon type="refresh" size="l"></EuiIcon>
+            </EuiButtonEmpty>
+            <EuiButtonEmpty
+              color="danger"
+              onClick={() => removePattern()}
+              aria-label={i18n.translate('kbn.management.editIndexPattern.removeAria', {
+                defaultMessage: 'Remove index pattern',
+              })}
+              title={i18n.translate('kbn.management.editIndexPattern.removeTooltip', {
+                defaultMessage: 'Remove index pattern',
+              })}
+              data-test-subj="deleteIndexPatternButton"
+            >
+              <EuiIcon type="trash" size="l"></EuiIcon>
+            </EuiButtonEmpty>
+          </EuiFlexGroup>
+        </EuiFlexItem>
+      </EuiFlexGroup>
+    </div>
+  );
+};

src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/components/search_field.tsx

@@ -0,0 +1,50 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React, { useState } from 'react';
+import { EuiFieldSearch } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+
+interface Props {
+  $scope: any;
+}
+
+export const SearchField = ({ $scope }: Props) => {
+  const [text, setText] = useState<string>($scope.fieldFilter || '');
+
+  return (
+    <EuiFieldSearch
+      fullWidth={true}
+      placeholder={i18n.translate('kbn.management.editIndexPattern.fields.filterPlaceholder', {
+        defaultMessage: 'Filter',
+      })}
+      aria-label={i18n.translate('kbn.management.editIndexPattern.fields.filterAria', {
+        defaultMessage: 'Filter',
+      })}
+      data-test-subj="indexPatternFieldFilter"
+      value={text}
+      onChange={event => {
+        const newText = event.target.value;
+        setText(newText);
+        $scope.fieldFilter = newText;
+        $scope.$apply();
+      }}
+    />
+  );
+};