@oracle/oraclejet-preact 17.1.0 → 17.1.1

package/es/Menu-e44a3e0b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu-e44a3e0b.js","sources":["../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/MenuContainer.tsx","../../src/UNSAFE_Menu/DropdownMenu.tsx","../../src/UNSAFE_Menu/SheetMenu.tsx","../../src/UNSAFE_Menu/Menu.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 */\nimport { useCallback, useMemo } from 'preact/hooks';\n\nimport { MenuCollectionItem } from './menuUtils';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param getPrev function to get the previous key based on the current key\n * @param getNext function to get the next key based on the current key\n * @param getFirstVisible function to get the key of the first available item\n * @param getLastVisible function to get the key of the last available item\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  getPrev: () => string | null,\n  getNext: () => string | null,\n  getFirstVisible: () => string | null,\n  getLastVisible: () => string | null,\n  onChange?: (detail: MenuCollectionItem) => void\n) {\n  const keyDownKeyFunctions = useMemo(() => {\n    return {\n      ArrowDown: getNext,\n      ArrowUp: getPrev,\n      Home: getFirstVisible,\n      End: getLastVisible\n    } as Record<string, (() => string | null) | undefined>;\n  }, [getNext, getPrev, getFirstVisible, getLastVisible]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        const keyFunction = keyDownKeyFunctions[event.key];\n        if (keyFunction && !event.shiftKey) {\n          const key = keyFunction();\n          if (key) {\n            onChange({ key, reason: 'keyboard' });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [onChange, keyDownKeyFunctions]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onKeyDown };\n  return { currentKeyProps };\n}\n","/**\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 { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\nimport { BaseMenuProps } from './Menu';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNext,\n  keyElemExtractor,\n  getLastVisible,\n  getKeyboardCloseProps,\n  getCloseSubmenuEvent,\n  MenuCollectionItem,\n  getNVisible,\n  getMenuContainerFocusMethods,\n  getMenuContainerMouseLeave,\n  getMenuPointerDown\n} from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { MenuContainerContext } from './MenuContainerContext';\nimport { menuStyles } from './themes/MenuStyles.css';\nimport { useTestId } from '../hooks/UNSAFE_useTestId';\n\ntype MenuContainerProps = Omit<\n  BaseMenuProps,\n  'isOpen' | 'defaultPlacement' | 'offsetValue' | 'anchorRef'\n> &\n  Partial<Pick<BaseMenuProps, 'anchorRef'>> & {\n    display: 'sheet' | 'dropdown';\n  };\n\n/*Component where general behavior is handled. Here we controled focus behavior, focus styling, submenu\nopening behavior and current active item behavior. */\nexport const MenuContainer = ({\n  children,\n  'aria-label': ariaLabel,\n  currentFocus = 'menu',\n  display,\n  closeSubmenu,\n  menuId,\n  menuLevel,\n  anchorRef\n}: MenuContainerProps) => {\n  const { onClose, testId } = useMenuContext();\n\n  //Important to know direction so closeSubmenu is handled properly if needed.\n  const { direction } = useUser();\n\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n\n  /*We share same behavior as legacy menu on mouseLeave that is:\n  1. If we mouse leave a menuItem but we still on menuContainer and we are not hovering any other menuItem, we keep \n  the focus on the menuItem and hovering style.\n  2. If we mouseLeave but next target is a submenu we open a submenu. \n  3. If we mouseLeave the container and next target is not a submenu, we reset current key and set the focus on the\n  menuContainer.If we mouseLeaved a submenuItem, submenu is closed.\n  General information used by menuItems:\n  -wasMouseMoved: Used to don't allow mouseEnter callbacks being triggered if mouse was not moved already.\n  -lastMouseLeaveValidatedRelatedTarget: We use bubbling nature of events to first check/validate the related target in onMouseLeave events of \n    menuItems. For menuItems we check if the related target is the menuContainer itself or a submenu. We validate there\n    since at this level we don't have access to any submenu. Everytime mouseEnter triggers at menuContainer we have to compare if both\n    relatedTargets are the same(menuContainer and last menuItem one), if not, this means mouse is now outside of the container.\n  */\n  const menuContainerGeneralInformation = useRef<{\n    wasMouseMoved: boolean;\n    lastMouseLeaveMenuItemdRelatedTarget: HTMLElement | null;\n  }>({\n    wasMouseMoved: false,\n    lastMouseLeaveMenuItemdRelatedTarget: null\n  });\n\n  //Key of the active element on this menu container\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  //State that represents if focused outline styles needs\n  const [showFocusRing, setShowFocusRing] = useState(false);\n\n  //Based on this we would include or not hovering styling. Same as legacy\n  const [isContainerFocused, setIsContainerFocused] = useState(false);\n\n  //Funtion triggered on blur. This is called since if focus is not anymore on the container we would need to do\n  //some validation\n  const blurFunction = () => {\n    if (!menuContainerRef.current?.contains(document.activeElement)) {\n      setShowFocusRing(false);\n      setIsContainerFocused(false);\n    }\n  };\n\n  const focusFunction = () => {\n    setIsContainerFocused(true);\n  };\n\n  const mouseLeaveFunction = (e: MouseEvent) => {\n    //We have to validate if new hover target was already validated correctly, if not this means mouse is now outside container\n    if (\n      !e.relatedTarget ||\n      !(e.relatedTarget as HTMLElement).isEqualNode(\n        menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget\n      )\n    ) {\n      //We reset current key when mouse is outside the container or any submenu. This is how legacy menu works\n      changeKey({\n        key: undefined,\n        reason: 'mouseEnter'\n      });\n      //We focus menuContainer so keyboard navigation can be still used\n      menuContainerRef.current?.focus();\n    }\n  };\n\n  //Function used to change the currentKey\n  const changeKey = useCallback((detail: MenuCollectionItem) => {\n    setCurrentKey(detail.key);\n    if (detail.reason === 'keyboard') {\n      setShowFocusRing(true);\n    } else {\n      setShowFocusRing(false);\n    }\n  }, []);\n\n  //This is used since if mouse overlaps space when menu is rendered, menuItem could trigger menuEnter,\n  // which is not desirable.Once mouse was moved inside container, we could trigger mouseEnter events normally.\n  const selfDestructiveMouseMoveEvent = useCallback(() => {\n    const handler = (e: MouseEvent) => {\n      const keyElem = keyElemExtractor(e.target as HTMLElement);\n      const key = keyElem?.key;\n      const elem = keyElem?.elem;\n      //We will trigger this event until a menuItem is found. Usually this don't take to much to happen\n      if (key && elem) {\n        menuContainerGeneralInformation.current.wasMouseMoved = true;\n        const evt = new MouseEvent('mouseenter');\n        elem.dispatchEvent(evt);\n        menuContainerRef.current?.removeEventListener('mousemove', handler);\n      }\n    };\n    menuContainerRef.current?.addEventListener('mousemove', handler);\n  }, []);\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    getPrevNext(menuContainerRef.current, true, currentKey),\n    getPrevNext(menuContainerRef.current, false, currentKey),\n    () => getNVisible(menuContainerRef.current, 0),\n    () => getLastVisible(menuContainerRef.current),\n    changeKey\n  );\n\n  useEffect(() => {\n    const menuContainer = menuContainerRef.current;\n    let timer: NodeJS.Timeout | undefined;\n    /*TODO: There are some cases where is not safe to focus since \n    visibility initially is hidden at the Floating component at the initial render. Need a way to solve this in a \n    less dirty way (we are now using timeouts). More details on the descripton of JET-57353 */\n    if (currentFocus !== 'none' && menuContainer) {\n      if (currentFocus === 'menu') {\n        changeKey({ key: undefined, reason: 'click' });\n        const focusMenuContainer = () => {\n          menuContainer.focus();\n        };\n        if (display === 'sheet') {\n          focusMenuContainer();\n        } else {\n          // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n          // is visible at that point and can be focused.\n          timer = setTimeout(() => {\n            focusMenuContainer();\n          }, FOCUS_SHIFT_TIMEOUT);\n        }\n      } else if (currentFocus === 'firstItem') {\n        const firstItem = getNVisible(menuContainerRef.current, 0);\n        if (firstItem) {\n          changeKey({ key: firstItem, reason: 'keyboard' });\n        }\n      } else if (currentFocus === 'secondItem') {\n        //This is just used in sheet menu, so no need to set a timeout\n        const item = getNVisible(menuContainerRef.current, 1);\n        if (item) {\n          changeKey({ key: item, reason: 'keyboard' });\n        }\n      }\n    }\n    return () => {\n      //We have to clean timers, because comp can be unmounted after finishing timeouts\n      clearTimeout(timer);\n    };\n  }, [changeKey, currentFocus, menuLevel, display, anchorRef]); // Important to notice we look for a change on the ref object, not it's current value\n\n  useEffect(() => {\n    selfDestructiveMouseMoveEvent();\n  }, [selfDestructiveMouseMoveEvent]);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div\n      {...(menuId && { id: menuId })}\n      ref={menuContainerRef}\n      tabIndex={!currentKey && (menuLevel === 'main' || display === 'sheet') ? 0 : -1}\n      role=\"menu\"\n      aria-label={ariaLabel}\n      class={classNames([\n        menuStyles.menuContainerStyle,\n        menuStyles[`${display}MenuContainerStyle`]\n      ])}\n      {...mergeProps(\n        currentKeyProps,\n        getKeyboardCloseProps(onClose, menuLevel),\n        getCloseSubmenuEvent(direction, closeSubmenu),\n        getMenuContainerFocusMethods(blurFunction, focusFunction),\n        getMenuContainerMouseLeave(mouseLeaveFunction),\n        getMenuPointerDown()\n      )}\n      {...testIdProps}>\n      <MenuContainerContext.Provider\n        value={{\n          /*We use this ref on dropdownSubmenu since unhover only close the menu if menuContainer ref does not include\n          the new element that receives the hovering */\n          menuContainerRef,\n          currentKey,\n          showFocusRing,\n          changeKey,\n          menuContainerGeneralInformation,\n          isContainerFocused\n        }}>\n        {children}\n      </MenuContainerContext.Provider>\n    </div>\n  );\n};\n\n//Temporal constant, will probably be removed with JET-57353\nconst FOCUS_SHIFT_TIMEOUT = 0;\n","import { ComponentProps, RefObject } from 'preact';\nimport { ForwardedRef, forwardRef, useCallback, useRef } from 'preact/compat';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\n\nimport { MenuContainer } from './MenuContainer';\nimport { BaseMenuProps } from './Menu';\nimport { keyElemExtractor } from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { dropdownMenuStyles } from './themes/DropdownMenuStyles.css';\nimport { useOutsideMousedown } from '#hooks/PRIVATE_useOutsideMousedown';\n\ntype DropdownMenuProps = BaseMenuProps & DropdownMenuFloatingProps;\n\ntype FloatingProps = ComponentProps<typeof Floating>;\ntype DropdownMenuFloatingProps = {\n  defaultPlacement: FloatingProps['placement'];\n  offsetValue: FloatingProps['offsetValue'];\n  flipOptions: FloatingProps['flipOptions'];\n};\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-53371\n/*Component used to render a dropdown menu. For now this is just rendered when device is not a phone. */\nexport const DropdownMenu = forwardRef(\n  (\n    {\n      anchorRef,\n      defaultPlacement,\n      offsetValue,\n      closeSubmenu,\n      children,\n      'aria-label': ariaLabel,\n      currentFocus,\n      menuId,\n      menuLevel,\n      flipOptions,\n      isOpen\n    }: DropdownMenuProps,\n    ref?: ForwardedRef<HTMLDivElement>\n  ) => {\n    const floatingRef = useRef<HTMLElement>(null);\n    const { onClose } = useMenuContext();\n\n    const useOutsideClickHandler = useCallback(\n      (e: MouseEvent) => {\n        if (menuLevel === 'sub') return;\n        // Outside click is not considered when menuItem was clicked\n        const menuItemKey = keyElemExtractor(e.target as HTMLElement)?.key;\n        if (!menuItemKey) {\n          onClose?.({ reason: 'outsideClick', target: e.target as Element });\n        }\n      },\n      [onClose, menuLevel]\n    );\n\n    //This will be removed once we start using dropdown comp\n    useOutsideMousedown({\n      ref: [floatingRef],\n      handler: useOutsideClickHandler,\n      isDisabled: !isOpen\n    });\n\n    // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n\n    /* \n    For this comment, we could divide menus in these categories:\n    - Dropdown menus: \"Attached\" to an specific element.\n    - Context menus: \"Attached\" to coords or an specific element.\n    We are passing anchorRef as the logicalParent of the Layer used here, even if we pass coords. So we could say \n    that we are passing an incorrect logicalParentRef for context menus. But, passing coords has no impacts either on \n    accessibility or behavior since this logical parent is only used by legacy collections for dom searching to find \n    dropdown menus. More information about that here:  \n    This comment also applies for sheet menus that in this specific context(relation between logicalParentRef\n    and menu) can be considered \"dropdown menus\"\n    For now using type assertion is safe enough, but it's kind of a dirty solution. This is a point that can be included \n    in near future conversation related to semantics of menus in favor of dividing dropdown and context menu: \n      \n    */\n\n    return (\n      <>\n        {isOpen ? (\n          <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n            <Floating\n              ref={floatingRef}\n              class={dropdownMenuStyles.base}\n              anchorRef={anchorRef}\n              flipOptions={flipOptions}\n              shiftOptions={{\n                mainAxis: false,\n                crossAxis: false\n              }}\n              sizeOptions={{ isMaxHeightAdjusted: true, isMaxWidthAdjusted: true }}\n              //TODO: JET-57950. Need to see how we set 24px boundary.\n              //TODO: Boundaries need to match with the dropdowns used in other comps.  Also figure out how to make it themable.\n              boundaryOptions={{ padding: 0 }}\n              placement={defaultPlacement}\n              offsetValue={offsetValue}>\n              <div\n                //TODO: JET-60745. Add minWidth prop on menu\n                style={{\n                  minWidth: MENU_MIN_WIDTH\n                }}\n                ref={ref}>\n                <MenuContainer\n                  menuLevel={menuLevel}\n                  closeSubmenu={closeSubmenu}\n                  aria-label={ariaLabel}\n                  currentFocus={currentFocus}\n                  menuId={menuId}\n                  display=\"dropdown\"\n                  anchorRef={anchorRef}>\n                  {children}\n                </MenuContainer>\n              </div>\n            </Floating>\n          </Layer>\n        ) : null}\n      </>\n    );\n  }\n);\n\nconst MENU_MIN_WIDTH = 200;\n","import { RefObject, forwardRef } from 'preact/compat';\nimport { useCallback, useEffect } from 'preact/hooks';\n\n//Once Sheet is consumed this will be removed\nimport { useSheetSwipe } from '../UNSAFE_Sheet';\nimport useModal from '../UNSAFE_Modal/hooks/useModal';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport { BaseMenuProps } from './Menu';\nimport { useMenuContext } from './useMenuContext';\nimport { MenuContainer } from './MenuContainer';\nimport { sheetMenuStyles } from './themes/SheetMenuStyles.css';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\nexport type SheetMenuProps = BaseMenuProps;\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => (\n  <div class={sheetMenuStyles.modalWrapper}>{children}</div>\n);\nconst ModalContainer = forwardRef<HTMLDivElement, IntrinsicProps>(({ children }, ref) => (\n  <div class={sheetMenuStyles.modalContainer} ref={ref}>\n    {children}\n  </div>\n));\n//ModalBackdrop on modal folder not setting the style on oj-c enviroment\n//Creating it here so we don't see that issue\nconst ModalBackdrop = ({ backdropVisible = false }) => (\n  <div\n    class={classNames([\n      sheetMenuStyles.modalBackdrop,\n      backdropVisible && sheetMenuStyles.modalBackdropVisible\n    ])}\n  />\n);\n\n//TODO: Start consuming PRIVATE_Sheet. JET-56072\nexport const SheetMenu = ({\n  children,\n  'aria-label': ariaLabel,\n  currentFocus,\n  anchorRef,\n  closeSubmenu,\n  menuLevel\n}: SheetMenuProps) => {\n  const { onClose } = useMenuContext();\n  useEffect(() => {\n    // We set the overflow body as hidden when mounted and revert to original overflow value when is\n    // unmounted. This is done to don't allow backgound being scrolled\n    // This will be handled by modal/popup when ready\n    const initialOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = initialOverflow;\n    };\n  }, []);\n\n  const dismissHandler = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  const { backdropRef } = useModal({ isOpen: true, onBackdropClick: dismissHandler });\n  //TODO: Use useSwipe when it works on components that could scroll.\n  const { swipeProps } = useSheetSwipe(dismissHandler);\n\n  // TODO: For now we are mimicking current modal but using a \"different position setting\" (using absolute positioning instead of flex).\n  // Have to use modal/popup component directly instead doing this composition when that component could satisfy our requirments.\n  return (\n    <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n      <ModalWrapper>\n        <ModalBackdrop backdropVisible={menuLevel === 'main'}></ModalBackdrop>\n        <ModalContainer ref={backdropRef}>\n          <div class={sheetMenuStyles.sheetMenuContainerWrapper} {...swipeProps}>\n            <MenuContainer\n              aria-label={ariaLabel}\n              currentFocus={currentFocus}\n              display=\"sheet\"\n              closeSubmenu={closeSubmenu}\n              menuLevel={menuLevel}>\n              {children}\n            </MenuContainer>\n          </div>\n        </ModalContainer>\n      </ModalWrapper>\n    </Layer>\n  );\n};\n","/**\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';\n\nimport { DropdownMenu } from './DropdownMenu';\nimport { SheetMenu } from './SheetMenu';\nimport { MenuContext } from './MenuContext';\nimport { getIsMobile } from './menuUtils';\nimport { Floating } from '../UNSAFE_Floating';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   Placement offset.\n   Offset displaces the floating element from its core placement along the specified axes. \n   */\n  offsetValue?: FloatingProps['offsetValue'];\n  /**\n   * Set of menu groups or menu items that menu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  'aria-label'?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype CloseDetail =\n  | {\n      //dismissed represents dismissing the menu using esc,tap and on mobile swiping and taping backdrop\n      reason: 'dismissed' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\n// Type only used internally by Sheet and Dropdown menu. If we want to expose both at some point we would need to\n// adjust this type.\nexport type BaseMenuProps = (MainMenu | SubMenu) &\n  Omit<MenuProps, 'onClose' | 'initialFocus'> & {\n    /*None is a valid option here since there are some use cases where a menu is opened and we don't want to focus anything\n    eg. When menu is opened due to a hover on submenuitem\n    When pasing a number, that is index of the element is going to be focused\n    eg. 1 focus the second menuitem\n    We call it currentfocus instead of initialFocus since can change when the menu is already opened. For example\n    if user hover to open a submenu and then click right key.\n    We should comeback to this since we should probably separate current focus so we have initial focus and current focus\n    as internal props of the menu container.*/\n    currentFocus?: 'menu' | 'firstItem' | 'secondItem' | 'none';\n  };\n\ntype MainMenu = {\n  menuLevel: 'main';\n  menuId?: never;\n  closeSubmenu?: never;\n};\n\ntype SubMenu = {\n  menuLevel: 'sub';\n  menuId?: string;\n  closeSubmenu?: () => void;\n};\nconst isMobile = getIsMobile();\n\n// TODO: For context menu case anchorRef is changed typically when trying to opening menu in other place\n// menu initialFocus prop should react also when anchorRef is changed not just when isOpen is changed to true.\n\n/* Component that is exposed to final user to create a menu. Important to notice that this component is just used by\nthe final user to express a main menu. It's not reused by us for submenus (we use SheetMenu and DropdownMenu directly there) */\n\nexport const Menu = ({\n  onClose,\n  isOpen,\n  testId,\n  initialFocus = 'menu',\n  placement = 'bottom-start',\n  offsetValue = 4,\n  ...menuProps\n}: MenuProps & TestIdProps) => {\n  //On close is consumed by the whole menu structure including the main menu and submenu ones.\n  return (\n    <MenuContext.Provider value={{ onClose, isMobile, testId }}>\n      <>\n        {isMobile ? (\n          <>\n            {isOpen ? (\n              <SheetMenu {...menuProps} currentFocus={initialFocus} menuLevel=\"main\"></SheetMenu>\n            ) : null}\n          </>\n        ) : (\n          <DropdownMenu\n            {...menuProps}\n            isOpen={isOpen}\n            currentFocus={initialFocus}\n            menuLevel=\"main\"\n            defaultPlacement={placement}\n            offsetValue={offsetValue}\n            flipOptions={{\n              crossAxis: true,\n              mainAxis: true,\n              fallbackPlacements: [\n                'bottom-start',\n                'bottom-end',\n                'top-start',\n                'top-end',\n                'end-top',\n                'start-top',\n                'end-bottom',\n                'start-bottom'\n              ]\n            }}></DropdownMenu>\n        )}\n      </>\n    </MenuContext.Provider>\n  );\n};\n"],"names":["_jsx","useRef","useCallback","_Fragment","_jsxs"],"mappings":"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"}

package/es/MessageLayer-f09b0a1b.js

@@ -1,58 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { F as Flex } from './Flex-2d51e914.js';
-import { W as WindowOverlay } from './WindowOverlay-de5d0819.js';
-import { u as useUser } from './useUser-bca8cf2d.js';
-import { L as Layer } from './Layer-915d986a.js';
-import 'preact/compat';
-import './LayerHost-7a2149f5.js';
-
-const positions = [
-    'top',
-    'top-left',
-    'top-right',
-    'top-start',
-    'top-end',
-    'bottom',
-    'bottom-left',
-    'bottom-right',
-    'bottom-start',
-    'bottom-end'
-];
-const MessageLayer = ({ children, offset, testId, position = 'bottom' }) => {
-    const side = position.split('-')[0];
-    let windowOverlayOffset;
-    if (typeof offset === 'number') {
-        windowOverlayOffset = { mainAxis: offset, crossAxis: offset };
-    }
-    else if (side == 'top' || side == 'bottom') {
-        windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };
-    }
-    else {
-        windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };
-    }
-    const { direction } = useUser();
-    const isLtr = direction === 'ltr';
-    let windowOverlayPlacement;
-    switch (position) {
-        case 'top-left':
-            windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';
-            break;
-        case 'top-right':
-            windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';
-            break;
-        case 'bottom-left':
-            windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';
-            break;
-        case 'bottom-right':
-            windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';
-            break;
-        default:
-            windowOverlayPlacement = position;
-            break;
-    }
-    return (jsx(Layer, { priority: "messages", level: "topLevel", children: jsx(WindowOverlay, { placement: windowOverlayPlacement, offset: windowOverlayOffset, children: jsx("div", { "data-testid": testId, children: jsx(Flex, { direction: "column", gap: "2x", children: children }) }) }) }));
-};
-
-export { MessageLayer as M, positions as p };
-//# sourceMappingURL=MessageLayer-f09b0a1b.js.map

package/es/MessageLayer-f09b0a1b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageLayer-f09b0a1b.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Layer } from '../UNSAFE_Layer';\n\nconst positions = [\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n] as const;\n\ntype Position = (typeof positions)[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const side = position.split('-')[0];\n  let windowOverlayOffset;\n  if (typeof offset === 'number') {\n    windowOverlayOffset = { mainAxis: offset, crossAxis: offset };\n  } else if (side == 'top' || side == 'bottom') {\n    windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };\n  } else {\n    windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };\n  }\n\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  let windowOverlayPlacement: WindowOverlayPlacement | undefined;\n  switch (position) {\n    case 'top-left':\n      windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';\n      break;\n    case 'top-right':\n      windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';\n      break;\n    case 'bottom-left':\n      windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';\n      break;\n    case 'bottom-right':\n      windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';\n      break;\n    default:\n      windowOverlayPlacement = position;\n      break;\n  }\n  return (\n    <Layer priority=\"messages\" level=\"topLevel\">\n      <WindowOverlay placement={windowOverlayPlacement} offset={windowOverlayOffset}>\n        <div data-testid={testId}>\n          <Flex direction=\"column\" gap=\"2x\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAMA,MAAM,SAAS,GAAG;IAChB,KAAK;IACL,UAAU;IACV,WAAW;IACX,WAAW;IACX,SAAS;IACT,QAAQ;IACR,aAAa;IACb,cAAc;IACd,cAAc;IACd,YAAY;EACH;AAwCX,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAS,KAAI;IAChF,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpC,IAAA,IAAI,mBAAmB,CAAC;AACxB,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;KAC/D;SAAM,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,QAAQ,EAAE;AAC5C,QAAA,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;KACrF;SAAM;AACL,QAAA,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;KACrF;AAED,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAClC,IAAA,IAAI,sBAA0D,CAAC;IAC/D,QAAQ,QAAQ;AACd,QAAA,KAAK,UAAU;YACb,sBAAsB,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;YACzD,MAAM;AACR,QAAA,KAAK,WAAW;YACd,sBAAsB,GAAG,KAAK,GAAG,SAAS,GAAG,WAAW,CAAC;YACzD,MAAM;AACR,QAAA,KAAK,aAAa;YAChB,sBAAsB,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC;YAC/D,MAAM;AACR,QAAA,KAAK,cAAc;YACjB,sBAAsB,GAAG,KAAK,GAAG,YAAY,GAAG,cAAc,CAAC;YAC/D,MAAM;AACR,QAAA;YACE,sBAAsB,GAAG,QAAQ,CAAC;YAClC,MAAM;KACT;AACD,IAAA,QACEA,GAAC,CAAA,KAAK,IAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EACzCA,IAAC,aAAa,EAAA,EAAC,SAAS,EAAE,sBAAsB,EAAE,MAAM,EAAE,mBAAmB,EAC3E,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EACtB,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,YAC9B,QAAQ,EAAA,CACJ,GACH,EACQ,CAAA,EAAA,CACV,EACR;AACJ;;;;"}

