@kadoui/react/dist/components/Drawer/DrawerRoot.js

Kadoui primitive components for React

"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { usePathname } from "next/navigation";
import { useState, useEffect } from "react";
import { DrawerContext } from "./DrawerContext";
import { getBrowserScrollbarWith } from "../../utils";
export function DrawerRoot({ children }) {
    const pathname = usePathname();
    const [isOpen, setOpen] = useState(false);
    useEffect(() => {
        setOpen(false);
    }, [pathname]);
    useEffect(() => {
        const handleEscape = (ev) => {
            if (ev.key === "Escape") {
                setOpen(false);
            }
        };
        document.addEventListener("keydown", handleEscape);
        return () => {
            document.removeEventListener("keydown", handleEscape);
            document.body.style.overflow = "unset";
        };
    }, []);
    useEffect(() => {
        const scrollbarWidth = getBrowserScrollbarWith();
        if (isOpen) {
            document.body.style.overflow = "hidden";
            document.body.style.paddingRight = `${scrollbarWidth}px`;
        }
        else {
            document.body.style.overflow = "unset";
            document.body.style.paddingRight = "0px";
        }
    }, [isOpen]);
    return _jsx(DrawerContext, { value: { isOpen, setOpen }, children: children });
}