Function useDrawerPanelController

core/src/components/drawerPanelCreator.ts:50–88

()

}

export const useDrawerPanelController = (): DrawerPanelController => {
  const store = useStore()
  const [panels, setPanels] = useAtom(drawerPanelsAtom, { store })
  const [activePanelId, setActivePanelId] = useAtom(activeDrawerPanelIdAtom, { store })
  const activePanel = useMemo(() => panels.find(panel => panel.id === activePanelId) ?? null, [panels, activePanelId])
  const setPanelsRef = useRefCallback(setPanels)
  return {
    activePanel,
    addPanel: useCallback(panel => {
      setPanelsRef(panels => {
        if (panels.some(p => p.id === panel.id)) {
          console.warn(`Panel with id "${panel.id}" already exists.`)
          return panels
        }
        return [...panels, panel]
      })
    }, [setPanelsRef]),
    setPanel: useCallback(panel => {
      setPanelsRef(panels => {
        const index = panels.findIndex(p => p.id === panel.id)
        if (index === -1) {
          return panels.concat(panel)
        }
        panels[index] = panel
        return [...panels]
      })
    }, [setPanelsRef]),
    removePanel: useCallback(id => {
      setPanelsRef(panels => panels.filter(panel => panel.id !== id))
    }, [setPanelsRef]),
    openPanel: useCallback(id => setActivePanelId(id), [setActivePanelId]),
    closePanel: useCallback(id => {
      setActivePanelId(activePanelId => activePanelId === id ? null : activePanelId)
    }, [setActivePanelId]),
    togglePanel: useCallback(id => {
      setActivePanelId(activePanelId => activePanelId === id ? null : id)
    }, [setActivePanelId])
  }
}