Done: Send data back from panel!

Author: usulpro

.storybook/stories.js

@@ -20,20 +20,26 @@ storiesOf('Storybook Addon Development Kit', module)
   .addDecorator(withAdk({ mainColor: 'green' }))
   .add(
     'Stories',
-    () => (
-      <div>
-        <button>Button 1</button>
-      </div>
-    ),
+    () => {
+      console.log('Render Button 1');
+      return (
+        <div>
+          <button>Button 1</button>
+        </div>
+      );
+    },
     adkParams({ currentTheme: 32 })
   )
   .add(
     'Stories2',
-    () => (
-      <div>
-        <button>Button 2</button>
-      </div>
-    ),
+    () => {
+      console.log('Render Button 2');
+      return (
+        <div>
+          <button>Button 2</button>
+        </div>
+      );
+    },
     adkParams({ currentTheme: 12 })
   );
 //   .add('Details', () => (

src/ChannelStore.js

@@ -20,13 +20,6 @@ export default class ChannelStore {
     this.initData = initData;
     this.isPanel = isPanel;
     this.id = storyId;
-
-    console.log(
-      `New Store Created for ${isPanel ? 'Panel' : 'Preview'}`,
-      EVENT_ID_INIT,
-      EVENT_ID_DATA,
-      EVENT_ID_BACK
-    );
   }
 
   store = {
@@ -74,6 +67,7 @@ export default class ChannelStore {
     selectedData.over = selectedData.over || {};
     this.selectorId = selectorId;
     this.subscriber();
+    this.send();
   };
 
   onDataChannel = updData => {

src/withChannel.js

@@ -25,6 +25,7 @@ const withChannel = ({
         ...this.props.initData,
         ...parameters,
       },
+      isReceived: false,
     };
 
     isPanel = this.props.panel || panel;
@@ -38,7 +39,6 @@ const withChannel = ({
       storyId,
     });
 
-
     prepareActions = () => {
       const {
         createGlobalAction: global,
@@ -83,22 +83,24 @@ const withChannel = ({
     };
 
     onData = data => {
-      // this.props.onData(data);
-      this.setState({ data });
+      this.setState({ data, isReceived: true });
     };
 
     render() {
       const { pointName, initData, active, onData, ...props } = this.props;
-      // console.log('​extends -> render -> this.state.data', this.state.data);
+      const { data, isReceived } = this.state;
+
       if (active === false) return null;
+      if (!isReceived) return null;
+
       return (
         <WrappedComponent
-          data={this.state.data}
+          data={data}
           setData={this.store.send}
           store={this.store}
           active={active}
           parameters={parameters}
-          actions = {this.actions}
+          actions={this.actions}
           {...props}
         />
       );