Default pragma

package.json

@@ -30,7 +30,7 @@
     "watch:venia-dev-server": "cd packages/venia-concept && nodemon --watch ../pwa-buildpack/dist --watch webpack.config.js --delay 1 --ext js,json --exec npm run-script watch; cd - >/dev/null"
   },
   "devDependencies": {
-    "@magento/eslint-config": "^1.0.0",
+    "@magento/eslint-config": "^1.2.3",
     "@storybook/addon-actions": "^3.4.2",
     "@storybook/addons": "^3.4.6",
     "@storybook/react": "^3.4.2",

packages/peregrine/.babelrc

@@ -2,7 +2,7 @@
   "plugins": [
     "transform-object-rest-spread",
     "transform-class-properties",
-    ["transform-react-jsx", { "pragma": "createElement" }],
+    ["transform-react-jsx"],
     ["transform-runtime", {
       "helpers": true,
       "polyfill": false, // polyfills will be handled by preset-env
@@ -23,7 +23,7 @@
         "transform-es2015-modules-commonjs",
         "transform-object-rest-spread",
         "transform-class-properties",
-        ["transform-react-jsx", { "pragma": "createElement" }]
+        ["transform-react-jsx"]
       ]
     }
   }

packages/peregrine/src/ContainerChild/ContainerChild.js

@@ -1,4 +1,4 @@
-import { createElement, Component } from 'react';
+import { Component } from 'react';
 import { func, string } from 'prop-types';
 
 export default class ContainerChild extends Component {

packages/peregrine/src/ContainerChild/__stories__/ContainerChild.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { storiesOf } from '@storybook/react';
 import ContainerChild from '..';
 import docs from '../__docs__/ContainerChild.md';

packages/peregrine/src/ContainerChild/__tests__/ContainerChild.test.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import ContainerChild from '..';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';

packages/peregrine/src/List/__stories__/item.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { withReadme } from 'storybook-readme';
 

packages/peregrine/src/List/__stories__/items.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { withReadme } from 'storybook-readme';
 

packages/peregrine/src/List/__stories__/list.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { withReadme } from 'storybook-readme';
 

packages/peregrine/src/List/__tests__/item.spec.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 

packages/peregrine/src/List/__tests__/items.spec.js

@@ -1,4 +1,4 @@
-import { Fragment, createElement } from 'react';
+import React, { Fragment } from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 

packages/peregrine/src/List/__tests__/list.spec.js

@@ -1,4 +1,4 @@
-import { Fragment, createElement } from 'react';
+import React, { Fragment } from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 

packages/peregrine/src/List/item.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 import fromRenderProp from '../util/fromRenderProp';

packages/peregrine/src/List/items.js

@@ -1,4 +1,4 @@
-import { Component, Fragment, createElement } from 'react';
+import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 
 import memoize from '../util/unaryMemoize';

packages/peregrine/src/List/list.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 import fromRenderProp from '../util/fromRenderProp';

packages/peregrine/src/Peregrine/Peregrine.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { Provider as ReduxProvider } from 'react-redux';
 import createStore from '../store';
 import MagentoRouter from '../Router';

packages/peregrine/src/Peregrine/__tests__/Peregrine.test.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import { Provider as ReduxProvider } from 'react-redux';

packages/peregrine/src/Price/Price.js

@@ -1,4 +1,4 @@
-import { createElement, PureComponent, Fragment } from 'react';
+import React, { PureComponent, Fragment } from 'react';
 import { number, string, shape } from 'prop-types';
 
 export default class Price extends PureComponent {

packages/peregrine/src/Price/__stories__/Price.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { withReadme } from 'storybook-readme';
 import Price from '../Price';

packages/peregrine/src/Price/__tests__/Price.spec.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from 'react';
+import React, { Fragment } from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import Price from '../Price';

packages/peregrine/src/Router/MagentoRouteHandler.js

@@ -1,4 +1,4 @@
-import { createElement, Component } from 'react';
+import React, { Component } from 'react';
 import { string, shape } from 'prop-types';
 import resolveUnknownRoute from './resolveUnknownRoute';
 import fetchRootComponent from './fetchRootComponent';

packages/peregrine/src/Router/Router.js

@@ -1,4 +1,4 @@
-import { createElement, Component } from 'react';
+import React, { Component } from 'react';
 import { BrowserRouter, Route } from 'react-router-dom';
 import { string, func, object } from 'prop-types';
 import MagentoRouteHandler from './MagentoRouteHandler';

packages/peregrine/src/Router/__tests__/MagentoRouteHandler.test.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import MagentoRouteHandler from '../MagentoRouteHandler';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';

packages/peregrine/src/Router/__tests__/Router.test.js

@@ -1,5 +1,5 @@
 import MagentoRouter from '../Router';
-import { createElement } from 'react';
+import React from 'react';
 import { configure, mount, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import { MemoryRouter } from 'react-router-dom';

packages/peregrine/src/util/__tests__/fromRenderProp.spec.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 

packages/peregrine/src/util/fromRenderProp.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 
 // memoization cache
 const cache = new Map();
@@ -31,7 +31,10 @@ const fromRenderProp = (elementType, customProps = []) => {
         // create an SFC that renders a node of type `elementType`
         // and filter any props that shouldn't be written to the DOM
         const Component = props =>
-            createElement(elementType, filterProps(props, uniqueCustomProps));
+            React.createElement(
+                elementType,
+                filterProps(props, uniqueCustomProps)
+            );
 
         Component.displayName = `fromRenderProp(${elementType})`;
         cache.set(key, Component);

packages/venia-concept/.babelrc

@@ -6,12 +6,7 @@
                 "transform-class-properties",
                 "transform-es2015-modules-commonjs",
                 "transform-object-rest-spread",
-                [
-                    "transform-react-jsx",
-                    {
-                        "pragma": "createElement"
-                    }
-                ]
+                "transform-react-jsx"
             ]
         }
     }

packages/venia-concept/babel.config.js

@@ -7,7 +7,7 @@ const plugins = [
     'syntax-jsx',
     'transform-class-properties',
     'transform-object-rest-spread',
-    ['transform-react-jsx', { pragma: 'createElement' }],
+    ['transform-react-jsx'],
     'graphql-tag'
 ];
 

packages/venia-concept/src/RootComponents/CMS/CMS.js

@@ -1,4 +1,4 @@
-import { createElement, Component } from 'react';
+import React, { Component } from 'react';
 import Page from 'src/components/Page';
 import CategoryList from 'src/components/CategoryList';
 

packages/venia-concept/src/RootComponents/Category/category.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { string, number, shape } from 'prop-types';
 import { Query } from 'react-apollo';
 import gql from 'graphql-tag';

packages/venia-concept/src/RootComponents/Product/Product.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { Query } from 'react-apollo';
 import gql from 'graphql-tag';

packages/venia-concept/src/__mocks__/@magento/peregrine.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 
 /**
  * the Price component from @magento/peregrine

packages/venia-concept/src/classify.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 
 const merge = (...args) => Object.assign({}, ...args);
 

packages/venia-concept/src/components/Button/button.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { oneOf, shape, string } from 'prop-types';
 
 import classify from 'src/classify';

packages/venia-concept/src/components/CategoryList/categoryList.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { string, number, shape } from 'prop-types';
 import { Link } from 'react-router-dom';
 import { Query } from 'react-apollo';

packages/venia-concept/src/components/Checkout/checkoutButton.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { func, string } from 'prop-types';
 
 import Button from 'src/components/Button';

packages/venia-concept/src/components/Checkout/entrance.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { func, shape, string } from 'prop-types';
 
 import classify from 'src/classify';

packages/venia-concept/src/components/Checkout/exit.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { func, shape, string } from 'prop-types';
 
 import classify from 'src/classify';

packages/venia-concept/src/components/Checkout/flow.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { bool, func, oneOf, shape, string } from 'prop-types';
 
 import classify from 'src/classify';

packages/venia-concept/src/components/Checkout/form.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { bool, func, shape, string } from 'prop-types';
 
 import classify from 'src/classify';

packages/venia-concept/src/components/Checkout/resetButton.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { func } from 'prop-types';
 
 import Button from 'src/components/Button';

packages/venia-concept/src/components/Checkout/section.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { node, shape, string } from 'prop-types';
 
 import classify from 'src/classify';

packages/venia-concept/src/components/Checkout/submitButton.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { bool, func, string } from 'prop-types';
 
 import Button from 'src/components/Button';

packages/venia-concept/src/components/Checkout/wrapper.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { bool, func, shape, string } from 'prop-types';
 

packages/venia-concept/src/components/Footer/footer.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 import classify from 'src/classify';

packages/venia-concept/src/components/Gallery/__tests__/gallery.spec.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 

packages/venia-concept/src/components/Gallery/__tests__/item.spec.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { configure, mount, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import { BrowserRouter } from 'react-router-dom';

packages/venia-concept/src/components/Gallery/__tests__/items.spec.js

@@ -1,4 +1,4 @@
-import { createElement } from 'react';
+import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 

packages/venia-concept/src/components/Gallery/gallery.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { string, shape, arrayOf, number } from 'prop-types';
 
 import classify from 'src/classify';

packages/venia-concept/src/components/Gallery/item.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { string, number, shape, func, bool } from 'prop-types';
 import { Price } from '@magento/peregrine';
 import { Link } from 'react-router-dom';

packages/venia-concept/src/components/Gallery/items.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { arrayOf, string, number, shape } from 'prop-types';
 import fixedObserver from 'src/util/fixedObserver';
 import initObserver from 'src/util/initObserver';

packages/venia-concept/src/components/Header/cartTrigger.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import PropTypes from 'prop-types';

packages/venia-concept/src/components/Header/header.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Link } from 'react-router-dom';
 

packages/venia-concept/src/components/Header/navTrigger.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import PropTypes from 'prop-types';

packages/venia-concept/src/components/Home/home.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 
 import './home.css';
 

packages/venia-concept/src/components/Icon/icon.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import Feather from 'feather-icons';
 import PropTypes from 'prop-types';
 

packages/venia-concept/src/components/Main/main.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 import classify from 'src/classify';

packages/venia-concept/src/components/MiniCart/miniCart.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { compose } from 'redux';
 import { connect } from 'react-redux';
 import { shape, string } from 'prop-types';

packages/venia-concept/src/components/MiniCart/product.js

@@ -1,4 +1,4 @@
-import { Component, Fragment, createElement } from 'react';
+import React, { Component, Fragment } from 'react';
 import { number, shape, string } from 'prop-types';
 import { Price } from '@magento/peregrine';
 

packages/venia-concept/src/components/MiniCart/productList.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { arrayOf, number, shape, string } from 'prop-types';
 import { List } from '@magento/peregrine';
 

packages/venia-concept/src/components/MiniCart/trigger.js

@@ -1,4 +1,4 @@
-import { Component, createElement } from 'react';
+import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import PropTypes from 'prop-types';