dash-renderer/src/reducers/paths.js

render dash components in react

import {crawlLayout, hasId} from './utils'
import R from 'ramda'
import {ACTIONS} from '../actions/constants';

const initialPaths = null;


const paths = (state = initialPaths, action) => {
    switch (action.type) {
        case ACTIONS('COMPUTE_PATHS'): {
            const {subTree, startingPath} = action.payload;
            if (R.isNil(state)) {
                state = {};
            }
            let newState;

            // if we're updating a subtree, clear out all of the existing items
            if (!R.isEmpty(startingPath)) {
                const removeKeys = R.filter(k => (
                    R.equals(startingPath, R.slice(0, startingPath.length, state[k]))
                ), R.keys(state));
                newState = R.omit(removeKeys, state);
            } else {
                newState = R.merge({}, state);
            }

            crawlLayout(subTree, function assignPath(child, itempath) {
                if(hasId(child)) {

                    newState[child.props.id] = R.concat(startingPath, itempath);

                }
            });

            return newState;
        }

        default: {
            return state;
        }
    }
}

export default paths;