npm - @oracle/oraclejet-preact - Versions diffs - 14.1.6 → 14.1.7 - Mend

@oracle/oraclejet-preact 14.1.6 → 14.1.7

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

Files changed (1221) hide show

package/es/UNSAFE_Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Menu.js","sources":["../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Menu/MenuContainer.tsx","../../src/UNSAFE_Menu/DropdownMenu.tsx","../../src/UNSAFE_Menu/useMenuSwipe.ts","../../src/UNSAFE_Menu/SheetMenu.tsx","../../src/UNSAFE_Menu/Menu.tsx","../../src/UNSAFE_Menu/useMenuContext.ts","../../src/UNSAFE_Menu/MenuItem.tsx","../../src/UNSAFE_Menu/MenuDivider.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 { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n onClose: ComponentProps<typeof Menu>['onClose'];\n currentKey?: string;\n showFocusRing: boolean;\n};\n\n/\n Context used to pass menu information without having to pass it to menu children props.\n * We want to communicate information down to any interested menu item children.\n /\nconst MenuContext = createContext<Props>({\n onClose: () => null,\n currentKey: undefined,\n showFocusRing: false\n});\n\nexport { MenuContext };\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 /\nimport { useCallback } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\n/\n Hook for handling current key update due to user interaction including keyboard navigation.\n \n @param keyExtractor function to extract the key based on the provided element\n * @param getPrevKey function to get the previous key based on the current key\n * @param getNextKey function to get the next key based on the current key\n * @param getFirstVisibleKey function to get the key of the first available item\n * @param getLastVisibleKey function to get the key of the last available item\n * @param currentKey the current key\n * @param onChange function to invoke if the current key has changed\n * @returns\n /\nexport function useMenuCurrentKey(\n keyExtractor: (element: HTMLElement) => string \| null,\n getPrevKey: () => string \| null,\n getNextKey: () => string \| null,\n getFirstVisibleKey: () => string \| null,\n getLastVisibleKey: () => string \| null,\n currentKey?: string,\n onChange?: (detail: CurrentKeyDetail<string>) => void\n) {\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (onChange) {\n // TODO: support horizontal layout on icon menu (left/right arrow key)\n if (event.key === 'ArrowDown' && !event.shiftKey) {\n const nextKey = getNextKey();\n if (nextKey && currentKey != nextKey) {\n onChange({ value: nextKey });\n }\n event.preventDefault();\n } else if (event.key === 'ArrowUp' && !event.shiftKey) {\n const prevKey = getPrevKey();\n if (prevKey && currentKey != prevKey) {\n onChange({ value: prevKey });\n }\n event.preventDefault();\n } else if (event.key === 'Home') {\n const firstKey = getFirstVisibleKey();\n if (firstKey && currentKey != firstKey) {\n onChange({ value: firstKey });\n }\n event.preventDefault();\n } else if (event.key === 'End') {\n const lastKey = getLastVisibleKey();\n if (lastKey && currentKey != lastKey) {\n onChange({ value: lastKey });\n }\n event.preventDefault();\n }\n }\n },\n [currentKey, getNextKey, getPrevKey, onChange, getFirstVisibleKey, getLastVisibleKey]\n );\n //Capture needed since usePress stop propagation, what produces not triggering this event.\n //We can't stop propagation here, because if we do that, usePress onClick will not be triggered.\n const onClickCapture = useCallback(\n (event: MouseEvent) => {\n if (onChange && !event.shiftKey) {\n const nextKey = keyExtractor(event.target as HTMLElement);\n if (nextKey && currentKey != nextKey) {\n onChange({ value: nextKey });\n }\n }\n },\n [currentKey, keyExtractor, onChange]\n );\n\n const currentKeyProps = onChange == null ? {} : { onClickCapture, 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 { ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\n/\n Returns the key from the item element\n /\nconst 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 first available item.\n /\nexport const getFirstVisibleKey = (root: HTMLElement \| null) => {\n if (root) {\n const firstItem = root.querySelector('[data-oj-menu-item-key]');\n if (firstItem) {\n const key = getKey(firstItem 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 getLastVisibleKey = (root: HTMLElement \| null) => {\n if (root) {\n const items = root.querySelectorAll('[data-oj-menu-item-key]');\n const lastItem = items[items.length - 1];\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 getPrevNextKey = (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 return getKey(items[nextIndex]) \|\| null;\n }\n return null;\n };\n};\n\n/\n A helper function to get the key from an element\n /\nexport const keyExtractor = (element: HTMLElement): string \| null => {\n const item = element.closest('[data-oj-menu-item-key]');\n if (item) {\n const key = getKey(item as HTMLElement);\n return key === undefined ? null : key;\n }\n return null;\n};\n\n/\n Function to get the corresponding keyboard behavior to close the menu.\n /\nexport const getKeyboardCloseProps = (onClose: ComponentProps<typeof Menu>['onClose']) => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\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') {\n onClose?.({ reason: 'dismissed' });\n }\n };\n return { onKeyDown };\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. Using this flag removes issues\n //related to focus visibilty on \"long press\"\n const nextKey = keyExtractor(event.target as HTMLElement);\n if (!nextKey) {\n event.preventDefault();\n }\n };\n return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n previousValue?: T;\n value: T;\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 { ComponentProps } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport { Menu } from './Menu';\nimport { MenuContext } from './MenuContext';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n getPrevNextKey,\n getFirstVisibleKey,\n keyExtractor,\n getLastVisibleKey,\n getKeyboardCloseProps,\n getMenuPointerDown\n} from './menuUtils';\n\ntype MenuProps = ComponentProps<typeof Menu>;\n\ntype MenuContainerProps = Omit<MenuProps, 'isOpen' \| 'anchorRef'> & {\n display: 'sheet' \| 'dropdown';\n};\n\nconst styles = {\n menuContainer: cssProps`${{\n outlineStyle: 'none'\n }}`,\n dropdownMenuContainer: cssProps`${{\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n }}`,\n sheetMenuContainer: cssProps`${{\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n }}`\n};\n\nexport const MenuContainer = ({\n children,\n onClose,\n accessibleLabel,\n initialFocus = 'menu',\n display\n}: MenuContainerProps) => {\n const menuContainerRef = useRef<HTMLDivElement \| null>(null);\n const initialFocusRef = useRef(initialFocus);\n\n const [currentKey, setCurrentKey] = useState<string \| undefined>();\n\n const [possibleFocus, setPossibleFocus] = useState<'pending' \| 'menu' \| 'firstItem'>('pending');\n\n const changeKey = useCallback((detail: CurrentKeyDetail<string>) => {\n setCurrentKey(detail.value);\n setPossibleFocus('firstItem');\n }, []);\n\n const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n (elem: Element \| null) => {\n return !!menuContainerRef.current?.contains(elem);\n },\n ['ArrowUp', 'ArrowDown'],\n (elem: Element) => {\n const nextKey = keyExtractor(elem as HTMLElement);\n return !!nextKey;\n }\n );\n\n const { currentKeyProps } = useMenuCurrentKey(\n (element) => keyExtractor(element),\n getPrevNextKey(menuContainerRef.current, true, currentKey),\n getPrevNextKey(menuContainerRef.current, false, currentKey),\n () => getFirstVisibleKey(menuContainerRef.current),\n () => getLastVisibleKey(menuContainerRef.current),\n currentKey,\n changeKey\n );\n\n useEffect(() => {\n const menuContainer = menuContainerRef.current;\n\n if (menuContainer) {\n if (initialFocusRef.current === 'menu') {\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 setTimeout(() => {\n menuContainer.focus();\n }, 0);\n setPossibleFocus('menu');\n } else {\n const firstItemKey = getFirstVisibleKey(menuContainerRef.current);\n if (firstItemKey) {\n changeKey({ value: firstItemKey });\n } else {\n setPossibleFocus('menu');\n }\n }\n }\n }, [initialFocusRef, changeKey]);\n\n // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n return (\n <div\n ref={menuContainerRef}\n tabIndex={possibleFocus === 'firstItem' ? -1 : 0}\n role=\"menu\"\n aria-label={accessibleLabel}\n class={classNames([styles.menuContainer, styles[`${display}MenuContainer`]])}\n {...mergeProps(\n focusRingProps,\n currentKeyProps,\n getMenuPointerDown(),\n getKeyboardCloseProps(onClose)\n )}>\n <MenuContext.Provider\n value={{\n onClose,\n currentKey,\n showFocusRing\n }}>\n {children}\n </MenuContext.Provider>\n </div>\n );\n};\n","import { ComponentProps, useCallback, useRef } from 'preact/compat';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Floating } from '../UNSAFE_Floating';\n\nimport { MenuContainer } from './MenuContainer';\nimport { Menu } from './Menu';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\n\nconst styles = {\n // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.\n // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.\n base: cssProps`${{\n maxWidth: '90vw',\n width: 'max-content',\n borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)',\n boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)'\n }}`\n};\n\nexport const DropdownMenu = ({\n anchorRef,\n onClose,\n ...dropdownMenuProps\n}: ComponentProps<typeof Menu>) => {\n const floatingRef = useRef<HTMLElement \| null>(null);\n\n const useOutsideClickHandler = useCallback(\n (e: MouseEvent) => {\n onClose?.({ reason: 'outsideClick', target: e.target as Element });\n },\n [onClose]\n );\n\n useOutsideClick({\n ref: [floatingRef],\n handler: useOutsideClickHandler\n });\n\n return (\n <Floating\n class={styles.base}\n ref={floatingRef}\n anchorRef={anchorRef}\n placement=\"bottom-start\"\n offsetValue={{\n mainAxis: 4, //TODO: stable does not have a 4px gap, so we'll need to figure out how to make this themable.\n crossAxis: 0\n }}>\n <div\n style={{\n minWidth: `${\n anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n ? anchorRef.current.offsetWidth\n : MENU_MIN_WIDTH\n }px`\n }}>\n <MenuContainer {...{ onClose, ...dropdownMenuProps }} display=\"dropdown\" />\n </div>\n </Floating>\n );\n};\n\nconst MENU_MIN_WIDTH = 200;\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 { useRef, useCallback } from 'preact/hooks';\n\n/\n threshold: Minimal threshold required before recognizing\n tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n This allows the swipe gesture to be triggered more easily since a User might not move their finger\n in a straight line.\n/\ntype SwipeOptions = {\n threshold?: number;\n maximumTime?: number;\n tolerance?: number;\n isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n direction: 'down';\n};\n\ntype SwipeState = {\n pointerDownId: number \| null;\n startTime: number \| null;\n prevpageX: number;\n prevpageY: number;\n elementScrollTop: number;\n};\n/This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n/\nexport function useMenuSwipe(\n onSwipe: (e: SwipeInfo) => void,\n { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n threshold: 10,\n maximumTime: 300,\n tolerance: 50,\n isDisabled: false\n }\n): { swipeProps: Record<string, any> } {\n const ref = useRef<SwipeState>({\n pointerDownId: 0,\n startTime: null,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n });\n\n const clearSwipe = useCallback(() => {\n ref.current = {\n pointerDownId: null,\n startTime: 0,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n };\n }, []);\n\n const onTouchStart = useCallback(\n (e: TouchEvent) => {\n const touchobj = e.changedTouches[0];\n if (!ref.current.pointerDownId) {\n ref.current = {\n pointerDownId: touchobj.identifier,\n startTime: e.timeStamp,\n prevpageX: touchobj.pageX,\n prevpageY: touchobj.pageY,\n elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n };\n } else {\n clearSwipe();\n }\n },\n [clearSwipe]\n );\n\n const onTouchEnd = useCallback(\n (ev: TouchEvent) => {\n const touchobj = ev.changedTouches[0];\n if (touchobj.identifier === ref.current.pointerDownId) {\n if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n if (\n touchobj.pageY - ref.current.prevpageY > threshold &&\n Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n ref.current.elementScrollTop === 0\n ) {\n onSwipe?.({ direction: 'down' });\n }\n }\n }\n // state would be reset to its original state whether swipe is completed or cancelled\n clearSwipe();\n },\n [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n );\n\n const swipeProps = isDisabled\n ? {}\n : {\n /* event handlers to spread on the target element. /\n onTouchStart,\n onTouchEnd,\n ontouchcancel: clearSwipe\n };\n\n return {\n swipeProps\n };\n}\n","import { ComponentProps } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useEffect } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useMenuSwipe } from './useMenuSwipe';\nimport useModal from '../UNSAFE_Modal/hooks/useModal';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\nimport { Menu } from './Menu';\nimport { MenuContainer } from './MenuContainer';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\nconst styles = {\n modalWrapper: cssProps`${{\n position: 'fixed',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n zIndex: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-z-index-popup)'\n }}`,\n modalContainer: cssProps`${{\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n }}`,\n sheetMenuContainerWrapper: cssProps`${{\n borderRadius: '16px 16px 0 0',\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)',\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n maxHeight: 'calc(100% - 96px)',\n overflowY: 'auto',\n overscrollBehaviorY: 'contain',\n touchAction: 'pan-y',\n userSelect: 'none'\n }}`,\n modalBackdrop: cssProps`${{\n position: 'absolute',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-scrim-color)'\n }}`\n};\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => (\n <div class={styles.modalWrapper}>{children}</div>\n);\nconst ModalContainer = forwardRef<HTMLDivElement, IntrinsicProps>(({ children }, ref) => (\n <div class={styles.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 = () => <div class={styles.modalBackdrop} />;\n\nexport const SheetMenu = ({\n onClose,\n ...menuProps\n}: Omit<ComponentProps<typeof Menu>, 'anchorRef'>) => {\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 { modalRef } = useModal({ isOpen: true, onBackdropClick: dismissHandler });\n //TODO: Use useSwipe when it works on components that could scroll.\n const { swipeProps } = useMenuSwipe(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 <ModalWrapper>\n <ModalBackdrop></ModalBackdrop>\n <ModalContainer ref={modalRef}>\n <div class={styles.sheetMenuContainerWrapper} {...swipeProps}>\n <MenuContainer {...{ ...menuProps, onClose }} display=\"sheet\"></MenuContainer>\n </div>\n </ModalContainer>\n </ModalWrapper>\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 { RefObject, ComponentChildren } from 'preact';\n\nimport { Layer } from '../UNSAFE_Layer';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { DropdownMenu } from './DropdownMenu';\nimport { SheetMenu } from './SheetMenu';\n\ntype MenuProps = {\n /\n Trigger element reference\n /\n anchorRef: RefObject<HTMLElement>;\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 accessibleLabel?: string;\n /\n Determines focus behavior when the menu is opened.\n /\n initialFocus?: 'menu' \| 'firstItem';\n};\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\nconst { deviceType } = getClientHints();\nconst isMobile = deviceType === 'phone';\nexport const Menu = ({ isOpen, anchorRef, ...menuProps }: MenuProps) => {\n // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n return !isOpen ? null : (\n <Layer logicalParentRef={anchorRef}>\n {isMobile ? <SheetMenu {...menuProps} /> : <DropdownMenu {...{ anchorRef, ...menuProps }} />}\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 { useContext } from 'preact/hooks';\n\nimport { MenuContext } from './MenuContext';\n\n/\n Utility hook for consuming the MenuContext\n \n @returns The value of MenuContext provider\n /\nfunction useMenuContext() {\n return useContext(MenuContext);\n}\n\nexport { useMenuContext };\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 /\nimport { useLayoutEffect, useRef, useMemo } from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { useMenuContext } from './useMenuContext';\n\nconst styles = {\n menuItemContainer: cssProps`${{\n cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important',\n width: '100%',\n paddingTop: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n paddingBottom: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding)',\n paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding)',\n boxSizing: 'border-box',\n minHeight: 'var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height)',\n display: 'flex',\n textAlign: 'start',\n alignItems: 'center',\n textDecorationLine: 'none !important',\n outlineStyle: 'none'\n }}`,\n focused: cssProps`${{\n outlineStyle: 'dotted',\n outlineOffset: '1px',\n outlineWidth: '1px',\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n }}`,\n variant: {\n default: {\n menuItemContainer: cssProps`${{\n / Color seems to change in active state due to a:active selector added on oj-c enviroment\n because of this we have to set color here again. Same happens on disabled which\n can't set pointerEvents as none since disabled items can receive focus /\n '&:active': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n },\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n }}`,\n hover: cssProps`${{\n // @ts-ignore\n '&:not(:active)': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n }\n }}`,\n pseudohover: cssProps`${{\n // @ts-ignore\n '@media(hover: hover)': {\n '&:hover:not(:active)': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n }\n }\n }}`\n },\n destructive: {\n menuItemContainer: cssProps`${{\n '&:active': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n },\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low)'\n }}`,\n hover: cssProps`${{\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n }}`,\n pseudohover: cssProps`${{\n // @ts-ignore\n '@media(hover: hover)': {\n '&:hover': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n }\n }\n }}`\n }\n },\n iconLabelContainer: cssProps`${{\n display: 'flex',\n alignItems: 'center',\n overflowX: 'hidden',\n overflowY: 'hidden'\n }}`,\n labelContainer: cssProps`${{\n flexGrow: 1,\n minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n }}`,\n iconContainer: cssProps`${{\n flexShrink: 0,\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n width: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n }}`,\n startIconContainer: cssProps`${{\n marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding)'\n }}`,\n endIconContainer: cssProps`${{\n marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding)'\n }}`,\n disabledContainer: cssProps`${{\n cursor: 'default !important',\n '&:active': {\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n },\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n }}`\n};\n\ntype BaseMenuItemProps = (SimpleMenuItemProps \| SelectMenuItemProps) & BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n label: string;\n onAction?: () => void;\n startIcon?: ComponentChildren;\n endIcon?: ComponentChildren;\n isDisabled?: boolean;\n};\n\ntype SimpleMenuItemProps = {\n role: 'menuitem';\n variant?: 'default' \| 'destructive';\n isChecked?: never;\n};\n\ntype SelectMenuItemProps = {\n role: 'menuitemcheckbox' \| 'menuitemradio';\n variant?: never;\n isChecked?: boolean;\n};\n\ntype MenuItemProps = BaseBaseMenuItemProps & {\n variant?: 'default' \| 'destructive';\n};\n\nexport function MenuItem(props: MenuItemProps) {\n return <BaseMenuItem {...props} role=\"menuitem\"></BaseMenuItem>;\n}\n\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport function BaseMenuItem({\n label,\n onAction,\n startIcon,\n endIcon,\n role,\n isChecked,\n isDisabled = false,\n variant = 'default'\n}: BaseMenuItemProps) {\n const { onClose, currentKey, showFocusRing } = useMenuContext();\n\n const uniqueID = useId();\n const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n const isCurrent = currentKey === id;\n\n const menuItemRef = useRef<HTMLAnchorElement \| null>(null);\n\n const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n\n const handleItemSelection = () => {\n onClose?.({ reason: 'itemAction' });\n onAction?.();\n };\n\n const { pressProps } = usePress(handleItemSelection, { isDisabled });\n\n useLayoutEffect(() => {\n if (isCurrent) {\n menuItemRef.current?.focus();\n }\n }, [isCurrent]);\n\n const menuItemContainerClasses = classNames([\n styles.menuItemContainer,\n !isDisabled && styles.variant[variant].menuItemContainer,\n isDisabled && styles.disabledContainer,\n !isHybrid && !isDisabled && styles.variant[variant].pseudohover,\n isHybrid && isHover && !isDisabled && styles.variant[variant].hover,\n isCurrent && !!showFocusRing && styles.focused\n ]);\n\n const startIconContainerClasses = classNames([\n styles.iconLabelContainer,\n styles.iconContainer,\n styles.startIconContainer\n ]);\n\n const labelContainerClasses = classNames([styles.iconLabelContainer, styles.labelContainer]);\n\n const endIconContainerClasses = classNames([\n styles.iconLabelContainer,\n styles.iconContainer,\n styles.endIconContainer\n ]);\n\n return (\n <a\n ref={menuItemRef}\n class={menuItemContainerClasses}\n {...mergeProps(hoverProps, pressProps)}\n role={role}\n data-oj-menu-item-key={id}\n {...(isDisabled && { 'aria-disabled': true })}\n {...(role !== 'menuitem' && { 'aria-checked': isChecked })}\n tabIndex={isCurrent ? 0 : -1}>\n {startIcon && <span class={startIconContainerClasses}>{startIcon}</span>}\n <span class={labelContainerClasses}>\n <Text variant=\"inherit\" size=\"md\">\n {label}\n </Text>\n </span>\n {endIcon && <span class={endIconContainerClasses}>{endIcon}</span>}\n </a>\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 { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { Divider } from '../UNSAFE_Divider';\n\nconst styles = {\n menuDividerContainer: cssProps`${{\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)'\n }}`\n};\n\nexport function MenuDivider() {\n return (\n <div class={styles.menuDividerContainer}>\n <Divider />\n </div>\n );\n}\n"],"names":["styles","MenuContainer","children","onClose","accessibleLabel","initialFocus","display","menuContainerRef","useRef","initialFocusRef","changeKey","useCallback","detail","setCurrentKey","value","_a","current","contains","elem","nextKey","keyExtractor","currentKeyProps","useMenuCurrentKey","element","getPrevNextKey","currentKey","getFirstVisibleKey","getLastVisibleKey","menuContainer","firstItemKey","_jsx","Object","assign","ref","tabIndex","possibleFocus","role","class","classNames","mergeProps","focusRingProps","getMenuPointerDown","getKeyboardCloseProps","MenuContext","Provider","DropdownMenu","floatingRef","useOutsideClickHandler","e","reason","target","useOutsideClick","handler","mainAxis","crossAxis","minWidth","anchorRef","offsetWidth","MENU_MIN_WIDTH","dropdownMenuProps","ModalWrapper","modalWrapper","ModalContainer","forwardRef","modalContainer","ModalBackdrop","modalBackdrop","SheetMenu","menuProps","__rest","dismissHandler","modalRef","useModal","isOpen","onBackdropClick","_jsxs","sheetMenuContainerWrapper","swipeProps","variant","default","destructive","MenuItem","props","isHybrid","getClientHints","hoverSupport","BaseMenuItem","label","onAction","startIcon","endIcon","isChecked","isDisabled","uniqueID","useId","id","useMemo","isCurrent","menuItemRef","hoverProps","isHover","useHover","pressProps","usePress","handleItemSelection","focus","menuItemContainer","pseudohover","hover","showFocusRing","focused","iconLabelContainer","iconContainer","startIconContainer","labelContainerClasses","labelContainer","endIconContainer","MenuDivider","menuDividerContainer","Divider"],"mappings":"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"}
1	+ {"version":3,"file":"UNSAFE_Menu.js","sources":["../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Menu/MenuContainer.tsx","../../src/UNSAFE_Menu/DropdownMenu.tsx","../../src/UNSAFE_Menu/useMenuSwipe.ts","../../src/UNSAFE_Menu/SheetMenu.tsx","../../src/UNSAFE_Menu/Menu.tsx","../../src/UNSAFE_Menu/useMenuContext.ts","../../src/UNSAFE_Menu/MenuItem.tsx","../../src/UNSAFE_Menu/MenuDivider.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 { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n onClose: ComponentProps<typeof Menu>['onClose'];\n currentKey?: string;\n showFocusRing: boolean;\n};\n\n/\n Context used to pass menu information without having to pass it to menu children props.\n * We want to communicate information down to any interested menu item children.\n /\nconst MenuContext = createContext<Props>({\n onClose: () => null,\n currentKey: undefined,\n showFocusRing: false\n});\n\nexport { MenuContext };\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 /\nimport { useCallback } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\n/\n Hook for handling current key update due to user interaction including keyboard navigation.\n \n @param keyExtractor function to extract the key based on the provided element\n * @param getPrevKey function to get the previous key based on the current key\n * @param getNextKey function to get the next key based on the current key\n * @param getFirstVisibleKey function to get the key of the first available item\n * @param getLastVisibleKey function to get the key of the last available item\n * @param currentKey the current key\n * @param onChange function to invoke if the current key has changed\n * @returns\n /\nexport function useMenuCurrentKey(\n keyExtractor: (element: HTMLElement) => string \| null,\n getPrevKey: () => string \| null,\n getNextKey: () => string \| null,\n getFirstVisibleKey: () => string \| null,\n getLastVisibleKey: () => string \| null,\n currentKey?: string,\n onChange?: (detail: CurrentKeyDetail<string>) => void\n) {\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (onChange) {\n // TODO: support horizontal layout on icon menu (left/right arrow key)\n if (event.key === 'ArrowDown' && !event.shiftKey) {\n const nextKey = getNextKey();\n if (nextKey && currentKey != nextKey) {\n onChange({ value: nextKey });\n }\n event.preventDefault();\n } else if (event.key === 'ArrowUp' && !event.shiftKey) {\n const prevKey = getPrevKey();\n if (prevKey && currentKey != prevKey) {\n onChange({ value: prevKey });\n }\n event.preventDefault();\n } else if (event.key === 'Home') {\n const firstKey = getFirstVisibleKey();\n if (firstKey && currentKey != firstKey) {\n onChange({ value: firstKey });\n }\n event.preventDefault();\n } else if (event.key === 'End') {\n const lastKey = getLastVisibleKey();\n if (lastKey && currentKey != lastKey) {\n onChange({ value: lastKey });\n }\n event.preventDefault();\n }\n }\n },\n [currentKey, getNextKey, getPrevKey, onChange, getFirstVisibleKey, getLastVisibleKey]\n );\n //Capture needed since usePress stop propagation, what produces not triggering this event.\n //We can't stop propagation here, because if we do that, usePress onClick will not be triggered.\n const onClickCapture = useCallback(\n (event: MouseEvent) => {\n if (onChange && !event.shiftKey) {\n const nextKey = keyExtractor(event.target as HTMLElement);\n if (nextKey && currentKey != nextKey) {\n onChange({ value: nextKey });\n }\n }\n },\n [currentKey, keyExtractor, onChange]\n );\n\n const currentKeyProps = onChange == null ? {} : { onClickCapture, 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 { ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\n/\n Returns the key from the item element\n /\nconst 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 first available item.\n /\nexport const getFirstVisibleKey = (root: HTMLElement \| null) => {\n if (root) {\n const firstItem = root.querySelector('[data-oj-menu-item-key]');\n if (firstItem) {\n const key = getKey(firstItem 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 getLastVisibleKey = (root: HTMLElement \| null) => {\n if (root) {\n const items = root.querySelectorAll('[data-oj-menu-item-key]');\n const lastItem = items[items.length - 1];\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 getPrevNextKey = (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 return getKey(items[nextIndex]) \|\| null;\n }\n return null;\n };\n};\n\n/\n A helper function to get the key from an element\n /\nexport const keyExtractor = (element: HTMLElement): string \| null => {\n const item = element.closest('[data-oj-menu-item-key]');\n if (item) {\n const key = getKey(item as HTMLElement);\n return key === undefined ? null : key;\n }\n return null;\n};\n\n/\n Function to get the corresponding keyboard behavior to close the menu.\n /\nexport const getKeyboardCloseProps = (onClose: ComponentProps<typeof Menu>['onClose']) => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\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') {\n onClose?.({ reason: 'dismissed' });\n }\n };\n return { onKeyDown };\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. Using this flag removes issues\n //related to focus visibilty on \"long press\"\n const nextKey = keyExtractor(event.target as HTMLElement);\n if (!nextKey) {\n event.preventDefault();\n }\n };\n return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n previousValue?: T;\n value: T;\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 { ComponentProps } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport { Menu } from './Menu';\nimport { MenuContext } from './MenuContext';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n getPrevNextKey,\n getFirstVisibleKey,\n keyExtractor,\n getLastVisibleKey,\n getKeyboardCloseProps,\n getMenuPointerDown\n} from './menuUtils';\n\ntype MenuProps = ComponentProps<typeof Menu>;\n\ntype MenuContainerProps = Omit<MenuProps, 'isOpen' \| 'anchorRef'> & {\n display: 'sheet' \| 'dropdown';\n};\n\nconst styles = {\n menuContainer: cssProps`${{\n outlineStyle: 'none'\n }}`,\n dropdownMenuContainer: cssProps`${{\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n }}`,\n sheetMenuContainer: cssProps`${{\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n }}`\n};\n\nexport const MenuContainer = ({\n children,\n onClose,\n accessibleLabel,\n initialFocus = 'menu',\n display\n}: MenuContainerProps) => {\n const menuContainerRef = useRef<HTMLDivElement \| null>(null);\n const initialFocusRef = useRef(initialFocus);\n\n const [currentKey, setCurrentKey] = useState<string \| undefined>();\n\n const [possibleFocus, setPossibleFocus] = useState<'pending' \| 'menu' \| 'firstItem'>('pending');\n\n const changeKey = useCallback((detail: CurrentKeyDetail<string>) => {\n setCurrentKey(detail.value);\n setPossibleFocus('firstItem');\n }, []);\n\n const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n (elem: Element \| null) => {\n return !!menuContainerRef.current?.contains(elem);\n },\n ['ArrowUp', 'ArrowDown'],\n (elem: Element) => {\n const nextKey = keyExtractor(elem as HTMLElement);\n return !!nextKey;\n }\n );\n\n const { currentKeyProps } = useMenuCurrentKey(\n (element) => keyExtractor(element),\n getPrevNextKey(menuContainerRef.current, true, currentKey),\n getPrevNextKey(menuContainerRef.current, false, currentKey),\n () => getFirstVisibleKey(menuContainerRef.current),\n () => getLastVisibleKey(menuContainerRef.current),\n currentKey,\n changeKey\n );\n\n useEffect(() => {\n const menuContainer = menuContainerRef.current;\n\n if (menuContainer) {\n if (initialFocusRef.current === 'menu') {\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 setTimeout(() => {\n menuContainer.focus();\n }, 0);\n setPossibleFocus('menu');\n } else {\n const firstItemKey = getFirstVisibleKey(menuContainerRef.current);\n if (firstItemKey) {\n changeKey({ value: firstItemKey });\n } else {\n setPossibleFocus('menu');\n }\n }\n }\n }, [initialFocusRef, changeKey]);\n\n // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n return (\n <div\n ref={menuContainerRef}\n tabIndex={possibleFocus === 'firstItem' ? -1 : 0}\n role=\"menu\"\n aria-label={accessibleLabel}\n class={classNames([styles.menuContainer, styles[`${display}MenuContainer`]])}\n {...mergeProps(\n focusRingProps,\n currentKeyProps,\n getMenuPointerDown(),\n getKeyboardCloseProps(onClose)\n )}>\n <MenuContext.Provider\n value={{\n onClose,\n currentKey,\n showFocusRing\n }}>\n {children}\n </MenuContext.Provider>\n </div>\n );\n};\n","import { ComponentProps, useCallback, useRef } from 'preact/compat';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Floating } from '../UNSAFE_Floating';\n\nimport { MenuContainer } from './MenuContainer';\nimport { Menu } from './Menu';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\n\nconst styles = {\n // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.\n // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.\n base: cssProps`${{\n maxWidth: '90vw',\n width: 'max-content',\n borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)',\n boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)'\n }}`\n};\n\nexport const DropdownMenu = ({\n anchorRef,\n onClose,\n ...dropdownMenuProps\n}: ComponentProps<typeof Menu>) => {\n const floatingRef = useRef<HTMLElement \| null>(null);\n\n const useOutsideClickHandler = useCallback(\n (e: MouseEvent) => {\n onClose?.({ reason: 'outsideClick', target: e.target as Element });\n },\n [onClose]\n );\n\n useOutsideClick({\n ref: [floatingRef],\n handler: useOutsideClickHandler\n });\n\n return (\n <Floating\n class={styles.base}\n ref={floatingRef}\n anchorRef={anchorRef}\n placement=\"bottom-start\"\n offsetValue={{\n mainAxis: 4, //TODO: stable does not have a 4px gap, so we'll need to figure out how to make this themable.\n crossAxis: 0\n }}>\n <div\n style={{\n minWidth: `${\n anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n ? anchorRef.current.offsetWidth\n : MENU_MIN_WIDTH\n }px`\n }}>\n <MenuContainer {...{ onClose, ...dropdownMenuProps }} display=\"dropdown\" />\n </div>\n </Floating>\n );\n};\n\nconst MENU_MIN_WIDTH = 200;\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 { useRef, useCallback } from 'preact/hooks';\n\n/\n threshold: Minimal threshold required before recognizing\n tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n This allows the swipe gesture to be triggered more easily since a User might not move their finger\n in a straight line.\n/\ntype SwipeOptions = {\n threshold?: number;\n maximumTime?: number;\n tolerance?: number;\n isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n direction: 'down';\n};\n\ntype SwipeState = {\n pointerDownId: number \| null;\n startTime: number \| null;\n prevpageX: number;\n prevpageY: number;\n elementScrollTop: number;\n};\n/This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n/\nexport function useMenuSwipe(\n onSwipe: (e: SwipeInfo) => void,\n { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n threshold: 10,\n maximumTime: 300,\n tolerance: 50,\n isDisabled: false\n }\n): { swipeProps: Record<string, any> } {\n const ref = useRef<SwipeState>({\n pointerDownId: 0,\n startTime: null,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n });\n\n const clearSwipe = useCallback(() => {\n ref.current = {\n pointerDownId: null,\n startTime: 0,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n };\n }, []);\n\n const onTouchStart = useCallback(\n (e: TouchEvent) => {\n const touchobj = e.changedTouches[0];\n if (!ref.current.pointerDownId) {\n ref.current = {\n pointerDownId: touchobj.identifier,\n startTime: e.timeStamp,\n prevpageX: touchobj.pageX,\n prevpageY: touchobj.pageY,\n elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n };\n } else {\n clearSwipe();\n }\n },\n [clearSwipe]\n );\n\n const onTouchEnd = useCallback(\n (ev: TouchEvent) => {\n const touchobj = ev.changedTouches[0];\n if (touchobj.identifier === ref.current.pointerDownId) {\n if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n if (\n touchobj.pageY - ref.current.prevpageY > threshold &&\n Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n ref.current.elementScrollTop === 0\n ) {\n onSwipe?.({ direction: 'down' });\n }\n }\n }\n // state would be reset to its original state whether swipe is completed or cancelled\n clearSwipe();\n },\n [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n );\n\n const swipeProps = isDisabled\n ? {}\n : {\n /* event handlers to spread on the target element. /\n onTouchStart,\n onTouchEnd,\n ontouchcancel: clearSwipe\n };\n\n return {\n swipeProps\n };\n}\n","import { ComponentProps } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useEffect } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useMenuSwipe } from './useMenuSwipe';\nimport useModal from '../UNSAFE_Modal/hooks/useModal';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\nimport { Menu } from './Menu';\nimport { MenuContainer } from './MenuContainer';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\nconst styles = {\n modalWrapper: cssProps`${{\n position: 'fixed',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n zIndex: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-z-index-popup)'\n }}`,\n modalContainer: cssProps`${{\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n }}`,\n sheetMenuContainerWrapper: cssProps`${{\n borderRadius: '16px 16px 0 0',\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)',\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n maxHeight: 'calc(100% - 96px)',\n overflowY: 'auto',\n overscrollBehaviorY: 'contain',\n touchAction: 'pan-y',\n userSelect: 'none'\n }}`,\n modalBackdrop: cssProps`${{\n position: 'absolute',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-scrim-color)'\n }}`\n};\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => (\n <div class={styles.modalWrapper}>{children}</div>\n);\nconst ModalContainer = forwardRef<HTMLDivElement, IntrinsicProps>(({ children }, ref) => (\n <div class={styles.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 = () => <div class={styles.modalBackdrop} />;\n\nexport const SheetMenu = ({\n onClose,\n ...menuProps\n}: Omit<ComponentProps<typeof Menu>, 'anchorRef'>) => {\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 { modalRef } = useModal({ isOpen: true, onBackdropClick: dismissHandler });\n //TODO: Use useSwipe when it works on components that could scroll.\n const { swipeProps } = useMenuSwipe(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 <ModalWrapper>\n <ModalBackdrop></ModalBackdrop>\n <ModalContainer ref={modalRef}>\n <div class={styles.sheetMenuContainerWrapper} {...swipeProps}>\n <MenuContainer {...{ ...menuProps, onClose }} display=\"sheet\"></MenuContainer>\n </div>\n </ModalContainer>\n </ModalWrapper>\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 { RefObject, ComponentChildren } from 'preact';\n\nimport { Layer } from '../UNSAFE_Layer';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { DropdownMenu } from './DropdownMenu';\nimport { SheetMenu } from './SheetMenu';\n\ntype MenuProps = {\n /\n Trigger element reference\n /\n anchorRef: RefObject<HTMLElement>;\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 accessibleLabel?: string;\n /\n Determines focus behavior when the menu is opened.\n /\n initialFocus?: 'menu' \| 'firstItem';\n};\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\nconst { deviceType } = getClientHints();\nconst isMobile = deviceType === 'phone';\nexport const Menu = ({ isOpen, anchorRef, ...menuProps }: MenuProps) => {\n // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n return !isOpen ? null : (\n <Layer logicalParentRef={anchorRef}>\n {isMobile ? <SheetMenu {...menuProps} /> : <DropdownMenu {...{ anchorRef, ...menuProps }} />}\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 { useContext } from 'preact/hooks';\n\nimport { MenuContext } from './MenuContext';\n\n/\n Utility hook for consuming the MenuContext\n \n @returns The value of MenuContext provider\n /\nfunction useMenuContext() {\n return useContext(MenuContext);\n}\n\nexport { useMenuContext };\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 /\nimport { useLayoutEffect, useRef, useMemo } from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { useMenuContext } from './useMenuContext';\n\nconst styles = {\n menuItemContainer: cssProps`${{\n cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important',\n width: '100%',\n paddingTop: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n paddingBottom: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding)',\n paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding)',\n boxSizing: 'border-box',\n minHeight: 'var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height)',\n display: 'flex',\n textAlign: 'start',\n alignItems: 'center',\n textDecorationLine: 'none !important',\n outlineStyle: 'none'\n }}`,\n focused: cssProps`${{\n outlineStyle: 'dotted',\n outlineOffset: '1px',\n outlineWidth: '1px',\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n }}`,\n variant: {\n default: {\n menuItemContainer: cssProps`${{\n / Color seems to change in active state due to a:active selector added on oj-c enviroment\n because of this we have to set color here again. Same happens on disabled which\n can't set pointerEvents as none since disabled items can receive focus /\n '&:active': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n },\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n }}`,\n hover: cssProps`${{\n // @ts-ignore\n '&:not(:active)': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n }\n }}`,\n pseudohover: cssProps`${{\n // @ts-ignore\n '@media(hover: hover)': {\n '&:hover:not(:active)': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n }\n }\n }}`\n },\n destructive: {\n menuItemContainer: cssProps`${{\n '&:active': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n },\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low)'\n }}`,\n hover: cssProps`${{\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n }}`,\n pseudohover: cssProps`${{\n // @ts-ignore\n '@media(hover: hover)': {\n '&:hover': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n }\n }\n }}`\n }\n },\n iconLabelContainer: cssProps`${{\n display: 'flex',\n alignItems: 'center',\n overflowX: 'hidden',\n overflowY: 'hidden'\n }}`,\n labelContainer: cssProps`${{\n flexGrow: 1,\n minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n }}`,\n iconContainer: cssProps`${{\n flexShrink: 0,\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n width: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n }}`,\n startIconContainer: cssProps`${{\n marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding)'\n }}`,\n endIconContainer: cssProps`${{\n marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding)'\n }}`,\n disabledContainer: cssProps`${{\n cursor: 'default !important',\n '&:active': {\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n },\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n }}`\n};\n\ntype BaseMenuItemProps = (SimpleMenuItemProps \| SelectMenuItemProps) & BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n label: string;\n onAction?: () => void;\n startIcon?: ComponentChildren;\n endIcon?: ComponentChildren;\n isDisabled?: boolean;\n};\n\ntype SimpleMenuItemProps = {\n role: 'menuitem';\n variant?: 'default' \| 'destructive';\n isChecked?: never;\n};\n\ntype SelectMenuItemProps = {\n role: 'menuitemcheckbox' \| 'menuitemradio';\n variant?: never;\n isChecked?: boolean;\n};\n\ntype MenuItemProps = BaseBaseMenuItemProps & {\n variant?: 'default' \| 'destructive';\n};\n\nexport function MenuItem(props: MenuItemProps) {\n return <BaseMenuItem {...props} role=\"menuitem\"></BaseMenuItem>;\n}\n\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport function BaseMenuItem({\n label,\n onAction,\n startIcon,\n endIcon,\n role,\n isChecked,\n isDisabled = false,\n variant = 'default'\n}: BaseMenuItemProps) {\n const { onClose, currentKey, showFocusRing } = useMenuContext();\n\n const uniqueID = useId();\n const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n const isCurrent = currentKey === id;\n\n const menuItemRef = useRef<HTMLAnchorElement \| null>(null);\n\n const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n\n const handleItemSelection = () => {\n onClose?.({ reason: 'itemAction' });\n onAction?.();\n };\n\n const { pressProps } = usePress(handleItemSelection, { isDisabled });\n\n useLayoutEffect(() => {\n if (isCurrent) {\n menuItemRef.current?.focus();\n }\n }, [isCurrent]);\n\n const menuItemContainerClasses = classNames([\n styles.menuItemContainer,\n !isDisabled && styles.variant[variant].menuItemContainer,\n isDisabled && styles.disabledContainer,\n !isHybrid && !isDisabled && styles.variant[variant].pseudohover,\n isHybrid && isHover && !isDisabled && styles.variant[variant].hover,\n isCurrent && !!showFocusRing && styles.focused\n ]);\n\n const startIconContainerClasses = classNames([\n styles.iconLabelContainer,\n styles.iconContainer,\n styles.startIconContainer\n ]);\n\n const labelContainerClasses = classNames([styles.iconLabelContainer, styles.labelContainer]);\n\n const endIconContainerClasses = classNames([\n styles.iconLabelContainer,\n styles.iconContainer,\n styles.endIconContainer\n ]);\n\n return (\n <a\n ref={menuItemRef}\n class={menuItemContainerClasses}\n {...mergeProps(hoverProps, pressProps)}\n role={role}\n data-oj-menu-item-key={id}\n {...(isDisabled && { 'aria-disabled': true })}\n {...(role !== 'menuitem' && { 'aria-checked': isChecked })}\n tabIndex={isCurrent ? 0 : -1}>\n {startIcon && <span class={startIconContainerClasses}>{startIcon}</span>}\n <span class={labelContainerClasses}>\n <Text variant=\"inherit\" size=\"md\">\n {label}\n </Text>\n </span>\n {endIcon && <span class={endIconContainerClasses}>{endIcon}</span>}\n </a>\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 { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { Divider } from '../UNSAFE_Divider';\n\nconst styles = {\n menuDividerContainer: cssProps`${{\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)'\n }}`\n};\n\nexport function MenuDivider() {\n return (\n <div class={styles.menuDividerContainer}>\n <Divider />\n </div>\n );\n}\n"],"names":["styles","MenuContainer","children","onClose","accessibleLabel","initialFocus","display","menuContainerRef","useRef","initialFocusRef","changeKey","useCallback","detail","setCurrentKey","value","_a","current","contains","elem","nextKey","keyExtractor","currentKeyProps","useMenuCurrentKey","element","getPrevNextKey","currentKey","getFirstVisibleKey","getLastVisibleKey","menuContainer","firstItemKey","_jsx","Object","assign","ref","tabIndex","possibleFocus","role","class","classNames","mergeProps","focusRingProps","getMenuPointerDown","getKeyboardCloseProps","MenuContext","Provider","DropdownMenu","floatingRef","useOutsideClickHandler","e","reason","target","useOutsideClick","handler","mainAxis","crossAxis","minWidth","anchorRef","offsetWidth","MENU_MIN_WIDTH","dropdownMenuProps","ModalWrapper","modalWrapper","ModalContainer","forwardRef","modalContainer","ModalBackdrop","modalBackdrop","SheetMenu","menuProps","__rest","dismissHandler","modalRef","useModal","isOpen","onBackdropClick","_jsxs","sheetMenuContainerWrapper","swipeProps","variant","default","destructive","MenuItem","props","isHybrid","getClientHints","hoverSupport","BaseMenuItem","label","onAction","startIcon","endIcon","isChecked","isDisabled","uniqueID","useId","id","useMemo","isCurrent","menuItemRef","hoverProps","isHover","useHover","pressProps","usePress","handleItemSelection","focus","menuItemContainer","pseudohover","hover","showFocusRing","focused","iconLabelContainer","iconContainer","startIconContainer","labelContainerClasses","labelContainer","endIconContainer","MenuDivider","menuDividerContainer","Divider"],"mappings":"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"}

package/es/UNSAFE_MessageBanner.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.6 */
+/* @oracle/oraclejet-preact: 14.1.7 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useRef, useState, useCallback, useImperativeHandle, useEffect } from 'preact/hooks';
 import { useMessageFocusManager } from './hooks/PRIVATE_useMessagesFocusManager.js';
@@ -10,7 +10,7 @@ import './utils/PRIVATE_timer.js';
 import './utils/UNSAFE_classNames.js';
 import './UNSAFE_Button.js';
 import './UNSAFE_BaseButton.js';
-import './tslib.es6-6d6c24be.js';
+import './tslib.es6-dc795ee6.js';
 import './hooks/UNSAFE_usePress.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
@@ -19,11 +19,11 @@ import 'preact/compat';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-88605b19.js';
+import './_curry1-d7a87dc9.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-c3f862d0.js';
-import './_curry2-677e2e20.js';
-import './_has-7e77579f.js';
+import './_curry3-562938bb.js';
+import './_curry2-0493a4a8.js';
+import './_has-009fcb51.js';
 import './utils/PRIVATE_clientHints.js';
 import './hooks/UNSAFE_useTabbableMode.js';
 import 'preact';
@@ -34,7 +34,7 @@ import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-64ecf0b2.js';
+import './index-561e53d9.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
@@ -52,7 +52,7 @@ import './utils/UNSAFE_soundUtils.js';
 import './PRIVATE_TransitionGroup.js';
 import './hooks/UNSAFE_useMessagesContext.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-5f7cf8d0.js';
+import './keys-cc486d04.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';

package/es/UNSAFE_MessageToast.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~vjlrm3~~{height:fit-content;width:fit-content;}
1	+ .qpldyl{height:fit-content;width:fit-content;}

package/es/UNSAFE_MessageToast.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.6 */
+/* @oracle/oraclejet-preact: 14.1.7 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import "./UNSAFE_MessageToast.css";
 import { useRef, useState, useImperativeHandle, useCallback, useEffect, useMemo } from 'preact/hooks';
@@ -20,18 +20,18 @@ import './hooks/UNSAFE_useBreakpoints.js';
 import './utils/PRIVATE_timer.js';
 import './UNSAFE_Button.js';
 import './UNSAFE_BaseButton.js';
-import './tslib.es6-6d6c24be.js';
+import './tslib.es6-dc795ee6.js';
 import './hooks/UNSAFE_usePress.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
 import './hooks/UNSAFE_useActive.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-88605b19.js';
+import './_curry1-d7a87dc9.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-c3f862d0.js';
-import './_curry2-677e2e20.js';
-import './_has-7e77579f.js';
+import './_curry3-562938bb.js';
+import './_curry2-0493a4a8.js';
+import './_has-009fcb51.js';
 import './utils/PRIVATE_clientHints.js';
 import './hooks/UNSAFE_useTabbableMode.js';
 import './utils/UNSAFE_mergeProps.js';
@@ -41,7 +41,7 @@ import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-64ecf0b2.js';
+import './index-561e53d9.js';
 import './hooks/UNSAFE_useUser.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
@@ -57,7 +57,7 @@ import './utils/UNSAFE_soundUtils.js';
 import './PRIVATE_TransitionGroup.js';
 import './hooks/UNSAFE_useMessagesContext.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-5f7cf8d0.js';
+import './keys-cc486d04.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './UNSAFE_WindowOverlay.js';
@@ -67,7 +67,7 @@ import './utils/PRIVATE_tabbableUtils.js';
 const positions = stringLiteralArray(['top', 'top-left', 'top-right', 'top-start', 'top-end', 'bottom', 'bottom-left', 'bottom-right', 'bottom-start', 'bottom-end']);
 const messageToastStyles = {
-  base: "vjlrm3"
+  base: "qpldyl"
 };
 /**
  * Animation states for toast messages

package/es/UNSAFE_MeterBar.css CHANGED Viewed

@@ -1,46 +1,46 @@
-._1gzqh8w{display:inline-flex;pointer-events:none;}._1gzqh8w:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._1d7zqjr{width:100%;}
-.fr9y7g{height:100%;}
-._19p8ad1{cursor:pointer;touch-action:none;}
-._16w6c7c{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
-._5cxp4y{bottom:0%;left:50%;transform:translate(-50%,0);}
-._1qyysp0{top:50%;transform:translate(0,-50%);}
-.dqp7mo{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
-._1boi4sm{flex-direction:column-reverse;}
-._1ohdq8i{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
-.mb1jhi{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
-._11q727c{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
-.ld2lvp{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
-._10758rq{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
-._9gm463{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
-._1n0phtp{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1acode3{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._3deggt{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-.plsv1d{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1y12p8u{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1leo1q3{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-.qx4hip{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._2q66i2{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-.ch75d2{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._16ywszt{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-.q8wfwh{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1hhfw22{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1cftz0e{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-._20mdgk{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
-._1tbi6h9{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-.ta1z2s{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
-._1f88c0b{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+.u042os{display:inline-flex;pointer-events:none;}.u042os:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._1kabcm6{width:100%;}
+.yspfm6{height:100%;}
+._1lpkyha{cursor:pointer;touch-action:none;}
+._1d6g4cz{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
+.gliirb{bottom:0%;left:50%;transform:translate(-50%,0);}
+.yc0ozs{top:50%;transform:translate(0,-50%);}
+.g55tck{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
+.ckbhzx{flex-direction:column-reverse;}
+._1eajkuf{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
+.wffk4d{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
+._9cx01v{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
+.sg4i9{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
+._1smmyfb{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
+._1nsgya{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
+.fnnrui{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.y7ho3n{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+.hyxju6{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._1imlpv9{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._28mh4g{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1ybhz5l{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.tmr0fl{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._1xscwxg{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1vew1mn{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._1xg26nd{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._1xe808b{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._15rf005{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._1ule5mi{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._9tepd7{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
+._11qelys{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._1qbhgu2{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
+._1meqgz9{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-._4dvy6b{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
-.lpb0x5{border-width:1px 0 0 0;}
-._1ev5f03{border-width:0 0 0 1px;}
-.cdpgg1{border-width:0 1px 0 0;}
+._1l05qqi{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
+.icpifl{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
+._249zhr{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
+._1tu2oib{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
+._15fnfbi{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+.yyish5{bottom:0%;}
+.r0z419{right:0%;}
+.aonqqk{left:0%;}
-._8xr3ka{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
-._1to1gbl{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
-.iv8kh{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
-.efj9s3{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
-._1nvdob7{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-.c5bkxg{bottom:0%;}
-._1tq6xix{right:0%;}
-.ti386o{left:0%;}
+.m6jbok{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
+._1j8qttz{border-width:1px 0 0 0;}
+._1olk0tu{border-width:0 0 0 1px;}
+.n1rmao{border-width:0 1px 0 0;}

package/es/UNSAFE_MeterBar.js CHANGED Viewed

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.1.6 */
-import { _ as __rest } from './tslib.es6-6d6c24be.js';
+/* @oracle/oraclejet-preact: 14.1.7 */
+import { _ as __rest } from './tslib.es6-dc795ee6.js';
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
 import { sizeToCSS } from './utils/UNSAFE_size.js';
 import "./UNSAFE_MeterBar.css";
@@ -19,7 +19,7 @@ import 'preact/compat';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-64ecf0b2.js';
+import './index-561e53d9.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './hooks/UNSAFE_useOutsideClick.js';
@@ -142,14 +142,14 @@ function ReferenceLineBar({
   });
 }
 const styles$1 = {
-  base: "_8xr3ka",
-  verticalBorder: "_1to1gbl",
-  horizontalBorder: "iv8kh",
-  vertical: "efj9s3",
-  horizontal: "_1nvdob7",
-  horiontalStart: "c5bkxg",
-  verticalStartLtr: "_1tq6xix",
-  verticalStartRtl: "ti386o"
+  base: "_1l05qqi",
+  verticalBorder: "icpifl",
+  horizontalBorder: "_249zhr",
+  vertical: "_1tu2oib",
+  horizontal: "_15fnfbi",
+  horiontalStart: "yyish5",
+  verticalStartLtr: "r0z419",
+  verticalStartRtl: "aonqqk"
 };
 function ThresholdBar(_a) {
@@ -175,10 +175,10 @@ function ThresholdBar(_a) {
   });
 }
 const styles = {
-  base: "_4dvy6b",
-  verticalBarTrackSection: "lpb0x5",
-  horizontalBarTrackSectionRtl: "_1ev5f03",
-  horizontalBarTrackSectionLtr: "cdpgg1"
+  base: "m6jbok",
+  verticalBarTrackSection: "_1j8qttz",
+  horizontalBarTrackSectionRtl: "_1olk0tu",
+  horizontalBarTrackSectionLtr: "n1rmao"
 };
 /**
@@ -312,44 +312,44 @@ const getMarginClass = function (info, size, isHoriz) {
 };
 const componentStyles = {
-  base: "_1gzqh8w",
-  horizontal: "_1d7zqjr",
-  vertical: "fr9y7g",
-  interactive: "_19p8ad1"
+  base: "u042os",
+  horizontal: "_1kabcm6",
+  vertical: "yspfm6",
+  interactive: "_1lpkyha"
 };
 const barValueStyles = {
-  base: "_16w6c7c",
-  vertical: "_5cxp4y",
-  horizontal: "_1qyysp0"
+  base: "_1d6g4cz",
+  vertical: "gliirb",
+  horizontal: "yc0ozs"
 };
 const barTrackStyles = {
-  base: "dqp7mo",
-  vertical: "_1boi4sm",
-  smHorizontal: "_1ohdq8i",
-  smVertical: "mb1jhi",
-  mdHorizontal: "_11q727c",
-  mdVertical: "ld2lvp",
-  lgHorizontal: "_10758rq",
-  lgVertical: "_9gm463",
-  smMarginTop: "_1n0phtp",
-  mdMarginTop: "_1acode3",
-  lgMarginTop: "_3deggt",
-  smMarginStart: "plsv1d",
-  mdMarginStart: "_1y12p8u",
-  lgMarginStart: "_1leo1q3",
-  smMarginEnd: "qx4hip",
-  mdMarginEnd: "_2q66i2",
-  lgMarginEnd: "ch75d2",
-  smMarginBottom: "_16ywszt",
-  mdMarginBottom: "q8wfwh",
-  lgMarginBottom: "_1hhfw22"
+  base: "g55tck",
+  vertical: "ckbhzx",
+  smHorizontal: "_1eajkuf",
+  smVertical: "wffk4d",
+  mdHorizontal: "_9cx01v",
+  mdVertical: "sg4i9",
+  lgHorizontal: "_1smmyfb",
+  lgVertical: "_1nsgya",
+  smMarginTop: "fnnrui",
+  mdMarginTop: "y7ho3n",
+  lgMarginTop: "hyxju6",
+  smMarginStart: "_1imlpv9",
+  mdMarginStart: "_28mh4g",
+  lgMarginStart: "_1ybhz5l",
+  smMarginEnd: "tmr0fl",
+  mdMarginEnd: "_1xscwxg",
+  lgMarginEnd: "_1vew1mn",
+  smMarginBottom: "_1xg26nd",
+  mdMarginBottom: "_1xe808b",
+  lgMarginBottom: "_15rf005"
 };
 const trackSectionStyle = {
-  horizontalFirst: "_1cftz0e",
-  horizontalLast: "_20mdgk",
-  verticalFirst: "_1tbi6h9",
-  verticalLast: "ta1z2s",
-  roundedCorners: "_1f88c0b"
+  horizontalFirst: "_1ule5mi",
+  horizontalLast: "_9tepd7",
+  verticalFirst: "_11qelys",
+  verticalLast: "_1qbhgu2",
+  roundedCorners: "_1meqgz9"
 };
 export { MeterBar };