@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/es/Dialog-edc4e066.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-edc4e066.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 { LogicalParentRef, LogicalParentRefContext } from '../UNSAFE_Layer/LogicalParentRefContext';\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  closeButtonRef?: RefObject<HTMLDivElement>;\n  cancelBehavior?: CancelBehavior;\n  onClose?: (detail: OnCloseDetail) => void;\n  draggableProps?: DraggableProps;\n  headerDecoration?: 'off' | 'on';\n};\n\nconst StyledDialogHeader = ({\n  children,\n  id,\n  closeButtonRef,\n  cancelBehavior,\n  onClose,\n  draggableProps,\n  headerDecoration = 'on'\n}: DialogHeaderProps) => {\n  const { styles } = useComponentTheme<never, DialogStyles>(DialogRedwoodTheme);\n\n  const isSmallWidth = !useBreakpoints()['md'];\n\n  const classes = classNames([\n    styles.dialogHeaderStyle,\n    isSmallWidth ? styles.dialogHeaderStyleSmall : styles.dialogHeaderStyleDesktop,\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} ref={closeButtonRef}>\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    closeButtonRef?: RefObject<HTMLDivElement>;\n    bodyRef?: RefObject<HTMLDivElement>;\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      closeButtonRef,\n      bodyRef,\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 bodyStyle = classNames([\n      styles.dialogBodyStyle,\n      isSmallWidth ? styles.dialogBodyStyleSmall : styles.dialogBodyStyleDesktop\n    ]);\n\n    const footerStyle = classNames([\n      styles.dialogFooterStyle,\n      isSmallWidth ? styles.dialogFooterStyleSmall : styles.dialogFooterStyleDesktop\n    ]);\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              closeButtonRef={closeButtonRef}\n              draggableProps={draggableProps}>\n              {header}\n            </StyledDialogHeader>\n            <div className={contentStyle} ref={bodyRef}>\n              {children ? <div className={bodyStyle}>{children}</div> : null}\n            </div>\n            <StyledDialogFooter ref={footerRef} style={footerStyle}>\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 closeButtonRef = useRef<HTMLDivElement>(null);\n    const bodyRef = useRef<HTMLDivElement>(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      // Initial focus policy doc:\n      // The first :tabbable element within the dialog body\n      // The first :tabbable element within the dialog footer\n      // The dialog's close button\n      // The dialog itself\n      if (autoFocusRef && autoFocusRef.current) {\n        focusOn(autoFocusRef.current);\n      } else if (bodyRef.current && allTabbableElements(bodyRef.current).length > 0) {\n        // The first :tabbable element within the dialog body\n        focusWithin(bodyRef.current);\n      } else if (footerRef.current && allTabbableElements(footerRef.current).length > 0) {\n        // The first :tabbable element within the dialog footer\n        focusWithin(footerRef.current);\n      } else if (closeButtonRef.current && allTabbableElements(closeButtonRef.current).length > 0) {\n        // The dialog's close button\n        focusWithin(closeButtonRef.current);\n      } else {\n        // The dialog itself\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          closeButtonRef={closeButtonRef}\n          bodyRef={bodyRef}\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    const logicalLauncherRef = launcherRef as LogicalParentRef;\n\n    if (modality === 'modal') {\n      return (\n        <LogicalParentRefContext.Provider value={logicalLauncherRef}>\n          <Modal isOpen={status !== 'unmounted'} onBackdropClick={handleBackdropClick}>\n            {renderDialog()}\n          </Modal>\n        </LogicalParentRefContext.Provider>\n      );\n    } else {\n      return status !== 'unmounted' ? (\n        <Layer logicalParentRef={logicalLauncherRef}>{renderDialog()}</Layer>\n      ) : 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-d30c236f.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { a as SvgCaretRight, S as SvgCaretLeft } from './CaretLeft-5f1cd146.js';
-import { w as withDirectionIcon } from './withDirectionIcon-a8d84a3d.js';
+import { w as withDirectionIcon } from './withDirectionIcon-b725a6d7.js';
 
 /**
  * @license

package/es/DirectionalExpandArrowIcon-00f45fad.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { S as SvgCaretLeft, a as SvgCaretRight } from './CaretLeft-5f1cd146.js';
-import { w as withDirectionIcon } from './withDirectionIcon-a8d84a3d.js';
+import { w as withDirectionIcon } from './withDirectionIcon-b725a6d7.js';
 
 /**
  * @license

package/es/Dropdown-f3f363dc.js

@@ -0,0 +1,322 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, Fragment } from 'preact/jsx-runtime';
+import { useRef, useCallback, useEffect } from 'preact/hooks';
+import { F as Floating } from './Floating-0a11107a.js';
+import { L as Layer } from './Layer-6c27170e.js';
+import 'preact/compat';
+import './LayerHost-3cf255a6.js';
+import { K as KEYS } from './keyboardUtils-986fe923.js';
+import { f as focusWithin } from './tabbableUtils-c8311ec6.js';
+import { u as usePopupAnimation } from './usePopupAnimation-7c5db425.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-e0866d58.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';
+import { u as useEffectEvent } from './useEffectEvent-1bb008cb.js';
+import { g as getClientHints } from './clientHints-a42b510c.js';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Returns the key from the item element
+ */
+const getKey = (item) => {
+    // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the
+    // the actual menuItem we need to do a kebab to camel-case conversion.
+    return item.dataset['ojMenuItemKey'];
+};
+/**
+ * A helper function that return the key of the n available item.
+ */
+const getNVisible = (root, positionIndex) => {
+    if (root) {
+        const items = root.querySelectorAll('[data-oj-menu-item-key]');
+        const positionedItem = items[positionIndex];
+        if (positionedItem) {
+            const key = getKey(positionedItem);
+            if (key) {
+                return key;
+            }
+        }
+    }
+    return null;
+};
+/**
+ * A helper function that return the key of the last available item.
+ */
+const getLastVisible = (root) => {
+    if (root) {
+        const items = root.querySelectorAll('[data-oj-menu-item-key]');
+        const lastItem = items[items.length - 1];
+        if (lastItem) {
+            const key = getKey(lastItem);
+            if (key) {
+                return key;
+            }
+        }
+    }
+    return null;
+};
+/**
+ * A helper function that returns the key of the previous or the next item
+ * given the specified current key
+ */
+const getPrevNext = (root, isPrev, currentKey) => {
+    return () => {
+        if (root) {
+            const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]'));
+            const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);
+            let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);
+            const itemsLastIndex = items.length - 1;
+            if (nextIndex < 0) {
+                nextIndex = itemsLastIndex;
+            }
+            if (nextIndex > itemsLastIndex) {
+                nextIndex = 0;
+            }
+            const key = getKey(items[nextIndex]);
+            return key ? key : null;
+        }
+        return null;
+    };
+};
+/**
+ * A helper function to get the key from an element
+ */
+const keyElemExtractor = (element) => {
+    const elem = element.closest('[data-oj-menu-item-key]');
+    if (elem) {
+        const key = getKey(elem);
+        return key === undefined ? null : { key, elem };
+    }
+    return null;
+};
+/**
+ * Function to get the corresponding keyboard behavior to close the menu.
+ */
+const getKeyboardCloseProps = (onClose, menuLevel) => {
+    const onKeyDown = (event) => {
+        if (event.key === 'Tab') {
+            event.stopPropagation();
+            onClose?.({ reason: 'dismissed' });
+            event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case
+        }
+        else if (event.key === 'Escape' && menuLevel === 'main') {
+            event.stopPropagation();
+            onClose?.({ reason: 'dismissed' });
+        }
+    };
+    return { onKeyDown };
+};
+/**
+ * Function to get the corresponding specific behavior for closing submenu via keyboard
+ */
+const getCloseSubmenuEvent = (direction, closeSubmenu) => {
+    if (!closeSubmenu) {
+        return {};
+    }
+    const onKeyDown = (e) => {
+        if (e.key === 'Escape' ||
+            (direction === 'ltr' && e.key === 'ArrowLeft') ||
+            (direction === 'rtl' && e.key === 'ArrowRight')) {
+            e.stopPropagation();
+            closeSubmenu?.();
+        }
+    };
+    return { onKeyDown };
+};
+/**
+ * Function to get the corresponding specific behavior for opening submenu via keyboard
+ */
+const getOpenSubmenuEvent = (direction, openSubmenu) => {
+    if (!openSubmenu) {
+        return {};
+    }
+    const onKeyDown = (e) => {
+        if (direction === 'ltr') {
+            if (e.key === 'ArrowRight') {
+                openSubmenu?.();
+            }
+        }
+        else {
+            if (e.key === 'ArrowLeft') {
+                openSubmenu?.();
+            }
+        }
+    };
+    return { onKeyDown };
+};
+/**
+ * Functions to get type of device
+ */
+const getIsMobile = () => {
+    const { deviceRenderMode } = getClientHints();
+    return deviceRenderMode === 'phone';
+};
+const getIsIosTablet = () => {
+    const { deviceRenderMode, platform } = getClientHints();
+    return platform === 'ios' && deviceRenderMode === 'tablet';
+};
+/**
+ * Get blur and focus events
+ */
+const getMenuContainerFocusMethods = (blurFunction, focusFunction) => {
+    const onBlur = () => {
+        setTimeout(() => {
+            blurFunction();
+        }, 100);
+    };
+    const onFocus = () => {
+        focusFunction();
+    };
+    return { onBlur, onFocus };
+};
+/**
+ * Set currentKey based on clicking menuItem
+ */
+const getMenuItemClickChangeKey = (key, changeKeyMethod) => {
+    const onClick = () => {
+        changeKeyMethod({ key, reason: 'click' });
+    };
+    return { onClick };
+};
+const getMenuContainerMouseLeave = (mouseLeaveFunction) => {
+    const onMouseLeave = (e) => {
+        mouseLeaveFunction(e);
+    };
+    return { onMouseLeave };
+};
+/**
+ * Function to get the corresponding specific behavior for clicking/touching down menuContainer
+ */
+const getMenuPointerDown = () => {
+    const onPointerDown = (event) => {
+        //We just want to prevent default when element that was
+        //pressed down was not a menu item.
+        const keyElem = keyElemExtractor(event.target);
+        if (!keyElem?.key) {
+            event.preventDefault();
+        }
+    };
+    return { onPointerDown };
+};
+const isMenuChildrenFalsy = (children) => {
+    return !children || (Array.isArray(children) && !children.length);
+};
+
+const DEFAULT_PLACEMENT = 'bottom-start';
+const DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };
+const DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };
+const DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };
+const animationStates = {
+    opening: (node) => {
+        return mergeAnimationStateObjects([
+            SCALE_UP_FULL,
+            {
+                from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },
+                to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }
+            }
+        ], {
+            duration: DURATION_LARGE
+        });
+    }
+};
+//TODO: Add animation to dropdown. JET-62628
+//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950
+function Dropdown({ isOpen = false, anchorRef, children, id, onClose, minWidth, placement = DEFAULT_PLACEMENT, offset = DEFAULT_OFFSET, onPosition, flipOptions = DEFAULT_FLIP_OPTIONS, sizeOptions = DEFAULT_SIZE_OPTIONS, shiftOptions, initialFocus = 'none', onTransitionEnd }) {
+    const dropdownRef = useRef(null);
+    const _onTransitionEnd = useCallback((isOpen) => {
+        if (!isOpen) {
+            onTransitionEnd?.(isOpen);
+            return;
+        }
+        const dropdownElement = dropdownRef.current;
+        if (!dropdownElement) {
+            onTransitionEnd?.(isOpen);
+            return;
+        }
+        // honor firstFocusable initial focus behavior
+        if (initialFocus === 'firstFocusable') {
+            focusWithin(dropdownElement);
+            onTransitionEnd?.(isOpen);
+            return;
+        }
+        // JET-76442 + JET-76109: When VoiceOver is enabled on iOS tablets, we want the first menu item to receive focus.
+        // This is to ensure that VoiceOver announces the menu items correctly and focus does not go to the next tabbable element.
+        if (getIsIosTablet()) {
+            const firstItem = dropdownElement.querySelector('[data-oj-menu-item-key]');
+            if (firstItem) {
+                focusWithin(firstItem);
+            }
+        }
+        onTransitionEnd?.(isOpen);
+    }, [initialFocus]);
+    const { status, setAnimationElementRef, onPosition: onPositionAnimated } = usePopupAnimation({
+        isOpen,
+        placement,
+        isAnimatedOnMount: true,
+        animationStates,
+        onPosition,
+        onTransitionEnd: _onTransitionEnd
+    });
+    const handleMousedownClose = useCallback((event) => {
+        onClose?.({ reason: 'outsideMousedown', target: event.target });
+    }, [onClose]);
+    const handleKeyDown = useCallback((event) => {
+        if (event.defaultPrevented) {
+            return;
+        }
+        switch (event.code) {
+            case KEYS.ESC:
+                onClose?.({ reason: 'dismissed' });
+                break;
+            case KEYS.TAB:
+                onClose?.({ reason: 'dismissed' });
+                break;
+        }
+    }, [onClose]);
+    // use the mousedown event to be consistent with legacy JET
+    useOutsideMousedown({
+        isDisabled: false,
+        ref: [dropdownRef],
+        handler: handleMousedownClose
+    });
+    // useEffectEvent ensures we always access the latest anchorRef.current value inside effects,
+    // without having to include anchorRef in the dependency array and the eslint-disable-next comment
+    const STABLE_getAnchor = useEffectEvent(() => anchorRef?.current);
+    // Restore focus to anchor after Dropdown is closed
+    useEffect(() => {
+        const anchorElement = STABLE_getAnchor();
+        if (!isOpen &&
+            status === 'unmounted' &&
+            anchorElement &&
+            anchorElement instanceof HTMLElement) {
+            if (document.body.contains(anchorElement)) {
+                anchorElement.focus();
+            }
+        }
+    }, [STABLE_getAnchor, isOpen, status]);
+    return (jsx(Fragment, { children: status !== 'unmounted' ? (jsx(Layer, { logicalParentRef: toLogicalParentRef(anchorRef), children: jsx(Floating, { anchorRef: anchorRef, ref: setAnimationElementRef, placement: placement, flipOptions: flipOptions, shiftOptions: shiftOptions, sizeOptions: sizeOptions, offsetValue: offset, onPosition: onPositionAnimated, boundaryOptions: { padding: { top: 8, bottom: 8, left: 0, right: 0 } }, children: jsx("div", { ref: dropdownRef, id: id, class: dropdownStyles.base, style: { minWidth: `${minWidth || 0}px` }, onKeyDown: handleKeyDown, children: jsx(CollectionInteractionContext.Provider, { value: 'embedded', children: children }) }) }) })) : null }));
+}
+function toLogicalParentRef(anchorRef) {
+    const current = anchorRef.current;
+    if (current) {
+        if (current instanceof Element) {
+            return anchorRef;
+        }
+        else if (current[UNSAFE_DOM_ACCESS]) {
+            return anchorRef;
+        }
+    }
+    return null;
+}
+
+export { Dropdown as D, getNVisible as a, getMenuPointerDown as b, getMenuContainerMouseLeave as c, getMenuContainerFocusMethods as d, getCloseSubmenuEvent as e, getKeyboardCloseProps as f, getPrevNext as g, getLastVisible as h, getIsMobile as i, isMenuChildrenFalsy as j, keyElemExtractor as k, getMenuItemClickChangeKey as l, getOpenSubmenuEvent as m };
+//# sourceMappingURL=Dropdown-f3f363dc.js.map

