From 973538d246a3f76550611e438152f1a6cad75f49 Mon Sep 17 00:00:00 2001 From: Samuel Newman Date: Tue, 6 May 2025 20:27:05 +0300 Subject: New `Select` component (#8323) * radix select component on web * native implementation (wip) * fix sheet height/padding * tone down web styles * react 19 cleanup * replace primary language select * change style on native * get auto placeholder working * more style tweaks * replace app language dropdown * replace rnpickerselect with native select * rm react-native-picker-select dependency * rm placeholder, since a value is always selected * docblock for renderItem * add more docblocks * add style prop to item * pass selectedValue through renderItem * fix context * Style overflow buttons --------- Co-authored-by: Eric Bailey --- src/components/Dialog/shared.tsx | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) (limited to 'src/components/Dialog/shared.tsx') diff --git a/src/components/Dialog/shared.tsx b/src/components/Dialog/shared.tsx index 44a4f6b0b..eec47b2ba 100644 --- a/src/components/Dialog/shared.tsx +++ b/src/components/Dialog/shared.tsx @@ -1,5 +1,11 @@ import React from 'react' -import {StyleProp, TextStyle, View, ViewStyle} from 'react-native' +import { + LayoutChangeEvent, + StyleProp, + TextStyle, + View, + ViewStyle, +} from 'react-native' import {atoms as a, useTheme} from '#/alf' import {Text} from '#/components/Typography' @@ -9,15 +15,18 @@ export function Header({ renderRight, children, style, + onLayout, }: { renderLeft?: () => React.ReactNode renderRight?: () => React.ReactNode children?: React.ReactNode style?: StyleProp + onLayout?: (event: LayoutChangeEvent) => void }) { const t = useTheme() return (