@oracle/oraclejet-preact 15.1.10 → 15.1.12

package/amd/ListView-ea442a71.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_List', './List-4b03ebd9'], (function(t,e,a,i){"use strict";t.ListView=function(t){const a=t.data?t.data.map((e=>({data:e,metadata:{key:t.getRowKey(e)}}))):null,n=t.onLoadMore?t.onLoadMore:()=>{},o=a?{offset:0,data:a,sizePrecision:t.hasMore?"atLeast":"exact",totalSize:a.length}:null;return e.jsx(i.List,{isVirtualized:!1,...t,onLoadRange:n,data:o,children:t.children})}}));
+//# sourceMappingURL=ListView-ea442a71.js.map

package/amd/ListView-ea442a71.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-ea442a71.js","sources":["../../src/UNSAFE_ListView/ListView.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 { DataState } from '../UNSAFE_Collection';\nimport { List } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\n/**\n * Props specific to non-virtualized ListView\n */\ntype NonVirtualizedListProps<K, D> = {\n  /**\n   * The data that is used to render each item in ListView.  If the value is null, then ListView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data: D[] | null;\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there are more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when user scrolls to the end of the list.\n   */\n  onLoadMore?: () => void;\n};\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'currentKey'\n  | 'currentItemVariant'\n  | 'gridlines'\n  | 'onCurrentKeyChange'\n  | 'onItemAction'\n  | 'onSelectionChange'\n  | 'promotedSection'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n> &\n  NonVirtualizedListProps<K, D>;\n\n/**\n * Component that renders items as a flat list.\n * This component is nom-virtualized and renders all rows provided in the data prop.\n */\nexport function ListView<K extends string | number, D>(props: Props<K, D>) {\n  const dataMetadata = props.data\n    ? props.data.map((aData: D) => {\n        const key = props.getRowKey(aData);\n        return { data: aData, metadata: { key } };\n      })\n    : null;\n  const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n  const dataState = dataMetadata\n    ? ({\n        offset: 0,\n        data: dataMetadata,\n        sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n        totalSize: dataMetadata.length\n      } as DataState<K, D>)\n    : null;\n  return (\n    <List isVirtualized={false} {...props} onLoadRange={loadRange} data={dataState}>\n      {props.children}\n    </List>\n  );\n}\n"],"names":["props","dataMetadata","data","map","aData","metadata","key","getRowKey","loadRange","onLoadMore","dataState","offset","sizePrecision","hasMore","totalSize","length","_jsx","List","isVirtualized","onLoadRange","children"],"mappings":"sHA2DM,SAAiDA,GACrD,MAAMC,EAAeD,EAAME,KACvBF,EAAME,KAAKC,KAAKC,IAEP,CAAEF,KAAME,EAAOC,SAAU,CAAEC,IADtBN,EAAMO,UAAUH,QAG9B,KACEI,EAAYR,EAAMS,WAAaT,EAAMS,WAAa,OAClDC,EAAYT,EACb,CACCU,OAAQ,EACRT,KAAMD,EACNW,cAAeZ,EAAMa,QAAU,UAAY,QAC3CC,UAAWb,EAAac,QAE1B,KACJ,OACEC,EAAAA,IAACC,EAAAA,KAAI,CAACC,eAAe,KAAWlB,EAAOmB,YAAaX,EAAWN,KAAMQ,EAASU,SAC3EpB,EAAMoB,UAGb"}

package/amd/LoadMoreCollection-d9072872.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './PRIVATE_Collection', './hooks/UNSAFE_useViewportIntersect', './Collection-662e4d9b'], (function(e,o,t,r,n,i){"use strict";const s="oj-collection-loadmore",c=`.${s}`;e.LOADMORE_STYLE_CLASS=s,e.LoadMoreCollection=function({data:e,children:r,viewportConfig:s,hasMore:l,onLoadMore:a,loadMoreIndicator:d,suggestions:h,loadMoreThreshold:u=1}){return n.useViewportIntersect(s,Math.max(u,1),0,c,(()=>{e&&a()})),e?o.jsxs(t.Fragment,{children:[h,o.jsx(i.Collection,{items:e,children:r}),l&&d]}):o.jsx("div",{})}}));
+//# sourceMappingURL=LoadMoreCollection-d9072872.js.map

package/amd/LoadMoreCollection-d9072872.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreCollection-d9072872.js","sources":["../../src/PRIVATE_LoadMoreCollection/LoadMoreCollection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the LoadMoreCollection component\n */\ntype Props<D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the LoadMoreCollection.\n   */\n  data: D[] | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * Whether there are still more data to load.  Internally, LoadMoreCollection will render the load\n   * more indicator at the bottom if this is true\n   */\n  hasMore: boolean;\n\n  /**\n   * Callback function to handle when user scrolls to the end of the component and there are more items to load.\n   * The function should update data prop on the component to include the next set of items fetched.\n   */\n  onLoadMore: () => void;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n\n  /**\n   * Optionally specify how far in pixel from the bottom should load more occurs\n   */\n  loadMoreThreshold?: number;\n};\n\nexport const LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\n\nconst DEFAULT_MARGIN = 1;\nconst LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function LoadMoreCollection<D>({\n  data,\n  children,\n  viewportConfig,\n  hasMore,\n  onLoadMore,\n  loadMoreIndicator,\n  suggestions,\n  loadMoreThreshold = DEFAULT_MARGIN\n}: Props<D>) {\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    Math.max(loadMoreThreshold, DEFAULT_MARGIN),\n    0,\n    LOAD_MORE_SELECTOR,\n    () => {\n      if (data) {\n        onLoadMore();\n      }\n    }\n  );\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data) {\n    return <div />;\n  }\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <Fragment>\n      {suggestions}\n      <Collection items={data}>{children}</Collection>\n      {hasMore && loadMoreIndicator}\n    </Fragment>\n  );\n}\n"],"names":["LOADMORE_STYLE_CLASS","LOAD_MORE_SELECTOR","data","children","viewportConfig","hasMore","onLoadMore","loadMoreIndicator","suggestions","loadMoreThreshold","useViewportIntersect","Math","max","_jsxs","Fragment","_jsx","jsx","Collection","items"],"mappings":"0KA4Da,MAAAA,EAAuB,yBAG9BC,EAAqB,IAAID,kDAMzB,UAAgCE,KACpCA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,QACdA,EAAOC,WACPA,EAAUC,kBACVA,EAAiBC,YACjBA,EAAWC,kBACXA,EAfqB,IA+BrB,OAbAC,uBACEN,EACAO,KAAKC,IAAIH,EApBU,GAqBnB,EACAR,GACA,KACMC,GACFI,GACD,IAKAJ,EAOHW,EAAAA,KAACC,EAAAA,SAAQ,CAAAX,SAAA,CACNK,EACDO,EAAAC,IAACC,aAAW,CAAAC,MAAOhB,EAAIC,SAAGA,IACzBE,GAAWE,KATPQ,eAYX"}

package/amd/Menu-64adc6b0.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './UNSAFE_Floating', './UNSAFE_Layer', 'preact/hooks', './utils/UNSAFE_mergeProps', './utils/UNSAFE_classNames', './hooks/UNSAFE_useUser', './MenuItem-ff282eec', './UNSAFE_Menu/themes/MenuStyles.css', './classNames-f1f0353a', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './Floating-e719dece', './useModal-75b474e9', './UNSAFE_Menu/themes/SheetMenuStyles.css'], (function(e,t,n,s,r,o,a,u,l,c,i,d,m,p,f,h){"use strict";const b=({children:e,"aria-label":n,currentFocus:s="menu",display:r,closeSubmenu:u,menuId:m,menuLevel:p})=>{const{onClose:f}=c.useMenuContext(),{direction:h}=l.useUser(),b=o.useRef(null),v=o.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}),g=o.useRef(!1),[M,x]=o.useState(),[S,k]=o.useState(!1),[C,w]=o.useState(!1),E=o.useCallback((e=>{x(e.key),"keyboard"===e.reason?k(!0):k(!1)}),[]),F=o.useCallback((()=>{const e=t=>{const n=c.keyElemExtractor(t.target),s=n?.key,r=n?.elem;if(s&&r){v.current.wasMouseMoved=!0;const t=new MouseEvent("mouseenter");r.dispatchEvent(t),b.current?.removeEventListener("mousemove",e)}};b.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:j}=function(e,t,n,s,r){const a=o.useMemo((()=>({ArrowDown:t,ArrowUp:e,Home:n,End:s})),[t,e,n,s]),u=o.useCallback((e=>{if(r){const t=a[e.key];if(t&&!e.shiftKey){const n=t();n&&r({key:n,reason:"keyboard"}),e.preventDefault()}}}),[r,a]);return{currentKeyProps:null==r?{}:{onKeyDown:u}}}(c.getPrevNext(b.current,!0,M),c.getPrevNext(b.current,!1,M),(()=>c.getNVisible(b.current,0)),(()=>c.getLastVisible(b.current)),E);return o.useEffect((()=>{if("main"===p&&g.current)return;g.current=!0;const e=b.current;let t;if("none"!==s&&e)if("menu"===s){E({key:void 0,reason:"click"});const n=()=>{e.focus()};"sheet"===r?n():t=setTimeout((()=>{n()}),y)}else if("firstItem"===s){const e=c.getNVisible(b.current,0);e&&E({key:e,reason:"keyboard"})}else if("secondItem"===s){const e=c.getNVisible(b.current,1);e&&E({key:e,reason:"keyboard"})}return()=>{clearTimeout(t)}}),[E,s,p,r]),o.useEffect((()=>{F()}),[F]),t.jsx("div",{...m&&{id:m},ref:b,tabIndex:M||"main"!==p&&"sheet"!==r?-1:0,role:"menu","aria-label":n,class:d.classNames([i.menuStyles.menuContainerStyle,i.menuStyles[`${r}MenuContainerStyle`]]),...a.mergeProps(j,c.getKeyboardCloseProps(f,p),c.getCloseSubmenuEvent(h,u),c.getMenuContainerFocusMethods((()=>{b.current?.contains(document.activeElement)||(k(!1),w(!1))}),(()=>{w(!0)})),c.getMenuContainerMouseLeave((e=>{e.relatedTarget.isEqualNode(v.current.lastMouseLeaveMenuItemdRelatedTarget)||(E({key:void 0,reason:"mouseEnter"}),b.current?.focus())})),c.getMenuPointerDown()),children:t.jsx(c.MenuContainerContext.Provider,{value:{menuContainerRef:b,currentKey:M,showFocusRing:S,changeKey:E,menuContainerGeneralInformation:v,isContainerFocused:C},children:e})})},y=0,v=n.forwardRef((({anchorRef:e,defaultPlacement:s,offsetValue:o,closeSubmenu:a,children:u,"aria-label":l,currentFocus:i,menuId:d,menuLevel:f,flipOptions:h},y)=>{const{onClose:v}=c.useMenuContext(),M=n.useCallback((e=>{if("sub"===f)return;const t=c.keyElemExtractor(e.target)?.key;t||v?.({reason:"outsideClick",target:e.target})}),[v,f]);return t.jsx(r.Layer,{logicalParentRef:e,children:t.jsx(p.Floating,{class:m.dropdownMenuStyles.base,onClickOutside:M,anchorRef:e,flipOptions:h,shiftOptions:{mainAxis:!1,crossAxis:!1},sizeOptions:{isMaxHeightAdjusted:!0,isMaxWidthAdjusted:!0},boundaryOptions:{padding:0},placement:s,offsetValue:o,children:t.jsx("div",{style:{minWidth:`${e.current&&e.current.offsetWidth>g?e.current.offsetWidth:g}px`},ref:y,children:t.jsx(b,{menuLevel:f,closeSubmenu:a,"aria-label":l,currentFocus:i,menuId:d,display:"dropdown",children:u})})})})})),g=200;const M=({children:e})=>t.jsx("div",{class:h.sheetMenuStyles.modalWrapper,children:e}),x=n.forwardRef((({children:e},n)=>t.jsx("div",{class:h.sheetMenuStyles.modalContainer,ref:n,children:e}))),S=({backdropVisible:e=!1})=>t.jsx("div",{class:d.classNames([h.sheetMenuStyles.modalBackdrop,e&&h.sheetMenuStyles.modalBackdropVisible])}),k=({children:e,"aria-label":n,currentFocus:s,anchorRef:a,closeSubmenu:u,menuLevel:l})=>{const{onClose:i}=c.useMenuContext();o.useEffect((()=>{const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}),[]);const d=o.useCallback((()=>{i?.({reason:"dismissed"})}),[i]),{backdropRef:m}=f.useModal({isOpen:!0,onBackdropClick:d}),{swipeProps:p}=function(e,{threshold:t=10,maximumTime:n=300,tolerance:s=50,isDisabled:r=!1}={threshold:10,maximumTime:300,tolerance:50,isDisabled:!1}){const a=o.useRef({pointerDownId:0,startTime:null,prevpageX:0,prevpageY:0,elementScrollTop:0}),u=o.useCallback((()=>{a.current={pointerDownId:null,startTime:0,prevpageX:0,prevpageY:0,elementScrollTop:0}}),[]),l=o.useCallback((e=>{const t=e.changedTouches[0];a.current.pointerDownId?u():a.current={pointerDownId:t.identifier,startTime:e.timeStamp,prevpageX:t.pageX,prevpageY:t.pageY,elementScrollTop:e.currentTarget.scrollTop}}),[u]),c=o.useCallback((r=>{const o=r.changedTouches[0];o.identifier===a.current.pointerDownId&&a.current.startTime&&r.timeStamp-a.current.startTime<n&&o.pageY-a.current.prevpageY>t&&Math.abs(o.pageX-a.current.prevpageX)<=s&&0===a.current.elementScrollTop&&e?.({direction:"down"}),u()}),[t,e,u,n,s]);return{swipeProps:r?{}:{onTouchStart:l,onTouchEnd:c,ontouchcancel:u}}}(d);return t.jsx(r.Layer,{logicalParentRef:a,children:t.jsxs(M,{children:[t.jsx(S,{backdropVisible:"main"===l}),t.jsx(x,{ref:m,children:t.jsx("div",{class:h.sheetMenuStyles.sheetMenuContainerWrapper,...p,children:t.jsx(b,{ariaLabel:n,currentFocus:s,display:"sheet",closeSubmenu:u,menuLevel:l,children:e})})})]})})},C=c.getIsMobile();e.DropdownMenu=v,e.Menu=({onClose:e,isOpen:n,initialFocus:s,...r})=>t.jsx(c.MenuContext.Provider,{value:{onClose:e,isMobile:C},children:n?t.jsx(t.Fragment,{children:C?t.jsx(k,{...{...r,currentFocus:s,menuLevel:"main"}}):t.jsx(v,{...{...r,currentFocus:s,menuLevel:"main",defaultPlacement:"bottom-start",offsetValue:{mainAxis:4,crossAxis:0},flipOptions:{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]}}})}):null}),e.SheetMenu=k}));
+//# sourceMappingURL=Menu-64adc6b0.js.map

