upd dependencies

.gitignore

@@ -1,3 +1,3 @@
 node_modules
 develop
-//dist
+dist

.storybook/config.js

@@ -5,8 +5,8 @@ setOptions({
   name: 'sm-react',
   url: 'https://github.com/sm-react/storybook-addon-material-ui',
   goFullScreen: false,
-  showLeftPanel: false,
-  showDownPanel: false,
+  showLeftPanel: true,
+  showDownPanel: true,
   showSearchBox: false,
   downPanelInRight: false,
 });

example/SupportProject.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import Paper from 'material-ui/Paper';
 import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText} from 'material-ui/Card';
-import TwitterButton from '../src/Utils/twitter';
-import GithubButton from '../src/Utils/github';
+import TwitterButton from './react-twitter-button';
+import GithubButton from './react-github-button';
 import smBackground from './smLogoBW.png'
 
 const Buttons = (

example/stories/index.js

@@ -10,7 +10,7 @@ import DatePickerExampleSimple from '../DatePickerExampleSimple.jsx';
 import greyTheme from './greyTheme.json';
 import SupportProject from '../SupportProject.jsx';
 
-const SHOW_SUPPORT = false;
+const SHOW_SUPPORT = true;
 
 /** note: decorators
  *  You can add decorator globally:

package.json

@@ -62,7 +62,7 @@
     "eslint-plugin-react": "^5.0.1",
     "git-url-parse": "^6.0.1",
     "jsdom": "^9.5.0",
-    "material-ui": "^0.15.4",
+    "material-ui": "^0.16.0",
     "mocha": "^3.0.2",
     "node-sass": "^3.10.0",
     "raw-loader": "^0.5.1",
@@ -76,14 +76,12 @@
   },
   "peerDependencies": {
     "@kadira/storybook": "^2.18.1",
-    "@kadira/storybook-addons": "^1.3.0",
-    "material-ui": "^0.15.4 || ^0.16.0",
+    "material-ui": "^0.15.0 || ^0.16.0",
     "react": "^0.14.7 || ^15.0.0",
     "react-dom": "^0.14.7 || ^15.0.0"
   },
   "dependencies": {
-    "@kadira/storybook-addons": "^1.3.0",
-    "json-stringify-safe": "^5.0.1",
+    "@kadira/storybook-addons": "^1.5.0",
     "react-material-color-picker": "^1.1.0",
     "react-split-pane": "^0.1.50",
     "react-tap-event-plugin": "^1.0.0"

src/containers/MuiTheme.js

@@ -7,7 +7,7 @@ import { EVENT_ID_DATA, CSS_CLASS } from '../'; // future: add CSS_CLASS
 // future: [x] remove ThemeToolbar
 import ThemeSideBar from '../components/ThemeSideBar';
 import SplitPane from 'react-split-pane';
-const stringify = require('json-stringify-safe');
+// const stringify = require('json-stringify-safe');
 
 const propTypes = {
     themesAppliedListInit: React.PropTypes.arrayOf(React.PropTypes.object),
@@ -92,8 +92,8 @@ export default class MuiTheme extends React.Component {
 
     dataChannelSend(data) {
         if (this.isChannelData || !this.state.isMount) return false;
-        const dataStr = stringify(data);
-        this.props.channel.emit(EVENT_ID_DATA, dataStr);
+//        const dataStr = stringify(data);
+        this.props.channel.emit(EVENT_ID_DATA, data);
         return true;
     }
 

src/containers/PanelContainer.js

@@ -82,8 +82,8 @@ export default class PanelContainer extends React.Component {
         this.setState({ ...initData, ...queryData, themesNameList, isReady: true });
     }
 
-    onDataChannel(strData) {
-        const stateData = JSON.parse(strData);
+    onDataChannel(stateData) {
+//        const stateData = JSON.parse(strData);
         const themesNameList = this.genNameList(stateData.themesAppliedList);
         this.isChannelData = true; // note: this state received by channel, don't need to send back
         this.setState({ ...stateData, themesNameList });