npm - @oracle/oraclejet-preact - Versions diffs - 19.0.3 → 19.0.5 - Mend

@oracle/oraclejet-preact 19.0.3 → 19.0.5

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 (618) hide show

package/es/{Dialog-1b1a87ff.js.map → Dialog-9b3350f4.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog-1b1a87ff.js","sources":["../../src/UNSAFE_Dialog/Dialog.tsx"],"sourcesContent":["import type { ComponentChild, RefObject, JSX } 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 type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/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, ResizableConstraints } 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\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\n// dialog states\ntype Status = 'initial' \| 'opening' \| 'closing' \| 'unmounted';\ntype VisibilityStatus = 'hidden' \| 'visible';\ntype Animations = 'zoomIn' \| 'zoomOut' \| 'slideUp' \| 'slideDown';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children' \| 'role'>;\n\ntype OnCloseDetail = {\n /*\n reason for closing the dialog\n /\n reason: 'escapeKey' \| 'icon';\n};\n\nexport type CancelBehavior = 'none' \| 'escape' \| 'icon';\n\ntype DialogProps = IntrinsicProps &\n DimensionProps & {\n /\n Optional ref for an element to focus on when component mounts\n /\n autoFocusRef?: RefObject<{ focus: () => void }>;\n\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 \| UnsafeDomHandle<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<UnpackSignals<JSX.IntrinsicElements['div']>, '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 // computed dialog dimension limits\n const sizeConstraints = useRef<ResizableConstraints>();\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 if (elementRef.current) {\n const cs = window.getComputedStyle(elementRef.current);\n sizeConstraints.current = {\n minHeight: parseFloat(cs.minHeight),\n maxHeight: parseFloat(cs.maxHeight),\n minWidth: parseFloat(cs.minWidth),\n maxWidth: parseFloat(cs.maxWidth)\n };\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}\n constraints={sizeConstraints.current}></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 autoFocusRef,\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 _status = useRef<Status>(isOpen ? 'initial' : 'unmounted');\n const setStatus = (s: Status) => {\n _status.current = s;\n _setStatus(s);\n };\n\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 autoFocusRef if specifed, otherwise focus on first tabbable element\n // in the Dialog or the Dialog container itself if there is none\n if (autoFocusRef && autoFocusRef.current) {\n focusOn(autoFocusRef.current);\n } else if (footerRef.current && allTabbableElements(footerRef.current).length > 0) {\n focusWithin(footerRef.current);\n } else {\n focusWithin(contentWrapperRef.current as HTMLElement);\n }\n onFocusSet?.();\n }, [autoFocusRef, 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 && _status.current !== 'unmounted') {\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 localLauncherRef.current = _getLauncherElement(launcherRef);\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\nfunction _getLauncherElement(launcherRef: DialogProps['launcherRef']) {\n const launcher = launcherRef?.current;\n\n if (launcher) {\n const launcherElement = launcher instanceof Element ? launcher : launcher[UNSAFE_DOM_ACCESS];\n\n if (document.body.contains(launcherElement)) {\n return launcherElement;\n }\n }\n\n return getActiveElement() as HTMLElement;\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-9b3350f4.js","sources":["../../src/UNSAFE_Dialog/Dialog.tsx"],"sourcesContent":["import type { ComponentChild, RefObject, JSX } 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 type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/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, ResizableConstraints } 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\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\n// dialog states\ntype Status = 'initial' \| 'opening' \| 'closing' \| 'unmounted';\ntype VisibilityStatus = 'hidden' \| 'visible';\ntype Animations = 'zoomIn' \| 'zoomOut' \| 'slideUp' \| 'slideDown';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children' \| 'role'>;\n\ntype OnCloseDetail = {\n /*\n reason for closing the dialog\n /\n reason: 'escapeKey' \| 'icon';\n};\n\nexport type CancelBehavior = 'none' \| 'escape' \| 'icon';\n\ntype DialogProps = IntrinsicProps &\n DimensionProps & {\n /\n Optional ref for an element to focus on when component mounts\n /\n autoFocusRef?: RefObject<{ focus: () => void }>;\n\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 \| UnsafeDomHandle<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<UnpackSignals<JSX.IntrinsicElements['div']>, '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 // computed dialog dimension limits\n const sizeConstraints = useRef<ResizableConstraints>();\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 if (elementRef.current) {\n const cs = window.getComputedStyle(elementRef.current);\n sizeConstraints.current = {\n minHeight: parseFloat(cs.minHeight),\n maxHeight: parseFloat(cs.maxHeight),\n minWidth: parseFloat(cs.minWidth),\n maxWidth: parseFloat(cs.maxWidth)\n };\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}\n constraints={sizeConstraints.current}></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 autoFocusRef,\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 _status = useRef<Status>(isOpen ? 'initial' : 'unmounted');\n const setStatus = (s: Status) => {\n _status.current = s;\n _setStatus(s);\n };\n\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 autoFocusRef if specifed, otherwise focus on first tabbable element\n // in the Dialog or the Dialog container itself if there is none\n if (autoFocusRef && autoFocusRef.current) {\n focusOn(autoFocusRef.current);\n } else if (footerRef.current && allTabbableElements(footerRef.current).length > 0) {\n focusWithin(footerRef.current);\n } else {\n focusWithin(contentWrapperRef.current as HTMLElement);\n }\n onFocusSet?.();\n }, [autoFocusRef, 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 && _status.current !== 'unmounted') {\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 localLauncherRef.current = _getLauncherElement(launcherRef);\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\nfunction _getLauncherElement(launcherRef: DialogProps['launcherRef']) {\n const launcher = launcherRef?.current;\n\n if (launcher) {\n const launcherElement = launcher instanceof Element ? launcher : launcher[UNSAFE_DOM_ACCESS];\n\n if (document.body.contains(launcherElement)) {\n return launcherElement;\n }\n }\n\n return getActiveElement() as HTMLElement;\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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"}