package/amd/Menu-64adc6b0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu-64adc6b0.js","sources":["../../src/UNSAFE_Menu/MenuContainer.tsx","../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/DropdownMenu.tsx","../../src/UNSAFE_Menu/SheetMenu.tsx","../../src/UNSAFE_Menu/useMenuSwipe.ts","../../src/UNSAFE_Menu/Menu.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 { 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';\n\ntype MenuContainerProps = Omit<\n  BaseMenuProps,\n  'isOpen' | 'anchorRef' | 'defaultPlacement' | 'offsetValue'\n> & {\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}: MenuContainerProps) => {\n  const { onClose } = 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  //Used so focus is handled just one time using currentFocus. Used combined with menuLevel due to main menu can't\n  // change its focus via currentFocus prop.\n  const initialFocusDone = useRef<boolean>(false);\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 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    if (menuLevel === 'main' && initialFocusDone.current) return;\n    initialFocusDone.current = true;\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]);\n\n  useEffect(() => {\n    selfDestructiveMouseMoveEvent();\n  }, [selfDestructiveMouseMoveEvent]);\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      <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","/**\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","import { ComponentProps } from 'preact';\nimport { ForwardedRef, forwardRef, useCallback } 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';\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/*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    }: DropdownMenuProps,\n    ref?: ForwardedRef<HTMLDivElement>\n  ) => {\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    // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n    return (\n      <Layer logicalParentRef={anchorRef}>\n        <Floating\n          class={dropdownMenuStyles.base}\n          onClickOutside={useOutsideClickHandler}\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            style={{\n              minWidth: `${\n                anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n                  ? anchorRef.current.offsetWidth\n                  : MENU_MIN_WIDTH\n              }px`\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              {children}\n            </MenuContainer>\n          </div>\n        </Floating>\n      </Layer>\n    );\n  }\n);\n\nconst MENU_MIN_WIDTH = 200;\n","import { forwardRef } from 'preact/compat';\nimport { useCallback, useEffect } from 'preact/hooks';\n\nimport { useMenuSwipe } from './useMenuSwipe';\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\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 } = 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    <Layer logicalParentRef={anchorRef}>\n      <ModalWrapper>\n        <ModalBackdrop backdropVisible={menuLevel === 'main'}></ModalBackdrop>\n        <ModalContainer ref={backdropRef}>\n          <div class={sheetMenuStyles.sheetMenuContainerWrapper} {...swipeProps}>\n            <MenuContainer\n              {...{ ariaLabel, currentFocus, display: 'sheet', closeSubmenu, 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 { 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","/**\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 { DropdownMenu } from './DropdownMenu';\nimport { SheetMenu } from './SheetMenu';\nimport { MenuContext } from './MenuContext';\nimport { getIsMobile } from './menuUtils';\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  'aria-label'?: 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\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' | 'isOpen'> & {\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    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/* 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 = ({ onClose, isOpen, initialFocus, ...menuProps }: MenuProps) => {\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 }}>\n      {!isOpen ? null : (\n        <>\n          {isMobile ? (\n            <SheetMenu\n              {...{\n                ...menuProps,\n                currentFocus: initialFocus,\n                menuLevel: 'main'\n              }}></SheetMenu>\n          ) : (\n            <DropdownMenu\n              {...{\n                ...menuProps,\n                currentFocus: initialFocus,\n                menuLevel: 'main',\n                defaultPlacement: '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                flipOptions: {\n                  crossAxis: true,\n                  mainAxis: true,\n                  fallbackPlacements: [\n                    'bottom-end',\n                    'top-start',\n                    'top-end',\n                    'end-top',\n                    'start-top',\n                    'end-bottom',\n                    'start-bottom'\n                  ]\n                }\n              }}></DropdownMenu>\n          )}\n        </>\n      )}\n    </MenuContext.Provider>\n  );\n};\n"],"names":["MenuContainer","children","ariaLabel","currentFocus","display","closeSubmenu","menuId","menuLevel","onClose","useMenuContext","direction","useUser","menuContainerRef","useRef","menuContainerGeneralInformation","wasMouseMoved","lastMouseLeaveMenuItemdRelatedTarget","initialFocusDone","currentKey","setCurrentKey","useState","showFocusRing","setShowFocusRing","isContainerFocused","setIsContainerFocused","changeKey","useCallback","detail","key","reason","selfDestructiveMouseMoveEvent","handler","e","keyElem","keyElemExtractor","target","elem","current","evt","MouseEvent","dispatchEvent","removeEventListener","addEventListener","currentKeyProps","getPrev","getNext","getFirstVisible","getLastVisible","onChange","keyDownKeyFunctions","useMemo","ArrowDown","ArrowUp","Home","End","onKeyDown","event","keyFunction","shiftKey","preventDefault","useMenuCurrentKey","getPrevNext","getNVisible","useEffect","menuContainer","timer","undefined","focusMenuContainer","focus","setTimeout","FOCUS_SHIFT_TIMEOUT","firstItem","item","clearTimeout","_jsx","id","ref","tabIndex","role","class","classNames","menuStyles","menuContainerStyle","mergeProps","getKeyboardCloseProps","getCloseSubmenuEvent","getMenuContainerFocusMethods","contains","document","activeElement","getMenuContainerMouseLeave","relatedTarget","isEqualNode","getMenuPointerDown","MenuContainerContext","Provider","value","DropdownMenu","forwardRef","anchorRef","defaultPlacement","offsetValue","flipOptions","useOutsideClickHandler","menuItemKey","jsx","Layer","logicalParentRef","Floating","dropdownMenuStyles","base","onClickOutside","shiftOptions","mainAxis","crossAxis","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","placement","style","minWidth","offsetWidth","MENU_MIN_WIDTH","ModalWrapper","sheetMenuStyles","modalWrapper","ModalContainer","modalContainer","ModalBackdrop","backdropVisible","modalBackdrop","modalBackdropVisible","SheetMenu","initialOverflow","body","overflow","dismissHandler","backdropRef","useModal","isOpen","onBackdropClick","swipeProps","onSwipe","threshold","maximumTime","tolerance","isDisabled","pointerDownId","startTime","prevpageX","prevpageY","elementScrollTop","clearSwipe","onTouchStart","touchobj","changedTouches","identifier","timeStamp","pageX","pageY","currentTarget","scrollTop","onTouchEnd","ev","Math","abs","ontouchcancel","useMenuSwipe","_jsxs","sheetMenuContainerWrapper","isMobile","getIsMobile","initialFocus","menuProps","MenuContext","_Fragment","fallbackPlacements"],"mappings":"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"}

package/amd/MenuButton-f160d16f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './UNSAFE_ButtonLayout', './PRIVATE_ThemedIcons/ChevronDownIcon', './UNSAFE_Menu', './hooks/UNSAFE_useMenuAction', './UNSAFE_BaseButton', './utils/UNSAFE_mergeProps', 'preact', 'preact/compat', 'preact/hooks', './BaseButton-af034955', './ButtonLayout-27dd1c7b', './index-d16bf9c1', './Menu-64adc6b0'], (function(e,n,o,t,s,u,r,i,a,c,d,l,h,p,M){"use strict";const f=c.forwardRef((({children:e,label:o,suffix:t,variant:s="outlined",isDisabled:r=!1,isMenuOpen:c=!1,onToggleMenu:f,size:b="md",width:B,icon:g,"aria-describedby":m,onBlur:x,onFocus:E,onMouseEnter:v,onMouseLeave:A,onTouchEnd:F,onTouchStart:S},T)=>{const y=d.useRef(null);d.useImperativeHandle(T,(()=>y.current),[y]);const{triggerProps:j,menuProps:I}=u.useMenuAction({isDisabled:r,onToggleMenu:f,isMenuOpen:c,anchorRef:y}),_={onBlur:x,onFocus:E,onMouseEnter:v,onMouseLeave:A,onTouchEnd:F,onTouchStart:S},w=n.jsx(l.BaseButton,{...i.mergeProps(j,_),styling:c?["min","active"]:["min"],isDisabled:r,variant:s,width:B,size:b,ref:y,"aria-label":`${o} ${t}`,"aria-describedby":m,children:n.jsx(h.ButtonLayout,{display:"all",suffix:t,startIcon:g,endIcon:n.jsx(p.SvgChevronDown,{}),size:b,children:o})});return r?w:n.jsxs(a.Fragment,{children:[w,n.jsx(M.Menu,{...I,children:e})]})}));e.MenuButton=f}));
+//# sourceMappingURL=MenuButton-f160d16f.js.map

