palantir/blueprint

[Multistep Dialog] Expose a function to proceed to the next step in the dialog

Open

#5,040 opened on Nov 29, 2021

View on GitHubContributor guide
 (1 comment) (1 reaction) (0 assignees)TypeScript (2,167 forks)batch import
P3Package: coreType: feature requesthelp wanted

Repository metrics

Stars
 (20,263 stars)
PR merge metrics
 (PR metrics pending)

Description

Feature request

It would be useful if the Multistep Dialog exposes a method to proceed to the next step in the dialog.

Use Case

The dialog can progress through steps when the user presses on the enter key

Examples

const r = React.Ref<MultiStepDialog> = createRef();
const onEnter = () => r.current.nextStep();

return <MultiStepDialog ... ref={r} />

Contributor guide

Research direction
Look at the MultiStepDialog component to understand its current structure. Add a forwardRef wrapper and expose a nextStep method via useImperativeHandle. Then update the component to accept a ref and call the method when needed.
Tech stack
typescriptreact
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
ReactTypeScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70