Function set_props

dash/dash-renderer/src/utils/clientsideFunctions.ts:13–60

* Set the props of a dash component by id or path. * * @param idOrPath Path or id of the dash component to update. * @param props The props to update.

(
    idOrPath: string | object | string[],
    props: {[k: string]: any}
)

 * @param props The props to update.
 */
function set_props(
    idOrPath: string | object | string[],
    props: {[k: string]: any}
) {
    const ds = getStores();
    for (let y = 0; y < ds.length; y++) {
        const {dispatch, getState} = ds[y];
        let componentPath;
        const state = getState();
        if (!Array.isArray(idOrPath)) {
            componentPath = getPath(state.paths, idOrPath);
        } else {
            componentPath = idOrPath;
        }
        const oldComponent = getComponentLayout(componentPath, state);

        // Handle any patch props
        props = parsePatchProps(props, oldComponent?.props || {});

        // Update the props
        dispatch(
            updateProps({
                props,
                itempath: componentPath,
                renderType: 'clientsideApi'
            })
        );
        dispatch(notifyObservers({id: idOrPath, props}));

        if (!oldComponent) {
            return;
        }

        dispatch(
            setPaths(
                computePaths(
                    {
                        ...oldComponent,
                        props: {...oldComponent.props, ...props}
                    },
                    [...componentPath],
                    state.paths,
                    state.paths.events
                )
            )
        );
    }
}

// Clean url code adapted from https://github.com/braintree/sanitize-url/blob/main/src/constants.ts
// to allow for data protocol.