package/amd/MenuButton-f160d16f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton-f160d16f.js","sources":["../../src/UNSAFE_MenuButton/MenuButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ButtonLayout } from '../UNSAFE_ButtonLayout';\nimport { ChevronDownIcon } from '../PRIVATE_ThemedIcons/ChevronDownIcon';\nimport { Menu } from '../UNSAFE_Menu';\nimport { useMenuAction, MenuToggleDetail } from '../hooks/UNSAFE_useMenuAction';\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n\nimport { ComponentChildren, ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type Props = IntrinsicProps &\n  WidthInterpolationProps & {\n    /**\n     * children - One or more MenuItems, dividers, or Menu groups\n     */\n    children?: ComponentChildren;\n\n    /**\n     * The icon shown to the left of the label (or to the right of the\n     * label in right to left mode). Note that this is not the menu\n     * expand icon shown to the right of the label (or to the left of\n     * the label in right to left mode).\n     */\n    icon?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The button label\n     */\n    label?: string;\n\n    /**\n     * Specifies if the menu is open\n     */\n    isMenuOpen?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n     */\n    onToggleMenu?: (details: MenuToggleDetail) => void;\n\n    /**\n     * A suffix to the label that can be rendered differently.  Used to identify\n     * which child MenuItem is invoked.\n     */\n    suffix?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\"\n     */\n    variant?: 'borderless' | 'outlined' | 'solid';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * A MenuButton is a combined action and menu button.\n */\nexport const MenuButton = forwardRef(\n  (\n    {\n      children,\n      label,\n      suffix,\n      variant = 'outlined',\n      isDisabled = false,\n      isMenuOpen = false,\n      onToggleMenu,\n      size = 'md',\n      width,\n      icon,\n      'aria-describedby': ariaDescribedBy,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps, menuProps } = useMenuAction({\n      isDisabled: isDisabled,\n      onToggleMenu: onToggleMenu,\n      isMenuOpen: isMenuOpen,\n      anchorRef: buttonRef\n    });\n\n    const globalEventProps = {\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    };\n\n    const rootButton = (\n      <BaseButton\n        {...mergeProps(triggerProps, globalEventProps)}\n        styling={isMenuOpen ? ['min', 'active'] : ['min']}\n        isDisabled={isDisabled}\n        variant={variant}\n        width={width}\n        size={size}\n        ref={buttonRef}\n        aria-label={`${label} ${suffix}`}\n        aria-describedby={ariaDescribedBy}>\n        <ButtonLayout\n          display={'all'}\n          suffix={suffix}\n          startIcon={icon}\n          endIcon={<ChevronDownIcon />}\n          size={size}>\n          {label}\n        </ButtonLayout>\n      </BaseButton>\n    );\n\n    return isDisabled ? (\n      rootButton\n    ) : (\n      <Fragment>\n        {rootButton}\n        <Menu {...menuProps}>{children}</Menu>\n      </Fragment>\n    );\n  }\n);\n"],"names":["MenuButton","forwardRef","children","label","suffix","variant","isDisabled","isMenuOpen","onToggleMenu","size","width","icon","ariaDescribedBy","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","buttonRef","useRef","useImperativeHandle","current","triggerProps","menuProps","useMenuAction","anchorRef","globalEventProps","rootButton","_jsx","BaseButton","mergeProps","styling","ButtonLayout","display","startIcon","endIcon","ChevronDownIcon","_jsxs","jsxs","Fragment","Menu"],"mappings":"8XAqGa,MAAAA,EAAaC,EAAAA,YACxB,EAEIC,WACAC,QACAC,SACAC,UAAU,WACVC,cAAa,EACbC,cAAa,EACbC,eACAC,OAAO,KACPC,QACAC,OACA,mBAAoBC,EACpBC,SACAC,UACAC,eACAC,eACAC,aACAC,gBAEFC,KAEA,MAAMC,EAAYC,SAA0B,MAC5CC,EAAmBA,oBAACH,GAAM,IAAMC,EAAUG,SAAU,CAACH,IAErD,MAAMI,aAAEA,EAAYC,UAAEA,GAAcC,gBAAc,CAChDpB,WAAYA,EACZE,aAAcA,EACdD,WAAYA,EACZoB,UAAWP,IAGPQ,EAAmB,CACvBf,SACAC,UACAC,eACAC,eACAC,aACAC,gBAGIW,EACJC,EAAAA,IAACC,EAAUA,WAAA,IACLC,EAAUA,WAACR,EAAcI,GAC7BK,QAAS1B,EAAa,CAAC,MAAO,UAAY,CAAC,OAC3CD,WAAYA,EACZD,QAASA,EACTK,MAAOA,EACPD,KAAMA,EACNU,IAAKC,EACO,aAAA,GAAGjB,KAASC,IACN,mBAAAQ,WAClBkB,EAAAA,IAACI,EAAAA,cACCC,QAAS,MACT/B,OAAQA,EACRgC,UAAWzB,EACX0B,QAASP,MAACQ,EAAAA,mBACV7B,KAAMA,EAAIP,SACTC,MAKP,OAAOG,EACL,EAEAiC,EAAAC,KAACC,EAAQA,SACN,CAAAvC,SAAA,CAAA2B,EACDC,EAAAA,IAACY,EAAAA,KAAI,IAAKjB,EAASvB,SAAGA,MAEzB"}

package/amd/MenuDivider-2b94abc1.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Divider', './UNSAFE_Menu/themes/redwood/MenuDividerTheme', './Divider-34f91d49'], (function(e,i,n,s,d,o){"use strict";e.MenuDivider=function(){const{classes:e}=n.useComponentTheme(d.MenuDividerRedwoodTheme);return i.jsx("div",{class:e,children:i.jsx(o.Divider,{})})}}));
+//# sourceMappingURL=MenuDivider-2b94abc1.js.map

