Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫
Something went wrong. Try again.
2.1 kB · 81 lines
TypeScript
at main
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182import { createContext, useContext, useEffect, useId, useMemo, useRef,} from 'react'
import {useDialogStateContext} from '#/state/dialogs'import { type DialogContextProps, type DialogControlRefProps, type DialogOuterProps,} from '#/components/Dialog/types'import {IS_DEV} from '#/env'import {BottomSheetSnapPoint} from '../../../modules/bottom-sheet/src/BottomSheet.types'
export const Context = createContext<DialogContextProps>({ close: () => {}, isNativeDialog: false, nativeSnapPoint: BottomSheetSnapPoint.Hidden, disableDrag: false, setDisableDrag: () => {}, isWithinDialog: false, isHeightConstrained: false,})Context.displayName = 'DialogContext'
export function useDialogContext() { return useContext(Context)}
export function useDialogControl(): DialogOuterProps['control'] { const id = useId() const control = useRef<DialogControlRefProps>({ open: () => {}, close: () => {}, }) const {activeDialogs} = useDialogStateContext()
useEffect(() => { activeDialogs.current.set(id, control) return () => { // eslint-disable-next-line react-hooks/exhaustive-deps activeDialogs.current.delete(id) } }, [id, activeDialogs])
return useMemo<DialogOuterProps['control']>( () => ({ id, ref: control, open: () => { if (control.current) { control.current.open() } else { if (IS_DEV) { console.warn( 'Attemped to open a dialog control that was not attached to a dialog!\n' + 'Please ensure that the Dialog is mounted when calling open/close', ) } } }, close: cb => { if (control.current) { control.current.close(cb) } else { if (IS_DEV) { console.warn( 'Attemped to close a dialog control that was not attached to a dialog!\n' + 'Please ensure that the Dialog is mounted when calling open/close', ) } } }, }), [id, control], )}