palantir/blueprint

Generically typed selection UI

Open

#6.695 geöffnet am 1. Feb. 2024

Auf GitHub ansehen
 (0 Kommentare) (2 Reaktionen) (0 zugewiesene Personen)TypeScript (20.263 Stars) (2.167 Forks)batch import
Status: needs proposalType: feature requesthelp wanted

Beschreibung

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>

Contributor Guide

Tech Stack
typescriptreact
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 days
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
TypeScriptReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60
Research-Richtung
The issue requests adding generic type support to the `SegmentedControl` component so that the `onValueChange` callback receives an enum type instead of always string. The example shows desired usage with `<SegmentedControl<MyEnum>`. To implement, examine the current `SegmentedControl` component in the Blueprint source (likely in `packages/core/src/components/segmented control/`). The fix involves adding a generic type parameter to the component's props interface, propagating it to the `onValueChange` handler and the `value` prop. There are no existing comments or PRs to reference, so the implementation should follow existing patterns in the codebase for generic components (e.g., `InputGroup` or other form components). The change is localized and should include updated TypeScript types and possibly a test.