package/amd/MenuDivider-2b94abc1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider-2b94abc1.js","sources":["../../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 { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { Divider } from '../UNSAFE_Divider';\nimport { MenuDividerRedwoodTheme } from './themes/redwood/MenuDividerTheme';\n\nexport function MenuDivider() {\n  const { classes } = useComponentTheme(MenuDividerRedwoodTheme);\n\n  return (\n    <div class={classes}>\n      <Divider />\n    </div>\n  );\n}\n"],"names":["classes","useComponentTheme","MenuDividerRedwoodTheme","_jsx","class","children","Divider"],"mappings":"gOAaE,MAAMA,QAAEA,GAAYC,EAAiBA,kBAACC,EAAuBA,yBAE7D,OACEC,MAAK,MAAA,CAAAC,MAAOJ,EACVK,SAAAF,EAAAA,IAACG,EAAOA,QAAA,KAGd"}

package/amd/MenuItem-ff282eec.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Text', './utils/UNSAFE_classNames', './hooks/UNSAFE_useId', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/flexitem', './hooks/UNSAFE_useInteractionStyle', 'preact', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-43191739', './hooks/UNSAFE_useToggle', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './flexitem-4a3f072a', './classNames-f1f0353a', './Text-d5c28b74'], (function(e,n,t,o,s,r,u,a,i,l,c,m,d,p,f,h,g,y,C,M,v,b){"use strict";const x=e=>e.dataset.ojMenuItemKey,k=e=>{const n=e.closest("[data-oj-menu-item-key]");if(n){const e=x(n);return void 0===e?null:{key:e,elem:n}}return null},S=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{"ltr"===e?"ArrowRight"===t.key&&n?.():"ArrowLeft"===t.key&&n?.()}}},I=p.createContext({isMobile:!1,onClose:()=>null});function E(){return t.useContext(I)}const F=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function A(){return t.useContext(F)}const w=f.forwardRef((({id:e,label:o,onAction:s,startIcon:r,endIcon:m,role:p,isChecked:f,isDisabled:h=!1,variant:g="standard",type:x,hoverInfo:k,openSubmenu:I,menuItemLabelWeight:F="normal",isSubmenuOpen:w,submenuId:N,submenuRef:T},P)=>{const{onClose:U}=E(),{currentKey:j,changeKey:R,showFocusRing:L,menuContainerRef:_,menuContainerGeneralInformation:D,isContainerFocused:K}=A(),O=t.useRef(null),{direction:q}=i.useUser(),H=j===e,V=t.useCallback((e=>{"submenu"!==x&&U?.({reason:"itemAction"}),s?.(e)}),[x,U,s]),{hoverProps:B}=function(e){const{bool:n,setTrue:t,setFalse:o}=y.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?o():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{k?.hoverStatus.current.recentClose||k?.hoverStatus.current.pendingUnhover||(k&&D.current.wasMouseMoved&&(k.hoverStatus.current.pendingUnhover=!0),D.current.wasMouseMoved&&(k?.hoverProps.onMouseEnter(n),R({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{k&&(k.hoverStatus.current.pendingUnhover=!1),(_.current?.contains(e.relatedTarget)||T?.current?.contains(e.relatedTarget))&&(D.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:G}=a.usePress(V,{isDisabled:h});t.useLayoutEffect((()=>{H&&O.current?.focus()}),[H]);const{interactionProps:z}=d.useInteractionStyle(h),{classes:W,styles:{iconLabelContainer:$,iconContainer:J,startIconContainer:Q,labelContainer:X,endIconContainer:Y}}=l.useComponentTheme(C.MenuItemRedwoodTheme,{current:H?"isCurrent":"notCurrent",focusRing:L?"isFocusRing":"notFocusRing",variant:h?"disabled":g,containerFocused:K?"isContainerFocused":"notContainerFocused",submenuOpen:w?"isSubmenuOpen":"notSubmenuOpen"}),Z=c.mergeInterpolations([...Object.values(M.flexitemInterpolations)]),{class:ee,...ne}=Z({flex:"1 1 auto",alignSelf:"center"}),{class:te,...oe}=Z({flex:"0 0 auto",alignSelf:"center"}),se=v.classNames([te,$,J,Q]),re=v.classNames([ee,$,X]),ue=v.classNames([te,$,J,Y]);return n.jsx("div",{role:"presentation",...void 0!==N&&"submenu"===x&&{"aria-owns":N},children:n.jsxs("a",{ref:e=>{O.current=e,"function"==typeof P?P(e):P&&(P.current=e)},class:W,...u.mergeProps(z,B,G,S(q,I),(ae=e,ie=R,{onClick:()=>{ie({key:ae,reason:"click"})}})),role:p,"data-oj-menu-item-key":e,..."submenu"===x&&{"aria-haspopup":!0,"aria-expanded":!!w},...h&&{"aria-disabled":!0},..."select"===x&&{"aria-checked":!!f},tabIndex:H?0:-1,children:[r&&n.jsx("span",{style:oe,class:se,children:r}),n.jsx("span",{style:ne,class:re,children:n.jsx(b.Text,{variant:"inherit",size:"md",weight:F,children:o})}),m&&n.jsx("span",{style:oe,class:ue,children:m})]})});var ae,ie}));e.BaseMenuItem=w,e.MenuContainerContext=F,e.MenuContext=I,e.MenuItem=function(e){const o=r.useId(),s=t.useMemo((()=>`oj-menu-item-${o}`),[o]);return n.jsx(w,{...e,role:"menuitem",type:"simple",id:s})},e.getCloseSubmenuEvent=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{("Escape"===t.key||"ltr"===e&&"ArrowLeft"===t.key||"rtl"===e&&"ArrowRight"===t.key)&&(t.stopPropagation(),n?.())}}},e.getIsMobile=()=>{const{deviceType:e}=g.getClientHints();return"phone"===e},e.getKeyboardCloseProps=(e,n)=>({onKeyDown:t=>{"Tab"===t.key?(t.stopPropagation(),e?.({reason:"dismissed"}),t.preventDefault()):"Escape"===t.key&&"main"===n&&(t.stopPropagation(),e?.({reason:"dismissed"}))}}),e.getLastVisible=e=>{if(e){const n=e.querySelectorAll("[data-oj-menu-item-key]"),t=n[n.length-1];if(t){const e=x(t);if(e)return e}}return null},e.getMenuContainerFocusMethods=(e,n)=>({onBlur:()=>{setTimeout((()=>{e()}),100)},onFocus:()=>{n()}}),e.getMenuContainerMouseLeave=e=>({onMouseLeave:n=>{e(n)}}),e.getMenuPointerDown=()=>({onPointerDown:e=>{const n=k(e.target);n?.key||e.preventDefault()}}),e.getNVisible=(e,n)=>{if(e){const t=e.querySelectorAll("[data-oj-menu-item-key]")[n];if(t){const e=x(t);if(e)return e}}return null},e.getPrevNext=(e,n,t)=>()=>{if(e){const o=Array.from(e.querySelectorAll("[data-oj-menu-item-key]"));let s=o.findIndex((e=>x(e)===t))+(n?-1:1);const r=o.length-1;s<0&&(s=r),s>r&&(s=0);const u=x(o[s]);return u||null}return null},e.keyElemExtractor=k,e.useMenuContainerContext=A,e.useMenuContext=E}));
+//# sourceMappingURL=MenuItem-ff282eec.js.map

package/amd/MenuItem-ff282eec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem-ff282eec.js","sources":["../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/useMenuContext.ts","../../src/UNSAFE_Menu/MenuContainerContext.ts","../../src/UNSAFE_Menu/useMenuContainerContext.ts","../../src/UNSAFE_Menu/MenuItem.tsx","../../src/UNSAFE_Menu/useSubmenuItemHover.ts"],"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 { ComponentProps } from 'preact';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nexport const getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the n available item.\n */\nexport const getNVisible = (root: HTMLElement | null, positionIndex: number) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const positionedItem = items[positionIndex] as HTMLElement;\n    if (positionedItem) {\n      const key = getKey(positionedItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisible = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1] as HTMLElement;\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNext = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n\n      const key = getKey(items[nextIndex]);\n      return key ? key : null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyElemExtractor = (\n  element: HTMLElement\n): { key: string; elem: HTMLElement } | null => {\n  const elem = element.closest('[data-oj-menu-item-key]') as HTMLElement;\n  if (elem) {\n    const key = getKey(elem as HTMLElement);\n    return key === undefined ? null : ({ key, elem } as { key: string; elem: HTMLElement });\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (\n  onClose: ComponentProps<typeof Menu>['onClose'],\n  menuLevel: 'main' | 'sub'\n) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape' && menuLevel === 'main') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for closing submenu via keyboard\n */\nexport const getCloseSubmenuEvent = (direction: 'ltr' | 'rtl', closeSubmenu?: () => void) => {\n  if (!closeSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (\n      e.key === 'Escape' ||\n      (direction === 'ltr' && e.key === 'ArrowLeft') ||\n      (direction === 'rtl' && e.key === 'ArrowRight')\n    ) {\n      e.stopPropagation();\n      closeSubmenu?.();\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for opening submenu via keyboard\n */\nexport const getOpenSubmenuEvent = (direction: 'ltr' | 'rtl', openSubmenu?: () => void) => {\n  if (!openSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (direction === 'ltr') {\n      if (e.key === 'ArrowRight') {\n        openSubmenu?.();\n      }\n    } else {\n      if (e.key === 'ArrowLeft') {\n        openSubmenu?.();\n      }\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get type of device\n */\nexport const getIsMobile = () => {\n  const { deviceType } = getClientHints();\n  return deviceType === 'phone';\n};\n\n/**\n * Get blur and focus events\n */\nexport const getMenuContainerFocusMethods = (\n  blurFunction: () => void,\n  focusFunction: () => void\n) => {\n  const onBlur = () => {\n    setTimeout(() => {\n      blurFunction();\n    }, 100);\n  };\n\n  const onFocus = () => {\n    focusFunction();\n  };\n\n  return { onBlur, onFocus };\n};\n\n/**\n * Set currentKey based on clicking menuItem\n */\nexport const getMenuItemClickChangeKey = (\n  key: string,\n  changeKeyMethod: (payload: { key: string; reason: 'click' | 'mouseEnter' | 'keyboard' }) => void\n) => {\n  const onClick = () => {\n    changeKeyMethod({ key, reason: 'click' });\n  };\n  return { onClick };\n};\n\nexport const getMenuContainerMouseLeave = (mouseLeaveFunction: (e: MouseEvent) => void) => {\n  const onMouseLeave = (e: MouseEvent) => {\n    mouseLeaveFunction(e);\n  };\n  return { onMouseLeave };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item.\n    const keyElem = keyElemExtractor(event.target as HTMLElement);\n    if (!keyElem?.key) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n\nexport type MenuCollectionItem = {\n  key?: string;\n  reason: 'mouseEnter' | 'click' | 'keyboard';\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 { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n  isMobile: boolean;\n  onClose: ComponentProps<typeof Menu>['onClose'];\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  isMobile: false,\n  onClose: () => null\n});\n\nexport { MenuContext };\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 */\n\nimport { createContext } from 'preact';\nimport { MutableRef } from 'preact/hooks';\n\nimport { MenuCollectionItem } from './menuUtils';\n\nexport type MenuContainerContextProps = {\n  menuContainerRef: MutableRef<HTMLDivElement | null>;\n  currentKey?: string;\n  showFocusRing: boolean;\n  changeKey: (detail: MenuCollectionItem) => void;\n  isContainerFocused: boolean;\n  menuContainerGeneralInformation: MutableRef<{\n    wasMouseMoved: boolean;\n    lastMouseLeaveMenuItemdRelatedTarget: HTMLElement | null;\n  }>;\n};\n/**\n * Context used to pass menu information without having to pass it to menu children MenuContainerContextprops.\n * We want to communicate information down to any interested menu item children.\n */\nconst MenuContainerContext = createContext<MenuContainerContextProps>({\n  menuContainerRef: { current: null },\n  currentKey: undefined,\n  showFocusRing: false,\n  changeKey: () => {},\n  isContainerFocused: false,\n  menuContainerGeneralInformation: {\n    current: {\n      wasMouseMoved: false,\n      lastMouseLeaveMenuItemdRelatedTarget: null\n    }\n  }\n});\n\nexport { MenuContainerContext };\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 { MenuContainerContext } from './MenuContainerContext';\n\n/**\n * Utility hook for consuming the MenuContainerContext\n *\n * @returns The value of MenuContainerContext provider\n */\nfunction useMenuContainerContext() {\n  return useContext(MenuContainerContext);\n}\n\nexport { useMenuContainerContext };\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 { MutableRef, useLayoutEffect, useMemo, useRef, useCallback } from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\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 { useUser } from '../hooks/UNSAFE_useUser';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\n\nimport { useMenuContext } from './useMenuContext';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { getMenuItemClickChangeKey, getOpenSubmenuEvent } from './menuUtils';\nimport { useMenuContainerContext } from './useMenuContainerContext';\nimport { useSubmenuItemHover } from './useSubmenuItemHover';\nimport { MenuItemStyles, MenuItemVariantOptions } from './themes/MenuItemStyles.css';\nimport { MenuItemRedwoodTheme } from './themes/redwood/MenuItemTheme';\n\ntype MenuItemProps = BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n  label: string;\n  onAction?: () => void;\n  startIcon?: ComponentChildren;\n  endIcon?: ComponentChildren;\n  isDisabled?: boolean;\n  variant?: 'standard' | 'destructive';\n};\n\nexport function MenuItem(props: MenuItemProps) {\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n  return <BaseMenuItem {...props} role=\"menuitem\" type=\"simple\" id={id}></BaseMenuItem>;\n}\n//TODO:Omit<T, K> utility type does not distribute over union types in T. Have to check what can we do for\n//the discriminated union to be working. JET-57191\ntype BaseMenuItemProps = (SimpleBaseMenuItem | SelectBaseMenuItem | SubmenuBaseMenuItem) &\n  Omit<BaseBaseMenuItemProps, 'onAction'> & {\n    id: string;\n    menuItemLabelWeight?: 'normal' | 'bold';\n    onAction?: (e: Event) => void;\n  };\n\ntype SimpleBaseMenuItem = {\n  type: 'simple';\n  role: 'menuitem';\n} & ExcludedSubmenuProps &\n  ExcludedSelectProps;\n\ntype SelectBaseMenuItem = {\n  type: 'select';\n  role: 'menuitemcheckbox' | 'menuitemradio';\n  isChecked?: boolean;\n} & ExcludedSubmenuProps;\n\ntype SubmenuBaseMenuItem = {\n  type: 'submenu';\n  role: 'menuitem';\n} & IncludedSubmenuProps &\n  ExcludedSelectProps;\n\ntype ExcludedSubmenuProps = {\n  hoverInfo?: never;\n  openSubmenu?: never;\n  isSubmenuOpen?: never;\n  submenuId?: never;\n  submenuRef?: never;\n};\ntype IncludedSubmenuProps = {\n  hoverInfo?: {\n    hoverProps: Record<string, any>;\n    hoverStatus: MutableRef<{ recentClose: boolean; pendingUnhover: boolean }>;\n  };\n  openSubmenu?: () => void;\n  isSubmenuOpen?: boolean;\n  submenuId?: string;\n  submenuRef?: MutableRef<HTMLDivElement | null>;\n};\n\ntype ExcludedSelectProps = {\n  isChecked?: never;\n};\n\n//TODO: We have to comeback to this and see if we create new components to represent different types on menuItems\n//instead of using type prop. It also includes a new definition on prop types. This also includes the exposing of id\n//that is used by submenus. JET-57191\nexport const BaseMenuItem = forwardRef(\n  (\n    {\n      id,\n      label,\n      onAction,\n      startIcon,\n      endIcon,\n      role,\n      isChecked,\n      isDisabled = false,\n      variant = 'standard',\n      type,\n      hoverInfo,\n      openSubmenu,\n      menuItemLabelWeight = 'normal',\n      isSubmenuOpen,\n      submenuId,\n      submenuRef\n    }: BaseMenuItemProps,\n    ref?: ForwardedRef<HTMLAnchorElement>\n  ) => {\n    const { onClose } = useMenuContext();\n    const {\n      currentKey,\n      changeKey,\n      showFocusRing,\n      menuContainerRef,\n      menuContainerGeneralInformation,\n      isContainerFocused\n    } = useMenuContainerContext();\n\n    const menuItemRef = useRef<HTMLAnchorElement | null>(null);\n    const { direction } = useUser();\n\n    const isCurrent = currentKey === id;\n\n    const handleItemSelection = useCallback(\n      (e: Event) => {\n        //We don't want to close the menu if the element is a submenu one\n        if (type !== 'submenu') {\n          onClose?.({ reason: 'itemAction' });\n        }\n        onAction?.(e);\n      },\n      [type, onClose, onAction]\n    );\n\n    /*This hook is not used to just know is something is hover or not. Actual callbacks are run when mouse enter\n    or leave the menu item (to focus items when hovering and open submenus if the item is a submenu).  We don't use\n    useInteractionStyle hook for hovering since \"hovering style\" is more of a \"focus\" style in this context */\n    const { hoverProps } = useSubmenuItemHover({\n      onMouseEnter: (e: MouseEvent) => {\n        if (\n          !(\n            hoverInfo?.hoverStatus.current.recentClose ||\n            hoverInfo?.hoverStatus.current.pendingUnhover\n          )\n        ) {\n          if (hoverInfo && menuContainerGeneralInformation.current.wasMouseMoved) {\n            hoverInfo.hoverStatus.current.pendingUnhover = true;\n          }\n          // Mouse needs to be already moved to trigger mouse enter event\n          if (menuContainerGeneralInformation.current.wasMouseMoved) {\n            hoverInfo?.hoverProps['onMouseEnter'](e);\n            changeKey({\n              key: id,\n              reason: 'mouseEnter'\n            });\n          }\n        }\n      },\n      onMouseLeave: (e: MouseEvent) => {\n        if (hoverInfo) {\n          hoverInfo.hoverStatus.current.pendingUnhover = false;\n        }\n        //We check if new hover element is part of the menuContainer or submenu is there is one\n        if (\n          menuContainerRef.current?.contains(e.relatedTarget as Element) ||\n          submenuRef?.current?.contains(e.relatedTarget as Element)\n        ) {\n          menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget =\n            e.relatedTarget as HTMLElement;\n        }\n      }\n    });\n\n    const { pressProps } = usePress(handleItemSelection, { isDisabled });\n\n    useLayoutEffect(() => {\n      if (isCurrent) {\n        menuItemRef.current?.focus();\n      }\n    }, [isCurrent]);\n\n    const { interactionProps } = useInteractionStyle(isDisabled);\n\n    const {\n      classes: menuItemContainerClasses,\n      styles: {\n        iconLabelContainer,\n        iconContainer,\n        startIconContainer,\n        labelContainer,\n        endIconContainer\n      }\n    } = useComponentTheme<MenuItemVariantOptions, MenuItemStyles>(MenuItemRedwoodTheme, {\n      current: isCurrent ? 'isCurrent' : 'notCurrent',\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      variant: isDisabled ? 'disabled' : variant,\n      containerFocused: isContainerFocused ? 'isContainerFocused' : 'notContainerFocused',\n      submenuOpen: !!isSubmenuOpen ? 'isSubmenuOpen' : 'notSubmenuOpen'\n    });\n\n    const flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n      ...Object.values(flexitemInterpolations)\n    ]);\n    const { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyles } =\n      flexItemStyleInterpolations({\n        flex: '1 1 auto',\n        alignSelf: 'center'\n      });\n    const { class: iconContainerFlexItemClasses, ...iconContainerFlexItemStyles } =\n      flexItemStyleInterpolations({\n        flex: '0 0 auto',\n        alignSelf: 'center'\n      });\n\n    const startIconContainerClasses = classNames([\n      iconContainerFlexItemClasses,\n      iconLabelContainer,\n      iconContainer,\n      startIconContainer\n    ]);\n\n    const labelContainerClasses = classNames([\n      labelContainerFlexItemClasses,\n      iconLabelContainer,\n      labelContainer\n    ]);\n\n    const endIconContainerClasses = classNames([\n      iconContainerFlexItemClasses,\n      iconLabelContainer,\n      iconContainer,\n      endIconContainer\n    ]);\n\n    return (\n      <div\n        role=\"presentation\"\n        {...(submenuId !== undefined && type === 'submenu' && { 'aria-owns': submenuId })}>\n        <a\n          ref={(node: HTMLAnchorElement | null) => {\n            menuItemRef.current = node;\n            if (typeof ref === 'function') {\n              ref(node);\n            } else if (ref) {\n              ref.current = node;\n            }\n          }}\n          class={menuItemContainerClasses}\n          {...mergeProps(\n            interactionProps,\n            hoverProps,\n            pressProps,\n            getOpenSubmenuEvent(direction, openSubmenu),\n            getMenuItemClickChangeKey(id, changeKey)\n          )}\n          role={role}\n          data-oj-menu-item-key={id}\n          {...(type === 'submenu' && { 'aria-haspopup': true, 'aria-expanded': !!isSubmenuOpen })}\n          {...(isDisabled && { 'aria-disabled': true })}\n          {...(type === 'select' && { 'aria-checked': !!isChecked })}\n          tabIndex={isCurrent ? 0 : -1}>\n          {startIcon && (\n            <span style={iconContainerFlexItemStyles} class={startIconContainerClasses}>\n              {startIcon}\n            </span>\n          )}\n          <span style={labelContainerFlexItemStyles} class={labelContainerClasses}>\n            <Text variant=\"inherit\" size=\"md\" weight={menuItemLabelWeight}>\n              {label}\n            </Text>\n          </span>\n          {endIcon && (\n            <span style={iconContainerFlexItemStyles} class={endIconContainerClasses}>\n              {endIcon}\n            </span>\n          )}\n        </a>\n      </div>\n    );\n  }\n);\n","import { useToggle } from '../hooks/UNSAFE_useToggle';\n\nexport type HoverOptions = {\n  onMouseEnter: (e: MouseEvent) => void;\n  onMouseLeave: (e: MouseEvent) => void;\n};\n/**\n * Returns listeners and status for hover\n *\n *\n * @returns\n */\nexport function useSubmenuItemHover(settings: HoverOptions): {\n  hoverProps: Record<string, any>;\n} {\n  const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = useToggle(false);\n  const startHover = (e: MouseEvent) => {\n    if (ignore) {\n      setIgnoreFalse();\n    } else {\n      settings.onMouseEnter(e);\n    }\n  };\n\n  const hoverProps = {\n    ontouchend: setIgnoreTrue,\n    onMouseEnter: startHover,\n    onMouseLeave: (e: MouseEvent) => {\n      settings.onMouseLeave(e);\n    }\n  };\n  return {\n    hoverProps: hoverProps\n  };\n}\n"],"names":["getKey","item","dataset","keyElemExtractor","element","elem","closest","key","undefined","getOpenSubmenuEvent","direction","openSubmenu","onKeyDown","e","MenuContext","createContext","isMobile","onClose","useMenuContext","useContext","MenuContainerContext","menuContainerRef","current","currentKey","showFocusRing","changeKey","isContainerFocused","menuContainerGeneralInformation","wasMouseMoved","lastMouseLeaveMenuItemdRelatedTarget","useMenuContainerContext","BaseMenuItem","forwardRef","id","label","onAction","startIcon","endIcon","role","isChecked","isDisabled","variant","type","hoverInfo","menuItemLabelWeight","isSubmenuOpen","submenuId","submenuRef","ref","menuItemRef","useRef","useUser","isCurrent","handleItemSelection","useCallback","reason","hoverProps","settings","bool","ignore","setTrue","setIgnoreTrue","setFalse","setIgnoreFalse","useToggle","ontouchend","onMouseEnter","onMouseLeave","useSubmenuItemHover","hoverStatus","recentClose","pendingUnhover","contains","relatedTarget","pressProps","usePress","useLayoutEffect","focus","interactionProps","useInteractionStyle","classes","menuItemContainerClasses","styles","iconLabelContainer","iconContainer","startIconContainer","labelContainer","endIconContainer","useComponentTheme","MenuItemRedwoodTheme","focusRing","containerFocused","submenuOpen","flexItemStyleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","labelContainerFlexItemClasses","labelContainerFlexItemStyles","flex","alignSelf","iconContainerFlexItemClasses","iconContainerFlexItemStyles","startIconContainerClasses","classNames","labelContainerClasses","endIconContainerClasses","_jsx","jsx","children","_jsxs","jsxs","node","mergeProps","changeKeyMethod","onClick","tabIndex","style","Text","size","weight","props","uniqueID","useId","useMemo","closeSubmenu","stopPropagation","deviceType","getClientHints","menuLevel","event","preventDefault","root","items","querySelectorAll","lastItem","length","blurFunction","focusFunction","onBlur","setTimeout","onFocus","mouseLeaveFunction","onPointerDown","keyElem","target","positionIndex","positionedItem","isPrev","Array","from","nextIndex","findIndex","itemsLastIndex"],"mappings":"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"}

package/amd/MenuItemVariants.styles.css

@@ -1,33 +1,33 @@
-.MenuItemVariants_multiVariantStyles_variant_standard__2irn5a0:active {
+.MenuItemVariants_multiVariantStyles_variant_standard__ggzxwb0:active {
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active);
 }
-.MenuItemVariants_multiVariantStyles_variant_destructive__2irn5a1 {
+.MenuItemVariants_multiVariantStyles_variant_destructive__ggzxwb1 {
   --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger-low);
   --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger-low);
 }
-.MenuItemVariants_multiVariantStyles_variant_destructive__2irn5a1:active {
+.MenuItemVariants_multiVariantStyles_variant_destructive__ggzxwb1:active {
   --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger);
   --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger);
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-danger-active);
 }
-.MenuItemVariants_multiVariantStyles_variant_disabled__2irn5a2 {
+.MenuItemVariants_multiVariantStyles_variant_disabled__ggzxwb2 {
   --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
   --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
   cursor: default !important;
 }
-.MenuItemVariants_multiVariantStyles_compound_0__2irn5ab {
+.MenuItemVariants_multiVariantStyles_compound_0__ggzxwbb {
   outline-style: dotted;
   outline-offset: -1px;
   outline-width: 1px;
   outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus);
 }
-.MenuItemVariants_multiVariantStyles_compound_1__2irn5ac:not(:active) {
+.MenuItemVariants_multiVariantStyles_compound_1__ggzxwbc:not(:active) {
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover);
 }
-.MenuItemVariants_multiVariantStyles_compound_2__2irn5ad:not(:active) {
+.MenuItemVariants_multiVariantStyles_compound_2__ggzxwbd:not(:active) {
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover);
 }
-.MenuItemVariants_multiVariantStyles_compound_3__2irn5ae:not(:active) {
+.MenuItemVariants_multiVariantStyles_compound_3__ggzxwbe:not(:active) {
   --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger);
   --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger);
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-danger-hover);

package/amd/MenuItemVariants.styles2.css

@@ -1,33 +1,33 @@
-.MenuItemVariants_multiVariantStyles_variant_standard__ggzxwb0:active {
+.MenuItemVariants_multiVariantStyles_variant_standard__2irn5a0:active {
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active);
 }
-.MenuItemVariants_multiVariantStyles_variant_destructive__ggzxwb1 {
+.MenuItemVariants_multiVariantStyles_variant_destructive__2irn5a1 {
   --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger-low);
   --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger-low);
 }
-.MenuItemVariants_multiVariantStyles_variant_destructive__ggzxwb1:active {
+.MenuItemVariants_multiVariantStyles_variant_destructive__2irn5a1:active {
   --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger);
   --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger);
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-danger-active);
 }