package/es/Dropdown-f3f363dc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-f3f363dc.js","sources":["../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Dropdown/Dropdown.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 */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nexport const getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the n available item.\n */\nexport const getNVisible = (root: HTMLElement | null, positionIndex: number) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const positionedItem = items[positionIndex] as HTMLElement;\n    if (positionedItem) {\n      const key = getKey(positionedItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisible = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1] as HTMLElement;\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNext = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n\n      const key = getKey(items[nextIndex]);\n      return key ? key : null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyElemExtractor = (\n  element: HTMLElement\n): { key: string; elem: HTMLElement } | null => {\n  const elem = element.closest('[data-oj-menu-item-key]') as HTMLElement;\n  if (elem) {\n    const key = getKey(elem as HTMLElement);\n    return key === undefined ? null : ({ key, elem } as { key: string; elem: HTMLElement });\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (\n  onClose: ComponentProps<typeof Menu>['onClose'],\n  menuLevel: 'main' | 'sub'\n) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape' && menuLevel === 'main') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for closing submenu via keyboard\n */\nexport const getCloseSubmenuEvent = (direction: 'ltr' | 'rtl', closeSubmenu?: () => void) => {\n  if (!closeSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (\n      e.key === 'Escape' ||\n      (direction === 'ltr' && e.key === 'ArrowLeft') ||\n      (direction === 'rtl' && e.key === 'ArrowRight')\n    ) {\n      e.stopPropagation();\n      closeSubmenu?.();\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for opening submenu via keyboard\n */\nexport const getOpenSubmenuEvent = (direction: 'ltr' | 'rtl', openSubmenu?: () => void) => {\n  if (!openSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (direction === 'ltr') {\n      if (e.key === 'ArrowRight') {\n        openSubmenu?.();\n      }\n    } else {\n      if (e.key === 'ArrowLeft') {\n        openSubmenu?.();\n      }\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Functions to get type of device\n */\nexport const getIsMobile = () => {\n  const { deviceRenderMode } = getClientHints();\n  return deviceRenderMode === 'phone';\n};\n\nexport const getIsIosTablet = () => {\n  const { deviceRenderMode, platform } = getClientHints();\n  return platform === 'ios' && deviceRenderMode === 'tablet';\n};\n\n/**\n * Get blur and focus events\n */\nexport const getMenuContainerFocusMethods = (\n  blurFunction: () => void,\n  focusFunction: () => void\n) => {\n  const onBlur = () => {\n    setTimeout(() => {\n      blurFunction();\n    }, 100);\n  };\n\n  const onFocus = () => {\n    focusFunction();\n  };\n\n  return { onBlur, onFocus };\n};\n\n/**\n * Set currentKey based on clicking menuItem\n */\nexport const getMenuItemClickChangeKey = (\n  key: string,\n  changeKeyMethod: (payload: { key: string; reason: 'click' | 'mouseEnter' | 'keyboard' }) => void\n) => {\n  const onClick = () => {\n    changeKeyMethod({ key, reason: 'click' });\n  };\n  return { onClick };\n};\n\nexport const getMenuContainerMouseLeave = (mouseLeaveFunction: (e: MouseEvent) => void) => {\n  const onMouseLeave = (e: MouseEvent) => {\n    mouseLeaveFunction(e);\n  };\n  return { onMouseLeave };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item.\n    const keyElem = keyElemExtractor(event.target as HTMLElement);\n    if (!keyElem?.key) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport const isMenuChildrenFalsy = (children: ComponentChildren) => {\n  return !children || (Array.isArray(children) && !children.length);\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n\nexport type MenuCollectionItem = {\n  key?: string;\n  reason: 'mouseEnter' | 'click' | 'keyboard' | 'touch';\n};\n","/**\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, useEffect } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { type FocusableElement, 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';\nimport { useEffectEvent } from '#hooks/PRIVATE_useEffectEvent';\nimport { getIsIosTablet } from '#UNSAFE_Menu/menuUtils';\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  /**\n   * Callback function triggered when the opening animation finishes.\n   */\n  onTransitionEnd?: (value: boolean) => void;\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  onTransitionEnd\n}: Props) {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const _onTransitionEnd = useCallback(\n    (isOpen: boolean) => {\n      if (!isOpen) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      const dropdownElement = dropdownRef.current;\n      if (!dropdownElement) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // honor firstFocusable initial focus behavior\n      if (initialFocus === 'firstFocusable') {\n        focusWithin(dropdownElement);\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // JET-76442 + JET-76109: When VoiceOver is enabled on iOS tablets, we want the first menu item to receive focus.\n      // This is to ensure that VoiceOver announces the menu items correctly and focus does not go to the next tabbable element.\n      if (getIsIosTablet()) {\n        const firstItem =\n          dropdownElement.querySelector<FocusableElement>('[data-oj-menu-item-key]');\n        if (firstItem) {\n          focusWithin(firstItem);\n        }\n      }\n\n      onTransitionEnd?.(isOpen);\n    },\n    [initialFocus]\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: _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  // useEffectEvent ensures we always access the latest anchorRef.current value inside effects,\n  // without having to include anchorRef in the dependency array and the eslint-disable-next comment\n  const STABLE_getAnchor = useEffectEvent(() => anchorRef?.current);\n  // Restore focus to anchor after Dropdown is closed\n  useEffect(() => {\n    const anchorElement = STABLE_getAnchor();\n    if (\n      !isOpen &&\n      status === 'unmounted' &&\n      anchorElement &&\n      anchorElement instanceof HTMLElement\n    ) {\n      if (document.body.contains(anchorElement)) {\n        anchorElement.focus();\n      }\n    }\n  }, [STABLE_getAnchor, isOpen, status]);\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-8237a4ea.js

@@ -0,0 +1,11 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { B as BaseButton } from './BaseButton-feeaaf1c.js';
+import { B as ButtonLabelLayout } from './ButtonLabelLayout-02656ee2.js';
+
+const EmbeddedIconButton = ({ isDisabled = false, size = 'sm', onAction, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, 'aria-hidden': ariaHidden = false, ...props }) => {
+    return (jsx(BaseButton, { elementDetails: { type: 'span', isFocusable: false }, isDisabled: isDisabled, size: size, variant: 'ghost', styling: ['min', 'noUserSelect'], onAction: onAction, "aria-describedby": ariaDescribedBy, "aria-hidden": ariaHidden, "aria-label": accessibleLabel, children: jsx(ButtonLabelLayout, { display: 'icons', startIcon: props.children, size: size }) }));
+};
+
+export { EmbeddedIconButton as E };
+//# sourceMappingURL=EmbeddedIconButton-8237a4ea.js.map

package/es/EmbeddedIconButton-8237a4ea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedIconButton-8237a4ea.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', 'noUserSelect']}\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,EAAE,cAAc,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAAA,kBAAA,EACA,eAAe,EAAA,aAAA,EACpB,UAAU,EAAA,YAAA,EACX,eAAe,EAAA,QAAA,EAC3BA,IAAC,iBAAiB,EAAA,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,EACzB,IAAI,EAAE,IAAI,EAAsB,CAAA,EAAA,CACvB,EACb;AACJ;;;;"}

package/es/EnvironmentProvider-6cf8ed37.js

@@ -0,0 +1,58 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { E as EnvironmentContext, D as DefaultEnvironment } from './LayerHost-3cf255a6.js';
+import { useMemo, useContext } from 'preact/hooks';
+import { L as LayerManager } from './LayerManager-e30fbfd6.js';
+
+// Custom merge function
+function mergeEnvironment(env1, env2) {
+    const userValue = Object.assign({}, env1.user, env2?.user);
+    const themeValue = Object.assign({}, env1.theme, env2?.theme);
+    // Merge translation values - one level merge
+    const targetTranslations = Object.assign({}, env1.translations);
+    const sourceTranslations = env2?.translations || {};
+    Object.keys(sourceTranslations).forEach((key) => {
+        let newVal = sourceTranslations[key];
+        if (targetTranslations[key]) {
+            // merge is needed
+            newVal = Object.assign({}, targetTranslations[key], newVal);
+        }
+        targetTranslations[key] = newVal;
+    });
+    return {
+        user: userValue,
+        theme: themeValue,
+        translations: targetTranslations,
+        colorScheme: env2?.colorScheme ?? env1.colorScheme,
+        scale: env2?.scale ?? env1.scale,
+        currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,
+        mode: env2?.mode ?? env1.mode,
+        density: env2?.density ?? env1.density
+    };
+}
+/**
+ * The RootEnvironmentProvider component bootstraps essential services and
+ * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.
+ * Minimally, the application must load the appropriate translation bundle for the user's locale
+ * and set it on the RootEnvironmentProvider.
+ */
+function RootEnvironmentProvider({ children, environment }) {
+    const mergedEnvironment = useMemo(() => mergeEnvironment(DefaultEnvironment, environment), [environment]);
+    return (jsx(EnvironmentContext.Provider, { value: mergedEnvironment, children: jsx(LayerManager, { children: children }) }));
+}
+/**
+ * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite
+ * environment values for a subtree.
+ * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.
+ * The new environment will be passed to the component's children.
+ * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values
+ * that can be replaced.
+ */
+function EnvironmentProvider({ children, environment }) {
+    const consumerEnv = useContext(EnvironmentContext);
+    const mergedEnvironment = useMemo(() => mergeEnvironment(consumerEnv, environment), [consumerEnv, environment]);
+    return (jsx(EnvironmentContext.Provider, { value: mergedEnvironment, children: children }));
+}
+
+export { EnvironmentProvider as E, RootEnvironmentProvider as R };
+//# sourceMappingURL=EnvironmentProvider-6cf8ed37.js.map

package/es/EnvironmentProvider-6cf8ed37.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentProvider-6cf8ed37.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-0c60d26b.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { E as EmbeddedIconButton } from './EmbeddedIconButton-a1aadc89.js';
+import { E as EmbeddedIconButton } from './EmbeddedIconButton-8237a4ea.js';
 import { S as SvgChevronDown } from './ChevronDown-63b88479.js';
 import { S as SvgChevronRight } from './ChevronRight-500bb8c7.js';
 import { c as classNames } from './classNames-4e12b00d.js';