optimisation.react.inlineElements: move children into props and leave children out if the element has none - @spicyj

src/babel/transformation/transformers/optimisation/react.inline-elements.js

@@ -36,15 +36,19 @@ export function JSXElement(node, parent, scope, file) {
   }
 
   function pushElemProp(key, value) {
-    obj.properties.push(t.property("init", t.identifier(key), value));
+    pushProp(obj.properties, t.identifier(key), value);
+  }
+
+  function pushProp(objProps, key, value) {
+    objProps.push(t.property("init", key, value));
   }
 
   // metadata
   pushElemProp("type", type);
   pushElemProp("ref", t.literal(null));
 
-  if (!open.selfClosing) {
+  if (node.children.length) {
-    pushElemProp("children", t.arrayExpression(react.buildChildren(node)));
+    pushProp(props.properties, t.identifier("children"), t.arrayExpression(react.buildChildren(node)));
   }
 
   // props
@@ -53,7 +57,7 @@ export function JSXElement(node, parent, scope, file) {
     if (isJSXAttributeOfName(attr, "key")) {
       key = attr.value;
     } else {
-      props.properties.push(t.property("init", attr.name, attr.value));
+      pushProp(props.properties, attr.name, attr.value);
     }
   }
 

test/core/fixtures/transformation/optimisation.react.constant-elements/inline-elements/expected.js

@@ -15,8 +15,9 @@ function render() {
   var _ref = {
     type: "foo",
     ref: null,
-    children: [text],
+    props: {
-    props: {},
+      children: [text]
+    },
     key: null
   };
   return function () {

test/core/fixtures/transformation/optimisation.react.inline-elements/component-with-props/expected.js

@@ -3,7 +3,6 @@
 ({
   type: Baz,
   ref: null,
-  children: [],
   props: babelHelpers.defaultProps(Baz.defaultProps, {
     foo: "bar"
   }),

test/core/fixtures/transformation/optimisation.react.inline-elements/component/expected.js

@@ -3,7 +3,6 @@
 ({
   type: Baz,
   ref: null,
-  children: [],
   props: babelHelpers.defaultProps(Baz.defaultProps, {}),
   key: null
 });

test/core/fixtures/transformation/optimisation.react.inline-elements/html-element-with-props/expected.js

@@ -3,7 +3,6 @@
 ({
   type: "foo",
   ref: null,
-  children: [],
   props: {
     bar: "foo"
   },

test/core/fixtures/transformation/optimisation.react.inline-elements/html-element/expected.js

@@ -3,7 +3,6 @@
 ({
   type: "foo",
   ref: null,
-  children: [],
   props: {},
   key: null
 });

test/core/fixtures/transformation/optimisation.react.inline-elements/nested-components/expected.js

@@ -3,13 +3,13 @@
 ({
   type: Foo,
   ref: null,
+  props: babelHelpers.defaultProps(Foo.defaultProps, {
     children: [bar, {
       type: Baz,
       ref: null,
       props: babelHelpers.defaultProps(Baz.defaultProps, {}),
       key: "baz"
     }],
-  props: babelHelpers.defaultProps(Foo.defaultProps, {
     className: "foo"
   }),
   key: null

test/core/fixtures/transformation/optimisation.react.inline-elements/nested-html-elements/expected.js

@@ -3,8 +3,8 @@
 ({
   type: "div",
   ref: null,
-  children: [bar],
   props: {
+    children: [bar],
     className: "foo"
   },
   key: null

test/core/fixtures/transformation/optimisation.react.inline-elements/nested/expected.js

@@ -3,13 +3,13 @@
 ({
   type: "div",
   ref: null,
+  props: {
     children: [bar, {
       type: Baz,
       ref: null,
       props: babelHelpers.defaultProps(Baz.defaultProps, {}),
       key: "baz"
     }],
-  props: {
     className: "foo"
   },
   key: null