@readme/markdown 6.66.0-beta.5 → 6.66.0-beta.7

package/components/Code/index.jsx

@@ -78,7 +78,7 @@ function CreateCode({ copyButtons, theme }) {
 }
 
 Code.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.string),
+  children: PropTypes.oneOf(PropTypes.arrayOf(PropTypes.string), PropTypes.string),
   className: PropTypes.string,
   copyButtons: PropTypes.bool,
   lang: PropTypes.string,

package/components/CodeTabs/index.jsx

@@ -4,19 +4,16 @@ const React = require('react');
 const { useState } = require('react');
 
 const traverseProps = (props, fn) => {
-  if (props?.children) {
-    if (props.children.forEach) {
-      props.children.forEach(child => {
-        if (child.props) {
-          traverseProps(child.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 {
-      fn(props.children.props);
+      traverseProps(props.children.props, fn);
     }
   }
-
-  fn(props);
 };
 
 const CodeTabs = props => {
@@ -69,7 +66,7 @@ const CodeTabs = props => {
 };
 
 CodeTabs.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.any).isRequired,
+  children: PropTypes.oneOf(PropTypes.arrayOf(PropTypes.any), PropTypes.object),
   theme: PropTypes.string,
 };
 

package/components/Div.jsx

@@ -5,13 +5,13 @@ const React = require('react');
  * To get around hast/html sanitation, we pass custom components through using
  * className's. Then this Div component, can render the associated component
  * instead. This used to be done with a custom `React.createElement`, but for
- * mdx@v1.5, I don't see a way to customize that.
+ * mdx@v1.6, I don't see a way to customize that.
  */
 
-const Div = ({ components, ...props }) => {
+const Div = ({ components, theme, ...props }) => {
   if (Object.keys(components).includes(props.className)) {
     const Component = components[props.className];
-    return <Component {...props} />;
+    return <Component theme={theme} {...props} />;
   }
 
   // eslint-disable-next-line react/jsx-props-no-spreading
@@ -19,9 +19,10 @@ const Div = ({ components, ...props }) => {
 };
 
 Div.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.any),
+  children: PropTypes.oneOf(PropTypes.arrayOf(PropTypes.any), PropTypes.object),
   className: PropTypes.string,
   components: PropTypes.object,
+  theme: PropTypes.string.isRequired,
 };
 
 module.exports =

package/dist/main.js

@@ -7625,7 +7625,7 @@ function CreateCode(_ref2) {
   };
 }
 Code.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.string),
+  children: PropTypes.oneOf(PropTypes.arrayOf(PropTypes.string), PropTypes.string),
   className: PropTypes.string,
   copyButtons: PropTypes.bool,
   lang: PropTypes.string,
@@ -7659,18 +7659,17 @@ var React = __webpack_require__(3634);
 var _require2 = __webpack_require__(3634),
   useState = _require2.useState;
 var traverseProps = function traverseProps(props, fn) {
-  if (props !== null && props !== void 0 && props.children) {
-    if (props.children.forEach) {
+  if (!props) return;
+  fn(props);
+  if (props && 'children' in props) {
+    if (Array.isArray(props.children)) {
       props.children.forEach(function (child) {
-        if (child.props) {
-          traverseProps(child.props, fn);
-        }
+        return child.props && traverseProps(child.props, fn);
       });
     } else {
-      fn(props.children.props);
+      traverseProps(props.children.props, fn);
     }
   }
-  fn(props);
 };
 var CodeTabs = function CodeTabs(props) {
   var children = props.children,
@@ -7725,7 +7724,7 @@ var CodeTabs = function CodeTabs(props) {
   }, children));
 };
 CodeTabs.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.any).isRequired,
+  children: PropTypes.oneOf(PropTypes.arrayOf(PropTypes.any), PropTypes.object),
   theme: PropTypes.string
 };
 function CreateCodeTabs(_ref3) {
@@ -7751,7 +7750,7 @@ module.exports.CodeTabs = CodeTabs;
 
 var _extends = __webpack_require__(434);
 var _objectWithoutProperties = __webpack_require__(215);
-var _excluded = ["components"];
+var _excluded = ["components", "theme"];
 var PropTypes = __webpack_require__(5697);
 var React = __webpack_require__(3634);
 
@@ -7759,24 +7758,28 @@ var React = __webpack_require__(3634);
  * To get around hast/html sanitation, we pass custom components through using
  * className's. Then this Div component, can render the associated component
  * instead. This used to be done with a custom `React.createElement`, but for
- * mdx@v1.5, I don't see a way to customize that.
+ * mdx@v1.6, I don't see a way to customize that.
  */
 
 var Div = function Div(_ref) {
   var components = _ref.components,
+    theme = _ref.theme,
     props = _objectWithoutProperties(_ref, _excluded);
   if (Object.keys(components).includes(props.className)) {
     var Component = components[props.className];
-    return /*#__PURE__*/React.createElement(Component, props);
+    return /*#__PURE__*/React.createElement(Component, _extends({
+      theme: theme
+    }, props));
   }
 
   // eslint-disable-next-line react/jsx-props-no-spreading
   return /*#__PURE__*/React.createElement("div", props);
 };
 Div.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.any),
+  children: PropTypes.oneOf(PropTypes.arrayOf(PropTypes.any), PropTypes.object),
   className: PropTypes.string,