-.MenuItemVariants_multiVariantStyles_variant_disabled__ggzxwb2 {
+.MenuItemVariants_multiVariantStyles_variant_disabled__2irn5a2 {
   --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
   --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
   cursor: default !important;
 }
-.MenuItemVariants_multiVariantStyles_compound_0__ggzxwbb {
+.MenuItemVariants_multiVariantStyles_compound_0__2irn5ab {
   outline-style: dotted;
   outline-offset: -1px;
   outline-width: 1px;
   outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus);
 }
-.MenuItemVariants_multiVariantStyles_compound_1__ggzxwbc:not(:active) {
+.MenuItemVariants_multiVariantStyles_compound_1__2irn5ac:not(:active) {
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover);
 }
-.MenuItemVariants_multiVariantStyles_compound_2__ggzxwbd:not(:active) {
+.MenuItemVariants_multiVariantStyles_compound_2__2irn5ad:not(:active) {
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover);
 }
-.MenuItemVariants_multiVariantStyles_compound_3__ggzxwbe:not(:active) {
+.MenuItemVariants_multiVariantStyles_compound_3__2irn5ae:not(:active) {
   --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger);
   --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger);
   background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-danger-hover);

package/amd/Message.types-eab759c5.js

@@ -0,0 +1,2 @@
+define(['exports'], (function(n){"use strict";n.severities=["error","warning","confirmation","info","none"]}));
+//# sourceMappingURL=Message.types-eab759c5.js.map

package/amd/Message.types-eab759c5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.types-eab759c5.js","sources":["../../src/PRIVATE_Message/Message.types.ts"],"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 { ItemMetadata } from '../utils/UNSAFE_dataProvider';\n\nexport const variants = ['banner', 'inline', 'toast'] as const;\nexport type MessageVariant = typeof variants[number];\n\nexport const severities = ['error', 'warning', 'confirmation', 'info', 'none'] as const;\nexport type MessageSeverity = typeof severities[number];\n\n/**\n * Structure of data item passed to the renderer functions\n */\nexport type MessageRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The zero-based index of the current message\n   */\n  index: number;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n"],"names":[],"mappings":"0DAY0B,CAAC,QAAS,UAAW,eAAgB,OAAQ"}

package/amd/MessageCloseButton-d492221d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './UNSAFE_IconButton', './PRIVATE_ThemedIcons/CloseIcon', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './IconButton-284cc675', './classNames-f1f0353a'], (function(s,e,t,n,o,a,c,l){"use strict";s.MessageCloseButton=function({onAction:s,buttonRenderer:t,title:o="Close",variant:i="banner"}){const r=t?t(o,s,i):e.jsx(c.IconButton,{size:"sm",tooltip:o,variant:"borderless",onAction:s,children:e.jsx(n.CloseIcon,{})}),u=l.classNames(["banner"===i&&"oj-c-messagebanner-close-icon",a.messageCloseButtonStyles.base,a.messageCloseButtonStyles[i]]);return e.jsx("div",{class:u,"data-oj-message-close-button":"",children:r})}}));
+//# sourceMappingURL=MessageCloseButton-d492221d.js.map

package/amd/MessageCloseButton-d492221d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCloseButton-d492221d.js","sources":["../../src/PRIVATE_Message/MessageCloseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { VNode } from 'preact';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageCloseButtonStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the MessageCloseButton component\n */\ntype Props = {\n  /**\n   * The callback function to be called when the close icon is clicked\n   */\n  onAction: (event?: Event) => void;\n\n  /**\n   * Button renderer\n   */\n  buttonRenderer?: (\n    title: string,\n    onAction: (event?: Event) => void,\n    variant?: MessageVariant\n  ) => VNode;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Close button title\n   */\n  title?: string;\n};\n\n/**\n * A Component for rendering the message close button\n */\nfunction MessageCloseButton({\n  onAction,\n  buttonRenderer,\n  title = 'Close',\n  variant = 'banner'\n}: Props) {\n  const renderedButton = buttonRenderer ? (\n    buttonRenderer(title, onAction, variant)\n  ) : (\n    <IconButton size=\"sm\" tooltip={title} variant=\"borderless\" onAction={onAction}>\n      <CloseIcon />\n    </IconButton>\n  );\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.\n\n  const markerClassForTests = 'oj-c-messagebanner-close-icon';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageCloseButtonStyles.base,\n    messageCloseButtonStyles[variant]\n  ]);\n\n  // Otherwise, render the close icon\n  return (\n    <div class={classes} data-oj-message-close-button=\"\">\n      {renderedButton}\n    </div>\n  );\n}\n\nexport { MessageCloseButton };\n"],"names":["onAction","buttonRenderer","title","variant","renderedButton","_jsx","jsx","IconButton","size","tooltip","children","CloseIcon","classes","classNames","messageCloseButtonStyles","base","class"],"mappings":"sRA+CA,UAA4BA,SAC1BA,EAAQC,eACRA,EAAcC,MACdA,EAAQ,QAAOC,QACfA,EAAU,WAEV,MAAMC,EAAiBH,EACrBA,EAAeC,EAAOF,EAAUG,GAEhCE,EAACC,IAAAC,cAAWC,KAAK,KAAKC,QAASP,EAAOC,QAAQ,aAAaH,SAAUA,EACnEU,SAAAL,EAAAA,IAACM,EAASA,UAAG,MASXC,EAAUC,EAAAA,WAAW,CACb,WAAZV,GAF0B,gCAG1BW,EAAAA,yBAAyBC,KACzBD,EAAAA,yBAAyBX,KAI3B,OACEE,EAAKC,IAAA,MAAA,CAAAU,MAAOJ,EAAsC,+BAAA,GAC/CF,SAAAN,GAGP"}

package/amd/MessageDetail-c0772e46.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageFormattingUtils-3114bb21', './classNames-f1f0353a'], (function(e,s,a,t,n,l,r){"use strict";function i(e){const{detail:t}=e.data;return l.isValidValueForProp(t)?s.jsx(a.Fragment,{children:t}):null}e.MessageDetail=function({item:e,renderer:a,variant:t="banner"}){const l=null!=a,c=(a??i)(e);if(null==c)return null;const u=r.classNames(["banner"===t&&"oj-c-messagebanner-detail",n.messageDetailStyles.base,n.messageDetailStyles[t]]);return s.jsx("div",{class:u,...l?{"data-oj-message-custom-detail":""}:{},children:c})}}));
+//# sourceMappingURL=MessageDetail-c0772e46.js.map

