Setting up syntax highlighting of code section - Configuration fix for Examples

src/core/components/example.jsx

@@ -8,7 +8,7 @@ import ImPropTypes from "react-immutable-proptypes"
 import { stringify } from "core/utils"
 
 export default function Example(props) {
-  const { example, showValue, getComponent } = props
+  const { example, showValue, getComponent, getConfigs } = props
 
   const Markdown = getComponent("Markdown", true)
   const HighlightCode = getComponent("highlightCode")
@@ -28,7 +28,7 @@ export default function Example(props) {
       {showValue && example.has("value") ? (
         <section className="example__section">
           <div className="example__section-header">Example Value</div>
-          <HighlightCode value={stringify(example.get("value"))} />
+          <HighlightCode getConfigs={ getConfigs } value={stringify(example.get("value"))} />
         </section>
       ) : null}
     </div>
@@ -39,4 +39,5 @@ Example.propTypes = {
   example: ImPropTypes.map.isRequired,
   showValue: PropTypes.bool,
   getComponent: PropTypes.func.isRequired,
+  getConfigs: PropTypes.func.getConfigs,
 }

src/core/components/model-example.jsx

@@ -76,7 +76,7 @@ export default class ModelExample extends React.Component {
         {
           this.state.activeTab === "example" ? (
             example ? example : (
-              <HighlightCode value="(no example available)" />
+              <HighlightCode value="(no example available)" getConfigs={ getConfigs } />
             )
           ) : null
         }

src/core/components/parameter-row.jsx

@@ -369,6 +369,7 @@ export default class ParameterRow extends Component {
                   oas3Selectors.activeExamplesMember(...pathMethod, "parameters", this.getParamKey())
                 ])}
                 getComponent={getComponent}
+                getConfigs={getConfigs}
               />
             ) : null
           }

src/core/components/parameters/parameters.jsx

@@ -107,6 +107,7 @@ export default class Parameters extends Component {
     const isExecute = tryItOutEnabled && allowTryItOut
     const isOAS3 = specSelectors.isOAS3()
 
+
     const requestBody = operation.get("requestBody")
     return (
       <div className="opblock-section">
@@ -200,6 +201,7 @@ export default class Parameters extends Component {
                 requestBodyInclusionSetting={oas3Selectors.requestBodyInclusionSetting(...pathMethod)}
                 requestBodyErrors={oas3Selectors.requestBodyErrors(...pathMethod)}
                 isExecute={isExecute}
+                getConfigs={getConfigs}
                 activeExamplesKey={oas3Selectors.activeExamplesMember(
                   ...pathMethod,
                   "requestBody",

src/core/components/response.jsx

@@ -226,6 +226,7 @@ export default class Response extends React.Component {
               <Example
                 example={examplesForMediaType.get(this.getTargetExamplesKey(), Map({}))}
                 getComponent={getComponent}
+                getConfigs={getConfigs}
                 omitValue={true}
               />
           ) : null}

src/core/plugins/oas3/components/request-body.jsx

@@ -250,6 +250,7 @@ const RequestBody = ({
           example={
             <HighlightCode
               className="body-param__example"
+              getConfigs={getConfigs}
               value={stringify(requestBodyValue) || getDefaultRequestBodyValue(
                 requestBody,
                 contentType,
@@ -266,6 +267,7 @@ const RequestBody = ({
         <Example
           example={examplesForMediaType.get(activeExamplesKey)}
           getComponent={getComponent}
+          getConfigs={getConfigs}
         />
       ) : null
     }