@oracle/oraclejet-preact 14.1.1 → 14.1.3

package/amd/{LoadMoreCollection-bd98d014.js.map → LoadMoreCollection-0d91c279.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LoadMoreCollection-bd98d014.js","sources":["../../src/UNSAFE_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 { RefObject, ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { DataState, ItemContext, Range, Metadata } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the VirtualizedCollection component\n */\ntype Props<K, D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the VirtualizedCollection.\n   */\n  data: DataState<K, D> | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => 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   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   * The function should sets a new DataState on the component for the specified range.\n   */\n  onLoadRange: (range: Range) => 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\nconst isDataStateValid = <K, D>(dataState: DataState<K, D>) => {\n  return dataState && dataState.data && dataState.offset >= 0 && dataState.totalSize >= 0;\n};\n\nconst DEFAULT_MARGIN = 1;\nconst DEFAULT_FETCH_SIZE = 25;\n\nconst LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\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<K, D>({\n  data,\n  children,\n  viewportConfig,\n  onLoadRange,\n  loadMoreIndicator,\n  suggestions\n}: Props<K, D>) {\n  const rootRef: RefObject<any> = useRef<HTMLElement>(null);\n  const fetchSizeRef: RefObject<number> = useRef<number>(-1);\n\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(viewportConfig, DEFAULT_MARGIN, LOAD_MORE_SELECTOR, () => {\n    if (data) {\n      if (fetchSizeRef.current == null || fetchSizeRef.current <= 0) {\n        fetchSizeRef.current = data.totalSize;\n      }\n      const fetchSize =\n        fetchSizeRef.current && fetchSizeRef.current > 0\n          ? fetchSizeRef.current\n          : DEFAULT_FETCH_SIZE;\n      onLoadRange({\n        offset: 0,\n        count: data.totalSize + fetchSize\n      });\n    }\n  });\n\n  // override itemRenderer to adjust the index\n  const _getItemRenderer = (startIndex: number) => {\n    // returns a new render function\n    return (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const itemContext: ItemContext<{ data: D; metadata: Metadata<K> }> = {\n        index: startIndex + context.index,\n        data: context.data\n      };\n      return children(itemContext);\n    };\n  };\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data || !isDataStateValid(data)) {\n    return <div ref={rootRef} />;\n  }\n\n  const dataState = data;\n  const rangeData = dataState.data;\n  const offset = dataState.offset;\n  const endIndex = offset + rangeData.length;\n  const itemCount = dataState.totalSize;\n\n  const renderLoadMore =\n    loadMoreIndicator && dataState.sizePrecision === 'atLeast' && endIndex <= itemCount;\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    <div ref={rootRef}>\n      {suggestions}\n      <Collection items={rangeData}>{_getItemRenderer(offset)}</Collection>\n      {renderLoadMore && <div class={LOADMORE_STYLE_CLASS}>{loadMoreIndicator}</div>}\n    </div>\n  );\n}\n"],"names":["LOADMORE_STYLE_CLASS","data","children","viewportConfig","onLoadRange","loadMoreIndicator","suggestions","rootRef","useRef","fetchSizeRef","useViewportIntersect","current","totalSize","fetchSize","offset","count","dataState","isDataStateValid","_jsx","jsx","ref","rangeData","endIndex","length","itemCount","renderLoadMore","sizePrecision","_jsxs","Object","assign","Collection","items","startIndex","context","itemContext","index","class"],"mappings":"+KAmDA,MAOMA,EAAuB,8CAOb,UAAyBC,KACvCA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,YACdA,EAAWC,kBACXA,EAAiBC,YACjBA,IAEA,MAAMC,EAA0BC,SAAoB,MAC9CC,EAAkCD,EAAAA,QAAgB,GAgCxD,GA7BAE,EAAAA,qBAAqBP,EAtBA,EAII,0BAkBgD,KACvE,GAAIF,EAAM,EACoB,MAAxBQ,EAAaE,SAAmBF,EAAaE,SAAW,KAC1DF,EAAaE,QAAUV,EAAKW,WAE9B,MAAMC,EACJJ,EAAaE,SAAWF,EAAaE,QAAU,EAC3CF,EAAaE,QA5BE,GA8BrBP,EAAY,CACVU,OAAQ,EACRC,MAAOd,EAAKW,UAAYC,QAkBzBZ,IAvDkB,CAAOe,GACvBA,GAAaA,EAAUf,MAAQe,EAAUF,QAAU,GAAKE,EAAUJ,WAAa,EAsDxEK,CAAiBhB,GAC7B,OAAOiB,EAAKC,IAAA,MAAA,CAAAC,IAAKb,IAGnB,MAAMS,EAAYf,EACZoB,EAAYL,EAAUf,KACtBa,EAASE,EAAUF,OACnBQ,EAAWR,EAASO,EAAUE,OAC9BC,EAAYR,EAAUJ,UAEtBa,EACJpB,GAAiD,YAA5BW,EAAUU,eAA+BJ,GAAYE,EAI5E,OACEG,EAAAA,KAAA,MAAAC,OAAAC,OAAA,CAAKT,IAAKb,GACP,CAAAL,SAAA,CAAAI,EACDY,EAAAC,IAACW,aAAUF,OAAAC,OAAA,CAACE,MAAOV,GAAY,CAAAnB,UA9BT8B,EA8B0BlB,EA5B1CmB,IACN,MAAMC,EAA+D,CACnEC,MAAOH,EAAaC,EAAQE,MAC5BlC,KAAMgC,EAAQhC,MAEhB,OAAOC,EAASgC,QAwBfT,GAAkBP,EAAKC,IAAA,MAAAS,OAAAC,OAAA,CAAAO,MAAOpC,GAAuB,CAAAE,SAAAG,SA/BjC,IAAC2B"}
+{"version":3,"file":"LoadMoreCollection-0d91c279.js","sources":["../../src/UNSAFE_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 { RefObject, ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { DataState, ItemContext, Range, Metadata } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the VirtualizedCollection component\n */\ntype Props<K, D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the VirtualizedCollection.\n   */\n  data: DataState<K, D> | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => 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   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   * The function should sets a new DataState on the component for the specified range.\n   */\n  onLoadRange: (range: Range) => 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\nconst isDataStateValid = <K, D>(dataState: DataState<K, D>) => {\n  return dataState && dataState.data && dataState.offset >= 0 && dataState.totalSize >= 0;\n};\n\nconst DEFAULT_MARGIN = 1;\nconst DEFAULT_FETCH_SIZE = 25;\n\nconst LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\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<K, D>({\n  data,\n  children,\n  viewportConfig,\n  onLoadRange,\n  loadMoreIndicator,\n  suggestions\n}: Props<K, D>) {\n  const rootRef: RefObject<any> = useRef<HTMLElement>(null);\n  const fetchSizeRef: RefObject<number> = useRef<number>(-1);\n\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(viewportConfig, DEFAULT_MARGIN, LOAD_MORE_SELECTOR, () => {\n    if (data) {\n      if (fetchSizeRef.current == null || fetchSizeRef.current <= 0) {\n        fetchSizeRef.current = data.totalSize;\n      }\n      const fetchSize =\n        fetchSizeRef.current && fetchSizeRef.current > 0\n          ? fetchSizeRef.current\n          : DEFAULT_FETCH_SIZE;\n      onLoadRange({\n        offset: 0,\n        count: data.totalSize + fetchSize\n      });\n    }\n  });\n\n  // override itemRenderer to adjust the index\n  const _getItemRenderer = (startIndex: number) => {\n    // returns a new render function\n    return (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const itemContext: ItemContext<{ data: D; metadata: Metadata<K> }> = {\n        index: startIndex + context.index,\n        data: context.data\n      };\n      return children(itemContext);\n    };\n  };\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data || !isDataStateValid(data)) {\n    return <div ref={rootRef} />;\n  }\n\n  const dataState = data;\n  const rangeData = dataState.data;\n  const offset = dataState.offset;\n  const endIndex = offset + rangeData.length;\n  const itemCount = dataState.totalSize;\n\n  const renderLoadMore =\n    loadMoreIndicator && dataState.sizePrecision === 'atLeast' && endIndex <= itemCount;\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    <div ref={rootRef}>\n      {suggestions}\n      <Collection items={rangeData}>{_getItemRenderer(offset)}</Collection>\n      {renderLoadMore && <div class={LOADMORE_STYLE_CLASS}>{loadMoreIndicator}</div>}\n    </div>\n  );\n}\n"],"names":["LOADMORE_STYLE_CLASS","data","children","viewportConfig","onLoadRange","loadMoreIndicator","suggestions","rootRef","useRef","fetchSizeRef","useViewportIntersect","current","totalSize","fetchSize","offset","count","dataState","isDataStateValid","_jsx","jsx","ref","rangeData","endIndex","length","itemCount","renderLoadMore","sizePrecision","_jsxs","Object","assign","Collection","items","startIndex","context","itemContext","index","class"],"mappings":"+KAmDA,MAOMA,EAAuB,8CAOb,UAAyBC,KACvCA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,YACdA,EAAWC,kBACXA,EAAiBC,YACjBA,IAEA,MAAMC,EAA0BC,SAAoB,MAC9CC,EAAkCD,EAAAA,QAAgB,GAgCxD,GA7BAE,EAAAA,qBAAqBP,EAtBA,EAII,0BAkBgD,KACvE,GAAIF,EAAM,EACoB,MAAxBQ,EAAaE,SAAmBF,EAAaE,SAAW,KAC1DF,EAAaE,QAAUV,EAAKW,WAE9B,MAAMC,EACJJ,EAAaE,SAAWF,EAAaE,QAAU,EAC3CF,EAAaE,QA5BE,GA8BrBP,EAAY,CACVU,OAAQ,EACRC,MAAOd,EAAKW,UAAYC,QAkBzBZ,IAvDkB,CAAOe,GACvBA,GAAaA,EAAUf,MAAQe,EAAUF,QAAU,GAAKE,EAAUJ,WAAa,EAsDxEK,CAAiBhB,GAC7B,OAAOiB,EAAKC,IAAA,MAAA,CAAAC,IAAKb,IAGnB,MAAMS,EAAYf,EACZoB,EAAYL,EAAUf,KACtBa,EAASE,EAAUF,OACnBQ,EAAWR,EAASO,EAAUE,OAC9BC,EAAYR,EAAUJ,UAEtBa,EACJpB,GAAiD,YAA5BW,EAAUU,eAA+BJ,GAAYE,EAI5E,OACEG,EAAAA,KAAA,MAAAC,OAAAC,OAAA,CAAKT,IAAKb,GACP,CAAAL,SAAA,CAAAI,EACDY,EAAAC,IAACW,aAAUF,OAAAC,OAAA,CAACE,MAAOV,GAAY,CAAAnB,UA9BT8B,EA8B0BlB,EA5B1CmB,IACN,MAAMC,EAA+D,CACnEC,MAAOH,EAAaC,EAAQE,MAC5BlC,KAAMgC,EAAQhC,MAEhB,OAAOC,EAASgC,QAwBfT,GAAkBP,EAAKC,IAAA,MAAAS,OAAAC,OAAA,CAAAO,MAAOpC,GAAuB,CAAAE,SAAAG,SA/BjC,IAAC2B"}

package/amd/Menu-bf7e45ce.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-e942bc3b","preact/jsx-runtime","./UNSAFE_Layer","./utils/PRIVATE_clientHints","preact/compat",'module',"./UNSAFE_Floating","preact/hooks","./hooks/PRIVATE_useCollectionFocusRing","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./MenuItem-41696d68","./classNames-8a2ab2d1","./hooks/UNSAFE_useOutsideClick","./Floating-5ed96514","./useModal-77cbb8a1","./clientHints-4dcd5beb"],function(e,n,t,s,r,o,l,i,a,c,u,d,p,f,m,g,h,b){"use strict";const v=e=>e.dataset.ojMenuItemKey,j=e=>{if(e){const n=e.querySelector("[data-oj-menu-item-key]");if(n){const e=v(n);if(e)return e}}return null},y=(e,n,t)=>()=>{if(e){const s=Array.from(e.querySelectorAll("[data-oj-menu-item-key]"));let r=s.findIndex(e=>v(e)===t)+(n?-1:1);const o=s.length-1;return r<0&&(r=o),r>o&&(r=0),v(s[r])||null}return null},C=e=>{const n=e.closest("[data-oj-menu-item-key]");if(n){const e=v(n);return void 0===e?null:e}return null},k={menuContainer:"_1x3hibx",dropdownMenuContainer:"_1t08gre",sheetMenuContainer:"r1vide"},x=({children:e,onClose:n,accessibleLabel:s,initialFocus:r="menu",display:o})=>{const l=a.useRef(null),i=a.useRef(r),[d,m]=a.useState(),[g,h]=a.useState("pending"),b=a.useCallback(e=>{m(e.value),h("firstItem")},[]),[x,w]=c.useCollectionFocusRing(e=>{var n;return!!(null===(n=l.current)||void 0===n?void 0:n.contains(e))},["ArrowUp","ArrowDown"],e=>!!C(e)),{currentKeyProps:O}=function(e,n,t,s,r,o,l){const i=a.useCallback(e=>{if(l)if("ArrowDown"!==e.key||e.shiftKey)if("ArrowUp"!==e.key||e.shiftKey){if("Home"===e.key){const n=s();n&&o!=n&&l({value:n}),e.preventDefault()}else if("End"===e.key){const n=r();n&&o!=n&&l({value:n}),e.preventDefault()}}else{const t=n();t&&o!=t&&l({value:t}),e.preventDefault()}else{const n=t();n&&o!=n&&l({value:n}),e.preventDefault()}},[o,t,n,l,s,r]),c=a.useCallback(n=>{if(l&&!n.shiftKey){const t=e(n.target);t&&o!=t&&l({value:t})}},[o,e,l]);return{currentKeyProps:null==l?{}:{onClickCapture:c,onKeyDown:i}}}(e=>C(e),y(l.current,!0,d),y(l.current,!1,d),()=>j(l.current),()=>(e=>{if(e){const n=e.querySelectorAll("[data-oj-menu-item-key]"),t=n[n.length-1];if(t){const e=v(t);if(e)return e}}return null})(l.current),d,b);return a.useEffect(()=>{const e=l.current;if(e)if("menu"===i.current)setTimeout(()=>{e.focus()},0),h("menu");else{const e=j(l.current);e?b({value:e}):h("menu")}},[i,b]),t.jsx("div",Object.assign({ref:l,tabIndex:"firstItem"===g?-1:0,role:"menu","aria-label":s,class:f.classNames([k.menuContainer,k[`${o}MenuContainer`]])},u.mergeProps(w,O,{onPointerDown:e=>{C(e.target)||e.preventDefault()}},(e=>({onKeyDown:n=>{"Tab"===n.key?(null==e||e({reason:"dismissed"}),n.preventDefault()):"Escape"===n.key&&(null==e||e({reason:"dismissed"}))}}))(n)),{children:t.jsx(p.MenuContext.Provider,Object.assign({value:{onClose:n,currentKey:d,showFocusRing:x}},{children:e}))}))},w="_1ayu8vz",O=e=>{var{anchorRef:s,onClose:r}=e,l=n.__rest(e,["anchorRef","onClose"]);const i=o.useRef(null),a=o.useCallback(e=>{null==r||r({reason:"outsideClick",target:e.target})},[r]);return m.useOutsideClick({ref:[i],handler:a}),t.jsx(g.Floating,Object.assign({class:w,ref:i,anchorRef:s,placement:"bottom-start",offsetValue:{mainAxis:4,crossAxis:0}},{children:t.jsx("div",Object.assign({style:{minWidth:`${s.current&&s.current.offsetWidth>T?s.current.offsetWidth:T}px`}},{children:t.jsx(x,Object.assign({},Object.assign({onClose:r},l),{display:"dropdown"}))}))}))},T=200;const _="_31kqiu",D="t84lw1",R="_1gpmup7",S="_6emnsq",A=({children:e})=>t.jsx("div",Object.assign({class:_},{children:e})),I=o.forwardRef(({children:e},n)=>t.jsx("div",Object.assign({class:D,ref:n},{children:e}))),E=()=>t.jsx("div",{class:S}),F=e=>{var{onClose:s}=e,r=n.__rest(e,["onClose"]);a.useEffect(()=>{const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[]);const o=a.useCallback(()=>{null==s||s({reason:"dismissed"})},[s]),{modalRef:l}=h.useModal({isOpen:!0,onBackdropClick:o}),{swipeProps:i}=function(e,{threshold:n=10,maximumTime:t=300,tolerance:s=50,isDisabled:r=!1}={threshold:10,maximumTime:300,tolerance:50,isDisabled:!1}){const o=a.useRef({pointerDownId:0,startTime:null,prevpageX:0,prevpageY:0,elementScrollTop:0}),l=a.useCallback(()=>{o.current={pointerDownId:null,startTime:0,prevpageX:0,prevpageY:0,elementScrollTop:0}},[]),i=a.useCallback(e=>{const n=e.changedTouches[0];o.current.pointerDownId?l():o.current={pointerDownId:n.identifier,startTime:e.timeStamp,prevpageX:n.pageX,prevpageY:n.pageY,elementScrollTop:e.currentTarget.scrollTop}},[l]),c=a.useCallback(r=>{const i=r.changedTouches[0];i.identifier===o.current.pointerDownId&&o.current.startTime&&r.timeStamp-o.current.startTime<t&&i.pageY-o.current.prevpageY>n&&Math.abs(i.pageX-o.current.prevpageX)<=s&&0===o.current.elementScrollTop&&(null==e||e({direction:"down"})),l()},[n,e,l,t,s]);return{swipeProps:r?{}:{onTouchStart:i,onTouchEnd:c,ontouchcancel:l}}}(o);return t.jsxs(A,{children:[t.jsx(E,{}),t.jsx(I,Object.assign({ref:l},{children:t.jsx("div",Object.assign({class:R},i,{children:t.jsx(x,Object.assign({},Object.assign(Object.assign({},r),{onClose:s}),{display:"sheet"}))}))}))]})},{deviceType:P}=b.getClientHints(),M="phone"===P;e.Menu=e=>{var{isOpen:r,anchorRef:o}=e,l=n.__rest(e,["isOpen","anchorRef"]);return r?t.jsx(s.Layer,Object.assign({logicalParentRef:o},{children:M?t.jsx(F,Object.assign({},l)):t.jsx(O,Object.assign({},Object.assign({anchorRef:o},l)))})):null}});
+//# sourceMappingURL=Menu-bf7e45ce.js.map

package/amd/{Menu-4156c20f.js.map → Menu-bf7e45ce.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Menu-4156c20f.js","sources":["../../src/UNSAFE_Menu/menuUtils.ts","../../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 { ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nconst getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the first available item.\n */\nexport const getFirstVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const firstItem = root.querySelector('[data-oj-menu-item-key]');\n    if (firstItem) {\n      const key = getKey(firstItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1];\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNextKey = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n      return getKey(items[nextIndex]) || null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyExtractor = (element: HTMLElement): string | null => {\n  const item = element.closest('[data-oj-menu-item-key]');\n  if (item) {\n    const key = getKey(item as HTMLElement);\n    return key === undefined ? null : key;\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (onClose: ComponentProps<typeof Menu>['onClose']) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      onClose?.({ reason: 'dismissed' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape') {\n      onClose?.({ reason: 'dismissed' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item. Using this flag removes issues\n    //related to focus visibilty on \"long press\"\n    const nextKey = keyExtractor(event.target as HTMLElement);\n    if (!nextKey) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport { Menu } from './Menu';\nimport { MenuContext } from './MenuContext';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNextKey,\n  getFirstVisibleKey,\n  keyExtractor,\n  getLastVisibleKey,\n  getKeyboardCloseProps,\n  getMenuPointerDown\n} from './menuUtils';\n\ntype MenuProps = ComponentProps<typeof Menu>;\n\ntype MenuContainerProps = Omit<MenuProps, 'isOpen' | 'anchorRef'> & {\n  display: 'sheet' | 'dropdown';\n};\n\nconst styles = {\n  menuContainer: cssProps`${{\n    outlineStyle: 'none'\n  }}`,\n  dropdownMenuContainer: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  sheetMenuContainer: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nexport const MenuContainer = ({\n  children,\n  onClose,\n  accessibleLabel,\n  initialFocus = 'menu',\n  display\n}: MenuContainerProps) => {\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n  const initialFocusRef = useRef(initialFocus);\n\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  const [possibleFocus, setPossibleFocus] = useState<'pending' | 'menu' | 'firstItem'>('pending');\n\n  const changeKey = useCallback((detail: CurrentKeyDetail<string>) => {\n    setCurrentKey(detail.value);\n    setPossibleFocus('firstItem');\n  }, []);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!menuContainerRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown'],\n    (elem: Element) => {\n      const nextKey = keyExtractor(elem as HTMLElement);\n      return !!nextKey;\n    }\n  );\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    (element) => keyExtractor(element),\n    getPrevNextKey(menuContainerRef.current, true, currentKey),\n    getPrevNextKey(menuContainerRef.current, false, currentKey),\n    () => getFirstVisibleKey(menuContainerRef.current),\n    () => getLastVisibleKey(menuContainerRef.current),\n    currentKey,\n    changeKey\n  );\n\n  useEffect(() => {\n    const menuContainer = menuContainerRef.current;\n\n    if (menuContainer) {\n      if (initialFocusRef.current === 'menu') {\n        // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n        // is visible at that point and can be focused\n        setTimeout(() => {\n          menuContainer.focus();\n        }, 0);\n        setPossibleFocus('menu');\n      } else {\n        const firstItemKey = getFirstVisibleKey(menuContainerRef.current);\n        if (firstItemKey) {\n          changeKey({ value: firstItemKey });\n        } else {\n          setPossibleFocus('menu');\n        }\n      }\n    }\n  }, [initialFocusRef, changeKey]);\n\n  // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n  return (\n    <div\n      ref={menuContainerRef}\n      tabIndex={possibleFocus === 'firstItem' ? -1 : 0}\n      role=\"menu\"\n      aria-label={accessibleLabel}\n      class={classNames([styles.menuContainer, styles[`${display}MenuContainer`]])}\n      {...mergeProps(\n        focusRingProps,\n        currentKeyProps,\n        getMenuPointerDown(),\n        getKeyboardCloseProps(onClose)\n      )}>\n      <MenuContext.Provider\n        value={{\n          onClose,\n          currentKey,\n          showFocusRing\n        }}>\n        {children}\n      </MenuContext.Provider>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param keyExtractor function to extract the key based on the provided element\n * @param getPrevKey function to get the previous key based on the current key\n * @param getNextKey function to get the next key based on the current key\n * @param getFirstVisibleKey function to get the key of the first available item\n * @param getLastVisibleKey function to get the key of the last available item\n * @param currentKey the current key\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  keyExtractor: (element: HTMLElement) => string | null,\n  getPrevKey: () => string | null,\n  getNextKey: () => string | null,\n  getFirstVisibleKey: () => string | null,\n  getLastVisibleKey: () => string | null,\n  currentKey?: string,\n  onChange?: (detail: CurrentKeyDetail<string>) => void\n) {\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        if (event.key === 'ArrowDown' && !event.shiftKey) {\n          const nextKey = getNextKey();\n          if (nextKey && currentKey != nextKey) {\n            onChange({ value: nextKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'ArrowUp' && !event.shiftKey) {\n          const prevKey = getPrevKey();\n          if (prevKey && currentKey != prevKey) {\n            onChange({ value: prevKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'Home') {\n          const firstKey = getFirstVisibleKey();\n          if (firstKey && currentKey != firstKey) {\n            onChange({ value: firstKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'End') {\n          const lastKey = getLastVisibleKey();\n          if (lastKey && currentKey != lastKey) {\n            onChange({ value: lastKey });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [currentKey, getNextKey, getPrevKey, onChange, getFirstVisibleKey, getLastVisibleKey]\n  );\n  //Capture needed since usePress stop propagation, what produces not triggering this event.\n  //We can't stop propagation here, because if we do that, usePress onClick will not be triggered.\n  const onClickCapture = useCallback(\n    (event: MouseEvent) => {\n      if (onChange && !event.shiftKey) {\n        const nextKey = keyExtractor(event.target as HTMLElement);\n        if (nextKey && currentKey != nextKey) {\n          onChange({ value: nextKey });\n        }\n      }\n    },\n    [currentKey, keyExtractor, onChange]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\n}\n","import { ComponentProps, useCallback, useRef } from 'preact/compat';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Floating } from '../UNSAFE_Floating';\n\nimport { MenuContainer } from './MenuContainer';\nimport { Menu } from './Menu';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\n\nconst styles = {\n  // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.\n  // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.\n  base: cssProps`${{\n    maxWidth: '90vw',\n    width: 'max-content',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)'\n  }}`\n};\n\nexport const DropdownMenu = ({\n  anchorRef,\n  onClose,\n  ...dropdownMenuProps\n}: ComponentProps<typeof Menu>) => {\n  const floatingRef = useRef<HTMLElement | null>(null);\n\n  const useOutsideClickHandler = useCallback(\n    (e: MouseEvent) => {\n      onClose?.({ reason: 'outsideClick', target: e.target as Element });\n    },\n    [onClose]\n  );\n\n  useOutsideClick({\n    ref: [floatingRef],\n    handler: useOutsideClickHandler\n  });\n\n  return (\n    <Floating\n      class={styles.base}\n      ref={floatingRef}\n      anchorRef={anchorRef}\n      placement=\"bottom-start\"\n      offsetValue={{\n        mainAxis: 4, //TODO: stable does not have a 4px gap, so we'll need to figure out how to make this themable.\n        crossAxis: 0\n      }}>\n      <div\n        style={{\n          minWidth: `${\n            anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n              ? anchorRef.current.offsetWidth\n              : MENU_MIN_WIDTH\n          }px`\n        }}>\n        <MenuContainer {...{ onClose, ...dropdownMenuProps }} display=\"dropdown\" />\n      </div>\n    </Floating>\n  );\n};\n\nconst MENU_MIN_WIDTH = 200;\n","import { ComponentProps } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useEffect } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useMenuSwipe } from './useMenuSwipe';\nimport useModal from '../UNSAFE_Modal/hooks/useModal';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\nimport { Menu } from './Menu';\nimport { MenuContainer } from './MenuContainer';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\nconst styles = {\n  modalWrapper: cssProps`${{\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    zIndex: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-z-index-popup)'\n  }}`,\n  modalContainer: cssProps`${{\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0\n  }}`,\n  sheetMenuContainerWrapper: cssProps`${{\n    borderRadius: '16px 16px 0 0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    maxHeight: 'calc(100% - 96px)',\n    overflowY: 'auto',\n    overscrollBehaviorY: 'contain',\n    touchAction: 'pan-y',\n    userSelect: 'none'\n  }}`,\n  modalBackdrop: cssProps`${{\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-scrim-color)'\n  }}`\n};\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => (\n  <div class={styles.modalWrapper}>{children}</div>\n);\nconst ModalContainer = forwardRef<HTMLDivElement, IntrinsicProps>(({ children }, ref) => (\n  <div class={styles.modalContainer} ref={ref}>\n    {children}\n  </div>\n));\n//ModalBackdrop on modal folder not setting the style on oj-c enviroment\n//Creating it here so we don't see that issue\nconst ModalBackdrop = () => <div class={styles.modalBackdrop} />;\n\nexport const SheetMenu = ({\n  onClose,\n  ...menuProps\n}: Omit<ComponentProps<typeof Menu>, 'anchorRef'>) => {\n  useEffect(() => {\n    // We set the overflow body as hidden when mounted and revert to original overflow value when is\n    // unmounted. This is done to don't allow backgound being scrolled\n    // This will be handled by modal/popup when ready\n    const initialOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = initialOverflow;\n    };\n  }, []);\n\n  const dismissHandler = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  const { modalRef } = useModal({ isOpen: true, onBackdropClick: dismissHandler });\n  //TODO: Use useSwipe when it works on components that could scroll.\n  const { swipeProps } = useMenuSwipe(dismissHandler);\n\n  // TODO: For now we are mimicking current modal but using a \"different position setting\" (using absolute positioning instead of flex).\n  // Have to use modal/popup component directly instead doing this composition when that component could satisfy our requirments.\n  return (\n    <ModalWrapper>\n      <ModalBackdrop></ModalBackdrop>\n      <ModalContainer ref={modalRef}>\n        <div class={styles.sheetMenuContainerWrapper} {...swipeProps}>\n          <MenuContainer {...{ ...menuProps, onClose }} display=\"sheet\"></MenuContainer>\n        </div>\n      </ModalContainer>\n    </ModalWrapper>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { 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 { Layer } from '../UNSAFE_Layer';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { DropdownMenu } from './DropdownMenu';\nimport { SheetMenu } from './SheetMenu';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: RefObject<HTMLElement>;\n  /**\n   * Set of menu groups or menu items that menu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  accessibleLabel?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype CloseDetail =\n  | {\n      //dismissed represents dismissing the menu using esc,tap and on mobile swiping and taping backdrop\n      reason: 'dismissed' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\nconst { deviceType } = getClientHints();\nconst isMobile = deviceType === 'phone';\nexport const Menu = ({ isOpen, anchorRef, ...menuProps }: MenuProps) => {\n  // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      {isMobile ? <SheetMenu {...menuProps} /> : <DropdownMenu {...{ anchorRef, ...menuProps }} />}\n    </Layer>\n  );\n};\n"],"names":["getKey","item","dataset","getFirstVisibleKey","root","firstItem","querySelector","key","getPrevNextKey","isPrev","currentKey","items","Array","from","querySelectorAll","nextIndex","findIndex","itemsLastIndex","length","keyExtractor","element","closest","undefined","styles","MenuContainer","children","onClose","accessibleLabel","initialFocus","display","menuContainerRef","useRef","initialFocusRef","changeKey","useCallback","detail","setCurrentKey","value","_a","current","contains","elem","currentKeyProps","getPrevKey","getNextKey","getLastVisibleKey","onChange","onKeyDown","event","shiftKey","firstKey","preventDefault","lastKey","prevKey","nextKey","onClickCapture","target","useMenuCurrentKey","lastItem","menuContainer","firstItemKey","_jsx","Object","assign","ref","tabIndex","possibleFocus","role","class","classNames","mergeProps","focusRingProps","onPointerDown","reason","getKeyboardCloseProps","MenuContext","Provider","DropdownMenu","floatingRef","useOutsideClickHandler","e","useOutsideClick","handler","mainAxis","crossAxis","minWidth","anchorRef","offsetWidth","MENU_MIN_WIDTH","jsx","dropdownMenuProps","ModalWrapper","ModalContainer","forwardRef","ModalBackdrop","SheetMenu","menuProps","__rest","dismissHandler","modalRef","useModal","isOpen","onBackdropClick","onSwipe","threshold","maximumTime","tolerance","isDisabled","pointerDownId","startTime","prevpageX","prevpageY","elementScrollTop","clearSwipe","onTouchStart","touchobj","changedTouches","identifier","timeStamp","pageX","pageY","currentTarget","scrollTop","onTouchEnd","ev","Math","abs","direction","swipeProps","ontouchcancel","_jsxs","deviceType","getClientHints","isMobile","Layer","logicalParentRef"],"mappings":"2dAeA,MAAMA,EAAUC,GAGPA,EAAKC,QAAuB,cAMxBC,EAAsBC,IACjC,GAAIA,EAAM,CACR,MAAMC,EAAYD,EAAKE,cAAc,2BACrC,GAAID,EAAW,CACb,MAAME,EAAMP,EAAOK,GACnB,GAAIE,EACF,OAAOA,GAIb,OAAO,MAwBIC,EAAiB,CAACJ,EAA0BK,EAAiBC,IACjE,KACL,GAAIN,EAAM,CACR,MAAMO,EAAQC,MAAMC,KAAKT,EAAKU,iBAAiB,4BAE/C,IAAIC,EADoBJ,EAAMK,UAAWf,GAASD,EAAOC,KAAUS,IAChCD,GAAU,EAAI,GACjD,MAAMQ,EAAiBN,EAAMO,OAAS,EAOtC,OANIH,EAAY,IACdA,EAAYE,GAEVF,EAAYE,IACdF,EAAY,GAEPf,EAAOW,EAAMI,KAAe,KAErC,OAAO,MAOEI,EAAgBC,IAC3B,MAAMnB,EAAOmB,EAAQC,QAAQ,2BAC7B,GAAIpB,EAAM,CACR,MAAMM,EAAMP,EAAOC,GACnB,YAAeqB,IAARf,EAAoB,KAAOA,EAEpC,OAAO,MClDTgB,EAAA,eAAA,iCAAA,yCAcAC,EAAA,EAAAC,SAAAA,EAAAC,QAAAA,EAAAC,gBAAAA,EAAAC,aAAAA,EAAA,OAAAC,QAAAA,MAOE,MAAAC,EAAAC,SAAA,MACAC,EAAAD,SAAAH,kDAMAK,EAAAC,EAAAA,YAAAC,IACEC,EAAAD,EAAAE,oEAME,SAAA,QAAAC,EAAAR,EAAAS,eAAA,IAAAD,OAAA,EAAAA,EAAAE,SAAAC,kCAIAtB,EAAAsB,KAKJC,gBAAAA,GCzDc,SACdvB,EACAwB,EACAC,EACAzC,EACA0C,EACAnC,EACAoC,GAEA,MAAMC,EAAYb,cACfc,IACC,GAAIF,EAEF,GAAkB,cAAdE,EAAMzC,KAAwByC,EAAMC,SAMjC,GAAkB,YAAdD,EAAMzC,KAAsByC,EAAMC,UAMtC,GAAkB,SAAdD,EAAMzC,IAAgB,CAC/B,MAAM2C,EAAW/C,IACb+C,GAAYxC,GAAcwC,GAC5BJ,EAAS,CAAET,MAAOa,IAEpBF,EAAMG,sBACD,GAAkB,QAAdH,EAAMzC,IAAe,CAC9B,MAAM6C,EAAUP,IACZO,GAAW1C,GAAc0C,GAC3BN,EAAS,CAAET,MAAOe,IAEpBJ,EAAMG,sBAjB+C,CACrD,MAAME,EAAUV,IACZU,GAAW3C,GAAc2C,GAC3BP,EAAS,CAAET,MAAOgB,IAEpBL,EAAMG,qBAX0C,CAChD,MAAMG,EAAUV,IACZU,GAAW5C,GAAc4C,GAC3BR,EAAS,CAAET,MAAOiB,IAEpBN,EAAMG,mBAsBZ,CAACzC,EAAYkC,EAAYD,EAAYG,EAAU3C,EAAoB0C,IAI/DU,EAAiBrB,cACpBc,IACC,GAAIF,IAAaE,EAAMC,SAAU,CAC/B,MAAMK,EAAUnC,EAAa6B,EAAMQ,QAC/BF,GAAW5C,GAAc4C,GAC3BR,EAAS,CAAET,MAAOiB,MAIxB,CAAC5C,EAAYS,EAAc2B,IAI7B,MAAO,CAAEJ,gBAD2B,MAAZI,EAAmB,GAAK,CAAES,eAAAA,EAAgBR,UAAAA,IDClEU,CAAArC,GAAAD,EAAAC,GAAAZ,EAAAsB,EAAAS,SAAA,EAAA7B,GAAAF,EAAAsB,EAAAS,SAAA,EAAA7B,GAAA,IAAAP,EAAA2B,EAAAS,SAAA,IDxC+B,CAACnC,IAChC,GAAIA,EAAM,CACR,MAAMO,EAAQP,EAAKU,iBAAiB,2BAC9B4C,EAAW/C,EAAMA,EAAMO,OAAS,GACtC,GAAIwC,EAAU,CACZ,MAAMnD,EAAMP,EAAO0D,GACnB,GAAInD,EACF,OAAOA,GAIb,OAAO,MC6BPsC,CAAAf,EAAAS,SAAA7B,EAAAuB,GAiCA,wBAtBE,MAAA0B,EAAA7B,EAAAS,QAEA,GAAAoB,EACE,GAAA,SAAA3B,EAAAO,oDAOO,sBAELqB,EACE3B,EAAA,CAAAI,MAAAuB,gBAMR,CAAA5B,EAAAC,IAGA4B,MAAA,MAAAC,OAAAC,OAAA,CAAAC,IAAAlC,EAAAmC,SAAA,cAAAC,GAAA,EAAA,EAAAC,KAAA,OAAA,aAAAxC,EAAAyC,MAAAC,EAAAA,WAAA,CAAA9C,EAAAoC,cAAApC,EAAA,GAAAM,qBAAAyC,EAAAA,WAAAC,EAAA7B,EDIO,CAAE8B,cATcxB,IAIL7B,EAAa6B,EAAMQ,SAEjCR,EAAMG,mBAtByB,CAACzB,IAS7B,CAAEqB,UARUC,IACC,QAAdA,EAAMzC,KACRmB,MAAAA,GAAAA,EAAU,CAAE+C,OAAQ,cACpBzB,EAAMG,kBACiB,WAAdH,EAAMzC,MACfmB,MAAAA,GAAAA,EAAU,CAAE+C,OAAQ,kBCexBC,CAAAhD,IAAA,CAAAD,SAAAoC,EAAAA,IAAAc,EAAAA,YAAAC,SAAAd,OAAAC,OAAA,CAAA1B,MAAA,0CAkBO,CAAAZ,SAAAA,SE1HTF,aAYAsD,EAAAvC,uEAKE,MAAAwC,EAAA/C,SAAA,MAEAgD,EAAA7C,EAAAA,YAAA8C,IAEItD,MAAAA,GAAAA,EAAA,CAAA+C,OAAA,eAAAjB,OAAAwB,EAAAxB,UACF,CAAA9B,WAIFuD,kBAAA,SAEEC,QAAAH,oGAUII,SAAA,EACAC,UAAA,gDAIEC,SAAA,GAAAC,EAAA/C,SAAA+C,EAAA/C,QAAAgD,YAAAC,EAEIF,EAAA/C,QAAAgD,oBAGL,CAAA9D,SAAAoC,EAAA4B,IAAAjE,EAAAsC,OAAAC,OAAA,GAAAD,OAAAC,OAAA,CAAArC,QAAAA,GAAAgE,GAAA,CAAA7D,QAAA,qBAOT2D,EAAA,IClDA,MAAAjE,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,WAuCAoE,EAAA,EAAAlE,SAAAA,KAAAoC,MAAA,MAAAC,OAAAC,OAAA,CAAAK,MAAA7C,GAAA,CAAAE,SAAAA,KAGAmE,EAAAC,EAAAA,WAAA,EAAApE,SAAAA,GAAAuC,IAAAH,EAAA4B,IAAA,MAAA3B,OAAAC,OAAA,CAAAK,MAAA7C,EAAAyC,IAAAA,GAAA,CAAAvC,SAAAA,MAOAqE,EAAA,IAAAjC,EAAA4B,IAAA,MAAA,CAAArB,MAAA7C,IAEAwE,EAAAzD,IAA0B,IAAAZ,QAAAA,GAAAY,EAAA0D,EAAAC,EAAAA,OAAA3D,EAAA,CAAA,kEAUtB,6CAAA,0CAKF,MAAA4D,EAAAhE,EAAAA,YAAA,uCAEA,CAAAR,KAEAyE,SAAAA,GAAAC,WAAA,CAAAC,QAAA,EAAAC,gBAAAJ,mBC5CI,SACJK,GACAC,UAAEA,EAAY,GAAEC,YAAEA,EAAc,IAAGC,UAAEA,EAAY,GAAEC,WAAEA,GAAa,GAAwB,CACxFH,UAAW,GACXC,YAAa,IACbC,UAAW,GACXC,YAAY,IAGd,MAAM3C,EAAMjC,EAAAA,OAAmB,CAC7B6E,cAAe,EACfC,UAAW,KACXC,UAAW,EACXC,UAAW,EACXC,iBAAkB,IAGdC,EAAa/E,EAAAA,YAAY,KAC7B8B,EAAIzB,QAAU,CACZqE,cAAe,KACfC,UAAW,EACXC,UAAW,EACXC,UAAW,EACXC,iBAAkB,IAEnB,IAEGE,EAAehF,cAClB8C,IACC,MAAMmC,EAAWnC,EAAEoC,eAAe,GAC7BpD,EAAIzB,QAAQqE,cASfK,IARAjD,EAAIzB,QAAU,CACZqE,cAAeO,EAASE,WACxBR,UAAW7B,EAAEsC,UACbR,UAAWK,EAASI,MACpBR,UAAWI,EAASK,MACpBR,iBAAmBhC,EAAEyC,cAA8BC,YAMzD,CAACT,IAGGU,EAAazF,cAChB0F,IACC,MAAMT,EAAWS,EAAGR,eAAe,GAC/BD,EAASE,aAAerD,EAAIzB,QAAQqE,eAClC5C,EAAIzB,QAAQsE,WAAae,EAAGN,UAAYtD,EAAIzB,QAAQsE,UAAYJ,GAEhEU,EAASK,MAAQxD,EAAIzB,QAAQwE,UAAYP,GACzCqB,KAAKC,IAAIX,EAASI,MAAQvD,EAAIzB,QAAQuE,YAAcJ,GACnB,IAAjC1C,EAAIzB,QAAQyE,mBAEZT,MAAAA,GAAAA,EAAU,CAAEwB,UAAW,UAK7Bd,KAEF,CAACT,EAAWD,EAASU,EAAYR,EAAaC,IAYhD,MAAO,CACLsB,WAViBrB,EACf,GACA,CAEEO,aAAAA,EACAS,WAAAA,EACAM,cAAehB,QDrBrB,OAAAiB,EAAAA,KAAAvC,EAAA,CAAAlE,SAAA,CAAAoC,EAAA4B,IAAAK,EAAA,IAAAjC,MAAA+B,EAAA9B,OAAAC,OAAA,CAAAC,IAAAmC,GAAA,CAAA1E,SAAAoC,EAAA4B,IAAA,MAAA3B,OAAAC,OAAA,CAAAK,MAAA7C,GAAAyG,EAAA,CAAAvG,SAAAoC,EAAAA,IAAArC,EAAAsC,OAAAC,OAAA,GAAAD,OAAAC,OAAAD,OAAAC,OAAA,GAAAiC,GAAA,CAAAtE,QAAAA,IAAA,CAAAG,QAAA,sBEnCIsG,WAAEA,GAAeC,EAAAA,iBACjBC,EAA0B,UAAfF,SACI7F,QAAA+D,OAAEA,EAAMf,UAAEA,GAAShD,EAAK0D,EAASC,EAAAA,OAAA3D,EAAjC,wBAEnB,OAAQ+D,EACNxC,MAACyE,EAAKA,MAAAxE,OAAAC,OAAA,CAACwE,iBAAkBjD,aACtB+C,EAAWxE,MAACkC,EAASjC,OAAAC,OAAA,GAAKiC,IAAgBnC,EAAAA,IAACgB,kCAAmBS,UAAAA,GAAcU,QAFhE"}
+{"version":3,"file":"Menu-bf7e45ce.js","sources":["../../src/UNSAFE_Menu/menuUtils.ts","../../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 { ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nconst getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the first available item.\n */\nexport const getFirstVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const firstItem = root.querySelector('[data-oj-menu-item-key]');\n    if (firstItem) {\n      const key = getKey(firstItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1];\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNextKey = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n      return getKey(items[nextIndex]) || null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyExtractor = (element: HTMLElement): string | null => {\n  const item = element.closest('[data-oj-menu-item-key]');\n  if (item) {\n    const key = getKey(item as HTMLElement);\n    return key === undefined ? null : key;\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (onClose: ComponentProps<typeof Menu>['onClose']) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      onClose?.({ reason: 'dismissed' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape') {\n      onClose?.({ reason: 'dismissed' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item. Using this flag removes issues\n    //related to focus visibilty on \"long press\"\n    const nextKey = keyExtractor(event.target as HTMLElement);\n    if (!nextKey) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport { Menu } from './Menu';\nimport { MenuContext } from './MenuContext';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNextKey,\n  getFirstVisibleKey,\n  keyExtractor,\n  getLastVisibleKey,\n  getKeyboardCloseProps,\n  getMenuPointerDown\n} from './menuUtils';\n\ntype MenuProps = ComponentProps<typeof Menu>;\n\ntype MenuContainerProps = Omit<MenuProps, 'isOpen' | 'anchorRef'> & {\n  display: 'sheet' | 'dropdown';\n};\n\nconst styles = {\n  menuContainer: cssProps`${{\n    outlineStyle: 'none'\n  }}`,\n  dropdownMenuContainer: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  sheetMenuContainer: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nexport const MenuContainer = ({\n  children,\n  onClose,\n  accessibleLabel,\n  initialFocus = 'menu',\n  display\n}: MenuContainerProps) => {\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n  const initialFocusRef = useRef(initialFocus);\n\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  const [possibleFocus, setPossibleFocus] = useState<'pending' | 'menu' | 'firstItem'>('pending');\n\n  const changeKey = useCallback((detail: CurrentKeyDetail<string>) => {\n    setCurrentKey(detail.value);\n    setPossibleFocus('firstItem');\n  }, []);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!menuContainerRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown'],\n    (elem: Element) => {\n      const nextKey = keyExtractor(elem as HTMLElement);\n      return !!nextKey;\n    }\n  );\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    (element) => keyExtractor(element),\n    getPrevNextKey(menuContainerRef.current, true, currentKey),\n    getPrevNextKey(menuContainerRef.current, false, currentKey),\n    () => getFirstVisibleKey(menuContainerRef.current),\n    () => getLastVisibleKey(menuContainerRef.current),\n    currentKey,\n    changeKey\n  );\n\n  useEffect(() => {\n    const menuContainer = menuContainerRef.current;\n\n    if (menuContainer) {\n      if (initialFocusRef.current === 'menu') {\n        // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n        // is visible at that point and can be focused\n        setTimeout(() => {\n          menuContainer.focus();\n        }, 0);\n        setPossibleFocus('menu');\n      } else {\n        const firstItemKey = getFirstVisibleKey(menuContainerRef.current);\n        if (firstItemKey) {\n          changeKey({ value: firstItemKey });\n        } else {\n          setPossibleFocus('menu');\n        }\n      }\n    }\n  }, [initialFocusRef, changeKey]);\n\n  // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n  return (\n    <div\n      ref={menuContainerRef}\n      tabIndex={possibleFocus === 'firstItem' ? -1 : 0}\n      role=\"menu\"\n      aria-label={accessibleLabel}\n      class={classNames([styles.menuContainer, styles[`${display}MenuContainer`]])}\n      {...mergeProps(\n        focusRingProps,\n        currentKeyProps,\n        getMenuPointerDown(),\n        getKeyboardCloseProps(onClose)\n      )}>\n      <MenuContext.Provider\n        value={{\n          onClose,\n          currentKey,\n          showFocusRing\n        }}>\n        {children}\n      </MenuContext.Provider>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param keyExtractor function to extract the key based on the provided element\n * @param getPrevKey function to get the previous key based on the current key\n * @param getNextKey function to get the next key based on the current key\n * @param getFirstVisibleKey function to get the key of the first available item\n * @param getLastVisibleKey function to get the key of the last available item\n * @param currentKey the current key\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  keyExtractor: (element: HTMLElement) => string | null,\n  getPrevKey: () => string | null,\n  getNextKey: () => string | null,\n  getFirstVisibleKey: () => string | null,\n  getLastVisibleKey: () => string | null,\n  currentKey?: string,\n  onChange?: (detail: CurrentKeyDetail<string>) => void\n) {\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        if (event.key === 'ArrowDown' && !event.shiftKey) {\n          const nextKey = getNextKey();\n          if (nextKey && currentKey != nextKey) {\n            onChange({ value: nextKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'ArrowUp' && !event.shiftKey) {\n          const prevKey = getPrevKey();\n          if (prevKey && currentKey != prevKey) {\n            onChange({ value: prevKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'Home') {\n          const firstKey = getFirstVisibleKey();\n          if (firstKey && currentKey != firstKey) {\n            onChange({ value: firstKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'End') {\n          const lastKey = getLastVisibleKey();\n          if (lastKey && currentKey != lastKey) {\n            onChange({ value: lastKey });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [currentKey, getNextKey, getPrevKey, onChange, getFirstVisibleKey, getLastVisibleKey]\n  );\n  //Capture needed since usePress stop propagation, what produces not triggering this event.\n  //We can't stop propagation here, because if we do that, usePress onClick will not be triggered.\n  const onClickCapture = useCallback(\n    (event: MouseEvent) => {\n      if (onChange && !event.shiftKey) {\n        const nextKey = keyExtractor(event.target as HTMLElement);\n        if (nextKey && currentKey != nextKey) {\n          onChange({ value: nextKey });\n        }\n      }\n    },\n    [currentKey, keyExtractor, onChange]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\n}\n","import { ComponentProps, useCallback, useRef } from 'preact/compat';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Floating } from '../UNSAFE_Floating';\n\nimport { MenuContainer } from './MenuContainer';\nimport { Menu } from './Menu';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\n\nconst styles = {\n  // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.\n  // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.\n  base: cssProps`${{\n    maxWidth: '90vw',\n    width: 'max-content',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)'\n  }}`\n};\n\nexport const DropdownMenu = ({\n  anchorRef,\n  onClose,\n  ...dropdownMenuProps\n}: ComponentProps<typeof Menu>) => {\n  const floatingRef = useRef<HTMLElement | null>(null);\n\n  const useOutsideClickHandler = useCallback(\n    (e: MouseEvent) => {\n      onClose?.({ reason: 'outsideClick', target: e.target as Element });\n    },\n    [onClose]\n  );\n\n  useOutsideClick({\n    ref: [floatingRef],\n    handler: useOutsideClickHandler\n  });\n\n  return (\n    <Floating\n      class={styles.base}\n      ref={floatingRef}\n      anchorRef={anchorRef}\n      placement=\"bottom-start\"\n      offsetValue={{\n        mainAxis: 4, //TODO: stable does not have a 4px gap, so we'll need to figure out how to make this themable.\n        crossAxis: 0\n      }}>\n      <div\n        style={{\n          minWidth: `${\n            anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n              ? anchorRef.current.offsetWidth\n              : MENU_MIN_WIDTH\n          }px`\n        }}>\n        <MenuContainer {...{ onClose, ...dropdownMenuProps }} display=\"dropdown\" />\n      </div>\n    </Floating>\n  );\n};\n\nconst MENU_MIN_WIDTH = 200;\n","import { ComponentProps } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useEffect } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useMenuSwipe } from './useMenuSwipe';\nimport useModal from '../UNSAFE_Modal/hooks/useModal';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\nimport { Menu } from './Menu';\nimport { MenuContainer } from './MenuContainer';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\nconst styles = {\n  modalWrapper: cssProps`${{\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    zIndex: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-z-index-popup)'\n  }}`,\n  modalContainer: cssProps`${{\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0\n  }}`,\n  sheetMenuContainerWrapper: cssProps`${{\n    borderRadius: '16px 16px 0 0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    maxHeight: 'calc(100% - 96px)',\n    overflowY: 'auto',\n    overscrollBehaviorY: 'contain',\n    touchAction: 'pan-y',\n    userSelect: 'none'\n  }}`,\n  modalBackdrop: cssProps`${{\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-scrim-color)'\n  }}`\n};\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => (\n  <div class={styles.modalWrapper}>{children}</div>\n);\nconst ModalContainer = forwardRef<HTMLDivElement, IntrinsicProps>(({ children }, ref) => (\n  <div class={styles.modalContainer} ref={ref}>\n    {children}\n  </div>\n));\n//ModalBackdrop on modal folder not setting the style on oj-c enviroment\n//Creating it here so we don't see that issue\nconst ModalBackdrop = () => <div class={styles.modalBackdrop} />;\n\nexport const SheetMenu = ({\n  onClose,\n  ...menuProps\n}: Omit<ComponentProps<typeof Menu>, 'anchorRef'>) => {\n  useEffect(() => {\n    // We set the overflow body as hidden when mounted and revert to original overflow value when is\n    // unmounted. This is done to don't allow backgound being scrolled\n    // This will be handled by modal/popup when ready\n    const initialOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = initialOverflow;\n    };\n  }, []);\n\n  const dismissHandler = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  const { modalRef } = useModal({ isOpen: true, onBackdropClick: dismissHandler });\n  //TODO: Use useSwipe when it works on components that could scroll.\n  const { swipeProps } = useMenuSwipe(dismissHandler);\n\n  // TODO: For now we are mimicking current modal but using a \"different position setting\" (using absolute positioning instead of flex).\n  // Have to use modal/popup component directly instead doing this composition when that component could satisfy our requirments.\n  return (\n    <ModalWrapper>\n      <ModalBackdrop></ModalBackdrop>\n      <ModalContainer ref={modalRef}>\n        <div class={styles.sheetMenuContainerWrapper} {...swipeProps}>\n          <MenuContainer {...{ ...menuProps, onClose }} display=\"sheet\"></MenuContainer>\n        </div>\n      </ModalContainer>\n    </ModalWrapper>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { 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 { Layer } from '../UNSAFE_Layer';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { DropdownMenu } from './DropdownMenu';\nimport { SheetMenu } from './SheetMenu';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: RefObject<HTMLElement>;\n  /**\n   * Set of menu groups or menu items that menu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  accessibleLabel?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype CloseDetail =\n  | {\n      //dismissed represents dismissing the menu using esc,tap and on mobile swiping and taping backdrop\n      reason: 'dismissed' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\nconst { deviceType } = getClientHints();\nconst isMobile = deviceType === 'phone';\nexport const Menu = ({ isOpen, anchorRef, ...menuProps }: MenuProps) => {\n  // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      {isMobile ? <SheetMenu {...menuProps} /> : <DropdownMenu {...{ anchorRef, ...menuProps }} />}\n    </Layer>\n  );\n};\n"],"names":["getKey","item","dataset","getFirstVisibleKey","root","firstItem","querySelector","key","getPrevNextKey","isPrev","currentKey","items","Array","from","querySelectorAll","nextIndex","findIndex","itemsLastIndex","length","keyExtractor","element","closest","undefined","styles","MenuContainer","children","onClose","accessibleLabel","initialFocus","display","menuContainerRef","useRef","initialFocusRef","changeKey","useCallback","detail","setCurrentKey","value","_a","current","contains","elem","currentKeyProps","getPrevKey","getNextKey","getLastVisibleKey","onChange","onKeyDown","event","shiftKey","firstKey","preventDefault","lastKey","prevKey","nextKey","onClickCapture","target","useMenuCurrentKey","lastItem","menuContainer","firstItemKey","_jsx","Object","assign","ref","tabIndex","possibleFocus","role","class","classNames","mergeProps","focusRingProps","onPointerDown","reason","getKeyboardCloseProps","MenuContext","Provider","DropdownMenu","floatingRef","useOutsideClickHandler","e","useOutsideClick","handler","mainAxis","crossAxis","minWidth","anchorRef","offsetWidth","MENU_MIN_WIDTH","jsx","dropdownMenuProps","ModalWrapper","ModalContainer","forwardRef","ModalBackdrop","SheetMenu","menuProps","__rest","dismissHandler","modalRef","useModal","isOpen","onBackdropClick","onSwipe","threshold","maximumTime","tolerance","isDisabled","pointerDownId","startTime","prevpageX","prevpageY","elementScrollTop","clearSwipe","onTouchStart","touchobj","changedTouches","identifier","timeStamp","pageX","pageY","currentTarget","scrollTop","onTouchEnd","ev","Math","abs","direction","swipeProps","ontouchcancel","_jsxs","deviceType","getClientHints","isMobile","Layer","logicalParentRef"],"mappings":"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"}

package/amd/MenuDivider-410ddd93.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./UNSAFE_Divider","./Divider-131e294b"],function(i,e,n,r,s){"use strict";const t="_7o1ogl";i.MenuDivider=function(){return e.jsx("div",Object.assign({class:t},{children:e.jsx(s.Divider,{})}))}});
+//# sourceMappingURL=MenuDivider-410ddd93.js.map

package/amd/{MenuDivider-70a48737.js.map → MenuDivider-410ddd93.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider-70a48737.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 { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { Divider } from '../UNSAFE_Divider';\n\nconst styles = {\n  menuDividerContainer: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)'\n  }}`\n};\n\nexport function MenuDivider() {\n  return (\n    <div class={styles.menuDividerContainer}>\n      <Divider />\n    </div>\n  );\n}\n"],"names":["styles","_jsx","Object","assign","class","children","Divider"],"mappings":"2HAYA,MAAAA,2BAOA,WACE,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAJ,GAAA,CAAAK,SAAAJ,EAAAA,IAAAK,EAAAA,QAAA"}
+{"version":3,"file":"MenuDivider-410ddd93.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 { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { Divider } from '../UNSAFE_Divider';\n\nconst styles = {\n  menuDividerContainer: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)'\n  }}`\n};\n\nexport function MenuDivider() {\n  return (\n    <div class={styles.menuDividerContainer}>\n      <Divider />\n    </div>\n  );\n}\n"],"names":["styles","_jsx","Object","assign","class","children","Divider"],"mappings":"2HAYA,MAAAA,0BAOA,WACE,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAJ,GAAA,CAAAK,SAAAJ,EAAAA,IAAAK,EAAAA,QAAA"}

package/amd/MenuItem-41696d68.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact/hooks","./UNSAFE_Text",'module',"./hooks/UNSAFE_useHover","./utils/UNSAFE_classNames","./hooks/UNSAFE_useId","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_usePress","./utils/PRIVATE_clientHints","preact","./clientHints-4dcd5beb","./classNames-8a2ab2d1","./Text-51a895bf"],function(e,n,s,t,a,o,i,r,c,l,u,d,m,b,v){"use strict";const C=d.createContext({onClose:()=>null,currentKey:void 0,showFocusRing:!1});const h={menuItemContainer:"gx4lpa",focused:"_6owk68",variant:{default:{menuItemContainer:"lwhvj0",hover:"abxia9",pseudohover:"_1b9wtpz"},destructive:{menuItemContainer:"i5cv9m",hover:"_52a041",pseudohover:"d6v3m4"}},iconLabelContainer:"yq6y6r",labelContainer:"_12mlthk",iconContainer:"_9ob4fk",startIconContainer:"_1irvgv5",endIconContainer:"gxb0vl",disabledContainer:"_12gqctt"};const p="events"===m.getClientHints().hoverSupport;function x({label:e,onAction:t,startIcon:a,endIcon:i,role:u,isChecked:d,isDisabled:m=!1,variant:x="default"}){const{onClose:I,currentKey:j,showFocusRing:f}=s.useContext(C),g=r.useId(),_=s.useMemo(()=>`oj-menu-item-${g}`,[g]),N=j===_,k=s.useRef(null),{hoverProps:A,isHover:E}=o.useHover({isDisabled:!p}),{pressProps:F}=l.usePress(()=>{null==I||I({reason:"itemAction"}),null==t||t()},{isDisabled:m});s.useLayoutEffect(()=>{var e;N&&(null===(e=k.current)||void 0===e||e.focus())},[N]);const P=b.classNames([h.menuItemContainer,!m&&h.variant[x].menuItemContainer,m&&h.disabledContainer,!p&&!m&&h.variant[x].pseudohover,p&&E&&!m&&h.variant[x].hover,N&&!!f&&h.focused]),S=b.classNames([h.iconLabelContainer,h.iconContainer,h.startIconContainer]),y=b.classNames([h.iconLabelContainer,h.labelContainer]),H=b.classNames([h.iconLabelContainer,h.iconContainer,h.endIconContainer]);return n.jsxs("a",Object.assign({ref:k,class:P},c.mergeProps(A,F),{role:u,"data-oj-menu-item-key":_},m&&{"aria-disabled":!0},"menuitem"!==u&&{"aria-checked":d},{tabIndex:N?0:-1},{children:[a&&n.jsx("span",Object.assign({class:S},{children:a})),n.jsx("span",Object.assign({class:y},{children:n.jsx(v.Text,Object.assign({variant:"inherit",size:"md"},{children:e}))})),i&&n.jsx("span",Object.assign({class:H},{children:i}))]}))}e.BaseMenuItem=x,e.MenuContext=C,e.MenuItem=function(e){return n.jsx(x,Object.assign({},e,{role:"menuitem"}))}});
+//# sourceMappingURL=MenuItem-41696d68.js.map

package/amd/{MenuItem-4065d4c1.js.map → MenuItem-41696d68.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MenuItem-4065d4c1.js","sources":["../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/MenuItem.tsx","../../src/UNSAFE_Menu/useMenuContext.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 { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n  onClose: ComponentProps<typeof Menu>['onClose'];\n  currentKey?: string;\n  showFocusRing: boolean;\n};\n\n/**\n * Context used to pass menu information without having to pass it to menu children props.\n * We want to communicate information down to any interested menu item children.\n */\nconst MenuContext = createContext<Props>({\n  onClose: () => null,\n  currentKey: undefined,\n  showFocusRing: false\n});\n\nexport { MenuContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useLayoutEffect, useRef, useMemo } from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { useMenuContext } from './useMenuContext';\n\nconst styles = {\n  menuItemContainer: cssProps`${{\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important',\n    width: '100%',\n    paddingTop: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingBottom: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding)',\n    boxSizing: 'border-box',\n    minHeight: 'var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height)',\n    display: 'flex',\n    textAlign: 'start',\n    alignItems: 'center',\n    textDecorationLine: 'none !important',\n    outlineStyle: 'none'\n  }}`,\n  focused: cssProps`${{\n    outlineStyle: 'dotted',\n    outlineOffset: '1px',\n    outlineWidth: '1px',\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n  }}`,\n  variant: {\n    default: {\n      menuItemContainer: cssProps`${{\n        /* Color seems to change in active state due to a:active selector added on oj-c enviroment\n        because of this we have to set color here again. Same happens on disabled which\n         can't set pointerEvents as none since disabled items can receive focus */\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)',\n          color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n      }}`,\n      hover: cssProps`${{\n        // @ts-ignore\n        '&:not(:active)': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n        }\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover:not(:active)': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n          }\n        }\n      }}`\n    },\n    destructive: {\n      menuItemContainer: cssProps`${{\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n          color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low)'\n      }}`,\n      hover: cssProps`${{\n        backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n            color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n          }\n        }\n      }}`\n    }\n  },\n  iconLabelContainer: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  labelContainer: cssProps`${{\n    flexGrow: 1,\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  iconContainer: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  startIconContainer: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding)'\n  }}`,\n  endIconContainer: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding)'\n  }}`,\n  disabledContainer: cssProps`${{\n    cursor: 'default !important',\n    '&:active': {\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n    },\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\ntype BaseMenuItemProps = (SimpleMenuItemProps | SelectMenuItemProps) & BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n  label: string;\n  onAction?: () => void;\n  startIcon?: ComponentChildren;\n  endIcon?: ComponentChildren;\n  isDisabled?: boolean;\n};\n\ntype SimpleMenuItemProps = {\n  role: 'menuitem';\n  variant?: 'default' | 'destructive';\n  isChecked?: never;\n};\n\ntype SelectMenuItemProps = {\n  role: 'menuitemcheckbox' | 'menuitemradio';\n  variant?: never;\n  isChecked?: boolean;\n};\n\ntype MenuItemProps = BaseBaseMenuItemProps & {\n  variant?: 'default' | 'destructive';\n};\n\nexport function MenuItem(props: MenuItemProps) {\n  return <BaseMenuItem {...props} role=\"menuitem\"></BaseMenuItem>;\n}\n\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport function BaseMenuItem({\n  label,\n  onAction,\n  startIcon,\n  endIcon,\n  role,\n  isChecked,\n  isDisabled = false,\n  variant = 'default'\n}: BaseMenuItemProps) {\n  const { onClose, currentKey, showFocusRing } = useMenuContext();\n\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n  const isCurrent = currentKey === id;\n\n  const menuItemRef = useRef<HTMLAnchorElement | null>(null);\n\n  const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n\n  const handleItemSelection = () => {\n    onClose?.({ reason: 'itemAction' });\n    onAction?.();\n  };\n\n  const { pressProps } = usePress(handleItemSelection, { isDisabled });\n\n  useLayoutEffect(() => {\n    if (isCurrent) {\n      menuItemRef.current?.focus();\n    }\n  }, [isCurrent]);\n\n  const menuItemContainerClasses = classNames([\n    styles.menuItemContainer,\n    !isDisabled && styles.variant[variant].menuItemContainer,\n    isDisabled && styles.disabledContainer,\n    !isHybrid && !isDisabled && styles.variant[variant].pseudohover,\n    isHybrid && isHover && !isDisabled && styles.variant[variant].hover,\n    isCurrent && !!showFocusRing && styles.focused\n  ]);\n\n  const startIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.startIconContainer\n  ]);\n\n  const labelContainerClasses = classNames([styles.iconLabelContainer, styles.labelContainer]);\n\n  const endIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.endIconContainer\n  ]);\n\n  return (\n    <a\n      ref={menuItemRef}\n      class={menuItemContainerClasses}\n      {...mergeProps(hoverProps, pressProps)}\n      role={role}\n      data-oj-menu-item-key={id}\n      {...(isDisabled && { 'aria-disabled': true })}\n      {...(role !== 'menuitem' && { 'aria-checked': isChecked })}\n      tabIndex={isCurrent ? 0 : -1}>\n      {startIcon && <span class={startIconContainerClasses}>{startIcon}</span>}\n      <span class={labelContainerClasses}>\n        <Text variant=\"inherit\" size=\"md\">\n          {label}\n        </Text>\n      </span>\n      {endIcon && <span class={endIconContainerClasses}>{endIcon}</span>}\n    </a>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { 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"],"names":["MenuContext","createContext","onClose","currentKey","undefined","showFocusRing","styles","variant","default","destructive","isHybrid","getClientHints","hoverSupport","BaseMenuItem","label","onAction","startIcon","endIcon","role","isChecked","isDisabled","useContext","uniqueID","useId","id","useMemo","isCurrent","menuItemRef","useRef","hoverProps","isHover","useHover","pressProps","usePress","_a","current","focus","menuItemContainer","pseudohover","hover","focused","iconLabelContainer","iconContainer","startIconContainer","labelContainerClasses","classNames","labelContainer","endIconContainer","props"],"mappings":"mXAsBM,MAAAA,EAAcC,EAAAA,cAAqB,CACvCC,QAAS,IAAM,KACfC,gBAAYC,EACZC,eAAe,ICJjB,MAAAC,EAAA,mBAAA,mBAAA,SAsBEC,QAAA,CACEC,QAAA,mBAAA,iBAAA,mCA0BAC,YAAA,mBAAA,eAAA,uDAjDJ,0BAAA,yBAAA,4BAAA,0BAAA,qCAqIA,MAAAC,EAAA,WAAAC,EAAAA,iBAAAC,aAEA,SAAAC,GAAAC,MAAAA,EAAAC,SAAAA,EAAAC,UAAAA,EAAAC,QAAAA,EAAAC,KAAAA,EAAAC,UAAAA,EAAAC,WAAAA,GAAA,EAAAb,QAAAA,EAAA,0DC1ISc,EAAAA,WAAWrB,GDsJlBsB,EAAAC,EAAAA,QACAC,EAAAC,EAAAA,QAAA,IAAA,gBAAAH,IAAA,CAAAA,IACAI,EAAAvB,IAAAqB,EAEAG,EAAAC,SAAA,OAEAC,WAAAA,EAAAC,QAAAA,GAAAC,WAAA,CAAAX,YAAAV,KAOAsB,WAAAA,GAAAC,EAAAA,gDAHElB,MAAAA,GAAAA,KAGF,CAAAK,WAAAA,iCAGEM,IACE,QAAAQ,EAAAP,EAAAQ,eAAA,IAAAD,GAAAA,EAAAE,UAEJ,CAAAV,0BAGEpB,EAAA+B,6EAGA3B,IAAAU,GAAAd,EAAAC,QAAAA,GAAA+B,YACA5B,GAAAoB,IAAAV,GAAAd,EAAAC,QAAAA,GAAAgC,MACAb,KAAArB,GAAAC,EAAAkC,0BAIAlC,EAAAmC,mBACAnC,EAAAoC,cACApC,EAAAqC,qBAGFC,EAAAC,EAAAA,WAAA,CAAAvC,EAAAmC,mBAAAnC,EAAAwC,iCAGExC,EAAAmC,mBACAnC,EAAAoC,cACApC,EAAAyC,weA3DJ,SAAAC"}
+{"version":3,"file":"MenuItem-41696d68.js","sources":["../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/MenuItem.tsx","../../src/UNSAFE_Menu/useMenuContext.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 { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n  onClose: ComponentProps<typeof Menu>['onClose'];\n  currentKey?: string;\n  showFocusRing: boolean;\n};\n\n/**\n * Context used to pass menu information without having to pass it to menu children props.\n * We want to communicate information down to any interested menu item children.\n */\nconst MenuContext = createContext<Props>({\n  onClose: () => null,\n  currentKey: undefined,\n  showFocusRing: false\n});\n\nexport { MenuContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useLayoutEffect, useRef, useMemo } from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { useMenuContext } from './useMenuContext';\n\nconst styles = {\n  menuItemContainer: cssProps`${{\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important',\n    width: '100%',\n    paddingTop: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingBottom: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding)',\n    boxSizing: 'border-box',\n    minHeight: 'var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height)',\n    display: 'flex',\n    textAlign: 'start',\n    alignItems: 'center',\n    textDecorationLine: 'none !important',\n    outlineStyle: 'none'\n  }}`,\n  focused: cssProps`${{\n    outlineStyle: 'dotted',\n    outlineOffset: '1px',\n    outlineWidth: '1px',\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n  }}`,\n  variant: {\n    default: {\n      menuItemContainer: cssProps`${{\n        /* Color seems to change in active state due to a:active selector added on oj-c enviroment\n        because of this we have to set color here again. Same happens on disabled which\n         can't set pointerEvents as none since disabled items can receive focus */\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)',\n          color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n      }}`,\n      hover: cssProps`${{\n        // @ts-ignore\n        '&:not(:active)': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n        }\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover:not(:active)': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n          }\n        }\n      }}`\n    },\n    destructive: {\n      menuItemContainer: cssProps`${{\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n          color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low)'\n      }}`,\n      hover: cssProps`${{\n        backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n            color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n          }\n        }\n      }}`\n    }\n  },\n  iconLabelContainer: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  labelContainer: cssProps`${{\n    flexGrow: 1,\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  iconContainer: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  startIconContainer: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding)'\n  }}`,\n  endIconContainer: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding)'\n  }}`,\n  disabledContainer: cssProps`${{\n    cursor: 'default !important',\n    '&:active': {\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n    },\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\ntype BaseMenuItemProps = (SimpleMenuItemProps | SelectMenuItemProps) & BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n  label: string;\n  onAction?: () => void;\n  startIcon?: ComponentChildren;\n  endIcon?: ComponentChildren;\n  isDisabled?: boolean;\n};\n\ntype SimpleMenuItemProps = {\n  role: 'menuitem';\n  variant?: 'default' | 'destructive';\n  isChecked?: never;\n};\n\ntype SelectMenuItemProps = {\n  role: 'menuitemcheckbox' | 'menuitemradio';\n  variant?: never;\n  isChecked?: boolean;\n};\n\ntype MenuItemProps = BaseBaseMenuItemProps & {\n  variant?: 'default' | 'destructive';\n};\n\nexport function MenuItem(props: MenuItemProps) {\n  return <BaseMenuItem {...props} role=\"menuitem\"></BaseMenuItem>;\n}\n\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport function BaseMenuItem({\n  label,\n  onAction,\n  startIcon,\n  endIcon,\n  role,\n  isChecked,\n  isDisabled = false,\n  variant = 'default'\n}: BaseMenuItemProps) {\n  const { onClose, currentKey, showFocusRing } = useMenuContext();\n\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n  const isCurrent = currentKey === id;\n\n  const menuItemRef = useRef<HTMLAnchorElement | null>(null);\n\n  const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n\n  const handleItemSelection = () => {\n    onClose?.({ reason: 'itemAction' });\n    onAction?.();\n  };\n\n  const { pressProps } = usePress(handleItemSelection, { isDisabled });\n\n  useLayoutEffect(() => {\n    if (isCurrent) {\n      menuItemRef.current?.focus();\n    }\n  }, [isCurrent]);\n\n  const menuItemContainerClasses = classNames([\n    styles.menuItemContainer,\n    !isDisabled && styles.variant[variant].menuItemContainer,\n    isDisabled && styles.disabledContainer,\n    !isHybrid && !isDisabled && styles.variant[variant].pseudohover,\n    isHybrid && isHover && !isDisabled && styles.variant[variant].hover,\n    isCurrent && !!showFocusRing && styles.focused\n  ]);\n\n  const startIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.startIconContainer\n  ]);\n\n  const labelContainerClasses = classNames([styles.iconLabelContainer, styles.labelContainer]);\n\n  const endIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.endIconContainer\n  ]);\n\n  return (\n    <a\n      ref={menuItemRef}\n      class={menuItemContainerClasses}\n      {...mergeProps(hoverProps, pressProps)}\n      role={role}\n      data-oj-menu-item-key={id}\n      {...(isDisabled && { 'aria-disabled': true })}\n      {...(role !== 'menuitem' && { 'aria-checked': isChecked })}\n      tabIndex={isCurrent ? 0 : -1}>\n      {startIcon && <span class={startIconContainerClasses}>{startIcon}</span>}\n      <span class={labelContainerClasses}>\n        <Text variant=\"inherit\" size=\"md\">\n          {label}\n        </Text>\n      </span>\n      {endIcon && <span class={endIconContainerClasses}>{endIcon}</span>}\n    </a>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { 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"],"names":["MenuContext","createContext","onClose","currentKey","undefined","showFocusRing","styles","variant","default","destructive","isHybrid","getClientHints","hoverSupport","BaseMenuItem","label","onAction","startIcon","endIcon","role","isChecked","isDisabled","useContext","uniqueID","useId","id","useMemo","isCurrent","menuItemRef","useRef","hoverProps","isHover","useHover","pressProps","usePress","_a","current","focus","menuItemContainer","pseudohover","hover","focused","iconLabelContainer","iconContainer","startIconContainer","labelContainerClasses","classNames","labelContainer","endIconContainer","props"],"mappings":"mXAsBM,MAAAA,EAAcC,EAAAA,cAAqB,CACvCC,QAAS,IAAM,KACfC,gBAAYC,EACZC,eAAe,ICJjB,MAAAC,EAAA,mBAAA,iBAAA,UAsBEC,QAAA,CACEC,QAAA,mBAAA,eAAA,iCA0BAC,YAAA,mBAAA,eAAA,oDAjDJ,wBAAA,yBAAA,6BAAA,4BAAA,uCAqIA,MAAAC,EAAA,WAAAC,EAAAA,iBAAAC,aAEA,SAAAC,GAAAC,MAAAA,EAAAC,SAAAA,EAAAC,UAAAA,EAAAC,QAAAA,EAAAC,KAAAA,EAAAC,UAAAA,EAAAC,WAAAA,GAAA,EAAAb,QAAAA,EAAA,0DC1ISc,EAAAA,WAAWrB,GDsJlBsB,EAAAC,EAAAA,QACAC,EAAAC,EAAAA,QAAA,IAAA,gBAAAH,IAAA,CAAAA,IACAI,EAAAvB,IAAAqB,EAEAG,EAAAC,SAAA,OAEAC,WAAAA,EAAAC,QAAAA,GAAAC,WAAA,CAAAX,YAAAV,KAOAsB,WAAAA,GAAAC,EAAAA,gDAHElB,MAAAA,GAAAA,KAGF,CAAAK,WAAAA,iCAGEM,IACE,QAAAQ,EAAAP,EAAAQ,eAAA,IAAAD,GAAAA,EAAAE,UAEJ,CAAAV,0BAGEpB,EAAA+B,6EAGA3B,IAAAU,GAAAd,EAAAC,QAAAA,GAAA+B,YACA5B,GAAAoB,IAAAV,GAAAd,EAAAC,QAAAA,GAAAgC,MACAb,KAAArB,GAAAC,EAAAkC,0BAIAlC,EAAAmC,mBACAnC,EAAAoC,cACApC,EAAAqC,qBAGFC,EAAAC,EAAAA,WAAA,CAAAvC,EAAAmC,mBAAAnC,EAAAwC,iCAGExC,EAAAmC,mBACAnC,EAAAoC,cACApC,EAAAyC,weA3DJ,SAAAC"}

package/amd/{Message.types-ba802f0d.js → Message.types-1bd2ebd5.js}

@@ -1,2 +1,2 @@
 define(["exports","./utils/UNSAFE_arrayUtils"],function(r,i){"use strict";i.stringLiteralArray(["banner","inline","toast"]);const n=i.stringLiteralArray(["error","warning","confirmation","info","none"]);r.severities=n});
-//# sourceMappingURL=Message.types-ba802f0d.js.map
+//# sourceMappingURL=Message.types-1bd2ebd5.js.map

package/amd/{Message.types-ba802f0d.js.map → Message.types-1bd2ebd5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Message.types-ba802f0d.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';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\nexport const variants = stringLiteralArray(['banner', 'inline', 'toast']);\nexport type MessageVariant = typeof variants[number];\n\nexport const severities = stringLiteralArray(['error', 'warning', 'confirmation', 'info', 'none']);\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":["stringLiteralArray","severities"],"mappings":"0EAUwBA,EAAkBA,mBAAC,CAAC,SAAU,SAAU,UAAzD,MAGMC,EAAaD,EAAkBA,mBAAC,CAAC,QAAS,UAAW,eAAgB,OAAQ"}
+{"version":3,"file":"Message.types-1bd2ebd5.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';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\nexport const variants = stringLiteralArray(['banner', 'inline', 'toast']);\nexport type MessageVariant = typeof variants[number];\n\nexport const severities = stringLiteralArray(['error', 'warning', 'confirmation', 'info', 'none']);\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":["stringLiteralArray","severities"],"mappings":"0EAUwBA,EAAkBA,mBAAC,CAAC,SAAU,SAAU,UAAzD,MAGMC,EAAaD,EAAkBA,mBAAC,CAAC,QAAS,UAAW,eAAgB,OAAQ"}

package/amd/MessageCloseButton-56a1b482.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./UNSAFE_Button","./index-007b4d4c","./utils/UNSAFE_classNames","./Button-c2a2ed3c","./index-517799b7","./classNames-8a2ab2d1"],function(n,s,e,t,a,i,o,c,r){"use strict";const l={base:"qwn0xj",banner:"_1cm1xi4",inline:void 0,toast:"jmx4p7"};n.MessageCloseButton=function({onAction:n,buttonRenderer:e,title:t="Close",variant:a="banner"}){const i=e?e(t,n,a):s.jsx(o.Button,{startIcon:s.jsx(c.SvgIcoClose,{}),size:"sm",title:t,variant:"borderless",onAction:n}),b=r.classNames(["banner"===a&&"oj-c-messagebanner-close-icon",l.base,l[a]]);return s.jsx("div",Object.assign({class:b},{children:i}))}});
+//# sourceMappingURL=MessageCloseButton-56a1b482.js.map

package/amd/{MessageCloseButton-6fd750b0.js.map → MessageCloseButton-56a1b482.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageCloseButton-6fd750b0.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { VNode } from 'preact';\nimport { Button } from '../UNSAFE_Button';\nimport { CloseIcon } from '../UNSAFE_ThemedIcons';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\n// TODO: remove usages of margin here\nconst messageCloseButtonStyles = {\n  base: cssProps`${{\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  banner: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    marginInlineEnd: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))',\n    marginTop: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))',\n    marginBottom: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    marginInlineEnd: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)',\n    marginTop: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)',\n    marginBottom: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)'\n  }}`\n};\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    <Button\n      startIcon={<CloseIcon />}\n      size=\"sm\"\n      title={title}\n      variant=\"borderless\"\n      onAction={onAction}\n    />\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  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 <div class={classes}>{renderedButton}</div>;\n}\n\nexport { MessageCloseButton };\n"],"names":["messageCloseButtonStyles","inline","undefined","onAction","buttonRenderer","title","variant","base","_jsx","Object","assign","class","classes","children","renderedButton"],"mappings":"2NAgBA,MAAAA,EAAA,MAAA,gBAAA,WAWEC,YAAAC,wCAyCF,UAAAC,SAAAA,EAAAC,eAAAA,EAAAC,MAAAA,EAAA,QAAAC,QAAAA,EAAA,kMAuBIN,EAAAO,YAKF,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAC,SAAAC"}
+{"version":3,"file":"MessageCloseButton-56a1b482.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { VNode } from 'preact';\nimport { Button } from '../UNSAFE_Button';\nimport { CloseIcon } from '../UNSAFE_ThemedIcons';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\n// TODO: remove usages of margin here\nconst messageCloseButtonStyles = {\n  base: cssProps`${{\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  banner: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    marginInlineEnd: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))',\n    marginTop: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))',\n    marginBottom: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x))'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    marginInlineEnd: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)',\n    marginTop: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)',\n    marginBottom: 'calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2)'\n  }}`\n};\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    <Button\n      startIcon={<CloseIcon />}\n      size=\"sm\"\n      title={title}\n      variant=\"borderless\"\n      onAction={onAction}\n    />\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  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 <div class={classes}>{renderedButton}</div>;\n}\n\nexport { MessageCloseButton };\n"],"names":["messageCloseButtonStyles","inline","undefined","onAction","buttonRenderer","title","variant","base","_jsx","Object","assign","class","classes","children","renderedButton"],"mappings":"2NAgBA,MAAAA,EAAA,MAAA,gBAAA,WAWEC,YAAAC,uCAyCF,UAAAC,SAAAA,EAAAC,eAAAA,EAAAC,MAAAA,EAAA,QAAAC,QAAAA,EAAA,kMAuBIN,EAAAO,YAKF,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAC,SAAAC"}

package/amd/MessageDetail-3accef82.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"preact","./utils/UNSAFE_classNames","./MessageFormattingUtils-f3552dd6","./classNames-8a2ab2d1"],function(e,n,a,s,t,i,r){"use strict";const l={base:"gwnx9u",banner:"uhyez9",inline:void 0,toast:"zc324z"};function c(e){const{detail:a}=e.data;return i.isValidValueForProp(a)?n.jsx(s.Fragment,{children:a}):null}e.MessageDetail=function({item:e,renderer:a=c,variant:s="banner"}){const t=a(e);if(null==t)return null;const i=r.classNames(["banner"===s&&"oj-c-messagebanner-detail",l.base,l[s]]);return n.jsx("div",Object.assign({class:i},{children:t}))}});
+//# sourceMappingURL=MessageDetail-3accef82.js.map

package/amd/{MessageDetail-49daadc3.js.map → MessageDetail-3accef82.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageDetail-49daadc3.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem, MessageVariant } from './Message.types';\nimport { isValidValueForProp } from './MessageFormattingUtils';\n\nconst messageDetailStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n\n  inline: undefined,\n\n  toast: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color)'\n  }}`\n};\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 = defaultDetailRenderer,\n  variant = 'banner'\n}: Props<K, D>) {\n  const renderedContent = renderer(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 <div class={classes}>{renderedContent}</div>;\n}\n\nexport { MessageDetail };\n"],"names":["messageDetailStyles","inline","undefined","defaultDetailRenderer","item","detail","data","isValidValueForProp","_jsx","Fragment","children","renderer","variant","renderedContent","base","Object","assign","class","classes"],"mappings":"wLAcA,MAAAA,EAAA,MAAA,gBAAA,WAWEC,YAAAC,oBAyCF,SAAAC,EAAAC,GAGE,MAAAC,OAAAA,GAAAD,EAAAE,KAGA,OAAAC,EAAAA,oBAAAF,GAGAG,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SAAAL,IAFE,qBAQJ,UAAAD,KAAAA,EAAAO,SAAAA,EAAAR,EAAAS,QAAAA,EAAA,WAKE,MAAAC,EAAAF,EAAAP,cAE6B,OAAA,qEAS3BJ,EAAAc,YAGF,OAAAN,MAAA,MAAAO,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAR,SAAAG"}
+{"version":3,"file":"MessageDetail-3accef82.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem, MessageVariant } from './Message.types';\nimport { isValidValueForProp } from './MessageFormattingUtils';\n\nconst messageDetailStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n\n  inline: undefined,\n\n  toast: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color)'\n  }}`\n};\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 = defaultDetailRenderer,\n  variant = 'banner'\n}: Props<K, D>) {\n  const renderedContent = renderer(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 <div class={classes}>{renderedContent}</div>;\n}\n\nexport { MessageDetail };\n"],"names":["messageDetailStyles","inline","undefined","defaultDetailRenderer","item","detail","data","isValidValueForProp","_jsx","Fragment","children","renderer","variant","renderedContent","base","Object","assign","class","classes"],"mappings":"wLAcA,MAAAA,EAAA,MAAA,gBAAA,SAWEC,YAAAC,kBAyCF,SAAAC,EAAAC,GAGE,MAAAC,OAAAA,GAAAD,EAAAE,KAGA,OAAAC,EAAAA,oBAAAF,GAGAG,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SAAAL,IAFE,qBAQJ,UAAAD,KAAAA,EAAAO,SAAAA,EAAAR,EAAAS,QAAAA,EAAA,WAKE,MAAAC,EAAAF,EAAAP,cAE6B,OAAA,qEAS3BJ,EAAAc,YAGF,OAAAN,MAAA,MAAAO,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAR,SAAAG"}

package/amd/{MessageFormattingUtils-eb594b6a.js → MessageFormattingUtils-f3552dd6.js}

@@ -1,2 +1,2 @@
-define(["exports","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./Message.types-ba802f0d","./stringUtils-e17f4469"],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){const i=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));return i.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-eb594b6a.js.map
+define(["exports","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./Message.types-1bd2ebd5","./stringUtils-b12b833f"],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){const i=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));return i.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-f3552dd6.js.map

package/amd/{MessageFormattingUtils-eb594b6a.js.map → MessageFormattingUtils-f3552dd6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageFormattingUtils-eb594b6a.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","formatter","isToday","locale","getLocale","DateTimeFormat","Intl","getDateTimeFormatter","isoDate","today","Date","provided","getUTCFullYear","getUTCMonth","getUTCDate","isDateToday","format","value","prop","severities","includes","test","isEmptyOrUndefined"],"mappings":"gKAiBA,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,GACvB,MACMC,EA/CR,SAA8BC,GAC5B,MAAMC,EAASC,EAAAA,aACTC,eAAEA,GAAmBC,KAC3B,OACS,IAAID,EAAeF,EADxBD,EACgCd,EAAoBG,MAGtBH,EAAoBO,SAwCpCY,CAlEpB,SAAqBC,GACnB,MAAMC,EAAQ,IAAIC,KACZC,EAAW,IAAID,KAAKF,GAE1B,OACEC,EAAMG,mBAAqBD,EAASC,kBACpCH,EAAMI,gBAAkBF,EAASE,eACjCJ,EAAMK,eAAiBH,EAASG,aA0DlBC,CAAYf,IAG5B,OAAOC,EAAUe,OAAO,IAAIN,KAAKV,2BA9BnC,SACEiB,EACAC,EAAmB,UAEnB,OAAQA,GACN,IAAK,WAEH,MAAwB,iBAAVD,GAAsBE,EAAUA,WAACC,SAASH,GAE1D,IAAK,YAEH,MAAwB,iBAAVA,GAAsBlB,EAAesB,KAAKJ,GAG1D,QAEE,MAAwB,iBAAVA,IAAuBK,EAAkBA,mBAACL"}
+{"version":3,"file":"MessageFormattingUtils-f3552dd6.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","formatter","isToday","locale","getLocale","DateTimeFormat","Intl","getDateTimeFormatter","isoDate","today","Date","provided","getUTCFullYear","getUTCMonth","getUTCDate","isDateToday","format","value","prop","severities","includes","test","isEmptyOrUndefined"],"mappings":"gKAiBA,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,GACvB,MACMC,EA/CR,SAA8BC,GAC5B,MAAMC,EAASC,EAAAA,aACTC,eAAEA,GAAmBC,KAC3B,OACS,IAAID,EAAeF,EADxBD,EACgCd,EAAoBG,MAGtBH,EAAoBO,SAwCpCY,CAlEpB,SAAqBC,GACnB,MAAMC,EAAQ,IAAIC,KACZC,EAAW,IAAID,KAAKF,GAE1B,OACEC,EAAMG,mBAAqBD,EAASC,kBACpCH,EAAMI,gBAAkBF,EAASE,eACjCJ,EAAMK,eAAiBH,EAASG,aA0DlBC,CAAYf,IAG5B,OAAOC,EAAUe,OAAO,IAAIN,KAAKV,2BA9BnC,SACEiB,EACAC,EAAmB,UAEnB,OAAQA,GACN,IAAK,WAEH,MAAwB,iBAAVD,GAAsBE,EAAUA,WAACC,SAASH,GAE1D,IAAK,YAEH,MAAwB,iBAAVA,GAAsBlB,EAAesB,KAAKJ,GAG1D,QAEE,MAAwB,iBAAVA,IAAuBK,EAAkBA,mBAACL"}

package/amd/MessageLayer-3d243ea8.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./hooks/UNSAFE_useUser","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./UNSAFE_Flex","./UNSAFE_WindowOverlay","./classNames-8a2ab2d1","./Flex-1deb0905"],function(t,o,i,e,s,a,n,r,l,c){"use strict";const f=s.stringLiteralArray(["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]),d={notificationPosition:"_11cxopx","top-left":"_3yt1d0",top:"_1hnsd26","top-right":"sy15ti","bottom-left":"_15gbxfw",bottom:"pz2zmu","bottom-right":"_71525u"};t.MessageLayer=({children:t,offset:i,testId:s,position:a="bottom"})=>{var n,f;const{direction:p}=e.useUser(),b="ltr"===p;let m;switch(a){case"top-start":m=b?d["top-left"]:d["top-right"];break;case"top-end":m=b?d["top-right"]:d["top-left"];break;case"bottom-start":m=b?d["bottom-left"]:d["bottom-right"];break;case"bottom-end":m=b?d["bottom-right"]:d["bottom-left"];break;default:m=d[a]}const h=l.classNames([d.notificationPosition,m]),u="number"==typeof i?{"--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset":`${i}px`,"--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset":`${i}px`}:{"--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset":`${null!==(n=null==i?void 0:i.vertical)&&void 0!==n?n:0}px`,"--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset":`${null!==(f=null==i?void 0:i.horizontal)&&void 0!==f?f:0}px`};return o.jsx(r.WindowOverlay,{children:o.jsx("div",Object.assign({class:h,"data-testid":s,style:void 0!==i?u:void 0},{children:o.jsx(c.Flex,Object.assign({direction:"column",gap:"2x"},{children:t}))}))})},t.positions=f});
+//# sourceMappingURL=MessageLayer-3d243ea8.js.map

package/amd/{MessageLayer-2ce2cf6c.js.map → MessageLayer-3d243ea8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageLayer-2ce2cf6c.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\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\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst styles = {\n  notificationPosition: cssProps`${{\n    position: 'absolute',\n    pointerEvents: 'initial',\n    width: 'max-content'\n  }}`,\n  ['top-left']: cssProps`${{\n    left: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  top: cssProps`${{\n    left: 'calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset))',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)',\n    transform: 'translateX(-50%)'\n  }}`,\n  ['top-right']: cssProps`${{\n    right: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  ['bottom-left']: cssProps`${{\n    left: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  bottom: cssProps`${{\n    left: 'calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset))',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)',\n    transform: 'translateX(-50%)'\n  }}`,\n  ['bottom-right']: cssProps`${{\n    right: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`\n} as const;\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n\n  let logicalPosition;\n  switch (position) {\n    case 'top-start':\n      logicalPosition = isLtr ? styles['top-left'] : styles['top-right'];\n      break;\n    case 'top-end':\n      logicalPosition = isLtr ? styles['top-right'] : styles['top-left'];\n      break;\n    case 'bottom-start':\n      logicalPosition = isLtr ? styles['bottom-left'] : styles['bottom-right'];\n      break;\n    case 'bottom-end':\n      logicalPosition = isLtr ? styles['bottom-right'] : styles['bottom-left'];\n      break;\n    default:\n      logicalPosition = styles[position];\n      break;\n  }\n\n  const positionClasses = classNames([styles.notificationPosition, logicalPosition]);\n\n  const offsetStyle =\n    typeof offset === 'number'\n      ? {\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${offset}px`,\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${offset}px`\n        }\n      : {\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${offset?.vertical ?? 0}px`,\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${offset?.horizontal ?? 0}px`\n        };\n\n  return (\n    <WindowOverlay>\n      <div\n        class={positionClasses}\n        data-testid={testId}\n        style={offset !== undefined ? offsetStyle : undefined}>\n        <Flex direction=\"column\" gap=\"2x\">\n          {children}\n        </Flex>\n      </div>\n    </WindowOverlay>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["positions","stringLiteralArray","styles","children","offset","testId","position","direction","useUser","isLtr","logicalPosition","positionClasses","classNames","notificationPosition","offsetStyle","_a","vertical","_b","horizontal","_jsx","WindowOverlay","jsx","Object","assign","class","style","undefined","Flex","gap"],"mappings":"iQASAA,MAAAA,EAAAC,EAAAA,mBAAA,wHAmDAC,EAAA,sBAAA,UAME,WANF,eAAA,SAeE,YAfF,SAmBE,cAnBF,gBAAA,WA4BE,eAAA,yBAMF,EAAAC,SAAAA,EAAAC,OAAAA,EAAAC,OAAAA,EAAAC,SAAAA,EAAA,qBACE,MAAAC,UAAAA,GAAAC,EAAAA,UACAC,EAAA,QAAAF,EAEA,IAAAG,EACA,OAAAJ,GACE,IAAA,YACEI,EAAAD,EAAAP,EAAA,YAAAA,EAAA,mBAEF,IAAA,UACEQ,EAAAD,EAAAP,EAAA,aAAAA,EAAA,kBAEF,IAAA,eACEQ,EAAAD,EAAAP,EAAA,eAAAA,EAAA,sBAEF,IAAA,aACEQ,EAAAD,EAAAP,EAAA,gBAAAA,EAAA,qBAEF,QACEQ,EAAAR,EAAAI,GAIJ,MAAAK,EAAAC,EAAAA,WAAA,CAAAV,EAAAW,qBAAAH,IAEAI,EAAA,iBAAAV,EAEI,wIAIA,CACI,yDAAA,GAAA,QAAAW,EAAAX,MAAAA,OAAA,EAAAA,EAAAY,gBAAA,IAAAD,EAAAA,EAAA,MACA,2DAAA,GAAA,QAAAE,EAAAb,MAAAA,OAAA,EAAAA,EAAAc,kBAAA,IAAAD,EAAAA,EAAA,OAGR,OAAAE,EAAAA,IAAAC,EAAAA,cAAA,CAAAjB,SAAAgB,EAAAE,IAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAb,EAAA,cAAAN,EAAAoB,WAAAC,IAAAtB,EAAAU,OAAAY,GAAA,CAAAvB,SAAAgB,EAAAE,IAAAM,OAAAL,OAAAC,OAAA,CAAAhB,UAAA,SAAAqB,IAAA,MAAA,CAAAzB,SAAAA"}
+{"version":3,"file":"MessageLayer-3d243ea8.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\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\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst styles = {\n  notificationPosition: cssProps`${{\n    position: 'absolute',\n    pointerEvents: 'initial',\n    width: 'max-content'\n  }}`,\n  ['top-left']: cssProps`${{\n    left: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  top: cssProps`${{\n    left: 'calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset))',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)',\n    transform: 'translateX(-50%)'\n  }}`,\n  ['top-right']: cssProps`${{\n    right: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  ['bottom-left']: cssProps`${{\n    left: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`,\n  bottom: cssProps`${{\n    left: 'calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset))',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)',\n    transform: 'translateX(-50%)'\n  }}`,\n  ['bottom-right']: cssProps`${{\n    right: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset)',\n    bottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset)'\n  }}`\n} as const;\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n\n  let logicalPosition;\n  switch (position) {\n    case 'top-start':\n      logicalPosition = isLtr ? styles['top-left'] : styles['top-right'];\n      break;\n    case 'top-end':\n      logicalPosition = isLtr ? styles['top-right'] : styles['top-left'];\n      break;\n    case 'bottom-start':\n      logicalPosition = isLtr ? styles['bottom-left'] : styles['bottom-right'];\n      break;\n    case 'bottom-end':\n      logicalPosition = isLtr ? styles['bottom-right'] : styles['bottom-left'];\n      break;\n    default:\n      logicalPosition = styles[position];\n      break;\n  }\n\n  const positionClasses = classNames([styles.notificationPosition, logicalPosition]);\n\n  const offsetStyle =\n    typeof offset === 'number'\n      ? {\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${offset}px`,\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${offset}px`\n        }\n      : {\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset': `${offset?.vertical ?? 0}px`,\n          '--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset': `${offset?.horizontal ?? 0}px`\n        };\n\n  return (\n    <WindowOverlay>\n      <div\n        class={positionClasses}\n        data-testid={testId}\n        style={offset !== undefined ? offsetStyle : undefined}>\n        <Flex direction=\"column\" gap=\"2x\">\n          {children}\n        </Flex>\n      </div>\n    </WindowOverlay>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["positions","stringLiteralArray","styles","children","offset","testId","position","direction","useUser","isLtr","logicalPosition","positionClasses","classNames","notificationPosition","offsetStyle","_a","vertical","_b","horizontal","_jsx","WindowOverlay","jsx","Object","assign","class","style","undefined","Flex","gap"],"mappings":"iQASAA,MAAAA,EAAAC,EAAAA,mBAAA,wHAmDAC,EAAA,sBAAA,WAME,WANF,cAAA,WAeE,YAfF,SAmBE,cAnBF,kBAAA,SA4BE,eAAA,0BAMF,EAAAC,SAAAA,EAAAC,OAAAA,EAAAC,OAAAA,EAAAC,SAAAA,EAAA,qBACE,MAAAC,UAAAA,GAAAC,EAAAA,UACAC,EAAA,QAAAF,EAEA,IAAAG,EACA,OAAAJ,GACE,IAAA,YACEI,EAAAD,EAAAP,EAAA,YAAAA,EAAA,mBAEF,IAAA,UACEQ,EAAAD,EAAAP,EAAA,aAAAA,EAAA,kBAEF,IAAA,eACEQ,EAAAD,EAAAP,EAAA,eAAAA,EAAA,sBAEF,IAAA,aACEQ,EAAAD,EAAAP,EAAA,gBAAAA,EAAA,qBAEF,QACEQ,EAAAR,EAAAI,GAIJ,MAAAK,EAAAC,EAAAA,WAAA,CAAAV,EAAAW,qBAAAH,IAEAI,EAAA,iBAAAV,EAEI,wIAIA,CACI,yDAAA,GAAA,QAAAW,EAAAX,MAAAA,OAAA,EAAAA,EAAAY,gBAAA,IAAAD,EAAAA,EAAA,MACA,2DAAA,GAAA,QAAAE,EAAAb,MAAAA,OAAA,EAAAA,EAAAc,kBAAA,IAAAD,EAAAA,EAAA,OAGR,OAAAE,EAAAA,IAAAC,EAAAA,cAAA,CAAAjB,SAAAgB,EAAAE,IAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAb,EAAA,cAAAN,EAAAoB,WAAAC,IAAAtB,EAAAU,OAAAY,GAAA,CAAAvB,SAAAgB,EAAAE,IAAAM,OAAAL,OAAAC,OAAA,CAAAhB,UAAA,SAAAqB,IAAA,MAAA,CAAAzB,SAAAA"}

package/amd/MessageStartIcon-5ae3e2fa.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_classNames","./index-007b4d4c","./UNSAFE_Flex","./index-517799b7","./Flex-1deb0905","./classNames-8a2ab2d1"],function(n,s,e,i,a,r,t,c,l){"use strict";const o={banner:"b597fd",inline:"_1o0slf2",toast:"_4pusl3"},g={confirmation:t.SvgIcoSuccessS,error:t.SvgIcoErrorS,info:t.SvgIcoInformationS,warning:t.SvgIcoWarningS},d="v9e7u5";n.MessageStartIcon=function({severity:n,variant:e="banner",translations:i}){const a=g[n],r="inline"!==e?s.jsx(c.Flex,Object.assign({align:"center",height:"100%"},{children:s.jsx("span",Object.assign({class:d,role:"img",title:null==i?void 0:i[n]},{children:s.jsx(a,{})}))})):s.jsx("span",Object.assign({class:d,role:"img",title:null==i?void 0:i[n]},{children:s.jsx(a,{})}));return s.jsx("div",Object.assign({class:l.classNames(["banner"===e&&"oj-c-messagebanner-start-icon","konmzx",o[e]]),role:"presentation"},{children:r}))}});
+//# sourceMappingURL=MessageStartIcon-5ae3e2fa.js.map

package/amd/{MessageStartIcon-36c31428.js.map → MessageStartIcon-5ae3e2fa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageStartIcon-36c31428.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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity, MessageVariant } from './Message.types';\nimport {\n  MessageConfirmationIcon,\n  MessageErrorIcon,\n  MessageInfoIcon,\n  MessageWarningIcon\n} from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\n\nconst messageStartIconStyles = cssProps`${{\n  marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  display: 'flex',\n  alignSelf: 'flex-start'\n}}`;\n\nconst severityIconStyles = {\n  banner: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color)',\n    fontSize: '1rem'\n  }}`,\n  toast: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\nconst severityIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\nconst containerStyles = cssProps`${{\n  height: '100%'\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={containerStyles} role=\"img\" title={translations?.[severity]}>\n          <IconComponent />\n        </span>\n      </Flex>\n    ) : (\n      <span class={containerStyles} 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,\n        severityIconStyles[variant]\n      ])}\n      role=\"presentation\">\n      {iconContent}\n    </div>\n  );\n}\n\nexport { MessageStartIcon };\n"],"names":["severityIconStyles","severityIcons","confirmation","MessageConfirmationIcon","SvgIcoSuccessS","error","MessageErrorIcon","SvgIcoErrorS","info","MessageInfoIcon","SvgIcoInformationS","warning","MessageWarningIcon","containerStyles","severity","variant","translations","IconComponent","iconContent","_jsx","jsx","Flex","Object","assign","align","height","children","class","role","title","classNames"],"mappings":"uNAmBA,MAMAA,EAAA,QAAA,kBAAA,0BAkBAC,EAAA,CACEC,aAAAC,EADFC,eAEEC,MAAAC,EAFFC,aAGEC,KAAAC,EAHFC,mBAIEC,QAAAC,EAAAA,gBAGFC,EAAA,4BAgDA,UAAAC,SAAAA,EAAAC,QAAAA,EAAA,SAAAC,aAAAA,IACE,MAAAC,EAAAhB,EAAAa,GAEAI,EAAA,WAAAH,EAAAI,EAAAC,IAAAC,EAAAA,KAAAC,OAAAC,OAAA,CAAAC,MAAA,SAAAC,OAAA,QAAA,CAAAC,SAAAP,EAAAC,IAAA,OAAAE,OAAAC,OAAA,CAAAI,MAAAd,EAAAe,KAAA,MAAAC,MAAAb,MAAAA,OAAA,EAAAA,EAAAF,IAAA,CAAAY,SAAAP,EAAAA,IAAAF,EAAA,UAAAE,EAAAC,IAAA,OAAAE,OAAAC,OAAA,CAAAI,MAAAd,EAAAe,KAAA,MAAAC,MAAAb,MAAAA,OAAA,EAAAA,EAAAF,IAAA,CAAAY,SAAAP,EAAAA,IAAAF,EAAA,OAiBA,OAAAE,MAAA,MAAAG,OAAAC,OAAA,CAAAI,MAAAG,EAAAA,WAAA,+CAnGF"}
+{"version":3,"file":"MessageStartIcon-5ae3e2fa.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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity, MessageVariant } from './Message.types';\nimport {\n  MessageConfirmationIcon,\n  MessageErrorIcon,\n  MessageInfoIcon,\n  MessageWarningIcon\n} from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\n\nconst messageStartIconStyles = cssProps`${{\n  marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  display: 'flex',\n  alignSelf: 'flex-start'\n}}`;\n\nconst severityIconStyles = {\n  banner: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color)',\n    fontSize: '1rem'\n  }}`,\n  toast: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\nconst severityIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\nconst containerStyles = cssProps`${{\n  height: '100%'\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={containerStyles} role=\"img\" title={translations?.[severity]}>\n          <IconComponent />\n        </span>\n      </Flex>\n    ) : (\n      <span class={containerStyles} 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,\n        severityIconStyles[variant]\n      ])}\n      role=\"presentation\">\n      {iconContent}\n    </div>\n  );\n}\n\nexport { MessageStartIcon };\n"],"names":["severityIconStyles","severityIcons","confirmation","MessageConfirmationIcon","SvgIcoSuccessS","error","MessageErrorIcon","SvgIcoErrorS","info","MessageInfoIcon","SvgIcoInformationS","warning","MessageWarningIcon","containerStyles","severity","variant","translations","IconComponent","iconContent","_jsx","jsx","Flex","Object","assign","align","height","children","class","role","title","classNames"],"mappings":"uNAmBA,MAMAA,EAAA,QAAA,gBAAA,4BAkBAC,EAAA,CACEC,aAAAC,EADFC,eAEEC,MAAAC,EAFFC,aAGEC,KAAAC,EAHFC,mBAIEC,QAAAC,EAAAA,gBAGFC,EAAA,4BAgDA,UAAAC,SAAAA,EAAAC,QAAAA,EAAA,SAAAC,aAAAA,IACE,MAAAC,EAAAhB,EAAAa,GAEAI,EAAA,WAAAH,EAAAI,EAAAC,IAAAC,EAAAA,KAAAC,OAAAC,OAAA,CAAAC,MAAA,SAAAC,OAAA,QAAA,CAAAC,SAAAP,EAAAC,IAAA,OAAAE,OAAAC,OAAA,CAAAI,MAAAd,EAAAe,KAAA,MAAAC,MAAAb,MAAAA,OAAA,EAAAA,EAAAF,IAAA,CAAAY,SAAAP,EAAAA,IAAAF,EAAA,UAAAE,EAAAC,IAAA,OAAAE,OAAAC,OAAA,CAAAI,MAAAd,EAAAe,KAAA,MAAAC,MAAAb,MAAAA,OAAA,EAAAA,EAAAF,IAAA,CAAAY,SAAAP,EAAAA,IAAAF,EAAA,OAiBA,OAAAE,MAAA,MAAAG,OAAAC,OAAA,CAAAI,MAAAG,EAAAA,WAAA,+CAnGF"}

package/amd/MessageSummary-33ad094f.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_classNames","./classNames-8a2ab2d1"],function(s,a,e,n,r){"use strict";const t={base:"_1v1m00r",banner:"_1xujj10",inline:"n112xy",toast:"_1wmw0p4"};s.MessageSummary=function({text:s,variant:e="banner"}){const n=r.classNames(["banner"===e&&"oj-c-messagebanner-summary",t.base,t[e]]);return a.jsx("div",Object.assign({role:"heading",class:n},{children:s}))}});
+//# sourceMappingURL=MessageSummary-33ad094f.js.map

package/amd/{MessageSummary-31da06a2.js.map → MessageSummary-33ad094f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageSummary-31da06a2.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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageSummaryStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    flex: '1',\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color)'\n  }}`,\n\n  inline: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n    fontWeight: '400',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n    lineHeight: 1.333\n  }}`,\n\n  toast: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color)'\n  }}`\n};\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  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":["messageSummaryStyles","text","variant","base","_jsx","Object","assign","role","class","classes","children"],"mappings":"uIAWA,MAAAA,EAAA,MAAA,kBAAA,kBAAA,0CA4CA,UAAAC,KAAAA,EAAAC,QAAAA,EAAA,4EAQIF,EAAAG,YAGF,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,UAAAC,MAAAC,GAAA,CAAAC,SAAAT"}
+{"version":3,"file":"MessageSummary-33ad094f.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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageSummaryStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    flex: '1',\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color)'\n  }}`,\n\n  inline: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n    fontWeight: '400',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n    lineHeight: 1.333\n  }}`,\n\n  toast: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color)'\n  }}`\n};\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  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":["messageSummaryStyles","text","variant","base","_jsx","Object","assign","role","class","classes","children"],"mappings":"uIAWA,MAAAA,EAAA,MAAA,kBAAA,kBAAA,4CA4CA,UAAAC,KAAAA,EAAAC,QAAAA,EAAA,4EAQIF,EAAAG,YAGF,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,UAAAC,MAAAC,GAAA,CAAAC,SAAAT"}

package/amd/MessageTimestamp-ee4aca90.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_classNames","./MessageFormattingUtils-f3552dd6","./classNames-8a2ab2d1"],function(s,a,e,n,t,i){"use strict";const r={banner:"qqg5nm",inline:void 0,toast:void 0};s.MessageTimestamp=function({value:s,variant:e="banner"}){const n=i.classNames(["banner"===e&&"oj-c-messagebanner-timestamp",r[e]]),m=t.formatTimestamp(s);return a.jsx("div",Object.assign({class:n},{children:m}))}});
+//# sourceMappingURL=MessageTimestamp-ee4aca90.js.map

package/amd/{MessageTimestamp-a8b2f726.js.map → MessageTimestamp-ee4aca90.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageTimestamp-a8b2f726.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\nimport { formatTimestamp } from './MessageFormattingUtils';\n\nconst messageTimestampStyles = {\n  banner: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  inline: undefined,\n  toast: undefined\n};\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  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":["messageTimestampStyles","inline","undefined","toast","value","variant","formattedTimestamp","formatTimestamp","_jsx","Object","assign","class","classes","children"],"mappings":"6KAaA,MAAAA,EAAA,QAAA,WAMEC,YAAAC,EACAC,WAAAD,sBAqBF,UAAAE,MAAAA,EAAAC,QAAAA,EAAA,qFAYEC,EAAAC,kBAAAH,GACA,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAC,SAAAP"}
+{"version":3,"file":"MessageTimestamp-ee4aca90.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\nimport { formatTimestamp } from './MessageFormattingUtils';\n\nconst messageTimestampStyles = {\n  banner: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  inline: undefined,\n  toast: undefined\n};\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  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":["messageTimestampStyles","inline","undefined","toast","value","variant","formattedTimestamp","formatTimestamp","_jsx","Object","assign","class","classes","children"],"mappings":"6KAaA,MAAAA,EAAA,QAAA,SAMEC,YAAAC,EACAC,WAAAD,sBAqBF,UAAAE,MAAAA,EAAAC,QAAAA,EAAA,qFAYEC,EAAAC,kBAAAH,GACA,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAC,SAAAP"}

package/amd/{MessageToast-97822e7c.js → MessageToast-f422e78d.js}

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime",'module',"preact/hooks","./UNSAFE_Environment","./hooks/PRIVATE_useMessagesFocusManager","./hooks/UNSAFE_useBreakpointValues","./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Message","./PRIVATE_MessageLayer","./UNSAFE_Flex","./UNSAFE_FocusTrap","./UNSAFE_LiveRegion","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-77e465af","./MessageLayer-2ce2cf6c","./FocusTrap-0a63cd07","./Flex-6a69bc2a","./MessagesManager-fabd2ebf","./MessageUtils-7a134473"],function(e,t,s,n,o,a,r,i,l,c,u,d,g,m,f,h,v,p,x,R,b){"use strict";m.stringLiteralArray(["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]);const y="_1hu6pi9",j={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}}},E={opacity:0};e.MessageToast=function({data:e,detailRendererKey:s,iconRendererKey:c,renderers:u,onClose:d,offset:m,position:f}){var F,M,k,S;const T=n.useRef(new Map),A=n.useRef(null),_=n.useRef(null),N=n.useRef(null),[U,O]=n.useState(),[I,V]=n.useState(e.length>0),[L,P]=n.useState(!1),z=i.useTranslationBundle("@oracle/oraclejet-preact"),C=n.useRef(e.length),w=n.useRef(0);C.current=e.length,n.useImperativeHandle(N,()=>({focus:()=>{var t;return!!e.length&&(A.current=null!==(t=T.current.get(e[0].key))&&void 0!==t?t:null,P(!0),!0)},contains:t=>{var s,n;return!(!e.length||!t)&&(null!==(n=null===(s=_.current)||void 0===s?void 0:s.contains(t))&&void 0!==n&&n)}}),[e]);const{controller:B,handlers:D}=a.useMessageFocusManager(N,{onFocus:n.useCallback(()=>{O(z.message_navigationFromMessagesRegion())},[z]),onFocusLeave:n.useCallback(()=>{P(!1)},[])},{handleEscapeKey:!1}),W=n.useCallback((t,s,n)=>{var o;const a=null==n?void 0:n.contains(document.activeElement);if(0===C.current)return V(!1),P(!1),void(a&&setImmediate(()=>B.restorePriorFocus()));const r=s+1<e.length?s+1:s-1;if(r>-1&&a){const t=e[r].key;null===(o=T.current.get(t))||void 0===o||o.focus()}},[B,e]),K=n.useCallback(e=>t=>T.current.set(e,t),[]);n.useEffect(()=>{const t=w.current;if(w.current=e.length,e.length)return V(!0),e.length>t&&O(z.message_navigationToMessagesRegion()),void B.prioritize();O(t?z.messageToast_allMessagesClosed():"")},[B,e.length,z]);const H=r.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"}),$=r.useBreakpointValues({sm:{horizontal:"number"==typeof m?m:null!==(F=null==m?void 0:m.horizontal)&&void 0!==F?F:0,vertical:16+("number"==typeof m?m:null!==(M=null==m?void 0:m.horizontal)&&void 0!==M?M:0)},lg:{horizontal:"number"==typeof m?m:null!==(k=null==m?void 0:m.horizontal)&&void 0!==k?k:0,vertical:24+("number"==typeof m?m:null!==(S=null==m?void 0:m.horizontal)&&void 0!==S?S:0)}}),q=n.useMemo(()=>({close:z.close(),confirmation:z.confirmation(),error:z.error(),info:z.info(),warning:z.warn()}),[z]),G=h.classNames([y,"oj-c-colorscheme-dark","oj-color-invert"]);return I||0!==e.length?t.jsxs(o.EnvironmentProvider,Object.assign({environment:{colorScheme:"dark"}},{children:[t.jsx(v.MessageLayer,Object.assign({offset:$,position:f},{children:t.jsx("div",Object.assign({class:G,ref:_,tabIndex:-1},D,{children:t.jsx(p.FocusTrap,Object.assign({autoFocusRef:A,isDisabled:!L},{children:t.jsx(x.Flex,Object.assign({direction:"column",gap:"1x",align:"center",maxWidth:H},{children:t.jsx(R.MessagesManager,Object.assign({animationStates:j,initialAnimationStyles:E,data:e,onMessageWillRemove:W},{children:({index:e,item:n})=>t.jsx(l.Message,{messageRef:K(n.key),item:n,detailRenderer:b.getRendererWithoutIndex(n,s,u),iconRenderer:b.getRendererWithoutIndex(n,c,u),index:e,onClose:d,translations:q,variant:"toast"},n.key)}))}))}))}))})),t.jsx(g.LiveRegion,{children:U})]})):t.jsx(g.LiveRegion,{children:U})}});
-//# sourceMappingURL=MessageToast-97822e7c.js.map
+define(["exports","preact/jsx-runtime",'module',"preact/hooks","./UNSAFE_Environment","./hooks/PRIVATE_useMessagesFocusManager","./hooks/UNSAFE_useBreakpointValues","./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Message","./PRIVATE_MessageLayer","./UNSAFE_Flex","./UNSAFE_FocusTrap","./UNSAFE_LiveRegion","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-8a2ab2d1","./MessageLayer-3d243ea8","./FocusTrap-8cdc3fc9","./Flex-1deb0905","./MessagesManager-a8de1b1e","./MessageUtils-3e182828"],function(e,t,s,n,o,a,r,i,l,c,u,d,g,m,h,f,v,p,x,R,b){"use strict";m.stringLiteralArray(["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]);const y="_137tpea",j={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}}},E={opacity:0};e.MessageToast=function({data:e,detailRendererKey:s,iconRendererKey:c,renderers:u,onClose:d,offset:m,position:h}){var F,M,k,S;const T=n.useRef(new Map),A=n.useRef(null),_=n.useRef(null),N=n.useRef(null),[U,O]=n.useState(),[I,V]=n.useState(e.length>0),[L,P]=n.useState(!1),z=i.useTranslationBundle("@oracle/oraclejet-preact"),C=n.useRef(e.length),w=n.useRef(0);C.current=e.length,n.useImperativeHandle(N,()=>({focus:()=>{var t;return!!e.length&&(A.current=null!==(t=T.current.get(e[0].key))&&void 0!==t?t:null,P(!0),!0)},contains:t=>{var s,n;return!(!e.length||!t)&&(null!==(n=null===(s=_.current)||void 0===s?void 0:s.contains(t))&&void 0!==n&&n)}}),[e]);const{controller:B,handlers:D}=a.useMessageFocusManager(N,{onFocus:n.useCallback(()=>{O(z.message_navigationFromMessagesRegion())},[z]),onFocusLeave:n.useCallback(()=>{P(!1)},[])},{handleEscapeKey:!1}),W=n.useCallback((t,s,n)=>{var o;const a=null==n?void 0:n.contains(document.activeElement);if(0===C.current)return V(!1),P(!1),void(a&&setImmediate(()=>B.restorePriorFocus()));const r=s+1<e.length?s+1:s-1;if(r>-1&&a){const t=e[r].key;null===(o=T.current.get(t))||void 0===o||o.focus()}},[B,e]),K=n.useCallback(e=>t=>T.current.set(e,t),[]);n.useEffect(()=>{const t=w.current;if(w.current=e.length,e.length)return V(!0),e.length>t&&O(z.message_navigationToMessagesRegion()),void B.prioritize();O(t?z.messageToast_allMessagesClosed():"")},[B,e.length,z]);const H=r.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"}),$=r.useBreakpointValues({sm:{horizontal:"number"==typeof m?m:null!==(F=null==m?void 0:m.horizontal)&&void 0!==F?F:0,vertical:16+("number"==typeof m?m:null!==(M=null==m?void 0:m.horizontal)&&void 0!==M?M:0)},lg:{horizontal:"number"==typeof m?m:null!==(k=null==m?void 0:m.horizontal)&&void 0!==k?k:0,vertical:24+("number"==typeof m?m:null!==(S=null==m?void 0:m.horizontal)&&void 0!==S?S:0)}}),q=n.useMemo(()=>({close:z.close(),confirmation:z.confirmation(),error:z.error(),info:z.info(),warning:z.warn()}),[z]),G=f.classNames([y,"oj-c-colorscheme-dark","oj-color-invert"]);return I||0!==e.length?t.jsxs(o.EnvironmentProvider,Object.assign({environment:{colorScheme:"dark"}},{children:[t.jsx(v.MessageLayer,Object.assign({offset:$,position:h},{children:t.jsx("div",Object.assign({class:G,ref:_,tabIndex:-1},D,{children:t.jsx(p.FocusTrap,Object.assign({autoFocusRef:A,isDisabled:!L},{children:t.jsx(x.Flex,Object.assign({direction:"column",gap:"1x",align:"center",maxWidth:H},{children:t.jsx(R.MessagesManager,Object.assign({animationStates:j,initialAnimationStyles:E,data:e,onMessageWillRemove:W},{children:({index:e,item:n})=>t.jsx(l.Message,{messageRef:K(n.key),item:n,detailRenderer:b.getRendererWithoutIndex(n,s,u),iconRenderer:b.getRendererWithoutIndex(n,c,u),index:e,onClose:d,translations:q,variant:"toast"},n.key)}))}))}))}))})),t.jsx(g.LiveRegion,{children:U})]})):t.jsx(g.LiveRegion,{children:U})}});
+//# sourceMappingURL=MessageToast-f422e78d.js.map