package/amd/MessageDetail-c0772e46.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetail-c0772e46.js","sources":["../../src/PRIVATE_Message/MessageDetail.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageDetailStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem, MessageVariant } from './Message.types';\nimport { isValidValueForProp } from './MessageFormattingUtils';\n\ntype MessageWithDetailText = {\n  /**\n   * The detail text for the message\n   */\n  detail?: string;\n};\n\n/**\n * Props for the Detail component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the detail content\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  renderer?: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Default renderer for rendering the detail content.\n *\n * @param item The data item object\n * @returns Rendered detail content\n */\nfunction defaultDetailRenderer<D extends MessageWithDetailText>(\n  item: MessageRendererDataItem<unknown, D>\n): ComponentChildren {\n  const { detail } = item.data;\n  // If the detail is null or an empty string, do not render the\n  // content row\n  if (!isValidValueForProp(detail)) {\n    return null;\n  }\n  return <Fragment>{detail}</Fragment>;\n}\n\n/**\n * Detail Component for rendering the detail content of the Message\n */\nfunction MessageDetail<K, D extends MessageWithDetailText>({\n  item,\n  renderer,\n  variant = 'banner'\n}: Props<K, D>) {\n  const isCustomRendered = renderer != null;\n  const renderedContent = (renderer ?? defaultDetailRenderer)(item);\n\n  if (renderedContent == null) return null;\n\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-detail';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageDetailStyles.base,\n    messageDetailStyles[variant]\n  ]);\n  return (\n    <div class={classes} {...(isCustomRendered ? { 'data-oj-message-custom-detail': '' } : {})}>\n      {renderedContent}\n    </div>\n  );\n}\n\nexport { MessageDetail };\n"],"names":["defaultDetailRenderer","item","detail","data","isValidValueForProp","_jsx","jsx","Fragment","children","renderer","variant","isCustomRendered","renderedContent","classes","classNames","messageDetailStyles","base","class"],"mappings":"4NA+CA,SAASA,EACPC,GAEA,MAAMC,OAAEA,GAAWD,EAAKE,KAGxB,OAAKC,EAAAA,oBAAoBF,GAGlBG,EAACC,IAAAC,EAAQA,SAAE,CAAAC,SAAAN,IAFT,IAGX,iBAKA,UAA2DD,KACzDA,EAAIQ,SACJA,EAAQC,QACRA,EAAU,WAEV,MAAMC,EAA+B,MAAZF,EACnBG,GAAmBH,GAAYT,GAAuBC,GAE5D,GAAuB,MAAnBW,EAAyB,OAAO,KAMpC,MACMC,EAAUC,EAAAA,WAAW,CACb,WAAZJ,GAF0B,4BAG1BK,EAAAA,oBAAoBC,KACpBD,EAAAA,oBAAoBL,KAEtB,OACEL,EAAKC,IAAA,MAAA,CAAAW,MAAOJ,KAAcF,EAAmB,CAAE,gCAAiC,IAAO,CAAE,EACtFH,SAAAI,GAGP"}

package/amd/MessageFormattingUtils-3114bb21.js

@@ -0,0 +1,2 @@
+define(['exports', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './Message.types-eab759c5', './stringUtils-0e013a89'], (function(t,e,i,n,r){"use strict";const s=Object.freeze({TODAY:{hour:"2-digit",minute:"2-digit",hour12:!0},DEFAULT:{day:"2-digit",month:"2-digit",year:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!0}}),o=/^(-?(?:[1-9][0-9]*)?[0-9]{4})-(1[0-2]|0[1-9])-(3[01]|0[1-9]|[12][0-9])T(2[0-3]|[01][0-9]):([0-5][0-9]):([0-5][0-9])(.[0-9]+)?(Z)?$/;t.formatTimestamp=function(t){return function(t){const i=e.getLocale(),{DateTimeFormat:n}=Intl;return new n(i,t?s.TODAY:s.DEFAULT)}(function(t){const e=new Date,i=new Date(t);return e.getUTCFullYear()===i.getUTCFullYear()&&e.getUTCMonth()===i.getUTCMonth()&&e.getUTCDate()===i.getUTCDate()}(t)).format(new Date(t))},t.isValidValueForProp=function(t,e="string"){switch(e){case"severity":return"string"==typeof t&&n.severities.includes(t);case"timestamp":return"string"==typeof t&&o.test(t);default:return"string"==typeof t&&!r.isEmptyOrUndefined(t)}}}));
+//# sourceMappingURL=MessageFormattingUtils-3114bb21.js.map

package/amd/MessageFormattingUtils-3114bb21.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFormattingUtils-3114bb21.js","sources":["../../src/PRIVATE_Message/MessageFormattingUtils.ts"],"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 { getLocale } from '../utils/UNSAFE_getLocale';\nimport { isEmptyOrUndefined } from '../utils/UNSAFE_stringUtils';\nimport { severities } from './Message.types';\n\n// Types of properties that can be formatted\ntype PropFormat = 'severity' | 'string' | 'timestamp';\n\n/**\n * Options for creating an Intl.DateTimeFormat instance.\n */\nconst DATE_FORMAT_OPTIONS = Object.freeze({\n  TODAY: {\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  },\n  DEFAULT: {\n    day: '2-digit',\n    month: '2-digit',\n    year: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  }\n});\n\n/**\n * Regex for validating ISO timestamp\n */\nconst ISO_DATE_REGEX =\n  /^(-?(?:[1-9][0-9]*)?[0-9]{4})-(1[0-2]|0[1-9])-(3[01]|0[1-9]|[12][0-9])T(2[0-3]|[01][0-9]):([0-5][0-9]):([0-5][0-9])(.[0-9]+)?(Z)?$/;\n\n/**\n * Checks if the provided date is today\n *\n * @param isoDate Date to be tested for today\n *\n * @returns boolean indicating if the provided date is today\n */\nfunction isDateToday(isoDate: string) {\n  const today = new Date();\n  const provided = new Date(isoDate);\n\n  return (\n    today.getUTCFullYear() === provided.getUTCFullYear() &&\n    today.getUTCMonth() === provided.getUTCMonth() &&\n    today.getUTCDate() === provided.getUTCDate()\n  );\n}\n\n/**\n * Creates an instance of Intl.DateTimeFormat\n *\n * @param isToday A boolean to indicate whether a formatter is needed for the date\n *                that is the current day.\n *\n * @returns the formatter instance\n */\nfunction getDateTimeFormatter(isToday: boolean) {\n  const locale = getLocale();\n  const { DateTimeFormat } = Intl;\n  if (isToday) {\n    return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.TODAY as Intl.DateTimeFormatOptions);\n  }\n\n  return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.DEFAULT as Intl.DateTimeFormatOptions);\n}\n\n/**\n * Checks if the provided value is valid for the prop specified.\n * By default, this method just checks for the value to be a valid string.\n *\n * @param value The value to be checked\n * @param prop The property for which the value needs to be evaluated\n *\n * @returns the result of the validation\n */\nfunction isValidValueForProp<T>(\n  value: T | null | undefined,\n  prop: PropFormat = 'string'\n): value is T {\n  switch (prop) {\n    case 'severity':\n      // Should be one of the allowed severity\n      return typeof value === 'string' && severities.includes(value as any);\n\n    case 'timestamp':\n      // Should be a valid ISO Datetime string\n      return typeof value === 'string' && ISO_DATE_REGEX.test(value);\n\n    case 'string':\n    default:\n      // anything other than null, undefined and '' is a valid string\n      return typeof value === 'string' && !isEmptyOrUndefined(value);\n  }\n}\n\n/**\n * Formats the timestamp in the required format based on the current\n * locale.\n *\n * @param isoTime Timestamp in ISO format\n */\nfunction formatTimestamp(isoTime: string) {\n  const isToday = isDateToday(isoTime);\n  const formatter = getDateTimeFormatter(isToday);\n\n  return formatter.format(new Date(isoTime));\n}\n\nexport { formatTimestamp, isValidValueForProp };\n"],"names":["DATE_FORMAT_OPTIONS","Object","freeze","TODAY","hour","minute","hour12","DEFAULT","day","month","year","ISO_DATE_REGEX","isoTime","isToday","locale","getLocale","DateTimeFormat","Intl","getDateTimeFormatter","isoDate","today","Date","provided","getUTCFullYear","getUTCMonth","getUTCDate","isDateToday","format","value","prop","severities","includes","test","isEmptyOrUndefined"],"mappings":"iKAiBA,MAAMA,EAAsBC,OAAOC,OAAO,CACxCC,MAAO,CACLC,KAAM,UACNC,OAAQ,UACRC,QAAQ,GAEVC,QAAS,CACPC,IAAK,UACLC,MAAO,UACPC,KAAM,UACNN,KAAM,UACNC,OAAQ,UACRC,QAAQ,KAONK,EACJ,uJAyEF,SAAyBC,GAIvB,OAjDF,SAA8BC,GAC5B,MAAMC,EAASC,EAAAA,aACTC,eAAEA,GAAmBC,KAC3B,OACS,IAAID,EAAeF,EADxBD,EACgCb,EAAoBG,MAGtBH,EAAoBO,QACxD,CAuCoBW,CAlEpB,SAAqBC,GACnB,MAAMC,EAAQ,IAAIC,KACZC,EAAW,IAAID,KAAKF,GAE1B,OACEC,EAAMG,mBAAqBD,EAASC,kBACpCH,EAAMI,gBAAkBF,EAASE,eACjCJ,EAAMK,eAAiBH,EAASG,YAEpC,CAwDkBC,CAAYd,IAGXe,OAAO,IAAIN,KAAKT,GACnC,wBA/BA,SACEgB,EACAC,EAAmB,UAEnB,OAAQA,GACN,IAAK,WAEH,MAAwB,iBAAVD,GAAsBE,EAAUA,WAACC,SAASH,GAE1D,IAAK,YAEH,MAAwB,iBAAVA,GAAsBjB,EAAeqB,KAAKJ,GAG1D,QAEE,MAAwB,iBAAVA,IAAuBK,EAAkBA,mBAACL,GAE9D"}

package/amd/MessageStartIcon-78e1b9c9.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './UNSAFE_Flex', './PRIVATE_Message/themes/MessageStyles.css', './Flex-cc3a1b4c', './classNames-f1f0353a'], (function(e,s,n,a,t,r,o,c,i,l,I){"use strict";const g={confirmation:a.MessageConfirmationIcon,error:t.MessageErrorIcon,info:r.MessageInfoIcon,warning:o.MessageWarningIcon};e.MessageStartIcon=function({severity:e,variant:n="banner",translations:a}){const t=g[e],r="inline"!==n?s.jsx(l.Flex,{align:"center",height:"100%",children:s.jsx("span",{class:i.startIconContainerStyles[n],role:"img",title:a?.[e],children:s.jsx(t,{})})}):s.jsx("span",{class:i.startIconContainerStyles.inline,role:"img",title:a?.[e],children:s.jsx(t,{})});return s.jsx("div",{class:I.classNames(["banner"===n&&"oj-c-messagebanner-start-icon",i.messageStartIconStyles.base,i.messageStartIconStyles[n],i.severityIconStyles[n]]),role:"presentation",children:r})}}));
+//# sourceMappingURL=MessageStartIcon-78e1b9c9.js.map

