From 6a80c6a1aceed2c1e7aa15eb5be1ee8ce0344ef9 Mon Sep 17 00:00:00 2001
From: Jean-Louis Leysens <jloleysens@gmail.com>
Date: Wed, 13 Nov 2019 13:55:59 +0100
Subject: [PATCH 1/2] Added textmate theme and JSON mode imports

---
 .../custom_patterns_input/custom_patterns_input.js        | 1 +
 .../grokdebugger/components/event_input/event_input.js    | 1 +
 .../grokdebugger/components/event_output/event_output.js  | 1 +
 .../components/grok_debugger/brace_imports.ts             | 8 ++++++++
 .../components/grok_debugger/grok_debugger.js             | 3 +++
 .../components/pattern_input/pattern_input.js             | 1 +
 6 files changed, 15 insertions(+)
 create mode 100644 x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/brace_imports.ts

diff --git a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/custom_patterns_input/custom_patterns_input.js b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/custom_patterns_input/custom_patterns_input.js
index 87df1976b7dc84..a6cc7708c49ede 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/custom_patterns_input/custom_patterns_input.js
+++ b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/custom_patterns_input/custom_patterns_input.js
@@ -57,6 +57,7 @@ MSG message-id=<%{GREEDYDATA}>`;
         <EuiPanel paddingSize="s">
           <EuiCodeEditor
             width="100%"
+            theme="textmate"
             value={value}
             onChange={onChange}
             setOptions={{
diff --git a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_input/event_input.js b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_input/event_input.js
index 00ee2dbd9074c0..821dc7bf2da716 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_input/event_input.js
+++ b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_input/event_input.js
@@ -28,6 +28,7 @@ export function EventInput({ value, onChange }) {
       <EuiPanel paddingSize="s">
         <EuiCodeEditor
           width="100%"
+          theme="textmate"
           value={value}
           onChange={onChange}
           setOptions={{
diff --git a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_output/event_output.js b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_output/event_output.js
index f669ac7a61fddf..72d2958c16b834 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_output/event_output.js
+++ b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_output/event_output.js
@@ -27,6 +27,7 @@ export function EventOutput({ value }) {
       <EuiPanel paddingSize="s">
         <EuiCodeEditor
           mode="json"
+          theme="textmate"
           isReadOnly
           width="100%"
           height="340px"
diff --git a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/brace_imports.ts b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/brace_imports.ts
new file mode 100644
index 00000000000000..2de91f616bf5d6
--- /dev/null
+++ b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/brace_imports.ts
@@ -0,0 +1,8 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import 'brace/mode/json';
+import 'brace/theme/textmate';
diff --git a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/grok_debugger.js b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/grok_debugger.js
index eaf66b2b1a0442..784a870113019a 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/grok_debugger.js
+++ b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/grok_debugger.js
@@ -5,6 +5,9 @@
  */
 import React from 'react';
 import { isEmpty } from 'lodash';
+
+import './brace_imports';
+
 import {
   EuiForm,
   EuiButton,
diff --git a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/pattern_input/pattern_input.js b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/pattern_input/pattern_input.js
index bb06da7183b9a0..f360a6e827759c 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/pattern_input/pattern_input.js
+++ b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/pattern_input/pattern_input.js
@@ -29,6 +29,7 @@ export function PatternInput({ value, onChange }) {
       <EuiPanel paddingSize="s">
         <EuiCodeEditor
           width="100%"
+          theme="textmate"
           value={value}
           onChange={onChange}
           mode={new GrokMode()}

From accdcb39a0760c94f85aa5102d0701278069f4c0 Mon Sep 17 00:00:00 2001
From: Jean-Louis Leysens <jloleysens@gmail.com>
Date: Wed, 13 Nov 2019 14:11:00 +0100
Subject: [PATCH 2/2] Added text themes to other inputs [skip ci]

---
 .../components/custom_patterns_input/custom_patterns_input.js    | 1 +
 .../sections/grokdebugger/components/event_input/event_input.js  | 1 +
 .../grokdebugger/components/grok_debugger/brace_imports.ts       | 1 +
 3 files changed, 3 insertions(+)

diff --git a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/custom_patterns_input/custom_patterns_input.js b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/custom_patterns_input/custom_patterns_input.js
index a6cc7708c49ede..1245a77492a4e7 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/custom_patterns_input/custom_patterns_input.js
+++ b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/custom_patterns_input/custom_patterns_input.js
@@ -58,6 +58,7 @@ MSG message-id=<%{GREEDYDATA}>`;
           <EuiCodeEditor
             width="100%"
             theme="textmate"
+            mode="text"
             value={value}
             onChange={onChange}
             setOptions={{
diff --git a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_input/event_input.js b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_input/event_input.js
index 821dc7bf2da716..2831fe006d4c3d 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_input/event_input.js
+++ b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/event_input/event_input.js
@@ -29,6 +29,7 @@ export function EventInput({ value, onChange }) {
         <EuiCodeEditor
           width="100%"
           theme="textmate"
+          mode="text"
           value={value}
           onChange={onChange}
           setOptions={{
diff --git a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/brace_imports.ts b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/brace_imports.ts
index 2de91f616bf5d6..cea15c5e3c8d09 100644
--- a/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/brace_imports.ts
+++ b/x-pack/legacy/plugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/brace_imports.ts
@@ -5,4 +5,5 @@
  */
 
 import 'brace/mode/json';
+import 'brace/mode/text';
 import 'brace/theme/textmate';