Mark transpiled JSX elements as pure (#11126)

* Mark transpiled JSX elements as pure

* Avoid duble annotation

* Add "pure" option to the React preset

* Fix generator indentation

* Update tests

* Add tests for the "pure" option

* Update windows fixtures

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/children-exists/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 babelHelpers.jsx("div", {
   children: "foo"
 }, void 0, "bar");

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/component-with-props/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 babelHelpers.jsx(Baz, {
   foo: "bar"
 });

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/component/output.js

@@ -1 +1,2 @@
+/*#__PURE__*/
 babelHelpers.jsx(Baz, {});

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/expression-container/output.js

@@ -1,6 +1,6 @@
 var TestComponent = React.createClass({
   render: function () {
-    return babelHelpers.jsx("span", {
+    return /*#__PURE__*/babelHelpers.jsx("span", {
       className: this.props.someProp
     });
   }

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/fragment/output.js

@@ -1 +1,2 @@
-React.createElement(React.Fragment, null, babelHelpers.jsx("span", {}), babelHelpers.jsx("div", {}));
+/*#__PURE__*/
+React.createElement(React.Fragment, null, /*#__PURE__*/babelHelpers.jsx("span", {}), /*#__PURE__*/babelHelpers.jsx("div", {}));

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/html-element-with-props/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 babelHelpers.jsx("foo", {
   bar: "foo"
 });

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/html-element/output.js

@@ -1 +1,2 @@
+/*#__PURE__*/
 babelHelpers.jsx("foo", {});

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/key-computed/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 babelHelpers.jsx(Foo, {
   "data-value": "bar"
 }, "foo" + "baz");

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/key/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 babelHelpers.jsx(Foo, {
   "data-value": "bar"
 }, "foo");

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/lowercase-member-expression/output.js

@@ -4,5 +4,5 @@ var _export = require("./export");
 
 //index.js file
 function ParentComponent() {
-  return babelHelpers.jsx(_export.form.TestComponent, {});
+  return /*#__PURE__*/babelHelpers.jsx(_export.form.TestComponent, {});
 }

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/member-expression/output.js

@@ -7,6 +7,6 @@ exports.default = void 0;
 
 var _reactBootstrap = require("react-bootstrap");
 
-var _default = CustomModal = () => babelHelpers.jsx(_reactBootstrap.Modal.Header, {}, void 0, "foobar");
+var _default = CustomModal = () => /*#__PURE__*/babelHelpers.jsx(_reactBootstrap.Modal.Header, {}, void 0, "foobar");
 
 exports.default = _default;

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/multiline/output.js

@@ -1 +1,2 @@
+/*#__PURE__*/
 babelHelpers.jsx(Baz, {});

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/nested-components/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 babelHelpers.jsx(Foo, {
   className: "foo"
-}, void 0, bar, babelHelpers.jsx(Baz, {}, "baz"));
+}, void 0, bar, /*#__PURE__*/babelHelpers.jsx(Baz, {}, "baz"));

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/nested-html-elements/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 babelHelpers.jsx("div", {
   className: "foo"
 }, void 0, bar);

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/nested/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 babelHelpers.jsx("div", {
   className: "foo"
-}, void 0, bar, babelHelpers.jsx(Baz, {}, "baz"));
+}, void 0, bar, /*#__PURE__*/babelHelpers.jsx(Baz, {}, "baz"));

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/ref-deopt/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 React.createElement(Foo, {
   ref: "bar"
 });

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/self-closing-component-with-props/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 babelHelpers.jsx(Baz, {
   foo: "bar"
 });

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/self-closing-component/output.js

@@ -1 +1,2 @@
+/*#__PURE__*/
 babelHelpers.jsx(Baz, {});

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/self-closing-html-element-with-props/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 babelHelpers.jsx("foo", {
   bar: "foo"
 });

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/self-closing-html-element/output.js

@@ -1 +1,2 @@
+/*#__PURE__*/
 babelHelpers.jsx("foo", {});

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/shorthand-attributes/output.js

@@ -1,3 +1,4 @@
+/*#__PURE__*/
 babelHelpers.jsx(Foo, {
   bar: true
 });

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/spread-deopt/output.js

@@ -1 +1,2 @@
+/*#__PURE__*/
 React.createElement(Foo, bar);

packages/babel-plugin-transform-react-inline-elements/test/fixtures/regressions/6276/output.js

@@ -1,3 +1,3 @@
-var test = babelHelpers.jsx(T, {
+var test = /*#__PURE__*/babelHelpers.jsx(T, {
   default: " some string "
 });