package/amd/MessageStartIcon-78e1b9c9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStartIcon-78e1b9c9.js","sources":["../../src/PRIVATE_Message/MessageStartIcon.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity, MessageVariant } from './Message.types';\nimport { MessageConfirmationIcon } from '../PRIVATE_ThemedIcons/MessageConfirmationIcon';\nimport { MessageErrorIcon } from '../PRIVATE_ThemedIcons/MessageErrorIcon';\nimport { MessageInfoIcon } from '../PRIVATE_ThemedIcons/MessageInfoIcon';\nimport { MessageWarningIcon } from '../PRIVATE_ThemedIcons/MessageWarningIcon';\nimport { Flex } from '../UNSAFE_Flex';\nimport {\n  messageStartIconStyles,\n  severityIconStyles,\n  startIconContainerStyles\n} from './themes/MessageStyles.css';\n\nconst severityIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props = {\n  /**\n   * The icon severity\n   */\n  severity: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Translations resources\n   * TODO: Replace with preact translations when it is available\n   */\n  translations?: {\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * StartIcon Component for rendering the severity based icon in Message\n */\nfunction MessageStartIcon({ severity, variant = 'banner', translations }: Props) {\n  const IconComponent = severityIcons[severity];\n  // TODO: JET-50793\n  const iconContent =\n    variant !== 'inline' ? (\n      <Flex align=\"center\" height=\"100%\">\n        <span class={startIconContainerStyles[variant]} role=\"img\" title={translations?.[severity]}>\n          <IconComponent />\n        </span>\n      </Flex>\n    ) : (\n      <span class={startIconContainerStyles.inline} role=\"img\" title={translations?.[severity]}>\n        <IconComponent />\n      </span>\n    );\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-start-icon';\n  return (\n    <div\n      class={classNames([\n        variant === 'banner' && markerClassForTests,\n        messageStartIconStyles.base,\n        messageStartIconStyles[variant],\n        severityIconStyles[variant]\n      ])}\n      role=\"presentation\">\n      {iconContent}\n    </div>\n  );\n}\n\nexport { MessageStartIcon };\n"],"names":["severityIcons","confirmation","MessageConfirmationIcon","error","MessageErrorIcon","info","MessageInfoIcon","warning","MessageWarningIcon","severity","variant","translations","IconComponent","iconContent","_jsx","Flex","align","height","jsx","class","startIconContainerStyles","role","title","children","inline","classNames","messageStartIconStyles","base","severityIconStyles"],"mappings":"qYAoBA,MAAMA,EAAgB,CACpBC,aAAcC,EAAuBA,wBACrCC,MAAOC,EAAgBA,iBACvBC,KAAMC,EAAeA,gBACrBC,QAASC,EAAkBA,uCA+C7B,UAA0BC,SAAEA,EAAQC,QAAEA,EAAU,SAAQC,aAAEA,IACxD,MAAMC,EAAgBZ,EAAcS,GAE9BI,EACQ,WAAZH,EACEI,MAACC,OAAI,CAACC,MAAM,SAASC,OAAO,gBAC1BH,EAAMI,IAAA,OAAA,CAAAC,MAAOC,EAAAA,yBAAyBV,GAAUW,KAAK,MAAMC,MAAOX,IAAeF,GAC/Ec,SAAAT,EAAAA,IAACF,EAAa,QAIlBE,EAAAI,IAAA,OAAA,CAAMC,MAAOC,EAAAA,yBAAyBI,OAAQH,KAAK,MAAMC,MAAOX,IAAeF,YAC7EK,EAACI,IAAAN,EAAgB,CAAA,KAQvB,OACEE,MAAA,MAAA,CACEK,MAAOM,EAAAA,WAAW,CACJ,WAAZf,GAJsB,gCAKtBgB,EAAAA,uBAAuBC,KACvBD,EAAAA,uBAAuBhB,GACvBkB,EAAAA,mBAAmBlB,KAErBW,KAAK,wBACJR,GAGP"}

package/amd/MessageSummary-095ba076.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './classNames-f1f0353a'], (function(s,e,a,n,t){"use strict";s.MessageSummary=function({text:s,variant:a="banner"}){const m=t.classNames(["banner"===a&&"oj-c-messagebanner-summary",n.messageSummaryStyles.base,n.messageSummaryStyles[a]]);return e.jsx("div",{role:"heading",class:m,children:s})}}));
+//# sourceMappingURL=MessageSummary-095ba076.js.map

package/amd/MessageSummary-095ba076.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSummary-095ba076.js","sources":["../../src/PRIVATE_Message/MessageSummary.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageSummaryStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the Summary component\n */\ntype Props = {\n  /**\n   * The summary text\n   */\n  text?: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Summary Component for rendering the summary text of the Message\n */\nfunction MessageSummary({ text, variant = 'banner' }: Props) {\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.\n\n  const markerClassForTests = 'oj-c-messagebanner-summary';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageSummaryStyles.base,\n    messageSummaryStyles[variant]\n  ]);\n  return (\n    <div role=\"heading\" class={classes}>\n      {text}\n    </div>\n  );\n}\n\nexport { MessageSummary };\n"],"names":["text","variant","classes","classNames","messageSummaryStyles","base","_jsx","jsx","role","class","children"],"mappings":"4LA8BA,UAAwBA,KAAEA,EAAIC,QAAEA,EAAU,WAOxC,MACMC,EAAUC,EAAAA,WAAW,CACb,WAAZF,GAF0B,6BAG1BG,EAAAA,qBAAqBC,KACrBD,EAAAA,qBAAqBH,KAEvB,OACEK,EAAAC,IAAA,MAAA,CAAKC,KAAK,UAAUC,MAAOP,EAAOQ,SAC/BV,GAGP"}

package/amd/MessageTimestamp-be222097.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageFormattingUtils-3114bb21', './classNames-f1f0353a'], (function(s,e,a,t,m,n){"use strict";s.MessageTimestamp=function({value:s,variant:a="banner"}){const i=n.classNames(["banner"===a&&"oj-c-messagebanner-timestamp",t.messageTimestampStyles[a]]),r=m.formatTimestamp(s);return e.jsx("div",{class:i,children:r})}}));
+//# sourceMappingURL=MessageTimestamp-be222097.js.map

package/amd/MessageTimestamp-be222097.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTimestamp-be222097.js","sources":["../../src/PRIVATE_Message/MessageTimestamp.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageTimestampStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\nimport { formatTimestamp } from './MessageFormattingUtils';\n\n/**\n * Props for the Timestamp component\n */\ntype Props = {\n  /**\n   * The timestamp to show in ISO format\n   */\n  value: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Timestamp Component for rendering timestamp in Message\n */\nfunction MessageTimestamp({ value, variant = 'banner' }: Props) {\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.\n\n  const markerClassForTests = 'oj-c-messagebanner-timestamp';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageTimestampStyles[variant]\n  ]);\n\n  // Otherwise, render the timestamp\n  const formattedTimestamp = formatTimestamp(value as string);\n  return <div class={classes}>{formattedTimestamp}</div>;\n}\n\nexport { MessageTimestamp };\n"],"names":["value","variant","classes","classNames","messageTimestampStyles","formattedTimestamp","formatTimestamp","_jsx","class","children"],"mappings":"oOA+BA,UAA0BA,MAAEA,EAAKC,QAAEA,EAAU,WAO3C,MACMC,EAAUC,EAAAA,WAAW,CACb,WAAZF,GAF0B,+BAG1BG,EAAAA,uBAAuBH,KAInBI,EAAqBC,kBAAgBN,GAC3C,OAAOO,EAAAA,WAAKC,MAAON,EAAUO,SAAAJ,GAC/B"}