package/es/DirectionalCollapseArrowIcon-d9c9f9ac.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { a as SvgCaretRight, S as SvgCaretLeft } from './CaretLeft-c7ef931d.js';
-import { w as withDirectionIcon } from './withDirectionIcon-e5c4596f.js';
+import { w as withDirectionIcon } from './withDirectionIcon-6032db58.js';
 /**
  * @license

package/es/DirectionalExpandArrowIcon-4591d832.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { S as SvgCaretLeft, a as SvgCaretRight } from './CaretLeft-c7ef931d.js';
-import { w as withDirectionIcon } from './withDirectionIcon-e5c4596f.js';
+import { w as withDirectionIcon } from './withDirectionIcon-6032db58.js';
 /**
  * @license

package/es/{Dropdown-3488ddd2.js → Dropdown-ead9e679.js} RENAMED Viewed

@@ -1,17 +1,17 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, Fragment } from 'preact/jsx-runtime';
 import { useRef, useCallback } from 'preact/hooks';
-import { F as Floating } from './Floating-eef4ae92.js';
-import { L as Layer } from './Layer-5bf232ee.js';
+import { F as Floating } from './Floating-6023b41d.js';
+import { L as Layer } from './Layer-7d3dc8c7.js';
 import 'preact/compat';
-import './LayerHost-a54158ef.js';
+import './LayerHost-12489cef.js';
 import { K as KEYS } from './keyboardUtils-986fe923.js';
 import { f as focusWithin } from './tabbableUtils-ce19b388.js';
-import { u as usePopupAnimation } from './usePopupAnimation-feb78098.js';
+import { u as usePopupAnimation } from './usePopupAnimation-66b186ad.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';
-import { u as useOutsideMousedown } from './useOutsideMousedown-653b22ea.js';
+import { u as useOutsideMousedown } from './useOutsideMousedown-39d7c9a6.js';
 import { m as mergeAnimationStateObjects, D as DURATION_LARGE, b as SCALE_UP_FULL } from './animationUtils-5f409a6c.js';
 import { U as UNSAFE_DOM_ACCESS } from './unsafeDomAccess-453eb74e.js';
@@ -90,4 +90,4 @@ function toLogicalParentRef(anchorRef) {
 }
 export { Dropdown as D };
-//# sourceMappingURL=Dropdown-3488ddd2.js.map
+//# sourceMappingURL=Dropdown-ead9e679.js.map

package/es/{Dropdown-3488ddd2.js.map → Dropdown-ead9e679.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown-3488ddd2.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\nimport { UnsafeDomHandle, UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\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 * @default false\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 * @default 'none'\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={toLogicalParentRef(anchorRef)}>\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\nfunction toLogicalParentRef(anchorRef: FloatingProps['anchorRef']) {\n const current = anchorRef.current;\n\n if (current) {\n if (current instanceof Element) {\n return anchorRef as RefObject<Element>;\n } else if ((current as UnsafeDomHandle<Element>)[UNSAFE_DOM_ACCESS]) {\n return anchorRef as RefObject<UnsafeDomHandle<Element>>;\n }\n }\n\n return null;\n}\n"],"names":["_jsx","_Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown-ead9e679.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\nimport { UnsafeDomHandle, UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\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 * @default false\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 * @default 'none'\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={toLogicalParentRef(anchorRef)}>\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\nfunction toLogicalParentRef(anchorRef: FloatingProps['anchorRef']) {\n const current = anchorRef.current;\n\n if (current) {\n if (current instanceof Element) {\n return anchorRef as RefObject<Element>;\n } else if ((current as UnsafeDomHandle<Element>)[UNSAFE_DOM_ACCESS]) {\n return anchorRef as RefObject<UnsafeDomHandle<Element>>;\n }\n }\n\n return null;\n}\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/es/{EmbeddedIconButton-9027fc97.js → EmbeddedIconButton-43cbf075.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { B as BaseButton } from './BaseButton-93d2f16c.js';
+import { B as BaseButton } from './BaseButton-32b49810.js';
 import { B as ButtonLabelLayout } from './ButtonLabelLayout-d449261a.js';
 const EmbeddedIconButton = ({ isDisabled = false, size = 'sm', onAction, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, 'aria-hidden': ariaHidden = false, ...props }) => {
@@ -8,4 +8,4 @@ const EmbeddedIconButton = ({ isDisabled = false, size = 'sm', onAction, 'aria-l
 };
 export { EmbeddedIconButton as E };
-//# sourceMappingURL=EmbeddedIconButton-9027fc97.js.map
+//# sourceMappingURL=EmbeddedIconButton-43cbf075.js.map

package/es/{EmbeddedIconButton-9027fc97.js.map → EmbeddedIconButton-43cbf075.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmbeddedIconButton-~~9027fc97~~.js","sources":["../../src/PRIVATE_EmbeddedIconButton/EmbeddedIconButton.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChild } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\ntype AriaProps =\n \| {\n /\n The ID of an element (or space separated IDs of multiple elements) that\n * describes the button.\n /\n 'aria-describedby'?: string;\n\n /\n Whether the button should be hidden from screen readers. When true, no aria-label is required.\n /\n 'aria-hidden'?: false;\n\n /\n accessibleLabel - the aria label\n /\n 'aria-label': string;\n }\n \| {\n 'aria-describedby'?: string;\n\n 'aria-hidden': true;\n\n 'aria-label'?: string;\n };\n\ntype BaseProps = {\n /\n Specifies the icon for the button.\n /\n children?: ComponentChild;\n\n /\n Specifies that the button element should be disabled.\n * @default false\n /\n isDisabled?: boolean;\n\n /\n Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n /\n onAction?: () => void \| null;\n\n /\n The size indicates how large the button is rendered. Note that only the ghost variant supports the xs size.\n * @default 'sm'\n */\n size?: 'xs' \| 'sm';\n};\n\ntype Props = BaseProps & AriaProps;\n\nexport const EmbeddedIconButton = ({\n isDisabled = false,\n size = 'sm',\n onAction,\n 'aria-label': accessibleLabel,\n 'aria-describedby': ariaDescribedBy,\n 'aria-hidden': ariaHidden = false,\n ...props\n}: Props) => {\n return (\n <BaseButton\n elementDetails={{ type: 'span', isFocusable: false }}\n isDisabled={isDisabled}\n size={size}\n variant={'ghost'}\n styling={['min']}\n onAction={onAction}\n aria-describedby={ariaDescribedBy}\n aria-hidden={ariaHidden}\n aria-label={accessibleLabel}>\n <ButtonLabelLayout\n display={'icons'}\n startIcon={props.children}\n size={size}></ButtonLabelLayout>\n </BaseButton>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;AA+DO,MAAM,kBAAkB,GAAG,CAAC,EACjC,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,aAAa,EAAE,UAAU,GAAG,KAAK,EACjC,GAAG,KAAK,EACF,KAAI;AACV,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,EACpD,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,CAAC,EAChB,QAAQ,EAAE,QAAQ,EACA,kBAAA,EAAA,eAAe,EACpB,aAAA,EAAA,UAAU,EACX,YAAA,EAAA,eAAe,EAC3B,QAAA,EAAAA,GAAA,CAAC,iBAAiB,EAChB,EAAA,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,EACzB,IAAI,EAAE,IAAI,EAAsB,CAAA,EAAA,CACvB,EACb;AACJ;;;;"}
1	+ {"version":3,"file":"EmbeddedIconButton-43cbf075.js","sources":["../../src/PRIVATE_EmbeddedIconButton/EmbeddedIconButton.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChild } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\ntype AriaProps =\n \| {\n /\n The ID of an element (or space separated IDs of multiple elements) that\n * describes the button.\n /\n 'aria-describedby'?: string;\n\n /\n Whether the button should be hidden from screen readers. When true, no aria-label is required.\n /\n 'aria-hidden'?: false;\n\n /\n accessibleLabel - the aria label\n /\n 'aria-label': string;\n }\n \| {\n 'aria-describedby'?: string;\n\n 'aria-hidden': true;\n\n 'aria-label'?: string;\n };\n\ntype BaseProps = {\n /\n Specifies the icon for the button.\n /\n children?: ComponentChild;\n\n /\n Specifies that the button element should be disabled.\n * @default false\n /\n isDisabled?: boolean;\n\n /\n Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n /\n onAction?: () => void \| null;\n\n /\n The size indicates how large the button is rendered. Note that only the ghost variant supports the xs size.\n * @default 'sm'\n */\n size?: 'xs' \| 'sm';\n};\n\ntype Props = BaseProps & AriaProps;\n\nexport const EmbeddedIconButton = ({\n isDisabled = false,\n size = 'sm',\n onAction,\n 'aria-label': accessibleLabel,\n 'aria-describedby': ariaDescribedBy,\n 'aria-hidden': ariaHidden = false,\n ...props\n}: Props) => {\n return (\n <BaseButton\n elementDetails={{ type: 'span', isFocusable: false }}\n isDisabled={isDisabled}\n size={size}\n variant={'ghost'}\n styling={['min']}\n onAction={onAction}\n aria-describedby={ariaDescribedBy}\n aria-hidden={ariaHidden}\n aria-label={accessibleLabel}>\n <ButtonLabelLayout\n display={'icons'}\n startIcon={props.children}\n size={size}></ButtonLabelLayout>\n </BaseButton>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;AA+DO,MAAM,kBAAkB,GAAG,CAAC,EACjC,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,aAAa,EAAE,UAAU,GAAG,KAAK,EACjC,GAAG,KAAK,EACF,KAAI;AACV,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,EACpD,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,CAAC,EAChB,QAAQ,EAAE,QAAQ,EACA,kBAAA,EAAA,eAAe,EACpB,aAAA,EAAA,UAAU,EACX,YAAA,EAAA,eAAe,EAC3B,QAAA,EAAAA,GAAA,CAAC,iBAAiB,EAChB,EAAA,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,EACzB,IAAI,EAAE,IAAI,EAAsB,CAAA,EAAA,CACvB,EACb;AACJ;;;;"}

package/es/{EnvironmentProvider-8792b192.js → EnvironmentProvider-546b7ebd.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { E as EnvironmentContext, D as DefaultEnvironment } from './LayerHost-a54158ef.js';
+import { E as EnvironmentContext, D as DefaultEnvironment } from './LayerHost-12489cef.js';
 import { useMemo, useContext } from 'preact/hooks';
-import { L as LayerManager } from './LayerManager-08585f39.js';
+import { L as LayerManager } from './LayerManager-a62e619b.js';
 // Custom merge function
 function mergeEnvironment(env1, env2) {
@@ -55,4 +55,4 @@ function EnvironmentProvider({ children, environment }) {
 }
 export { EnvironmentProvider as E, RootEnvironmentProvider as R };
-//# sourceMappingURL=EnvironmentProvider-8792b192.js.map
+//# sourceMappingURL=EnvironmentProvider-546b7ebd.js.map

package/es/{EnvironmentProvider-8792b192.js.map → EnvironmentProvider-546b7ebd.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EnvironmentProvider-~~8792b192~~.js","sources":["../../src/UNSAFE_Environment/EnvironmentProvider.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 {\n CompleteEnvironmentType,\n DefaultEnvironment,\n Environment,\n EnvironmentContext,\n RootEnvironment\n} from './EnvironmentContext';\nimport { useContext, useMemo } from 'preact/hooks';\n\nimport { ComponentChildren } from 'preact';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment \| Environment> = {\n environment?: Env;\n children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n env1: CompleteEnvironmentType,\n env2: Partial<RootEnvironment> \| undefined\n) {\n const userValue = Object.assign({}, env1.user, env2?.user);\n const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n // Merge translation values - one level merge\n const targetTranslations = Object.assign({}, env1.translations);\n const sourceTranslations = env2?.translations \|\| {};\n Object.keys(sourceTranslations).forEach((key) => {\n let newVal = sourceTranslations[key];\n if (targetTranslations[key]) {\n // merge is needed\n newVal = Object.assign({}, targetTranslations[key], newVal);\n }\n targetTranslations[key] = newVal;\n });\n\n return {\n user: userValue,\n theme: themeValue,\n translations: targetTranslations,\n colorScheme: env2?.colorScheme ?? env1.colorScheme,\n scale: env2?.scale ?? env1.scale,\n currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,\n mode: env2?.mode ?? env1.mode,\n density: env2?.density ?? env1.density\n };\n}\n\n/\n The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n /\nexport function RootEnvironmentProvider({\n children,\n environment\n}: ProviderProperties<RootEnvironment>) {\n const mergedEnvironment = useMemo(\n () => mergeEnvironment(DefaultEnvironment, environment),\n [environment]\n );\n return (\n <EnvironmentContext.Provider value={mergedEnvironment}>\n <LayerManager>{children}</LayerManager>\n </EnvironmentContext.Provider>\n );\n}\n\n/\n The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n const consumerEnv = useContext(EnvironmentContext);\n const mergedEnvironment = useMemo(\n () => mergeEnvironment(consumerEnv, environment),\n [consumerEnv, environment]\n );\n\n return (\n <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AA0BA;AACA,SAAS,gBAAgB,CACvB,IAA6B,EAC7B,IAA0C,EAAA;AAE1C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC3D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;;AAG9D,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;AAChE,IAAA,MAAM,kBAAkB,GAAG,IAAI,EAAE,YAAY,IAAI,EAAE,CAAC;IACpD,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAC9C,QAAA,IAAI,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACrC,QAAA,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAAE;;AAE3B,YAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;SAC7D;AACD,QAAA,kBAAkB,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AACnC,KAAC,CAAC,CAAC;IAEH,OAAO;AACL,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,YAAY,EAAE,kBAAkB;AAChC,QAAA,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,IAAI,CAAC,WAAW;AAClD,QAAA,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK;AAChC,QAAA,cAAc,EAAE,IAAI,EAAE,cAAc,IAAI,IAAI,CAAC,cAAc;AAC3D,QAAA,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI;AAC7B,QAAA,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,OAAO;KACvC,CAAC;AACJ,CAAC;AAED;;;;;AAKG;SACa,uBAAuB,CAAC,EACtC,QAAQ,EACR,WAAW,EACyB,EAAA;AACpC,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;AACF,IAAA,QACEA,GAAC,CAAA,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EACnDA,IAAC,YAAY,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAgB,CAAA,EAAA,CACX,EAC9B;AACJ,CAAC;AAED;;;;;;;AAOG;SACa,mBAAmB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAmC,EAAA;AAC5F,IAAA,MAAM,WAAW,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,EAChD,CAAC,WAAW,EAAE,WAAW,CAAC,CAC3B,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA+B,EAC/F;AACJ;;;;"}
1	+ {"version":3,"file":"EnvironmentProvider-546b7ebd.js","sources":["../../src/UNSAFE_Environment/EnvironmentProvider.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 {\n CompleteEnvironmentType,\n DefaultEnvironment,\n Environment,\n EnvironmentContext,\n RootEnvironment\n} from './EnvironmentContext';\nimport { useContext, useMemo } from 'preact/hooks';\n\nimport { ComponentChildren } from 'preact';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment \| Environment> = {\n environment?: Env;\n children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n env1: CompleteEnvironmentType,\n env2: Partial<RootEnvironment> \| undefined\n) {\n const userValue = Object.assign({}, env1.user, env2?.user);\n const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n // Merge translation values - one level merge\n const targetTranslations = Object.assign({}, env1.translations);\n const sourceTranslations = env2?.translations \|\| {};\n Object.keys(sourceTranslations).forEach((key) => {\n let newVal = sourceTranslations[key];\n if (targetTranslations[key]) {\n // merge is needed\n newVal = Object.assign({}, targetTranslations[key], newVal);\n }\n targetTranslations[key] = newVal;\n });\n\n return {\n user: userValue,\n theme: themeValue,\n translations: targetTranslations,\n colorScheme: env2?.colorScheme ?? env1.colorScheme,\n scale: env2?.scale ?? env1.scale,\n currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,\n mode: env2?.mode ?? env1.mode,\n density: env2?.density ?? env1.density\n };\n}\n\n/\n The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n /\nexport function RootEnvironmentProvider({\n children,\n environment\n}: ProviderProperties<RootEnvironment>) {\n const mergedEnvironment = useMemo(\n () => mergeEnvironment(DefaultEnvironment, environment),\n [environment]\n );\n return (\n <EnvironmentContext.Provider value={mergedEnvironment}>\n <LayerManager>{children}</LayerManager>\n </EnvironmentContext.Provider>\n );\n}\n\n/\n The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n const consumerEnv = useContext(EnvironmentContext);\n const mergedEnvironment = useMemo(\n () => mergeEnvironment(consumerEnv, environment),\n [consumerEnv, environment]\n );\n\n return (\n <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AA0BA;AACA,SAAS,gBAAgB,CACvB,IAA6B,EAC7B,IAA0C,EAAA;AAE1C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC3D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;;AAG9D,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;AAChE,IAAA,MAAM,kBAAkB,GAAG,IAAI,EAAE,YAAY,IAAI,EAAE,CAAC;IACpD,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAC9C,QAAA,IAAI,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACrC,QAAA,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAAE;;AAE3B,YAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;SAC7D;AACD,QAAA,kBAAkB,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AACnC,KAAC,CAAC,CAAC;IAEH,OAAO;AACL,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,YAAY,EAAE,kBAAkB;AAChC,QAAA,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,IAAI,CAAC,WAAW;AAClD,QAAA,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK;AAChC,QAAA,cAAc,EAAE,IAAI,EAAE,cAAc,IAAI,IAAI,CAAC,cAAc;AAC3D,QAAA,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI;AAC7B,QAAA,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,OAAO;KACvC,CAAC;AACJ,CAAC;AAED;;;;;AAKG;SACa,uBAAuB,CAAC,EACtC,QAAQ,EACR,WAAW,EACyB,EAAA;AACpC,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;AACF,IAAA,QACEA,GAAC,CAAA,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EACnDA,IAAC,YAAY,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAgB,CAAA,EAAA,CACX,EAC9B;AACJ,CAAC;AAED;;;;;;;AAOG;SACa,mBAAmB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAmC,EAAA;AAC5F,IAAA,MAAM,WAAW,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,EAChD,CAAC,WAAW,EAAE,WAAW,CAAC,CAC3B,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA+B,EAC/F;AACJ;;;;"}

package/es/{Expander-f035d214.js → Expander-138433a6.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { E as EmbeddedIconButton } from './EmbeddedIconButton-9027fc97.js';
 import { S as SvgChevronDown } from './ChevronDown-42f09951.js';
 import { S as SvgChevronRight } from './ChevronRight-e0152ded.js';
 import { c as classNames } from './classNames-4e12b00d.js';
+import { E as EmbeddedIconButton } from './EmbeddedIconButton-43cbf075.js';
 const ITEM_SELECTOR = 'oj-collection-expander';
 /**
@@ -24,4 +24,4 @@ const isExpander = (elem) => {
 };
 export { Expander as E, ITEM_SELECTOR as I, isExpander as i };
-//# sourceMappingURL=Expander-f035d214.js.map
+//# sourceMappingURL=Expander-138433a6.js.map

package/es/{Expander-f035d214.js.map → Expander-138433a6.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Expander-~~f035d214~~.js","sources":["../../src/PRIVATE_Expander/Expander.tsx"],"sourcesContent":["import { EmbeddedIconButton } from '#PRIVATE_EmbeddedIconButton';\nimport { ChevronDown } from '#UNSAFE_RedwoodIcons/ChevronDown';\nimport { ChevronRight } from '#UNSAFE_RedwoodIcons/ChevronRight';\nimport { ToggleDetail } from '#UNSAFE_Collection';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = 'oj-collection-expander';\n\n/*\n Props for the Expander component\n /\ntype Props<K> = TestIdProps & {\n /\n The key of the item\n /\n itemKey: K;\n /\n A boolean to indicate whether the expander is expander or collapsed\n /\n expanded: boolean;\n /\n Callback function to invoke when the user expands or collapses the expander.\n /\n onToggle: (detail: ToggleDetail<K>) => void;\n};\n\n/\n The Expander component renders expand and collapse icons in collections.\n */\nexport function Expander<K>({ itemKey, expanded, onToggle }: Props<K>) {\n const classes = classNames([ITEM_SELECTOR]);\n\n const actionHandler = () => {\n onToggle({ value: itemKey });\n };\n\n return (\n <span class={classes}>\n <EmbeddedIconButton\n aria-label={expanded ? 'collapsible' : 'expandable'}\n onAction={actionHandler}>\n {expanded ? <ChevronDown size=\"6x\" /> : <ChevronRight size=\"6x\" />}\n </EmbeddedIconButton>\n </span>\n );\n}\n\nexport const isExpander = (elem: HTMLElement) => {\n if (elem.parentElement && elem.parentElement.classList.contains(ITEM_SELECTOR)) {\n return true;\n }\n return false;\n};\n"],"names":["_jsx","ChevronDown","ChevronRight"],"mappings":";;;;;;;AAOO,MAAM,aAAa,GAAG,yBAAyB;AAoBtD;;AAEG;AACG,SAAU,QAAQ,CAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAY,EAAA;IACnE,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAC/B,KAAC,CAAC;IAEF,QACEA,cAAM,KAAK,EAAE,OAAO,EAClB,QAAA,EAAAA,GAAA,CAAC,kBAAkB,EACL,EAAA,YAAA,EAAA,QAAQ,GAAG,aAAa,GAAG,YAAY,EACnD,QAAQ,EAAE,aAAa,EAAA,QAAA,EACtB,QAAQ,GAAGA,GAAC,CAAAC,cAAW,IAAC,IAAI,EAAC,IAAI,EAAA,CAAG,GAAGD,GAAC,CAAAE,eAAY,IAAC,IAAI,EAAC,IAAI,EAAG,CAAA,EAAA,CAC/C,EAChB,CAAA,EACP;AACJ,CAAC;AAEY,MAAA,UAAU,GAAG,CAAC,IAAiB,KAAI;AAC9C,IAAA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AAC9E,QAAA,OAAO,IAAI,CAAC;KACb;AACD,IAAA,OAAO,KAAK,CAAC;AACf;;;;"}
1	+ {"version":3,"file":"Expander-138433a6.js","sources":["../../src/PRIVATE_Expander/Expander.tsx"],"sourcesContent":["import { EmbeddedIconButton } from '#PRIVATE_EmbeddedIconButton';\nimport { ChevronDown } from '#UNSAFE_RedwoodIcons/ChevronDown';\nimport { ChevronRight } from '#UNSAFE_RedwoodIcons/ChevronRight';\nimport { ToggleDetail } from '#UNSAFE_Collection';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = 'oj-collection-expander';\n\n/*\n Props for the Expander component\n /\ntype Props<K> = TestIdProps & {\n /\n The key of the item\n /\n itemKey: K;\n /\n A boolean to indicate whether the expander is expander or collapsed\n /\n expanded: boolean;\n /\n Callback function to invoke when the user expands or collapses the expander.\n /\n onToggle: (detail: ToggleDetail<K>) => void;\n};\n\n/\n The Expander component renders expand and collapse icons in collections.\n */\nexport function Expander<K>({ itemKey, expanded, onToggle }: Props<K>) {\n const classes = classNames([ITEM_SELECTOR]);\n\n const actionHandler = () => {\n onToggle({ value: itemKey });\n };\n\n return (\n <span class={classes}>\n <EmbeddedIconButton\n aria-label={expanded ? 'collapsible' : 'expandable'}\n onAction={actionHandler}>\n {expanded ? <ChevronDown size=\"6x\" /> : <ChevronRight size=\"6x\" />}\n </EmbeddedIconButton>\n </span>\n );\n}\n\nexport const isExpander = (elem: HTMLElement) => {\n if (elem.parentElement && elem.parentElement.classList.contains(ITEM_SELECTOR)) {\n return true;\n }\n return false;\n};\n"],"names":["_jsx","ChevronDown","ChevronRight"],"mappings":";;;;;;;AAOO,MAAM,aAAa,GAAG,yBAAyB;AAoBtD;;AAEG;AACG,SAAU,QAAQ,CAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAY,EAAA;IACnE,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAC/B,KAAC,CAAC;IAEF,QACEA,cAAM,KAAK,EAAE,OAAO,EAClB,QAAA,EAAAA,GAAA,CAAC,kBAAkB,EACL,EAAA,YAAA,EAAA,QAAQ,GAAG,aAAa,GAAG,YAAY,EACnD,QAAQ,EAAE,aAAa,EAAA,QAAA,EACtB,QAAQ,GAAGA,GAAC,CAAAC,cAAW,IAAC,IAAI,EAAC,IAAI,EAAA,CAAG,GAAGD,GAAC,CAAAE,eAAY,IAAC,IAAI,EAAC,IAAI,EAAG,CAAA,EAAA,CAC/C,EAChB,CAAA,EACP;AACJ,CAAC;AAEY,MAAA,UAAU,GAAG,CAAC,IAAiB,KAAI;AAC9C,IAAA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AAC9E,QAAA,OAAO,IAAI,CAAC;KACb;AACD,IAAA,OAAO,KAAK,CAAC;AACf;;;;"}

package/es/{Flex-97b023db.js → Flex-5befe411.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { u as useTestId } from './useTestId-7f8e69e7.js';
+import { u as useTestId } from './useTestId-e5d44ab1.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { b as boxAlignmentInterpolations } from './boxalignment-51b42a0f.js';
 import { d as dimensionInterpolations } from './dimensions-ddde0eee.js';
@@ -27,4 +27,4 @@ const Flex = ({ children, hasZeroMargins = true, testId, ...props }) => {
 };
 export { Flex as F };
-//# sourceMappingURL=Flex-97b023db.js.map
+//# sourceMappingURL=Flex-5befe411.js.map

package/es/{Flex-97b023db.js.map → Flex-5befe411.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex-~~97b023db~~.js","sources":["../../src/UNSAFE_Flex/Flex.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n TestIdProps & {\n children?: ComponentChildren;\n /\n @default true\n */\n hasZeroMargins?: boolean;\n };\n\nconst interpolations = [\n ...Object.values(dimensionInterpolations),\n ...Object.values(flexboxInterpolations),\n ...Object.values(flexitemInterpolations),\n ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n const { class: cls, ...styles } = styleInterpolations(props);\n const testIdProps = useTestId(testId);\n return (\n <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n {children}\n </div>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC;AACvC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;AACxC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC7C,CAAC;AAEF,MAAM,mBAAmB,GAAG,mBAAmB,CAAQ,cAAc,CAAC,CAAC;AAE1D,MAAA,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAS,KAAI;AACnF,IAAA,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,UAAU,EAAE,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC;AAC1F,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC7D,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,oBAAoB,IAAI,GAAG,CAAA,CAAE,EAAE,KAAK,EAAE,MAAM,EAAM,GAAA,WAAW,YACzE,QAAQ,EAAA,CACL,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"Flex-5befe411.js","sources":["../../src/UNSAFE_Flex/Flex.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n TestIdProps & {\n children?: ComponentChildren;\n /\n @default true\n */\n hasZeroMargins?: boolean;\n };\n\nconst interpolations = [\n ...Object.values(dimensionInterpolations),\n ...Object.values(flexboxInterpolations),\n ...Object.values(flexitemInterpolations),\n ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n const { class: cls, ...styles } = styleInterpolations(props);\n const testIdProps = useTestId(testId);\n return (\n <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n {children}\n </div>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC;AACvC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;AACxC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC7C,CAAC;AAEF,MAAM,mBAAmB,GAAG,mBAAmB,CAAQ,cAAc,CAAC,CAAC;AAE1D,MAAA,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAS,KAAI;AACnF,IAAA,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,UAAU,EAAE,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC;AAC1F,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC7D,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,oBAAoB,IAAI,GAAG,CAAA,CAAE,EAAE,KAAK,EAAE,MAAM,EAAM,GAAA,WAAW,YACzE,QAAQ,EAAA,CACL,EACN;AACJ;;;;"}

package/es/{Floating-eef4ae92.js → Floating-6023b41d.js} RENAMED Viewed

@@ -2,10 +2,10 @@
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { useRef, useState, useLayoutEffect, useMemo, useCallback, useEffect } from 'preact/hooks';
 import { forwardRef } from 'preact/compat';
-import { o as offset, f as flip, l as logicalSide, s as shift, a as limitShift, b as arrow, c as size, u as useFloating, d as autoUpdate } from './useFloating-4f5eed8d.js';
+import { o as offset, f as flip, l as logicalSide, s as shift, a as limitShift, b as arrow, c as size, u as useFloating, d as autoUpdate } from './useFloating-e1167cb9.js';
 import { m as mergeRefs } from './refUtils-76275c69.js';
-import { u as useOutsideClick } from './useOutsideClick-caa3f8ef.js';
-import { u as useUser } from './useUser-2decb9ed.js';
+import { u as useOutsideClick } from './useOutsideClick-73a51e1d.js';
+import { u as useUser } from './useUser-df8ae011.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { r as rgba } from './utils-cfef1929.js';
@@ -462,4 +462,4 @@ const Floating = forwardRef(({ children, backgroundColor, onClickOutside, placem
 });
 export { Floating as F };
-//# sourceMappingURL=Floating-eef4ae92.js.map
+//# sourceMappingURL=Floating-6023b41d.js.map