Fix local store

Author: usulpro

dev/register.js

@@ -28,6 +28,7 @@ const AddonPanel = ({
   update,
   theme,
   data,
+  comment
 }) => {
   return (
     <LayoutBlock style={{ padding: 0 }}>
@@ -40,6 +41,7 @@ const AddonPanel = ({
         <button onClick={() => update({ themes: ['T1', 'T2', 'T3'] })}>
           Update
         </button>
+        <button onClick={() => comment()}> comment </button>
       </AddonBlock>
       {/* <Block style={blockStyle}>
         <small>{JSON.stringify(api.getCurrentStoryData())}</small>
@@ -69,6 +71,10 @@ register(
       currentTheme: store.currentTheme - 1,
     })),
     update: global(),
+    comment: local(store => ({
+      ...store,
+      comment: 'comment',
+    })),
   })
 )(AddonPanel);
 

dev/withAdk.js

@@ -2,14 +2,16 @@ import React from 'react';
 import { createDecorator, setParameters } from '../src/decorator';
 import './config';
 
-const DecoratorUI = ({ context, getStory, theme }) => (
+const DecoratorUI = ({ context, getStory, theme, info }) => (
   <div>
     Theme: {theme} <br />
+    Data: {info} <br />
     {getStory(context)}
   </div>
 );
 
 export const withAdk = createDecorator({
   theme: store => store.themes[store.currentTheme],
-})(DecoratorUI, { isGlobal: true });
+  info: store => JSON.stringify(store, null, 2)
+})(DecoratorUI, { isGlobal: false });
 export const adkParams = setParameters();

src/ChannelStore.js

@@ -160,3 +160,7 @@ export const getSingleStore = (...args) => {
   singleStore = singleStore || new ChannelStore(...args);
   return singleStore;
 };
+
+export const getNewStore =  (...args) => {
+  return new ChannelStore(...args);
+};

src/withChannel.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { getSingleStore } from './ChannelStore';
+import { getSingleStore, getNewStore } from './ChannelStore';
 
 const getDisplayName = WrappedComponent =>
   WrappedComponent.displayName || WrappedComponent.name || 'Component';
@@ -42,13 +42,13 @@ const withChannel = ({
       this.state = {
         data: initStateData,
         selectors: isReceived ? this.prepareSelectors(initStateData) : {},
-        isReceived,
-      };
+          isReceived,
+        };
 
-      this.store = getSingleStore({
-        EVENT_ID_INIT,
-        EVENT_ID_DATA,
-        EVENT_ID_BACK,
+        this.store = (panel ? getSingleStore : getNewStore)({
+          EVENT_ID_INIT,
+          EVENT_ID_DATA,
+          EVENT_ID_BACK,
         name: props.pointName,
         initData: this.state.data,
         isPanel: this.isPanel,