Adopt babel7 and add video and source tag

babel.config.js

@@ -0,0 +1,65 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    env: {
+      build: {
+        presets: [
+          [
+            '@babel/preset-env',
+            {
+              targets: ['last 2 versions', 'ie >= 8'],
+            },
+          ],
+          '@babel/preset-react',
+        ],
+        plugins: [
+          'add-module-exports',
+          'dynamic-import-node',
+          'transform-react-pure-class-to-function',
+          ['transform-react-remove-prop-types', {mode: 'wrap'}],
+          [
+            'reshow-transform-runtime',
+            {
+              regenerator: false,
+            },
+          ],
+          '@babel/plugin-proposal-export-default-from',
+          '@babel/plugin-syntax-dynamic-import',
+          '@babel/plugin-transform-react-constant-elements',
+          '@babel/plugin-transform-object-assign',
+          '@babel/plugin-proposal-object-rest-spread',
+          '@babel/plugin-proposal-class-properties',
+        ],
+      },
+      es: {
+        presets: [
+          [
+            '@babel/preset-env',
+            {
+              modules: false,
+              targets: ['last 2 versions', 'ie >= 8'],
+            },
+          ],
+          '@babel/preset-react',
+        ],
+        plugins: [
+          'transform-react-pure-class-to-function',
+          ['transform-react-remove-prop-types', {mode: 'wrap'}],
+          [
+            'reshow-transform-runtime',
+            {
+              regenerator: false,
+              useESModules: true,
+            },
+          ],
+          '@babel/plugin-proposal-export-default-from',
+          '@babel/plugin-syntax-dynamic-import',
+          '@babel/plugin-transform-object-assign',
+          '@babel/plugin-transform-react-constant-elements',
+          '@babel/plugin-proposal-object-rest-spread',
+          '@babel/plugin-proposal-class-properties',
+        ],
+      },
+    },
+  };
+};

package.json

