[EuiCodeEditor] Add deprecation console warning

CHANGELOG.md

@@ -7,6 +7,7 @@
 - Updated `EuiText`s `blockquote` font-size/line-height to match the base font-size/line-height which is the same as paragraphs ([#4663](https://github.com/elastic/eui/pull/4663))
 - Added `markdownFormatProps` prop to `EuiMarkdownEditor` to extend the props passed to the rendered `EuiMarkdownFormat` ([#4663](https://github.com/elastic/eui/pull/4663))
 - Added optional virtualized line rendering to `EuiCodeBlock` ([#4952](https://github.com/elastic/eui/pull/4952))
+- Added a console warning for the deprecation of `EuiCodeEditor` ([#4984](https://github.com/elastic/eui/pull/4984))
 
 **Bug fixes**
 

src-docs/src/views/code/code_example.js

@@ -4,10 +4,12 @@ import { Link } from 'react-router-dom';
 import { GuideSectionTypes } from '../../components';
 
 import {
+  EuiCallOut,
   EuiCode,
   EuiCodeBlock,
   EuiLink,
   EuiText,
+  EuiSpacer,
 } from '../../../../src/components';
 import { codeBlockConfig, codeConfig } from './playground';
 
@@ -39,6 +41,23 @@ export const CodeExample = {
   title: 'Code',
   intro: (
     <>
+      <EuiCallOut title="EUI provides support for static code">
+        <p>
+          <strong>EuiCode</strong> and <strong>EuiCodeBlock</strong> are
+          intended to render static lines or blocks of code in read-only
+          contexts.
+          <br />
+          If you need capabilities to edit, or want to print long code (e.g.,
+          printing JSON from an API), use{' '}
+          <EuiLink
+            external
+            href="https://github.com/elastic/kibana/tree/master/src/plugins/kibana_react/public/code_editor">
+            <strong>CodeEditor</strong> (within Kibana)
+          </EuiLink>
+          .
+        </p>
+      </EuiCallOut>
+      <EuiSpacer />
       <EuiText>
         <p>
           The <strong>EuiCode</strong> and <strong>EuiCodeBlock</strong>{' '}

src/components/code_editor/code_editor.tsx

@@ -14,6 +14,9 @@ import { keysOf } from '../common';
 import { htmlIdGenerator, keys } from '../../services';
 import { EuiI18n } from '../i18n';
 
+console.warn(`[EUI] - DEPRECATION: \`EuiCodeEditor\` is deprecated and will be removed in a future release.
+See https://ela.st/euicodeeditor for migration options.`);
+
 const DEFAULT_MODE = 'text';
 const DEFAULT_THEME = 'textmate';