@readme/markdown 6.67.0-beta.2 → 6.67.0

package/components/Code/index.jsx

@@ -51,8 +51,8 @@ function Code(props) {
     dark: theme === 'dark',
   };
 
-  const code = Array.isArray(children) ? children[0] : children;
-  const codeContent = syntaxHighlighter && children ? syntaxHighlighter(code, language, codeOpts) : code || '';
+  const codeContent =
+    syntaxHighlighter && children ? syntaxHighlighter(children[0], language, codeOpts) : children?.[0] || '';
 
   return (
     <React.Fragment>
@@ -78,7 +78,7 @@ function CreateCode({ copyButtons, theme }) {
 }
 
 Code.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.string]),
+  children: PropTypes.arrayOf(PropTypes.string),
   className: PropTypes.string,
   copyButtons: PropTypes.bool,
   lang: PropTypes.string,

package/components/CodeTabs/index.jsx

@@ -3,19 +3,6 @@ const PropTypes = require('prop-types');
 const React = require('react');
 const { useState } = require('react');
 
-const traverseProps = (props, fn) => {
-  if (!props) return;
-  fn(props);
-
-  if (props && 'children' in props) {
-    if (Array.isArray(props.children)) {
-      props.children.forEach(child => child.props && traverseProps(child.props, fn));
-    } else {
-      traverseProps(props.children.props, fn);
-    }
-  }
-};
-
 const CodeTabs = props => {
   const { children, theme } = props;
   const [activeIndex, setActiveIndex] = useState(0);
@@ -32,17 +19,11 @@ const CodeTabs = props => {
     setActiveIndex(index);
   }
 
-  const tabs = [];
-  traverseProps(props, childProps => {
-    if ('meta' in childProps || 'lang' in childProps) {
-      tabs.push({ meta: childProps.meta, lang: childProps.lang });
-    }
-  });
-
   return (
     <div className={`CodeTabs CodeTabs_initial theme-${theme}`}>
       <div className="CodeTabs-toolbar" role="tablist">
-        {tabs.map(({ meta, lang }, i) => {
+        {children.map(({ props: pre }, i) => {
+          const { meta, lang } = pre.children[0].props;
           /* istanbul ignore next */
           return (
             <button
@@ -66,7 +47,7 @@ const CodeTabs = props => {
 };
 
 CodeTabs.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.any), PropTypes.object]),
+  children: PropTypes.arrayOf(PropTypes.any).isRequired,
   theme: PropTypes.string,
 };
 
@@ -75,11 +56,5 @@ function CreateCodeTabs({ theme }) {
   return props => <CodeTabs {...props} theme={theme} />;
 }
 
-CreateCodeTabs.sanitize = sanitizeSchema => {
-  sanitizeSchema.attributes.div = ['className', 'tabs'];
-
-  return sanitizeSchema;
-};
-
 module.exports = CreateCodeTabs;
 module.exports.CodeTabs = CodeTabs;

package/components/index.js

@@ -2,7 +2,6 @@ export { default as Anchor } from './Anchor';
 export { default as Callout } from './Callout';
 export { default as Code } from './Code';
 export { default as CodeTabs } from './CodeTabs';
-export { default as Div } from './Div';
 export { default as Embed } from './Embed';
 export { default as GlossaryItem } from './GlossaryItem';
 export { default as HTMLBlock } from './HTMLBlock';