revert #3: this will broken addon

package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-addon-styled-component-theme",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "storybook addon with styled-components theme",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

src/Themes.tsx

@@ -6,7 +6,6 @@ import {Theme} from "./types/Theme";
 export interface ThemeProps {
     channel: any;
     api: any;
-    active: boolean;
 }
 
 interface ThemeState {
@@ -23,15 +22,13 @@ interface ThemeHandler {
 
 type BaseComponentProps = ThemeProps & ThemeState & ThemeHandler;
 
-const BaseComponent: React.SFC<BaseComponentProps> = ({onSelectTheme, themes, theme, active}) => (
-    active ? (
-        <div style={RowStyle}>
-            {themes.map((th, i) => {
-                const buttonStyle = th === theme ? SelectedButtonStyle : ButtonStyle;
-                return <div style={buttonStyle} key={i} onClick={() => onSelectTheme(th)}>{th.name}</div>;
-            }).toArray()}
-        </div>
-        ) : (<div />)
+const BaseComponent: React.SFC<BaseComponentProps> = ({onSelectTheme, themes, theme}) => (
+    <div style={RowStyle}>
+        {themes.map((th, i) => {
+            const buttonStyle = th === theme ? SelectedButtonStyle : ButtonStyle;
+            return <div style={buttonStyle} key={i} onClick={() => onSelectTheme(th)}>{th.name}</div>;
+        }).toArray()}
+    </div>
 );
 
 export const Themes = compose<BaseComponentProps, ThemeProps>(

src/__tests__/Themes.spec.tsx

@@ -11,7 +11,7 @@ describe("Themes spec", () => {
             removeListener: stub(),
         };
 
-        const component = mount(<Themes api={null} active={true} channel={channel} />);
+        const component = mount(<Themes api={null} channel={channel} />);
         expect(component.render()).toMatchSnapshot();
         expect(channel.on.calledOnce).toBeTruthy();
         expect(channel.emit.notCalled).toBeTruthy();

src/register.tsx

@@ -6,6 +6,6 @@ addons.register("storybook/themes", (api) => {
     // Also need to set a unique name to the panel.
     addons.addPanel("storybook/themes/panel", {
         title: "Themes",
-        render: ({ active }) => (<Themes channel={addons.getChannel()} api={api} active={active} />),
+        render: () => (<Themes channel={addons.getChannel()} api={api} />),
     });
 });