Merge pull request #34 from jessy1092/export

ES6 module import error fix #14
jessy1092 · Nov 22, 2015 · 8de099c · 8de099c
2 parents 5f12158 + 6bfcbbf
commit 8de099c
Show file tree

Hide file tree

Showing 58 changed files with 239 additions and 136 deletions.
diff --git a/README.md b/README.md
@@ -66,7 +66,7 @@ Ex. Write a simple button in browser.
 </script>
 ```
 
-### With Browserify
+### With Browserify or Webpack
 
 ```sh
 npm install react-semantify
@@ -76,7 +76,13 @@ Ex.
 ```js
 import React from 'react';
 import ReactDOM from 'react-dom';
-let Button = require('react-semantify').Button;
+import {Button} from 'react-semantify';
+// or
+// import * as Semantify from 'react-semantify';
+// let {Button} = Semantify;
+// or
+// use ES5
+// let Button = require('react-semantify').Button;
 
 let HelloBox = React.createClass({
 

diff --git a/src/collections/breadcrumb.js b/src/collections/breadcrumb.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'ui breadcrumb';
 
-module.exports = React.createClass({
+const Breadcrumb = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -18,3 +18,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Breadcrumb;
diff --git a/src/collections/form.js b/src/collections/form.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'ui form';
 
-module.exports = React.createClass({
+const Form = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -18,3 +18,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Form;
diff --git a/src/collections/grid.js b/src/collections/grid.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'ui grid';
 
-module.exports = React.createClass({
+const Grid = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -18,3 +18,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Grid;
diff --git a/src/collections/menu.js b/src/collections/menu.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'ui menu';
 
-module.exports = React.createClass({
+const Menu = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -18,3 +18,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Menu;
diff --git a/src/collections/message.js b/src/collections/message.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'ui message';
 
-module.exports = React.createClass({
+const Message = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -18,3 +18,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Message;
diff --git a/src/collections/table.js b/src/collections/table.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'ui table';
 
-module.exports = React.createClass({
+const Table = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -18,3 +18,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Table;
diff --git a/src/commons/column.js b/src/commons/column.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'column';
 
-module.exports = React.createClass({
+const Column = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -18,3 +18,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Column;
diff --git a/src/commons/content.js b/src/commons/content.js
@@ -1,11 +1,11 @@
 import React from 'react';
 import ClassGenerator from '../mixins/classGenerator';
 import StateSelector from '../mixins/stateSelector';
-import Unit from './unit';
+import {Unit} from './unit';
 
 let defaultClassName = 'content';
 
-module.exports = React.createClass({
+const Content = React.createClass({
 
   mixins: [ClassGenerator, StateSelector],
 
@@ -24,3 +24,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Content;
diff --git a/src/commons/field.js b/src/commons/field.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'field';
 
-module.exports = React.createClass({
+const Field = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -18,3 +18,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Field;
diff --git a/src/commons/fields.js b/src/commons/fields.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'fields';
 
-module.exports = React.createClass({
+const Fields = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -18,3 +18,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Fields;
diff --git a/src/commons/row.js b/src/commons/row.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'row';
 
-module.exports = React.createClass({
+const Row = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -18,3 +18,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Row;
diff --git a/src/commons/section.js b/src/commons/section.js
@@ -2,11 +2,11 @@ import React from 'react';
 import ClassGenerator from '../mixins/classGenerator';
 import ColorSelector from '../mixins/colorSelector';
 import TypeSelector from '../mixins/typeSelector';
-import Unit from './unit';
+import {Unit} from './unit';
 
 let defaultClassName = 'section';
 
-module.exports = React.createClass({
+const Section = React.createClass({
 
   mixins: [ClassGenerator, ColorSelector, TypeSelector],
 
@@ -24,3 +24,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Section;
diff --git a/src/commons/text.js b/src/commons/text.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'text';
 
-module.exports = React.createClass({
+const Text = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -18,3 +18,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Text;
diff --git a/src/commons/title.js b/src/commons/title.js
@@ -1,11 +1,11 @@
 import React from 'react';
 import ClassGenerator from '../mixins/classGenerator';
 import StateSelector from '../mixins/stateSelector';
-import Unit from './unit';
+import {Unit} from './unit';
 
 let defaultClassName = 'title';
 
-module.exports = React.createClass({
+const Title = React.createClass({
 
   mixins: [ClassGenerator, StateSelector],
 
@@ -24,3 +24,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Title;
diff --git a/src/commons/unit.js b/src/commons/unit.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import classSet from 'classnames';
 
-module.exports = React.createClass({
+export const Unit = React.createClass({
 
   propTypes: {
     className: React.PropTypes.string.isRequired,

diff --git a/src/elements/button.js b/src/elements/button.js
@@ -2,11 +2,11 @@ import React from 'react';
 import ClassGenerator from '../mixins/classGenerator';
 import ColorSelector from '../mixins/colorSelector';
 import StateSelector from '../mixins/stateSelector';
-import Unit from '../commons/unit';
+import {Unit} from '../commons/unit';
 
 let defaultClassName = 'ui button';
 
-module.exports = React.createClass({
+const Button = React.createClass({
 
   mixins: [ClassGenerator, ColorSelector, StateSelector],
 
@@ -27,3 +27,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Button;
diff --git a/src/elements/divider.js b/src/elements/divider.js
@@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator';
 
 let defaultClassName = 'ui divider';
 
-module.exports = React.createClass({
+const Divider = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -15,3 +15,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Divider;
diff --git a/src/elements/flag.js b/src/elements/flag.js
@@ -1,10 +1,10 @@
 import React from 'react';
 import ClassGenerator from '../mixins/classGenerator';
-import Unit from '../commons/unit';
+import {Unit} from '../commons/unit';
 
 let defaultClassName = 'flag';
 
-module.exports = React.createClass({
+const Flag = React.createClass({
 
   mixins: [ClassGenerator],
 
@@ -21,3 +21,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Flag;
diff --git a/src/elements/header.js b/src/elements/header.js
@@ -3,11 +3,11 @@ import ClassGenerator from '../mixins/classGenerator';
 import ColorSelector from '../mixins/colorSelector';
 import TypeSelector from '../mixins/typeSelector';
 import StateSelector from '../mixins/stateSelector';
-import Unit from '../commons/unit';
+import {Unit} from '../commons/unit';
 
 let defaultClassName = 'ui header';
 
-module.exports = React.createClass({
+const Header = React.createClass({
 
   mixins: [ClassGenerator, ColorSelector, TypeSelector, StateSelector],
 
@@ -26,3 +26,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Header;
diff --git a/src/elements/icon.js b/src/elements/icon.js
@@ -2,11 +2,11 @@ import React from 'react';
 import ClassGenerator from '../mixins/classGenerator';
 import ColorSelector from '../mixins/colorSelector';
 import StateSelector from '../mixins/stateSelector';
-import Unit from '../commons/unit';
+import {Unit} from '../commons/unit';
 
 let defaultClassName = 'icon';
 
-module.exports = React.createClass({
+const Icon = React.createClass({
 
   mixins: [ClassGenerator, ColorSelector, StateSelector],
 
@@ -25,3 +25,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Icon;
diff --git a/src/elements/image.js b/src/elements/image.js
@@ -1,11 +1,11 @@
 import React from 'react';
 import ClassGenerator from '../mixins/classGenerator';
 import StateSelector from '../mixins/stateSelector';
-import Unit from '../commons/unit';
+import {Unit} from '../commons/unit';
 
 let defaultClassName = 'ui image';
 
-module.exports = React.createClass({
+const Image = React.createClass({
 
   mixins: [ClassGenerator, StateSelector],
 
@@ -24,3 +24,5 @@ module.exports = React.createClass({
     );
   }
 });
+
+export default Image;
diff --git a/src/elements/input.js b/src/elements/input.js
@@ -1,11 +1,11 @@
 import React from 'react';
 import ClassGenerator from '../mixins/classGenerator';
 import StateSelector from '../mixins/stateSelector';
-import Unit from '../commons/unit';
+import {Unit} from '../commons/unit';
 
 let defaultClassName = 'ui input';
 
-module.exports = React.createClass({
+const Input = React.createClass({
 
   mixins: [ClassGenerator, StateSelector],
 
@@ -43,3 +43,5 @@ module.exports = React.createClass({
 
   }
 });
+
+export default Input;