npm - @oracle/oraclejet-preact - Versions diffs - 18.1.1 → 18.1.2 - Mend

@oracle/oraclejet-preact 18.1.1 → 18.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1057) hide show

package/es/{Dialog-dbd00dbd.js → Dialog-4a0cb90c.js} RENAMED Viewed

@@ -1,16 +1,16 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
-import { W as WindowOverlay } from './WindowOverlay-77a01a5a.js';
-import { u as useTestId } from './useTestId-014cca7c.js';
+import { W as WindowOverlay } from './WindowOverlay-8fbe3e1c.js';
+import { u as useTestId } from './useTestId-8b32167f.js';
 import { u as useAnimation } from './useAnimation-a5eb7604.js';
 import { useRef, useState, useCallback, useEffect, useMemo } from 'preact/hooks';
 import { m as mergeRefs } from './refUtils-b9d8d91a.js';
 import { DialogRedwoodTheme } from './UNSAFE_Dialog/themes/redwood/DialogTheme.js';
 import { F as FocusTrap } from './FocusTrap-9e80c124.js';
-import { L as Layer } from './Layer-f309effc.js';
-import './LayerHost-ca080d9a.js';
-import { M as Modal } from './Modal-9bdb87a4.js';
+import { L as Layer } from './Layer-d4aca92e.js';
+import './LayerHost-f7ef254c.js';
+import { M as Modal } from './Modal-7efd2f81.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { g as globalImages } from './ImageVars.css-7b3180c8.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
@@ -19,12 +19,12 @@ import { d as dimensionInterpolations } from './dimensions-d4159ace.js';
 import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
 import { u as useResizeObserver } from './useResizeObserver-838164c1.js';
 import { u as useDraggable } from './useDraggable-e1aaa8f3.js';
-import { F as Floating } from './Floating-bd10e1bb.js';
+import { F as Floating } from './Floating-94a06a14.js';
 import { I as IconButton } from './IconButton-b78b5ace.js';
 import { S as SvgClose } from './Close-bf9bed8b.js';
 import { R as Resizable } from './Resizable-ea74f2fd.js';
 import { u as useBreakpoints } from './useBreakpoints-13aa87e6.js';
-import { u as useTranslationBundle } from './useTranslationBundle-29a1abb3.js';
+import { u as useTranslationBundle } from './useTranslationBundle-0dff3ab2.js';
 import { a as SLIDE_UP_XLARGE, D as DURATION_LARGE, b as SLIDE_DOWN_XLARGE } from './animationUtils-e6081007.js';
 import { a as allTabbableElements, f as focusWithin, b as focusOn, g as getActiveElement } from './tabbableUtils-6ceb767f.js';
@@ -341,4 +341,4 @@ const animationStates = {
 };
 export { Dialog as D };
-//# sourceMappingURL=Dialog-dbd00dbd.js.map
+//# sourceMappingURL=Dialog-4a0cb90c.js.map

