Function sideUpdate

dash/dash-renderer/src/actions/callbacks.ts:396–461

* Update a component props with `running`/`progress`/`set_props` calls. * * @param outputs Props to update. * @param cb The originating callback info. * @returns

(outputs: SideUpdateOutput, cb: ICallbackPayload)

 * @returns
 */
function sideUpdate(outputs: SideUpdateOutput, cb: ICallbackPayload) {
    return function (dispatch: any, getState: any) {
        toPairs(outputs)
            .reduce((acc, [id, value], i) => {
                let componentId = id,
                    propName,
                    replacedIds = [];

                if (id.startsWith('{')) {
                    [componentId, propName] = parsePMCId(id);
                    replacedIds = replacePMC(componentId, cb, i, getState);
                } else if (id.includes('.')) {
                    [componentId, propName] = id.split('.');
                }

                const props = propName ? {[propName]: value} : value;

                if (replacedIds.length === 0) {
                    acc.push([componentId, props]);
                } else if (replacedIds.length === 1) {
                    acc.push([replacedIds[0], props]);
                } else {
                    replacedIds.forEach((rep: any) => {
                        acc.push([rep, props]);
                    });
                }

                return acc;
            }, [] as any[])
            .forEach(([id, idProps]) => {
                const state = getState();

                const componentPath = getPath(state.paths, id);
                let oldComponent = {props: {}};
                if (componentPath) {
                    oldComponent = getComponentLayout(componentPath, state);
                }

                const oldProps = oldComponent?.props || {};

                const patchedProps = parsePatchProps(idProps, oldProps);

                dispatch(updateComponent(id, patchedProps, cb));

                if (!componentPath) {
                    // Component doesn't exist, doesn't matter just allow the
                    // callback to continue.
                    return;
                }

                dispatch(
                    setPaths(
                        computePaths(
                            {
                                ...oldComponent,
                                props: {...oldComponent.props, ...patchedProps}
                            },
                            [...componentPath],