package/amd/MessageToast-7eaab83e.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './index-42a08f12', './hooks/PRIVATE_useMessagesFocusManager', './hooks/UNSAFE_useBreakpointValues', './hooks/UNSAFE_useMessagesContext', './hooks/UNSAFE_useTranslationBundle', './PRIVATE_Message', './index-7c0ca733', './UNSAFE_Flex', './UNSAFE_FocusTrap', './UNSAFE_LiveRegion', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './FocusTrap-8d1af9ad', './Flex-cc3a1b4c', './MessagesManager-8ab99470', './MessageUtils-99ffdbbf'], (function(e,t,s,o,n,a,r,i,l,c,u,g,d,m,h,f,p,x,R,M){"use strict";m.stringLiteralArray(["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]);const y={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},F={opacity:0};e.MessageToast=function({data:e,detailRendererKey:u,iconRendererKey:g,renderers:m,onClose:T,offset:E,position:v}){const b=s.useRef(new Map),S=s.useRef(null),k=s.useRef(null),A=s.useRef(null),[U,_]=s.useState(),[j,N]=s.useState(e.length>0),[C,I]=s.useState(!1),w=i.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:V}=r.useMessagesContext(),L=s.useRef(e.length),P=s.useRef(0);L.current=e.length,s.useImperativeHandle(A,(()=>({focus:()=>!!e.length&&(S.current=b.current.get(e[0].key)??null,I(!0),!0),contains:t=>!(!e.length||!t)&&(k.current?.contains(t)??!1)})),[e]);const{controller:O,handlers:z}=n.useMessageFocusManager(A,{onFocus:s.useCallback((()=>{_(w.message_navigationFromMessagesRegion())}),[w]),onFocusLeave:s.useCallback((()=>{I(!1)}),[])},{handleEscapeKey:!1}),B=s.useCallback(((t,s,o)=>{const n=o?.contains(document.activeElement);if(0===L.current)return N(!1),I(!1),void(n&&setImmediate((()=>O.restorePriorFocus())));const a=s+1<e.length?s+1:s-1;if(a>-1&&n){const t=e[a].key;b.current.get(t)?.focus()}}),[O,e]),D=s.useCallback((e=>t=>b.current.set(e,t)),[]);s.useEffect((()=>{const t=P.current;if(P.current=e.length,e.length)return N(!0),e.length>t&&_(w.message_navigationToMessagesRegion()),void O.prioritize();_(t?w.messageToast_allMessagesClosed():"")}),[O,e.length,w]);const W=a.useBreakpointValues({sm:"--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-sm",md:"--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-md",lg:"--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-lg"}),K=a.useBreakpointValues({sm:{horizontal:"number"==typeof E?E:E?.horizontal??0,vertical:16+("number"==typeof E?E:E?.vertical??0)},lg:{horizontal:"number"==typeof E?E:E?.horizontal??0,vertical:24+("number"==typeof E?E:E?.vertical??0)}}),H=s.useMemo((()=>({close:w.close(),confirmation:w.confirmation(),error:w.error(),info:w.info(),warning:w.warn()})),[w]),{classes:$}=h.useComponentTheme(f.MessageToastRedwoodTheme);return j||0!==e.length?t.jsxs(o.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[t.jsx(c.MessageLayer,{offset:K,position:v,children:t.jsx("div",{class:$,ref:k,tabIndex:-1,id:V,...z,children:t.jsx(p.FocusTrap,{autoFocusRef:S,isDisabled:!C,children:t.jsx(x.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:W,children:t.jsx(R.MessagesManager,{animationStates:y,initialAnimationStyles:F,data:e,onMessageWillRemove:B,children:({index:e,item:s})=>t.jsx(l.Message,{messageRef:D(s.key),item:s,detailRenderer:M.getRendererWithoutIndex(s,u,m),iconRenderer:M.getRendererWithoutIndex(s,g,m),index:e,onClose:T,translations:H,variant:"toast"},s.key)})})})})}),t.jsx(d.LiveRegion,{children:U})]}):t.jsx(d.LiveRegion,{children:U})}}));
+//# sourceMappingURL=MessageToast-7eaab83e.js.map

package/amd/MessageToast-7eaab83e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageToast-7eaab83e.js","sources":["../../src/UNSAFE_MessageToast/MessageToast.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState\n} from 'preact/hooks';\n\nimport { EnvironmentProvider } from '../UNSAFE_Environment';\nimport {\n  FocusableComponentHandle,\n  useMessageFocusManager\n} from '../hooks/PRIVATE_useMessagesFocusManager';\nimport { useBreakpointValues } from '../hooks/UNSAFE_useBreakpointValues';\nimport { useMessagesContext } from '../hooks/UNSAFE_useMessagesContext';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getRendererWithoutIndex, Message, MessagesManager } from '../PRIVATE_Message';\nimport { MessageLayer } from '../PRIVATE_MessageLayer';\nimport { BundleType } from '../resources/nls/bundle';\nimport { Flex } from '../UNSAFE_Flex';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { Item, ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MessageToastRedwoodTheme } from './themes/redwood/MessageToastTheme';\n\n// TODO: refactor types so we don't repeat them here and MessageLayer\n// \nconst positions = stringLiteralArray([\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]);\n\ntype Position = typeof positions[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\n// TODO: Refactor Message Item types\n// \n\n/**\n * An object representing a single message in MessageToast component.\n */\nexport type MessageToastItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   *\n   * @default 'error'\n   */\n  severity?: 'none' | 'error' | 'warning' | 'confirmation' | 'info';\n\n  /**\n   * Defines the sound to be played when opening the message\n   *\n   * @default 'none'\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the time after which the message is to be closed automatically\n   *\n   * on - default of 5s\n   * off - no auto timeout, manually dismissed\n   * number - seconds in milliseconds format\n   *\n   * @default 'off'\n   */\n  autoTimeout?: 'on' | 'off' | number;\n};\n\n/**\n * Structure of data item passed to the renderers\n */\nexport type MessageToastRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\ntype Props<Key, Data> = {\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   * Data for the MessageToast component. This data is used for rendering each toast message.\n   * The key for each message will be configured using the key of the corresponding item. This way,\n   * the component will know whether a new message is being added or an existing message is being updated/removed\n   * when the new data comes in.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The application\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message closed. If the application\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component and the message will stay in the UI opened.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of a renderer to use for rendering the detail content.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the detail content for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's detail content. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the detail content using the detail property of the corresponding message.\n   *\n   * If an application specifies both detail and a valid detailRendererKey, the detailRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the detail content.\n   */\n  detailRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of the renderer to use for rendering the start icon.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the start icon for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's start icon. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the start icon using the severity property of the corresponding message.\n   *\n   * If an application specifies both severity and a valid iconRendererKey, the iconRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the start icon.\n   */\n  iconRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * A set of available renderers for rendering the message content. Which renderer is used\n   * for rendering which content will be decided by specific properties in the row data.\n   */\n  renderers?: Record<string, (data: MessageToastRendererDataItem<Key, Data>) => ComponentChildren>;\n};\n\n/**\n * Animation states for toast messages\n * TODO: Get this from theme context provider\n */\nconst animationStates: ComponentProps<typeof MessagesManager>['animationStates'] = {\n  entering: (node) => ({\n    from: {\n      transform: `translate(0, ${node.offsetHeight}px)`,\n      opacity: 1\n    },\n    to: {\n      transform: 'translate(0, 0)',\n      opacity: 1\n    },\n    end: {\n      transform: 'unset',\n      opacity: 1\n    },\n    options: {\n      duration: 250\n    }\n  }),\n  exiting: {\n    from: {\n      opacity: 1\n    },\n    to: {\n      opacity: 0\n    },\n    end: {\n      opacity: 0\n    },\n    options: {\n      duration: 250\n    }\n  }\n};\nconst initialAnimationStyles = {\n  opacity: 0\n} as const;\n\nexport function MessageToast<K extends string | number, D extends MessageToastItem>({\n  data,\n  detailRendererKey,\n  iconRendererKey,\n  renderers,\n  onClose,\n  offset,\n  position\n}: Props<K, D>) {\n  const messagesRef = useRef(new Map<K, HTMLDivElement | null>());\n  const autoFocusRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement | null>;\n  const containerDivRef = useRef<HTMLDivElement>(null);\n  const focusHandleRef = useRef<FocusableComponentHandle>(null);\n  const [liveRegionText, setLiveRegionText] = useState<string>();\n  const [shouldRender, setShouldRender] = useState(data.length > 0);\n  const [shouldTrapFocus, setShouldTrapFocus] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const { UNSAFE_messagesLayerId } = useMessagesContext();\n\n  // We need a ref that holds the current & previous data length, as the exiting\n  // node will always call handleNextFocus with previous data.\n  // As in TransitionGroup, when an item is removed from the data, a new vnode\n  // will not be created instead previous vnode will be used. So, the new handleNextFocus\n  // will not be called when the old vnode exits. Thus, we will be using a ref\n  // to always get the correct current data length.\n  const dataLengthRef = useRef(data.length);\n  const prevDataLengthRef = useRef(0);\n  // Update the data length ref\n  dataLengthRef.current = data.length;\n\n  // Update the focusHandleRef\n  useImperativeHandle(\n    focusHandleRef,\n    () => ({\n      focus: () => {\n        // Only trigger focus if the component is rendering messages\n        if (data.length) {\n          // set the autoFocus ref to the first message and enable the focus trap\n          // this will automatically focus the first message\n          autoFocusRef.current = messagesRef.current.get(data[0].key) ?? null;\n          setShouldTrapFocus(true);\n          return true;\n        }\n        return false;\n      },\n      contains: (element: Element) => {\n        // Only invoke method if the component is rendering messages\n        if (data.length && element) {\n          return containerDivRef.current?.contains(element) ?? false;\n        }\n        return false;\n      }\n    }),\n    [data]\n  );\n\n  // Register handlers for focus management\n  const { controller, handlers } = useMessageFocusManager(\n    focusHandleRef,\n    {\n      onFocus: useCallback(() => {\n        setLiveRegionText(translations.message_navigationFromMessagesRegion());\n      }, [translations]),\n      onFocusLeave: useCallback(() => {\n        // disable trap which should revert the focus back to the last focused item\n        setShouldTrapFocus(false);\n      }, [])\n    },\n    {\n      // we do not want the focus manager to handle Esc key as we handle it using the\n      // FocusTrap here\n      handleEscapeKey: false\n    }\n  );\n\n  /**\n   * Handles focus when a message is closed and animated away from the DOM\n   * @param key The key of the message\n   * @param index The index of the message\n   */\n  const handleNextFocus = useCallback(\n    (_key: K, index: number, closedMessageNode?: Element) => {\n      const isClosedMessageFocused = closedMessageNode?.contains(document.activeElement);\n\n      // If there are no messages, do not render anything. As the old messages\n      // are still in the DOM, use the data count to determine what to do next as it\n      // represents the next state.\n      if (dataLengthRef.current === 0) {\n        setShouldRender(false);\n        setShouldTrapFocus(false);\n        // If the current message holds focus, then restore previous focus\n        if (isClosedMessageFocused) {\n          // As we have FocusTrap, trying to restore focus now will simply result in focus being pulled\n          // back again. So, we restore the focus in the next tick so that the rendering will have been\n          // done in the microtask.\n          setImmediate(() => controller.restorePriorFocus());\n        }\n        return;\n      }\n\n      // In TransitionGroup, when an item is removed from the data, a new vnode\n      // will not be created instead previous vnode will be used. So, the new handleNextFocus\n      // will not be called when the old vnode exits. Thus, all the deps will not be pointing to\n      // the current references, rather they will be pointing to the ones where this vnode\n      // last existed in the data.\n      // This means, the data will contain the closing message as well. But, all the ref objects\n      // still point to the most up-to-date values. With that in mind, we will be evaluating the\n      // following values.\n      const renderedMessagesCount = data.length;\n\n      // Now that this message is closed, focus the next message that will take this index. If no\n      // message will take this message's index, then it means that this is the last message. If\n      // that is the case, focus the message at the previous index.\n      // Use the count of the messages that are currently shown in the UI (current state including\n      // the message that will be removed). This way we can get the correct item from the data\n      // as it will contain the closing message as well.\n      const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1;\n\n      // if next message is available then transfer the focus to the next element\n      if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {\n        const nextMessageKey = data[nextMessageIndexToFocus].key;\n        messagesRef.current.get(nextMessageKey)?.focus();\n      }\n    },\n    [controller, data]\n  );\n\n  // We will be using a function based ref to store the refs in the Map\n  const setHTMLDivElement = useCallback(\n    // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)\n    (key: K) => {\n      return (ref: HTMLDivElement | null) => messagesRef.current.set(key, ref);\n    },\n    []\n  );\n  // Prioritize this component whenever the data changes and\n  // the new data has at least one message\n  useEffect(() => {\n    const previousDataLength = prevDataLengthRef.current;\n    prevDataLengthRef.current = data.length;\n\n    // if there are messages that need to be rendered now, then do the following deeds:\n    // 1. set the shouldRender flag\n    // 2. set the live region\n    // 3. prioritize this message component to be the latest\n    if (data.length) {\n      // set state to render content whenever the data is not empty\n      setShouldRender(true);\n      if (data.length > previousDataLength) {\n        // Only when having a new message, update the aria-live area with the\n        // text to indicate how to get the focus to the new message.\n        setLiveRegionText(translations.message_navigationToMessagesRegion());\n      }\n      controller.prioritize();\n      return;\n    }\n\n    // if there were messages and now removed, then set the live region to\n    // announce this information\n    if (previousDataLength) {\n      setLiveRegionText(translations.messageToast_allMessagesClosed());\n      return;\n    }\n\n    // When there are no messages, clear the live region so that\n    // the navigation text will be read when a new message appear\n    setLiveRegionText('');\n  }, [controller, data.length, translations]);\n\n  // determine responsive max-width\n  const maxWidth = useBreakpointValues<Size>({\n    sm: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-sm',\n    md: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-md',\n    lg: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-lg'\n  });\n  // without offset, the messages will be hugging the vertical edges of the screen\n  // so we will set a default offset.vertical value (any offset from the props will be\n  // added to this).\n  const paddedOffset = useBreakpointValues<Offset>({\n    sm: {\n      horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,\n      vertical: 16 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)\n    },\n    lg: {\n      horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,\n      vertical: 24 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)\n    }\n  });\n\n  // TODO: move this to the individual components.\n  // Cannot do this as of now, as doing do results in oj-message-banner not working.\n  const messageTranslations = useMemo(\n    () => ({\n      close: translations.close(),\n      confirmation: translations.confirmation(),\n      error: translations.error(),\n      info: translations.info(),\n      warning: translations.warn()\n    }),\n    [translations]\n  );\n\n  const { classes } = useComponentTheme(MessageToastRedwoodTheme);\n\n  // When both shouldRender flag is false and no data to render, do not render\n  // anything except the live region\n  if (!shouldRender && data.length === 0) {\n    return <LiveRegion>{liveRegionText}</LiveRegion>;\n  }\n\n  // TODO - Message Toast shouldn't always render as 'dark', it should be the inverse of the root environment context\n  // See JET-57590\n  return (\n    <EnvironmentProvider environment={{ colorScheme: 'dark' }}>\n      <MessageLayer offset={paddedOffset} position={position}>\n        <div\n          class={classes}\n          ref={containerDivRef}\n          tabIndex={-1} // Need to add tabindex to make the container receive the focus events\n          id={UNSAFE_messagesLayerId}\n          {...handlers}>\n          <FocusTrap autoFocusRef={autoFocusRef} isDisabled={!shouldTrapFocus}>\n            <Flex direction=\"column\" gap=\"1x\" align=\"center\" maxWidth={maxWidth}>\n              <MessagesManager\n                animationStates={animationStates}\n                initialAnimationStyles={initialAnimationStyles}\n                data={data}\n                onMessageWillRemove={handleNextFocus}>\n                {({ index, item }) => (\n                  <Message\n                    messageRef={setHTMLDivElement(item.key)}\n                    item={item}\n                    detailRenderer={getRendererWithoutIndex(item, detailRendererKey, renderers)}\n                    iconRenderer={getRendererWithoutIndex(item, iconRendererKey, renderers)}\n                    index={index}\n                    key={item.key}\n                    onClose={onClose}\n                    translations={messageTranslations}\n                    variant=\"toast\"\n                  />\n                )}\n              </MessagesManager>\n            </Flex>\n          </FocusTrap>\n        </div>\n      </MessageLayer>\n      <LiveRegion>{liveRegionText}</LiveRegion>\n    </EnvironmentProvider>\n  );\n}\n"],"names":["stringLiteralArray","animationStates","entering","node","from","transform","offsetHeight","opacity","to","end","options","duration","exiting","initialAnimationStyles","data","detailRendererKey","iconRendererKey","renderers","onClose","offset","position","messagesRef","useRef","Map","autoFocusRef","containerDivRef","focusHandleRef","liveRegionText","setLiveRegionText","useState","shouldRender","setShouldRender","length","shouldTrapFocus","setShouldTrapFocus","translations","useTranslationBundle","UNSAFE_messagesLayerId","useMessagesContext","dataLengthRef","prevDataLengthRef","current","useImperativeHandle","focus","get","key","contains","element","controller","handlers","useMessageFocusManager","onFocus","useCallback","message_navigationFromMessagesRegion","onFocusLeave","handleEscapeKey","handleNextFocus","_key","index","closedMessageNode","isClosedMessageFocused","document","activeElement","setImmediate","restorePriorFocus","nextMessageIndexToFocus","nextMessageKey","setHTMLDivElement","ref","set","useEffect","previousDataLength","message_navigationToMessagesRegion","prioritize","messageToast_allMessagesClosed","maxWidth","useBreakpointValues","sm","md","lg","paddedOffset","horizontal","vertical","messageTranslations","useMemo","close","confirmation","error","info","warning","warn","classes","useComponentTheme","MessageToastRedwoodTheme","_jsxs","EnvironmentProvider","environment","colorScheme","_jsx","MessageLayer","jsx","class","tabIndex","id","children","FocusTrap","isDisabled","Flex","direction","gap","align","MessagesManager","onMessageWillRemove","item","Message","messageRef","detailRenderer","getRendererWithoutIndex","iconRenderer","variant","LiveRegion"],"mappings":"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"}

package/amd/MessageUtils-99ffdbbf.js

@@ -0,0 +1,2 @@
+define(['exports', './utils/UNSAFE_logger', './utils/UNSAFE_soundUtils', './MessageFormattingUtils-3114bb21'], (function(e,t,n,o){"use strict";const i=(e,n="common")=>t.Logger.warn(`JET Message(${n}): ${e}`);function r(e,t="common"){throw new Error(`JET Message(${t}) - ${e}`)}function a(e,t,n,o){if(!t||!n)return;const i="function"==typeof t?t(e):t;return null!=i?(i in n||r(`${i} is not a valid template name for the message with key=${e.key}`,o),n[i]):void 0}e.getRenderer=a,e.getRendererWithoutIndex=function(e,t,n,o){const i=a(e,t,n,o);return"function"==typeof i?e=>{const t={...e};return"index"in t&&delete t.index,i.call(null,t)}:i},e.isSeverityIconNeeded=function(e){return o.isValidValueForProp(e,"severity")&&"none"!==e},e.playSound=async function(e){if("none"!==e)if("default"!==e)try{await n.playAudioFromURL(e)}catch(t){i(`Failed to play the audio from the url ${e}. ${t}.`)}else try{n.playDefaultNotificationSound()}catch(e){i(`Failed to play the default sound. ${e}.`)}},e.severityBasedStyleClass=function(e,t){return o.isValidValueForProp(e,"severity")&&"none"!==e?`oj-c-message${t}-${e}`:""},e.throwError=r}));
+//# sourceMappingURL=MessageUtils-99ffdbbf.js.map