@oracle/oraclejet-preact 15.1.10 → 15.1.11

package/amd/LinkVariants.styles.css

@@ -1,40 +1,40 @@
-.LinkVariants_multiVariantStyles_variant_primary__18dr6fk1 {
+.LinkVariants_multiVariantStyles_variant_primary__1gbyfwi1 {
   --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
   --textColorVisited__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
   --textColorActive__1w21kyl6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
 }
-.LinkVariants_multiVariantStyles_variant_secondary__18dr6fk2 {
+.LinkVariants_multiVariantStyles_variant_secondary__1gbyfwi2 {
   --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
   --textColorVisited__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
   --textColorActive__1w21kyl6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
-.LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3 {
+.LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3 {
   text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
 }
-.LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3:active {
+.LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3:active {
   text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
 }
-.LinkVariants_multiVariantStyles_placement_embedded__18dr6fk4 {
+.LinkVariants_multiVariantStyles_placement_embedded__1gbyfwi4 {
   text-decoration-line: var(--embeddedTextDecoration__1w21kyl2);
 }
-.LinkVariants_multiVariantStyles_placement_embedded__18dr6fk4:active {
+.LinkVariants_multiVariantStyles_placement_embedded__1gbyfwi4:active {
   text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
 }
-.LinkVariants_multiVariantStyles_compound_0__18dr6fk9 {
+.LinkVariants_multiVariantStyles_compound_0__1gbyfwi9 {
   &:not(:active) {
     text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
   }
 }
-.LinkVariants_multiVariantStyles_compound_1__18dr6fka {
+.LinkVariants_multiVariantStyles_compound_1__1gbyfwia {
   &:not(:active) {
     text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
   }
 }
 @media (hover: hover) {
-  .LinkVariants_multiVariantStyles_compound_2__18dr6fkb:hover:not(:active) {
+  .LinkVariants_multiVariantStyles_compound_2__1gbyfwib:hover:not(:active) {
     text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
   }
-  .LinkVariants_multiVariantStyles_compound_3__18dr6fkc:hover:not(:active) {
+  .LinkVariants_multiVariantStyles_compound_3__1gbyfwic:hover:not(:active) {
     text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
   }
 }

package/amd/LinkVariants.styles2.css

@@ -1,40 +1,40 @@
-.LinkVariants_multiVariantStyles_variant_primary__1gbyfwi1 {
+.LinkVariants_multiVariantStyles_variant_primary__18dr6fk1 {
   --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
   --textColorVisited__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
   --textColorActive__1w21kyl6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
 }
-.LinkVariants_multiVariantStyles_variant_secondary__1gbyfwi2 {
+.LinkVariants_multiVariantStyles_variant_secondary__18dr6fk2 {
   --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
   --textColorVisited__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
   --textColorActive__1w21kyl6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
-.LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3 {
+.LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3 {
   text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
 }
-.LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3:active {
+.LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3:active {
   text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
 }
-.LinkVariants_multiVariantStyles_placement_embedded__1gbyfwi4 {
+.LinkVariants_multiVariantStyles_placement_embedded__18dr6fk4 {
   text-decoration-line: var(--embeddedTextDecoration__1w21kyl2);
 }
-.LinkVariants_multiVariantStyles_placement_embedded__1gbyfwi4:active {
+.LinkVariants_multiVariantStyles_placement_embedded__18dr6fk4:active {
   text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
 }
-.LinkVariants_multiVariantStyles_compound_0__1gbyfwi9 {
+.LinkVariants_multiVariantStyles_compound_0__18dr6fk9 {
   &:not(:active) {
     text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
   }
 }
-.LinkVariants_multiVariantStyles_compound_1__1gbyfwia {
+.LinkVariants_multiVariantStyles_compound_1__18dr6fka {
   &:not(:active) {
     text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
   }
 }
 @media (hover: hover) {
-  .LinkVariants_multiVariantStyles_compound_2__1gbyfwib:hover:not(:active) {
+  .LinkVariants_multiVariantStyles_compound_2__18dr6fkb:hover:not(:active) {
     text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1);
   }
-  .LinkVariants_multiVariantStyles_compound_3__1gbyfwic:hover:not(:active) {
+  .LinkVariants_multiVariantStyles_compound_3__18dr6fkc:hover:not(:active) {
     text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3);
   }
 }

package/amd/List-fe48dd29.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './utils/UNSAFE_classNames', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './PRIVATE_VirtualizedCollection', 'preact/compat', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/flexitem', './PRIVATE_List/themes/ListStyles.css', './classNames-415aadfa', './flexitem-f51fd489', './FocusTrap-7518a07f', './hooks/PRIVATE_useSelection', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './SkeletonContainer-3af845ce', './UNSAFE_Skeleton', './UNSAFE_Flex', './utils/PRIVATE_collectionUtils', './UNSAFE_Selector', './hooks/PRIVATE_useCollectionGestureContext', './VirtualizedCollection-699ffabf', './LoadMoreCollection-037c0934', './Flex-fd1e537c', './Skeleton-99a8512a'], (function(e,t,i,s,o,n,l,a,r,c,u,d,f,g,b,m,y,S,x,v,h,p,k,A,E,C,F,I,T,V,R,P,j,w){"use strict";const _=e=>{switch(e){case"listbox":return{list:"listbox",item:"presentation",cell:"option"};case"treegrid":return{list:"treegrid",item:"row",cell:"gridcell"};default:return{list:"grid",item:"row",cell:"gridcell"}}},N="oj-c-listview-item",M="."+N;function K({children:e,context:s,itemDepth:o,isFocused:n,isFocusRingVisible:l,isActive:a,isGridlineVisible:r,isSelected:u,isTopGridlineVisible:b=!1,isTabbable:v=!1,role:h,selectionMode:p,suggestion:k,currentItemVariant:A}){const E=i.useRef(null),C=i.useMemo((()=>_(h)),[h]),F=s.metadata.key,I=s.index,T="option"===C.cell?{role:C.cell,"aria-posinset":I+1,"aria-setsize":-1}:{role:C.cell},{interactionProps:V,applyActiveStyle:R,applyHoverStyle:P,applyPseudoHoverStyle:j}=f.useInteractionStyle(),w=m.listItemMultiVariantStyles({selectable:L(p,u)?"isSelectable":"notSelectable",selected:u?"isSelected":"notSelected",selectedSingle:u&&"single"===p?"isSelectedSingle":"notSelectedSingle",needsEventsHover:P?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:j?"isPseudoHover":"notPseudoHover",active:R||a?"isActive":"notActive",focusHighlight:"highlight"===A&&n?"isFocusHighlight":"notFocusHighlight",focusRingVisible:l&&n?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:b?"visible":"hidden",gridlineBottom:!r&&("end"!==k||r||u&&"single"===p)?"hidden":"visible"}),M=y.classNames([N,w]),K=g.mergeInterpolations([...Object.values(S.flexitemInterpolations)]),{class:z,...H}=K({flex:"1 1 auto",alignSelf:"center"}),U=y.classNames([z,"multiple"===p&&m.listItemStyles.checkboxContainer]);return t.jsx("div",{"aria-rowindex":I+1,"aria-level":o,"data-oj-key":F,class:M,ref:E,role:C.item,...k&&{"data-oj-suggestion":!0},..."number"==typeof F&&{"data-oj-key-type":"number"},...V,children:t.jsx("div",{id:d.useId(),style:H,class:U,"aria-posinset":I+1,"aria-setsize":-1,onKeyDown:e=>{!v||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":1,"aria-selected":"none"!==p?u:void 0,...T,children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:v},children:t.jsx(x.FocusTrap,{isDisabled:!v,restoreFocusRef:!1,children:e(s)})})})})}const L=(e,t)=>"none"!==e&&("multiple"===e||!t),z=r.memo(K,((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.isSelected===t.isSelected&&e.isTabbable===t.isTabbable&&e.isActive===t.isActive&&e.suggestion===t.suggestion&&H(e.context,t.context)))),H=(e,t)=>e.data===t.data&&e.index===t.index&&e.isSelected===t.isSelected&&e.metadata.key===t.metadata.key;const U="oj-collection-sparkle";function D({sparkleHeight:e}){if(e<=0)return null;const i=e+"px",s=y.classNames([m.sparkleStyles.base]),o=y.classNames([m.sparkleStyles.container,U]);return t.jsx("div",{class:o,children:t.jsx("div",{class:s,style:{height:i}})},"sparkle")}const O=e=>!(!e.parentElement||!e.parentElement.classList.contains("oj-listview-expander")),G=(e,t,i)=>{if(e&&t&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({block:"nearest"}),i>0)){const s=t.getBoundingClientRect(),o=e.getBoundingClientRect(),n=s.top+i-o.top;n>0&&(t.scrollTop=t.scrollTop-n)}},B=(e,t)=>t??{scroller:()=>e.current},q={all:!1,keys:new Set},Y=(e,t)=>{const i=t.data.map((e=>e.metadata.key)),s=i.indexOf(e.value.start),o=i.indexOf(e.value.end),n=Math.min(s,o),l=Math.max(s,o);return-1===n?{offset:0,count:t.totalSize}:i.slice(n,l+1)},$=t.jsx(E.SkeletonContainer,{minimumCount:25,children:()=>t.jsx(j.Flex,{height:"12x",align:"center",children:t.jsx(w.Skeleton,{height:"4x"})})}),J=t.jsx("div",{class:P.LOADMORE_STYLE_CLASS,children:t.jsx(E.SkeletonContainer,{minimumCount:3,children:()=>t.jsx(j.Flex,{height:"12x",align:"center",children:t.jsx(w.Skeleton,{height:"4x"})})})}),Q=(e,t)=>{if(t){const i=Math.min(t.offset,e.offset+e.totalSize),s=i-e.offset;s>0&&(e={offset:i,data:e.data.slice(s,s+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.ITEM_STYLE_CLASS=N,e.List=function({"aria-label":e,"aria-labelledby":s,allowTabbableMode:l=!0,children:a,currentKey:r,data:c,gridlines:u,loadingIndicator:d=$,onCurrentKeyChange:f,onLoadRange:g,onSelectionChange:b,onItemAction:S,rangeExtractor:x,role:E="grid",selectedKeys:C=q,selectionMode:F="none",viewportConfig:j,currentItemVariant:w="none",promotedSection:N,isVirtualized:L=!0,customItemRenderer:H,eventHandlers:U,scrollToVisibleOffset:W}){const X=i.useRef(null),Z=i.useMemo((()=>_(E)),[E]),ee=i.useRef(),te=i.useRef(),ie=i.useRef(),[se,oe]=i.useState(!1),[ne,le]=i.useState(0),ae="none"===F?void 0:"multiple"===F,re=null===c?void 0:"exact"===c.sizePrecision?c.totalSize:-1,ce=y.classNames([m.listStyles.base]);!function(e,t,s){const o=i.useRef();i.useEffect((()=>{const i=o.current;if(t&&s&&i&&e&&i.offset===e.offset&&i!==e){const o=e.data.map((e=>e.metadata.key));if(-1===o.indexOf(t)){const e=i?.data.map((e=>e.metadata.key));let n=e.indexOf(t);if(n>-1){const t=n===e.length-1;for(;n>=0&&n<e.length;){n=t?n-1:n+1;const i=e[n];if(o.indexOf(i)>-1){s({value:i});break}}}}}o.current=e}),[e,t,s])}(c,r,f);const{currentKeyProps:ue}=h.useCurrentKey((e=>I.keyExtractor(e,M)),"multiple"!==F,I.getPrevNextKey(X.current,r,!0,M),I.getPrevNextKey(X.current,r,!1,M),void 0,void 0,r,f),de=e=>!!X.current?.contains(e),[fe,ge]=p.useCollectionFocusRing(de,["ArrowUp","ArrowDown"]);let be=!1;const[me,ye]=k.useTabbableModeSet(de,(e=>O(e)?null:I.keyExtractor(e,M)),r,((e,t)=>{de(e)&&(t?(be=!0,setTimeout((()=>{X.current?.focus()}),0)):X.current?.focus())}),(e=>{f&&f({value:e})}));i.useEffect((()=>{if(null!=r&&X.current){const e=I.findElementByKey(X.current,r,M);if(e){const t=X.current.getAttribute("aria-activedescendant"),i=e.querySelector(`[role=${Z.cell}]`);if(i&&t!==i.id){X.current.setAttribute("aria-activedescendant",i.id);const t=j?.scroller(),s=W?W(X.current):0;G(e,null!=t?t:X.current,s)}}}}),[r,c,Z.cell,j]);const Se=i.useCallback((e=>{b&&(!1===e.value.all&&e.value.keys.size>0&&(ee.current=Array.from(e.value.keys.values()).pop()),b(e))}),[ee,b]),xe=i.useCallback((e=>{if(c&&b){const t=Y(e,c);Array.isArray(t)?b({value:{all:!1,keys:new Set(t)},target:null}):(te.current={detail:e,range:{offset:c.offset,count:c.data.length}},g(t))}}),[c,b,g]),ve=i.useCallback((()=>{if(X.current&&f&&(!l||me(void 0))){const e=ie.current||I.getFirstVisibleKey(X.current,M);n.isKeyDefined(e)&&f({value:e})}}),[l,f,me]),he=i.useCallback((e=>{const t=I.keyExtractor(e.target,M);t&&"checkbox"===e.relatedTarget?.getAttribute("type")&&(X.current?.focus(),f&&t&&f({value:t}))}),[f]),pe=i.useCallback((e=>{if(O(e.target)){X.current?.focus();const t=I.keyExtractor(e.target,M);f&&t&&f({value:t})}else!n.isKeyDefined(r)&&f&&ve(),!l&&he(e)}),[l,r,ve,he,f]),ke=V.useCollectionGestureContext(),{selectionProps:Ae}=v.useSelection((e=>e===X.current?void 0===r?null:r:I.keyExtractor(e,M)),C,F,!1,"replace","embedded"===ke,Se,ee.current,r,((e,t)=>I.getPrevNextKey(X.current,e,t,M)),void 0,(e=>{if(X.current){const t=I.findElementByKey(X.current,e,M);if(t){const e=j?.scroller(),i=W?W(X.current):0;G(t,null!=e?e:X.current,i)}}}),xe);if(c&&void 0!==te.current&&b){const e=Y(te.current.detail,c);Array.isArray(e)&&b({value:{all:!1,keys:new Set(e)},target:null});const t=te.current?te.current.range:{offset:c.offset,count:c.data.length};c=Q(c,t),te.current=void 0,g(t)}const Ee=i.useMemo((()=>c&&N&&((e,t)=>0===t?null:e.slice(0,t).reduce(((e,i,s)=>{const o=i.metadata.key;return s===t-1?e.set(o,"end"):e.set(o,!0),e}),new Map))(c.data,N.count)),[c,N]),Ce=t.jsx(D,{sparkleHeight:ne}),Fe=A.useItemAction(r,c,S,M,"embedded"===ke);i.useEffect((()=>{if(Ee){const e=X.current?.querySelector("."+R.PLACEHOLDER_STYLE_CLASS);let t=e?.offsetHeight||0;const i=X.current?.querySelectorAll("[data-oj-suggestion]");i?.forEach((e=>t+=e.offsetHeight)),le(t)}}),[Ee]);const Ie=i.useCallback((e=>{const i="multiple"===F?()=>t.jsx(T.Selector,{onChange:Se,rowKey:e.data.metadata.key,selectedKeys:C}):void 0;return{index:e.index,data:e.data.data,metadata:e.data.metadata,selector:i}}),[F,C,Se]),Te=L?K:z,Ve=e=>{const i=Ie(e),s=Ee?.get(i.metadata.key),o=l&&me(i.metadata.key),d=r===i.metadata.key&&!o,f=d&&se,g=n.containsKey(C,i.metadata.key),b=d&&fe&&!be,m=(e,o)=>{return t.jsx(Te,{context:e,isFocused:d,isFocusRingVisible:b,isActive:f,isGridlineVisible:(n=i.index,"visible"===u?.item&&(n+1!==c?.totalSize||"visible"===u?.bottom)),isSelected:g,isTabbable:l&&me(i.metadata.key),role:E,selectionMode:F,currentItemVariant:w,...s&&{suggestion:s},...0===i.index&&{isTopGridlineVisible:"visible"===u?.item&&"visible"===u?.top},...o,children:a},i.metadata.key);var n};if(H){return H({listItemContext:i,isFocused:d,isFocusRingVisible:b,isSelected:g,isTabbable:o,isActive:f,defaultListItem:m})}return m(i)};j=B(X,j);const Re=i.useCallback((e=>{const t=I.keyExtractor(e.target,M);n.isKeyDefined(t)&&(ie.current=t)}),[]),Pe=i.useCallback((e=>{" "===e.key&&r&&"none"!==F&&oe(!0)}),[r,F,oe]),je=i.useCallback((()=>{oe(!1)}),[oe]);return t.jsx("div",{...o.mergeProps(l?ye:{},ue,ge,Ae,Fe,{onFocus:pe,onPointerDown:Re,onKeyDown:Pe,onKeyUp:je},void 0!==U?U:{}),role:E,"aria-rowcount":re,"aria-colcount":1,ref:X,class:ce,tabIndex:0,"aria-label":e,"aria-labelledby":s,"aria-multiselectable":ae,children:null==c?d:L?t.jsx(R.VirtualizedCollection,{data:c,itemSelector:M,loadMoreIndicator:J,onLoadRange:g,rangeExtractor:x,suggestions:Ce,viewportConfig:j,children:Ve}):t.jsx(P.LoadMoreCollection,{data:c.data,loadMoreIndicator:J,hasMore:"atLeast"===c.sizePrecision&&c.data.length<=c.totalSize,onLoadMore:()=>{c&&g({offset:0,count:c.data.length+25})},suggestions:Ce,viewportConfig:j,children:Ve})})}}));
+//# sourceMappingURL=List-fe48dd29.js.map

package/amd/List-fe48dd29.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List-fe48dd29.js","sources":["../../src/PRIVATE_List/ListRoles.ts","../../src/PRIVATE_List/ListItem.tsx","../../src/PRIVATE_List/Sparkle.tsx","../../src/PRIVATE_List/List.tsx","../../src/PRIVATE_List/useHandleRemoveCurrentKey.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 */\n\nimport { Roles } from '../UNSAFE_ListView';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n/**\n * List Roles need to be kept in matching sets, this module encapsulates the sets\n *\n * @param ariaRole\n * @returns matching, valid set of roles\n */\n\nconst getListViewRoles = (\n  ariaRole: Roles\n): {\n  list: HTMLAttributesSignalExcluded['role'];\n  item: HTMLAttributesSignalExcluded['role'];\n  cell: HTMLAttributesSignalExcluded['role'];\n} => {\n  switch (ariaRole) {\n    case 'listbox':\n      return { list: 'listbox', item: 'presentation', cell: 'option' };\n    case 'treegrid':\n      return { list: 'treegrid', item: 'row', cell: 'gridcell' };\n    default:\n      return { list: 'grid', item: 'row', cell: 'gridcell' };\n  }\n};\n\nexport { getListViewRoles };\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 { ComponentChildren } from 'preact';\nimport { memo } from 'preact/compat';\nimport { useRef, useMemo } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { SelectionMode, CurrentItemVariant, ListItemContext } from '../UNSAFE_Collection';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { Roles } from '../UNSAFE_ListView';\nimport { getListViewRoles } from './ListRoles';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { listItemStyles, listItemMultiVariantStyles } from './themes/ListStyles.css';\n\n// default style class for items in ListView\nexport const ITEM_STYLE_CLASS = 'oj-c-listview-item';\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\n/**\n * Props for the ListViewItem Component\n */\nexport type Props<K, D> = {\n  children: (context: ListItemContext<K, D>) => ComponentChildren;\n  context: ListItemContext<K, D>;\n  itemData: D;\n  itemDepth?: number;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  isActive: boolean;\n  isGridlineVisible: boolean;\n  isSelected: boolean;\n  isTopGridlineVisible?: boolean;\n  isTabbable?: boolean;\n  role: Roles;\n  selectionMode: SelectionMode;\n  suggestion?: 'end' | true;\n  currentItemVariant?: CurrentItemVariant;\n};\n\n/**\n * The internal component used to render a single item in ListView.\n */\nexport function ListViewItem<K extends string | number, D>({\n  children,\n  context,\n  itemDepth,\n  isFocused,\n  isFocusRingVisible,\n  isActive,\n  isGridlineVisible,\n  isSelected,\n  isTopGridlineVisible = false,\n  isTabbable = false,\n  role,\n  selectionMode,\n  suggestion,\n  currentItemVariant\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const roles = useMemo(() => getListViewRoles(role), [role]);\n  const itemKey = context.metadata.key;\n  const itemIndex = context.index;\n\n  // some roles come with related aria attributes which need to be set\n  const cellRoleAttributes =\n    roles.cell === 'option'\n      ? {\n          role: roles.cell,\n          'aria-posinset': itemIndex + 1,\n          'aria-setsize': -1\n        }\n      : {\n          role: roles.cell\n        };\n\n  // don't bubble Arrow Up and Down events to parent when in isTabbable mode\n  // this bubbling causes the outer CollectionFocus ring to change index while in the isTabbable mode.\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (isTabbable && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n      event.stopPropagation();\n    }\n  };\n\n  const { interactionProps, applyActiveStyle, applyHoverStyle, applyPseudoHoverStyle } =\n    useInteractionStyle();\n\n  const variantClasses = listItemMultiVariantStyles({\n    selectable: isSelectable(selectionMode, isSelected) ? 'isSelectable' : 'notSelectable',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    selectedSingle:\n      isSelected && selectionMode === 'single' ? 'isSelectedSingle' : 'notSelectedSingle',\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    active: applyActiveStyle || isActive ? 'isActive' : 'notActive',\n    focusHighlight:\n      currentItemVariant === 'highlight' && isFocused ? 'isFocusHighlight' : 'notFocusHighlight',\n    focusRingVisible:\n      isFocusRingVisible && isFocused ? 'isFocusRingVisible' : 'notFocusRingVisible',\n    gridlineTop: isTopGridlineVisible ? 'visible' : 'hidden',\n    gridlineBottom:\n      isGridlineVisible ||\n      (suggestion === 'end' && !isGridlineVisible && (!isSelected || selectionMode !== 'single'))\n        ? 'visible'\n        : 'hidden'\n  });\n  const classes = classNames([ITEM_STYLE_CLASS, variantClasses]);\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const { class: cls, ...cellStyles } = styleInterpolations({\n    flex: '1 1 auto',\n    alignSelf: 'center'\n  });\n  const cellClasses = classNames([\n    cls,\n    selectionMode === 'multiple' && listItemStyles.checkboxContainer\n  ]);\n\n  // todo: use translated text for selector\n  // note cannot put focus on gridcell div since JAWS will not read the aria-rowindex\n  // correctly, so unfortunately needed another div\n  return (\n    <div\n      aria-rowindex={itemIndex + 1}\n      aria-level={itemDepth}\n      data-oj-key={itemKey}\n      class={classes}\n      ref={rootRef}\n      role={roles.item}\n      {...(suggestion && { 'data-oj-suggestion': true })}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n      {...interactionProps}>\n      <div\n        id={useId()}\n        style={cellStyles}\n        class={cellClasses}\n        aria-posinset={itemIndex + 1}\n        aria-setsize={-1}\n        onKeyDown={handleKeyDown}\n        aria-colindex={1}\n        aria-selected={selectionMode !== 'none' ? isSelected : undefined}\n        {...cellRoleAttributes}>\n        <TabbableModeContext.Provider value={{ isTabbable }}>\n          <FocusTrap isDisabled={!isTabbable} restoreFocusRef={false}>\n            {children(context)}\n          </FocusTrap>\n        </TabbableModeContext.Provider>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Helper method to determine whether item is selectable\n * @returns true if item is selectable (show hover effect), false otherwise\n */\nconst isSelectable = (selectionMode: SelectionMode, isItemSelected: boolean) => {\n  return selectionMode !== 'none' && (selectionMode === 'multiple' || !isItemSelected);\n};\n\nexport const MemoizeListViewItem = memo(ListViewItem, (prev: any, next: any) => {\n  if (prev && next) {\n    return (\n      prev.children === next.children &&\n      prev.isFocused === next.isFocused &&\n      prev.isFocusRingVisible === next.isFocusRingVisible &&\n      prev.isSelected === next.isSelected &&\n      prev.isTabbable === next.isTabbable &&\n      prev.isActive === next.isActive &&\n      prev.suggestion === next.suggestion &&\n      compareListItemContext(prev.context, next.context)\n    );\n  }\n  return false;\n});\n\nconst compareListItemContext = <K, D>(ctx1: ListItemContext<K, D>, ctx2: ListItemContext<K, D>) => {\n  return (\n    ctx1.data === ctx2.data &&\n    ctx1.index === ctx2.index &&\n    ctx1.isSelected === ctx2.isSelected &&\n    ctx1.metadata.key === ctx2.metadata.key\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { Metadata } from '../UNSAFE_Collection';\n\nconst SPARKLE_STYLE_CLASS = 'oj-collection-sparkle';\n\nimport { sparkleStyles } from './themes/ListStyles.css';\n\n/**\n * A sparkle component for smart suggestion indicator in ListView\n * @param sparkleHeight the height of sparkle\n */\nexport function Sparkle({ sparkleHeight }: { sparkleHeight: number }) {\n  if (sparkleHeight <= 0) {\n    return null;\n  }\n\n  const height = sparkleHeight + 'px';\n  const sparkleClasses = classNames([sparkleStyles.base]);\n  const containerClasses = classNames([sparkleStyles.container, SPARKLE_STYLE_CLASS]);\n\n  return (\n    <div key=\"sparkle\" class={containerClasses}>\n      <div class={sparkleClasses} style={{ height }}></div>\n    </div>\n  );\n}\n\n/**\n * A helper function that finds the data with suggestions, and\n * returns the corresponding keys\n * @param dataState\n */\nexport const findSuggestions = <K, D>(\n  data: { data: D; metadata: Metadata<K> }[],\n  count: number\n) => {\n  if (count === 0) {\n    return null;\n  }\n\n  const suggestionsData = data.slice(0, count);\n  return suggestionsData.reduce((suggestions, value, index) => {\n    const key = value.metadata.key;\n\n    if (index === count - 1) {\n      suggestions.set(key, 'end');\n    } else {\n      suggestions.set(key, true);\n    }\n\n    return suggestions;\n  }, new Map<K, 'end' | true>());\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 { RefObject } from 'preact';\nimport { useRef, useCallback, useEffect, useState, useMemo } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { containsKey, Keys, isKeyDefined } from '../utils/UNSAFE_keys';\nimport {\n  DataState,\n  ItemContext,\n  ListItemContext,\n  Metadata,\n  Range,\n  SelectionDetail\n} from '../UNSAFE_Collection';\nimport { LoadMoreCollection, LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { VirtualizedCollection, PLACEHOLDER_STYLE_CLASS } from '../PRIVATE_VirtualizedCollection';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { ListViewItem, ITEM_SELECTOR, MemoizeListViewItem } from './ListItem';\nimport { SelectionRangeDetail, useSelection } from '../hooks/PRIVATE_useSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useTabbableModeSet } from '../hooks/PRIVATE_useTabbableModeSet';\nimport { useItemAction } from '../hooks/PRIVATE_useItemAction';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Flex } from '../UNSAFE_Flex';\nimport {\n  getFirstVisibleKey,\n  getPrevNextKey,\n  findElementByKey,\n  keyExtractor\n} from '../utils/PRIVATE_collectionUtils';\nimport { Selector } from '../UNSAFE_Selector';\nimport { Props } from '../UNSAFE_ListView';\nimport { getListViewRoles } from './ListRoles';\nimport { useHandleRemoveCurrentKey } from './useHandleRemoveCurrentKey';\nimport { findSuggestions, Sparkle } from './Sparkle';\nimport { useCollectionGestureContext } from '../hooks/PRIVATE_useCollectionGestureContext';\nimport { listStyles } from './themes/ListStyles.css';\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\nexport function List<K extends string | number, D>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  allowTabbableMode = true,\n  children,\n  currentKey,\n  data,\n  gridlines,\n  loadingIndicator = defaultLoadingIndicator,\n  onCurrentKeyChange,\n  onLoadRange,\n  onSelectionChange,\n  onItemAction,\n  rangeExtractor,\n  role = 'grid',\n  selectedKeys = emptyKeys as Keys<K>,\n  selectionMode = 'none',\n  viewportConfig,\n  currentItemVariant = 'none',\n  promotedSection,\n  isVirtualized = true,\n  customItemRenderer,\n  eventHandlers,\n  scrollToVisibleOffset\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const listRoles = useMemo(() => getListViewRoles(role), [role]);\n\n  // tracking the anchor key which is used for shift+click selection\n  const anchorKey = useRef<K | undefined>();\n\n  // tracking pending selection/current key that is not in current data\n  const pendingSelection = useRef<{ detail: SelectionRangeDetail<K>; range: Range }>();\n  const pendingCurrentKey = useRef<K>();\n\n  const [active, setActive] = useState<boolean>(false);\n\n  // tracking sparkle height\n  const [sparkleHeight, setSparkleHeight] = useState<number>(0);\n\n  const showGridline = (index: number) => {\n    // show bottom gridlines for each item, and for the last item if specified\n    return (\n      gridlines?.item === 'visible' &&\n      (index + 1 !== data?.totalSize || gridlines?.bottom === 'visible')\n    );\n  };\n\n  const showGridlineTop = () => {\n    // show the top gridline for the first item\n    return gridlines?.item === 'visible' && gridlines?.top === 'visible';\n  };\n\n  const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n  const ariaRowCount =\n    data === null ? undefined : data.sizePrecision === 'exact' ? data.totalSize : -1;\n\n  const classes = classNames([listStyles.base]);\n\n  // find out whether the current key was there before in prev render\n  // and adjust current key as needed.  This should be run before other\n  // useEffect(s) that could also alter current key.\n  useHandleRemoveCurrentKey(data, currentKey, onCurrentKeyChange);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    selectionMode !== 'multiple',\n    getPrevNextKey(rootRef.current, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const listViewContains = (elem: Element | null) => {\n    return !!rootRef.current?.contains(elem);\n  };\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(listViewContains, [\n    'ArrowUp',\n    'ArrowDown'\n  ]);\n\n  let pendingFocusRingChange = false;\n  const [isCurrentTabbableKey, tabbableModeProps] = useTabbableModeSet(\n    listViewContains,\n    (element) => {\n      // we don't want List to go into Tabbable mode when user clicks on expander\n      return isExpander(element) ? null : (keyExtractor(element, ITEM_SELECTOR) as K);\n    },\n    currentKey,\n    // handle clean-up on disabling of the mode\n    (target: EventTarget | null, isKeyboardEvent) => {\n      if (listViewContains(target as Element)) {\n        // delay focus reset for keyboard disable so focus is reset to ListView after the FocusTrap blur lifecycle completes.\n        // pointer initiated changes will fire the onBlur organically and delaying the focus, just generates an unwanted second blur\n        if (isKeyboardEvent) {\n          // do not show a focus ring during this timeOut\n          pendingFocusRingChange = true;\n          setTimeout(() => {\n            rootRef.current?.focus();\n          }, 0);\n        } else {\n          rootRef.current?.focus();\n        }\n      }\n      // otherwise target is not in list (including body, which target should be null in that case)\n    },\n    // set currentKey when mode is enabled\n    (key: K) => {\n      onCurrentKeyChange && onCurrentKeyChange({ value: key });\n    }\n  );\n\n  useEffect(() => {\n    if (currentKey != null && rootRef.current) {\n      const elem = findElementByKey(rootRef.current, currentKey, ITEM_SELECTOR);\n      if (elem) {\n        const activeDescendant = rootRef.current.getAttribute('aria-activedescendant');\n        const cell = elem.querySelector(`[role=${listRoles.cell}]`);\n        if (cell && activeDescendant !== cell.id) {\n          // update aria-activedescendant for screenreader\n          rootRef.current.setAttribute('aria-activedescendant', cell.id);\n\n          const scroller = viewportConfig?.scroller();\n          const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n          // make sure item is visible\n          scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\n        }\n      }\n    }\n    // listen to data because the current item would re-render when the virtualizer\n    // is fetching data or updating the data, i.e. the id of current item would be updated,\n    // so the currentKey itself couldn't guarantee the root has latest aria-activedescendant\n  }, [currentKey, data, listRoles.cell, viewportConfig]);\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // the last key selected by a user gesture is the anchor key\n          anchorKey.current = Array.from(detail.value.keys.values()).pop();\n        }\n        onSelectionChange(detail);\n      }\n    },\n    [anchorKey, onSelectionChange]\n  );\n\n  const handleSelectionRangeChange = useCallback(\n    (detail: SelectionRangeDetail<K>) => {\n      if (data && onSelectionChange) {\n        const value = handleSelectionRange(detail, data);\n        if (Array.isArray(value)) {\n          onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n        } else {\n          pendingSelection.current = {\n            detail: detail,\n            range: { offset: data.offset, count: data.data.length }\n          };\n          onLoadRange(value);\n        }\n      }\n    },\n    [data, onSelectionChange, onLoadRange]\n  );\n\n  const handleInitialFocus = useCallback(() => {\n    if (\n      rootRef.current &&\n      onCurrentKeyChange &&\n      (!allowTabbableMode || isCurrentTabbableKey(undefined))\n    ) {\n      const firstKey =\n        pendingCurrentKey.current || (getFirstVisibleKey(rootRef.current, ITEM_SELECTOR) as K);\n      if (isKeyDefined(firstKey)) {\n        onCurrentKeyChange({ value: firstKey });\n      }\n    }\n  }, [allowTabbableMode, onCurrentKeyChange, isCurrentTabbableKey]);\n\n  /**\n   * Used by allowTabbableMode = false, to prevent focus from getting onto checkboxes on click\n   * @param event\n   */\n  const handleSelectorFocusCapture = useCallback(\n    (event: FocusEvent) => {\n      const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n      if (key && (event.relatedTarget as HTMLElement)?.getAttribute('type') === 'checkbox') {\n        rootRef.current?.focus();\n        if (onCurrentKeyChange && key) {\n          onCurrentKeyChange({ value: key as K });\n        }\n      }\n    },\n    [onCurrentKeyChange]\n  );\n\n  const handleFocus = useCallback(\n    (event: FocusEvent) => {\n      if (isExpander(event.target as HTMLElement)) {\n        rootRef.current?.focus();\n        const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n        if (onCurrentKeyChange && key) {\n          onCurrentKeyChange({ value: key as K });\n        }\n        return;\n      }\n      !isKeyDefined(currentKey) && onCurrentKeyChange && handleInitialFocus();\n      !allowTabbableMode && handleSelectorFocusCapture(event);\n    },\n    [\n      allowTabbableMode,\n      currentKey,\n      handleInitialFocus,\n      handleSelectorFocusCapture,\n      onCurrentKeyChange\n    ]\n  );\n\n  const value = useCollectionGestureContext();\n\n  const { selectionProps } = useSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    selectionMode,\n    false,\n    'replace',\n    value === 'embedded',\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    undefined,\n    (key: K) => {\n      if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n        if (elem) {\n          const scroller = viewportConfig?.scroller();\n          const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n          scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\n        }\n      }\n    },\n    handleSelectionRangeChange\n  );\n\n  if (data && pendingSelection.current !== undefined && onSelectionChange) {\n    const keys = handleSelectionRange(pendingSelection.current.detail, data);\n    if (Array.isArray(keys)) {\n      onSelectionChange({ value: { all: false, keys: new Set(keys) }, target: null });\n    }\n    const range = pendingSelection.current\n      ? pendingSelection.current.range\n      : { offset: data.offset, count: data.data.length };\n    data = adjustDataState(data, range);\n    pendingSelection.current = undefined;\n    onLoadRange(range);\n  }\n\n  const suggestions = useMemo(\n    () => data && promotedSection && findSuggestions(data.data, promotedSection.count),\n    [data, promotedSection]\n  );\n\n  // TODO: check suggestions before Sparkle would cause a scrolling issue\n  const sparkleIndicator = <Sparkle sparkleHeight={sparkleHeight}></Sparkle>;\n\n  const itemActionProps = useItemAction(\n    currentKey,\n    data,\n    onItemAction,\n    ITEM_SELECTOR,\n    value === 'embedded'\n  );\n\n  useEffect(() => {\n    // update sparkleHeight only when we have suggestions\n    // avoid unnecessary iterating through elements\n    if (suggestions) {\n      const placeholder = rootRef.current?.querySelector(\n        '.' + PLACEHOLDER_STYLE_CLASS\n      ) as HTMLElement;\n      let height = placeholder?.offsetHeight || 0;\n      const suggestionItems = rootRef.current?.querySelectorAll('[data-oj-suggestion]');\n      suggestionItems?.forEach((item) => (height += (item as HTMLElement).offsetHeight));\n      setSparkleHeight(height);\n    }\n  }, [suggestions]);\n\n  // returns an ListItemContext based on ItemContext (added metadata and selector)\n  const getItemContext = useCallback(\n    (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const selectorRenderer =\n        selectionMode === 'multiple'\n          ? () => (\n              <Selector\n                onChange={handleSelectionChange}\n                rowKey={context.data.metadata.key}\n                selectedKeys={selectedKeys}></Selector>\n            )\n          : undefined;\n\n      return {\n        index: context.index,\n        data: context.data.data,\n        metadata: context.data.metadata,\n        selector: selectorRenderer\n      };\n    },\n    [selectionMode, selectedKeys, handleSelectionChange]\n  );\n\n  const ItemComponent = isVirtualized ? ListViewItem : MemoizeListViewItem;\n\n  const childrenComponent = (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n    const listItemContext = getItemContext(context);\n    const suggestion = suggestions?.get(listItemContext.metadata.key);\n    const isTabbable = allowTabbableMode && isCurrentTabbableKey(listItemContext.metadata.key);\n    const isFocused = currentKey === listItemContext.metadata.key && !isTabbable;\n    const isActive = isFocused && active;\n    const isSelected = containsKey(selectedKeys, listItemContext.metadata.key);\n    const isFocusRingVisible = isFocused && showFocusRing && !pendingFocusRingChange;\n    const listItemFunc = (ctx: ListItemContext<K, D>, otherProps?: any) => (\n      <ItemComponent\n        key={listItemContext.metadata.key}\n        context={ctx}\n        isFocused={isFocused}\n        isFocusRingVisible={isFocusRingVisible}\n        isActive={isActive}\n        isGridlineVisible={showGridline(listItemContext.index)}\n        isSelected={isSelected}\n        isTabbable={allowTabbableMode && isCurrentTabbableKey(listItemContext.metadata.key)}\n        role={role}\n        selectionMode={selectionMode}\n        currentItemVariant={currentItemVariant}\n        {...(suggestion && { suggestion })}\n        {...(listItemContext.index === 0 && { isTopGridlineVisible: showGridlineTop() })}\n        {...otherProps}>\n        {children}\n      </ItemComponent>\n    );\n\n    // if customItemRenderer is specified (ExpandableList and GroupedList)\n    // create a custom context with additional info including a function\n    // that helps create the default item component\n    if (customItemRenderer) {\n      const customRendererContext = {\n        listItemContext,\n        isFocused,\n        isFocusRingVisible,\n        isSelected,\n        isTabbable,\n        isActive,\n        defaultListItem: listItemFunc\n      };\n      return customItemRenderer(customRendererContext);\n    }\n    return listItemFunc(listItemContext);\n  };\n\n  viewportConfig = getViewportConfig(rootRef, viewportConfig);\n\n  /**\n   * Need to track pointer down element to set currentItem when initial focus happens\n   */\n  const handlePointerDown = useCallback((event: PointerEvent) => {\n    const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n    if (isKeyDefined(key)) {\n      pendingCurrentKey.current = key as K;\n    }\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === ' ' && currentKey && selectionMode !== 'none') {\n        setActive(true);\n      }\n    },\n    [currentKey, selectionMode, setActive]\n  );\n\n  const handleKeyUp = useCallback(() => {\n    setActive(false);\n  }, [setActive]);\n\n  // if data is not specified, listview should show loading indicator\n  // todo: replace placeholder with actual SkeletonContainer component (Ash is working on)\n  return (\n    <div\n      {...mergeProps(\n        allowTabbableMode ? tabbableModeProps : {},\n        currentKeyProps,\n        focusRingProps,\n        selectionProps,\n        itemActionProps,\n        {\n          onFocus: handleFocus,\n          onPointerDown: handlePointerDown,\n          onKeyDown: handleKeyDown,\n          onKeyUp: handleKeyUp\n        },\n        eventHandlers !== undefined ? eventHandlers : {}\n      )}\n      role={role}\n      aria-rowcount={ariaRowCount}\n      aria-colcount={1}\n      ref={rootRef}\n      class={classes}\n      tabIndex={0}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-multiselectable={ariaMultiSelectable}>\n      {data == null ? (\n        loadingIndicator\n      ) : isVirtualized ? (\n        <VirtualizedCollection\n          data={data}\n          itemSelector={ITEM_SELECTOR}\n          loadMoreIndicator={defaultLoadMoreIndicator}\n          onLoadRange={onLoadRange}\n          rangeExtractor={rangeExtractor}\n          suggestions={sparkleIndicator}\n          viewportConfig={viewportConfig}>\n          {childrenComponent}\n        </VirtualizedCollection>\n      ) : (\n        <LoadMoreCollection\n          data={data.data}\n          loadMoreIndicator={defaultLoadMoreIndicator}\n          hasMore={data.sizePrecision === 'atLeast' && data.data.length <= data.totalSize}\n          onLoadMore={() => {\n            data && onLoadRange({ offset: 0, count: data.data.length + 25 });\n          }}\n          suggestions={sparkleIndicator}\n          viewportConfig={viewportConfig}>\n          {childrenComponent}\n        </LoadMoreCollection>\n      )}\n    </div>\n  );\n}\n\nconst isExpander = (elem: HTMLElement) => {\n  if (elem.parentElement && elem.parentElement.classList.contains('oj-listview-expander')) {\n    return true;\n  }\n  return false;\n};\n\n/**\n * A helper function to make sure specified elem is visible in the specified container\n */\nconst scrollToVisible = (elem: Element, scroller: Element, offset: number) => {\n  if (elem && scroller) {\n    if ((elem as any).scrollIntoViewIfNeeded) {\n      // for Safari, we'll need the non-standard scrollIntoViewIfNeeded\n      (elem as any).scrollIntoViewIfNeeded();\n    } else {\n      elem.scrollIntoView({ block: 'nearest' });\n    }\n    if (offset > 0) {\n      const scrollerBounds = scroller.getBoundingClientRect();\n      const elemBounds = elem.getBoundingClientRect();\n      const diff = scrollerBounds.top + offset - elemBounds.top;\n      if (diff > 0) {\n        scroller.scrollTop = scroller.scrollTop - diff;\n      }\n    }\n  }\n};\n\nconst getViewportConfig = (rootRef: RefObject<HTMLElement>, config?: ViewportConfig) => {\n  return (\n    config ?? {\n      scroller: () => {\n        return rootRef.current;\n      }\n    }\n  );\n};\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst handleSelectionRange = <K, D>(\n  detail: SelectionRangeDetail<K>,\n  dataState: DataState<K, D>\n) => {\n  const keys = dataState.data.map((value: { data: D; metadata: Metadata<K> }) => {\n    return value.metadata.key;\n  });\n  const startIndex = keys.indexOf(detail.value.start);\n  const endIndex = keys.indexOf(detail.value.end);\n  const minIndex = Math.min(startIndex, endIndex);\n  const maxIndex = Math.max(startIndex, endIndex);\n  if (minIndex === -1) {\n    // return a range to fetch so we can find all the keys, maxIndex should not be -1\n    return { offset: 0, count: dataState.totalSize };\n  } else {\n    // range of keys are in the current viewport, return them\n    return keys.slice(minIndex, maxIndex + 1);\n  }\n};\n\nconst defaultLoadingIndicator = (\n  <SkeletonContainer minimumCount={25}>\n    {() => {\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n\nconst defaultLoadMoreIndicator = (\n  <div class={LOADMORE_STYLE_CLASS}>\n    <SkeletonContainer minimumCount={3}>\n      {() => {\n        return (\n          <Flex height=\"12x\" align=\"center\">\n            <Skeleton height=\"4x\" />\n          </Flex>\n        );\n      }}\n    </SkeletonContainer>\n  </div>\n);\n\n/**\n * Adjust the DataState as needed if it contains more than needed for the specified range\n */\nconst adjustDataState = <K, D>(dataState: DataState<K, D>, range: Range | null) => {\n  if (range) {\n    // prevent range offset from being larger than the data state\n    const safeRangeOffset = Math.min(range.offset, dataState.offset + dataState.totalSize);\n    const diff = safeRangeOffset - dataState.offset;\n    if (diff > 0) {\n      dataState = {\n        offset: safeRangeOffset,\n        data: dataState.data.slice(diff, diff + range.count),\n        totalSize: dataState.totalSize,\n        sizePrecision: dataState.sizePrecision\n      };\n    }\n  }\n  return dataState;\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 { useEffect, useRef } from 'preact/hooks';\nimport { DataState, CurrentKeyDetail } from 'src/UNSAFE_Collection';\n\n/**\n * Hook to detect and handle when the current key has been removed\n * and try to find the next available current key.\n * TODO: put in its own private module as we should be able to share\n * between other Collection components.\n * @param dataState\n * @param currentKey\n * @param onChange\n */\nexport function useHandleRemoveCurrentKey<K, D>(\n  dataState: DataState<K, D> | null,\n  currentKey?: K,\n  onChange?: (detail: CurrentKeyDetail<K>) => void\n) {\n  const prevDataState = useRef<DataState<K, D> | null>();\n\n  useEffect(() => {\n    const oldDataState = prevDataState.current;\n    if (\n      currentKey &&\n      onChange &&\n      oldDataState &&\n      dataState &&\n      oldDataState.offset === dataState.offset &&\n      oldDataState !== dataState\n    ) {\n      const newKeys = dataState.data.map((dataMetadata) => {\n        return dataMetadata.metadata.key;\n      });\n      // first check if currentKey exists in new data, if it is then we\n      // don't need to do anything\n      if (newKeys.indexOf(currentKey) === -1) {\n        const oldKeys = oldDataState?.data.map((dataMetadata) => {\n          return dataMetadata.metadata.key;\n        });\n        // figure out what the new currentKey should be\n        let index = oldKeys.indexOf(currentKey);\n        if (index > -1) {\n          const backward = index === oldKeys.length - 1;\n          while (index >= 0 && index < oldKeys.length) {\n            index = backward ? index - 1 : index + 1;\n            const newCurrentKey = oldKeys[index];\n            if (newKeys.indexOf(newCurrentKey) > -1) {\n              onChange({ value: newCurrentKey });\n              break;\n            }\n          }\n        }\n      }\n    }\n\n    // update previous DataState\n    prevDataState.current = dataState;\n  }, [dataState, currentKey, onChange]);\n}\n"],"names":["getListViewRoles","ariaRole","list","item","cell","ITEM_STYLE_CLASS","ITEM_SELECTOR","ListViewItem","children","context","itemDepth","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isSelected","isTopGridlineVisible","isTabbable","role","selectionMode","suggestion","currentItemVariant","rootRef","useRef","roles","useMemo","itemKey","metadata","key","itemIndex","index","cellRoleAttributes","interactionProps","applyActiveStyle","applyHoverStyle","applyPseudoHoverStyle","useInteractionStyle","variantClasses","listItemMultiVariantStyles","selectable","isSelectable","selected","selectedSingle","needsEventsHover","pseudoHover","active","focusHighlight","focusRingVisible","gridlineTop","gridlineBottom","classes","classNames","styleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","cls","cellStyles","flex","alignSelf","cellClasses","listItemStyles","checkboxContainer","_jsx","jsx","ref","id","useId","style","onKeyDown","event","stopPropagation","undefined","TabbableModeContext","Provider","value","FocusTrap","isDisabled","restoreFocusRef","isItemSelected","MemoizeListViewItem","memo","prev","next","compareListItemContext","ctx1","ctx2","data","SPARKLE_STYLE_CLASS","Sparkle","sparkleHeight","height","sparkleClasses","sparkleStyles","base","containerClasses","container","isExpander","elem","parentElement","classList","contains","scrollToVisible","scroller","offset","scrollIntoViewIfNeeded","scrollIntoView","block","scrollerBounds","getBoundingClientRect","elemBounds","diff","top","scrollTop","getViewportConfig","config","current","emptyKeys","all","keys","Set","handleSelectionRange","detail","dataState","map","startIndex","indexOf","start","endIndex","end","minIndex","Math","min","maxIndex","max","count","totalSize","slice","defaultLoadingIndicator","SkeletonContainer","minimumCount","Flex","align","Skeleton","defaultLoadMoreIndicator","LOADMORE_STYLE_CLASS","adjustDataState","range","safeRangeOffset","sizePrecision","ariaLabel","ariaLabelledBy","allowTabbableMode","currentKey","gridlines","loadingIndicator","onCurrentKeyChange","onLoadRange","onSelectionChange","onItemAction","rangeExtractor","selectedKeys","viewportConfig","promotedSection","isVirtualized","customItemRenderer","eventHandlers","scrollToVisibleOffset","listRoles","anchorKey","pendingSelection","pendingCurrentKey","setActive","useState","setSparkleHeight","ariaMultiSelectable","ariaRowCount","listStyles","onChange","prevDataState","useEffect","oldDataState","newKeys","dataMetadata","oldKeys","backward","length","newCurrentKey","useHandleRemoveCurrentKey","currentKeyProps","useCurrentKey","element","keyExtractor","getPrevNextKey","listViewContains","showFocusRing","focusRingProps","useCollectionFocusRing","pendingFocusRingChange","isCurrentTabbableKey","tabbableModeProps","useTabbableModeSet","target","isKeyboardEvent","setTimeout","focus","findElementByKey","activeDescendant","getAttribute","querySelector","setAttribute","handleSelectionChange","useCallback","size","Array","from","pop","handleSelectionRangeChange","isArray","handleInitialFocus","firstKey","getFirstVisibleKey","isKeyDefined","handleSelectorFocusCapture","relatedTarget","handleFocus","useCollectionGestureContext","selectionProps","useSelection","isPrev","suggestions","reduce","set","Map","findSuggestions","sparkleIndicator","itemActionProps","useItemAction","placeholder","PLACEHOLDER_STYLE_CLASS","offsetHeight","suggestionItems","querySelectorAll","forEach","getItemContext","selectorRenderer","Selector","rowKey","selector","ItemComponent","childrenComponent","listItemContext","get","containsKey","listItemFunc","ctx","otherProps","bottom","defaultListItem","handlePointerDown","handleKeyDown","handleKeyUp","mergeProps","onFocus","onPointerDown","onKeyUp","tabIndex","VirtualizedCollection","itemSelector","loadMoreIndicator","LoadMoreCollection","hasMore","onLoadMore"],"mappings":"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"}

package/amd/ListItemTextLayout-ffee6a92.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'module', './UNSAFE_Grid', './utils/UNSAFE_classNames', './classNames-415aadfa', './UNSAFE_Text', './hooks/UNSAFE_useTabbableMode', './Text-8ee98ff3'], (function(e,a,s,r,i,n,l,t,d){"use strict";const c="_7nigpu",o="_1kmd9wl",m="d4rkze",x="_1gkmrxi";const u={primary:"primary",secondary:"primary",tertiary:"secondary",quaternary:"secondary",overline:"secondary",metadata:"secondary"},h={primary:"md",secondary:"sm",tertiary:"xs",quaternary:"sm",overline:"xs",metadata:"sm"},v={primary:void 0,secondary:2,tertiary:2,quaternary:2,overline:1,metadata:1};function y({children:e,variant:s}){const{isTabbable:r}=t.useTabbableMode(),i=a.jsx(d.Text,{variant:u[s],size:h[s],lineClamp:v[s],children:e});return r?a.jsx("div",{tabIndex:0,children:i}):i}e.ListItemLayout=function({children:e,selector:s,leading:i,primary:l,secondary:t,tertiary:d,overline:u,metadata:h,trailing:v,action:y,quaternary:j,navigation:p}){const{columnsTemplate:N,firstCell:f,secondCell:_,lastCell:T,hasSecondRow:b}=function(e,s,r,i,l,t,d){const u=[];let h=null;e&&(u.push("auto"),h=a.jsx("div",{className:c,children:e}));let v=null;s&&(u.push("auto"),v=a.jsx("div",{className:o,children:s}));u.push("1fr");let y=null;(r||i||l||d)&&(u.push("auto"),y=a.jsxs("div",{className:x,children:[a.jsx("div",{className:n.classNames([o,r?m:""]),children:r}),a.jsx("div",{className:n.classNames([o,i?m:""]),children:i}),a.jsx("div",{className:n.classNames([o,l?m:""]),children:l})]}));const j=u.join(" "),p=!(!t&&!d);return{columnsTemplate:j,firstCell:h,secondCell:v,lastCell:y,hasSecondRow:p}}(s,i,h,v,y,j,p),g=e?a.jsx("div",{className:"_1rdvz84",children:e}):a.jsxs("div",{className:"_1ic7edt",children:[a.jsx("div",{children:u}),a.jsx("div",{children:l}),a.jsx("div",{children:t}),a.jsx("div",{children:d})]}),C=b?[f&&a.jsx("span",{children:" "}),_&&a.jsx("span",{children:" "}),a.jsx("div",{className:"_13n9v8y",children:j}),T&&a.jsx("div",{className:"_8jpjne",children:p})]:null;return a.jsxs(r.Grid,{gap:"4x",gridTemplateColumns:N,children:[f,_,a.jsx("div",{className:o,children:g}),T,C]})},e.ListItemText=y,e.ListItemTextLayout=function({primary:e,secondary:s,tertiary:r,overline:i}){return a.jsxs("div",{className:"_1vt4gw0",children:[a.jsx(y,{variant:"overline",children:i}),a.jsx(y,{variant:"primary",children:e}),a.jsx(y,{variant:"secondary",children:s}),a.jsx(y,{variant:"tertiary",children:r})]})}}));
+//# sourceMappingURL=ListItemTextLayout-ffee6a92.js.map

package/amd/ListItemTextLayout-ffee6a92.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTextLayout-ffee6a92.js","sources":["../../src/UNSAFE_ListItemLayout/ListItemLayout.tsx","../../src/UNSAFE_ListItemLayout/ListItemText.tsx","../../src/UNSAFE_ListItemLayout/ListItemTextLayout.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Grid } from '../UNSAFE_Grid';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: ComponentChildren;\n  /**\n   * The centermost element that should display more important data.\n   */\n  primary?: ComponentChildren;\n  /**\n   * Render Selector component in the leftmost column of the grid.\n   */\n  selector?: ComponentChildren;\n  /**\n   * Visual element to the left of the primary section.\n   * Supports image, avatar, badge, initials, or icon.\n   */\n  leading?: ComponentChildren;\n  /**\n   * A section that is rendered above the primary line.\n   */\n  overline?: ComponentChildren;\n  /**\n   * A section below the primary line.\n   */\n  secondary?: ComponentChildren;\n  /**\n   * Another section below secondary.\n   */\n  tertiary?: ComponentChildren;\n  /**\n   * Provides information about other data.\n   * Some examples of basic metadata are author, date created, date modified, file size, abbreviations, etc.\n   */\n  metadata?: ComponentChildren;\n  /**\n   * Visual element to the right of the primary section and metadata.\n   * Example components are image, avatar, badge, initials, or icon.\n   */\n  trailing?: ComponentChildren;\n  /**\n   * The action prop displays either one primary action or one or more secondary actions.\n   * A common example is using Toolbar.\n   */\n  action?: ComponentChildren;\n  /**\n   * Additional section separated with a space between itself and tertiary.\n   */\n  quaternary?: ComponentChildren;\n  /**\n   * Navigation should normally be used for linking away from the layout.\n   */\n  navigation?: ComponentChildren;\n} & IntrinsicProps;\n\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\n// TODO: revisit idea of negative margin when selector has a proper API for handling spacing\n// Jira: JET-54543\n// negative margin added to selector\nconst selectorStyles = cssProps`${{\n  alignSelf: 'center',\n  margin: '-0.875rem -0.875rem'\n}}`;\n\n// most content will be vertically centered\nconst centerVerticalStyles = cssProps`${{\n  alignSelf: 'center',\n  minWidth: 0\n}}`;\n\n// extra spacing is needed between meta, trailing, and action components\nconst leftPaddingStyles = cssProps`${{\n  paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n}}`;\n\n// the central text area displays overline, primary, secondary, and tertiary in a column\nconst flexColumnStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'column'\n}}`;\n\n// \"extra\" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout\nconst flexRowStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'right',\n  alignSelf: 'center'\n}}`;\n\nconst rightJustifyStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'right'\n}}`;\n\nconst rowAlignStyles = cssProps`${{\n  alignSelf: 'end'\n}}`;\n\nexport function ListItemLayout({\n  children,\n  selector,\n  leading,\n  primary,\n  secondary,\n  tertiary,\n  overline,\n  metadata,\n  trailing,\n  action,\n  quaternary,\n  navigation\n}: Props) {\n  // generate grid skeleton, adding cells based on which props are defined\n  const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } = getColumnsTemplate(\n    selector,\n    leading,\n    metadata,\n    trailing,\n    action,\n    quaternary,\n    navigation\n  );\n\n  // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props\n  const textArea = children ? (\n    <div className={childrenStyles}>{children}</div>\n  ) : (\n    <div className={flexColumnStyles}>\n      <div>{overline}</div>\n      <div>{primary}</div>\n      <div>{secondary}</div>\n      <div>{tertiary}</div>\n    </div>\n  );\n\n  // a second row is needed when quaternary or navigation are defined\n  const secondRow = hasSecondRow\n    ? [\n        firstCell && <span> </span>,\n        secondCell && <span> </span>,\n        <div className={rowAlignStyles}>{quaternary}</div>,\n        lastCell && <div className={rightJustifyStyles}>{navigation}</div>\n      ]\n    : null;\n\n  return (\n    <Grid gap=\"4x\" gridTemplateColumns={columnsTemplate}>\n      {firstCell}\n      {secondCell}\n      <div className={centerVerticalStyles}>{textArea}</div>\n      {lastCell}\n      {secondRow}\n    </Grid>\n  );\n}\n\nfunction getColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={selectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = <div className={centerVerticalStyles}>{leading}</div>;\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={flexRowStyles}>\n        <div className={classNames([centerVerticalStyles, metadata ? leftPaddingStyles : ''])}>\n          {metadata}\n        </div>\n        <div className={classNames([centerVerticalStyles, trailing ? leftPaddingStyles : ''])}>\n          {trailing}\n        </div>\n        <div className={classNames([centerVerticalStyles, action ? leftPaddingStyles : ''])}>\n          {action}\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\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 */\nimport { JSX, ComponentProps } from 'preact';\nimport { Text } from '../UNSAFE_Text';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: string;\n  /**\n   * Name of the text slot which determines styling\n   */\n  variant: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'overline' | 'metadata';\n} & IntrinsicProps;\n\nconst textVariants: Record<Props['variant'], ComponentProps<typeof Text>['variant']> = {\n  primary: 'primary',\n  secondary: 'primary',\n  tertiary: 'secondary',\n  quaternary: 'secondary',\n  overline: 'secondary',\n  metadata: 'secondary'\n};\n\nconst textSizes: Record<Props['variant'], ComponentProps<typeof Text>['size']> = {\n  primary: 'md',\n  secondary: 'sm',\n  tertiary: 'xs',\n  quaternary: 'sm',\n  overline: 'xs',\n  metadata: 'sm'\n};\n\nconst textLineClamps: Record<Props['variant'], ComponentProps<typeof Text>['lineClamp']> = {\n  primary: undefined,\n  secondary: 2,\n  tertiary: 2,\n  quaternary: 2,\n  overline: 1,\n  metadata: 1\n};\n\nexport function ListItemText({ children, variant }: Props) {\n  const { isTabbable } = useTabbableMode();\n\n  const textContent = (\n    <Text\n      variant={textVariants[variant]}\n      size={textSizes[variant]}\n      lineClamp={textLineClamps[variant]}>\n      {children}\n    </Text>\n  );\n\n  return isTabbable ? <div tabIndex={0}>{textContent}</div> : textContent;\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 */\nimport { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ListItemText } from './ListItemText';\n\ntype IntrinsicProps = JSX.HTMLAttributes<HTMLDivElement>;\ntype Props = {\n  /**\n   * The primary prop takes a simple string that will be formatted and placed in the center of the text area.\n   */\n  primary?: string;\n  /**\n   * The secondary prop takes a simple string that will be formatted and placed below the primary text.\n   */\n  secondary?: string;\n  /**\n   * The tertiary prop takes a simple string that will be formatted and placed below the secondary text.\n   */\n  tertiary?: string;\n  /**\n   * The overline prop takes a simple string that will be formatted and placed above the primary text.\n   */\n  overline?: string;\n} & IntrinsicProps;\n\nconst flexColumnStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'column'\n}}`;\n\nexport function ListItemTextLayout({ primary, secondary, tertiary, overline }: Props) {\n  return (\n    <div className={flexColumnStyles}>\n      <ListItemText variant=\"overline\">{overline}</ListItemText>\n      <ListItemText variant=\"primary\">{primary}</ListItemText>\n      <ListItemText variant=\"secondary\">{secondary}</ListItemText>\n      <ListItemText variant=\"tertiary\">{tertiary}</ListItemText>\n    </div>\n  );\n}\n"],"names":["selectorStyles","centerVerticalStyles","leftPaddingStyles","flexRowStyles","textVariants","primary","secondary","tertiary","quaternary","overline","metadata","textSizes","textLineClamps","undefined","ListItemText","children","variant","isTabbable","useTabbableMode","textContent","_jsx","Text","size","lineClamp","tabIndex","selector","leading","trailing","action","navigation","columnsTemplate","firstCell","secondCell","lastCell","hasSecondRow","columnsTemplateBuilder","push","_jsxs","jsxs","className","jsx","classNames","getColumnsTemplate","textArea","Grid","gap","gridTemplateColumns","secondRow"],"mappings":"mOAiEA,MAaAA,EAGC,UAGDC,EAGC,WAGDC,EAEC,SASDC,EAKC,WCtFD,MAAMC,EAAiF,CACrFC,QAAS,UACTC,UAAW,UACXC,SAAU,YACVC,WAAY,YACZC,SAAU,YACVC,SAAU,aAGNC,EAA2E,CAC/EN,QAAS,KACTC,UAAW,KACXC,SAAU,KACVC,WAAY,KACZC,SAAU,KACVC,SAAU,MAGNE,EAAqF,CACzFP,aAASQ,EACTP,UAAW,EACXC,SAAU,EACVC,WAAY,EACZC,SAAU,EACVC,SAAU,YAGII,GAAaC,SAAEA,EAAQC,QAAEA,IACvC,MAAMC,WAAEA,GAAeC,EAAAA,kBAEjBC,EACJC,EAAAA,IAACC,EAAIA,KAAA,CACHL,QAASZ,EAAaY,GACtBM,KAAMX,EAAUK,GAChBO,UAAWX,EAAeI,GAAQD,SACjCA,IAIL,OAAOE,EAAaG,aAAKI,SAAU,EAACT,SAAGI,IAAqBA,CAC9D,kBD0DA,UAAAJ,SAAAA,EAAAU,SAAAA,EAAAC,QAAAA,EAAArB,QAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAE,SAAAA,EAAAC,SAAAA,EAAAiB,SAAAA,EAAAC,OAAAA,EAAApB,WAAAA,EAAAqB,WAAAA,IAeE,MAAAC,gBAAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAAC,aAAAA,GA2CF,SAAAT,EAAAC,EAAAhB,EAAAiB,EAAAC,EAAApB,EAAAqB,yBAYEJ,IACEU,EAAAC,KAAA,4DAKFV,IACES,EAAAC,KAAA,iDAIFD,EAAAC,KAAA,mBAGA1B,GAAAiB,GAAAC,GAAAC,KACEM,EAAAC,KAAA,QACAH,EAAAI,EAAAC,KAAA,MAAA,CAAAC,UAAApC,EAAAY,SAAA,CAAAK,EAAAoB,IAAA,MAAA,CAAAD,UAAAE,EAAAA,WAAA,CAAAxC,EAAAS,EAAAR,EAAA,KAAAa,SAAAL,IAAAU,EAAAoB,IAAA,MAAA,CAAAD,UAAAE,EAAAA,WAAA,CAAAxC,EAAA0B,EAAAzB,EAAA,KAAAa,SAAAY,IAAAP,EAAAoB,IAAA,MAAA,CAAAD,UAAAE,EAAAA,WAAA,CAAAxC,EAAA2B,EAAA1B,EAAA,KAAAa,SAAAa,4BAgBFM,KAAA1B,IAAAqB,+EAGF,CA1FEa,CAAAjB,EAAAC,EAAAhB,EAAAiB,EAAAC,EAAApB,EAAAqB,GAWAc,EAAA5B,EAAAK,EAAAoB,IAAA,MAAA,CAAAD,UAvED,WAuECxB,SAAAA,IAAAsB,EAAAC,KAAA,MAAA,CAAAC,UA9CD,WA8CCxB,SAAA,CAAAK,EAAAoB,IAAA,MAAA,CAAAzB,SAAAN,IAAAW,EAAAoB,IAAA,MAAA,CAAAzB,SAAAV,IAAAe,EAAAoB,IAAA,MAAA,CAAAzB,SAAAT,IAAAc,EAAAoB,IAAA,MAAA,CAAAzB,SAAAR,WAaE,CACIwB,GAAAX,EAAAA,IAAA,OAAA,CAAAL,SAAA,MACAiB,GAAAZ,EAAAoB,IAAA,OAAA,CAAAzB,SAAA,MACAK,EAAAoB,IAAA,MAAA,CAAAD,UA5CP,WA4COxB,SAAAP,IACAyB,GAAAb,EAAAoB,IAAA,MAAA,CAAAD,UAjDP,UAiDOxB,SAAAc,UAIN,OAAAQ,EAAAA,KAAAO,EAAAA,KAAA,CAAAC,IAAA,KAAAC,oBAAAhB,EAAAf,SAAA,CAAAgB,EAAAC,EAAAZ,EAAAA,IAAA,MAAA,CAAAmB,UAAAtC,EAAAc,SAAA4B,IAAAV,EAAAc,IASF,wCE1IA,UAAA1C,QAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAE,SAAAA,mCAFC,2LAWD"}

package/amd/ListView-761852d3.js

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

package/amd/ListView-761852d3.js.map

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

package/amd/LoadMoreCollection-037c0934.js

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

package/amd/LoadMoreCollection-037c0934.js.map

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

package/amd/Menu-5725baff.js

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

package/amd/Menu-5725baff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu-5725baff.js","sources":["../../src/UNSAFE_Menu/MenuContainer.tsx","../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/DropdownMenu.tsx","../../src/UNSAFE_Menu/SheetMenu.tsx","../../src/UNSAFE_Menu/useMenuSwipe.ts","../../src/UNSAFE_Menu/Menu.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\nimport { BaseMenuProps } from './Menu';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNext,\n  keyElemExtractor,\n  getLastVisible,\n  getKeyboardCloseProps,\n  getCloseSubmenuEvent,\n  MenuCollectionItem,\n  getNVisible,\n  getMenuContainerFocusMethods,\n  getMenuContainerMouseLeave,\n  getMenuPointerDown\n} from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { MenuContainerContext } from './MenuContainerContext';\nimport { menuStyles } from './themes/MenuStyles.css';\n\ntype MenuContainerProps = Omit<\n  BaseMenuProps,\n  'isOpen' | 'anchorRef' | 'defaultPlacement' | 'offsetValue'\n> & {\n  display: 'sheet' | 'dropdown';\n};\n\n/*Component where general behavior is handled. Here we controled focus behavior, focus styling, submenu\nopening behavior and current active item behavior. */\nexport const MenuContainer = ({\n  children,\n  'aria-label': ariaLabel,\n  currentFocus = 'menu',\n  display,\n  closeSubmenu,\n  menuId,\n  menuLevel\n}: MenuContainerProps) => {\n  const { onClose } = useMenuContext();\n\n  //Important to know direction so closeSubmenu is handled properly if needed.\n  const { direction } = useUser();\n\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n\n  /*We share same behavior as legacy menu on mouseLeave that is:\n  1. If we mouse leave a menuItem but we still on menuContainer and we are not hovering any other menuItem, we keep \n  the focus on the menuItem and hovering style.\n  2. If we mouseLeave but next target is a submenu we open a submenu. \n  3. If we mouseLeave the container and next target is not a submenu, we reset current key and set the focus on the\n  menuContainer.If we mouseLeaved a submenuItem, submenu is closed.\n  General information used by menuItems:\n  -wasMouseMoved: Used to don't allow mouseEnter callbacks being triggered if mouse was not moved already.\n  -lastMouseLeaveValidatedRelatedTarget: We use bubbling nature of events to first check/validate the related target in onMouseLeave events of \n    menuItems. For menuItems we check if the related target is the menuContainer itself or a submenu. We validate there\n    since at this level we don't have access to any submenu. Everytime mouseEnter triggers at menuContainer we have to compare if both\n    relatedTargets are the same(menuContainer and last menuItem one), if not, this means mouse is now outside of the container.\n  */\n  const menuContainerGeneralInformation = useRef<{\n    wasMouseMoved: boolean;\n    lastMouseLeaveMenuItemdRelatedTarget: HTMLElement | null;\n  }>({\n    wasMouseMoved: false,\n    lastMouseLeaveMenuItemdRelatedTarget: null\n  });\n  //Used so focus is handled just one time using currentFocus. Used combined with menuLevel due to main menu can't\n  // change its focus via currentFocus prop.\n  const initialFocusDone = useRef<boolean>(false);\n\n  //Key of the active element on this menu container\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  //State that represents if focused outline styles needs\n  const [showFocusRing, setShowFocusRing] = useState(false);\n\n  //Based on this we would include or not hovering styling. Same as legacy\n  const [isContainerFocused, setIsContainerFocused] = useState(false);\n\n  //Funtion triggered on blur. This is called since if focus is not anymore on the container we would need to do\n  //some validation\n  const blurFunction = () => {\n    if (!menuContainerRef.current?.contains(document.activeElement)) {\n      setShowFocusRing(false);\n      setIsContainerFocused(false);\n    }\n  };\n\n  const focusFunction = () => {\n    setIsContainerFocused(true);\n  };\n\n  const mouseLeaveFunction = (e: MouseEvent) => {\n    //We have to validate if new hover target was already validated correctly, if not this means mouse is now outside container\n    if (\n      !(e.relatedTarget as HTMLElement).isEqualNode(\n        menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget\n      )\n    ) {\n      //We reset current key when mouse is outside the container or any submenu. This is how legacy menu works\n      changeKey({\n        key: undefined,\n        reason: 'mouseEnter'\n      });\n      //We focus menuContainer so keyboard navigation can be still used\n      menuContainerRef.current?.focus();\n    }\n  };\n\n  //Function used to change the currentKey\n  const changeKey = useCallback((detail: MenuCollectionItem) => {\n    setCurrentKey(detail.key);\n    if (detail.reason === 'keyboard') {\n      setShowFocusRing(true);\n    } else {\n      setShowFocusRing(false);\n    }\n  }, []);\n\n  //This is used since if mouse overlaps space when menu is rendered, menuItem could trigger menuEnter,\n  // which is not desirable.Once mouse was moved inside container, we could trigger mouseEnter events normally.\n  const selfDestructiveMouseMoveEvent = useCallback(() => {\n    const handler = (e: MouseEvent) => {\n      const keyElem = keyElemExtractor(e.target as HTMLElement);\n      const key = keyElem?.key;\n      const elem = keyElem?.elem;\n      //We will trigger this event until a menuItem is found. Usually this don't take to much to happen\n      if (key && elem) {\n        menuContainerGeneralInformation.current.wasMouseMoved = true;\n        const evt = new MouseEvent('mouseenter');\n        elem.dispatchEvent(evt);\n        menuContainerRef.current?.removeEventListener('mousemove', handler);\n      }\n    };\n    menuContainerRef.current?.addEventListener('mousemove', handler);\n  }, []);\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    getPrevNext(menuContainerRef.current, true, currentKey),\n    getPrevNext(menuContainerRef.current, false, currentKey),\n    () => getNVisible(menuContainerRef.current, 0),\n    () => getLastVisible(menuContainerRef.current),\n    changeKey\n  );\n\n  useEffect(() => {\n    if (menuLevel === 'main' && initialFocusDone.current) return;\n    initialFocusDone.current = true;\n    const menuContainer = menuContainerRef.current;\n    let timer: NodeJS.Timeout | undefined;\n    /*TODO: There are some cases where is not safe to focus since \n    visibility initially is hidden at the Floating component at the initial render. Need a way to solve this in a \n    less dirty way (we are now using timeouts). More details on the descripton of JET-57353 */\n    if (currentFocus !== 'none' && menuContainer) {\n      if (currentFocus === 'menu') {\n        changeKey({ key: undefined, reason: 'click' });\n        const focusMenuContainer = () => {\n          menuContainer.focus();\n        };\n        if (display === 'sheet') {\n          focusMenuContainer();\n        } else {\n          // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n          // is visible at that point and can be focused.\n          timer = setTimeout(() => {\n            focusMenuContainer();\n          }, FOCUS_SHIFT_TIMEOUT);\n        }\n      } else if (currentFocus === 'firstItem') {\n        const firstItem = getNVisible(menuContainerRef.current, 0);\n        if (firstItem) {\n          changeKey({ key: firstItem, reason: 'keyboard' });\n        }\n      } else if (currentFocus === 'secondItem') {\n        //This is just used in sheet menu, so no need to set a timeout\n        const item = getNVisible(menuContainerRef.current, 1);\n        if (item) {\n          changeKey({ key: item, reason: 'keyboard' });\n        }\n      }\n    }\n    return () => {\n      //We have to clean timers, because comp can be unmounted after finishing timeouts\n      clearTimeout(timer);\n    };\n  }, [changeKey, currentFocus, menuLevel, display]);\n\n  useEffect(() => {\n    selfDestructiveMouseMoveEvent();\n  }, [selfDestructiveMouseMoveEvent]);\n\n  return (\n    <div\n      {...(menuId && { id: menuId })}\n      ref={menuContainerRef}\n      tabIndex={!currentKey && (menuLevel === 'main' || display === 'sheet') ? 0 : -1}\n      role=\"menu\"\n      aria-label={ariaLabel}\n      class={classNames([\n        menuStyles.menuContainerStyle,\n        menuStyles[`${display}MenuContainerStyle`]\n      ])}\n      {...mergeProps(\n        currentKeyProps,\n        getKeyboardCloseProps(onClose, menuLevel),\n        getCloseSubmenuEvent(direction, closeSubmenu),\n        getMenuContainerFocusMethods(blurFunction, focusFunction),\n        getMenuContainerMouseLeave(mouseLeaveFunction),\n        getMenuPointerDown()\n      )}>\n      <MenuContainerContext.Provider\n        value={{\n          /*We use this ref on dropdownSubmenu since unhover only close the menu if menuContainer ref does not include\n          the new element that receives the hovering */\n          menuContainerRef,\n          currentKey,\n          showFocusRing,\n          changeKey,\n          menuContainerGeneralInformation,\n          isContainerFocused\n        }}>\n        {children}\n      </MenuContainerContext.Provider>\n    </div>\n  );\n};\n\n//Temporal constant, will probably be removed with JET-57353\nconst FOCUS_SHIFT_TIMEOUT = 0;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback, useMemo } from 'preact/hooks';\n\nimport { MenuCollectionItem } from './menuUtils';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param getPrev function to get the previous key based on the current key\n * @param getNext function to get the next key based on the current key\n * @param getFirstVisible function to get the key of the first available item\n * @param getLastVisible function to get the key of the last available item\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  getPrev: () => string | null,\n  getNext: () => string | null,\n  getFirstVisible: () => string | null,\n  getLastVisible: () => string | null,\n  onChange?: (detail: MenuCollectionItem) => void\n) {\n  const keyDownKeyFunctions = useMemo(() => {\n    return {\n      ArrowDown: getNext,\n      ArrowUp: getPrev,\n      Home: getFirstVisible,\n      End: getLastVisible\n    } as Record<string, (() => string | null) | undefined>;\n  }, [getNext, getPrev, getFirstVisible, getLastVisible]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        const keyFunction = keyDownKeyFunctions[event.key];\n        if (keyFunction && !event.shiftKey) {\n          const key = keyFunction();\n          if (key) {\n            onChange({ key, reason: 'keyboard' });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [onChange, keyDownKeyFunctions]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onKeyDown };\n  return { currentKeyProps };\n}\n","import { ComponentProps } from 'preact';\nimport { ForwardedRef, forwardRef, useCallback } from 'preact/compat';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\n\nimport { MenuContainer } from './MenuContainer';\nimport { BaseMenuProps } from './Menu';\nimport { keyElemExtractor } from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { dropdownMenuStyles } from './themes/DropdownMenuStyles.css';\n\ntype DropdownMenuProps = BaseMenuProps & DropdownMenuFloatingProps;\n\ntype FloatingProps = ComponentProps<typeof Floating>;\ntype DropdownMenuFloatingProps = {\n  defaultPlacement: FloatingProps['placement'];\n  offsetValue: FloatingProps['offsetValue'];\n  flipOptions: FloatingProps['flipOptions'];\n};\n\n/*Component used to render a dropdown menu. For now this is just rendered when device is not a phone. */\nexport const DropdownMenu = forwardRef(\n  (\n    {\n      anchorRef,\n      defaultPlacement,\n      offsetValue,\n      closeSubmenu,\n      children,\n      'aria-label': ariaLabel,\n      currentFocus,\n      menuId,\n      menuLevel,\n      flipOptions\n    }: DropdownMenuProps,\n    ref?: ForwardedRef<HTMLDivElement>\n  ) => {\n    const { onClose } = useMenuContext();\n\n    const useOutsideClickHandler = useCallback(\n      (e: MouseEvent) => {\n        if (menuLevel === 'sub') return;\n        // Outside click is not considered when menuItem was clicked\n        const menuItemKey = keyElemExtractor(e.target as HTMLElement)?.key;\n        if (!menuItemKey) {\n          onClose?.({ reason: 'outsideClick', target: e.target as Element });\n        }\n      },\n      [onClose, menuLevel]\n    );\n\n    // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n    return (\n      <Layer logicalParentRef={anchorRef}>\n        <Floating\n          class={dropdownMenuStyles.base}\n          onClickOutside={useOutsideClickHandler}\n          anchorRef={anchorRef}\n          flipOptions={flipOptions}\n          shiftOptions={{\n            mainAxis: false,\n            crossAxis: false\n          }}\n          sizeOptions={{ isMaxHeightAdjusted: true, isMaxWidthAdjusted: true }}\n          //TODO: JET-57950. Need to see how we set 24px boundary.\n          //TODO: Boundaries need to match with the dropdowns used in other comps.  Also figure out how to make it themable.\n          boundaryOptions={{ padding: 0 }}\n          placement={defaultPlacement}\n          offsetValue={offsetValue}>\n          <div\n            style={{\n              minWidth: `${\n                anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n                  ? anchorRef.current.offsetWidth\n                  : MENU_MIN_WIDTH\n              }px`\n            }}\n            ref={ref}>\n            <MenuContainer\n              menuLevel={menuLevel}\n              closeSubmenu={closeSubmenu}\n              aria-label={ariaLabel}\n              currentFocus={currentFocus}\n              menuId={menuId}\n              display=\"dropdown\">\n              {children}\n            </MenuContainer>\n          </div>\n        </Floating>\n      </Layer>\n    );\n  }\n);\n\nconst MENU_MIN_WIDTH = 200;\n","import { forwardRef } from 'preact/compat';\nimport { useCallback, useEffect } from 'preact/hooks';\n\nimport { useMenuSwipe } from './useMenuSwipe';\nimport useModal from '../UNSAFE_Modal/hooks/useModal';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport { BaseMenuProps } from './Menu';\nimport { useMenuContext } from './useMenuContext';\nimport { MenuContainer } from './MenuContainer';\nimport { sheetMenuStyles } from './themes/SheetMenuStyles.css';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\nexport type SheetMenuProps = BaseMenuProps;\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => (\n  <div class={sheetMenuStyles.modalWrapper}>{children}</div>\n);\nconst ModalContainer = forwardRef<HTMLDivElement, IntrinsicProps>(({ children }, ref) => (\n  <div class={sheetMenuStyles.modalContainer} ref={ref}>\n    {children}\n  </div>\n));\n//ModalBackdrop on modal folder not setting the style on oj-c enviroment\n//Creating it here so we don't see that issue\nconst ModalBackdrop = ({ backdropVisible = false }) => (\n  <div\n    class={classNames([\n      sheetMenuStyles.modalBackdrop,\n      backdropVisible && sheetMenuStyles.modalBackdropVisible\n    ])}\n  />\n);\n\nexport const SheetMenu = ({\n  children,\n  'aria-label': ariaLabel,\n  currentFocus,\n  anchorRef,\n  closeSubmenu,\n  menuLevel\n}: SheetMenuProps) => {\n  const { onClose } = useMenuContext();\n  useEffect(() => {\n    // We set the overflow body as hidden when mounted and revert to original overflow value when is\n    // unmounted. This is done to don't allow backgound being scrolled\n    // This will be handled by modal/popup when ready\n    const initialOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = initialOverflow;\n    };\n  }, []);\n\n  const dismissHandler = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  const { backdropRef } = useModal({ isOpen: true, onBackdropClick: dismissHandler });\n  //TODO: Use useSwipe when it works on components that could scroll.\n  const { swipeProps } = useMenuSwipe(dismissHandler);\n\n  // TODO: For now we are mimicking current modal but using a \"different position setting\" (using absolute positioning instead of flex).\n  // Have to use modal/popup component directly instead doing this composition when that component could satisfy our requirments.\n  return (\n    <Layer logicalParentRef={anchorRef}>\n      <ModalWrapper>\n        <ModalBackdrop backdropVisible={menuLevel === 'main'}></ModalBackdrop>\n        <ModalContainer ref={backdropRef}>\n          <div class={sheetMenuStyles.sheetMenuContainerWrapper} {...swipeProps}>\n            <MenuContainer\n              {...{ ariaLabel, currentFocus, display: 'sheet', closeSubmenu, menuLevel }}>\n              {children}\n            </MenuContainer>\n          </div>\n        </ModalContainer>\n      </ModalWrapper>\n    </Layer>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\n  threshold: Minimal threshold required before recognizing\n  tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n  This allows the swipe gesture to be triggered more easily since a User might not move their finger\n  in a straight line.\n*/\ntype SwipeOptions = {\n  threshold?: number;\n  maximumTime?: number;\n  tolerance?: number;\n  isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n  direction: 'down';\n};\n\ntype SwipeState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevpageX: number;\n  prevpageY: number;\n  elementScrollTop: number;\n};\n/*This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n*/\nexport function useMenuSwipe(\n  onSwipe: (e: SwipeInfo) => void,\n  { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n    threshold: 10,\n    maximumTime: 300,\n    tolerance: 50,\n    isDisabled: false\n  }\n): { swipeProps: Record<string, any> } {\n  const ref = useRef<SwipeState>({\n    pointerDownId: 0,\n    startTime: null,\n    prevpageX: 0,\n    prevpageY: 0,\n    elementScrollTop: 0\n  });\n\n  const clearSwipe = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: 0,\n      prevpageX: 0,\n      prevpageY: 0,\n      elementScrollTop: 0\n    };\n  }, []);\n\n  const onTouchStart = useCallback(\n    (e: TouchEvent) => {\n      const touchobj = e.changedTouches[0];\n      if (!ref.current.pointerDownId) {\n        ref.current = {\n          pointerDownId: touchobj.identifier,\n          startTime: e.timeStamp,\n          prevpageX: touchobj.pageX,\n          prevpageY: touchobj.pageY,\n          elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n        };\n      } else {\n        clearSwipe();\n      }\n    },\n    [clearSwipe]\n  );\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      const touchobj = ev.changedTouches[0];\n      if (touchobj.identifier === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n          if (\n            touchobj.pageY - ref.current.prevpageY > threshold &&\n            Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n            ref.current.elementScrollTop === 0\n          ) {\n            onSwipe?.({ direction: 'down' });\n          }\n        }\n      }\n      // state would be reset to its original state whether swipe is completed or cancelled\n      clearSwipe();\n    },\n    [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n  );\n\n  const swipeProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onTouchStart,\n        onTouchEnd,\n        ontouchcancel: clearSwipe\n      };\n\n  return {\n    swipeProps\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { RefObject, ComponentChildren } from 'preact';\n\nimport { DropdownMenu } from './DropdownMenu';\nimport { SheetMenu } from './SheetMenu';\nimport { MenuContext } from './MenuContext';\nimport { getIsMobile } from './menuUtils';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: RefObject<HTMLElement>;\n  /**\n   * Set of menu groups or menu items that menu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  'aria-label'?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype CloseDetail =\n  | {\n      //dismissed represents dismissing the menu using esc,tap and on mobile swiping and taping backdrop\n      reason: 'dismissed' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\n// Type only used internally by Sheet and Dropdown menu. If we want to expose both at some point we would need to\n// adjust this type.\nexport type BaseMenuProps = (MainMenu | SubMenu) &\n  Omit<MenuProps, 'onClose' | 'initialFocus' | 'isOpen'> & {\n    /*None is a valid option here since there are some use cases where a menu is opened and we don't want to focus anything\n    eg. When menu is opened due to a hover on submenuitem\n    When pasing a number, that is index of the element is going to be focused\n    eg. 1 focus the second menuitem*/\n    currentFocus?: 'menu' | 'firstItem' | 'secondItem' | 'none';\n  };\n\ntype MainMenu = {\n  menuLevel: 'main';\n  menuId?: never;\n  closeSubmenu?: never;\n};\n\ntype SubMenu = {\n  menuLevel: 'sub';\n  menuId?: string;\n  closeSubmenu?: () => void;\n};\nconst isMobile = getIsMobile();\n\n/* Component that is exposed to final user to create a menu. Important to notice that this component is just used by\nthe final user to express a main menu. It's not reused by us for submenus (we use SheetMenu and DropdownMenu directly there) */\n\nexport const Menu = ({ onClose, isOpen, initialFocus, ...menuProps }: MenuProps) => {\n  //On close is consumed by the whole menu structure including the main menu and submenu ones.\n  return (\n    <MenuContext.Provider value={{ onClose, isMobile }}>\n      {!isOpen ? null : (\n        <>\n          {isMobile ? (\n            <SheetMenu\n              {...{\n                ...menuProps,\n                currentFocus: initialFocus,\n                menuLevel: 'main'\n              }}></SheetMenu>\n          ) : (\n            <DropdownMenu\n              {...{\n                ...menuProps,\n                currentFocus: initialFocus,\n                menuLevel: 'main',\n                defaultPlacement: 'bottom-start',\n                offsetValue: {\n                  mainAxis: 4, //TODO: stable does not have a 4px gap, so we'll need to figure out how to make this themable.\n                  crossAxis: 0\n                },\n                flipOptions: {\n                  crossAxis: true,\n                  mainAxis: true,\n                  fallbackPlacements: [\n                    'bottom-end',\n                    'top-start',\n                    'top-end',\n                    'end-top',\n                    'start-top',\n                    'end-bottom',\n                    'start-bottom'\n                  ]\n                }\n              }}></DropdownMenu>\n          )}\n        </>\n      )}\n    </MenuContext.Provider>\n  );\n};\n"],"names":["MenuContainer","children","ariaLabel","currentFocus","display","closeSubmenu","menuId","menuLevel","onClose","useMenuContext","direction","useUser","menuContainerRef","useRef","menuContainerGeneralInformation","wasMouseMoved","lastMouseLeaveMenuItemdRelatedTarget","initialFocusDone","currentKey","setCurrentKey","useState","showFocusRing","setShowFocusRing","isContainerFocused","setIsContainerFocused","changeKey","useCallback","detail","key","reason","selfDestructiveMouseMoveEvent","handler","e","keyElem","keyElemExtractor","target","elem","current","evt","MouseEvent","dispatchEvent","removeEventListener","addEventListener","currentKeyProps","getPrev","getNext","getFirstVisible","getLastVisible","onChange","keyDownKeyFunctions","useMemo","ArrowDown","ArrowUp","Home","End","onKeyDown","event","keyFunction","shiftKey","preventDefault","useMenuCurrentKey","getPrevNext","getNVisible","useEffect","menuContainer","timer","undefined","focusMenuContainer","focus","setTimeout","FOCUS_SHIFT_TIMEOUT","firstItem","item","clearTimeout","_jsx","id","ref","tabIndex","role","class","classNames","menuStyles","menuContainerStyle","mergeProps","getKeyboardCloseProps","getCloseSubmenuEvent","getMenuContainerFocusMethods","contains","document","activeElement","getMenuContainerMouseLeave","relatedTarget","isEqualNode","getMenuPointerDown","MenuContainerContext","Provider","value","DropdownMenu","forwardRef","anchorRef","defaultPlacement","offsetValue","flipOptions","useOutsideClickHandler","menuItemKey","jsx","Layer","logicalParentRef","Floating","dropdownMenuStyles","base","onClickOutside","shiftOptions","mainAxis","crossAxis","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","placement","style","minWidth","offsetWidth","MENU_MIN_WIDTH","ModalWrapper","sheetMenuStyles","modalWrapper","ModalContainer","modalContainer","ModalBackdrop","backdropVisible","modalBackdrop","modalBackdropVisible","SheetMenu","initialOverflow","body","overflow","dismissHandler","backdropRef","useModal","isOpen","onBackdropClick","swipeProps","onSwipe","threshold","maximumTime","tolerance","isDisabled","pointerDownId","startTime","prevpageX","prevpageY","elementScrollTop","clearSwipe","onTouchStart","touchobj","changedTouches","identifier","timeStamp","pageX","pageY","currentTarget","scrollTop","onTouchEnd","ev","Math","abs","ontouchcancel","useMenuSwipe","_jsxs","sheetMenuContainerWrapper","isMobile","getIsMobile","initialFocus","menuProps","MenuContext","_Fragment","fallbackPlacements"],"mappings":"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"}

package/amd/MenuButton-cc75ea80.js

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

package/amd/MenuButton-cc75ea80.js.map

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

package/amd/MenuDivider-afb30c87.js

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

package/amd/MenuDivider-afb30c87.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider-afb30c87.js","sources":["../../src/UNSAFE_Menu/MenuDivider.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { Divider } from '../UNSAFE_Divider';\nimport { MenuDividerRedwoodTheme } from './themes/redwood/MenuDividerTheme';\n\nexport function MenuDivider() {\n  const { classes } = useComponentTheme(MenuDividerRedwoodTheme);\n\n  return (\n    <div class={classes}>\n      <Divider />\n    </div>\n  );\n}\n"],"names":["classes","useComponentTheme","MenuDividerRedwoodTheme","_jsx","class","children","Divider"],"mappings":"gOAaE,MAAMA,QAAEA,GAAYC,EAAiBA,kBAACC,EAAuBA,yBAE7D,OACEC,MAAK,MAAA,CAAAC,MAAOJ,EACVK,SAAAF,EAAAA,IAACG,EAAOA,QAAA,KAGd"}

package/amd/MenuItem-a7314175.js

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