Fixed a bug in EuiCodeBlock docs where import statement example was raised up and evaluated.

src-docs/src/components/guide_section/_utils.js

@@ -76,11 +76,12 @@ export const renderJsSourceCode = (code) => {
   const remainingImports = [];
 
   renderedCode = renderedCode.replace(
+    // (?<!(`[\s\S]*))               - negative lookbehind ensuring that import statements aren't part of a template literal
     // (\/\/.+\n)?                   - optional preceding comments that must be above specific imports, e.g. // @ts-ignore
     // import                        - import + whitespace
     // ([^]+?)                       - capture any characters (including newlines)
     //  from ('[A-Za-z0-9 -_.@/]*';) - ` from 'someLibrary';` - alphanumeric and certain special characters only
-    /(\/\/.+\n)?import ([^]+?) from ('[A-Za-z0-9 -_.@/]*';)/g,
+    /(?<!(`[\s\S]*))(\/\/.+\n)?import ([^]+?) from ('[A-Za-z0-9 -_.@/]*';)/g,
     (match) => {
       remainingImports.push(match);
       return '';

src-docs/src/components/guide_section/_utils.test.js

@@ -314,5 +314,30 @@ describe('renderJsSourceCode', () => {
           export default () => 'Hello world!';`)
       );
     });
+
+    it('does not handle import statements within template literal backticks', () => {
+      expect(
+        renderJsSourceCode({
+          default: dedent(`
+            import React from 'react';
+
+            import { v4 } from '@uuid/v4';
+
+            const jsCode = \`/* I'm an example of JS */
+            import React from 'react';\`;
+
+            export default () => 'Hello world!';`),
+        })
+      ).toEqual(
+        dedent(`
+            import React from 'react';
+            import { v4 } from '@uuid/v4';
+
+            const jsCode = \`/* I'm an example of JS */
+            import React from 'react';\`;
+
+            export default () => 'Hello world!';`)
+      );
+    });
   });
 });