@@ -1,26 +1,42 @@
 {
   "name": "react-atomic-atom",
-  "version": "1.0.18",
+  "version": "2.0.0",
   "description": "Atomic design in React (atoms)",
-  "main": "./build/src/index.js",
+  "main": "./build/cjs/src/index.js",
+  "module": "./build/es/src/index.js",
   "repository": "react-atomic/react-atomic-atom",
   "keywords": [
     "reactjs"
   ],
   "author": "Hill <hill@kimo.com>",
   "license": "MIT",
+  "dependencies": {
+    "reshow-runtime": "*"
+  },
   "devDependencies": {
-    "babel-cli": "^6.x",
-    "babel-core": "^6.x",
-    "babel-plugin-add-module-exports": "^0.1.2",
-    "babel-preset-env": "*",
-    "babel-preset-react": "^6.x",
-    "babel-preset-stage-0": "^6.x",
+    "@babel/cli": "^7.x",
+    "@babel/core": "^7.x",
+    "@babel/plugin-proposal-class-properties": "*",
+    "@babel/plugin-proposal-export-default-from": "*",
+    "@babel/plugin-proposal-object-rest-spread": "*",
+    "@babel/plugin-syntax-dynamic-import": "*",
+    "@babel/plugin-transform-object-assign": "*",
+    "@babel/plugin-transform-react-constant-elements": "*",
+    "@babel/preset-env": "*",
+    "@babel/preset-react": "*",
+    "babel-plugin-add-module-exports": "*",
+    "babel-plugin-dynamic-import-node": "*",
+    "babel-plugin-reshow-transform-runtime": "*",
+    "babel-plugin-transform-react-pure-class-to-function": "*",
+    "babel-plugin-transform-react-remove-prop-types": "*",
     "react": "^16.x"
   },
   "scripts": {
-    "build": "rm -rf build && babel ui --out-dir build/ui && babel src --out-dir build/src",
-    "prepublish": "npm run build"
+    "clean": "find ./build -name '*.*' | xargs rm -rf",
+    "build:cjs": "BABEL_ENV=build babel src -d build/cjs/src && BABEL_ENV=build babel ui -d build/cjs/ui",
+    "build:es": "BABEL_ENV=es babel src -d build/es/src && BABEL_ENV=es babel ui -d build/es/ui",
+    "build": "npm run clean && npm run build:cjs && npm run build:es",
+    "prepublishOnly": "npm run build"
   },
   "files": [
     "build",

src/base.js

@@ -1,15 +1,13 @@
-'use strict';
-
 import React from 'react';
 
-const Base = (name) => {
-    const Atom = ({refCb, ...others}) => {
-        if (refCb) {
-            others.ref = refCb;
-        }
-        return React.createElement(name, others);
+const Base = name => {
+  const Atom = ({refCb, ...others}) => {
+    if (refCb) {
+      others.ref = refCb;
     }
-    return Atom;
-}
+    return React.createElement(name, others);
+  };
+  return Atom;
+};
 
 export default Base;

src/index.js

@@ -30,6 +30,7 @@ export {default as Polygon} from '../ui/atoms/polygon'
 export {default as Rect} from '../ui/atoms/rect'
 export {default as Section} from '../ui/atoms/section'
 export {default as Select} from '../ui/atoms/select'
+export {default as Source} from '../ui/atoms/source'
 export {default as Span} from '../ui/atoms/span'
 export {default as Svg} from '../ui/atoms/svg'
 export {default as Table} from '../ui/atoms/table'
@@ -40,4 +41,5 @@ export {default as Th} from '../ui/atoms/th'
 export {default as Tr} from '../ui/atoms/tr'
 export {default as Tspan} from '../ui/atoms/tspan'
 export {default as Ul} from '../ui/atoms/ul'
+export {default as Video} from '../ui/atoms/video'
 

ui/atoms/a.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base')
-module.exports = base('a')
+import base from '../../src/base';
+export default base('a');

ui/atoms/article.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base')
-module.exports = base('article')
+import base from '../../src/base';
+export default base('article');

ui/atoms/button.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base')
-module.exports = base('button')
+import base from '../../src/base';
+export default base('button');

ui/atoms/circle.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base')
-module.exports = base('circle')
+import base from '../../src/base';
+export default base('circle');

ui/atoms/div.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('div');
+import base from '../../src/base';
+export default base('div');

ui/atoms/dl.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('dl');
+import base from '../../src/base';
+export default base('dl');

ui/atoms/footer.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base')
-module.exports = base('footer')
+import base from '../../src/base';
+export default base('footer');

ui/atoms/form.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('form');
+import base from '../../src/base';
+export default base('form');

ui/atoms/g.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('g');
+import base from '../../src/base';
+export default base('g');

ui/atoms/h1.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('h1');
+import base from '../../src/base';
+export default base('h1');

ui/atoms/h2.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('h2');
+import base from '../../src/base';
+export default base('h2');

ui/atoms/h3.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('h3');
+import base from '../../src/base';
+export default base('h3');

ui/atoms/h4.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('h4');
+import base from '../../src/base';
+export default base('h4');

ui/atoms/h5.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('h5');
+import base from '../../src/base';
+export default base('h5');

ui/atoms/h6.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('h6');
+import base from '../../src/base';
+export default base('h6');

ui/atoms/header.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('header');
+import base from '../../src/base';
+export default base('header');

ui/atoms/i.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('i');
+import base from '../../src/base';
+export default base('i');

ui/atoms/iframe.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('iframe');
+import base from '../../src/base';
+export default base('iframe');

ui/atoms/img.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('img');
+import base from '../../src/base';
+export default base('img');

ui/atoms/input.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('input');
+import base from '../../src/base';
+export default base('input');

ui/atoms/label.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('label');
+import base from '../../src/base';
+export default base('label');

ui/atoms/li.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('li');
+import base from '../../src/base';
+export default base('li');

ui/atoms/line.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('line');
+import base from '../../src/base';
+export default base('line');

ui/atoms/main.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base')
-module.exports = base('main')
+import base from '../../src/base';
+export default base('main');

ui/atoms/nav.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('nav');
+import base from '../../src/base';
+export default base('nav');

ui/atoms/ol.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('ol');
+import base from '../../src/base';
+export default base('ol');

ui/atoms/p.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('p');
+import base from '../../src/base';
+export default base('p');

ui/atoms/path.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('path');
+import base from '../../src/base';
+export default base('path');

ui/atoms/polygon.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('polygon');
+import base from '../../src/base';
+export default base('polygon');

ui/atoms/rect.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('rect');
+import base from '../../src/base';
+export default base('rect');

ui/atoms/section.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('section');
+import base from '../../src/base';
+export default base('section');

ui/atoms/select.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('select');
+import base from '../../src/base';
+export default base('select');

ui/atoms/source.jsx

@@ -0,0 +1,2 @@
+import base from '../../src/base';
+export default base('source');

ui/atoms/span.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('span');
+import base from '../../src/base';
+export default base('span');

ui/atoms/svg.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('svg');
+import base from '../../src/base';
+export default base('svg');

ui/atoms/table.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('table');
+import base from '../../src/base';
+export default base('table');

ui/atoms/td.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('td');
+import base from '../../src/base';
+export default base('td');

ui/atoms/text.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('text');
+import base from '../../src/base';
+export default base('text');

ui/atoms/textarea.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('textarea');
+import base from '../../src/base';
+export default base('textarea');

ui/atoms/th.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('th');
+import base from '../../src/base';
+export default base('th');

ui/atoms/tr.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('tr');
+import base from '../../src/base';
+export default base('tr');

ui/atoms/tspan.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('tspan');
+import base from '../../src/base';
+export default base('tspan');

ui/atoms/ul.jsx

@@ -1,2 +1,2 @@
-const base = require('../../src/base');
-module.exports = base('ul');
+import base from '../../src/base';
+export default base('ul');

ui/atoms/video.jsx

@@ -0,0 +1,2 @@
+import base from '../../src/base';
+export default base('video');