'use client'; import React from 'react'; import { TouchScrollable } from 'react-scrolllock'; import { HeadingText } from '~/components/HeadingText'; import { useLogger } from '~/hooks/useLogger'; import { Backdrop } from './components/Backdrop'; import { DialogContainer } from './components/DialogContainer'; import { DialogFooter } from './components/DialogFooter'; import { DialogHeader } from './components/DialogHeader'; import { DialogNavigation } from './components/DialogNavigation'; import { Body, BodyArea, Container, Content, Root, Wrapper } from './styled-components'; /** @deprecated use the `OverlayTriggerToggle` + `OverlayDialog` components instead */ export function Dialog(props) { const { children, id, isOpen, onCloseRequest, onBackRequest, onOpenAnimationComplete, onCloseAnimationComplete, size = 'lg', padding = 'default', scrollable = 'all', media, title, titleAlign = 'left', ariaLabel, showCloseButton, primaryAction, secondaryAction, tertiaryAction, actionLayout = 'horizontal', metaData, loggerId, loggerProps, 'data-tag': dataTag, flow = 'fullscreen', } = props; const log = useLogger(); // show header when media or title is defined const showHeader = media || title; const showFooter = primaryAction || secondaryAction || tertiaryAction; // with no children while scrollable all there is // no gap between headers and footers const useFullWrapper = scrollable === 'all' && !children; const onOpenAnimationCompleteOverride = () => { log('dialogOpen', loggerId, loggerProps); onOpenAnimationComplete?.(); }; const onCloseAnimationCompleteOverride = () => { log('dialogClose', loggerId, loggerProps); onCloseAnimationComplete?.(); }; return ( {({ id: innerId, ariaProps, titleId, contentId, handleClose, transitionPhase, viewport }) => { const bodyContent = ( {!showHeader && ()} {children} ); return ( {showHeader && ()} {!!children && (scrollable === 'all' ? (bodyContent) : ({bodyContent}))} {showFooter && ()} ); }} ); } /* expose default title component */ Dialog.Title = HeadingText; /* export content component for custom styles */ Dialog.Content = Content; //# sourceMappingURL=index.jsx.map