one/dist/esm/headless/useDrawer.mjs

One is a new React Framework that makes Vite serve both native and web.

"use client";

import { DrawerActions } from "@react-navigation/routers";
import { createContext, useContext, useMemo } from "react";
import { getPathFromState } from "../fork/getPathFromState.mjs";
import { getResolvedLinking } from "../router/linkingConfig.mjs";
import { jsx } from "react/jsx-runtime";
const DrawerContext = createContext(null);
function DrawerStateProvider({
  state,
  descriptors,
  navigation,
  children
}) {
  const linking = getResolvedLinking();
  const value = useMemo(() => {
    const screens = state.routes.map((route, index) => {
      const descriptor = descriptors[route.key];
      const options = descriptor.options;
      const href = (linking?.getPathFromState ?? getPathFromState)({
        ...state,
        index
      }, linking?.config);
      return {
        key: route.key,
        name: route.name,
        params: route.params ?? {},
        href,
        isFocused: index === state.index,
        keepMounted: options.keepMounted === true,
        options,
        element: descriptor.render()
      };
    });
    return {
      screens,
      focused: screens[state.index],
      isOpen: state.history.some(entry => entry.type === "drawer"),
      open: () => navigation.dispatch(DrawerActions.openDrawer()),
      close: () => navigation.dispatch(DrawerActions.closeDrawer()),
      toggle: () => navigation.dispatch(DrawerActions.toggleDrawer())
    };
  }, [descriptors, linking, navigation, state]);
  return /* @__PURE__ */jsx(DrawerContext.Provider, {
    value,
    children
  });
}
function useDrawer() {
  const value = useContext(DrawerContext);
  if (!value) {
    throw new Error("useDrawer must be used inside a Drawer navigator");
  }
  return value;
}
export { DrawerStateProvider, useDrawer };
//# sourceMappingURL=useDrawer.mjs.map