De-angularize DocViewer

src/legacy/ui/public/registry/doc_views.js → src/legacy/core_plugins/kbn_doc_views/public/views/json.tsx

@@ -16,18 +16,18 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import { addDocView } from 'ui/registry/doc_views';
+import { i18n } from '@kbn/i18n';
+import { JsonCodeEditor } from './json_code_editor';
 
-import _ from 'lodash';
-import { uiRegistry } from './_registry';
-
-export const DocViewsRegistryProvider = uiRegistry({
-  name: 'docViews',
-  index: ['name'],
-  order: ['order'],
-  constructor() {
-    this.forEach(docView => {
-      docView.shouldShow = docView.shouldShow || _.constant(true);
-      docView.name = docView.name || docView.title;
-    });
-  }
+/*
+ * Registration of the the doc view: json
+ * - used to display an ES hit as pretty printed JSON at Discover
+ */
+addDocView({
+  title: i18n.translate('kbnDocViews.json.jsonTitle', {
+    defaultMessage: 'JSON',
+  }),
+  order: 20,
+  component: JsonCodeEditor,
 });

src/legacy/core_plugins/kbn_doc_views/public/views/json_code_editor.test.tsx

@@ -19,8 +19,16 @@
 import React from 'react';
 import { shallow } from 'enzyme';
 import { JsonCodeEditor } from './json_code_editor';
+import { IndexPattern } from 'ui/index_patterns';
 
 it('returns the `JsonCodeEditor` component', () => {
-  const hit = { _index: 'test', _source: { test: 123 } };
-  expect(shallow(<JsonCodeEditor hit={hit} />)).toMatchSnapshot();
+  const props = {
+    hit: { _index: 'test', _source: { test: 123 } },
+    columns: [],
+    indexPattern: {} as IndexPattern,
+    filter: jest.fn(),
+    onAddColumn: jest.fn(),
+    onRemoveColumn: jest.fn(),
+  };
+  expect(shallow(<JsonCodeEditor {...props} />)).toMatchSnapshot();
 });

src/legacy/core_plugins/kbn_doc_views/public/views/json_code_editor.tsx

@@ -20,12 +20,9 @@
 import { EuiCodeEditor } from '@elastic/eui';
 import React from 'react';
 import { FormattedMessage } from '@kbn/i18n/react';
+import { DocViewRenderProps } from 'ui/registry/doc_views';
 
-export interface JsonCodeEditorProps {
-  hit: Record<string, any>;
-}
-
-export function JsonCodeEditor({ hit }: JsonCodeEditorProps) {
+export function JsonCodeEditor({ hit }: DocViewRenderProps) {
   return (
     <EuiCodeEditor
       aria-label={