@ndla/article-converter 1.0.12 → 1.0.15

package/es/plugins/divPlugin.js

@@ -43,6 +43,16 @@ export var divPlugin = function divPlugin(node, opts) {
         children: domToReact(files, opts)
       }) : undefined, domToReact(pdfs, opts)]
     });
+  } else if (node.attribs['class'].includes('c-bodybox') && node.childNodes.filter(function (c) {
+    return 'attribs' in c;
+  }).some(function (c) {
+    return c.name === 'table';
+  })) {
+    var _props = attributesToProps(node.attribs);
+    return _jsx("div", _objectSpread(_objectSpread({}, _props), {}, {
+      className: "".concat(_props.className, " c-bodybox--contains-table"),
+      children: domToReact(node.children, opts)
+    }));
   }
   return null;
 };

package/lib/plugins/divPlugin.js

@@ -40,6 +40,16 @@ var divPlugin = function divPlugin(node, opts) {
         children: (0, _htmlReactParser.domToReact)(files, opts)
       }) : undefined, (0, _htmlReactParser.domToReact)(pdfs, opts)]
     });
+  } else if (node.attribs['class'].includes('c-bodybox') && node.childNodes.filter(function (c) {
+    return 'attribs' in c;
+  }).some(function (c) {
+    return c.name === 'table';
+  })) {
+    var _props = (0, _htmlReactParser.attributesToProps)(node.attribs);
+    return (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, _props), {}, {
+      className: "".concat(_props.className, " c-bodybox--contains-table"),
+      children: (0, _htmlReactParser.domToReact)(node.children, opts)
+    }));
   }
   return null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/article-converter",
-  "version": "1.0.12",
+  "version": "1.0.15",
   "description": "Transforms NDLA articles into extended html versions",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@ndla/code": "^2.1.25",
-    "@ndla/ui": "^35.0.6",
+    "@ndla/ui": "^35.0.9",
     "html-react-parser": "^3.0.8",
     "lodash": "^4.17.20"
   },
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "30cbfc9784fbadda461c414e7683f731bad1bdc9"
+  "gitHead": "27dac8e675121d005ea26442c1391d83fa4c04ea"
 }

package/src/plugins/divPlugin.tsx

@@ -16,7 +16,7 @@ export const divPlugin: PluginType = (node, opts) => {
 
     return (
       <RelatedArticleListV2 {...props} headingLevel="h3">
-        {/* @ts-ignore          */}
+        {/* @ts-ignore */}
         {domToReact(node.children, opts)}
       </RelatedArticleListV2>
     );
@@ -35,6 +35,16 @@ export const divPlugin: PluginType = (node, opts) => {
         {domToReact(pdfs, opts)}
       </>
     );
+  } else if (
+    node.attribs['class'].includes('c-bodybox') &&
+    node.childNodes.filter((c): c is Element => 'attribs' in c).some((c) => c.name === 'table')
+  ) {
+    const props = attributesToProps(node.attribs);
+    return (
+      <div {...props} className={`${props.className} c-bodybox--contains-table`}>
+        {domToReact(node.children, opts)}
+      </div>
+    );
   }
   return null;
 };