-  components: PropTypes.object
+  components: PropTypes.object,
+  theme: PropTypes.string.isRequired
 };
 module.exports = function (components, _ref2) {
   var theme = _ref2.theme;
@@ -36717,7 +36720,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 /* eslint-disable no-param-reassign */
 
 __webpack_require__(2787);
-var MDXRuntime = (__webpack_require__(2114)["default"]);
+var Mdx = (__webpack_require__(2114)["default"]);
 var Variable = __webpack_require__(1882);
 var generateTOC = __webpack_require__(3263);
 var React = __webpack_require__(3634);
@@ -36937,7 +36940,7 @@ function react(content) {
     })), transformers, [remarkSlug, [remarkDisableTokenizers, opts.disableTokenizers]]);
     return /*#__PURE__*/React.createElement(ErrorBoundary, {
       key: content
-    }, /*#__PURE__*/React.createElement(MDXRuntime, {
+    }, /*#__PURE__*/React.createElement(Mdx, {
       components: reactComponents(opts, components),
       rehypePlugins: [sectionAnchorId],
       remarkPlugins: remarkPlugins

package/dist/main.node.js

@@ -7625,7 +7625,7 @@ function CreateCode(_ref2) {
   };
 }
 Code.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.string),
+  children: PropTypes.oneOf(PropTypes.arrayOf(PropTypes.string), PropTypes.string),
   className: PropTypes.string,
   copyButtons: PropTypes.bool,
   lang: PropTypes.string,
@@ -7659,18 +7659,17 @@ var React = __webpack_require__(3634);
 var _require2 = __webpack_require__(3634),
   useState = _require2.useState;
 var traverseProps = function traverseProps(props, fn) {
-  if (props !== null && props !== void 0 && props.children) {
-    if (props.children.forEach) {
+  if (!props) return;
+  fn(props);
+  if (props && 'children' in props) {
+    if (Array.isArray(props.children)) {
       props.children.forEach(function (child) {
-        if (child.props) {
-          traverseProps(child.props, fn);
-        }
+        return child.props && traverseProps(child.props, fn);
       });
     } else {
-      fn(props.children.props);
+      traverseProps(props.children.props, fn);
     }
   }
-  fn(props);
 };
 var CodeTabs = function CodeTabs(props) {
   var children = props.children,
@@ -7725,7 +7724,7 @@ var CodeTabs = function CodeTabs(props) {
   }, children));
 };
 CodeTabs.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.any).isRequired,
+  children: PropTypes.oneOf(PropTypes.arrayOf(PropTypes.any), PropTypes.object),
   theme: PropTypes.string
 };
 function CreateCodeTabs(_ref3) {
@@ -7751,7 +7750,7 @@ module.exports.CodeTabs = CodeTabs;
 
 var _extends = __webpack_require__(434);
 var _objectWithoutProperties = __webpack_require__(215);
-var _excluded = ["components"];
+var _excluded = ["components", "theme"];
 var PropTypes = __webpack_require__(5697);
 var React = __webpack_require__(3634);
 
@@ -7759,24 +7758,28 @@ var React = __webpack_require__(3634);
  * To get around hast/html sanitation, we pass custom components through using
  * className's. Then this Div component, can render the associated component
  * instead. This used to be done with a custom `React.createElement`, but for
- * mdx@v1.5, I don't see a way to customize that.
+ * mdx@v1.6, I don't see a way to customize that.
  */
 
 var Div = function Div(_ref) {
   var components = _ref.components,
+    theme = _ref.theme,
     props = _objectWithoutProperties(_ref, _excluded);
   if (Object.keys(components).includes(props.className)) {
     var Component = components[props.className];
-    return /*#__PURE__*/React.createElement(Component, props);
+    return /*#__PURE__*/React.createElement(Component, _extends({
+      theme: theme
+    }, props));
   }
 
   // eslint-disable-next-line react/jsx-props-no-spreading
   return /*#__PURE__*/React.createElement("div", props);
 };
 Div.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.any),
+  children: PropTypes.oneOf(PropTypes.arrayOf(PropTypes.any), PropTypes.object),
   className: PropTypes.string,
-  components: PropTypes.object
+  components: PropTypes.object,
+  theme: PropTypes.string.isRequired
 };
 module.exports = function (components, _ref2) {
   var theme = _ref2.theme;
@@ -34380,7 +34383,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 /* eslint-disable no-param-reassign */
 
 __webpack_require__(2787);
-var MDXRuntime = (__webpack_require__(2114)["default"]);
+var Mdx = (__webpack_require__(2114)["default"]);
 var Variable = __webpack_require__(1882);
 var generateTOC = __webpack_require__(3263);
 var React = __webpack_require__(3634);
@@ -34600,7 +34603,7 @@ function react(content) {
     })), transformers, [remarkSlug, [remarkDisableTokenizers, opts.disableTokenizers]]);
     return /*#__PURE__*/React.createElement(ErrorBoundary, {
       key: content
-    }, /*#__PURE__*/React.createElement(MDXRuntime, {
+    }, /*#__PURE__*/React.createElement(Mdx, {
       components: reactComponents(opts, components),
       rehypePlugins: [sectionAnchorId],
       remarkPlugins: remarkPlugins

package/package.json

@@ -2,7 +2,7 @@
   "name": "@readme/markdown",
   "description": "ReadMe's React-based Markdown parser",
   "author": "Rafe Goldberg <rafe@readme.io>",
-  "version": "6.66.0-beta.5",
+  "version": "6.66.0-beta.7",
   "main": "dist/main.node.js",
   "browser": "dist/main.js",
   "files": [