Fix for apentle layout with css-class

apentle · Sep 19, 2016 · c614cb8 · c614cb8
1 parent e1982b6
commit c614cb8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "babel-plugin-react-native-layout",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Dynamic layout for react native components",
   "main": "lib/index.js",
   "scripts": {

diff --git a/src/index.js b/src/index.js
@@ -226,6 +226,14 @@ module.exports = function ({types: t}) {
           var statement = body[i];
           if (statement.type === 'ExpressionStatement' && statement.expression.type === 'JSXElement') {
             component = false;
+            // Fix for apentle layouts with css-class
+            // istanbul ignore next
+            if (path.opts.JSXOpeningElement !== undefined && path.opts.JSXAttribute !== undefined) {
+              path.traverse({
+                JSXOpeningElement: path.opts.JSXOpeningElement,
+                JSXAttribute: path.opts.JSXAttribute,
+              });
+            }
             transformLayout(statement);
             return;
           }