package/es/Modal-862b8167.js

@@ -1,255 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs } from 'preact/jsx-runtime';
-import { useRef, useCallback, useEffect, forwardRef } from 'preact/compat';
-import { L as Layer } from './Layer-915d986a.js';
-import './LayerHost-7a2149f5.js';
-import { multiVariantStyles, baseStyle } from './UNSAFE_Modal/themes/ModalStyles.css.js';
-
-/**
- *
- * @param props
- */
-const useModal = (props) => {
-    const { isOpen, onBackdropClick: onBackdropClickProp } = props;
-    const backdropRef = useRef(null);
-    const mouseDownTarget = useRef(null);
-    const onMouseDown = useCallback((event) => {
-        if (backdropRef.current === event.target) {
-            mouseDownTarget.current = event.target;
-        }
-    }, []);
-    const onBackdropClick = useCallback((event) => {
-        if (backdropRef.current === event.target) {
-            event.stopPropagation();
-            // event should originate on the same target
-            if (mouseDownTarget.current === event.target) {
-                onBackdropClickProp?.(event);
-            }
-        }
-    }, [onBackdropClickProp]);
-    useEffect(() => {
-        const modal = backdropRef.current;
-        if (modal) {
-            modal.addEventListener('mousedown', onMouseDown);
-            modal.addEventListener('click', onBackdropClick);
-            return () => {
-                modal.removeEventListener('mousedown', onMouseDown);
-                modal.removeEventListener('click', onBackdropClick);
-            };
-        }
-        return () => { };
-    }, [isOpen, onMouseDown, onBackdropClick]);
-    return {
-        backdropRef
-    };
-};
-
-const ModalBackdrop = forwardRef(({ variant = 'scrim' }, ref) => {
-    const variantClasses = multiVariantStyles({
-        backdrop: variant === 'transparent' ? 'transparent' : 'scrim'
-    });
-    return jsx("div", { ref: ref, class: variantClasses });
-});
-
-/**
- * Returns an array of element's siblings.
- *
- * @param elem
- * @returns
- */
-function getSiblings(elem) {
-    const siblings = [];
-    let sibling = elem.previousSibling;
-    while (sibling != null) {
-        if (sibling.nodeType === 1) {
-            siblings.push(sibling);
-        }
-        sibling = sibling.previousSibling;
-    }
-    sibling = elem.nextSibling;
-    while (sibling != null) {
-        if (sibling.nodeType === 1) {
-            siblings.push(sibling);
-        }
-        sibling = sibling.nextSibling;
-    }
-    return siblings;
-}
-/**
- * Sets aria-hidden=true on Modal ancestors and siblings.
- *
- * @param modal
- * @returns An array of modified elements.
- */
-function setAriaHiddenOnBackgroundElements(modal) {
-    if (!modal.modalRef) {
-        return [];
-    }
-    const ariaHiddenElements = [];
-    let node = modal.modalRef.parentElement;
-    do {
-        if (!node) {
-            break;
-        }
-        const siblings = getSiblings(node);
-        siblings.forEach((elem) => {
-            if (elem.tagName.toLowerCase() !== 'script' && elem.getAttribute('aria-hidden') !== 'true') {
-                ariaHiddenElements.push(elem);
-                elem.setAttribute('aria-hidden', 'true');
-            }
-        });
-        node = node.parentElement;
-    } while (node && node.tagName.toLowerCase() !== 'body');
-    return ariaHiddenElements;
-}
-/**
- * Resets the aria-hidden state on previously aria-hidden elements.
- *
- * @param elements
- */
-function resetAriaHiddenOnBackgroundElements(elements) {
-    elements.forEach((elem) => {
-        elem.removeAttribute('aria-hidden');
-    });
-}
-class ModalManager {
-    constructor() {
-        this.modals = [];
-        this.styleBackup = [];
-    }
-    /**
-     * Registers a modal with ModalManager
-     *
-     * @param modal
-     * @returns
-     */
-    push(modal) {
-        const modalIndex = this._findModalIndex(modal);
-        if (modalIndex !== -1) {
-            // Do not try to register the same modal multiple times
-            return;
-        }
-        this.modals.push({
-            modal: modal,
-            ariaHiddenChildren: setAriaHiddenOnBackgroundElements(modal)
-        });
-        // if this is the first modal in the container, block container scrolling
-        if (this.modals.length === 1) {
-            const ownerDocument = this._getOwnerDocument(modal.modalRef);
-            const scrollContainer = ownerDocument.body;
-            const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
-            if (scrollBarWidth > 1) {
-                // in RTL, scrollbar is on the left
-                const scrollBarLeft = Math.round(document.documentElement.getBoundingClientRect().left) +
-                    document.documentElement.scrollLeft;
-                if (scrollBarLeft) {
-                    this.styleBackup.push({
-                        property: 'padding-left',
-                        value: scrollContainer.style.paddingLeft
-                    });
-                    scrollContainer.style.paddingLeft = `${scrollBarWidth}px`;
-                }
-                else {
-                    this.styleBackup.push({
-                        property: 'padding-right',
-                        value: scrollContainer.style.paddingRight
-                    });
-                    scrollContainer.style.paddingRight = `${scrollBarWidth}px`;
-                }
-            }
-            this.styleBackup.push({ property: 'overflow', value: scrollContainer.style.overflow });
-            this.styleBackup.push({ property: 'overflow-x', value: scrollContainer.style.overflowX });
-            this.styleBackup.push({ property: 'overflow-y', value: scrollContainer.style.overflowY });
-            scrollContainer.style.overflow = 'hidden';
-        }
-    }
-    /**
-     * Unegisters a modal from ModalManager
-     *
-     * @param modal
-     * @returns
-     */
-    pop(modal) {
-        const modalIndex = this._findModalIndex(modal);
-        if (modalIndex === -1) {
-            // modal to be removed not found!'
-            return;
-        }
-        if (modalIndex !== this.modals.length - 1) {
-            // trying to remove modal out of order!
-            return;
-        }
-        const modalDescriptor = this.modals.pop();
-        if (modalDescriptor) {
-            resetAriaHiddenOnBackgroundElements(modalDescriptor?.ariaHiddenChildren);
-        }
-        // if this was the last modal in the container, restore its overflow props
-        if (this.modals.length === 0) {
-            const ownerDocument = this._getOwnerDocument(modal.modalRef);
-            const scrollContainer = ownerDocument.body;
-            this.styleBackup.forEach(({ property, value }) => {
-                scrollContainer.style.setProperty(property, value);
-            });
-        }
-    }
-    isTopModal(modal) {
-        return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;
-    }
-    _findModalIndex(modal) {
-        let index = -1;
-        this.modals.forEach((elem, idx) => {
-            if (elem.modal === modal) {
-                index = idx;
-                return;
-            }
-        });
-        return index;
-    }
-    _getOwnerDocument(node) {
-        return (node && node.ownerDocument) || document;
-    }
-}
-
-// Global ModalManager singleton instance
-const globalModalManager = new ModalManager();
-/**
- * Modal is a low-level component that provides the 'modality' feature with built-in overlay (scrim).
- * It is typically used for building higher-level components (such as 'Dialog' or 'Popup') that need
- * to support modal behavior preventing interaction with the rest of the page while the modal is open.
- */
-const Modal = ({ children, isOpen, onBackdropClick, backdropVariant }) => {
-    // get the global ModalContext instance
-    const modalManager = globalModalManager;
-    const { backdropRef } = useModal({ isOpen, onBackdropClick });
-    // main modal element ref
-    const modalRef = useRef(null);
-    // modal ref cache, required to lookup the item in modal manger when the actual ref is unmounted
-    const modal = useRef({});
-    // populates and returns the modal ref cache
-    const getModal = () => {
-        modal.current.modalRef = modalRef.current;
-        return modal.current;
-    };
-    useEffect(() => {
-        if (isOpen && modalRef.current) {
-            modalManager?.push(getModal());
-        }
-        else {
-            if (modal.current.modalRef) {
-                modalManager?.pop(getModal());
-            }
-        }
-    }, [isOpen, modalManager]);
-    useEffect(() => {
-        const modalRef = modal.current.modalRef;
-        return () => {
-            if (modalRef) {
-                modalManager?.pop(getModal());
-            }
-        };
-    }, [modalManager]);
-    return isOpen ? (jsx(Layer, { children: jsxs("div", { ref: modalRef, class: baseStyle, children: [jsx(ModalBackdrop, { ref: backdropRef, variant: backdropVariant }), children] }) })) : null;
-};
-
-export { Modal as M, useModal as u };
-//# sourceMappingURL=Modal-862b8167.js.map

