Handle remapping of JSXIdentifier to MemberExpression in CommonJS tra…

…nsform. Closes #3728 (#4763)
babel · Oct 24, 2016 · de46827 · de46827
1 parent 7cfe5c1
commit de46827
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/packages/babel-plugin-transform-es2015-modules-commonjs/src/index.js b/packages/babel-plugin-transform-es2015-modules-commonjs/src/index.js
@@ -59,6 +59,9 @@ export default function () {
 
       if (path.parentPath.isCallExpression({ callee: path.node })) {
         path.replaceWith(t.sequenceExpression([t.numericLiteral(0), remap]));
+      } else if (path.isJSXIdentifier() && t.isMemberExpression(remap)) {
+        const { object, property } = remap;
+        path.replaceWith(t.JSXMemberExpression(t.JSXIdentifier(object.name), t.JSXIdentifier(property.name)));
       } else {
         path.replaceWith(remap);
       }

diff --git a/...transform-react-inline-elements/test/fixtures/inline-elements/member-expression/actual.js b/...transform-react-inline-elements/test/fixtures/inline-elements/member-expression/actual.js
@@ -0,0 +1,2 @@
+import { Modal } from "react-bootstrap";
+export default CustomModal = () => <Modal.Header>foobar</Modal.Header>;
diff --git a/...ansform-react-inline-elements/test/fixtures/inline-elements/member-expression/expected.js b/...ansform-react-inline-elements/test/fixtures/inline-elements/member-expression/expected.js
@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _reactBootstrap = require("react-bootstrap");
+
+exports.default = CustomModal = () => babelHelpers.jsx(_reactBootstrap.Modal.Header, {}, void 0, "foobar");
diff --git a/...nsform-react-inline-elements/test/fixtures/inline-elements/member-expression/options.json b/...nsform-react-inline-elements/test/fixtures/inline-elements/member-expression/options.json
@@ -0,0 +1,9 @@
+{
+  "plugins": [
+    "external-helpers",
+    "syntax-jsx",
+    "transform-react-inline-elements",
+    "transform-react-jsx",
+    "transform-es2015-modules-commonjs"
+  ]
+}