/
githubmirror
/
tldraw
Обзор
Документация
Войти
/
githubmirror
/
tldraw
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/editor/src/lib/hooks/useGlobalMenuIsOpen.ts
63 строки
1 KB
Steve Ruiz
[dotcom] Menus, dialogs, toasts, etc. (#4624)
30 сен 2024, 23:27
Не верифицирован
30 сен 2024, 23:27
09f89a6
Код
Авторство
О чём код?
import { useValue } from '@tldraw/state-react' import { useCallback, useEffect, useRef } from 'react' import { tlmenus } from '../globals/menus' /** @public */ export function useGlobalMenuIsOpen( id: string, onChange?: (isOpen: boolean) => void, onEvent?: (id: string) => void ) { const rIsOpen = useRef(false) const onOpenChange = useCallback( (isOpen: boolean) => { rIsOpen.current = isOpen if (isOpen) { tlmenus.addOpenMenu(id) } else { tlmenus.deleteOpenMenu(id) } onChange?.(isOpen) }, [id, onChange] ) const isOpen = useValue('is menu open', () => tlmenus.getOpenMenus().includes(id), [id]) useEffect(() => { // When the effect runs, if the menu is open then // add it to the open menus list. // This is necessary for cases where the user closes // the parent of a submenu before closing the submenu. // There is some duplication between this and `onOpenChange` // hook but it's necessary to handle the case where the // this effect runs twice or re-runs. if (rIsOpen.current) { onEvent?.('open-menu') tlmenus.addOpenMenu(id) } return () => { if (rIsOpen.current) { // Close menu on unmount tlmenus.deleteOpenMenu(id) // Close menu and all submenus when the parent is closed tlmenus.getOpenMenus().forEach((menuId) => { if (menuId.startsWith(id)) { onEvent?.('close-menu') tlmenus.deleteOpenMenu(menuId) } }) rIsOpen.current = false } } }, [id, onEvent]) return [isOpen, onOpenChange] as const }