palantir/blueprint

Generically typed selection UI

Open

#6695 aperta il 1 feb 2024

Vedi su GitHub
 (0 commenti) (2 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
Status: needs proposalType: feature requesthelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 24g 18h) (17 PR mergiate in 30 g)

Descrizione

Feature request

Would be nice to have a selection UI that works with enums. SegmentedControl is nice but the callback is always string

Examples

const options: {label: string, value: MyEnum} = {...};

const handleValueChange = (newValue: MyEnum) => {...};

... 

<SegmentedControl<MyEnum> options={options} onValueChange={handleValueChange}>
...
</SegmentedControl>

Guida contributor

Direzione di ricerca
La richiesta propone di aggiungere il supporto per tipi generici al componente `SegmentedControl` in modo che il callback `onValueChange` riceva un tipo enum invece di essere sempre stringa. L'esempio mostra l'uso desiderato: `<SegmentedControl<MyEnum>>`. Per implementarlo, esaminare il componente `SegmentedControl` attuale nel sorgente di Blueprint (probabilmente in `packages/core/src/components/segmented control/`). La correzione comporta l'aggiunta di un parametro di tipo generico all'interfaccia delle props del componente, propagandolo al gestore `onValueChange` e alla prop `value`. Non ci sono commenti o PR esistenti da consultare, quindi l'implementazione dovrebbe seguire i pattern esistenti nel codice per i componenti generici (ad es. `InputGroup` o altri componenti di form). La modifica è localizzata e dovrebbe includere tipi TypeScript aggiornati e possibilmente un test.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
TypeScriptReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60