package/es/Modal-862b8167.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-862b8167.js","sources":["../../src/UNSAFE_Modal/hooks/useModal.ts","../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalManager.ts","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["import { useRef, useCallback, useEffect } from 'preact/compat';\n\nexport type UseModalProps = Readonly<{\n  /**\n   * Determines whether the Modal is open.\n   */\n  isOpen: boolean;\n  /**\n   * On backdrop click callback.\n   */\n  onBackdropClick?: (event: MouseEvent) => void;\n}>;\n\n/**\n *\n * @param props\n */\nexport const useModal = (props: UseModalProps) => {\n  const { isOpen, onBackdropClick: onBackdropClickProp } = props;\n\n  const backdropRef = useRef<HTMLDivElement>(null);\n\n  const mouseDownTarget = useRef<EventTarget | null>(null);\n\n  const onMouseDown = useCallback((event: MouseEvent) => {\n    if (backdropRef.current === event.target) {\n      mouseDownTarget.current = event.target;\n    }\n  }, []);\n\n  const onBackdropClick = useCallback(\n    (event: MouseEvent) => {\n      if (backdropRef.current === event.target) {\n        event.stopPropagation();\n        // event should originate on the same target\n        if (mouseDownTarget.current === event.target) {\n          onBackdropClickProp?.(event);\n        }\n      }\n    },\n    [onBackdropClickProp]\n  );\n\n  useEffect(() => {\n    const modal = backdropRef.current;\n\n    if (modal) {\n      modal.addEventListener('mousedown', onMouseDown);\n      modal.addEventListener('click', onBackdropClick);\n\n      return () => {\n        modal.removeEventListener('mousedown', onMouseDown);\n        modal.removeEventListener('click', onBackdropClick);\n      };\n    }\n\n    return () => {};\n  }, [isOpen, onMouseDown, onBackdropClick]);\n\n  return {\n    backdropRef\n  };\n};\n\nexport default useModal;\n","import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { multiVariantStyles } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the backdrop is visible or transparent. Default is 'scrim' (visible).\n   */\n  variant?: 'scrim' | 'transparent';\n};\n\nconst ModalBackdrop = forwardRef<HTMLDivElement, Props>(\n  ({ variant = 'scrim' }, ref: ForwardedRef<HTMLDivElement | null>) => {\n    const variantClasses = multiVariantStyles({\n      backdrop: variant === 'transparent' ? 'transparent' : 'scrim'\n    });\n\n    return <div ref={ref} class={variantClasses} />;\n  }\n);\n\nexport default ModalBackdrop;\n","interface Modal {\n  modalRef?: HTMLDivElement | null;\n}\n\n/**\n * CSS property backup type.\n */\ntype StyleBackup = Array<{\n  property: string;\n  value: string;\n}>;\n\n/**\n * ModalDescriptor. Associates an open Modal with overlayed aria-hidden children.\n */\ntype ModalDescriptor = {\n  modal: Modal;\n  ariaHiddenChildren: Element[];\n};\n\n/**\n * Returns an array of element's siblings.\n *\n * @param elem\n * @returns\n */\nfunction getSiblings(elem: Element): Element[] {\n  const siblings: Element[] = [];\n  let sibling = elem.previousSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.previousSibling;\n  }\n  sibling = elem.nextSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.nextSibling;\n  }\n  return siblings;\n}\n\n/**\n * Sets aria-hidden=true on Modal ancestors and siblings.\n *\n * @param modal\n * @returns An array of modified elements.\n */\nfunction setAriaHiddenOnBackgroundElements(modal: Modal) {\n  if (!modal.modalRef) {\n    return [];\n  }\n  const ariaHiddenElements: Element[] = [];\n  let node: Element | null = modal.modalRef.parentElement as Element;\n\n  do {\n    if (!node) {\n      break;\n    }\n    const siblings = getSiblings(node);\n    siblings.forEach((elem: Element) => {\n      if (elem.tagName.toLowerCase() !== 'script' && elem.getAttribute('aria-hidden') !== 'true') {\n        ariaHiddenElements.push(elem);\n        elem.setAttribute('aria-hidden', 'true');\n      }\n    });\n    node = node.parentElement;\n  } while (node && node.tagName.toLowerCase() !== 'body');\n\n  return ariaHiddenElements;\n}\n\n/**\n * Resets the aria-hidden state on previously aria-hidden elements.\n *\n * @param elements\n */\nfunction resetAriaHiddenOnBackgroundElements(elements: Element[]) {\n  elements.forEach((elem) => {\n    elem.removeAttribute('aria-hidden');\n  });\n}\n\nexport default class ModalManager {\n  /**\n   * Array of ModalDescriptors managed by ModalManager\n   */\n  private modals: ModalDescriptor[];\n  /**\n   * Backup of the main container's (body) CSS props potentially altered by Modal.\n   */\n  private styleBackup: StyleBackup;\n\n  constructor() {\n    this.modals = [];\n    this.styleBackup = [];\n  }\n\n  /**\n   * Registers a modal with ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  push(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex !== -1) {\n      // Do not try to register the same modal multiple times\n      return;\n    }\n\n    this.modals.push({\n      modal: modal,\n      ariaHiddenChildren: setAriaHiddenOnBackgroundElements(modal)\n    });\n\n    // if this is the first modal in the container, block container scrolling\n    if (this.modals.length === 1) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;\n      if (scrollBarWidth > 1) {\n        // in RTL, scrollbar is on the left\n        const scrollBarLeft =\n          Math.round(document.documentElement.getBoundingClientRect().left) +\n          document.documentElement.scrollLeft;\n\n        if (scrollBarLeft) {\n          this.styleBackup.push({\n            property: 'padding-left',\n            value: scrollContainer.style.paddingLeft\n          });\n          scrollContainer.style.paddingLeft = `${scrollBarWidth}px`;\n        } else {\n          this.styleBackup.push({\n            property: 'padding-right',\n            value: scrollContainer.style.paddingRight\n          });\n          scrollContainer.style.paddingRight = `${scrollBarWidth}px`;\n        }\n      }\n\n      this.styleBackup.push({ property: 'overflow', value: scrollContainer.style.overflow });\n      this.styleBackup.push({ property: 'overflow-x', value: scrollContainer.style.overflowX });\n      this.styleBackup.push({ property: 'overflow-y', value: scrollContainer.style.overflowY });\n\n      scrollContainer.style.overflow = 'hidden';\n    }\n  }\n\n  /**\n   * Unegisters a modal from ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  pop(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex === -1) {\n      // modal to be removed not found!'\n      return;\n    }\n\n    if (modalIndex !== this.modals.length - 1) {\n      // trying to remove modal out of order!\n      return;\n    }\n\n    const modalDescriptor = this.modals.pop();\n\n    if (modalDescriptor) {\n      resetAriaHiddenOnBackgroundElements(modalDescriptor?.ariaHiddenChildren);\n    }\n\n    // if this was the last modal in the container, restore its overflow props\n    if (this.modals.length === 0) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      this.styleBackup.forEach(({ property, value }) => {\n        scrollContainer.style.setProperty(property, value);\n      });\n    }\n  }\n\n  isTopModal(modal: Modal): boolean {\n    return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n  }\n\n  private _findModalIndex(modal: Modal): number {\n    let index = -1;\n    this.modals.forEach((elem, idx) => {\n      if (elem.modal === modal) {\n        index = idx;\n        return;\n      }\n    });\n    return index;\n  }\n\n  private _getOwnerDocument(node: Node | null | undefined): Document {\n    return (node && node.ownerDocument) || document;\n  }\n}\n","import { useEffect, useRef } from 'preact/compat';\nimport { useModal } from './hooks/useModal';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalManager from './ModalManager';\nimport { baseStyle } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// Global ModalManager singleton instance\nconst globalModalManager = new ModalManager();\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps &\n  IntrinsicProps & {\n    /**\n     * Determines if the modal is active.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies if modal backdrop is visible or transparent. Default is 'scrim' (visible).\n     */\n    backdropVariant?: 'scrim' | 'transparent';\n    /**\n     * A callback to be invoked when a click on the modal backdrop occurs.\n     */\n    onBackdropClick?: (event: MouseEvent) => void;\n  };\n\n/**\n * Modal is a low-level component that provides the 'modality' feature with built-in overlay (scrim).\n * It is typically used for building higher-level components (such as 'Dialog' or 'Popup') that need\n * to support modal behavior preventing interaction with the rest of the page while the modal is open.\n */\nconst Modal = ({ children, isOpen, onBackdropClick, backdropVariant }: Props) => {\n  // get the global ModalContext instance\n  const modalManager = globalModalManager;\n\n  const { backdropRef } = useModal({ isOpen, onBackdropClick });\n  // main modal element ref\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  // modal ref cache, required to lookup the item in modal manger when the actual ref is unmounted\n  const modal = useRef<{\n    modalRef?: typeof modalRef.current;\n  }>({});\n\n  // populates and returns the modal ref cache\n  const getModal = () => {\n    modal.current.modalRef = modalRef.current;\n    return modal.current;\n  };\n\n  useEffect(() => {\n    if (isOpen && modalRef.current) {\n      modalManager?.push(getModal());\n    } else {\n      if (modal.current.modalRef) {\n        modalManager?.pop(getModal());\n      }\n    }\n  }, [isOpen, modalManager]);\n\n  useEffect(() => {\n    const modalRef = modal.current.modalRef;\n    return () => {\n      if (modalRef) {\n        modalManager?.pop(getModal());\n      }\n    };\n  }, [modalManager]);\n\n  return isOpen ? (\n    <Layer>\n      <div ref={modalRef} class={baseStyle}>\n        <ModalBackdrop ref={backdropRef} variant={backdropVariant} />\n        {children}\n      </div>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/es/MonthView-3d90f424.js

@@ -1,186 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs } from 'preact/jsx-runtime';
-import { g as getWeeksInMonth, a as getDaysOfWeekNames, b as getStartOfWeek, c as getDatesInWeek } from './dayUtils-82c89582.js';
-import './getFormatParse-4721cf15.js';
-import './logger-c92f309c.js';
-import { f as formatFullCalendarDate, t as toJSDate, i as isDateOutOfRange } from './calendarDateUtils-97ee2944.js';
-import { S as StyledDatePickerButton } from './StyledDatePickerButton-aede0e3c.js';
-import { u as useUser } from './useUser-bca8cf2d.js';
-import { useCallback } from 'preact/compat';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
-import { u as useFocusableCell, a as useCellNavigation } from './useCellNavigation-00d575ca.js';
-import { dayCellStyles } from './PRIVATE_MonthView/themes/DayCellStyles.css.js';
-import { G as Grid } from './Grid-c2385b22.js';
-import { MonthViewRedwoodTheme } from './PRIVATE_MonthView/themes/redwood/MonthViewTheme.js';
-import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
-import { monthViewScaleVars } from './PRIVATE_MonthView/themes/MonthViewContract.css.js';
-import { weekNumberCellStyles, weekNumberStyles } from './PRIVATE_MonthView/themes/WeekNumberCellStyle.css.js';
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.
- * These include the event handlers for keydown and click.
- */
-const useDayCell = ({ date, dayFormatter = defaultDayFormatter, isAdjacentMonth, isDisabled, isFocusable, isFocused, isHidden, isReadonly, isSelected, isToday, onAction, onNavigation }) => {
-    const { locale } = useUser();
-    // apply day formatting
-    const { state } = dayFormatter(date);
-    const isDisabledFormat = state === 'disabled';
-    const isRestrictedFormat = state === 'restricted';
-    // Focus the day cell with isFocused true when the state updates.
-    const buttonProps = useFocusableCell({ isFocusable, isFocused });
-    // Override onAction to not call it if disabled, readonly or restricted
-    const handleAction = useCallback((payload) => {
-        if (isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat)
-            return;
-        onAction(payload);
-    }, [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]);
-    const buttonEventHandlers = useCellNavigation({
-        navigationMap: {
-            ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },
-            ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },
-            ArrowDown: 'nextWeek',
-            ArrowUp: 'previousWeek',
-            PageDown: 'nextMonth',
-            PageUp: 'previousMonth',
-            Home: 'firstDayOfMonth',
-            End: 'lastDayOfMonth',
-            ShiftPageDown: 'nextYear',
-            ShiftPageUp: 'previousYear',
-            CtrlAltT: 'today'
-        },
-        payload: { date },
-        onAction: handleAction,
-        onNavigation
-    });
-    // For accessibility, we want a full date.
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    const today = translations.datePicker_today();
-    const selected = translations.datePicker_selected();
-    const restricted = translations.datePicker_restricted();
-    const formattedDate = formatFullCalendarDate(locale, date, 'day');
-    let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;
-    ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;
-    ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;
-    const dayOfMonth = toJSDate(date.year, date.month, date.day).getDate().toString();
-    return {
-        buttonProps: {
-            'aria-label': ariaLabel,
-            ...((isHidden || isDisabled || isDisabledFormat || isRestrictedFormat) && {
-                'aria-disabled': true
-            }),
-            isActivable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),
-            isAdjacentMonth,
-            isDimmed: isDisabled || isDisabledFormat,
-            isHidden,
-            isHoverable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),
-            isReadonly,
-            isSelected,
-            isRestricted: isRestrictedFormat,
-            isToday,
-            label: dayOfMonth,
-            ...buttonProps,
-            ...buttonEventHandlers
-        }
-    };
-};
-/**
- * A default day formatter that always formats as enabled state.
- */
-const defaultDayFormatter = () => ({ state: 'enabled' });
-
-/**
- * The DayCell is the cell within the DatePicker's month view that contains the day in the month view.
- * This component will format the date for the aria-label.
- * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.
- */
-const DayCell = (props) => {
-    const { buttonProps } = useDayCell(props);
-    // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states
-    return (jsx("div", { role: "gridcell", class: dayCellStyles, children: jsx(StyledDatePickerButton, { ...buttonProps }) }));
-};
-
-/**
- * The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.
- * https://en.wikipedia.org/wiki/ISO_week_date
- * @param date The first date of the week row to be used to calculate the week number
- * @returns the number of week in the year
- */
-const calculateWeekNumber = (date) => {
-    const checkDate = toJSDate(date.year, date.month, date.day);
-    const dayNumber = checkDate.getUTCDay();
-    // For ISO week, we set the start of the week to Monday
-    if (dayNumber !== 1) {
-        checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));
-    }
-    // Find Thursday (day value of 4) of this week
-    checkDate.setUTCDate(checkDate.getUTCDate() + 3);
-    // Create the start of the year date
-    const janFirst = toJSDate(checkDate.getUTCFullYear(), 1, 1);
-    return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;
-};
-/**
- * The WeekNumberCell is the cell at the start of a week's row within the DatePicker's
- * month view that contains the week's number within the year. This displays when
- * the DatePicker's 'weekDisplay' prop is set to 'number'.
- * This component will format the week number for the aria-label.
- */
-const WeekNumberCell = ({ startDateOfWeek }) => {
-    const weekNumber = calculateWeekNumber(startDateOfWeek);
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    return (jsx("div", { "aria-label": translations.datePicker_weekNum({ NUM: String(weekNumber) }), class: weekNumberCellStyles, role: "rowheader", children: jsx("span", { class: weekNumberStyles, children: weekNumber }) }));
-};
-
-/**
- * A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header
- * abbreviations and the days of the month. A MonthView is used inside of a DatePicker
- * along with the DatePickerHeader and the MonthGridView and YearGridView.
- */
-const MonthView = ({ dayFormatter, daysOutsideMonth = 'hidden', isReadonly = false, max, min, onAction, onNavigation, selectedDate, focusableDate, isFocused = false, testId, todaysDate, weekDisplay = 'none' }) => {
-    const { locale } = useUser();
-    const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);
-    const { baseTheme, styles } = useComponentTheme(MonthViewRedwoodTheme, {});
-    const isWeekNumberDisplayed = weekDisplay === 'number';
-    const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;
-    const renderMonthViewHeaderRow = () => {
-        const weekDays = getDaysOfWeekNames(locale, 'short');
-        return (jsxs(Grid, { role: "row", "aria-hidden": "true", gridTemplateColumns: gridTemplateColumns, gap: monthViewScaleVars.columnGap, children: [isWeekNumberDisplayed && jsx("div", { role: "presentation" }), weekDays.map((day) => (jsx("div", { role: "columnheader", class: styles.dayOfTheWeek, children: jsx("span", { children: day }) })))] }));
-    };
-    const renderMonthView = () => {
-        const calendarGrid = [];
-        for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {
-            const startDateOfWeek = getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);
-            const weekDates = getDatesInWeek(weekIndex, startDateOfWeek.year, startDateOfWeek.month, startDateOfWeek.day);
-            const weekCells = weekDates.map((dayCellDate) => {
-                // This figures out the visual state of the DayCell.
-                const isDisabled = isDateOutOfRange(dayCellDate, min, max);
-                // Even if the selected date is out of range, the UX design shows it as selected.
-                const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;
-                const isToday = isSameDate(dayCellDate, todaysDate);
-                const isFocusable = isSameDate(dayCellDate, focusableDate);
-                const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);
-                const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';
-                return (jsx(DayCell, { date: dayCellDate, dayFormatter: dayFormatter, isAdjacentMonth: isAdjacentMonth, isDisabled: isDisabled, isFocusable: isFocusable, isFocused: isFocusable && isFocused, isHidden: isHidden, isReadonly: isReadonly, isSelected: isSelected, isToday: isToday, onAction: onAction, onNavigation: onNavigation }, `${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`));
-            });
-            calendarGrid.push(jsxs(Grid, { role: "row", gridTemplateColumns: gridTemplateColumns, gap: monthViewScaleVars.columnGap, children: [isWeekNumberDisplayed && jsx(WeekNumberCell, { startDateOfWeek: weekDates[0] }), weekCells] }, weekIndex));
-        }
-        return calendarGrid;
-    };
-    const monthViewAriaLabel = formatFullCalendarDate(locale, focusableDate, 'month');
-    return (jsx("div", { class: baseTheme, children: jsxs(Grid, { gap: monthViewScaleVars.rowGap, "aria-label": monthViewAriaLabel, role: "grid", testId: testId, children: [renderMonthViewHeaderRow(), renderMonthView()] }) }));
-};
-function isSameDate(date1, date2) {
-    return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;
-}
-function isOutOfMonth(date1, currentMonthDate) {
-    return date1.month !== currentMonthDate.month;
-}
-
-export { MonthView as M };
-//# sourceMappingURL=MonthView-3d90f424.js.map