@base-ui-components/react
Version:
Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.
28 lines (27 loc) • 995 B
JavaScript
'use client';
import * as React from 'react';
import { DialogContext } from "../utils/DialogContext.js";
export const DialogRootContext = /*#__PURE__*/React.createContext(undefined);
if (process.env.NODE_ENV !== "production") DialogRootContext.displayName = "DialogRootContext";
export function useOptionalDialogRootContext() {
const dialogRootContext = React.useContext(DialogRootContext);
const dialogContext = React.useContext(DialogContext);
if (dialogContext === undefined && dialogRootContext === undefined) {
return undefined;
}
return {
...dialogRootContext,
...dialogContext
};
}
export function useDialogRootContext() {
const dialogRootContext = React.useContext(DialogRootContext);
const dialogContext = React.useContext(DialogContext);
if (dialogContext === undefined) {
throw new Error('Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.');
}
return {
...dialogRootContext,
...dialogContext
};
}