Fix- Flowchart does not load for static data inputs

RELEASE.md

@@ -15,6 +15,7 @@ Please follow the established format:
 - Update feature flag description to remind the user of the need for page refresh to apply settings. (#821)
 - Fix experiment tracking not showing run details bug on Windows. (#809)
 - Improve performance when many datasets are missing. (#832)
+- Fix flowchart not showing on initial load for static data inputs. (#843)
 
 # Release 4.4.0
 

src/components/app/app.js

@@ -24,7 +24,7 @@ class App extends React.Component {
   constructor(props) {
     super(props);
     const initialState = getInitialState(props);
-    this.store = configureStore(initialState);
+    this.store = configureStore(initialState, this.props.data);
   }
 
   componentDidMount() {

src/store/store.js

@@ -11,7 +11,7 @@ import { saveState, pruneFalseyKeys } from './helpers';
  * update state.graph via a web worker when it changes.
  * @param {object} store Redux store
  */
-const updateGraphOnChange = (store) => {
+export const updateGraphOnChange = (store) => {
   const watchGraph = watch(() => getGraphInput(store.getState()));
   store.subscribe(
     watchGraph((graphInput) => {
@@ -60,16 +60,24 @@ const saveStateToLocalStorage = (state) => {
 /**
  * Configure initial state and create the Redux store
  * @param {Object} initialState Initial Redux state (from initial-state.js)
+ * @param {Object} dataType type of pipeline data - "static" or "json" (if data is loaded from API)
  * @return {Object} Redux store
  */
-export default function configureStore(initialState) {
+export default function configureStore(initialState, dataType) {
   const composeEnhancers =
     window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
   const store = createStore(
     reducer,
     initialState,
     composeEnhancers(applyMiddleware(thunk))
   );
+
+  // dispatch the calculateGraph action to ensure the graph nodes still gets rendered
+  // on initial load if data is loaded via data prop instead of fetching from Rest API
+  if (dataType !== 'json') {
+    store.dispatch(calculateGraph(getGraphInput(store.getState())));
+  }
+
   updateGraphOnChange(store);
   store.subscribe(() => {
     saveStateToLocalStorage(store.getState());

src/utils/state.mock.js

@@ -73,7 +73,9 @@ export const setup = {
       prepareState({ data: spaceflights, ...props })
     );
     return mount(
-      <Provider store={configureStore(initialState)}>{children}</Provider>
+      <Provider store={configureStore(initialState, 'json')}>
+        {children}
+      </Provider>
     );
   },
   /**