package/es/{Dialog-dbd00dbd.js.map → Dialog-4a0cb90c.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog-dbd00dbd.js","sources":["../../src/UNSAFE_Dialog/Dialog.tsx"],"sourcesContent":["import type { ComponentChild, RefObject } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { Offset, WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useEffect, useRef, useCallback, useMemo, useState } from 'preact/hooks';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\n\nimport { DialogRedwoodTheme } from './themes/redwood/DialogTheme';\nimport { DialogStyles } from './themes/DialogStyles.css';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { globalImages } from '#/ImageVars.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\n\nimport { DraggableProps, useDraggable } from '../hooks/PRIVATE_useDraggable';\nimport { Floating, Coords } from '../UNSAFE_Floating';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { Resizable } from '../PRIVATE_Resizable/Resizable';\nimport { Position, Rect } from '../utils/UNSAFE_flexibleComponentUtils';\nimport { useBreakpoints } from '../hooks/UNSAFE_useBreakpoints';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport {\n SLIDE_DOWN_XLARGE,\n SLIDE_UP_XLARGE,\n DURATION_LARGE\n} from '../utils/PRIVATE_animationUtils';\nimport {\n allTabbableElements,\n focusOn,\n focusWithin,\n getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\n\n// dialog states\ntype Status = 'initial' \| 'opening' \| 'closing' \| 'unmounted';\ntype VisibilityStatus = 'hidden' \| 'visible';\ntype Animations = 'zoomIn' \| 'zoomOut' \| 'slideUp' \| 'slideDown';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' \| 'role'>;\n\nexport type OnCloseDetail = {\n reason: 'escapeKey' \| 'icon';\n};\n\nexport type CancelBehavior = 'none' \| 'escape' \| 'icon';\n\ntype DialogProps = IntrinsicProps &\n DimensionProps & {\n /*\n On Close callback.\n /\n onClose?: (detail: OnCloseDetail) => void;\n\n /\n On opening or closing transition end callback.\n /\n onTransitionEnd?: (value: boolean) => void;\n\n /\n Determines whether the Dialog is open.\n /\n isOpen: boolean;\n\n /\n Dialog header content. Can be a string or VNode (Component Child).\n * <p>\n * When a plain string is passed, it will be used as the dialog title. Otherwise, the prop value\n * will be used as the header content.\n * </p>\n * <p>\n * Dialog will automatically refer to the header content as the accessible label.\n * The user can override this behavior by specifying the <code>aria-labelledby</code> property\n * and setting its value as needed.\n * </p>\n /\n header?: ComponentChild;\n\n /\n Dialog footer content.\n /\n footer?: ComponentChild;\n\n /\n Determines dialog modality. Default is 'modal'.\n /\n modality?: 'modal' \| 'modeless';\n\n /\n Specifies dialog's cancel behavior. Default is 'none'.\n /\n cancelBehavior?: CancelBehavior;\n\n /\n Specifies dialog's launcher. After dialog closes, it returns focus to the launcher.\n * If not specified, focus goes back to the last active element before dialog opened.\n /\n launcherRef?: RefObject<HTMLElement>;\n\n /\n Specifies dialog's anchor. Dialog is placed relative to its anchor. If not specified,\n * it is placed relatively to window.\n /\n anchorRef?: RefObject<Element \| Coords>;\n\n /\n Determines placement of the dialog relative to the viewport.\n * Supported values are:\n * <p> <code>center</code>, <code>top</code>, <code>top-start</code>, <code>top-end</code>,\n * <code>end</code>, <code>end-top</code>, <code>end-bottom</code>,\n * <code>bottom</code>, <code>bottom-start</code>, <code>bottom-end</code>,\n * <code>start</code>, <code>start-top</code>, <code>start-bottom</code>\n * </p>\n * Default is <code>center</code>.\n /\n placement?: WindowOverlayPlacement;\n\n /\n Determines the offset of the Dialog from its core placement along the specified axes.\n \n Offset could be a number or an object\n \n An object has the following type:\n * <pre>\n * {\n * mainAxis?: number;\n * crossAxis?: number;\n * }\n * </pre>\n * For the <code>center</code> placement the convention for the offset type is that mainAxis defines\n * offset from the top, crossAxis defines offset from the left side of the view port.\n \n A number is a shortcut for setting the mainAxis.\n /\n offset?: Offset;\n\n /\n Determines if the Dialog should be sensitive to drag gestures. To create a draggable dialog,\n * set <code>dragAffordance='header'</code> and specify the <code>onDragMove</code> handler.\n /\n dragAffordance?: 'none' \| 'header';\n\n /\n Determines if the Dialog should support resizing. To create a resizable dialog,\n * set <code>resizeBehavior='resizable'</code> and specify the <code>onResize</code> handler.\n /\n resizeBehavior?: 'none' \| 'resizable';\n\n /\n Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is initiated.\n * The current position is reported in the <code>pos</code> parameter.\n \n @param pos\n /\n onDragStart?: (pos: Position) => void;\n\n /\n Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is detected.\n * The current position is reported in the <code>pos</code> parameter.\n \n @param pos\n /\n onDragMove?: (pos: Position) => void;\n\n /\n Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is completed.\n * The current position is reported in the <code>pos</code> parameter.\n \n @param pos\n /\n onDragEnd?: (pos: Position) => void;\n\n /\n Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n * a resize gesture is initiated. The current position and dimensions are reported in the\n * <code>rect</code> parameter.\n \n @param rect\n /\n onResizeStart?: (rect: Rect) => void;\n\n /\n Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n * a resize gesture is detected. The current position and dimensions are reported in the\n * <code>rect</code> parameter.\n \n @param rect\n /\n onResize?: (rect: Rect) => void;\n\n /\n Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n * a resize gesture is completed. The current position and dimensions are reported in the\n * <code>rect</code> parameter.\n \n @param rect\n /\n onResizeEnd?: (rect: Rect) => void;\n\n /\n Specifies callback triggered when initial focus is set or when a modeless dialog receives focus\n * via the F6 key.\n /\n onFocusSet?: () => void;\n\n /\n Determines if the header decoration should be displayed. The default is <code>on</code>\n * which renders a textured strip at the top of the dialog header in the Redwood theme.\n * If set to <code>off</code>, no decoration is rendered.\n /\n headerDecoration?: 'off' \| 'on';\n\n /\n Specifies the ARIA role type. Depending on how the dialog is used in the page, the developer\n * should choose from the following:\n * <ul>\n * <li><code>dialog</code> defines an application window that is designed to interrupt the current\n * processing of an application in order to prompt the user to enter information or require\n * a response.</li>\n * <li><code>alertdialog</code> defines type of dialog that contains an alert message, where initial\n * focus goes to an element within the dialog.</li>\n * </ul>\n /\n role?: string;\n\n /\n Optional <code>aria-labelledby</code> property referring to the content to be used as Dialog's\n * accessible <label htmlFor=\"\" className=\"\"></label>\n * If not specified, the Dialog will automatically refer to the entire header content as the accessible label.\n /\n 'aria-labelledby'?: string;\n\n /\n Optional accessible description for the dialog.\n /\n 'aria-describedby'?: string;\n } & TestIdProps;\n\n// dialog header\ntype DialogHeaderProps = Pick<DialogProps, 'children'> & {\n id?: string;\n cancelBehavior?: CancelBehavior;\n onClose?: (detail: OnCloseDetail) => void;\n draggableProps?: DraggableProps;\n headerDecoration?: 'off' \| 'on';\n};\n\nconst StyledDialogHeader = ({\n children,\n id,\n cancelBehavior,\n onClose,\n draggableProps,\n headerDecoration = 'on'\n}: DialogHeaderProps) => {\n const { styles } = useComponentTheme<never, DialogStyles>(DialogRedwoodTheme);\n\n const classes = classNames([\n styles.dialogHeaderStyle,\n ...(headerDecoration === 'on' ? [styles.dialogHeaderDecorationStyle] : [])\n ]);\n\n const content: ComponentChild =\n typeof children === 'string' ? (\n <h1 id={id} className={styles.dialogTitleStyle}>\n {children}\n </h1>\n ) : (\n <>{children}</>\n );\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n const handleIconClose = () => {\n onClose?.({ reason: 'icon' });\n };\n\n const closeIcon: ComponentChild =\n cancelBehavior === 'icon' ? (\n <div>\n <div className={styles.dialogHeaderCloseIconStyle}>\n <IconButton\n aria-label={translations.message_close()}\n size=\"sm\"\n variant=\"ghost\"\n onAction={handleIconClose}>\n <CloseIcon />\n </IconButton>\n </div>\n </div>\n ) : null;\n\n return (\n <div className={classes} {...draggableProps}>\n {content}\n {closeIcon}\n </div>\n );\n};\n\n// dialog footer\n\ntype DialogFooterProps = Pick<DialogProps, 'children'> & {\n style?: string;\n};\n\nconst StyledDialogFooter = forwardRef(\n ({ children, style }: DialogFooterProps, ref: ForwardedRef<HTMLDivElement \| null>) => {\n return (\n <div ref={ref} className={style}>\n {children}\n </div>\n );\n }\n);\n\n// styled dialog\n\ntype MainProps = Pick<DialogProps, 'children' \| 'header' \| 'footer' \| 'role'> &\n Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'style' \| 'onKeyDown'> & {\n visibility: VisibilityStatus;\n labelId?: string;\n ariaLabelledBy?: string;\n ariaDescribedBy?: string;\n cancelBehavior?: CancelBehavior;\n draggableProps?: DraggableProps;\n isResizable?: boolean;\n headerDecoration?: 'off' \| 'on';\n containerRef?: RefObject<HTMLElement>;\n onClose?: (detail: OnCloseDetail) => void;\n onResizeStart?: (rect: Rect) => void;\n onResize?: (rect: Rect) => void;\n onResizeEnd?: (rect: Rect) => void;\n footerRef?: RefObject<HTMLDivElement \| null>;\n } & TestIdProps;\n\nconst StyledDialog = forwardRef(\n (\n {\n children,\n header,\n footer,\n visibility,\n labelId,\n role,\n ariaLabelledBy,\n ariaDescribedBy,\n cancelBehavior,\n draggableProps,\n isResizable,\n headerDecoration,\n containerRef,\n onClose,\n onResizeStart,\n onResize,\n onResizeEnd,\n onKeyDown,\n testId,\n style,\n footerRef\n }: MainProps,\n ref: ForwardedRef<HTMLDivElement \| null>\n ) => {\n const elementRef = useRef<HTMLDivElement>(null);\n const mergedRef = mergeRefs(ref, elementRef);\n\n const [isSmallHeight, setSmallHeight] = useState<boolean>(false);\n const isSmallWidth = !useBreakpoints()['md'];\n\n const { classes: styleClasses, styles } = useComponentTheme<never, DialogStyles>(\n DialogRedwoodTheme\n );\n\n const resizeHandler = useCallback(() => {\n if (elementRef.current) {\n if (elementRef.current.clientHeight < 400) {\n setSmallHeight(true);\n } else {\n setSmallHeight(false);\n }\n }\n }, []);\n\n // set initial Height\n useEffect(() => {\n resizeHandler();\n }, [resizeHandler]);\n\n useResizeObserver(elementRef, resizeHandler);\n\n // for small widths (mobile), use the 'smallWidth' dialog style\n // otherwise, check for small height to apply 'smallWidth' or 'desktop' styles accordingly\n const baseStyle = isSmallWidth ? styles.baseStyleSmallWidth : styles.baseStyleDesktop;\n\n // content should scroll depending on the viewport height\n // on large screens, the header and footer should be \"sticky\",\n // at small viewport heights, the entire content should be scrollable\n const contentStyle = isSmallHeight\n ? styles.dialogContentStyleNoShrink\n : styles.dialogContentStyle;\n\n const visibilityStyle =\n visibility === 'visible' ? styles.visibilityVisible : styles.visibilityHidden;\n\n const testIdProps = useTestId(testId);\n\n return (\n <FocusTrap restoreFocusRef={false}>\n <div\n ref={mergedRef}\n tabIndex={-1}\n className={classNames([styleClasses, baseStyle, visibilityStyle, globalImages])}\n style={style}\n onKeyDown={onKeyDown}\n role={role}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n {...testIdProps}>\n <div className={styles.dialogContainerStyle}>\n <StyledDialogHeader\n id={labelId}\n onClose={onClose}\n headerDecoration={headerDecoration}\n cancelBehavior={cancelBehavior}\n draggableProps={draggableProps}>\n {header}\n </StyledDialogHeader>\n <div className={contentStyle}>\n <div className={styles.dialogBodyStyle}>{children}</div>\n </div>\n <StyledDialogFooter ref={footerRef} style={styles.dialogFooterStyle}>\n {footer}\n </StyledDialogFooter>\n </div>\n {isResizable && (\n <Resizable\n onResizeStart={onResizeStart}\n onResize={onResize}\n onResizeEnd={onResizeEnd}\n containerRef={containerRef}></Resizable>\n )}\n </div>\n </FocusTrap>\n );\n }\n);\n\n// main Dialog component\n\n/\n WAI-ARIA-compliant dialog component. A dialog is a floating window that typically contains\n * a title bar and a content area.\n * The dialog is generally placed on top of the rest of the page content. It can be either modal\n * (only the content in the dialog can be interacted with) or non-modal (it's still possible\n * to interact with content outside of the dialog).\n */\nexport const Dialog = forwardRef(\n (\n {\n children,\n isOpen,\n header = '',\n footer,\n modality = 'modal',\n launcherRef,\n anchorRef,\n placement,\n offset = 0,\n cancelBehavior = 'none',\n dragAffordance = 'none',\n resizeBehavior = 'none',\n headerDecoration = 'on',\n onDragStart,\n onDragMove,\n onDragEnd,\n onResizeStart,\n onResize,\n onResizeEnd,\n onFocusSet,\n onClose,\n onTransitionEnd,\n role = 'dialog',\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n testId,\n ...props\n }: DialogProps,\n ref: ForwardedRef<HTMLDivElement \| null>\n ) => {\n const [status, setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n\n const prevStatusRef = useRef<Status>('unmounted');\n\n const floatingRef = useRef<HTMLDivElement>(null);\n const contentWrapperRef = useRef<HTMLDivElement \| null>(null);\n const localLauncherRef = useRef<HTMLElement \| null>(null);\n const footerRef = useRef<HTMLDivElement \| null>(null);\n\n const isSmallWidth = !useBreakpoints()['md'];\n const derivedPlacement = isSmallWidth ? 'bottom' : placement ? placement : 'center';\n const animationType = isSmallWidth\n ? status === 'opening'\n ? 'slideUp'\n : 'slideDown'\n : status === 'opening'\n ? 'zoomIn'\n : 'zoomOut';\n\n const uniqueId = useId();\n const labelId = ariaLabelledBy ? ariaLabelledBy : uniqueId;\n\n const interpolations = [...Object.values(dimensionInterpolations)];\n const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n const { ...styles } = styleInterpolations(props);\n const shouldReturnFocus = useRef<boolean>(false);\n\n const setInitialFocus = useCallback(() => {\n // Focus on first tabbable in the Dialog container or container itself if there is none\n if (footerRef.current && allTabbableElements(footerRef.current).length > 0) {\n focusWithin(footerRef.current);\n } else {\n focusWithin(contentWrapperRef.current as HTMLElement);\n }\n onFocusSet?.();\n }, [onFocusSet]);\n\n const returnFocus = useCallback((): void => {\n const launcherEl = localLauncherRef.current;\n\n if (shouldReturnFocus.current && launcherEl) {\n focusOn(launcherEl);\n shouldReturnFocus.current = false;\n }\n }, []);\n\n // Animation\n const { nodeRef } = useAnimation<Animations, HTMLDivElement>(animationType, {\n animationStates,\n isAnimatedOnMount: true,\n onAnimationEnd: () => {\n if (isOpen) {\n onTransitionEnd?.(true);\n } else if (!isOpen) {\n // Should return focus?\n // Modeless: check whether Dialog contains focus before it unmounts\n // Modal: always return focus\n shouldReturnFocus.current =\n contentWrapperRef.current?.contains(getActiveElement() as HTMLElement) \|\| false;\n nodeRef(null);\n setVisibility('hidden');\n setStatus('unmounted');\n onTransitionEnd?.(false);\n }\n }\n });\n\n const mergedRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n const launcherKeyDownCallback = useCallback(\n (event: KeyboardEvent): void => {\n if (localLauncherRef.current === getActiveElement() && event.code === 'F6') {\n // Prevent default F6 handlers.\n // F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n\n focusWithin(contentWrapperRef.current as HTMLElement);\n onFocusSet?.();\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [modality]\n );\n\n const { draggableProps } = useDraggable({\n isDisabled: dragAffordance === 'none',\n containerRef: floatingRef,\n onDragStart,\n onDragMove,\n onDragEnd\n });\n\n useEffect(() => {\n // 1. Ignore status update on initial render or return focus on component unmount\n if (status === 'unmounted' && !isOpen) {\n if (status !== prevStatusRef.current) {\n returnFocus();\n }\n }\n\n // 2. Mount visually hidden component\n // Component gets mounted, but will be visually hidden to avoid flickering\n // Flickering happens because it gets rendered before animation hook repositions\n // it in next render cycle\n else if (status === 'unmounted' && isOpen) {\n setStatus('initial');\n }\n\n // 3. Setup animation\n // Component has been mounted.\n // We will kick out animation as node is already present in DOM.\n // To avoid flickering, we still keep it visually hidden until the next render cycle.\n else if (status === 'initial' && isOpen) {\n nodeRef(contentWrapperRef.current);\n setStatus('opening');\n }\n\n // 3. Unhide component. It becomes visible.\n else if (status === 'opening' && isOpen) {\n setVisibility('visible');\n }\n\n // 4. Closing\n else if (!isOpen) {\n setStatus('closing');\n }\n\n return () => {\n // remember the previous status\n prevStatusRef.current = status;\n };\n }, [isOpen, status, nodeRef, returnFocus]);\n\n // Destroy case handler\n useEffect(() => {\n return () => {\n const launcherEl = localLauncherRef.current;\n if (\n // eslint-disable-next-line react-hooks/exhaustive-deps\n (contentWrapperRef.current?.contains(getActiveElement() as HTMLElement) \|\| false) &&\n launcherEl\n ) {\n // In destroy case ModalManager is blocking returning of the focus.\n // We need to reschedule it to workaround that\n setTimeout(() => {\n focusOn(launcherEl);\n }, 0);\n }\n };\n }, []);\n\n // Initialize launcher\n useEffect(() => {\n if (isOpen) {\n if (!launcherRef?.current) {\n // 1. If launcher is not defined, most frequent scenario is,\n // that element, that has focus before opening the dialog is considered launcher\n localLauncherRef.current = getActiveElement() as HTMLElement;\n } else if (launcherRef.current instanceof Element) {\n // 2. launcherRef element was provided.\n // Verify, if it exists in DOM, otherwise use the last active element\n localLauncherRef.current = document.body.contains(launcherRef.current)\n ? launcherRef.current\n : (getActiveElement() as HTMLElement);\n } else {\n localLauncherRef.current = getActiveElement() as HTMLElement;\n }\n // Register F6 key handler to enter a modeless dialog\n if (modality === 'modeless') {\n localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n }\n }\n return () => {\n // Deregister F6 key handler\n if (modality === 'modeless') {\n localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n }\n };\n }, [isOpen, launcherRef, launcherKeyDownCallback, modality]);\n\n // setInitialFocus when the dialog becomes visible\n useEffect(() => {\n if (visibility === 'visible') {\n setInitialFocus();\n }\n }, [visibility, setInitialFocus]);\n\n const handleKeyDown = (event: KeyboardEvent) => {\n switch (event.code) {\n case 'Escape':\n onClose?.({ reason: 'escapeKey' });\n break;\n case 'F6':\n // Focus launcher\n if (localLauncherRef.current && modality === 'modeless') {\n focusOn(localLauncherRef.current);\n }\n // Prevent default F6 handlers. F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n break;\n }\n };\n\n const handleBackdropClick = () => {\n // in case of a backdrop click, move focus to dialog's root element\n contentWrapperRef.current?.focus();\n };\n\n const renderDialogContent = () => {\n return (\n <StyledDialog\n ref={mergedRef}\n labelId={labelId}\n header={header}\n footer={footer}\n role={role}\n ariaLabelledBy={labelId}\n ariaDescribedBy={ariaDescribedBy}\n onKeyDown={handleKeyDown}\n testId={testId}\n style={styles}\n visibility={visibility}\n cancelBehavior={cancelBehavior}\n draggableProps={draggableProps}\n isResizable={resizeBehavior === 'resizable'}\n headerDecoration={headerDecoration}\n containerRef={floatingRef}\n onClose={onClose}\n onResizeStart={onResizeStart}\n onResize={onResize}\n onResizeEnd={onResizeEnd}\n footerRef={footerRef}>\n {children}\n </StyledDialog>\n );\n };\n\n const renderDialog = () => {\n if (anchorRef && anchorRef.current) {\n return (\n <Floating\n ref={floatingRef}\n anchorRef={anchorRef}\n placement={'bottom-start'}\n flipOptions={{ mainAxis: false, crossAxis: false }}\n shiftOptions={{ mainAxis: false, crossAxis: false }}>\n {renderDialogContent()}\n </Floating>\n );\n } else {\n return (\n <WindowOverlay placement={derivedPlacement} offset={offset}>\n {renderDialogContent()}\n </WindowOverlay>\n );\n }\n };\n\n if (modality === 'modal') {\n return (\n <Modal isOpen={status !== 'unmounted'} onBackdropClick={handleBackdropClick}>\n {renderDialog()}\n </Modal>\n );\n } else {\n return status !== 'unmounted' ? <Layer>{renderDialog()}</Layer> : null;\n }\n }\n);\n\nconst animationStates = {\n zoomIn: {\n from: {\n scaleX: 0.9,\n scaleY: 0.9,\n transformOrigin: 'center',\n opacity: 0\n },\n to: {\n scaleX: 1,\n scaleY: 1,\n opacity: 1\n },\n options: {\n duration: 200\n }\n },\n zoomOut: {\n from: {\n scaleX: 1,\n scaleY: 1,\n transformOrigin: 'center',\n opacity: 1\n },\n to: {\n scaleX: 0.9,\n scaleY: 0.9,\n opacity: 0\n },\n options: {\n duration: 200\n }\n },\n slideUp: {\n ...SLIDE_UP_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n },\n slideDown: {\n ...SLIDE_DOWN_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n }\n};\n"],"names":["_jsx","_Fragment","CloseIcon","_jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"Dialog-4a0cb90c.js","sources":["../../src/UNSAFE_Dialog/Dialog.tsx"],"sourcesContent":["import type { ComponentChild, RefObject } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { Offset, WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useEffect, useRef, useCallback, useMemo, useState } from 'preact/hooks';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\n\nimport { DialogRedwoodTheme } from './themes/redwood/DialogTheme';\nimport { DialogStyles } from './themes/DialogStyles.css';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { globalImages } from '#/ImageVars.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\n\nimport { DraggableProps, useDraggable } from '../hooks/PRIVATE_useDraggable';\nimport { Floating, Coords } from '../UNSAFE_Floating';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { Resizable } from '../PRIVATE_Resizable/Resizable';\nimport { Position, Rect } from '../utils/UNSAFE_flexibleComponentUtils';\nimport { useBreakpoints } from '../hooks/UNSAFE_useBreakpoints';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport {\n SLIDE_DOWN_XLARGE,\n SLIDE_UP_XLARGE,\n DURATION_LARGE\n} from '../utils/PRIVATE_animationUtils';\nimport {\n allTabbableElements,\n focusOn,\n focusWithin,\n getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\n\n// dialog states\ntype Status = 'initial' \| 'opening' \| 'closing' \| 'unmounted';\ntype VisibilityStatus = 'hidden' \| 'visible';\ntype Animations = 'zoomIn' \| 'zoomOut' \| 'slideUp' \| 'slideDown';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' \| 'role'>;\n\nexport type OnCloseDetail = {\n reason: 'escapeKey' \| 'icon';\n};\n\nexport type CancelBehavior = 'none' \| 'escape' \| 'icon';\n\ntype DialogProps = IntrinsicProps &\n DimensionProps & {\n /*\n On Close callback.\n /\n onClose?: (detail: OnCloseDetail) => void;\n\n /\n On opening or closing transition end callback.\n /\n onTransitionEnd?: (value: boolean) => void;\n\n /\n Determines whether the Dialog is open.\n /\n isOpen: boolean;\n\n /\n Dialog header content. Can be a string or VNode (Component Child).\n * <p>\n * When a plain string is passed, it will be used as the dialog title. Otherwise, the prop value\n * will be used as the header content.\n * </p>\n * <p>\n * Dialog will automatically refer to the header content as the accessible label.\n * The user can override this behavior by specifying the <code>aria-labelledby</code> property\n * and setting its value as needed.\n * </p>\n /\n header?: ComponentChild;\n\n /\n Dialog footer content.\n /\n footer?: ComponentChild;\n\n /\n Determines dialog modality. Default is 'modal'.\n /\n modality?: 'modal' \| 'modeless';\n\n /\n Specifies dialog's cancel behavior. Default is 'none'.\n /\n cancelBehavior?: CancelBehavior;\n\n /\n Specifies dialog's launcher. After dialog closes, it returns focus to the launcher.\n * If not specified, focus goes back to the last active element before dialog opened.\n /\n launcherRef?: RefObject<HTMLElement>;\n\n /\n Specifies dialog's anchor. Dialog is placed relative to its anchor. If not specified,\n * it is placed relatively to window.\n /\n anchorRef?: RefObject<Element \| Coords>;\n\n /\n Determines placement of the dialog relative to the viewport.\n * Supported values are:\n * <p> <code>center</code>, <code>top</code>, <code>top-start</code>, <code>top-end</code>,\n * <code>end</code>, <code>end-top</code>, <code>end-bottom</code>,\n * <code>bottom</code>, <code>bottom-start</code>, <code>bottom-end</code>,\n * <code>start</code>, <code>start-top</code>, <code>start-bottom</code>\n * </p>\n * Default is <code>center</code>.\n /\n placement?: WindowOverlayPlacement;\n\n /\n Determines the offset of the Dialog from its core placement along the specified axes.\n \n Offset could be a number or an object\n \n An object has the following type:\n * <pre>\n * {\n * mainAxis?: number;\n * crossAxis?: number;\n * }\n * </pre>\n * For the <code>center</code> placement the convention for the offset type is that mainAxis defines\n * offset from the top, crossAxis defines offset from the left side of the view port.\n \n A number is a shortcut for setting the mainAxis.\n /\n offset?: Offset;\n\n /\n Determines if the Dialog should be sensitive to drag gestures. To create a draggable dialog,\n * set <code>dragAffordance='header'</code> and specify the <code>onDragMove</code> handler.\n /\n dragAffordance?: 'none' \| 'header';\n\n /\n Determines if the Dialog should support resizing. To create a resizable dialog,\n * set <code>resizeBehavior='resizable'</code> and specify the <code>onResize</code> handler.\n /\n resizeBehavior?: 'none' \| 'resizable';\n\n /\n Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is initiated.\n * The current position is reported in the <code>pos</code> parameter.\n \n @param pos\n /\n onDragStart?: (pos: Position) => void;\n\n /\n Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is detected.\n * The current position is reported in the <code>pos</code> parameter.\n \n @param pos\n /\n onDragMove?: (pos: Position) => void;\n\n /\n Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is completed.\n * The current position is reported in the <code>pos</code> parameter.\n \n @param pos\n /\n onDragEnd?: (pos: Position) => void;\n\n /\n Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n * a resize gesture is initiated. The current position and dimensions are reported in the\n * <code>rect</code> parameter.\n \n @param rect\n /\n onResizeStart?: (rect: Rect) => void;\n\n /\n Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n * a resize gesture is detected. The current position and dimensions are reported in the\n * <code>rect</code> parameter.\n \n @param rect\n /\n onResize?: (rect: Rect) => void;\n\n /\n Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n * a resize gesture is completed. The current position and dimensions are reported in the\n * <code>rect</code> parameter.\n \n @param rect\n /\n onResizeEnd?: (rect: Rect) => void;\n\n /\n Specifies callback triggered when initial focus is set or when a modeless dialog receives focus\n * via the F6 key.\n /\n onFocusSet?: () => void;\n\n /\n Determines if the header decoration should be displayed. The default is <code>on</code>\n * which renders a textured strip at the top of the dialog header in the Redwood theme.\n * If set to <code>off</code>, no decoration is rendered.\n /\n headerDecoration?: 'off' \| 'on';\n\n /\n Specifies the ARIA role type. Depending on how the dialog is used in the page, the developer\n * should choose from the following:\n * <ul>\n * <li><code>dialog</code> defines an application window that is designed to interrupt the current\n * processing of an application in order to prompt the user to enter information or require\n * a response.</li>\n * <li><code>alertdialog</code> defines type of dialog that contains an alert message, where initial\n * focus goes to an element within the dialog.</li>\n * </ul>\n /\n role?: string;\n\n /\n Optional <code>aria-labelledby</code> property referring to the content to be used as Dialog's\n * accessible <label htmlFor=\"\" className=\"\"></label>\n * If not specified, the Dialog will automatically refer to the entire header content as the accessible label.\n /\n 'aria-labelledby'?: string;\n\n /\n Optional accessible description for the dialog.\n /\n 'aria-describedby'?: string;\n } & TestIdProps;\n\n// dialog header\ntype DialogHeaderProps = Pick<DialogProps, 'children'> & {\n id?: string;\n cancelBehavior?: CancelBehavior;\n onClose?: (detail: OnCloseDetail) => void;\n draggableProps?: DraggableProps;\n headerDecoration?: 'off' \| 'on';\n};\n\nconst StyledDialogHeader = ({\n children,\n id,\n cancelBehavior,\n onClose,\n draggableProps,\n headerDecoration = 'on'\n}: DialogHeaderProps) => {\n const { styles } = useComponentTheme<never, DialogStyles>(DialogRedwoodTheme);\n\n const classes = classNames([\n styles.dialogHeaderStyle,\n ...(headerDecoration === 'on' ? [styles.dialogHeaderDecorationStyle] : [])\n ]);\n\n const content: ComponentChild =\n typeof children === 'string' ? (\n <h1 id={id} className={styles.dialogTitleStyle}>\n {children}\n </h1>\n ) : (\n <>{children}</>\n );\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n const handleIconClose = () => {\n onClose?.({ reason: 'icon' });\n };\n\n const closeIcon: ComponentChild =\n cancelBehavior === 'icon' ? (\n <div>\n <div className={styles.dialogHeaderCloseIconStyle}>\n <IconButton\n aria-label={translations.message_close()}\n size=\"sm\"\n variant=\"ghost\"\n onAction={handleIconClose}>\n <CloseIcon />\n </IconButton>\n </div>\n </div>\n ) : null;\n\n return (\n <div className={classes} {...draggableProps}>\n {content}\n {closeIcon}\n </div>\n );\n};\n\n// dialog footer\n\ntype DialogFooterProps = Pick<DialogProps, 'children'> & {\n style?: string;\n};\n\nconst StyledDialogFooter = forwardRef(\n ({ children, style }: DialogFooterProps, ref: ForwardedRef<HTMLDivElement \| null>) => {\n return (\n <div ref={ref} className={style}>\n {children}\n </div>\n );\n }\n);\n\n// styled dialog\n\ntype MainProps = Pick<DialogProps, 'children' \| 'header' \| 'footer' \| 'role'> &\n Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'style' \| 'onKeyDown'> & {\n visibility: VisibilityStatus;\n labelId?: string;\n ariaLabelledBy?: string;\n ariaDescribedBy?: string;\n cancelBehavior?: CancelBehavior;\n draggableProps?: DraggableProps;\n isResizable?: boolean;\n headerDecoration?: 'off' \| 'on';\n containerRef?: RefObject<HTMLElement>;\n onClose?: (detail: OnCloseDetail) => void;\n onResizeStart?: (rect: Rect) => void;\n onResize?: (rect: Rect) => void;\n onResizeEnd?: (rect: Rect) => void;\n footerRef?: RefObject<HTMLDivElement \| null>;\n } & TestIdProps;\n\nconst StyledDialog = forwardRef(\n (\n {\n children,\n header,\n footer,\n visibility,\n labelId,\n role,\n ariaLabelledBy,\n ariaDescribedBy,\n cancelBehavior,\n draggableProps,\n isResizable,\n headerDecoration,\n containerRef,\n onClose,\n onResizeStart,\n onResize,\n onResizeEnd,\n onKeyDown,\n testId,\n style,\n footerRef\n }: MainProps,\n ref: ForwardedRef<HTMLDivElement \| null>\n ) => {\n const elementRef = useRef<HTMLDivElement>(null);\n const mergedRef = mergeRefs(ref, elementRef);\n\n const [isSmallHeight, setSmallHeight] = useState<boolean>(false);\n const isSmallWidth = !useBreakpoints()['md'];\n\n const { classes: styleClasses, styles } = useComponentTheme<never, DialogStyles>(\n DialogRedwoodTheme\n );\n\n const resizeHandler = useCallback(() => {\n if (elementRef.current) {\n if (elementRef.current.clientHeight < 400) {\n setSmallHeight(true);\n } else {\n setSmallHeight(false);\n }\n }\n }, []);\n\n // set initial Height\n useEffect(() => {\n resizeHandler();\n }, [resizeHandler]);\n\n useResizeObserver(elementRef, resizeHandler);\n\n // for small widths (mobile), use the 'smallWidth' dialog style\n // otherwise, check for small height to apply 'smallWidth' or 'desktop' styles accordingly\n const baseStyle = isSmallWidth ? styles.baseStyleSmallWidth : styles.baseStyleDesktop;\n\n // content should scroll depending on the viewport height\n // on large screens, the header and footer should be \"sticky\",\n // at small viewport heights, the entire content should be scrollable\n const contentStyle = isSmallHeight\n ? styles.dialogContentStyleNoShrink\n : styles.dialogContentStyle;\n\n const visibilityStyle =\n visibility === 'visible' ? styles.visibilityVisible : styles.visibilityHidden;\n\n const testIdProps = useTestId(testId);\n\n return (\n <FocusTrap restoreFocusRef={false}>\n <div\n ref={mergedRef}\n tabIndex={-1}\n className={classNames([styleClasses, baseStyle, visibilityStyle, globalImages])}\n style={style}\n onKeyDown={onKeyDown}\n role={role}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n {...testIdProps}>\n <div className={styles.dialogContainerStyle}>\n <StyledDialogHeader\n id={labelId}\n onClose={onClose}\n headerDecoration={headerDecoration}\n cancelBehavior={cancelBehavior}\n draggableProps={draggableProps}>\n {header}\n </StyledDialogHeader>\n <div className={contentStyle}>\n <div className={styles.dialogBodyStyle}>{children}</div>\n </div>\n <StyledDialogFooter ref={footerRef} style={styles.dialogFooterStyle}>\n {footer}\n </StyledDialogFooter>\n </div>\n {isResizable && (\n <Resizable\n onResizeStart={onResizeStart}\n onResize={onResize}\n onResizeEnd={onResizeEnd}\n containerRef={containerRef}></Resizable>\n )}\n </div>\n </FocusTrap>\n );\n }\n);\n\n// main Dialog component\n\n/\n WAI-ARIA-compliant dialog component. A dialog is a floating window that typically contains\n * a title bar and a content area.\n * The dialog is generally placed on top of the rest of the page content. It can be either modal\n * (only the content in the dialog can be interacted with) or non-modal (it's still possible\n * to interact with content outside of the dialog).\n */\nexport const Dialog = forwardRef(\n (\n {\n children,\n isOpen,\n header = '',\n footer,\n modality = 'modal',\n launcherRef,\n anchorRef,\n placement,\n offset = 0,\n cancelBehavior = 'none',\n dragAffordance = 'none',\n resizeBehavior = 'none',\n headerDecoration = 'on',\n onDragStart,\n onDragMove,\n onDragEnd,\n onResizeStart,\n onResize,\n onResizeEnd,\n onFocusSet,\n onClose,\n onTransitionEnd,\n role = 'dialog',\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n testId,\n ...props\n }: DialogProps,\n ref: ForwardedRef<HTMLDivElement \| null>\n ) => {\n const [status, setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n\n const prevStatusRef = useRef<Status>('unmounted');\n\n const floatingRef = useRef<HTMLDivElement>(null);\n const contentWrapperRef = useRef<HTMLDivElement \| null>(null);\n const localLauncherRef = useRef<HTMLElement \| null>(null);\n const footerRef = useRef<HTMLDivElement \| null>(null);\n\n const isSmallWidth = !useBreakpoints()['md'];\n const derivedPlacement = isSmallWidth ? 'bottom' : placement ? placement : 'center';\n const animationType = isSmallWidth\n ? status === 'opening'\n ? 'slideUp'\n : 'slideDown'\n : status === 'opening'\n ? 'zoomIn'\n : 'zoomOut';\n\n const uniqueId = useId();\n const labelId = ariaLabelledBy ? ariaLabelledBy : uniqueId;\n\n const interpolations = [...Object.values(dimensionInterpolations)];\n const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n const { ...styles } = styleInterpolations(props);\n const shouldReturnFocus = useRef<boolean>(false);\n\n const setInitialFocus = useCallback(() => {\n // Focus on first tabbable in the Dialog container or container itself if there is none\n if (footerRef.current && allTabbableElements(footerRef.current).length > 0) {\n focusWithin(footerRef.current);\n } else {\n focusWithin(contentWrapperRef.current as HTMLElement);\n }\n onFocusSet?.();\n }, [onFocusSet]);\n\n const returnFocus = useCallback((): void => {\n const launcherEl = localLauncherRef.current;\n\n if (shouldReturnFocus.current && launcherEl) {\n focusOn(launcherEl);\n shouldReturnFocus.current = false;\n }\n }, []);\n\n // Animation\n const { nodeRef } = useAnimation<Animations, HTMLDivElement>(animationType, {\n animationStates,\n isAnimatedOnMount: true,\n onAnimationEnd: () => {\n if (isOpen) {\n onTransitionEnd?.(true);\n } else if (!isOpen) {\n // Should return focus?\n // Modeless: check whether Dialog contains focus before it unmounts\n // Modal: always return focus\n shouldReturnFocus.current =\n contentWrapperRef.current?.contains(getActiveElement() as HTMLElement) \|\| false;\n nodeRef(null);\n setVisibility('hidden');\n setStatus('unmounted');\n onTransitionEnd?.(false);\n }\n }\n });\n\n const mergedRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n const launcherKeyDownCallback = useCallback(\n (event: KeyboardEvent): void => {\n if (localLauncherRef.current === getActiveElement() && event.code === 'F6') {\n // Prevent default F6 handlers.\n // F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n\n focusWithin(contentWrapperRef.current as HTMLElement);\n onFocusSet?.();\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [modality]\n );\n\n const { draggableProps } = useDraggable({\n isDisabled: dragAffordance === 'none',\n containerRef: floatingRef,\n onDragStart,\n onDragMove,\n onDragEnd\n });\n\n useEffect(() => {\n // 1. Ignore status update on initial render or return focus on component unmount\n if (status === 'unmounted' && !isOpen) {\n if (status !== prevStatusRef.current) {\n returnFocus();\n }\n }\n\n // 2. Mount visually hidden component\n // Component gets mounted, but will be visually hidden to avoid flickering\n // Flickering happens because it gets rendered before animation hook repositions\n // it in next render cycle\n else if (status === 'unmounted' && isOpen) {\n setStatus('initial');\n }\n\n // 3. Setup animation\n // Component has been mounted.\n // We will kick out animation as node is already present in DOM.\n // To avoid flickering, we still keep it visually hidden until the next render cycle.\n else if (status === 'initial' && isOpen) {\n nodeRef(contentWrapperRef.current);\n setStatus('opening');\n }\n\n // 3. Unhide component. It becomes visible.\n else if (status === 'opening' && isOpen) {\n setVisibility('visible');\n }\n\n // 4. Closing\n else if (!isOpen) {\n setStatus('closing');\n }\n\n return () => {\n // remember the previous status\n prevStatusRef.current = status;\n };\n }, [isOpen, status, nodeRef, returnFocus]);\n\n // Destroy case handler\n useEffect(() => {\n return () => {\n const launcherEl = localLauncherRef.current;\n if (\n // eslint-disable-next-line react-hooks/exhaustive-deps\n (contentWrapperRef.current?.contains(getActiveElement() as HTMLElement) \|\| false) &&\n launcherEl\n ) {\n // In destroy case ModalManager is blocking returning of the focus.\n // We need to reschedule it to workaround that\n setTimeout(() => {\n focusOn(launcherEl);\n }, 0);\n }\n };\n }, []);\n\n // Initialize launcher\n useEffect(() => {\n if (isOpen) {\n if (!launcherRef?.current) {\n // 1. If launcher is not defined, most frequent scenario is,\n // that element, that has focus before opening the dialog is considered launcher\n localLauncherRef.current = getActiveElement() as HTMLElement;\n } else if (launcherRef.current instanceof Element) {\n // 2. launcherRef element was provided.\n // Verify, if it exists in DOM, otherwise use the last active element\n localLauncherRef.current = document.body.contains(launcherRef.current)\n ? launcherRef.current\n : (getActiveElement() as HTMLElement);\n } else {\n localLauncherRef.current = getActiveElement() as HTMLElement;\n }\n // Register F6 key handler to enter a modeless dialog\n if (modality === 'modeless') {\n localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n }\n }\n return () => {\n // Deregister F6 key handler\n if (modality === 'modeless') {\n localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n }\n };\n }, [isOpen, launcherRef, launcherKeyDownCallback, modality]);\n\n // setInitialFocus when the dialog becomes visible\n useEffect(() => {\n if (visibility === 'visible') {\n setInitialFocus();\n }\n }, [visibility, setInitialFocus]);\n\n const handleKeyDown = (event: KeyboardEvent) => {\n switch (event.code) {\n case 'Escape':\n onClose?.({ reason: 'escapeKey' });\n break;\n case 'F6':\n // Focus launcher\n if (localLauncherRef.current && modality === 'modeless') {\n focusOn(localLauncherRef.current);\n }\n // Prevent default F6 handlers. F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n break;\n }\n };\n\n const handleBackdropClick = () => {\n // in case of a backdrop click, move focus to dialog's root element\n contentWrapperRef.current?.focus();\n };\n\n const renderDialogContent = () => {\n return (\n <StyledDialog\n ref={mergedRef}\n labelId={labelId}\n header={header}\n footer={footer}\n role={role}\n ariaLabelledBy={labelId}\n ariaDescribedBy={ariaDescribedBy}\n onKeyDown={handleKeyDown}\n testId={testId}\n style={styles}\n visibility={visibility}\n cancelBehavior={cancelBehavior}\n draggableProps={draggableProps}\n isResizable={resizeBehavior === 'resizable'}\n headerDecoration={headerDecoration}\n containerRef={floatingRef}\n onClose={onClose}\n onResizeStart={onResizeStart}\n onResize={onResize}\n onResizeEnd={onResizeEnd}\n footerRef={footerRef}>\n {children}\n </StyledDialog>\n );\n };\n\n const renderDialog = () => {\n if (anchorRef && anchorRef.current) {\n return (\n <Floating\n ref={floatingRef}\n anchorRef={anchorRef}\n placement={'bottom-start'}\n flipOptions={{ mainAxis: false, crossAxis: false }}\n shiftOptions={{ mainAxis: false, crossAxis: false }}>\n {renderDialogContent()}\n </Floating>\n );\n } else {\n return (\n <WindowOverlay placement={derivedPlacement} offset={offset}>\n {renderDialogContent()}\n </WindowOverlay>\n );\n }\n };\n\n if (modality === 'modal') {\n return (\n <Modal isOpen={status !== 'unmounted'} onBackdropClick={handleBackdropClick}>\n {renderDialog()}\n </Modal>\n );\n } else {\n return status !== 'unmounted' ? <Layer>{renderDialog()}</Layer> : null;\n }\n }\n);\n\nconst animationStates = {\n zoomIn: {\n from: {\n scaleX: 0.9,\n scaleY: 0.9,\n transformOrigin: 'center',\n opacity: 0\n },\n to: {\n scaleX: 1,\n scaleY: 1,\n opacity: 1\n },\n options: {\n duration: 200\n }\n },\n zoomOut: {\n from: {\n scaleX: 1,\n scaleY: 1,\n transformOrigin: 'center',\n opacity: 1\n },\n to: {\n scaleX: 0.9,\n scaleY: 0.9,\n opacity: 0\n },\n options: {\n duration: 200\n }\n },\n slideUp: {\n ...SLIDE_UP_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n },\n slideDown: {\n ...SLIDE_DOWN_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n }\n};\n"],"names":["_jsx","_Fragment","CloseIcon","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgQA,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,EAAE,EACF,cAAc,EACd,OAAO,EACP,cAAc,EACd,gBAAgB,GAAG,IAAI,EACL,KAAI;IACtB,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,CAAsB,kBAAkB,CAAC,CAAC;IAE9E,MAAM,OAAO,GAAG,UAAU,CAAC;AACzB,QAAA,MAAM,CAAC,iBAAiB;AACxB,QAAA,IAAI,gBAAgB,KAAK,IAAI,GAAG,CAAC,MAAM,CAAC,2BAA2B,CAAC,GAAG,EAAE,CAAC;AAC3E,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,OAAO,GACX,OAAO,QAAQ,KAAK,QAAQ,IAC1BA,GAAA,CAAA,IAAA,EAAA,EAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAC3C,QAAA,EAAA,QAAQ,GACN,KAELA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI,CAChB,CAAC;AAEJ,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;IAElF,MAAM,eAAe,GAAG,MAAK;QAC3B,OAAO,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAChC,KAAC,CAAC;IAEF,MAAM,SAAS,GACb,cAAc,KAAK,MAAM,IACvBD,GACE,CAAA,KAAA,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,EAAA,QAAA,EAC/CA,IAAC,UAAU,EAAA,EAAA,YAAA,EACG,YAAY,CAAC,aAAa,EAAE,EACxC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,eAAe,EAAA,QAAA,EACzBA,IAACE,QAAS,EAAA,EAAA,CAAG,GACF,EACT,CAAA,EAAA,CACF,IACJ,IAAI,CAAC;AAEX,IAAA,QACEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,EAAA,GAAM,cAAc,EAAA,QAAA,EAAA,CACxC,OAAO,EACP,SAAS,CAAA,EAAA,CACN,EACN;AACJ,CAAC,CAAC;AAQF,MAAM,kBAAkB,GAAG,UAAU,CACnC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAqB,EAAE,GAAwC,KAAI;AACnF,IAAA,QACEH,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAA,QAAA,EAC5B,QAAQ,EAAA,CACL,EACN;AACJ,CAAC,CACF,CAAC;AAsBF,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EACE,QAAQ,EACR,MAAM,EACN,MAAM,EACN,UAAU,EACV,OAAO,EACP,IAAI,EACJ,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,aAAa,EACb,QAAQ,EACR,WAAW,EACX,SAAS,EACT,MAAM,EACN,KAAK,EACL,SAAS,EACC,EACZ,GAAwC,KACtC;AACF,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAE7C,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjE,MAAM,YAAY,GAAG,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC;AAE7C,IAAA,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,iBAAiB,CACzD,kBAAkB,CACnB,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAK;AACrC,QAAA,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,IAAI,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,GAAG,EAAE;gBACzC,cAAc,CAAC,IAAI,CAAC,CAAC;aACtB;iBAAM;gBACL,cAAc,CAAC,KAAK,CAAC,CAAC;aACvB;SACF;KACF,EAAE,EAAE,CAAC,CAAC;;IAGP,SAAS,CAAC,MAAK;AACb,QAAA,aAAa,EAAE,CAAC;AAClB,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AAEpB,IAAA,iBAAiB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;;;AAI7C,IAAA,MAAM,SAAS,GAAG,YAAY,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,gBAAgB,CAAC;;;;IAKtF,MAAM,YAAY,GAAG,aAAa;UAC9B,MAAM,CAAC,0BAA0B;AACnC,UAAE,MAAM,CAAC,kBAAkB,CAAC;AAE9B,IAAA,MAAM,eAAe,GACnB,UAAU,KAAK,SAAS,GAAG,MAAM,CAAC,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAEhF,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EAAC,eAAe,EAAE,KAAK,EAC/B,QAAA,EAAAG,IAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,UAAU,CAAC,CAAC,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC,EAC/E,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EAAA,iBAAA,EACO,cAAc,EAAA,kBAAA,EACb,eAAe,EAAA,GAC7B,WAAW,EACf,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,EAAA,QAAA,EAAA,CACzCH,IAAC,kBAAkB,EAAA,EACjB,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC7B,QAAA,EAAA,MAAM,EACY,CAAA,EACrBA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,YAAY,EAAA,QAAA,EAC1BA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,eAAe,YAAG,QAAQ,EAAA,CAAO,EACpD,CAAA,EACNA,IAAC,kBAAkB,EAAA,EAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAChE,QAAA,EAAA,MAAM,GACY,CACjB,EAAA,CAAA,EACL,WAAW,KACVA,GAAA,CAAC,SAAS,EAAA,EACR,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAAc,CAAA,CAC3C,CACG,EAAA,CAAA,EAAA,CACI,EACZ;AACJ,CAAC,CACF,CAAC;AAEF;AAEA;;;;;;AAMG;AACU,MAAA,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,EACN,MAAM,GAAG,EAAE,EACX,MAAM,EACN,QAAQ,GAAG,OAAO,EAClB,WAAW,EACX,SAAS,EACT,SAAS,EACT,MAAM,GAAG,CAAC,EACV,cAAc,GAAG,MAAM,EACvB,cAAc,GAAG,MAAM,EACvB,cAAc,GAAG,MAAM,EACvB,gBAAgB,GAAG,IAAI,EACvB,WAAW,EACX,UAAU,EACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,eAAe,EACf,IAAI,GAAG,QAAQ,EACf,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,MAAM,EACN,GAAG,KAAK,EACI,EACd,GAAwC,KACtC;AACF,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC,CAAC;IAC/E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAmB,QAAQ,CAAC,CAAC;AAEzE,IAAA,MAAM,aAAa,GAAG,MAAM,CAAS,WAAW,CAAC,CAAC;AAElD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AACjD,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;AAC9D,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;AAC1D,IAAA,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC;AAC7C,IAAA,MAAM,gBAAgB,GAAG,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpF,MAAM,aAAa,GAAG,YAAY;UAC9B,MAAM,KAAK,SAAS;AACpB,cAAE,SAAS;AACX,cAAE,WAAW;UACb,MAAM,KAAK,SAAS;AACtB,cAAE,QAAQ;cACR,SAAS,CAAC;AAEd,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,OAAO,GAAG,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;IAE3D,MAAM,cAAc,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC;AACnE,IAAA,MAAM,mBAAmB,GAAG,mBAAmB,CAAiB,cAAc,CAAC,CAAC;IAChF,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AACjD,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AAEjD,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,MAAK;;AAEvC,QAAA,IAAI,SAAS,CAAC,OAAO,IAAI,mBAAmB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1E,YAAA,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;SAChC;aAAM;AACL,YAAA,WAAW,CAAC,iBAAiB,CAAC,OAAsB,CAAC,CAAC;SACvD;QACD,UAAU,IAAI,CAAC;AACjB,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAEjB,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAW;AACzC,QAAA,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAE5C,QAAA,IAAI,iBAAiB,CAAC,OAAO,IAAI,UAAU,EAAE;YAC3C,OAAO,CAAC,UAAU,CAAC,CAAC;AACpB,YAAA,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;SACnC;KACF,EAAE,EAAE,CAAC,CAAC;;AAGP,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,CAA6B,aAAa,EAAE;QAC1E,eAAe;AACf,QAAA,iBAAiB,EAAE,IAAI;QACvB,cAAc,EAAE,MAAK;YACnB,IAAI,MAAM,EAAE;AACV,gBAAA,eAAe,GAAG,IAAI,CAAC,CAAC;aACzB;iBAAM,IAAI,CAAC,MAAM,EAAE;;;;AAIlB,gBAAA,iBAAiB,CAAC,OAAO;oBACvB,iBAAiB,CAAC,OAAO,EAAE,QAAQ,CAAC,gBAAgB,EAAiB,CAAC,IAAI,KAAK,CAAC;gBAClF,OAAO,CAAC,IAAI,CAAC,CAAC;gBACd,aAAa,CAAC,QAAQ,CAAC,CAAC;gBACxB,SAAS,CAAC,WAAW,CAAC,CAAC;AACvB,gBAAA,eAAe,GAAG,KAAK,CAAC,CAAC;aAC1B;SACF;AACF,KAAA,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,SAAS,CAAC,iBAAiB,EAAE,GAAG,CAAC,EAAE,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC;AAE7F,IAAA,MAAM,uBAAuB,GAAG,WAAW,CACzC,CAAC,KAAoB,KAAU;AAC7B,QAAA,IAAI,gBAAgB,CAAC,OAAO,KAAK,gBAAgB,EAAE,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE;;;YAG1E,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AAExB,YAAA,WAAW,CAAC,iBAAiB,CAAC,OAAsB,CAAC,CAAC;YACtD,UAAU,IAAI,CAAC;SAChB;KACF;;IAED,CAAC,QAAQ,CAAC,CACX,CAAC;AAEF,IAAA,MAAM,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC;QACtC,UAAU,EAAE,cAAc,KAAK,MAAM;AACrC,QAAA,YAAY,EAAE,WAAW;QACzB,WAAW;QACX,UAAU;QACV,SAAS;AACV,KAAA,CAAC,CAAC;IAEH,SAAS,CAAC,MAAK;;AAEb,QAAA,IAAI,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,EAAE;AACrC,YAAA,IAAI,MAAM,KAAK,aAAa,CAAC,OAAO,EAAE;AACpC,gBAAA,WAAW,EAAE,CAAC;aACf;SACF;;;;;AAMI,aAAA,IAAI,MAAM,KAAK,WAAW,IAAI,MAAM,EAAE;YACzC,SAAS,CAAC,SAAS,CAAC,CAAC;SACtB;;;;;AAMI,aAAA,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,EAAE;AACvC,YAAA,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;YACnC,SAAS,CAAC,SAAS,CAAC,CAAC;SACtB;;AAGI,aAAA,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,EAAE;YACvC,aAAa,CAAC,SAAS,CAAC,CAAC;SAC1B;;aAGI,IAAI,CAAC,MAAM,EAAE;YAChB,SAAS,CAAC,SAAS,CAAC,CAAC;SACtB;AAED,QAAA,OAAO,MAAK;;AAEV,YAAA,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC;AACjC,SAAC,CAAC;KACH,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;;IAG3C,SAAS,CAAC,MAAK;AACb,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAC5C,YAAA;;YAEE,CAAC,iBAAiB,CAAC,OAAO,EAAE,QAAQ,CAAC,gBAAgB,EAAiB,CAAC,IAAI,KAAK;AAChF,gBAAA,UAAU,EACV;;;gBAGA,UAAU,CAAC,MAAK;oBACd,OAAO,CAAC,UAAU,CAAC,CAAC;iBACrB,EAAE,CAAC,CAAC,CAAC;aACP;AACH,SAAC,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;;IAGP,SAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;AACV,YAAA,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE;;;AAGzB,gBAAA,gBAAgB,CAAC,OAAO,GAAG,gBAAgB,EAAiB,CAAC;aAC9D;AAAM,iBAAA,IAAI,WAAW,CAAC,OAAO,YAAY,OAAO,EAAE;;;AAGjD,gBAAA,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC;sBAClE,WAAW,CAAC,OAAO;sBAClB,gBAAgB,EAAkB,CAAC;aACzC;iBAAM;AACL,gBAAA,gBAAgB,CAAC,OAAO,GAAG,gBAAgB,EAAiB,CAAC;aAC9D;;AAED,YAAA,IAAI,QAAQ,KAAK,UAAU,EAAE;gBAC3B,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;aAChF;SACF;AACD,QAAA,OAAO,MAAK;;AAEV,YAAA,IAAI,QAAQ,KAAK,UAAU,EAAE;gBAC3B,gBAAgB,CAAC,OAAO,EAAE,mBAAmB,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;aACnF;AACH,SAAC,CAAC;KACH,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,uBAAuB,EAAE,QAAQ,CAAC,CAAC,CAAC;;IAG7D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,UAAU,KAAK,SAAS,EAAE;AAC5B,YAAA,eAAe,EAAE,CAAC;SACnB;AACH,KAAC,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC,CAAC;AAElC,IAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,KAAI;AAC7C,QAAA,QAAQ,KAAK,CAAC,IAAI;AAChB,YAAA,KAAK,QAAQ;gBACX,OAAO,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;gBACnC,MAAM;AACR,YAAA,KAAK,IAAI;;gBAEP,IAAI,gBAAgB,CAAC,OAAO,IAAI,QAAQ,KAAK,UAAU,EAAE;AACvD,oBAAA,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;iBACnC;;gBAED,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,MAAM;SACT;AACH,KAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,MAAK;;AAE/B,QAAA,iBAAiB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;AACrC,KAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,MAAK;QAC/B,QACEA,IAAC,YAAY,EAAA,EACX,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,OAAO,EACvB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,cAAc,KAAK,WAAW,EAC3C,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACnB,QAAA,EAAA,QAAQ,EACI,CAAA,EACf;AACJ,KAAC,CAAC;IAEF,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;YAClC,QACEA,IAAC,QAAQ,EAAA,EACP,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,cAAc,EACzB,WAAW,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAClD,YAAY,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAA,QAAA,EAClD,mBAAmB,EAAE,EAAA,CACb,EACX;SACH;aAAM;AACL,YAAA,QACEA,GAAC,CAAA,aAAa,EAAC,EAAA,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,EACvD,QAAA,EAAA,mBAAmB,EAAE,EAAA,CACR,EAChB;SACH;AACH,KAAC,CAAC;AAEF,IAAA,IAAI,QAAQ,KAAK,OAAO,EAAE;AACxB,QAAA,QACEA,GAAC,CAAA,KAAK,IAAC,MAAM,EAAE,MAAM,KAAK,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAA,QAAA,EACxE,YAAY,EAAE,EAAA,CACT,EACR;KACH;SAAM;AACL,QAAA,OAAO,MAAM,KAAK,WAAW,GAAGA,GAAC,CAAA,KAAK,EAAE,EAAA,QAAA,EAAA,YAAY,EAAE,EAAS,CAAA,GAAG,IAAI,CAAC;KACxE;AACH,CAAC,EACD;AAEF,MAAM,eAAe,GAAG;AACtB,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE;AACJ,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAE,GAAG;AACd,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE;AACJ,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAE,GAAG;AACd,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,GAAG,eAAe;AAClB,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAE,cAAc;AACzB,SAAA;AACF,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAG,iBAAiB;AACpB,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAE,cAAc;AACzB,SAAA;AACF,KAAA;CACF;;;;"}

package/es/DirectionalCollapseArrowIcon-24020989.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { S as SvgCaretRight, a as SvgCaretLeft } from './CaretLeft-46f07962.js';
-import { w as withDirectionIcon } from './withDirectionIcon-70ce263c.js';
+import { w as withDirectionIcon } from './withDirectionIcon-938d7cdf.js';
 const DirectionalCollapseArrowIcon = (props) => {
     const Component = withDirectionIcon(SvgCaretLeft, SvgCaretRight);

package/es/DirectionalExpandArrowIcon-28f288ca.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { a as SvgCaretLeft, S as SvgCaretRight } from './CaretLeft-46f07962.js';
-import { w as withDirectionIcon } from './withDirectionIcon-70ce263c.js';
+import { w as withDirectionIcon } from './withDirectionIcon-938d7cdf.js';
 const DirectionalExpandArrowIcon = (props) => {
     const Component = withDirectionIcon(SvgCaretRight, SvgCaretLeft);

package/es/{DragHandle-3010d22c.js → DragHandle-f9b35377.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import { jsx } from 'preact/jsx-runtime';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as useActive } from './useActive-fb6d4d52.js';
-import { u as useTestId } from './useTestId-014cca7c.js';
+import { u as useTestId } from './useTestId-8b32167f.js';
 import { S as SvgDragV } from './DragV-7b363d3f.js';
 import { iconStyle, activeStyle, hoverStyle } from './UNSAFE_DragHandle/themes/DragHandleStyles.css.js';
@@ -19,4 +19,4 @@ function DragHandle({ testId }) {
 }
 export { DragHandle as D };
-//# sourceMappingURL=DragHandle-3010d22c.js.map
+//# sourceMappingURL=DragHandle-f9b35377.js.map

package/es/{DragHandle-3010d22c.js.map → DragHandle-f9b35377.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DragHandle-~~3010d22c~~.js","sources":["../../src/UNSAFE_DragHandle/DragHandle.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { DragHandleIcon } from '../PRIVATE_ThemedIcons/DragHandleIcon';\nimport { iconStyle, hoverStyle, activeStyle } from './themes/DragHandleStyles.css';\n\ntype Props = TestIdProps;\n\n/*\n A draggable icon that shows grab cursor when users hover the mouse on it,\n * and shows grabbing cursor when users click the icon.\n */\nexport function DragHandle({ testId }: Props) {\n const { isActive, activeProps } = useActive();\n const testIdProps = useTestId(testId);\n const classes = classNames([iconStyle, isActive ? activeStyle : hoverStyle]);\n return (\n <div\n {...mergeProps(activeProps, testIdProps)}\n draggable={true}\n class={classes}\n role=\"presentation\">\n <DragHandleIcon />\n </div>\n );\n}\n"],"names":["_jsx","DragHandleIcon"],"mappings":";;;;;;;;;AASA;;;AAGG;AACa,SAAA,UAAU,CAAC,EAAE,MAAM,EAAS,EAAA;IAC1C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;AAC9C,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC;IAC7E,QACEA,GACM,CAAA,KAAA,EAAA,EAAA,GAAA,UAAU,CAAC,WAAW,EAAE,WAAW,CAAC,EACxC,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,IAAI,EAAC,cAAc,EACnB,QAAA,EAAAA,GAAA,CAACC,QAAc,EAAA,EAAA,CAAG,EACd,CAAA,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"DragHandle-f9b35377.js","sources":["../../src/UNSAFE_DragHandle/DragHandle.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { DragHandleIcon } from '../PRIVATE_ThemedIcons/DragHandleIcon';\nimport { iconStyle, hoverStyle, activeStyle } from './themes/DragHandleStyles.css';\n\ntype Props = TestIdProps;\n\n/*\n A draggable icon that shows grab cursor when users hover the mouse on it,\n * and shows grabbing cursor when users click the icon.\n */\nexport function DragHandle({ testId }: Props) {\n const { isActive, activeProps } = useActive();\n const testIdProps = useTestId(testId);\n const classes = classNames([iconStyle, isActive ? activeStyle : hoverStyle]);\n return (\n <div\n {...mergeProps(activeProps, testIdProps)}\n draggable={true}\n class={classes}\n role=\"presentation\">\n <DragHandleIcon />\n </div>\n );\n}\n"],"names":["_jsx","DragHandleIcon"],"mappings":";;;;;;;;;AASA;;;AAGG;AACa,SAAA,UAAU,CAAC,EAAE,MAAM,EAAS,EAAA;IAC1C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;AAC9C,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC;IAC7E,QACEA,GACM,CAAA,KAAA,EAAA,EAAA,GAAA,UAAU,CAAC,WAAW,EAAE,WAAW,CAAC,EACxC,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,OAAO,EACd,IAAI,EAAC,cAAc,EACnB,QAAA,EAAAA,GAAA,CAACC,QAAc,EAAA,EAAA,CAAG,EACd,CAAA,EACN;AACJ;;;;"}

package/es/{DrawerPopup-90be1472.js → DrawerPopup-dd60ef68.js} RENAMED Viewed

@@ -3,17 +3,17 @@ import { jsx } from 'preact/jsx-runtime';
 import { useState, useRef, useMemo, useCallback, useEffect } from 'preact/hooks';
 import { forwardRef } from 'preact/compat';
 import { m as mergeRefs } from './refUtils-b9d8d91a.js';
-import { L as Layer } from './Layer-f309effc.js';
-import './LayerHost-ca080d9a.js';
-import { M as Modal } from './Modal-9bdb87a4.js';
+import { L as Layer } from './Layer-d4aca92e.js';
+import './LayerHost-f7ef254c.js';
+import { M as Modal } from './Modal-7efd2f81.js';
 import { F as FocusTrap } from './FocusTrap-9e80c124.js';
 import { g as getActiveElement, e as focusOnElementOrNearestAncestor, f as focusWithin, b as focusOn, d as getAutofocusFocusables } from './tabbableUtils-6ceb767f.js';
 import { n as normalizePosition } from './positionUtils-f26caad9.js';
 import { g as getClientHints } from './clientHints-f850225e.js';
-import { u as useOutsideClick } from './useOutsideClick-d0b44256.js';
+import { u as useOutsideClick } from './useOutsideClick-866db9b2.js';
 import { u as useAnimation } from './useAnimation-a5eb7604.js';
-import { u as useUser } from './useUser-9c8d0e57.js';
-import { u as useTestId } from './useTestId-014cca7c.js';
+import { u as useUser } from './useUser-6a7f6df3.js';
+import { u as useTestId } from './useTestId-8b32167f.js';
 import { u as useSwipe } from './useSwipe-b5c1b9ad.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { c as colorInterpolations } from './colors-170180bf.js';
@@ -378,4 +378,4 @@ const DrawerPopup = forwardRef(({ children, isOpen = false, autoFocusRef, placem
 });
 export { DrawerPopup as D };
-//# sourceMappingURL=DrawerPopup-90be1472.js.map
+//# sourceMappingURL=DrawerPopup-dd60ef68.js.map

package/es/{DrawerPopup-90be1472.js.map → DrawerPopup-dd60ef68.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DrawerPopup-90be1472.js","sources":["../../src/UNSAFE_DrawerPopup/DrawerPopup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useRef, useEffect, useCallback, useMemo } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport {\n getAutofocusFocusables,\n focusOn,\n focusWithin,\n getActiveElement,\n focusOnElementOrNearestAncestor\n} from '../utils/PRIVATE_tabbableUtils';\nimport { normalizePosition } from '../utils/PRIVATE_floatingUtils';\nimport { RtlSide } from '../UNSAFE_Floating';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\n// Hooks\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useSwipe } from '../hooks/UNSAFE_useSwipe';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { DrawerPopupVariantOptions } from './themes/DrawerPopupStyles.css';\nimport { colorInterpolations, ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { DrawerPopupRedwoodTheme } from './themes/redwood/DrawerPopupTheme';\n\n// Types\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Placement = 'start' \| 'end' \| 'bottom';\ntype NormalizedPlacement = 'left' \| 'right' \| 'bottom';\ntype Status = 'unmounted' \| 'initial' \| 'opening' \| 'closing';\ntype VisibilityStatus = 'hidden' \| 'visible';\ntype DisplayModeHorizontal = 'overlay' \| 'fullOverlay';\ntype OnCloseDetail = {\n reason: 'outsideClick' \| 'escapeKey' \| 'swipe';\n};\n\ntype Props = IntrinsicProps &\n Pick<ColorProps, 'backgroundColor'> & {\n /*\n Specifies whether the Drawer is open.\n /\n isOpen: boolean;\n /\n Specifies at what edge the Drawer opens.\n * Supported values are:\n * <p><code>start</code>, <code>end</code>, <code>bottom</code></p>\n * Default is <code>start</code>.\n /\n placement?: Placement;\n /\n Specifies modality of the Darwer.\n * Supported values are:\n * <p><code>modal</code>, <code>modeless</code></p>\n * Default is <code>modal</code>.\n /\n modality?: 'modal' \| 'modeless';\n /\n Specifies callback triggered when a user tries to close a Drawer through UI interaction.\n * The parent should listen to this event and close the Drawer. If the parent fails to remove\n * the Popup, then no change will be done in the UI by the component.\n * Supported detail values are:\n * <p><code>outsideClick</code>, <code>escapeKey</code></p>, <code>swipe</code>\n /\n onClose?: (detail: OnCloseDetail) => void;\n /\n Specifies callback triggered after the animation ends.\n /\n onTransitionEnd?: (value: boolean) => void;\n /\n Optional ref for an element to focus on when component mounts.\n /\n autoFocusRef?: RefObject<HTMLElement>;\n /\n Specifies guidance for screen readers.\n /\n 'aria-label'?: string;\n /\n Specifies ID of an element used for guidance for screen readers.\n /\n 'aria-labelledby'?: string;\n /\n Specifies ID of an element (or space separated IDs of multiple elements) that\n * describes the Drawer.\n /\n 'aria-describedby'?: string;\n } & TestIdProps;\n\n// Constants\nconst displayModefullWidthThreshold = 600;\nconst zero = '0px';\nconst duration = 250;\n\nconst getElementHeight = (element: HTMLDivElement): number => {\n return Math.round(element.offsetHeight);\n};\n\nconst getElementWidth = (element: HTMLDivElement): number => {\n return Math.round(element.getBoundingClientRect().width);\n};\n\n/\n A drawer popup adds a single slide-in side content alongside some primary content to an application window.\n \n This drawer always overlays the page and can be placed at the 'start', 'end' or 'bottom' edge.\n */\nexport const DrawerPopup = forwardRef(\n (\n {\n children,\n isOpen = false,\n autoFocusRef,\n placement = 'start',\n modality = 'modal',\n onClose,\n onTransitionEnd,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n testId,\n ...props\n }: Props,\n ref: ForwardedRef<HTMLElement \| null>\n ) => {\n // Initialize states\n const [status, setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n const [isOutsideClickDisabled, setIsOutsideClickDisabled] = useState<boolean>(!isOpen);\n const [displayModeHorizontal, setDisplayModeHorizontal] =\n useState<DisplayModeHorizontal>('overlay');\n\n const prevStatusRef = useRef<Status>('unmounted');\n\n const rootRef = useRef<HTMLDivElement>(null);\n const launcherRef = useRef<HTMLElement \| null>(null);\n\n const mergedRef = useMemo(() => mergeRefs(rootRef, ref), [rootRef, ref]);\n\n const isBottomPlacement = placement === 'bottom';\n const shouldReturnFocus = useRef<boolean>(false);\n\n // Animation config\n const animationStates = {\n opening: () => {\n if (isBottomPlacement) {\n return {\n from: {\n translateY: getTranslateY()\n },\n to: {\n translateY: zero\n },\n options: {\n duration: duration\n }\n };\n } else {\n return {\n from: {\n translateX: getTranslateX()\n },\n to: {\n translateX: zero\n },\n options: {\n duration: duration\n }\n };\n }\n },\n closing: () => {\n if (isBottomPlacement) {\n return {\n from: {\n translateY: zero\n },\n to: {\n translateY: getTranslateY()\n },\n options: {\n duration: duration\n }\n };\n } else {\n return {\n from: {\n translateX: zero\n },\n to: {\n translateX: getTranslateX()\n },\n options: {\n duration: duration\n }\n };\n }\n }\n };\n\n // testId support\n const testIdProps = useTestId(testId);\n\n // Normalizing position\n const { direction } = useUser();\n const getNormalizedPlacement = (): RtlSide => {\n return normalizePosition(placement, direction);\n };\n\n const getTranslateX = (): string => {\n return `${getNormalizedPlacement() === 'right' ? '' : '-'}${getElementWidth(\n rootRef.current as HTMLDivElement\n )}px`;\n };\n\n const getTranslateY = (): string => {\n return `${getElementHeight(rootRef.current as HTMLDivElement)}px`;\n };\n\n const setInitialFocus = () => {\n // Set focus to the first match:\n // 1. First element inside the drawer matching [autofocus]\n const autofocusItems: HTMLElement[] = getAutofocusFocusables(rootRef.current as HTMLElement);\n if (autofocusItems.length > 0) {\n focusOn(autofocusItems[0]);\n return;\n }\n // 2. Tabbable element inside the content element\n // 3. The drawer itself\n focusWithin(rootRef.current as HTMLElement);\n };\n\n const returnFocusToLauncher = (): void => {\n if (shouldReturnFocus.current) {\n focusOnElementOrNearestAncestor(launcherRef.current as HTMLElement);\n shouldReturnFocus.current = false;\n }\n };\n\n // Remove style attribute left on the element by the Animation util\n const removeAnimationInlineStyles = useCallback(() => {\n rootRef.current?.style?.removeProperty('transform');\n }, []);\n\n // Animation\n const { nodeRef } = useAnimation<Status, HTMLDivElement>(status, {\n animationStates,\n isAnimatedOnMount: true,\n onAnimationEnd: () => {\n if (status === 'opening') {\n removeAnimationInlineStyles();\n setInitialFocus();\n onTransitionEnd?.(true);\n } else if (!isOpen) {\n shouldReturnFocus.current =\n rootRef.current?.contains(getActiveElement() as HTMLElement) \|\| false;\n nodeRef(null);\n setVisibility('hidden');\n setStatus('unmounted');\n onTransitionEnd?.(false);\n }\n }\n });\n\n useEffect(() => {\n // 1. Ignore status update on initial render\n if (status === 'unmounted' && !isOpen && status !== prevStatusRef.current) {\n returnFocusToLauncher();\n }\n\n // 2. Mount visually hidden component\n // Component gets mounted, but will be visually hidden to avoid flickering\n // Flickering happens because it gets rendered before animation hook repositions\n // it in next render cycle\n else if (status === 'unmounted' && isOpen) {\n setStatus('initial');\n }\n\n // 3. Setup animation\n // Component has been mounted.\n // We will kick out animation as node is already present in DOM.\n // To avoid flickering, we still keep it visually hidden until the next render cycle.\n else if (status === 'initial' && isOpen) {\n nodeRef(rootRef.current);\n setIsOutsideClickDisabled(false);\n setStatus('opening');\n }\n\n // 3. Unhide component. It becomes visible.\n else if (status === 'opening' && isOpen) {\n setVisibility('visible');\n }\n\n // 4. Closing\n else if (!isOpen && status !== 'unmounted') {\n setIsOutsideClickDisabled(true);\n setStatus('closing');\n }\n\n return () => {\n // remember the previous status\n prevStatusRef.current = status;\n };\n }, [isOpen, status, nodeRef]);\n\n // Destroy case handler\n useEffect(() => {\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n if (rootRef.current?.contains(getActiveElement() as HTMLElement) \|\| false) {\n // In destroy case ModalManager is blocking returning of the focus.\n // We need to reschedule it to workaround that\n setTimeout(() => {\n focusOnElementOrNearestAncestor(launcherRef.current as HTMLElement);\n }, 0);\n }\n };\n }, []);\n\n // Launcher handler\n useEffect(() => {\n if (status === 'opening') {\n // Remember launcher\n launcherRef.current = getActiveElement() as HTMLElement;\n\n // Register F6 key handler. It is modeless only feature.\n if (modality === 'modeless') {\n launcherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n }\n }\n if (status === 'closing' && modality === 'modeless') {\n return () => {\n // Deregister F6 key handler\n launcherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n };\n }\n return;\n }, [modality, status]);\n\n const launcherKeyDownCallback = (event: KeyboardEvent): void => {\n // Moves focus from launcher (must have focus) back to the Drawer\n if (launcherRef.current === getActiveElement() && event.code === 'F6') {\n // Prevent default F6 handlers.\n // F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n\n // Focus on first tabbable in a container or container itself if there is none\n focusWithin(rootRef.current as HTMLElement);\n }\n };\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n const launcherEl = launcherRef.current;\n switch (event.code) {\n case 'Escape': {\n onClose?.({ reason: 'escapeKey' });\n break;\n }\n case 'F6':\n if (modality === 'modeless') {\n // Prevent default F6 handlers.\n // F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n // Focus launcher\n if (launcherEl) {\n focusOn(launcherEl);\n }\n break;\n }\n }\n },\n [onClose, modality]\n );\n\n // OutsideClick handler\n const handleOutsideClick = useCallback(() => {\n // Trigger onClose event with outside click detail\n onClose?.({ reason: 'outsideClick' });\n }, [onClose]);\n\n const insideRefs: RefObject<HTMLElement>[] = [rootRef];\n // launcher should be considered an \"inside\" element\n if (launcherRef.current && launcherRef.current !== document.body) {\n insideRefs.push(launcherRef);\n }\n\n useOutsideClick({\n isDisabled: isOutsideClickDisabled,\n ref: insideRefs,\n handler: handleOutsideClick\n });\n\n // Drawer placement\n const getDrawerPlacement = (): NormalizedPlacement => {\n if (isBottomPlacement) {\n return placement;\n } else {\n if (direction === 'rtl') {\n return placement === 'start' ? 'right' : 'left';\n } else {\n return placement === 'start' ? 'left' : 'right';\n }\n }\n };\n\n const clientHints = getClientHints();\n\n const getViewportWidth = useCallback((): number => {\n if (clientHints.platform === 'ios') {\n // On ios window.innerWidth is not recommended way of measuring the viewport\n return document.documentElement.clientWidth;\n }\n return window.innerWidth;\n }, [clientHints.platform]);\n\n // Window resize handler\n // Handles display mode: Overlay <> Full overlay (full width side drawers)\n const handleResize = useCallback(() => {\n const viewportWidth = getViewportWidth();\n if (displayModeHorizontal === 'overlay' && viewportWidth < displayModefullWidthThreshold) {\n setDisplayModeHorizontal('fullOverlay');\n }\n if (\n displayModeHorizontal === 'fullOverlay' &&\n viewportWidth > displayModefullWidthThreshold\n ) {\n setDisplayModeHorizontal('overlay');\n }\n }, [getViewportWidth, displayModeHorizontal]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (root && status === 'opening') {\n const resizeObserver = new ResizeObserver(() => {\n handleResize();\n });\n resizeObserver.observe(document.body);\n return () => {\n resizeObserver.unobserve(document.body);\n };\n }\n return undefined;\n }, [status, handleResize]);\n\n const dispatchSwipeOnClose = useCallback(() => {\n onClose?.({ reason: 'swipe' });\n }, [onClose]);\n\n // OutsideClick handler\n const swipeHandler = useCallback(\n (event: any): void => {\n const swipeDir = event.direction;\n // LTR\n if (direction === 'ltr') {\n if (\n (placement === 'start' && swipeDir === 'left') \|\|\n (placement === 'end' && swipeDir === 'right')\n ) {\n dispatchSwipeOnClose();\n }\n }\n // RTL\n if (direction === 'rtl') {\n if (\n (placement === 'start' && swipeDir === 'right') \|\|\n (placement === 'end' && swipeDir === 'left')\n ) {\n dispatchSwipeOnClose();\n }\n }\n // Bottom\n if (placement === 'bottom' && swipeDir === 'down') {\n dispatchSwipeOnClose();\n }\n },\n [direction, placement, dispatchSwipeOnClose]\n );\n\n const swipeOptions = {\n threshold: 50,\n maximumTime: 750,\n tolerance: 40\n };\n const { swipeProps } = useSwipe(swipeHandler, swipeOptions);\n\n // Styles\n const { classes } = useComponentTheme<DrawerPopupVariantOptions>(DrawerPopupRedwoodTheme, {\n placement: getDrawerPlacement(),\n visibility,\n displayModeHorizontal:\n ['start', 'end'].indexOf(placement) > -1 ? displayModeHorizontal : undefined\n });\n\n const interpolations = [...Object.values(colorInterpolations)];\n const styleInterpolations = mergeInterpolations<ColorProps>(interpolations);\n const { ...styles } = styleInterpolations(props);\n\n const renderDrawer = () => {\n return (\n <FocusTrap autoFocusRef={autoFocusRef} restoreFocusRef={false}>\n <div\n ref={mergedRef}\n className={classes}\n style={styles}\n tabIndex={-1}\n role=\"dialog\"\n onKeyDown={handleKeyDown}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n {...swipeProps}\n {...testIdProps}>\n {children}\n </div>\n </FocusTrap>\n );\n };\n\n const isMounted = status !== 'unmounted';\n if (isMounted) {\n // Modal vs. modelss upper wrapper\n if (modality === 'modal') {\n return <Modal isOpen={isMounted}>{renderDrawer()}</Modal>;\n } else {\n return <Layer>{renderDrawer()}</Layer>;\n }\n }\n\n return null;\n }\n);\n"],"names":["_jsx"],"mappings":"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"}
1	+ {"version":3,"file":"DrawerPopup-dd60ef68.js","sources":["../../src/UNSAFE_DrawerPopup/DrawerPopup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useRef, useEffect, useCallback, useMemo } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport {\n getAutofocusFocusables,\n focusOn,\n focusWithin,\n getActiveElement,\n focusOnElementOrNearestAncestor\n} from '../utils/PRIVATE_tabbableUtils';\nimport { normalizePosition } from '../utils/PRIVATE_floatingUtils';\nimport { RtlSide } from '../UNSAFE_Floating';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\n// Hooks\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useSwipe } from '../hooks/UNSAFE_useSwipe';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { DrawerPopupVariantOptions } from './themes/DrawerPopupStyles.css';\nimport { colorInterpolations, ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { DrawerPopupRedwoodTheme } from './themes/redwood/DrawerPopupTheme';\n\n// Types\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Placement = 'start' \| 'end' \| 'bottom';\ntype NormalizedPlacement = 'left' \| 'right' \| 'bottom';\ntype Status = 'unmounted' \| 'initial' \| 'opening' \| 'closing';\ntype VisibilityStatus = 'hidden' \| 'visible';\ntype DisplayModeHorizontal = 'overlay' \| 'fullOverlay';\ntype OnCloseDetail = {\n reason: 'outsideClick' \| 'escapeKey' \| 'swipe';\n};\n\ntype Props = IntrinsicProps &\n Pick<ColorProps, 'backgroundColor'> & {\n /*\n Specifies whether the Drawer is open.\n /\n isOpen: boolean;\n /\n Specifies at what edge the Drawer opens.\n * Supported values are:\n * <p><code>start</code>, <code>end</code>, <code>bottom</code></p>\n * Default is <code>start</code>.\n /\n placement?: Placement;\n /\n Specifies modality of the Darwer.\n * Supported values are:\n * <p><code>modal</code>, <code>modeless</code></p>\n * Default is <code>modal</code>.\n /\n modality?: 'modal' \| 'modeless';\n /\n Specifies callback triggered when a user tries to close a Drawer through UI interaction.\n * The parent should listen to this event and close the Drawer. If the parent fails to remove\n * the Popup, then no change will be done in the UI by the component.\n * Supported detail values are:\n * <p><code>outsideClick</code>, <code>escapeKey</code></p>, <code>swipe</code>\n /\n onClose?: (detail: OnCloseDetail) => void;\n /\n Specifies callback triggered after the animation ends.\n /\n onTransitionEnd?: (value: boolean) => void;\n /\n Optional ref for an element to focus on when component mounts.\n /\n autoFocusRef?: RefObject<HTMLElement>;\n /\n Specifies guidance for screen readers.\n /\n 'aria-label'?: string;\n /\n Specifies ID of an element used for guidance for screen readers.\n /\n 'aria-labelledby'?: string;\n /\n Specifies ID of an element (or space separated IDs of multiple elements) that\n * describes the Drawer.\n /\n 'aria-describedby'?: string;\n } & TestIdProps;\n\n// Constants\nconst displayModefullWidthThreshold = 600;\nconst zero = '0px';\nconst duration = 250;\n\nconst getElementHeight = (element: HTMLDivElement): number => {\n return Math.round(element.offsetHeight);\n};\n\nconst getElementWidth = (element: HTMLDivElement): number => {\n return Math.round(element.getBoundingClientRect().width);\n};\n\n/\n A drawer popup adds a single slide-in side content alongside some primary content to an application window.\n \n This drawer always overlays the page and can be placed at the 'start', 'end' or 'bottom' edge.\n */\nexport const DrawerPopup = forwardRef(\n (\n {\n children,\n isOpen = false,\n autoFocusRef,\n placement = 'start',\n modality = 'modal',\n onClose,\n onTransitionEnd,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n testId,\n ...props\n }: Props,\n ref: ForwardedRef<HTMLElement \| null>\n ) => {\n // Initialize states\n const [status, setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n const [isOutsideClickDisabled, setIsOutsideClickDisabled] = useState<boolean>(!isOpen);\n const [displayModeHorizontal, setDisplayModeHorizontal] =\n useState<DisplayModeHorizontal>('overlay');\n\n const prevStatusRef = useRef<Status>('unmounted');\n\n const rootRef = useRef<HTMLDivElement>(null);\n const launcherRef = useRef<HTMLElement \| null>(null);\n\n const mergedRef = useMemo(() => mergeRefs(rootRef, ref), [rootRef, ref]);\n\n const isBottomPlacement = placement === 'bottom';\n const shouldReturnFocus = useRef<boolean>(false);\n\n // Animation config\n const animationStates = {\n opening: () => {\n if (isBottomPlacement) {\n return {\n from: {\n translateY: getTranslateY()\n },\n to: {\n translateY: zero\n },\n options: {\n duration: duration\n }\n };\n } else {\n return {\n from: {\n translateX: getTranslateX()\n },\n to: {\n translateX: zero\n },\n options: {\n duration: duration\n }\n };\n }\n },\n closing: () => {\n if (isBottomPlacement) {\n return {\n from: {\n translateY: zero\n },\n to: {\n translateY: getTranslateY()\n },\n options: {\n duration: duration\n }\n };\n } else {\n return {\n from: {\n translateX: zero\n },\n to: {\n translateX: getTranslateX()\n },\n options: {\n duration: duration\n }\n };\n }\n }\n };\n\n // testId support\n const testIdProps = useTestId(testId);\n\n // Normalizing position\n const { direction } = useUser();\n const getNormalizedPlacement = (): RtlSide => {\n return normalizePosition(placement, direction);\n };\n\n const getTranslateX = (): string => {\n return `${getNormalizedPlacement() === 'right' ? '' : '-'}${getElementWidth(\n rootRef.current as HTMLDivElement\n )}px`;\n };\n\n const getTranslateY = (): string => {\n return `${getElementHeight(rootRef.current as HTMLDivElement)}px`;\n };\n\n const setInitialFocus = () => {\n // Set focus to the first match:\n // 1. First element inside the drawer matching [autofocus]\n const autofocusItems: HTMLElement[] = getAutofocusFocusables(rootRef.current as HTMLElement);\n if (autofocusItems.length > 0) {\n focusOn(autofocusItems[0]);\n return;\n }\n // 2. Tabbable element inside the content element\n // 3. The drawer itself\n focusWithin(rootRef.current as HTMLElement);\n };\n\n const returnFocusToLauncher = (): void => {\n if (shouldReturnFocus.current) {\n focusOnElementOrNearestAncestor(launcherRef.current as HTMLElement);\n shouldReturnFocus.current = false;\n }\n };\n\n // Remove style attribute left on the element by the Animation util\n const removeAnimationInlineStyles = useCallback(() => {\n rootRef.current?.style?.removeProperty('transform');\n }, []);\n\n // Animation\n const { nodeRef } = useAnimation<Status, HTMLDivElement>(status, {\n animationStates,\n isAnimatedOnMount: true,\n onAnimationEnd: () => {\n if (status === 'opening') {\n removeAnimationInlineStyles();\n setInitialFocus();\n onTransitionEnd?.(true);\n } else if (!isOpen) {\n shouldReturnFocus.current =\n rootRef.current?.contains(getActiveElement() as HTMLElement) \|\| false;\n nodeRef(null);\n setVisibility('hidden');\n setStatus('unmounted');\n onTransitionEnd?.(false);\n }\n }\n });\n\n useEffect(() => {\n // 1. Ignore status update on initial render\n if (status === 'unmounted' && !isOpen && status !== prevStatusRef.current) {\n returnFocusToLauncher();\n }\n\n // 2. Mount visually hidden component\n // Component gets mounted, but will be visually hidden to avoid flickering\n // Flickering happens because it gets rendered before animation hook repositions\n // it in next render cycle\n else if (status === 'unmounted' && isOpen) {\n setStatus('initial');\n }\n\n // 3. Setup animation\n // Component has been mounted.\n // We will kick out animation as node is already present in DOM.\n // To avoid flickering, we still keep it visually hidden until the next render cycle.\n else if (status === 'initial' && isOpen) {\n nodeRef(rootRef.current);\n setIsOutsideClickDisabled(false);\n setStatus('opening');\n }\n\n // 3. Unhide component. It becomes visible.\n else if (status === 'opening' && isOpen) {\n setVisibility('visible');\n }\n\n // 4. Closing\n else if (!isOpen && status !== 'unmounted') {\n setIsOutsideClickDisabled(true);\n setStatus('closing');\n }\n\n return () => {\n // remember the previous status\n prevStatusRef.current = status;\n };\n }, [isOpen, status, nodeRef]);\n\n // Destroy case handler\n useEffect(() => {\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n if (rootRef.current?.contains(getActiveElement() as HTMLElement) \|\| false) {\n // In destroy case ModalManager is blocking returning of the focus.\n // We need to reschedule it to workaround that\n setTimeout(() => {\n focusOnElementOrNearestAncestor(launcherRef.current as HTMLElement);\n }, 0);\n }\n };\n }, []);\n\n // Launcher handler\n useEffect(() => {\n if (status === 'opening') {\n // Remember launcher\n launcherRef.current = getActiveElement() as HTMLElement;\n\n // Register F6 key handler. It is modeless only feature.\n if (modality === 'modeless') {\n launcherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n }\n }\n if (status === 'closing' && modality === 'modeless') {\n return () => {\n // Deregister F6 key handler\n launcherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n };\n }\n return;\n }, [modality, status]);\n\n const launcherKeyDownCallback = (event: KeyboardEvent): void => {\n // Moves focus from launcher (must have focus) back to the Drawer\n if (launcherRef.current === getActiveElement() && event.code === 'F6') {\n // Prevent default F6 handlers.\n // F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n\n // Focus on first tabbable in a container or container itself if there is none\n focusWithin(rootRef.current as HTMLElement);\n }\n };\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n const launcherEl = launcherRef.current;\n switch (event.code) {\n case 'Escape': {\n onClose?.({ reason: 'escapeKey' });\n break;\n }\n case 'F6':\n if (modality === 'modeless') {\n // Prevent default F6 handlers.\n // F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n // Focus launcher\n if (launcherEl) {\n focusOn(launcherEl);\n }\n break;\n }\n }\n },\n [onClose, modality]\n );\n\n // OutsideClick handler\n const handleOutsideClick = useCallback(() => {\n // Trigger onClose event with outside click detail\n onClose?.({ reason: 'outsideClick' });\n }, [onClose]);\n\n const insideRefs: RefObject<HTMLElement>[] = [rootRef];\n // launcher should be considered an \"inside\" element\n if (launcherRef.current && launcherRef.current !== document.body) {\n insideRefs.push(launcherRef);\n }\n\n useOutsideClick({\n isDisabled: isOutsideClickDisabled,\n ref: insideRefs,\n handler: handleOutsideClick\n });\n\n // Drawer placement\n const getDrawerPlacement = (): NormalizedPlacement => {\n if (isBottomPlacement) {\n return placement;\n } else {\n if (direction === 'rtl') {\n return placement === 'start' ? 'right' : 'left';\n } else {\n return placement === 'start' ? 'left' : 'right';\n }\n }\n };\n\n const clientHints = getClientHints();\n\n const getViewportWidth = useCallback((): number => {\n if (clientHints.platform === 'ios') {\n // On ios window.innerWidth is not recommended way of measuring the viewport\n return document.documentElement.clientWidth;\n }\n return window.innerWidth;\n }, [clientHints.platform]);\n\n // Window resize handler\n // Handles display mode: Overlay <> Full overlay (full width side drawers)\n const handleResize = useCallback(() => {\n const viewportWidth = getViewportWidth();\n if (displayModeHorizontal === 'overlay' && viewportWidth < displayModefullWidthThreshold) {\n setDisplayModeHorizontal('fullOverlay');\n }\n if (\n displayModeHorizontal === 'fullOverlay' &&\n viewportWidth > displayModefullWidthThreshold\n ) {\n setDisplayModeHorizontal('overlay');\n }\n }, [getViewportWidth, displayModeHorizontal]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (root && status === 'opening') {\n const resizeObserver = new ResizeObserver(() => {\n handleResize();\n });\n resizeObserver.observe(document.body);\n return () => {\n resizeObserver.unobserve(document.body);\n };\n }\n return undefined;\n }, [status, handleResize]);\n\n const dispatchSwipeOnClose = useCallback(() => {\n onClose?.({ reason: 'swipe' });\n }, [onClose]);\n\n // OutsideClick handler\n const swipeHandler = useCallback(\n (event: any): void => {\n const swipeDir = event.direction;\n // LTR\n if (direction === 'ltr') {\n if (\n (placement === 'start' && swipeDir === 'left') \|\|\n (placement === 'end' && swipeDir === 'right')\n ) {\n dispatchSwipeOnClose();\n }\n }\n // RTL\n if (direction === 'rtl') {\n if (\n (placement === 'start' && swipeDir === 'right') \|\|\n (placement === 'end' && swipeDir === 'left')\n ) {\n dispatchSwipeOnClose();\n }\n }\n // Bottom\n if (placement === 'bottom' && swipeDir === 'down') {\n dispatchSwipeOnClose();\n }\n },\n [direction, placement, dispatchSwipeOnClose]\n );\n\n const swipeOptions = {\n threshold: 50,\n maximumTime: 750,\n tolerance: 40\n };\n const { swipeProps } = useSwipe(swipeHandler, swipeOptions);\n\n // Styles\n const { classes } = useComponentTheme<DrawerPopupVariantOptions>(DrawerPopupRedwoodTheme, {\n placement: getDrawerPlacement(),\n visibility,\n displayModeHorizontal:\n ['start', 'end'].indexOf(placement) > -1 ? displayModeHorizontal : undefined\n });\n\n const interpolations = [...Object.values(colorInterpolations)];\n const styleInterpolations = mergeInterpolations<ColorProps>(interpolations);\n const { ...styles } = styleInterpolations(props);\n\n const renderDrawer = () => {\n return (\n <FocusTrap autoFocusRef={autoFocusRef} restoreFocusRef={false}>\n <div\n ref={mergedRef}\n className={classes}\n style={styles}\n tabIndex={-1}\n role=\"dialog\"\n onKeyDown={handleKeyDown}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n {...swipeProps}\n {...testIdProps}>\n {children}\n </div>\n </FocusTrap>\n );\n };\n\n const isMounted = status !== 'unmounted';\n if (isMounted) {\n // Modal vs. modelss upper wrapper\n if (modality === 'modal') {\n return <Modal isOpen={isMounted}>{renderDrawer()}</Modal>;\n } else {\n return <Layer>{renderDrawer()}</Layer>;\n }\n }\n\n return null;\n }\n);\n"],"names":["_jsx"],"mappings":"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"}

package/es/DrawerPopupVariants.styles.css CHANGED Viewed

@@ -1,26 +1,26 @@
-.DrawerPopupVariants_multiVariantStyles_placement_left__idav9r0 {
+.DrawerPopupVariants_multiVariantStyles_placement_left__ajbar40 {
   box-shadow: 0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   left: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_right__idav9r1 {
+.DrawerPopupVariants_multiVariantStyles_placement_right__ajbar41 {
   box-shadow: -0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_bottom__idav9r2 {
+.DrawerPopupVariants_multiVariantStyles_placement_bottom__ajbar42 {
   box-shadow: 0 -0.3rem 0.3rem 0 rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   bottom: 0;
   left: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__idav9r5 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__ajbar45 {
   max-width: 90vw;
   min-width: 320px;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__idav9r6 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__ajbar46 {
   width: 100%;
   max-width: 100%;
 }

package/es/DrawerPopupVariants.styles2.css CHANGED Viewed

@@ -1,26 +1,26 @@
-.DrawerPopupVariants_multiVariantStyles_placement_left__ajbar40 {
+.DrawerPopupVariants_multiVariantStyles_placement_left__idav9r0 {
   box-shadow: 0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   left: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_right__ajbar41 {
+.DrawerPopupVariants_multiVariantStyles_placement_right__idav9r1 {
   box-shadow: -0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_bottom__ajbar42 {
+.DrawerPopupVariants_multiVariantStyles_placement_bottom__idav9r2 {
   box-shadow: 0 -0.3rem 0.3rem 0 rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   bottom: 0;
   left: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__ajbar45 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__idav9r5 {
   max-width: 90vw;
   min-width: 320px;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__ajbar46 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__idav9r6 {
   width: 100%;
   max-width: 100%;
 }

package/es/{Dropdown-8936afb0.js → Dropdown-ab7ecd4b.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, Fragment } from 'preact/jsx-runtime';
 import { useRef, useCallback } from 'preact/hooks';
-import { F as Floating } from './Floating-bd10e1bb.js';
-import { L as Layer } from './Layer-f309effc.js';
+import { F as Floating } from './Floating-94a06a14.js';
+import { L as Layer } from './Layer-d4aca92e.js';
 import 'preact/compat';
-import './LayerHost-ca080d9a.js';
+import './LayerHost-f7ef254c.js';
 import { K as KEYS } from './keyboardUtils-38854729.js';
 import { f as focusWithin } from './tabbableUtils-6ceb767f.js';
-import { u as usePopupAnimation } from './usePopupAnimation-0c5517c7.js';
+import { u as usePopupAnimation } from './usePopupAnimation-93950404.js';
 import { g as getTransformOrigin } from './popupAnimationUtils-175151d9.js';
 import { C as CollectionInteractionContext } from './CollectionInteractionContext-7cf19abc.js';
 import { dropdownStyles } from './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
@@ -77,4 +77,4 @@ function Dropdown({ isOpen = false, anchorRef, children, id, onClose, minWidth,
 }
 export { Dropdown as D };
-//# sourceMappingURL=Dropdown-8936afb0.js.map
+//# sourceMappingURL=Dropdown-ab7ecd4b.js.map

package/es/{Dropdown-8936afb0.js.map → Dropdown-ab7ecd4b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown-~~8936afb0~~.js","sources":["../../src/UNSAFE_Dropdown/Dropdown.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps, RefObject, JSX } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n DURATION_LARGE,\n SCALE_UP_FULL,\n mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } \| { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n /\n Specifies whether Dropdown is open.\n /\n isOpen?: boolean;\n /\n Trigger element reference.\n /\n anchorRef: FloatingProps['anchorRef'];\n /\n Id of the dropdown container.\n * Used usually for accesibility reasons.\n /\n id?: string;\n /\n Called when dropdown is supposed to be closed.\n * Called when user tab/esc or mouseDown outside the dropdown.\n /\n onClose?: (detail: CloseDetail) => void;\n /\n Min width represented in pixels of the dropdown container.\n /\n minWidth?: number;\n /\n Placement of the floating element relative to its reference element.\n /\n placement?: FloatingProps['placement'];\n /\n Offset displaces the floating element from its core placement along the specified axes.\n /\n offset?: FloatingProps['offsetValue'];\n /\n Triggered when placement or coordinates are changed after collision is detected.\n /\n onPosition?: FloatingProps['onPosition'];\n /\n Specifies the flipping behavior along the respective axis.\n /\n flipOptions?: FloatingProps['flipOptions'];\n /\n Specifies the resizing behaviour for max-height and max-width of the floating component.\n /\n sizeOptions?: FloatingProps['sizeOptions'];\n\n /\n Specifies the shift behavior along the respective axis\n /\n shiftOptions?: FloatingProps['shiftOptions'];\n /\n Specifies initial focus.\n */\n initialFocus?: 'none' \| 'firstFocusable';\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n opening: (node: AnimationPopupElement) => {\n return mergeAnimationStateObjects(\n [\n SCALE_UP_FULL,\n {\n from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n }\n ],\n {\n duration: DURATION_LARGE\n }\n );\n }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n isOpen = false,\n anchorRef,\n children,\n id,\n onClose,\n minWidth,\n placement = DEFAULT_PLACEMENT,\n offset = DEFAULT_OFFSET,\n onPosition,\n flipOptions = DEFAULT_FLIP_OPTIONS,\n sizeOptions = DEFAULT_SIZE_OPTIONS,\n shiftOptions,\n initialFocus = 'none'\n}: Props) {\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n const onTransitionEnd = useCallback(\n (isOpen: boolean) => {\n if (isOpen && initialFocus === 'firstFocusable') {\n const dropdownElement = dropdownRef.current;\n if (dropdownElement) {\n focusWithin(dropdownElement);\n }\n }\n },\n [initialFocus]\n );\n\n const {\n status,\n setAnimationElementRef,\n onPosition: onPositionAnimated\n } = usePopupAnimation({\n isOpen,\n placement,\n isAnimatedOnMount: true,\n animationStates,\n onPosition,\n onTransitionEnd\n });\n\n const handleMousedownClose = useCallback(\n (event: MouseEvent) => {\n onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n },\n [onClose]\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.defaultPrevented) {\n return;\n }\n switch (event.code) {\n case KEYS.ESC:\n onClose?.({ reason: 'dismissed' });\n break;\n case KEYS.TAB:\n onClose?.({ reason: 'dismissed' });\n break;\n default:\n break;\n }\n },\n [onClose]\n );\n\n // use the mousedown event to be consistent with legacy JET\n useOutsideMousedown({\n isDisabled: false,\n ref: [dropdownRef],\n handler: handleMousedownClose\n });\n\n return (\n <>\n {status !== 'unmounted' ? (\n <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n <Floating\n anchorRef={anchorRef}\n ref={setAnimationElementRef}\n placement={placement}\n flipOptions={flipOptions}\n shiftOptions={shiftOptions}\n sizeOptions={sizeOptions}\n offsetValue={offset}\n onPosition={onPositionAnimated}\n boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n <div\n ref={dropdownRef}\n id={id}\n class={dropdownStyles.base}\n style={{ minWidth: `${minWidth \|\| 0}px` }}\n onKeyDown={handleKeyDown}>\n <CollectionInteractionContext.Provider value={'embedded'}>\n {children}\n </CollectionInteractionContext.Provider>\n </div>\n </Floating>\n </Layer>\n ) : null}\n </>\n );\n}\n"],"names":["_jsx","_Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown-ab7ecd4b.js","sources":["../../src/UNSAFE_Dropdown/Dropdown.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps, RefObject, JSX } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n DURATION_LARGE,\n SCALE_UP_FULL,\n mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } \| { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n /\n Specifies whether Dropdown is open.\n /\n isOpen?: boolean;\n /\n Trigger element reference.\n /\n anchorRef: FloatingProps['anchorRef'];\n /\n Id of the dropdown container.\n * Used usually for accesibility reasons.\n /\n id?: string;\n /\n Called when dropdown is supposed to be closed.\n * Called when user tab/esc or mouseDown outside the dropdown.\n /\n onClose?: (detail: CloseDetail) => void;\n /\n Min width represented in pixels of the dropdown container.\n /\n minWidth?: number;\n /\n Placement of the floating element relative to its reference element.\n /\n placement?: FloatingProps['placement'];\n /\n Offset displaces the floating element from its core placement along the specified axes.\n /\n offset?: FloatingProps['offsetValue'];\n /\n Triggered when placement or coordinates are changed after collision is detected.\n /\n onPosition?: FloatingProps['onPosition'];\n /\n Specifies the flipping behavior along the respective axis.\n /\n flipOptions?: FloatingProps['flipOptions'];\n /\n Specifies the resizing behaviour for max-height and max-width of the floating component.\n /\n sizeOptions?: FloatingProps['sizeOptions'];\n\n /\n Specifies the shift behavior along the respective axis\n /\n shiftOptions?: FloatingProps['shiftOptions'];\n /\n Specifies initial focus.\n */\n initialFocus?: 'none' \| 'firstFocusable';\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n opening: (node: AnimationPopupElement) => {\n return mergeAnimationStateObjects(\n [\n SCALE_UP_FULL,\n {\n from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n }\n ],\n {\n duration: DURATION_LARGE\n }\n );\n }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n isOpen = false,\n anchorRef,\n children,\n id,\n onClose,\n minWidth,\n placement = DEFAULT_PLACEMENT,\n offset = DEFAULT_OFFSET,\n onPosition,\n flipOptions = DEFAULT_FLIP_OPTIONS,\n sizeOptions = DEFAULT_SIZE_OPTIONS,\n shiftOptions,\n initialFocus = 'none'\n}: Props) {\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n const onTransitionEnd = useCallback(\n (isOpen: boolean) => {\n if (isOpen && initialFocus === 'firstFocusable') {\n const dropdownElement = dropdownRef.current;\n if (dropdownElement) {\n focusWithin(dropdownElement);\n }\n }\n },\n [initialFocus]\n );\n\n const {\n status,\n setAnimationElementRef,\n onPosition: onPositionAnimated\n } = usePopupAnimation({\n isOpen,\n placement,\n isAnimatedOnMount: true,\n animationStates,\n onPosition,\n onTransitionEnd\n });\n\n const handleMousedownClose = useCallback(\n (event: MouseEvent) => {\n onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n },\n [onClose]\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.defaultPrevented) {\n return;\n }\n switch (event.code) {\n case KEYS.ESC:\n onClose?.({ reason: 'dismissed' });\n break;\n case KEYS.TAB:\n onClose?.({ reason: 'dismissed' });\n break;\n default:\n break;\n }\n },\n [onClose]\n );\n\n // use the mousedown event to be consistent with legacy JET\n useOutsideMousedown({\n isDisabled: false,\n ref: [dropdownRef],\n handler: handleMousedownClose\n });\n\n return (\n <>\n {status !== 'unmounted' ? (\n <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n <Floating\n anchorRef={anchorRef}\n ref={setAnimationElementRef}\n placement={placement}\n flipOptions={flipOptions}\n shiftOptions={shiftOptions}\n sizeOptions={sizeOptions}\n offsetValue={offset}\n onPosition={onPositionAnimated}\n boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n <div\n ref={dropdownRef}\n id={id}\n class={dropdownStyles.base}\n style={{ minWidth: `${minWidth \|\| 0}px` }}\n onKeyDown={handleKeyDown}>\n <CollectionInteractionContext.Provider value={'embedded'}>\n {children}\n </CollectionInteractionContext.Provider>\n </div>\n </Floating>\n </Layer>\n ) : null}\n </>\n );\n}\n"],"names":["_jsx","_Fragment"],"mappings":"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"}