fix(CodeBlock): Temporarily drop syntax highlighting (#605)

Syntax highlighter has a sub-dependency with a vulnerability. It has not yet been fixed. I would like to drop this for now and we can investigate a more PatternFly solution. This dependency was brought in by Rohit during early development.

Author: rebeccaalpert

jest.config.js

@@ -7,7 +7,7 @@ module.exports = {
   collectCoverage: true,
   // most of these are to fix https://github.com/remarkjs/react-markdown/issues/635
   transformIgnorePatterns: [
-    'node_modules/(?!@patternfly|@data-driven-forms|react-syntax-highlighter|remark-gfm|react-markdown|remark-parse|devlop|hast-util-to-jsx-runtime|comma-separated-tokens|estree-util-is-identifier-name|hast-util-whitespace|property-information|space-separated-tokens|unist-util-position|vfile-message|unist-util-stringify-position|html-url-attributes|mdast-util-from-markdown|mdast-util-to-string|micromark|decode-named-character-reference|remark-rehype|mdast-util-to-hast|trim-lines|unist-util-visit|unist-util-is|unified|bail|is-plain-obj|trough|vfile|mdast-util-gfm|ccount|mdast-util-find-and-replace|escape-string-regexp|markdown-table|mdast-util-to-markdown|zwitch|longest-streak|mdast-util-phrasing)'
+    'node_modules/(?!@patternfly|@data-driven-forms|remark-gfm|react-markdown|remark-parse|devlop|hast-util-to-jsx-runtime|comma-separated-tokens|estree-util-is-identifier-name|hast-util-whitespace|property-information|space-separated-tokens|unist-util-position|vfile-message|unist-util-stringify-position|html-url-attributes|mdast-util-from-markdown|mdast-util-to-string|micromark|decode-named-character-reference|remark-rehype|mdast-util-to-hast|trim-lines|unist-util-visit|unist-util-is|unified|bail|is-plain-obj|trough|vfile|mdast-util-gfm|ccount|mdast-util-find-and-replace|escape-string-regexp|markdown-table|mdast-util-to-markdown|zwitch|longest-streak|mdast-util-phrasing)'
     // Uncomment the below line if you face any errors with jest
     // '/node_modules/(?!@redhat-cloud-services)',
   ],

package-lock.json

@@ -40,7 +40,6 @@
     "clsx": "^2.1.0",
     "framer-motion": "^11.3.28",
     "react-markdown": "^9.0.1",
-    "react-syntax-highlighter": "^15.5.0",
     "remark-gfm": "^4.0.0",
     "rehype-unwrap-images": "^1.0.0",
     "rehype-external-links": "^3.0.0",

packages/module/package.json

@@ -2,8 +2,6 @@
 // Chatbot Main - Message - Content - Code Block
 // ============================================================================
 import { useState, useRef, useId, useCallback, useEffect } from 'react';
-import SyntaxHighlighter from 'react-syntax-highlighter';
-import { obsidian } from 'react-syntax-highlighter/dist/esm/styles/hljs';
 // Import PatternFly components
 import {
   CodeBlock,
@@ -20,7 +18,6 @@ import {
 
 import { CheckIcon } from '@patternfly/react-icons/dist/esm/icons/check-icon';
 import { CopyIcon } from '@patternfly/react-icons/dist/esm/icons/copy-icon';
-import { ExpandableSectionForSyntaxHighlighter } from './ExpandableSectionForSyntaxHighlighter';
 
 export interface CodeBlockMessageProps {
   /** Content rendered in code block */
@@ -137,30 +134,7 @@ const CodeBlockMessage = ({
       <CodeBlock actions={actions}>
         <CodeBlockCode>
           <>
-            {language ? (
-              // SyntaxHighlighter doesn't work with ExpandableSection because it targets the direct child
-              // Forked for now and adjusted to match what we need
-              <ExpandableSectionForSyntaxHighlighter
-                variant={ExpandableSectionVariant.truncate}
-                isExpanded={isExpanded}
-                isDetached
-                toggleId={toggleId}
-                contentId={contentId}
-                language={language}
-                {...expandableSectionProps}
-              >
-                <SyntaxHighlighter
-                  {...props}
-                  language={language}
-                  style={obsidian}
-                  PreTag="div"
-                  CodeTag="div"
-                  wrapLongLines
-                >
-                  {String(children).replace(/\n$/, '')}
-                </SyntaxHighlighter>
-              </ExpandableSectionForSyntaxHighlighter>
-            ) : (
+            {isExpandable ? (
               <ExpandableSection
                 variant={ExpandableSectionVariant.truncate}
                 isExpanded={isExpanded}
@@ -171,6 +145,8 @@ const CodeBlockMessage = ({
               >
                 {children}
               </ExpandableSection>
+            ) : (
+              children
             )}
           </>
         </CodeBlockCode>