chore: update props, fix up types

hashicorp · Aug 9, 2023 · 207301d · 207301d
1 parent acf8565
commit 207301d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/packages/code-block/index.tsx b/packages/code-block/index.tsx
@@ -21,7 +21,7 @@ import s from './style.module.css'
 
 export interface CodeBlockOptions {
   showChrome?: boolean
-  highlight?: boolean
+  highlight?: string
   lineNumbers?: boolean
   showClipboard?: boolean
   showWindowBar?: boolean
@@ -49,7 +49,6 @@ function CodeBlock({
   onCopyCallBack,
   options = {
     showChrome: false,
-    highlight: false,
     lineNumbers: false,
     showClipboard: false,
     showWindowBar: false,

diff --git a/packages/code-block/partials/code-lines/index.tsx b/packages/code-block/partials/code-lines/index.tsx
@@ -12,16 +12,16 @@
  */
 /* eslint-disable react/no-array-index-key */
 
-import React, { PropsWithChildren, useMemo } from 'react'
+import React, { PropsWithChildren, ReactElement, useMemo } from 'react'
 import classNames from 'classnames'
 import parseHighlightedLines from '../../utils/parse-highlighted-lines'
 import splitJsxIntoLines from './utils/split-jsx-into-lines'
 import splitHtmlIntoLines from './utils/split-html-into-lines'
 import s from './code-lines.module.css'
 
 interface CodeLinesProps {
-  code: string
-  language: string
+  code: string | ReactElement
+  language?: string
   lineNumbers?: boolean
   highlight?: string
   hasFloatingCopyButton?: boolean
@@ -140,7 +140,7 @@ function CodeLines({
 function PreCode({
   children,
   language,
-}: PropsWithChildren<{ language: string }>) {
+}: PropsWithChildren<{ language?: string }>) {
   return (
     <pre className={classNames(s.pre, `language-${language}`)}>
       <code className={classNames(s.code, `language-${language}`)}>

diff --git a/packages/code-block/props.js b/packages/code-block/props.js
@@ -62,6 +62,11 @@ module.exports = {
         description:
           'Set to `true` to show the copy-to-clipboard prompt and functionality.',
       },
+      wrapCode: {
+        type: 'boolean',
+        description:
+          'Set to `true` to make long lines of code wrap rather than overflow.',
+      },
     },
   },
 }