palantir/blueprint

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

Open

#5040 aperta il 29 nov 2021

Vedi su GitHub
 (1 commento) (1 reazione) (0 assegnatari)TypeScript (2167 fork)batch import
P3Package: coreType: feature requesthelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

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} />

Guida contributor

Direzione di ricerca
Individua il componente MultiStepDialog nella codebase di Blueprint (probabilmente in packages/core/src/components/dialog). Attualmente il componente non espone un handle imperativo. Per implementarlo, utilizza React.forwardRef e un hook useImperativeHandle per esporre un metodo 'nextStep' che avanza lo stato del passo interno. Fai riferimento ad altri componenti Blueprint che espongono metodi ref per coerenza, come Dialog o Overlay. Assicurati che il metodo sia tipizzato correttamente nell'interfaccia del componente.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70