Update contribution state (#9)

* Initial changes

* Adding componentState instead of componentModelResult

Author: b-yogesh

dashi/src/actions/handleComponentPropertyChange.ts

@@ -109,7 +109,7 @@ function applyChangeRequests(changeRequests: ChangeRequest[]) {
       appStore.getState().contributionStatesRecord;
     const contributionStates = contributionStatesRecord[contribPoint];
     const contributionState = contributionStates[contribIndex];
-    const componentModelOld = contributionState.componentModelResult.data;
+    const componentModelOld = contributionState.componentState;
     let componentModel = componentModelOld;
     changes.forEach((change) => {
       if (componentModel && (!change.kind || change.kind === "Component")) {
@@ -131,10 +131,7 @@ function applyChangeRequests(changeRequests: ChangeRequest[]) {
             contribIndex,
             {
               ...contributionState,
-              componentModelResult: {
-                ...contributionState.componentModelResult,
-                data: componentModel,
-              },
+              componentState: componentModel,
             },
           ),
         },

dashi/src/actions/setComponentVisibility.ts

@@ -29,8 +29,10 @@ export function setComponentVisibility(
       panelIndex,
       inputValues,
     ).then((componentModelResult) => {
+      const componentState = componentModelResult?.data;
       updateContributionState(contribPoint, panelIndex, {
         componentModelResult,
+        componentState,
       });
     });
   }

dashi/src/app/Panel.tsx

@@ -40,14 +40,12 @@ function Panel({ panelModel, panelState, onPropertyChange }: PanelProps) {
   if (!panelState.visible) {
     return null;
   }
+  const componentState = panelState.componentState;
   let panelElement: ReactElement | null = null;
   const componentModelResult = panelState.componentModelResult;
-  if (componentModelResult.data) {
+  if (componentModelResult.data && componentState) {
     panelElement = (
-      <DashiComponent
-        {...componentModelResult.data}
-        onPropertyChange={onPropertyChange}
-      />
+      <DashiComponent {...componentState} onPropertyChange={onPropertyChange} />
     );
   } else if (componentModelResult.error) {
     panelElement = (

dashi/src/store/appStore.ts

@@ -10,6 +10,7 @@ export type ContribPoint = string;
 export interface ContributionState {
   visible?: boolean;
   componentModelResult: ApiResult<ComponentModel>;
+  componentState?: ComponentModel;
 }
 
 export interface AppState {