Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫 witchsky.app
bluesky fork client
Something went wrong. Try again.
4.0 kB · 150 lines
TypeScript
at prod
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151import { type AccessibilityProps, type AccessibilityRole, type GestureResponderEvent, type PressableProps, type View,} from 'react-native'
import {type TextStyleProp, type ViewStyleProp} from '#/alf'import type * as Dialog from '#/components/Dialog'import {type Props as SVGIconProps} from '#/components/icons/common'import {type BottomSheetPopoverMode} from '../../../modules/bottom-sheet'
export type ContextType = { control: Dialog.DialogOuterProps['control'] nativeSubmenu?: { activeId: string | null registry: Map< string, { label: string children: React.ReactNode } > open: (id: string) => void close: () => void }}
export type ItemContextType = { disabled: boolean destructive: boolean}
export type OuterProps = React.PropsWithChildren< ViewStyleProp & { showCancel?: boolean side?: 'top' | 'right' | 'bottom' | 'left' align?: 'start' | 'center' | 'end' label?: string /** * iOS presentation policy. Defaults to 'adaptive'; use 'always' to keep a * popover on iPhone, or 'never' to use a sheet. Ignored on Android and web. */ popover?: BottomSheetPopoverMode onCloseAutoFocus?: (event: Event) => void }>
export type RadixPassThroughTriggerProps = { ref: React.RefObject<any> id: string type: 'button' disabled: boolean ['data-disabled']: boolean ['data-state']: string ['aria-controls']?: string ['aria-haspopup']?: boolean ['aria-expanded']?: AccessibilityProps['aria-expanded'] onKeyDown: PressableProps['onKeyDown'] /** * Radix provides this, but we override on web to use `onPress` instead, * which is less sensitive while scrolling. */ onPointerDown: PressableProps['onPointerDown']}export type TriggerProps = { children(props: TriggerChildProps): React.ReactNode label: string hint?: string role?: AccessibilityRole}export type TriggerChildProps = | { IS_NATIVE: true control: Dialog.DialogOuterProps['control'] state: { /** * Web only, `false` on native */ hovered: false focused: boolean pressed: boolean } /** * We don't necessarily know what these will be spread on to, so we * should add props one-by-one. * * On web, these properties are applied to a parent `Pressable`, so this * object is empty. */ props: { ref: React.RefObject<React.ComponentRef<typeof View> | null> onPress: (event?: GestureResponderEvent) => void onFocus: () => void onBlur: () => void onPressIn: () => void onPressOut: () => void accessibilityHint?: string accessibilityLabel: string accessibilityRole: AccessibilityRole } } | { IS_NATIVE: false control: Dialog.DialogOuterProps['control'] state: { hovered: boolean focused: boolean /** * Native only, `false` on web */ pressed: false } props: RadixPassThroughTriggerProps & { onPress: () => void onFocus: () => void onBlur: () => void onMouseEnter: () => void onMouseLeave: () => void accessibilityHint?: string accessibilityLabel: string accessibilityRole: AccessibilityRole } }
export type ItemProps = React.PropsWithChildren< Omit<PressableProps, 'style'> & ViewStyleProp & { label: string onPress: (e: GestureResponderEvent) => void destructive?: boolean }>
export type ItemTextProps = React.PropsWithChildren<TextStyleProp & {}>export type ItemIconProps = React.PropsWithChildren<{ icon: React.ComponentType<SVGIconProps> position?: 'left' | 'right' fill?: (props: {disabled: boolean}) => string}>
export type GroupProps = React.PropsWithChildren<ViewStyleProp & {}>
export type SubmenuProps = React.PropsWithChildren< ViewStyleProp & { label: string trigger: React.ReactNode }>