Fixed some issues when theming the components.

README.md

@@ -74,6 +74,8 @@ Package.onUse(function(api) {
   api.use('ecmascript');
   api.use('studiointeract:react-accounts-ui');
 
+  api.imply('session');
+
   api.mainModule('main.jsx');
 });
 ```
@@ -116,6 +118,7 @@ To install the dependencies added in package.json run:
 ```javascript
 // main.jsx
 
+import React from 'react';
 import { Accounts } from 'meteor/studiointeract:react-accounts-ui';
 
 /**
@@ -157,7 +160,7 @@ Accounts.ui.Field = Field;
 Accounts.ui.FormMessage = FormMessage;
 
 // Export the themed version.
-exports default Accounts;
+export { Accounts as default };
 
 ```
 

imports/ui/components/Buttons.jsx

@@ -2,12 +2,17 @@ import React from 'react';
 import './Button.jsx';
 import { Accounts } from 'meteor/accounts-base';
 
-export const Buttons = ({ buttons = {} }) => (
-  <div className="buttons">
-    {Object.keys(buttons).map((id, i) =>
-      <Accounts.ui.Button {...buttons[id]} key={i} />
-    )}
-  </div>
-);
+export class Buttons extends React.Component {
+  render () {
+    let { buttons = {} } = this.props;
+    return (
+      <div className="buttons">
+        {Object.keys(buttons).map((id, i) =>
+          <Accounts.ui.Button {...buttons[id]} key={i} />
+        )}
+      </div>
+    );
+  }
+};
 
 Accounts.ui.Buttons = Buttons;

imports/ui/components/Fields.jsx

@@ -2,12 +2,17 @@ import React from 'react';
 import { Accounts } from 'meteor/accounts-base';
 import './Field.jsx';
 
-export const Fields = ({ fields = {} }) => (
-  <div className="fields">
-    {Object.keys(fields).map((id, i) =>
-      <Accounts.ui.Field {...fields[id]} key={i} />
-    )}
-  </div>
-);
+export class Fields extends React.Component {
+  render () {
+    let { fields = {} } = this.props;
+    return (
+      <div className="fields">
+        {Object.keys(fields).map((id, i) =>
+          <Accounts.ui.Field {...fields[id]} key={i} />
+        )}
+      </div>
+    );
+  }
+}
 
 Accounts.ui.Fields = Fields;

imports/ui/components/FormMessage.jsx

@@ -1,8 +1,13 @@
 import React from 'react';
 import { Accounts } from 'meteor/accounts-base';
 
-export const FormMessage = ({ message }) => message ? (
-  <div className="message">{ message }</div>
-) : null;
+export class FormMessage extends React.Component {
+  render () {
+    let { message } = this.props;
+    return message ? (
+      <div className="message">{ message }</div>
+    ) : null;
+  }
+}
 
 Accounts.ui.FormMessage = FormMessage;