@oracle/oraclejet-preact 20.0.0 → 20.0.2

package/amd/PRIVATE_TableList.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', './useComponentTheme-5aa41a8f', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTestId-f4240cbd', './useUser-08901aba', './classNames-08d99695', './HiddenAccessible-037ef42d', './FocusTracker-90de4e7f', './ScrollUtils-9d466a44', './mergeProps-bcfa6a92', './useContextMenuGesture-750ef2c6', './collectionUtils-77dc5fa1', './tabbableUtils-f95361a6', './useReorderableItem-7b4b2c3d', 'css!./DragAndDropStyles.styles.css', './LayerHost-0b288129', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './EventUtils-3204c683', './keys-4755c121', './textSelectionUtils-3022f002', './unsafeDomAccess-602c5dde', './PRIVATE_TableList/themes/List.css', './PRIVATE_TableList/themes/redwood/ListTheme', './ImageVars.css-17386400', './useTheme-da27e1d1', './LoadMoreCollection-895f1ed5', './useTranslationBundle-e4dd341e', './PRIVATE_TableList/themes/ListRowStyles.css', './PRIVATE_TableList/themes/redwood/ListNoDataTheme', './useInteractionStyle-15a2bdd0', './Selector-b38f6c0c', './PRIVATE_TableCommon/themes/Common.css', './PRIVATE_TableList/themes/ListCellStyles.css', './PRIVATE_TableList/themes/ListSkeletonStyles.css', './dimensions-95c0c920', './mergeInterpolations-9ede4cf7', './Menu-1b8fefc5', './MenuItem-85e4ffdc', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', 'css!./HiddenAccessibleStyles.styles.css', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './clientHints-6d361eaa', './head-9cb1a3da', './_arity-5a5f5f71', './_curry3-83878f86', './_curry1-df649359', './_curry2-86c52b86', './_isArray-32602db6', './_isString-d0ada3cb', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './index-055933ab', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', 'css!./ImageVars.styles.css', 'css!./Common.styles.css', 'css!./List.styles.css', './PRIVATE_TableList/themes/ListStyles.css', 'css!./ListStyles.styles2.css', './PRIVATE_TableList/themes/redwood/ListBaseTheme.css', 'module', './PRIVATE_TableList/themes/redwood/ListVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './Collection-121694cb', './useViewportIntersect-dbf8f6f0', 'css!./ListRowStyles.styles.css', './PRIVATE_TableList/themes/ListNoDataStyles.css', 'css!./ListNoDataStyles.styles.css', './PRIVATE_TableList/themes/redwood/ListNoDataVariants.css', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './BaseSelector-8252d4fc', './useFocus-4194fc59', './StyledCheckbox-368fed68', './Check-40a9a3e6', './Icon-234f9eb8', './size-114c63df', './utils-9a3f9606', './themeContract.css-b6ec3943', './colorUtils-b9dc1bd1', './useTooltip-3a2fd217', './useTooltipControlled-6449a7e9', './useTouch-37489bb5', './useAnimation-d90c433f', './useThemeInterpolations-cc05b0f0', './useColorScheme-097c31ff', './useScale-04a448c3', './theme-a8f3d819', './Theme-d945adae', './useDensity-8a10fc70', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', './CheckboxOff-bf2be8d3', './CheckboxOn-0f83ba3d', './CheckboxMixed-7729bb05', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './useTabbableMode-0a9ef009', 'css!./StyledCheckbox.styles.css', './PRIVATE_BaseSelector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', 'css!./ListCellStyles.styles.css', 'css!./ListSkeletonStyles.styles.css', './mergeDeepWithKey-aaab9019', './_isObject-42bafc94', './Sheet-1d02491d', './Modal-95bf034f', './useModal-536cb7ff', './Layer-1971eddb', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './popupUtils-d42db8bf', './WindowOverlay-11d88211', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './refUtils-77e97004', './useAnimationStatus-0cae3dff', './animationUtils-716a9aa6', './Dropdown-7eca9554', './Floating-c3558e44', './useFloating-5cb85d2b', './positionUtils-6e4daa31', './useOutsideClick-e53a4b5a', './arrayUtils-6ee96a35', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './keyboardUtils-fb6219eb', './usePopupAnimation-dc282b02', './popupAnimationUtils-49b93365', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-cb88da60', './useEffectEvent-6aa4d559', './menuUtils-8e42385f', './UNSAFE_Menu/themes/MenuStyles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Flex-4b81b412', './boxalignment-8d80de7e', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', 'css!./FlexStyles.styles.css', './Skeleton-3e52c94a', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-dbefb95b', 'css!./LiveRegionStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemStyles.styles.css', 'css!./MenuItemVariants.styles.css', './Text-31cabc49', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './usePress-949a0d03', './EnvironmentProvider-403bf554', './LayerManager-426c669d', 'css!./SeparatorStyles.styles.css'], (function(e,t,n,o,l,r,s,i,a,c,d,u,y,f,g,h,p,S,m,b,w,C,v,R,T,I,E,x,k,M,P,F,A,K,D,L,_,O,N,U,j,B,V,H,$,G,Y,W,q,X,z,Z,J,Q,ee,te,ne,oe,le,re,se,ie,ae,ce,de,ue,ye,fe,ge,he,pe,Se,me,be,we,Ce,ve,Re,Te,Ie,Ee,xe,ke,Me,Pe,Fe,Ae,Ke,De,Le,_e,Oe,Ne,Ue,je,Be,Ve,He,$e,Ge,Ye,We,qe,Xe,ze,Ze,Je,Qe,et,tt,nt,ot,lt,rt,st,it,at,ct,dt,ut,yt,ft,gt,ht,pt,St,mt,bt,wt,Ct,vt,Rt,Tt,It,Et,xt,kt,Mt,Pt,Ft,At,Kt,Dt,Lt,_t,Ot,Nt,Ut,jt,Bt,Vt,Ht,$t,Gt,Yt,Wt,qt,Xt,zt,Zt,Jt,Qt,en,tn,nn,on,ln,rn,sn,an,cn,dn,un,yn,fn,gn,hn,pn,Sn,mn,bn,wn,Cn,vn,Rn,Tn,In,En,xn,kn,Mn,Pn,Fn,An,Kn,Dn,Ln,_n,On,Nn,Un,jn,Bn,Vn,Hn,$n,Gn,Yn,Wn,qn,Xn,zn,Zn,Jn,Qn,eo,to,no){"use strict";const oo="data-oj-list-row",lo="data-oj-list-focusable",ro=(e,t,n)=>{const o=yo(e,t,n);return null!=o&&"enabled"===o.dataset.ojListAutoFocus},so=(e,t,n)=>{const o=e.querySelectorAll(`[${oo}='${t}']`);if(o.length>n)return h.getRowKey(o[n])},io=(e,t,n)=>h.getRowIndexForRowElement(e,t,n,oo);function ao(e,t,n){const o=e.querySelectorAll(`[${oo}='${t}']`);for(let e=0;e<o.length;e++)if(n===h.getRowKey(o[e]))return e}function co(e,t,n,o){const l=null!=n?n:`[${lo}='${t}']`,r=o?e.parentElement:e;if(null!=r){const e=r.closest(l);if(null!=e){const n=h.getCellType(e);if("data"===n)return{rowKey:m.keyExtractor(e,`[${oo}='${t}']`),type:n};if("noData"===n)return{type:n};if("loading"===n||"loadMore"===n)return{type:n}}}}function uo(e,t){const n=`[${oo}='${t}']`;return e.closest(n)}function yo(e,t,n){if("data"===n.type){const o=e.querySelectorAll(`[${oo}='${t}']`);for(const e of o)if(n.rowKey===h.getRowKey(e)){const n=e.querySelector(`[${lo}='${t}']`);if(null!=n)return n}}else{if("noData"===n.type)return po(e,t);if("loading"===n.type)return go(e,t);if("loadMore"===n.type)return ho(e,t)}}const fo=(e,t)=>{const n=e.querySelector(`[${lo}='${t}']`);if(null!=n){return"noData"===h.getCellType(n)?{type:"noData"}:{rowKey:m.keyExtractor(n,`[${oo}='${t}']`),type:"data"}}},go=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-loading"),ho=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-loadmore"),po=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-nodata"),So=e=>e.scrollerOffsetTop??0,mo=(e,t)=>h.isHTMLScroller(e)?So(t):So(t)+e.getBoundingClientRect().top,bo=(e,t)=>{const n=(e=>e.scrollerOffsetBottom??0)(t);if(h.isHTMLScroller(e))return e.clientHeight-n;const o=h.getScrollbarHeight(e);return e.getBoundingClientRect().bottom-(n+o)},wo=(e,t,n,o)=>{const l=h.getVerticalOverflowDiff(e,mo(t,n.viewportConfig),bo(t,n.viewportConfig)),r=l.top,s=r>0,i=l.bottom,a=i>0;s&&a||(null==o||"inView"===o?a?Math.abs(r)>Math.abs(i)?t.scrollTop=Co(t.scrollTop+i,!0):t.scrollTop=Co(t.scrollTop-r,!1):s&&(Math.abs(i)>Math.abs(r)?t.scrollTop=Co(t.scrollTop-r,!1):t.scrollTop=Co(t.scrollTop+i,!0)):t.scrollTop="top"===o?Co(t.scrollTop-r,!1):Co(t.scrollTop+i,!0))},Co=(e,t)=>t?Math.ceil(e):Math.floor(e);function vo(e,t,n,o,l){const r=function(e,t,n,o,l){if(null!=l){let r,s=!1;if(null!=l.key?(s=!0,r=l.key):null!=l.offsetY&&null==l.y&&(s=!0,r=Ro(e,t,n,o).key),s){if(null!=r){const s=mo(t,n.viewportConfig),i=l.offsetY??0,a=e.querySelectorAll(`[${oo}='${o}']`);for(let e=0;e<a.length;e++)if(r===h.getRowKey(a[e])){const n=a[e].getBoundingClientRect().top;return t.scrollTop+n-s+i}}}else if(null!=l.y)return l.y}return}(e,t,n,o,l);t.scrollTop=r??0}function Ro(e,t,n,o){const l={y:Math.abs(t.scrollTop),key:void 0,offsetY:void 0},r=mo(t,n.viewportConfig),s=e.querySelectorAll(`[${oo}='${o}']`);for(let t=0;t<s.length;t++){const n=s[t].getBoundingClientRect();if(n.bottom>r||t===s.length-1){l.key=so(e,o,t),l.offsetY=r-n.top;break}}return l}function To(e,t,n,o,l){if("data"===l.cell.type){const r=m.findElementByKey(e,l.cell.rowKey,`[${oo}='${o}']`);null!=r&&null!=l.locationY&&wo(r,t,n,l.locationY)}else if("loadMore"===l.cell.type||"loading"===l.cell.type){const r=yo(e,o,l.cell);null!=r&&null!=l.locationY&&wo(r,t,n,"loading"===l.cell.type&&"inView"===l.locationY?"top":l.locationY)}}function Io(e){return null!=e&&("loadMore"===e.type||"loading"===e.type)}function Eo(e,t){return null==e?null==t:null!=t&&(e.type===t.type&&e.rowKey===t.rowKey)}function xo(e){let t,n;if(null!=e?.rowKey)return t="data",n=e.rowKey,{type:t,rowKey:n}}function ko(e,t,n){if(!(t.length>0))return"loading"===e.type&&n||"noData"===e.type&&!n;if("loadMore"===e.type)return n;if("data"===e.type)for(let n=0;n<t.length;n++)if(t[n].metadata.key===e.rowKey)return!0;return!1}function Mo(e){return e.length>0?{rowKey:e[0].metadata.key,type:"data"}:{type:"loading"}}const Po={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:2},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},Fo={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},Ao=(e,t,n,o)=>{const[r,s]=l.useState(),[i,a]=l.useState(Fo),c=l.useRef(),{triggerProps:d}=S.useContextMenuGesture((({gesture:o,anchor:l,target:r})=>{if(e.current){const i=r.closest(`[${lo}='${t}']`);if(null!=i){const r=co(i,t);if(null!=r){const d=function(e,t,n,o){if("data"===o?.type){const l={},r=void 0;for(const s of n)if(s.metadata.key===o.rowKey)return{allMenuItems:l,defaultMenuItems:r,data:s.data,metadata:{key:o.rowKey},index:ao(e,t,o.rowKey)}}}(e.current,t,n,r);if(null!=d){c.current=i;const e="keyboard"===o?i:l;s(d),a({...Po[o],anchorRef:{current:e},isOpen:!0})}}}}}),{isDisabled:!o});return{menuProps:{...i,onClose:l.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||c.current?.focus({preventScroll:!0}),a({...Fo})}),[])},contextMenuContext:r,contextMenuTriggerProps:d}},Ko=[" ","F2","Enter","Esc","Escape","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Home","End","PageUp","PageDown"],Do=[" ","F2","Enter","Esc","Escape"];function Lo({rootRef:e,viewportInfo:t,listId:n,listData:o,hasMore:r,selectionExtensionElementRef:s,currentItemOverride:i,onPersistCurrentItem:a,isEmbedded:c,itemEnterKeyFocusBehavior:d,isDataLoaded:u,reorderContext:y,deferredScrollDetail:f,deferredScrollDetailRef:g,updateDeferredScrollDetail:p}){const S=l.useRef(!1),w=l.useRef(!1),C=l.useRef(!0);C.current=!0;const v=l.useRef(null),R=l.useRef(!1),[T,I]=l.useState(!1),[E,x]=l.useState(!1),k=l.useRef(!1),M=l.useRef(null),P=l.useRef(null),[F,A]=l.useState(void 0),K=l.useRef({hasPendingCurrentCellOverride:!1,hasPendingCurrentCellOverrideScroll:!1}),D=Io(K.current.activeCell),L=function(e,t,n,o,l){const r=o?e.current.previousEmbeddedSelectCurrentCell:e.current.currentCell;if(e.current.hasPendingCurrentCellOverride||e.current.currentItemOverride!==l){if(null!=l){const e=xo(l);if(null!=e&&ko(e,t,n))return e;const o="data";if("data"===o){if(0===t.length&&n)return{type:"loading"}}else if("noData"===o&&0===t.length&&n)return{type:"loading"}}return Mo(t)}const s=e.current.activeCell;if(null!=s){if("loadMore"===s.type){const o=e.current.loadMoreInitialData;if(t.length>0&&t!==o){const e={type:"data",rowKey:null!=o&&t.length>o.length?t[o.length].metadata.key:t[t.length-1].metadata.key};if(ko(e,t,n))return e}else if(0===t.length)return n?{type:"loading"}:{type:"noData"}}if(ko(s,t,n))return s;if("loading"===s.type){if(null!=r&&("data"===r.type||"noData"===r.type)&&ko(r,t,n))return r;if(!(t.length>0))return{type:"noData"};{const e={type:"data",rowKey:t[0].metadata.key};if(ko(e,t,n))return e}}}if(null!=r){if(ko(r,t,n))return r;if("data"===r.type){if(0===t.length&&n)return{type:"loading"}}else if("noData"===r.type&&0===t.length&&n)return{type:"loading"}}return 0===t.length?n?{type:"loading"}:{type:"noData"}:Mo(t)}(K,o,r,c,i),_=l.useMemo((()=>(e,t,n,l)=>{const r=e.value;if(!Eo(K.current.activeCell,r)){if(A(r),K.current.activeCell=r,Io(r))"loadMore"===r?.type&&(K.current.loadMoreInitialData=o);else{const e=r;null!=a&&null!=e.rowKey&&a({value:e.rowKey}),K.current.currentCell=e,null!=e&&(K.current.previousEmbeddedSelectCurrentCell=e),K.current.currentItemOverride=i,K.current.hasPendingCurrentCellOverride=!1,K.current.hasPendingCurrentCellOverrideScroll=!1}n||(s.current=void 0,t&&null!=r?(I(!0),x(!1)):T&&I(!1))}null==r||k.current||l||p({cell:r,locationX:"inView",locationY:"inView"})}),[i,T,o,a,s,p]),O=l.useCallback((()=>{R.current=!1,I(!1),x(!1)}),[]),N=l.useCallback(((n,o)=>{const l=e.current,r=t.viewportConfig.scrollerRef.current;if(null!=l&&null!=r){I(!1);const e=null!==P.current?P.current:!k.current;x(e),_({value:n},!1,!1,o)}}),[e,t,_]),U=l.useCallback(((n,o,l)=>{const r=e.current,s=t.viewportConfig.scrollerRef.current;null!=r&&null!=s&&(I(!0),o||(x(!1),_({value:n},!0,!1,l)))}),[e,t,_]),j=l.useCallback((t=>{const o=e.current;if(null!=o){I(!1);const e=yo(o,n,t);null!=e?e.focus({preventScroll:!0}):o.focus({preventScroll:!0})}}),[e,n]),B=l.useCallback((e=>{null!=M.current&&clearTimeout(M.current),k.current=!0,M.current=setTimeout((()=>{k.current=!1}),e?200:100)}),[]),V=l.useCallback((e=>{E&&x(!1),"touch"!==e.pointerType&&B(!1)}),[E,B]),H=l.useCallback((e=>{B("touch"===e.pointerType)}),[B]),$=l.useCallback((t=>{const n=e.current;if(null!=n){t.target===document.activeElement&&(P.current=E);const e=t.relatedTarget,o=null==e;S.current=o,!o&&m.getElementContainsFunc(n,!0)(e)||(O(),C.current&&(v.current=t.target),w.current=!1)}}),[e,E,O]),G=l.useCallback((n=>{"Tab"===n.key&&(w.current=!0);const o=e.current,l=t.viewportConfig.scrollerRef.current;if(null!=o&&null!=l){const e=Ko.indexOf(n.key)>-1;e&&(null!=M.current&&clearTimeout(M.current),M.current=null,k.current=!1),null!=F&&("F2"===n.key?T?j(F):U(F,!0):"Esc"===n.key||"Escape"===n.key?j(F):"Enter"!==n.key||T||c||"focusWithin"!==d||U(F,!0),T||(e&&x(!0),Do.indexOf(n.key)>-1&&p({cell:F,locationX:"inView",locationY:"inView"})))}}),[e,t,T,c,F,U,j,p,d]),Y=l.useCallback((e=>{"Tab"===e.key&&(null==F||w.current||p({cell:F,locationX:"inView",locationY:"inView"}),w.current=!1)}),[F,p]),W=l.useCallback((t=>{const o=e.current;null!=o&&null!=F&&m.handleEnterActionableMode(t.hasFocusWithin&&null==h.getCellType(t.activeElement),b.allTabbableElements(yo(o,n,F)),(e=>{I(null!=e)}))}),[e,F,n]),q=l.useCallback((e=>{m.handleWrapActionableFocus(!0,e.tabbableElements,(e=>{I(null!=e)}))}),[]),X=l.useCallback((e=>{m.handleWrapActionableFocus(!1,e.tabbableElements,(e=>{I(null!=e)}))}),[]);return l.useEffect((()=>{null!=y&&(y.currentItemKey.current=F?.rowKey);const o=e.current,l=t.viewportConfig.scrollerRef.current;if(null!=o&&null!=l){const e=(e,o,r)=>{if(null!=L){const s=yo(e,n,L);if(null!=s){if(r&&To(e,l,t,n,{cell:L,locationX:"inView",locationY:"inView"}),!T&&o!==s)return void(D&&!Io(L)&&ro(e,n,L)?U(L):s.focus({preventScroll:!0}));if(T&&!m.getElementContainsFunc(s,!0)(o))return void(r?j(L):m.handleEnterActionableMode(!1,b.allTabbableElements(s),(t=>{I(null!=t),r&&e.focus({preventScroll:!0})}),!0))}}r&&e.focus({preventScroll:!0})};null!=f&&f===g.current&&(To(o,l,t,n,f),g.current=void 0),function(e,t,n,o,l,r,s,i,a){if(l.current.hasPendingCurrentCellOverride||l.current.currentItemOverride!==a)if(null!=a){const c=xo(a);null!=c?(r({value:c},ro(e,o,c),!1,!0),l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,s?null!=yo(e,o,c)?(To(e,t,n,o,{cell:c,locationY:"inView"}),l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverrideScroll=!i:l.current.hasPendingCurrentCellOverrideScroll=!1):i?(l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverride=!0}else r({value:a}),l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,s&&(e=>{e.scrollTop=0})(t),l.current.hasPendingCurrentCellOverrideScroll=!1;else l.current.hasPendingCurrentCellOverrideScroll&&(null!=l.current.currentCell?null!=yo(e,o,l.current.currentCell)?(To(e,t,n,o,{cell:l.current.currentCell,locationY:"inView"}),l.current.hasPendingCurrentCellOverrideScroll=!1):i&&(l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverrideScroll=!1)}(o,l,t,n,K,_,c,u,i);const r=v.current;v.current=null,C.current=!1;const s=b.getActiveElement(o);null==r||s!==b.getBodyElement(o)||m.getElementContainsFunc(o,!0)(r)&&b.isTabbableElement(r,!0)?R.current&&Eo(F,K.current.activeCell)&&e(o,s):(g.current=void 0,e(o,s,!0))}})),{focusHandlingProps:{onPointerDown:V,onPointerUp:H,onFocus:o=>{R.current=!0;const l=e.current,r=t.viewportConfig.scrollerRef.current;if(null!=l){const e=S.current;S.current=!1;const t=o.target;if(t===l||t===r)null!=L&&N(L,e);else{const o=co(t,n);null!=o&&(null!=h.getCellType(t)?N(o,e):U(o,!1,e))}}P.current=null},onBlur:$,onKeyDown:G,onKeyUp:Y},activeCell:F,onActiveCellChanged:_,currentCell:K.current.currentCell,currentActiveCell:L,isShowFocusRing:E,isTabbableMode:T,onStartFocusTracking:W,onFocusStartEdge:q,onFocusEndEdge:X,updateDeferredScrollDetail:p}}const _o=(e,t,n)=>({metadata:{key:t},data:n,index:e});function Oo(e,t,n,o,l,r,s){let i=n;const a=n.type;if("loadMore"===a){if(l){const n=((e,t)=>h.getLastRenderedRowKey(e,t,oo))(e,t);null!=n&&(i={rowKey:n,type:"data"},o({value:i},ro(e,t,i)))}}else if("data"===a){const s=n.rowKey,a=m.findElementByKey(e,s,`[${oo}='${t}']`);if(null!=a){const n=[...e.querySelectorAll(`[${oo}='${t}']`)],s=n.indexOf(a);let c;if(l&&s>0?c=n[s-1]:!l&&s<n.length-1&&(c=n[s+1]),null!=c){const n=h.getRowKey(c);null!=n&&(i={rowKey:n,type:"data"},o({value:i},ro(e,t,i),r))}else r||l||!((e,t)=>null!=ho(e,t))(e,t)||(i={type:"loadMore"},null!=yo(e,t,i)&&o({value:i},ro(e,t,i)))}}Eo(n,i)&&s({cell:i,locationX:"inView",locationY:"inView"})}function No(e,t,n,o,l,r,s,i){if("noData"!==l.type){const a=e.querySelectorAll(`[${oo}='${o}']`);if(a.length>0){const c=Ro(e,t,n,o),d=ao(e,o,c.key);let u;if(s)u=0===c.offsetY?Math.max(d-1,0):d;else{const e=bo(t,n.viewportConfig);for(u=d;a.length>u+1;){u+=1;if(a[u].getBoundingClientRect().bottom>e)break}}const y=so(e,o,u);if(null!=y){const t={rowKey:y,type:"data"};y!==l.rowKey&&r({value:t},ro(e,o,t),!1,!0),i({cell:t,locationX:"inView",locationY:s?"bottom":"top"})}}}}function Uo(e){return e.shiftKey&&I.isLogicalCtrl(e)}function jo(e,t,n,o,l,r,s){const i={all:!1,keys:new Set};let a=null!=s?s:i;const c=m.keyExtractor(t,`[${oo}='${e}']`);if(null!=c&&("single"===r||"multiple"===r||"multipleToggle"===r)){const e=n||(l||"multipleToggle"===r);a=null==a?{all:!1,keys:new Set([c])}:E.containsKey(a,c)?e?E.removeKey(a,c,!1):{all:!1,keys:new Set([c])}:e&&"single"!==r?E.addKey(a,c):{all:!1,keys:new Set([c])}}E.isSameKey(a,s)||o({value:a,target:t},!1)}function Bo(e,t,n,o,l,r,s,i,a,c,d){const u={all:!1,keys:new Set};let y=null!=c?c:u;if(r&&("multiple"===a||"multipleToggle"===a)){const n=i||"multipleToggle"===a;if(y=n?y:u,o<=l){for(let n=o;n<=l;n++){const o=so(e,t,n);y=E.addKey(y,o)}if(n&&null!=d)if(d>l)for(let n=d;n>l;n--){const o=so(e,t,n);y=E.removeKey(y,o,!1)}else if(d<o)for(let n=d;n<o;n++){const o=so(e,t,n);y=E.removeKey(y,o,!1)}}else{for(let n=o;n>=l;n--){const o=so(e,t,n);y=E.addKey(y,o)}if(n&&null!=d)if(d<l)for(let n=d;n<l;n++){const o=so(e,t,n);y=E.removeKey(y,o,!1)}else if(d>o)for(let n=d;n>o;n--){const o=so(e,t,n);y=E.removeKey(y,o,!1)}}}E.isSameKey(y,c)||s({value:y,target:n},!0)}function Vo(e,t,n,o,l,r,s,i,a,c,d){const u=yo(e,t,l);if(null!=u){let y,f;const g=i||"multipleToggle"===c,p="data"===l.type;if(p&&(f=g&&null!=r.current?r.current:u.parentElement,y=io(e,t,f)),null!=y){let S,b,w;const C=g&&p?u.parentElement:r.current;if(null!=C?(b=io(e,t,C),w=o?C.previousElementSibling:C.nextElementSibling,null!=w&&(!p||p&&null!=h.getRowKey(w))?(g&&p?null==r.current&&(r.current=u.parentElement):r.current=w,S=io(e,t,w)):S=io(e,t,C)):(w=o?f?.previousElementSibling:f?.nextElementSibling,null!=w&&(!p||p&&null!=h.getRowKey(w))?(r.current=w,S=io(e,t,w)):S=y),null!=S&&Bo(e,t,n,y,S,p,s,i,c,d,b),!p||!g){const e=null!=r.current?r.current:u;let n;if(p){const o=m.keyExtractor(e,`[${oo}='${t}']`);null!=o&&(n={type:l.type,rowKey:o})}else n=co(e,t);null!=n&&a({cell:n,locationX:"inView",locationY:"inView"})}}}}function Ho({rootRef:e,listId:t,listData:n,selectionExtensionElementRef:o,activeCell:r,onActiveCellChanged:s,isDropDownSelection:i,selectionMode:a,selectedKeys:c,onListSelectionChange:d,onItemAction:u}){const y=l.useRef(!1),f=l.useRef(),g=l.useCallback((t=>{null!=e.current&&(f.current={target:t.target,x:t.clientX,y:t.clientY})}),[e]),p=l.useCallback((t=>{null!=e.current&&(f.current={target:t.target,x:t.clientX,y:t.clientY})}),[e]),S=l.useCallback((n=>{const o=e.current;if(null!=o){y.current="touch"===n.pointerType;const e=n.target;if(null!=d&&null!=r&&n.shiftKey&&function(e,t,n,o,l){const r=uo(n,t);if(("multiple"===l||"multipleToggle"===l)&&"data"===o.type&&null!=r){const n=yo(e,t,o);if(null!=n&&null!=r)return null!=io(e,t,n.parentElement)&&null!=io(e,t,r)}return!1}(o,t,e,r,a))x.getIsSelectionPending()||n.preventDefault();else{const o=co(e,t);(null==o||"data"===o.type&&null==m.keyExtractor(e,`[${oo}='${t}']`))&&n.preventDefault()}}}),[e,t,r,a,d]),b=l.useCallback((()=>{f.current=void 0}),[]),w=l.useCallback((l=>{const g=e.current;if(null!=g&&(y.current||null!=f.current&&f.current.target===l.target&&Math.abs(f.current.x-l.clientX)<=1&&Math.abs(f.current.y-l.clientY)<=1)){let e=!1;const f=l.target;null==d||x.getIsSelectionPending()||(null!=r&&l.shiftKey&&(e=function(e,t,n,o,l,r,s,i,a,c){const d=uo(n,t);if(null!=d){const u=yo(e,t,o);if(null!=u&&("multiple"===a||"multipleToggle"===a)&&"data"===o.type){let o;const y=i||"multipleToggle"===a,f=d,g=y&&null!=r.current?r.current:u.parentElement,h=io(e,t,g),p=io(e,t,f),S=y?u.parentElement:r.current;if(null!=S&&(o=io(e,t,S)),null!=h&&null!=p){if(y){null==r.current&&(r.current=u.parentElement);let o=co(n,t);if(null==o&&(o=fo(d,t)),null!=o){l({value:o},!1,!0);const n=yo(e,t,o);n?.focus({preventScroll:!0})}}else r.current=f;return Bo(e,t,n,h,p,!0,s,i,a,c,o),!0}}}return!1}(g,t,f,r,s,o,d,i,a,c)),e||jo(t,f,I.isLogicalCtrl(l)||y.current,d,i,a,c)),null!=u&&!x.getIsSelectionPending()&&I.handleRowActionGesture(t,n,u,f,oo,_o)&&l.stopPropagation();if((!e||(i||"multipleToggle"===a))&&null!=h.getRowKey(f)){const e=fo(f,t);null!=e&&(s({value:e},!1,!0),yo(g,t,e)?.focus({preventScroll:!0}))}}}),[e,t,n,o,r,s,i,a,c,d,u]);return{pointerHandlingProps:{onPointerOver:p,onPointerMove:g,onPointerDown:S,onPointerLeave:b,onClick:w}}}const $o=["enter"];function Go({rootRef:e,viewportInfo:t,ref:n,listId:o,listData:r,hasMore:s,isEmbedded:i,isLayoutRequired:a,scrollPositionOverride:c,currentItemOverride:d,onPersistCurrentItem:u,selectionMode:y,selectedKeys:f,onSelectionChange:g,onItemAction:h,itemEnterKeyFocusBehavior:S,contextMenuConfig:b,onReorder:C}){const v=i?void 0:$o,R=l.useRef(),T=l.useMemo((()=>null!=g?(e,t)=>{t||(R.current=void 0),g(e)}:void 0),[g]),[E,x]=l.useState(void 0),k=l.useRef(),M=l.useCallback((e=>{x(e),k.current=e}),[]),{reorderProps:P,reorderKeyboardProps:F,reorderItemProps:A,reorderContext:K,reorderInstructions:D,reorderInstructionsId:L}=(({rootRef:e,scrollerRef:t,onReorder:n,itemSelector:o})=>{const r=null!=n,[s,i]=l.useState(void 0),{reorderProps:a,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}=w.useReorderable({onReorder:n,rootRef:e,itemSelector:o,isDisabled:!r,columns:1}),y=l.useMemo((()=>({dragKey:s,setDragKey:i,onReorder:n,rootRef:e})),[s,n,e]);return r?{reorderProps:{onDragOver:e=>{void 0!==s&&m.dragToScroll(e,void 0!==s,t.current)}},reorderKeyboardProps:a,reorderItemProps:y,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}:{reorderProps:{},reorderKeyboardProps:a,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}})({rootRef:e,scrollerRef:t.viewportConfig.scrollerRef,itemSelector:`[${oo}='${o}']`,onReorder:C}),{focusHandlingProps:_,activeCell:O,onActiveCellChanged:N,currentActiveCell:U,currentCell:j,isShowFocusRing:B,isTabbableMode:V,onStartFocusTracking:H,onFocusStartEdge:$,onFocusEndEdge:G}=Lo({rootRef:e,viewportInfo:t,listId:o,listData:r,hasMore:s,selectionExtensionElementRef:R,currentItemOverride:d,onPersistCurrentItem:u,isEmbedded:i,itemEnterKeyFocusBehavior:S,isDataLoaded:!s||r.length>0,reorderContext:K,deferredScrollDetail:E,deferredScrollDetailRef:k,updateDeferredScrollDetail:M}),Y=function({rootRef:e,viewportInfo:t,listId:n,listData:o,isTabbableMode:r,selectionExtensionElementRef:s,activeCell:i,onActiveCellChanged:a,isDropDownSelection:c,selectionMode:d,selectedKeys:u,onListSelectionChange:y,onItemAction:f,updateDeferredScrollDetail:g,reorderKeyboardProps:h,isReorderEnabled:p}){const S=l.useRef();return{onKeyDown:l.useCallback((l=>{const m=e.current,b=t.viewportConfig.scrollerRef.current;if(null!=m&&null!=b){const e={" ":function(){null!=i&&(S.current=i.rowKey,r||l.preventDefault(),null!=f&&null!=I.getRowActionGestureContext(n,o,l.target,oo,_o,i)&&l.stopPropagation())},Enter:function(){null!=i&&(S.current=i.rowKey,"data"===i.type&&(c&&!r&&l.preventDefault(),null!=f&&null!=I.getRowActionGestureContext(n,o,l.target,oo,_o,i)&&l.stopPropagation()))},ArrowUp:function(){if(p&&!r&&Uo(l))"data"===i?.type&&(h.onKeyDown?.(l),g({cell:i,locationX:"inView",locationY:"inView"}));else if(null!=i&&(!r||ro(m,n,i))){let e=!1;r||"data"!==i.type||!l.shiftKey||null==y||"multiple"!==d&&"multipleToggle"!==d||(Vo(m,n,m,!0,i,s,y,c,g,d,u),e=!0),e&&!c&&"multipleToggle"!==d||Oo(m,n,i,a,!0,e,g),l.preventDefault()}},ArrowDown:function(){if(p&&!r&&Uo(l))"data"===i?.type&&(h.onKeyDown?.(l),g({cell:i,locationX:"inView",locationY:"inView"}));else if(null!=i&&(!r||ro(m,n,i))){let e=!1;r||"data"!==i.type||!l.shiftKey||null==y||"multiple"!==d&&"multipleToggle"!==d||(Vo(m,n,m,!1,i,s,y,c,g,d,u),e=!0),e&&!c&&"multipleToggle"!==d||Oo(m,n,i,a,!1,e,g),l.preventDefault()}},PageUp:function(){null==i||r&&!ro(m,n,i)||(No(m,b,t,n,i,a,!0,g),l.preventDefault())},PageDown:function(){null==i||r&&!ro(m,n,i)||(No(m,b,t,n,i,a,!1,g),l.preventDefault())},Home:function(){null==i||r&&!ro(m,n,i)||l.preventDefault()},End:function(){null==i||r&&!ro(m,n,i)||l.preventDefault()}};Object.keys(e).includes(l.key)&&e[l.key]()}}),[e,t,n,o,r,s,i,a,c,d,u,y,f,g,h,p]),onKeyUp:l.useCallback((l=>{const s=e.current,a=t.viewportConfig.scrollerRef.current;if(null!=s&&null!=a){const e={" ":function(){null!=i&&(S.current===i.rowKey&&(r||null!=y&&jo(n,yo(s,n,i),!0,y,c,d,u),null!=f&&I.handleRowActionGesture(n,o,f,l.target,oo,_o,i)&&l.stopPropagation()),S.current=void 0)},Enter:function(){null!=i&&S.current===i.rowKey&&"data"===i.type&&(c&&!r&&null!=y&&jo(n,yo(s,n,i),!0,y,c,d,u),null!=f&&I.handleRowActionGesture(n,o,f,l.target,oo,_o,i)&&l.stopPropagation()),S.current=void 0}};Object.keys(e).includes(l.key)&&e[l.key]()}}),[e,t,n,o,r,i,c,d,u,y,f])}}({rootRef:e,viewportInfo:t,listId:o,listData:r,isTabbableMode:V,selectionExtensionElementRef:R,activeCell:O,onActiveCellChanged:N,isDropDownSelection:i,selectionMode:y,selectedKeys:f,onListSelectionChange:T,onItemAction:h,updateDeferredScrollDetail:M,reorderKeyboardProps:F,isReorderEnabled:null!=C}),{pointerHandlingProps:W}=Ho({rootRef:e,listId:o,listData:r,selectionExtensionElementRef:R,activeCell:O,onActiveCellChanged:N,isDropDownSelection:i,selectionMode:y,selectedKeys:f,onListSelectionChange:T,onItemAction:h}),q=function({rootRef:e,viewportInfo:t,listId:n,isLayoutRequired:o,scrollPositionOverride:r}){const s=l.useRef();return l.useLayoutEffect((()=>{const l=e.current,i=t.viewportConfig.scrollerRef.current;s.current===r||null==l||null==i||o||(vo(l,i,t,n,r),s.current=r)})),t.isExternalScroller,{}}({rootRef:e,viewportInfo:t,listId:o,isLayoutRequired:a,scrollPositionOverride:c}),{contextMenuTriggerProps:X,menuProps:z,contextMenuContext:Z}=Ao(e,o,r,b),J=p.mergeProps(_,Y,W,P,X);return l.useImperativeHandle(n,(()=>{const n=e.current,l=t.viewportConfig.scrollerRef.current;return{focus:()=>{if(null!=n){if(null!=U){const e=yo(n,o,U);if(null!=e)return void e.focus()}n.focus()}},getScrollPosition:()=>null==n||null==l||a?{}:Ro(n,l,t,o)}}),[e,t,o,U,a]),{interactionManagerProps:J,scrollHandlingProps:q,onListSelectionChange:T,isShowFocusRing:B,isTabbableMode:V,currentCell:j,currentActiveCell:U,contextMenuContext:Z,menuProps:z,onStartFocusTracking:H,onFocusStartEdge:$,onFocusEndEdge:G,disabledRowInteractionKeys:v,reorderItemProps:A,reorderInstructions:D,reorderInstructionsId:L}}function Yo(){const e=y.classNames([M.sparkleStyles.base]);return t.jsx("div",{class:e})}function Wo({listId:e,isShowFocusRing:n,hasTabIndex:o,isTabbableMode:l,ariaRowIndex:r,renderer:s}){const a=D.useTranslationBundle("@oracle/oraclejet-preact"),c=y.classNames([L.listRowStyles.base]),{classes:d}=i.useComponentTheme(_.ListNoDataRedwoodTheme,{defaultRenderer:null==s?"isDefaultRenderer":"notDefaultRenderer",showFocusRing:n?"isShowFocusRing":"notShowFocusRing"}),u=y.classNames([d]);const f=null!=s?s:function(){return a.collection_noData()};return t.jsx("div",{"aria-rowindex":r,class:c,style:"height:100%;width:100%;",role:"row",children:t.jsx("div",{"aria-colindex":1,class:u,tabIndex:o?0:-1,role:"gridcell","data-oj-cell-type":"noData","data-oj-list-focusable":e,"data-oj-list-nodata":e,children:f({isTabbable:l})})})}const qo=e=>{const t="enabled"===e,n=e instanceof Object,o=t||n&&"enabled"===e?.bottom,l=t||n&&"enabled"===e?.end,r=t||n&&"enabled"===e?.start;return{isTopPadding:t||n&&"enabled"===e?.top,isBottomPadding:o,isStartPadding:r,isEndPadding:l}},Xo=(e,t,n)=>{n&&e.push(t.focused)};function zo(){}function Zo({listId:e,rowData:n,rowKey:o,rowIndex:l,hasTabIndex:r,isSelectionEnabled:s,isSelected:i,isTabbableMode:a,renderer:c=zo,selectorRenderer:d,isHighContrast:u}){const f=y.classNames((({isHighContrast:e})=>[(e?j.listCellStylesHC:j.listCellStyles).base])({isHighContrast:u})),g={data:n,metadata:{key:o},selector:d,isSelected:i,index:l,isTabbable:a};return t.jsx("div",{"aria-colindex":1,class:f,tabIndex:r?0:-1,role:"gridcell","data-oj-cell-type":"data","data-oj-list-focusable":e,"data-oj-list-data":e,...s?i?{"aria-selected":!0}:{"aria-selected":!1}:{},children:c(g)})}function Jo({listId:e,rowKey:n,rowData:o,rowIndex:l,isFinalRow:r,children:s,padding:i,hasTopGridline:a,hasBottomGridline:c,isSelected:d,isPreviousSelected:u,isSelectionEnabled:f,isSingleSelectionEnabled:g,selectedRowKeys:h,isShowFocusRing:p,isActive:S,isTabbableMode:m,isSuggestion:b,variant:w,disabledInteractionKeys:C,onSelectionChange:v,isRtl:R,isHighContrast:T}){const I=D.useTranslationBundle("@oracle/oraclejet-preact"),{interactionProps:E,applyActiveStyle:x,applyHoverStyle:k,applyPseudoHoverStyle:M}=O.useInteractionStyle({disabledKeys:C}),P=y.classNames((({isFinalRowIndex:e,hasTopGridline:t,hasBottomGridline:n,isSelected:o,isPreviousSelected:l,isShowFocusRing:r,isSelectionEnabled:s,isSingleSelection:i,isActive:a,isHover:c,isPseudoHover:d,isHighContrast:u,variant:y,padding:f})=>{const g=u?L.listRowStylesHC:L.listRowStyles,h=[g.base],{isTopPadding:p,isBottomPadding:S,isStartPadding:m,isEndPadding:b}=qo(f);h.push(m?g.startPadding:g.startNoPadding),h.push(b?g.endPadding:g.endNoPadding),Xo(h,g,r),h.push(U.textAlignStyles.start),h.push(U.verticalAlignStyles.center),s&&(a?h.push(g.active):c?h.push(g.hover):d&&h.push(g.pseudoHover)),"highlight"===y&&h.push(g.rowHighlight);let w=!1;return o&&(w=!0,h.push(g.selectedBackground)),i&&(o||l)?(h.push(g.horizontalSelectedGridTop),h.push(p?g.selectedBorderTopPadding:g.selectedBorderTopNoPadding)):t?(h.push(g.horizontalGridTop),h.push(p?g.borderTopPadding:g.borderTopNoPadding)):h.push(p?g.topSpacerPadding:g.topSpacerNoPadding),e?(h.push(g.lastRow),i&&o?(h.push(g.horizontalSelectedGridBottom),h.push(S?g.selectedBorderBottomPadding:g.selectedBorderBottomNoPadding)):n?(h.push(g.horizontalGridBottom),h.push(S?g.borderBottomPadding:g.borderBottomNoPadding)):h.push(S?g.bottomSpacerPadding:g.bottomSpacerNoPadding)):(h.push(g.notLastRow),h.push(S?g.bottomPadding:g.bottomNoPadding)),w||h.push(g.background),h})({isFinalRowIndex:r,hasTopGridline:a,hasBottomGridline:c,isSelected:d,isPreviousSelected:u,isShowFocusRing:p,isSelectionEnabled:f,isSingleSelection:g,isActive:x,isHover:k,isPseudoHover:M,isHighContrast:T,variant:w,padding:i})),F=(l+2).toString(),A=e=>{null!=v&&v({value:e.value,target:e.target},!1)},K={listId:e,rowData:o,rowKey:n,rowIndex:l,isSelectionEnabled:f,isSelected:d,hasTabIndex:S&&!m,isTabbableMode:m,renderer:s,selectorRenderer:f&&!g?()=>t.jsx(N.Selector,{"aria-label":I.collection_selectRow({ROW_NAME:F}),onChange:A,rowKey:n,selectedKeys:h}):void 0,isRtl:R,isHighContrast:T};return t.jsx("div",{"aria-rowindex":l+1,class:P,role:"row","data-oj-key":n,"data-oj-list-row":e,..."number"==typeof n&&{"data-oj-key-type":"number"},...b&&{"data-oj-suggestion":!0},...f&&E,children:t.jsx(Zo,{...K})},n)}const Qo=o.memo(Jo,((e,t)=>!(!e||!t)&&(e.listId===t.listId&&e.rowKey===t.rowKey&&e.rowData===t.rowData&&e.rowIndex===t.rowIndex&&e.isFinalRow===t.isFinalRow&&e.children===t.children&&e.padding===t.padding&&e.hasTopGridline===t.hasTopGridline&&e.hasBottomGridline===t.hasBottomGridline&&e.isSelected===t.isSelected&&e.isPreviousSelected===t.isPreviousSelected&&e.isSelectionEnabled===t.isSelectionEnabled&&e.isSingleSelectionEnabled===t.isSingleSelectionEnabled&&(!(e.isSelectionEnabled&&!e.isSingleSelectionEnabled)||E.isSameKey(e.selectedRowKeys,t.selectedRowKeys))&&e.isShowFocusRing===t.isShowFocusRing&&e.isActive===t.isActive&&e.isTabbableMode===t.isTabbableMode&&e.isSuggestion===t.isSuggestion&&e.variant===t.variant&&e.onSelectionChange===t.onSelectionChange&&e.isRtl===t.isRtl&&e.isHighContrast===t.isHighContrast&&e.disabledInteractionKeys===t.disabledInteractionKeys)));const el=o.memo((function({children:e,dragKey:n,setDragKey:o,rootRef:r,onReorder:s,...i}){const a=l.useRef(null),c={itemOverlayFront:M.reorderableStyles.reorderableItemOverlayFront,itemOverlayRear:M.reorderableStyles.reorderableItemOverlayRear,itemDragger:M.reorderableStyles.reorderableItemDragger},d=`[${oo}='${i.listId}']`,u=l.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(i.rowKey))}),[i.rowKey]),{rootProps:f,isDragged:g,overlayZoneBeforeProps:h,overlayZoneAfterProps:p}=w.useReorderableItem({isDisabled:!s,dragKey:n,setDragKey:o,onReorder:s,rootRef:r,ref:a,getItem:()=>a?.current?.closest(d),setTransferData:u,itemStyles:c,itemSelector:d,isVertical:!0}),S=[];null!=f?.class&&S.push(f.class),S.push(M.reorderableStyles.reorderableItemDnd);const m=y.classNames(S);return t.jsx(Jo,{...i,children:o=>t.jsxs("div",{...f,class:m,children:[e(o),!g&&E.isKeyDefined(n)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{...h}),t.jsx("div",{...p})]})]})})}),((e,t)=>!(!e||!t)&&(e.listId===t.listId&&e.rowKey===t.rowKey&&e.rowData===t.rowData&&e.rowIndex===t.rowIndex&&e.isFinalRow===t.isFinalRow&&e.children===t.children&&e.padding===t.padding&&e.hasTopGridline===t.hasTopGridline&&e.hasBottomGridline===t.hasBottomGridline&&e.isSelected===t.isSelected&&e.isPreviousSelected===t.isPreviousSelected&&e.isSelectionEnabled===t.isSelectionEnabled&&e.isSingleSelectionEnabled===t.isSingleSelectionEnabled&&(!(e.isSelectionEnabled&&!e.isSingleSelectionEnabled)||E.isSameKey(e.selectedRowKeys,t.selectedRowKeys))&&e.isShowFocusRing===t.isShowFocusRing&&e.isActive===t.isActive&&e.isTabbableMode===t.isTabbableMode&&e.isSuggestion===t.isSuggestion&&e.variant===t.variant&&e.onSelectionChange===t.onSelectionChange&&e.isRtl===t.isRtl&&e.isHighContrast===t.isHighContrast&&e.disabledInteractionKeys===t.disabledInteractionKeys&&e.dragKey===t.dragKey&&e.setDragKey===t.setDragKey&&e.onReorder===t.onReorder&&e.rootRef===t.rootRef))),tl=Array.from(["height","width"],(e=>V.dimensionInterpolations[e])),nl=[...Object.values(tl)],ol=H.mergeInterpolations(nl);function ll({...e}){const n=e.isHighContrast?B.listSkeletonStylesHC:B.listSkeletonStyles,o=y.classNames([n.bar]),l=ol({width:"100%",...e});return t.jsx("div",{style:l,class:o})}function rl({listId:e,hasTabIndex:n,isShowFocusRing:o,isLoadMore:l=!1,isHighContrast:r,skeletonRenderer:s}){const i=D.useTranslationBundle("@oracle/oraclejet-preact"),a=r?B.listSkeletonStylesHC:B.listSkeletonStyles,c=[a.cell];o&&c.push(a.focus);const d=y.classNames(c),u=y.classNames([a.innerCell]),f=y.classNames([a.row,a.rowHeight]),g=f,h=t.jsx("div",{style:"width:1px;height:0px;overflow:hidden;",children:i.collection_loading()});return t.jsx("div",{class:K.LOADMORE_STYLE_CLASS,role:"row",children:t.jsx("div",{class:d,role:"gridcell",tabIndex:n?0:-1,"data-oj-cell-type":l?"loadMore":"loading",...l?{"data-oj-list-loadmore":e}:{"data-oj-list-loading":e},"data-oj-list-focusable":e,children:t.jsxs("div",{class:null!=s?void 0:u,children:[h,[...Array(l?3:25)].map(((e,n)=>null!=s?s({loadingStatus:l?"loadMore":"initial",index:n}):t.jsx("div",{class:0===n?g:f,children:t.jsx(ll,{height:"4x",isHighContrast:r})})))]})})})}function sl({viewportInfo:e,listId:n,listData:o,children:r,itemPadding:s,hasItemGridlines:i,hasTopGridline:a,hasBottomGridline:c,isShowFocusRing:d,isTabbableMode:u,hasMore:f,onLoadMore:g,activeCell:h,currentItemKey:p,currentItemVariant:S,selectedKeys:m,isSelectionEnabled:b,isSingleSelectionEnabled:w,disabledInteractionKeys:C,onSelectionChange:v,promotedSection:R,noDataRenderer:T,skeletonRenderer:I,isRtl:x,isHighContrast:k,reorderItemProps:P}){const D=l.useCallback((e=>({index:e.index,data:e.data.data,key:e.data.metadata.key})),[]);let L=!1,_=!1;const O=0===o.length&&f,N=0===o.length&&!f,U=t.jsx(rl,{listId:n,hasTabIndex:O?"loading"===h?.type:"loadMore"===h?.type,isLoadMore:!O,isShowFocusRing:d&&(O?"loading"===h?.type:"loadMore"===h?.type),isHighContrast:k,skeletonRenderer:I}),{name:j}=A.useTheme(),B=y.classNames([M.sparkleStyles.container,"redwood"===j&&F.globalImages]);return N?t.jsx(Wo,{...(()=>{const e="noData"===h?.type;return{listId:n,isShowFocusRing:d&&e,hasTabIndex:e&&!u,isTabbableMode:u,ariaRowIndex:1,renderer:T}})()}):t.jsx(K.LoadMoreCollection,{data:o,loadMoreIndicator:U,suggestions:t.jsx(Yo,{}),suggestionsContainerClasses:B,suggestionCount:R?.count,hasMore:f,onLoadMore:g,viewportConfig:e.viewportConfig,children:e=>{const l=D(e),y=!!R&&R.count>l.index,g=l.key,T=h?.rowKey===g,I=E.containsKey(m,g),M=l.index===o.length-1,F=0===l.index?a:i||!y&&_,A={listId:n,children:r,padding:s,isSuggestion:y,hasTopGridline:F,hasBottomGridline:M&&(f?i:c),isSelected:I,isPreviousSelected:L,disabledInteractionKeys:C,onSelectionChange:v,isSelectionEnabled:b,isSingleSelectionEnabled:w,variant:p===g?S:"none",isShowFocusRing:d&&T,isActive:T,isTabbableMode:u,selectedRowKeys:m,rowIndex:l.index,rowKey:g,rowData:l.data,isFinalRow:M,isRtl:x,isHighContrast:k};return L=I,_=y,null!=P?t.jsx(el,{...A,...P}):t.jsx(Qo,{...A})}})}function il({contextMenuConfig:e,contextMenuContext:n,...o}){const l=D.useTranslationBundle("@oracle/oraclejet-preact"),r=null!=e.accessibleLabel?e.accessibleLabel:l.accContextMenuLabel();return null!=e.itemsRenderer(n)?t.jsx($.Menu,{"aria-label":r,...o,children:o.isOpen&&e.itemsRenderer(n)}):t.jsx(t.Fragment,{})}const al={all:!1,keys:new Set},cl=o.forwardRef((function({"aria-label":e,"aria-labelledby":o,"aria-describedby":r,children:p=()=>{},contextMenuConfig:S,viewportConfig:m,data:b,getRowKey:w,hasMore:C=!1,onLoadMore:v=()=>{},currentItemOverride:R,onPersistCurrentItem:T,currentItemVariant:I,itemPadding:E="disabled",itemEnterKeyFocusBehavior:x="focusWithin",gridlines:F={item:"hidden",top:"hidden",bottom:"hidden"},selectionMode:A,selectedKeys:K=al,onSelectionChange:D,onItemAction:L,scrollPositionOverride:_,promotedSection:O,skeletonRenderer:N,noDataRenderer:U,scrollerRef:j,onReorder:B,testId:V},H){const $=a.useId(),G=d.useTestId(V),[Y,W]=l.useState(n.createRef()),q=l.useCallback((e=>{W({current:e})}),[]),{direction:X,forcedColors:z}=u.useUser(),Z="active"===z,J="rtl"===X,Q="embedded"===s.useCollectionInteractionContext(),ee=I??Q?"highlight":"none",{managedData:te,onManagedLoadMore:ne}=h.useDataManager({data:b,getRowKey:w,hasMore:C,onLoadMore:v}),{viewportInfo:oe,scrollerRefCallback:le}=function({viewportConfig:e,externalScrollerAccessRef:t}){const[o,r]=l.useState(n.createRef()),s=l.useCallback((e=>{r({current:e})}),[]);return l.useImperativeHandle(t,(()=>null!=e?{[k.UNSAFE_DOM_ACCESS]:e.scrollerRef.current}:{[k.UNSAFE_DOM_ACCESS]:o.current}),[o,e]),{viewportInfo:l.useMemo((()=>{const t=((e,t)=>t??{scrollerRef:e})(o,e);return{isExternalScroller:null!=e,viewportConfig:t}}),[o,e]),scrollerRefCallback:s}}({viewportConfig:m,externalScrollerAccessRef:j}),re=C?-1:te.length,{interactionManagerProps:se,scrollHandlingProps:ie,onListSelectionChange:ae,isShowFocusRing:ce,isTabbableMode:de,currentCell:ue,currentActiveCell:ye,onStartFocusTracking:fe,onFocusStartEdge:ge,onFocusEndEdge:he,contextMenuContext:pe,menuProps:Se,disabledRowInteractionKeys:me,reorderItemProps:be,reorderInstructions:we,reorderInstructionsId:Ce}=Go({rootRef:Y,viewportInfo:oe,ref:H,listId:$,listData:te,hasMore:C,isEmbedded:Q,isLayoutRequired:!1,scrollPositionOverride:_,currentItemOverride:R,onPersistCurrentItem:T,selectionMode:A,selectedKeys:K,onSelectionChange:D,onItemAction:L,itemEnterKeyFocusBehavior:x,contextMenuConfig:S,onReorder:B}),{classes:ve}=i.useComponentTheme(P.ListRedwoodTheme,{showFocusRing:ce?"isShowFocusRing":"notShowFocusRing",externalScroller:oe.isExternalScroller?"isExternalScroller":"notExternalScroller"}),Re=[M.scrollerStyles.base];oe.isExternalScroller?Re.push(M.scrollerStyles.externalScroller):Re.push(M.scrollerStyles.autoScroll);const Te=y.classNames(Re),Ie=y.classNames([ve]),Ee="visible"===F?.item,xe="visible"===F?.top,ke="visible"===F?.bottom,Me="single"===A||"multiple"===A||"multipleToggle"===A,Pe="multiple"===A||"multipleToggle"===A,{isTabbable:Fe}=l.useContext(c.TabbableModeContext),Ae=null!=B,Ke=null!=r?Ae?`${r} ${Ce}`:r:Ae?Ce:void 0,De=Pe?{"aria-multiselectable":!0}:Me?{"aria-multiselectable":!1}:{};return t.jsxs(t.Fragment,{children:[t.jsx("div",{...G,ref:q,"aria-colcount":1,"aria-label":e,"aria-labelledby":o,"aria-describedby":Ke,"aria-rowcount":re,...De,class:Ie,id:$,role:"grid",tabIndex:null==ye&&Fe?0:-1,...se,children:t.jsx("div",{ref:le,class:Te,role:"rowgroup",tabIndex:-1,...ie,children:t.jsx(g.FocusTracker,{isDisabled:!de,onFocusStartEdge:ge,onFocusEndEdge:he,onStartTracking:fe,children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:de},children:t.jsx(sl,{viewportInfo:oe,listId:$,listData:te,children:p,itemPadding:E,hasItemGridlines:Ee,hasTopGridline:xe,hasBottomGridline:ke,selectedKeys:K,isSelectionEnabled:Me,isSingleSelectionEnabled:"single"===A,activeCell:ye,currentItemKey:"data"===ue?.type?ue.rowKey:void 0,currentItemVariant:ee,isShowFocusRing:ce,isTabbableMode:Fe&&de,hasMore:C,onLoadMore:ne,promotedSection:O,noDataRenderer:U,skeletonRenderer:N,disabledInteractionKeys:me,onSelectionChange:ae,isRtl:J,isHighContrast:Z,reorderItemProps:be})})})})}),Ae&&t.jsx("span",{id:Ce,children:t.jsx(f.HiddenAccessible,{children:we})}),null!=S&&null!=pe&&t.jsx(il,{...Se,contextMenuConfig:S,contextMenuContext:pe})]})}));e.List=cl,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', './useComponentTheme-5aa41a8f', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTestId-f4240cbd', './useUser-08901aba', './classNames-08d99695', './HiddenAccessible-037ef42d', './FocusTracker-90de4e7f', './ScrollUtils-9d466a44', './mergeProps-bcfa6a92', './useContextMenuGesture-750ef2c6', './collectionUtils-77dc5fa1', './tabbableUtils-f95361a6', './useReorderableItem-7b4b2c3d', 'css!./DragAndDropStyles.styles.css', './LayerHost-0b288129', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './EventUtils-3204c683', './keys-4755c121', './textSelectionUtils-3022f002', './unsafeDomAccess-602c5dde', './PRIVATE_TableList/themes/List.css', './PRIVATE_TableList/themes/redwood/ListTheme', './ImageVars.css-17386400', './useTheme-da27e1d1', './LoadMoreCollection-895f1ed5', './useTranslationBundle-e4dd341e', './PRIVATE_TableList/themes/ListRowStyles.css', './PRIVATE_TableList/themes/redwood/ListNoDataTheme', './useInteractionStyle-15a2bdd0', './Selector-b38f6c0c', './PRIVATE_TableCommon/themes/Common.css', './PRIVATE_TableList/themes/ListCellStyles.css', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './PRIVATE_TableList/themes/ListSkeletonStyles.css', './dimensions-95c0c920', './mergeInterpolations-9ede4cf7', './Menu-1b8fefc5', './MenuItem-85e4ffdc', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', 'css!./HiddenAccessibleStyles.styles.css', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './clientHints-6d361eaa', './head-9cb1a3da', './_arity-5a5f5f71', './_curry3-83878f86', './_curry1-df649359', './_curry2-86c52b86', './_isArray-32602db6', './_isString-d0ada3cb', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './index-055933ab', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', 'css!./ImageVars.styles.css', 'css!./Common.styles.css', 'css!./List.styles.css', './PRIVATE_TableList/themes/ListStyles.css', 'css!./ListStyles.styles2.css', './PRIVATE_TableList/themes/redwood/ListBaseTheme.css', 'module', './PRIVATE_TableList/themes/redwood/ListVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './Collection-121694cb', './useViewportIntersect-dbf8f6f0', 'css!./ListRowStyles.styles.css', './PRIVATE_TableList/themes/ListNoDataStyles.css', 'css!./ListNoDataStyles.styles.css', './PRIVATE_TableList/themes/redwood/ListNoDataVariants.css', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './BaseSelector-8252d4fc', './useFocus-4194fc59', './PRIVATE_BaseSelector/themes/SelectorStyles.css', 'css!./ListCellStyles.styles.css', './Check-40a9a3e6', './Icon-234f9eb8', './size-114c63df', './utils-9a3f9606', './themeContract.css-b6ec3943', './colorUtils-b9dc1bd1', './useTooltip-3a2fd217', './useTooltipControlled-6449a7e9', './useTouch-37489bb5', './useAnimation-d90c433f', './useThemeInterpolations-cc05b0f0', './useColorScheme-097c31ff', './useScale-04a448c3', './theme-a8f3d819', './Theme-d945adae', './useDensity-8a10fc70', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', './CheckboxOff-bf2be8d3', './CheckboxOn-0f83ba3d', './CheckboxMixed-7729bb05', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './useTabbableMode-0a9ef009', 'css!./StyledCheckbox.styles.css', 'css!./ListSkeletonStyles.styles.css', './mergeDeepWithKey-aaab9019', './_isObject-42bafc94', './Sheet-1d02491d', './Modal-95bf034f', './useModal-536cb7ff', './Layer-1971eddb', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './popupUtils-d42db8bf', './WindowOverlay-11d88211', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './refUtils-77e97004', './useAnimationStatus-0cae3dff', './animationUtils-716a9aa6', './Dropdown-7eca9554', './Floating-c3558e44', './useFloating-5cb85d2b', './positionUtils-6e4daa31', './useOutsideClick-e53a4b5a', './arrayUtils-6ee96a35', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './keyboardUtils-fb6219eb', './usePopupAnimation-dc282b02', './popupAnimationUtils-49b93365', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-cb88da60', './useEffectEvent-6aa4d559', './menuUtils-8e42385f', './UNSAFE_Menu/themes/MenuStyles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Flex-4b81b412', './boxalignment-8d80de7e', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', 'css!./FlexStyles.styles.css', './Skeleton-3e52c94a', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-dbefb95b', 'css!./LiveRegionStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemStyles.styles.css', 'css!./MenuItemVariants.styles.css', './Text-31cabc49', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './usePress-949a0d03', './EnvironmentProvider-403bf554', './LayerManager-426c669d', 'css!./SeparatorStyles.styles.css'], (function(e,t,n,o,l,r,s,i,a,c,d,u,y,f,g,h,p,S,m,b,w,C,v,R,T,I,E,x,k,M,P,F,A,K,D,L,_,O,N,U,j,B,V,H,$,G,Y,W,q,X,z,Z,J,Q,ee,te,ne,oe,le,re,se,ie,ae,ce,de,ue,ye,fe,ge,he,pe,Se,me,be,we,Ce,ve,Re,Te,Ie,Ee,xe,ke,Me,Pe,Fe,Ae,Ke,De,Le,_e,Oe,Ne,Ue,je,Be,Ve,He,$e,Ge,Ye,We,qe,Xe,ze,Ze,Je,Qe,et,tt,nt,ot,lt,rt,st,it,at,ct,dt,ut,yt,ft,gt,ht,pt,St,mt,bt,wt,Ct,vt,Rt,Tt,It,Et,xt,kt,Mt,Pt,Ft,At,Kt,Dt,Lt,_t,Ot,Nt,Ut,jt,Bt,Vt,Ht,$t,Gt,Yt,Wt,qt,Xt,zt,Zt,Jt,Qt,en,tn,nn,on,ln,rn,sn,an,cn,dn,un,yn,fn,gn,hn,pn,Sn,mn,bn,wn,Cn,vn,Rn,Tn,In,En,xn,kn,Mn,Pn,Fn,An,Kn,Dn,Ln,_n,On,Nn,Un,jn,Bn,Vn,Hn,$n,Gn,Yn,Wn,qn,Xn,zn,Zn,Jn,Qn,eo,to,no){"use strict";const oo="data-oj-list-row",lo="data-oj-list-focusable",ro=(e,t,n)=>{const o=yo(e,t,n);return null!=o&&"enabled"===o.dataset.ojListAutoFocus},so=(e,t,n)=>{const o=e.querySelectorAll(`[${oo}='${t}']`);if(o.length>n)return h.getRowKey(o[n])},io=(e,t,n)=>h.getRowIndexForRowElement(e,t,n,oo);function ao(e,t,n){const o=e.querySelectorAll(`[${oo}='${t}']`);for(let e=0;e<o.length;e++)if(n===h.getRowKey(o[e]))return e}function co(e,t,n,o){const l=null!=n?n:`[${lo}='${t}']`,r=o?e.parentElement:e;if(null!=r){const e=r.closest(l);if(null!=e){const n=h.getCellType(e);if("data"===n)return{rowKey:m.keyExtractor(e,`[${oo}='${t}']`),type:n};if("noData"===n)return{type:n};if("loading"===n||"loadMore"===n)return{type:n}}}}function uo(e,t){const n=`[${oo}='${t}']`;return e.closest(n)}function yo(e,t,n){if("data"===n.type){const o=e.querySelectorAll(`[${oo}='${t}']`);for(const e of o)if(n.rowKey===h.getRowKey(e)){const n=e.querySelector(`[${lo}='${t}']`);if(null!=n)return n}}else{if("noData"===n.type)return po(e,t);if("loading"===n.type)return go(e,t);if("loadMore"===n.type)return ho(e,t)}}const fo=(e,t)=>{const n=e.querySelector(`[${lo}='${t}']`);if(null!=n){return"noData"===h.getCellType(n)?{type:"noData"}:{rowKey:m.keyExtractor(n,`[${oo}='${t}']`),type:"data"}}},go=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-loading"),ho=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-loadmore"),po=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-nodata"),So=e=>e.scrollerOffsetTop??0,mo=(e,t)=>h.isHTMLScroller(e)?So(t):So(t)+e.getBoundingClientRect().top,bo=(e,t)=>{const n=(e=>e.scrollerOffsetBottom??0)(t);if(h.isHTMLScroller(e))return e.clientHeight-n;const o=h.getScrollbarHeight(e);return e.getBoundingClientRect().bottom-(n+o)},wo=(e,t,n,o)=>{const l=h.getVerticalOverflowDiff(e,mo(t,n.viewportConfig),bo(t,n.viewportConfig)),r=l.top,s=r>0,i=l.bottom,a=i>0;s&&a||(null==o||"inView"===o?a?Math.abs(r)>Math.abs(i)?t.scrollTop=Co(t.scrollTop+i,!0):t.scrollTop=Co(t.scrollTop-r,!1):s&&(Math.abs(i)>Math.abs(r)?t.scrollTop=Co(t.scrollTop-r,!1):t.scrollTop=Co(t.scrollTop+i,!0)):t.scrollTop="top"===o?Co(t.scrollTop-r,!1):Co(t.scrollTop+i,!0))},Co=(e,t)=>t?Math.ceil(e):Math.floor(e);function vo(e,t,n,o,l){const r=function(e,t,n,o,l){if(null!=l){let r,s=!1;if(null!=l.key?(s=!0,r=l.key):null!=l.offsetY&&null==l.y&&(s=!0,r=Ro(e,t,n,o).key),s){if(null!=r){const s=mo(t,n.viewportConfig),i=l.offsetY??0,a=e.querySelectorAll(`[${oo}='${o}']`);for(let e=0;e<a.length;e++)if(r===h.getRowKey(a[e])){const n=a[e].getBoundingClientRect().top;return t.scrollTop+n-s+i}}}else if(null!=l.y)return l.y}return}(e,t,n,o,l);t.scrollTop=r??0}function Ro(e,t,n,o){const l={y:Math.abs(t.scrollTop),key:void 0,offsetY:void 0},r=mo(t,n.viewportConfig),s=e.querySelectorAll(`[${oo}='${o}']`);for(let t=0;t<s.length;t++){const n=s[t].getBoundingClientRect();if(n.bottom>r||t===s.length-1){l.key=so(e,o,t),l.offsetY=r-n.top;break}}return l}function To(e,t,n,o,l){if("data"===l.cell.type){const r=m.findElementByKey(e,l.cell.rowKey,`[${oo}='${o}']`);null!=r&&null!=l.locationY&&wo(r,t,n,l.locationY)}else if("loadMore"===l.cell.type||"loading"===l.cell.type){const r=yo(e,o,l.cell);null!=r&&null!=l.locationY&&wo(r,t,n,"loading"===l.cell.type&&"inView"===l.locationY?"top":l.locationY)}}function Io(e){return null!=e&&("loadMore"===e.type||"loading"===e.type)}function Eo(e,t){return null==e?null==t:null!=t&&(e.type===t.type&&e.rowKey===t.rowKey)}function xo(e){let t,n;if(null!=e?.rowKey)return t="data",n=e.rowKey,{type:t,rowKey:n}}function ko(e,t,n){if(!(t.length>0))return"loading"===e.type&&n||"noData"===e.type&&!n;if("loadMore"===e.type)return n;if("data"===e.type)for(let n=0;n<t.length;n++)if(t[n].metadata.key===e.rowKey)return!0;return!1}function Mo(e){return e.length>0?{rowKey:e[0].metadata.key,type:"data"}:{type:"loading"}}const Po={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:2},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},Fo={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},Ao=(e,t,n,o)=>{const[r,s]=l.useState(),[i,a]=l.useState(Fo),c=l.useRef(),{triggerProps:d}=S.useContextMenuGesture((({gesture:o,anchor:l,target:r})=>{if(e.current){const i=r.closest(`[${lo}='${t}']`);if(null!=i){const r=co(i,t);if(null!=r){const d=function(e,t,n,o){if("data"===o?.type){const l={},r=void 0;for(const s of n)if(s.metadata.key===o.rowKey)return{allMenuItems:l,defaultMenuItems:r,data:s.data,metadata:{key:o.rowKey},index:ao(e,t,o.rowKey)}}}(e.current,t,n,r);if(null!=d){c.current=i;const e="keyboard"===o?i:l;s(d),a({...Po[o],anchorRef:{current:e},isOpen:!0})}}}}}),{isDisabled:!o});return{menuProps:{...i,onClose:l.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||c.current?.focus({preventScroll:!0}),a({...Fo})}),[])},contextMenuContext:r,contextMenuTriggerProps:d}},Ko=[" ","F2","Enter","Esc","Escape","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Home","End","PageUp","PageDown"],Do=[" ","F2","Enter","Esc","Escape"];function Lo({rootRef:e,viewportInfo:t,listId:n,listData:o,hasMore:r,selectionExtensionElementRef:s,currentItemOverride:i,onPersistCurrentItem:a,isEmbedded:c,itemEnterKeyFocusBehavior:d,isDataLoaded:u,reorderContext:y,deferredScrollDetail:f,deferredScrollDetailRef:g,updateDeferredScrollDetail:p}){const S=l.useRef(!1),w=l.useRef(!1),C=l.useRef(!0);C.current=!0;const v=l.useRef(null),R=l.useRef(!1),[T,I]=l.useState(!1),[E,x]=l.useState(!1),k=l.useRef(!1),M=l.useRef(null),P=l.useRef(null),[F,A]=l.useState(void 0),K=l.useRef({hasPendingCurrentCellOverride:!1,hasPendingCurrentCellOverrideScroll:!1}),D=Io(K.current.activeCell),L=function(e,t,n,o,l){const r=o?e.current.previousEmbeddedSelectCurrentCell:e.current.currentCell;if(e.current.hasPendingCurrentCellOverride||e.current.currentItemOverride!==l){if(null!=l){const e=xo(l);if(null!=e&&ko(e,t,n))return e;const o="data";if("data"===o){if(0===t.length&&n)return{type:"loading"}}else if("noData"===o&&0===t.length&&n)return{type:"loading"}}return Mo(t)}const s=e.current.activeCell;if(null!=s){if("loadMore"===s.type){const o=e.current.loadMoreInitialData;if(t.length>0&&t!==o){const e={type:"data",rowKey:null!=o&&t.length>o.length?t[o.length].metadata.key:t[t.length-1].metadata.key};if(ko(e,t,n))return e}else if(0===t.length)return n?{type:"loading"}:{type:"noData"}}if(ko(s,t,n))return s;if("loading"===s.type){if(null!=r&&("data"===r.type||"noData"===r.type)&&ko(r,t,n))return r;if(!(t.length>0))return{type:"noData"};{const e={type:"data",rowKey:t[0].metadata.key};if(ko(e,t,n))return e}}}if(null!=r){if(ko(r,t,n))return r;if("data"===r.type){if(0===t.length&&n)return{type:"loading"}}else if("noData"===r.type&&0===t.length&&n)return{type:"loading"}}return 0===t.length?n?{type:"loading"}:{type:"noData"}:Mo(t)}(K,o,r,c,i),_=l.useMemo((()=>(e,t,n,l)=>{const r=e.value;if(!Eo(K.current.activeCell,r)){if(A(r),K.current.activeCell=r,Io(r))"loadMore"===r?.type&&(K.current.loadMoreInitialData=o);else{const e=r;null!=a&&null!=e.rowKey&&a({value:e.rowKey}),K.current.currentCell=e,null!=e&&(K.current.previousEmbeddedSelectCurrentCell=e),K.current.currentItemOverride=i,K.current.hasPendingCurrentCellOverride=!1,K.current.hasPendingCurrentCellOverrideScroll=!1}n||(s.current=void 0,t&&null!=r?(I(!0),x(!1)):T&&I(!1))}null==r||k.current||l||p({cell:r,locationX:"inView",locationY:"inView"})}),[i,T,o,a,s,p]),O=l.useCallback((()=>{R.current=!1,I(!1),x(!1)}),[]),N=l.useCallback(((n,o)=>{const l=e.current,r=t.viewportConfig.scrollerRef.current;if(null!=l&&null!=r){I(!1);const e=null!==P.current?P.current:!k.current;x(e),_({value:n},!1,!1,o)}}),[e,t,_]),U=l.useCallback(((n,o,l)=>{const r=e.current,s=t.viewportConfig.scrollerRef.current;null!=r&&null!=s&&(I(!0),o||(x(!1),_({value:n},!0,!1,l)))}),[e,t,_]),j=l.useCallback((t=>{const o=e.current;if(null!=o){I(!1);const e=yo(o,n,t);null!=e?e.focus({preventScroll:!0}):o.focus({preventScroll:!0})}}),[e,n]),B=l.useCallback((e=>{null!=M.current&&clearTimeout(M.current),k.current=!0,M.current=setTimeout((()=>{k.current=!1}),e?200:100)}),[]),V=l.useCallback((e=>{E&&x(!1),"touch"!==e.pointerType&&B(!1)}),[E,B]),H=l.useCallback((e=>{B("touch"===e.pointerType)}),[B]),$=l.useCallback((t=>{const n=e.current;if(null!=n){t.target===document.activeElement&&(P.current=E);const e=t.relatedTarget,o=null==e;S.current=o,!o&&m.getElementContainsFunc(n,!0)(e)||(O(),C.current&&(v.current=t.target),w.current=!1)}}),[e,E,O]),G=l.useCallback((n=>{"Tab"===n.key&&(w.current=!0);const o=e.current,l=t.viewportConfig.scrollerRef.current;if(null!=o&&null!=l){const e=Ko.indexOf(n.key)>-1;e&&(null!=M.current&&clearTimeout(M.current),M.current=null,k.current=!1),null!=F&&("F2"===n.key?T?j(F):U(F,!0):"Esc"===n.key||"Escape"===n.key?j(F):"Enter"!==n.key||T||c||"focusWithin"!==d||U(F,!0),T||(e&&x(!0),Do.indexOf(n.key)>-1&&p({cell:F,locationX:"inView",locationY:"inView"})))}}),[e,t,T,c,F,U,j,p,d]),Y=l.useCallback((e=>{"Tab"===e.key&&(null==F||w.current||p({cell:F,locationX:"inView",locationY:"inView"}),w.current=!1)}),[F,p]),W=l.useCallback((t=>{const o=e.current;null!=o&&null!=F&&m.handleEnterActionableMode(t.hasFocusWithin&&null==h.getCellType(t.activeElement),b.allTabbableElements(yo(o,n,F)),(e=>{I(null!=e)}))}),[e,F,n]),q=l.useCallback((e=>{m.handleWrapActionableFocus(!0,e.tabbableElements,(e=>{I(null!=e)}))}),[]),X=l.useCallback((e=>{m.handleWrapActionableFocus(!1,e.tabbableElements,(e=>{I(null!=e)}))}),[]);return l.useEffect((()=>{null!=y&&(y.currentItemKey.current=F?.rowKey);const o=e.current,l=t.viewportConfig.scrollerRef.current;if(null!=o&&null!=l){const e=(e,o,r)=>{if(null!=L){const s=yo(e,n,L);if(null!=s){if(r&&To(e,l,t,n,{cell:L,locationX:"inView",locationY:"inView"}),!T&&o!==s)return void(D&&!Io(L)&&ro(e,n,L)?U(L):s.focus({preventScroll:!0}));if(T&&!m.getElementContainsFunc(s,!0)(o))return void(r?j(L):m.handleEnterActionableMode(!1,b.allTabbableElements(s),(t=>{I(null!=t),r&&e.focus({preventScroll:!0})}),!0))}}r&&e.focus({preventScroll:!0})};null!=f&&f===g.current&&(To(o,l,t,n,f),g.current=void 0),function(e,t,n,o,l,r,s,i,a){if(l.current.hasPendingCurrentCellOverride||l.current.currentItemOverride!==a)if(null!=a){const c=xo(a);null!=c?(r({value:c},ro(e,o,c),!1,!0),l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,s?null!=yo(e,o,c)?(To(e,t,n,o,{cell:c,locationY:"inView"}),l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverrideScroll=!i:l.current.hasPendingCurrentCellOverrideScroll=!1):i?(l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverride=!0}else r({value:a}),l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,s&&(e=>{e.scrollTop=0})(t),l.current.hasPendingCurrentCellOverrideScroll=!1;else l.current.hasPendingCurrentCellOverrideScroll&&(null!=l.current.currentCell?null!=yo(e,o,l.current.currentCell)?(To(e,t,n,o,{cell:l.current.currentCell,locationY:"inView"}),l.current.hasPendingCurrentCellOverrideScroll=!1):i&&(l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverrideScroll=!1)}(o,l,t,n,K,_,c,u,i);const r=v.current;v.current=null,C.current=!1;const s=b.getActiveElement(o);null==r||s!==b.getBodyElement(o)||m.getElementContainsFunc(o,!0)(r)&&b.isTabbableElement(r,!0)?R.current&&Eo(F,K.current.activeCell)&&e(o,s):(g.current=void 0,e(o,s,!0))}})),{focusHandlingProps:{onPointerDown:V,onPointerUp:H,onFocus:o=>{R.current=!0;const l=e.current,r=t.viewportConfig.scrollerRef.current;if(null!=l){const e=S.current;S.current=!1;const t=o.target;if(t===l||t===r)null!=L&&N(L,e);else{const o=co(t,n);null!=o&&(null!=h.getCellType(t)?N(o,e):U(o,!1,e))}}P.current=null},onBlur:$,onKeyDown:G,onKeyUp:Y},activeCell:F,onActiveCellChanged:_,currentCell:K.current.currentCell,currentActiveCell:L,isShowFocusRing:E,isTabbableMode:T,onStartFocusTracking:W,onFocusStartEdge:q,onFocusEndEdge:X,updateDeferredScrollDetail:p}}const _o=(e,t,n)=>({metadata:{key:t},data:n,index:e});function Oo(e,t,n,o,l,r,s){let i=n;const a=n.type;if("loadMore"===a){if(l){const n=((e,t)=>h.getLastRenderedRowKey(e,t,oo))(e,t);null!=n&&(i={rowKey:n,type:"data"},o({value:i},ro(e,t,i)))}}else if("data"===a){const s=n.rowKey,a=m.findElementByKey(e,s,`[${oo}='${t}']`);if(null!=a){const n=[...e.querySelectorAll(`[${oo}='${t}']`)],s=n.indexOf(a);let c;if(l&&s>0?c=n[s-1]:!l&&s<n.length-1&&(c=n[s+1]),null!=c){const n=h.getRowKey(c);null!=n&&(i={rowKey:n,type:"data"},o({value:i},ro(e,t,i),r))}else r||l||!((e,t)=>null!=ho(e,t))(e,t)||(i={type:"loadMore"},null!=yo(e,t,i)&&o({value:i},ro(e,t,i)))}}Eo(n,i)&&s({cell:i,locationX:"inView",locationY:"inView"})}function No(e,t,n,o,l,r,s,i){if("noData"!==l.type){const a=e.querySelectorAll(`[${oo}='${o}']`);if(a.length>0){const c=Ro(e,t,n,o),d=ao(e,o,c.key);let u;if(s)u=0===c.offsetY?Math.max(d-1,0):d;else{const e=bo(t,n.viewportConfig);for(u=d;a.length>u+1;){u+=1;if(a[u].getBoundingClientRect().bottom>e)break}}const y=so(e,o,u);if(null!=y){const t={rowKey:y,type:"data"};y!==l.rowKey&&r({value:t},ro(e,o,t),!1,!0),i({cell:t,locationX:"inView",locationY:s?"bottom":"top"})}}}}function Uo(e){return e.shiftKey&&I.isLogicalCtrl(e)}function jo(e,t,n,o,l,r,s){const i={all:!1,keys:new Set};let a=null!=s?s:i;const c=m.keyExtractor(t,`[${oo}='${e}']`);if(null!=c&&("single"===r||"multiple"===r||"multipleToggle"===r)){const e=n||(l||"multipleToggle"===r);a=null==a?{all:!1,keys:new Set([c])}:E.containsKey(a,c)?e?E.removeKey(a,c,!1):{all:!1,keys:new Set([c])}:e&&"single"!==r?E.addKey(a,c):{all:!1,keys:new Set([c])}}E.isSameKey(a,s)||o({value:a,target:t},!1)}function Bo(e,t,n,o,l,r,s,i,a,c,d){const u={all:!1,keys:new Set};let y=null!=c?c:u;if(r&&("multiple"===a||"multipleToggle"===a)){const n=i||"multipleToggle"===a;if(y=n?y:u,o<=l){for(let n=o;n<=l;n++){const o=so(e,t,n);y=E.addKey(y,o)}if(n&&null!=d)if(d>l)for(let n=d;n>l;n--){const o=so(e,t,n);y=E.removeKey(y,o,!1)}else if(d<o)for(let n=d;n<o;n++){const o=so(e,t,n);y=E.removeKey(y,o,!1)}}else{for(let n=o;n>=l;n--){const o=so(e,t,n);y=E.addKey(y,o)}if(n&&null!=d)if(d<l)for(let n=d;n<l;n++){const o=so(e,t,n);y=E.removeKey(y,o,!1)}else if(d>o)for(let n=d;n>o;n--){const o=so(e,t,n);y=E.removeKey(y,o,!1)}}}E.isSameKey(y,c)||s({value:y,target:n},!0)}function Vo(e,t,n,o,l,r,s,i,a,c,d){const u=yo(e,t,l);if(null!=u){let y,f;const g=i||"multipleToggle"===c,p="data"===l.type;if(p&&(f=g&&null!=r.current?r.current:u.parentElement,y=io(e,t,f)),null!=y){let S,b,w;const C=g&&p?u.parentElement:r.current;if(null!=C?(b=io(e,t,C),w=o?C.previousElementSibling:C.nextElementSibling,null!=w&&(!p||p&&null!=h.getRowKey(w))?(g&&p?null==r.current&&(r.current=u.parentElement):r.current=w,S=io(e,t,w)):S=io(e,t,C)):(w=o?f?.previousElementSibling:f?.nextElementSibling,null!=w&&(!p||p&&null!=h.getRowKey(w))?(r.current=w,S=io(e,t,w)):S=y),null!=S&&Bo(e,t,n,y,S,p,s,i,c,d,b),!p||!g){const e=null!=r.current?r.current:u;let n;if(p){const o=m.keyExtractor(e,`[${oo}='${t}']`);null!=o&&(n={type:l.type,rowKey:o})}else n=co(e,t);null!=n&&a({cell:n,locationX:"inView",locationY:"inView"})}}}}function Ho({rootRef:e,listId:t,listData:n,selectionExtensionElementRef:o,activeCell:r,onActiveCellChanged:s,isDropDownSelection:i,selectionMode:a,selectedKeys:c,onListSelectionChange:d,onItemAction:u}){const y=l.useRef(!1),f=l.useRef(),g=l.useCallback((t=>{null!=e.current&&(f.current={target:t.target,x:t.clientX,y:t.clientY})}),[e]),p=l.useCallback((t=>{null!=e.current&&(f.current={target:t.target,x:t.clientX,y:t.clientY})}),[e]),S=l.useCallback((n=>{const o=e.current;if(null!=o){y.current="touch"===n.pointerType;const e=n.target;if(null!=d&&null!=r&&n.shiftKey&&function(e,t,n,o,l){const r=uo(n,t);if(("multiple"===l||"multipleToggle"===l)&&"data"===o.type&&null!=r){const n=yo(e,t,o);if(null!=n&&null!=r)return null!=io(e,t,n.parentElement)&&null!=io(e,t,r)}return!1}(o,t,e,r,a))x.getIsSelectionPending()||n.preventDefault();else{const o=co(e,t);(null==o||"data"===o.type&&null==m.keyExtractor(e,`[${oo}='${t}']`))&&n.preventDefault()}}}),[e,t,r,a,d]),b=l.useCallback((()=>{f.current=void 0}),[]),w=l.useCallback((l=>{const g=e.current;if(null!=g&&(y.current||null!=f.current&&f.current.target===l.target&&Math.abs(f.current.x-l.clientX)<=1&&Math.abs(f.current.y-l.clientY)<=1)){let e=!1;const f=l.target;null==d||x.getIsSelectionPending()||(null!=r&&l.shiftKey&&(e=function(e,t,n,o,l,r,s,i,a,c){const d=uo(n,t);if(null!=d){const u=yo(e,t,o);if(null!=u&&("multiple"===a||"multipleToggle"===a)&&"data"===o.type){let o;const y=i||"multipleToggle"===a,f=d,g=y&&null!=r.current?r.current:u.parentElement,h=io(e,t,g),p=io(e,t,f),S=y?u.parentElement:r.current;if(null!=S&&(o=io(e,t,S)),null!=h&&null!=p){if(y){null==r.current&&(r.current=u.parentElement);let o=co(n,t);if(null==o&&(o=fo(d,t)),null!=o){l({value:o},!1,!0);const n=yo(e,t,o);n?.focus({preventScroll:!0})}}else r.current=f;return Bo(e,t,n,h,p,!0,s,i,a,c,o),!0}}}return!1}(g,t,f,r,s,o,d,i,a,c)),e||jo(t,f,I.isLogicalCtrl(l)||y.current,d,i,a,c)),null!=u&&!x.getIsSelectionPending()&&I.handleRowActionGesture(t,n,u,f,oo,_o)&&l.stopPropagation();if((!e||(i||"multipleToggle"===a))&&null!=h.getRowKey(f)){const e=fo(f,t);null!=e&&(s({value:e},!1,!0),yo(g,t,e)?.focus({preventScroll:!0}))}}}),[e,t,n,o,r,s,i,a,c,d,u]);return{pointerHandlingProps:{onPointerOver:p,onPointerMove:g,onPointerDown:S,onPointerLeave:b,onClick:w}}}const $o=["enter"];function Go({rootRef:e,viewportInfo:t,ref:n,listId:o,listData:r,hasMore:s,isEmbedded:i,isLayoutRequired:a,scrollPositionOverride:c,currentItemOverride:d,onPersistCurrentItem:u,selectionMode:y,selectedKeys:f,onSelectionChange:g,onItemAction:h,itemEnterKeyFocusBehavior:S,contextMenuConfig:b,onReorder:C}){const v=i?void 0:$o,R=l.useRef(),T=l.useMemo((()=>null!=g?(e,t)=>{t||(R.current=void 0),g(e)}:void 0),[g]),[E,x]=l.useState(void 0),k=l.useRef(),M=l.useCallback((e=>{x(e),k.current=e}),[]),{reorderProps:P,reorderKeyboardProps:F,reorderItemProps:A,reorderContext:K,reorderInstructions:D,reorderInstructionsId:L}=(({rootRef:e,scrollerRef:t,onReorder:n,itemSelector:o})=>{const r=null!=n,[s,i]=l.useState(void 0),{reorderProps:a,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}=w.useReorderable({onReorder:n,rootRef:e,itemSelector:o,isDisabled:!r,columns:1}),y=l.useMemo((()=>({dragKey:s,setDragKey:i,onReorder:n,rootRef:e})),[s,n,e]);return r?{reorderProps:{onDragOver:e=>{void 0!==s&&m.dragToScroll(e,void 0!==s,t.current)}},reorderKeyboardProps:a,reorderItemProps:y,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}:{reorderProps:{},reorderKeyboardProps:a,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}})({rootRef:e,scrollerRef:t.viewportConfig.scrollerRef,itemSelector:`[${oo}='${o}']`,onReorder:C}),{focusHandlingProps:_,activeCell:O,onActiveCellChanged:N,currentActiveCell:U,currentCell:j,isShowFocusRing:B,isTabbableMode:V,onStartFocusTracking:H,onFocusStartEdge:$,onFocusEndEdge:G}=Lo({rootRef:e,viewportInfo:t,listId:o,listData:r,hasMore:s,selectionExtensionElementRef:R,currentItemOverride:d,onPersistCurrentItem:u,isEmbedded:i,itemEnterKeyFocusBehavior:S,isDataLoaded:!s||r.length>0,reorderContext:K,deferredScrollDetail:E,deferredScrollDetailRef:k,updateDeferredScrollDetail:M}),Y=function({rootRef:e,viewportInfo:t,listId:n,listData:o,isTabbableMode:r,selectionExtensionElementRef:s,activeCell:i,onActiveCellChanged:a,isDropDownSelection:c,selectionMode:d,selectedKeys:u,onListSelectionChange:y,onItemAction:f,updateDeferredScrollDetail:g,reorderKeyboardProps:h,isReorderEnabled:p}){const S=l.useRef();return{onKeyDown:l.useCallback((l=>{const m=e.current,b=t.viewportConfig.scrollerRef.current;if(null!=m&&null!=b){const e={" ":function(){null!=i&&(S.current=i.rowKey,r||l.preventDefault(),null!=f&&null!=I.getRowActionGestureContext(n,o,l.target,oo,_o,i)&&l.stopPropagation())},Enter:function(){null!=i&&(S.current=i.rowKey,"data"===i.type&&(c&&!r&&l.preventDefault(),null!=f&&null!=I.getRowActionGestureContext(n,o,l.target,oo,_o,i)&&l.stopPropagation()))},ArrowUp:function(){if(p&&!r&&Uo(l))"data"===i?.type&&(h.onKeyDown?.(l),g({cell:i,locationX:"inView",locationY:"inView"}));else if(null!=i&&(!r||ro(m,n,i))){let e=!1;r||"data"!==i.type||!l.shiftKey||null==y||"multiple"!==d&&"multipleToggle"!==d||(Vo(m,n,m,!0,i,s,y,c,g,d,u),e=!0),e&&!c&&"multipleToggle"!==d||Oo(m,n,i,a,!0,e,g),l.preventDefault()}},ArrowDown:function(){if(p&&!r&&Uo(l))"data"===i?.type&&(h.onKeyDown?.(l),g({cell:i,locationX:"inView",locationY:"inView"}));else if(null!=i&&(!r||ro(m,n,i))){let e=!1;r||"data"!==i.type||!l.shiftKey||null==y||"multiple"!==d&&"multipleToggle"!==d||(Vo(m,n,m,!1,i,s,y,c,g,d,u),e=!0),e&&!c&&"multipleToggle"!==d||Oo(m,n,i,a,!1,e,g),l.preventDefault()}},PageUp:function(){null==i||r&&!ro(m,n,i)||(No(m,b,t,n,i,a,!0,g),l.preventDefault())},PageDown:function(){null==i||r&&!ro(m,n,i)||(No(m,b,t,n,i,a,!1,g),l.preventDefault())},Home:function(){null==i||r&&!ro(m,n,i)||l.preventDefault()},End:function(){null==i||r&&!ro(m,n,i)||l.preventDefault()}};Object.keys(e).includes(l.key)&&e[l.key]()}}),[e,t,n,o,r,s,i,a,c,d,u,y,f,g,h,p]),onKeyUp:l.useCallback((l=>{const s=e.current,a=t.viewportConfig.scrollerRef.current;if(null!=s&&null!=a){const e={" ":function(){null!=i&&(S.current===i.rowKey&&(r||null!=y&&jo(n,yo(s,n,i),!0,y,c,d,u),null!=f&&I.handleRowActionGesture(n,o,f,l.target,oo,_o,i)&&l.stopPropagation()),S.current=void 0)},Enter:function(){null!=i&&S.current===i.rowKey&&"data"===i.type&&(c&&!r&&null!=y&&jo(n,yo(s,n,i),!0,y,c,d,u),null!=f&&I.handleRowActionGesture(n,o,f,l.target,oo,_o,i)&&l.stopPropagation()),S.current=void 0}};Object.keys(e).includes(l.key)&&e[l.key]()}}),[e,t,n,o,r,i,c,d,u,y,f])}}({rootRef:e,viewportInfo:t,listId:o,listData:r,isTabbableMode:V,selectionExtensionElementRef:R,activeCell:O,onActiveCellChanged:N,isDropDownSelection:i,selectionMode:y,selectedKeys:f,onListSelectionChange:T,onItemAction:h,updateDeferredScrollDetail:M,reorderKeyboardProps:F,isReorderEnabled:null!=C}),{pointerHandlingProps:W}=Ho({rootRef:e,listId:o,listData:r,selectionExtensionElementRef:R,activeCell:O,onActiveCellChanged:N,isDropDownSelection:i,selectionMode:y,selectedKeys:f,onListSelectionChange:T,onItemAction:h}),q=function({rootRef:e,viewportInfo:t,listId:n,isLayoutRequired:o,scrollPositionOverride:r}){const s=l.useRef();return l.useLayoutEffect((()=>{const l=e.current,i=t.viewportConfig.scrollerRef.current;s.current===r||null==l||null==i||o||(vo(l,i,t,n,r),s.current=r)})),t.isExternalScroller,{}}({rootRef:e,viewportInfo:t,listId:o,isLayoutRequired:a,scrollPositionOverride:c}),{contextMenuTriggerProps:X,menuProps:z,contextMenuContext:Z}=Ao(e,o,r,b),J=p.mergeProps(_,Y,W,P,X);return l.useImperativeHandle(n,(()=>{const n=e.current,l=t.viewportConfig.scrollerRef.current;return{focus:()=>{if(null!=n){if(null!=U){const e=yo(n,o,U);if(null!=e)return void e.focus()}n.focus()}},getScrollPosition:()=>null==n||null==l||a?{}:Ro(n,l,t,o)}}),[e,t,o,U,a]),{interactionManagerProps:J,scrollHandlingProps:q,onListSelectionChange:T,isShowFocusRing:B,isTabbableMode:V,currentCell:j,currentActiveCell:U,contextMenuContext:Z,menuProps:z,onStartFocusTracking:H,onFocusStartEdge:$,onFocusEndEdge:G,disabledRowInteractionKeys:v,reorderItemProps:A,reorderInstructions:D,reorderInstructionsId:L}}function Yo(){const e=y.classNames([M.sparkleStyles.base]);return t.jsx("div",{class:e})}function Wo({listId:e,isShowFocusRing:n,hasTabIndex:o,isTabbableMode:l,ariaRowIndex:r,renderer:s}){const a=D.useTranslationBundle("@oracle/oraclejet-preact"),c=y.classNames([L.listRowStyles.base]),{classes:d}=i.useComponentTheme(_.ListNoDataRedwoodTheme,{defaultRenderer:null==s?"isDefaultRenderer":"notDefaultRenderer",showFocusRing:n?"isShowFocusRing":"notShowFocusRing"}),u=y.classNames([d]);const f=null!=s?s:function(){return a.collection_noData()};return t.jsx("div",{"aria-rowindex":r,class:c,style:"height:100%;width:100%;",role:"row",children:t.jsx("div",{"aria-colindex":1,class:u,tabIndex:o?0:-1,role:"gridcell","data-oj-cell-type":"noData","data-oj-list-focusable":e,"data-oj-list-nodata":e,children:f({isTabbable:l})})})}const qo=e=>{const t="enabled"===e,n=e instanceof Object,o=t||n&&"enabled"===e?.bottom,l=t||n&&"enabled"===e?.end,r=t||n&&"enabled"===e?.start;return{isTopPadding:t||n&&"enabled"===e?.top,isBottomPadding:o,isStartPadding:r,isEndPadding:l}},Xo=(e,t,n)=>{n&&e.push(t.focused)};function zo(){}function Zo({listId:e,rowData:n,rowKey:o,rowIndex:l,hasTabIndex:r,isSelectionEnabled:s,isSelected:i,isTabbableMode:a,renderer:c=zo,selectorRenderer:d,isHighContrast:u}){const f=y.classNames((({isHighContrast:e})=>[(e?j.listCellStylesHC:j.listCellStyles).base])({isHighContrast:u})),g={data:n,metadata:{key:o},selector:d,isSelected:i,index:l,isTabbable:a};return t.jsx("div",{"aria-colindex":1,class:f,tabIndex:r?0:-1,role:"gridcell","data-oj-cell-type":"data","data-oj-list-focusable":e,"data-oj-list-data":e,...s?i?{"aria-selected":!0}:{"aria-selected":!1}:{},children:c(g)})}function Jo({listId:e,rowKey:n,rowData:o,rowIndex:l,isFinalRow:r,children:s,padding:i,hasTopGridline:a,hasBottomGridline:c,isSelected:d,isPreviousSelected:u,isSelectionEnabled:f,isSingleSelectionEnabled:g,selectedRowKeys:h,isShowFocusRing:p,isActive:S,isTabbableMode:m,isSuggestion:b,variant:w,disabledInteractionKeys:C,onSelectionChange:v,isRtl:R,isHighContrast:T}){const I=D.useTranslationBundle("@oracle/oraclejet-preact"),{interactionProps:E,applyActiveStyle:x,applyHoverStyle:k,applyPseudoHoverStyle:M}=O.useInteractionStyle({disabledKeys:C}),P=y.classNames((({isFinalRowIndex:e,hasTopGridline:t,hasBottomGridline:n,isSelected:o,isPreviousSelected:l,isShowFocusRing:r,isSelectionEnabled:s,isSingleSelection:i,isActive:a,isHover:c,isPseudoHover:d,isHighContrast:u,variant:y,padding:f})=>{const g=u?L.listRowStylesHC:L.listRowStyles,h=[g.base],{isTopPadding:p,isBottomPadding:S,isStartPadding:m,isEndPadding:b}=qo(f);h.push(m?g.startPadding:g.startNoPadding),h.push(b?g.endPadding:g.endNoPadding),Xo(h,g,r),h.push(U.textAlignStyles.start),h.push(U.verticalAlignStyles.center),s&&(a?h.push(g.active):c?h.push(g.hover):d&&h.push(g.pseudoHover)),"highlight"===y&&h.push(g.rowHighlight);let w=!1;return o&&(w=!0,h.push(g.selectedBackground)),i&&(o||l)?(h.push(g.horizontalSelectedGridTop),h.push(p?g.selectedBorderTopPadding:g.selectedBorderTopNoPadding)):t?(h.push(g.horizontalGridTop),h.push(p?g.borderTopPadding:g.borderTopNoPadding)):h.push(p?g.topSpacerPadding:g.topSpacerNoPadding),e?(h.push(g.lastRow),i&&o?(h.push(g.horizontalSelectedGridBottom),h.push(S?g.selectedBorderBottomPadding:g.selectedBorderBottomNoPadding)):n?(h.push(g.horizontalGridBottom),h.push(S?g.borderBottomPadding:g.borderBottomNoPadding)):h.push(S?g.bottomSpacerPadding:g.bottomSpacerNoPadding)):(h.push(g.notLastRow),h.push(S?g.bottomPadding:g.bottomNoPadding)),w||h.push(g.background),h})({isFinalRowIndex:r,hasTopGridline:a,hasBottomGridline:c,isSelected:d,isPreviousSelected:u,isShowFocusRing:p,isSelectionEnabled:f,isSingleSelection:g,isActive:x,isHover:k,isPseudoHover:M,isHighContrast:T,variant:w,padding:i})),F=(l+2).toString(),A=e=>{null!=v&&v({value:e.value,target:e.target},!1)},K={listId:e,rowData:o,rowKey:n,rowIndex:l,isSelectionEnabled:f,isSelected:d,hasTabIndex:S&&!m,isTabbableMode:m,renderer:s,selectorRenderer:f&&!g?()=>t.jsx(N.Selector,{"aria-label":I.collection_selectRow({ROW_NAME:F}),onChange:A,rowKey:n,selectedKeys:h}):void 0,isRtl:R,isHighContrast:T};return t.jsx("div",{"aria-rowindex":l+1,class:P,role:"row","data-oj-key":n,"data-oj-list-row":e,..."number"==typeof n&&{"data-oj-key-type":"number"},...b&&{"data-oj-suggestion":!0},...f&&E,children:t.jsx(Zo,{...K})},n)}const Qo=o.memo(Jo,((e,t)=>!(!e||!t)&&(e.listId===t.listId&&e.rowKey===t.rowKey&&e.rowData===t.rowData&&e.rowIndex===t.rowIndex&&e.isFinalRow===t.isFinalRow&&e.children===t.children&&e.padding===t.padding&&e.hasTopGridline===t.hasTopGridline&&e.hasBottomGridline===t.hasBottomGridline&&e.isSelected===t.isSelected&&e.isPreviousSelected===t.isPreviousSelected&&e.isSelectionEnabled===t.isSelectionEnabled&&e.isSingleSelectionEnabled===t.isSingleSelectionEnabled&&(!(e.isSelectionEnabled&&!e.isSingleSelectionEnabled)||E.isSameKey(e.selectedRowKeys,t.selectedRowKeys))&&e.isShowFocusRing===t.isShowFocusRing&&e.isActive===t.isActive&&e.isTabbableMode===t.isTabbableMode&&e.isSuggestion===t.isSuggestion&&e.variant===t.variant&&e.onSelectionChange===t.onSelectionChange&&e.isRtl===t.isRtl&&e.isHighContrast===t.isHighContrast&&e.disabledInteractionKeys===t.disabledInteractionKeys)));const el=o.memo((function({children:e,dragKey:n,setDragKey:o,rootRef:r,onReorder:s,...i}){const a=l.useRef(null),c={itemOverlayFront:M.reorderableStyles.reorderableItemOverlayFront,itemOverlayRear:M.reorderableStyles.reorderableItemOverlayRear,itemDragger:M.reorderableStyles.reorderableItemDragger},d=`[${oo}='${i.listId}']`,u=l.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(i.rowKey))}),[i.rowKey]),{rootProps:f,isDragged:g,overlayZoneBeforeProps:h,overlayZoneAfterProps:p}=w.useReorderableItem({isDisabled:!s,dragKey:n,setDragKey:o,onReorder:s,rootRef:r,ref:a,getItem:()=>a?.current?.closest(d),setTransferData:u,itemStyles:c,itemSelector:d,isVertical:!0}),S=[];null!=f?.class&&S.push(f.class),S.push(M.reorderableStyles.reorderableItemDnd);const m=y.classNames(S);return t.jsx(Jo,{...i,children:o=>t.jsxs("div",{...f,class:m,children:[e(o),!g&&E.isKeyDefined(n)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{...h}),t.jsx("div",{...p})]})]})})}),((e,t)=>!(!e||!t)&&(e.listId===t.listId&&e.rowKey===t.rowKey&&e.rowData===t.rowData&&e.rowIndex===t.rowIndex&&e.isFinalRow===t.isFinalRow&&e.children===t.children&&e.padding===t.padding&&e.hasTopGridline===t.hasTopGridline&&e.hasBottomGridline===t.hasBottomGridline&&e.isSelected===t.isSelected&&e.isPreviousSelected===t.isPreviousSelected&&e.isSelectionEnabled===t.isSelectionEnabled&&e.isSingleSelectionEnabled===t.isSingleSelectionEnabled&&(!(e.isSelectionEnabled&&!e.isSingleSelectionEnabled)||E.isSameKey(e.selectedRowKeys,t.selectedRowKeys))&&e.isShowFocusRing===t.isShowFocusRing&&e.isActive===t.isActive&&e.isTabbableMode===t.isTabbableMode&&e.isSuggestion===t.isSuggestion&&e.variant===t.variant&&e.onSelectionChange===t.onSelectionChange&&e.isRtl===t.isRtl&&e.isHighContrast===t.isHighContrast&&e.disabledInteractionKeys===t.disabledInteractionKeys&&e.dragKey===t.dragKey&&e.setDragKey===t.setDragKey&&e.onReorder===t.onReorder&&e.rootRef===t.rootRef))),tl=Array.from(["height","width"],(e=>$.dimensionInterpolations[e])),nl=[...Object.values(tl)],ol=G.mergeInterpolations(nl);function ll({...e}){const n=e.isHighContrast?H.listSkeletonStylesHC:H.listSkeletonStyles,o=y.classNames([n.bar]),l=ol({width:"100%",...e});return t.jsx("div",{style:l,class:o})}function rl({listId:e,hasTabIndex:n,isShowFocusRing:o,isLoadMore:l=!1,isHighContrast:r,skeletonRenderer:s}){const i=D.useTranslationBundle("@oracle/oraclejet-preact"),a=r?H.listSkeletonStylesHC:H.listSkeletonStyles,c=[a.cell];o&&c.push(a.focus);const d=y.classNames(c),u=y.classNames([a.innerCell]),f=y.classNames([a.row,a.rowHeight]),g=f,h=t.jsx("div",{style:"width:1px;height:0px;overflow:hidden;",children:i.collection_loading()});return t.jsx("div",{class:K.LOADMORE_STYLE_CLASS,role:"row",children:t.jsx("div",{class:d,role:"gridcell",tabIndex:n?0:-1,"data-oj-cell-type":l?"loadMore":"loading",...l?{"data-oj-list-loadmore":e}:{"data-oj-list-loading":e},"data-oj-list-focusable":e,children:t.jsxs("div",{class:null!=s?void 0:u,children:[h,[...Array(l?3:25)].map(((e,n)=>null!=s?s({loadingStatus:l?"loadMore":"initial",index:n}):t.jsx("div",{class:0===n?g:f,children:t.jsx(ll,{height:"4x",isHighContrast:r})})))]})})})}function sl({viewportInfo:e,listId:n,listData:o,children:r,itemPadding:s,hasItemGridlines:i,hasTopGridline:a,hasBottomGridline:c,isShowFocusRing:d,isTabbableMode:u,hasMore:f,onLoadMore:g,activeCell:h,currentItemKey:p,currentItemVariant:S,selectedKeys:m,isSelectionEnabled:b,isSingleSelectionEnabled:w,disabledInteractionKeys:C,onSelectionChange:v,promotedSection:R,noDataRenderer:T,skeletonRenderer:I,isRtl:x,isHighContrast:k,reorderItemProps:P}){const D=l.useCallback((e=>({index:e.index,data:e.data.data,key:e.data.metadata.key})),[]);let L=!1,_=!1;const O=0===o.length&&f,N=0===o.length&&!f,U=t.jsx(rl,{listId:n,hasTabIndex:O?"loading"===h?.type:"loadMore"===h?.type,isLoadMore:!O,isShowFocusRing:d&&(O?"loading"===h?.type:"loadMore"===h?.type),isHighContrast:k,skeletonRenderer:I}),{name:j}=A.useTheme(),B=y.classNames([M.sparkleStyles.container,"redwood"===j&&F.globalImages]);return N?t.jsx(Wo,{...(()=>{const e="noData"===h?.type;return{listId:n,isShowFocusRing:d&&e,hasTabIndex:e&&!u,isTabbableMode:u,ariaRowIndex:1,renderer:T}})()}):t.jsx(K.LoadMoreCollection,{data:o,loadMoreIndicator:U,suggestions:t.jsx(Yo,{}),suggestionsContainerClasses:B,suggestionCount:R?.count,hasMore:f,onLoadMore:g,viewportConfig:e.viewportConfig,children:e=>{const l=D(e),y=!!R&&R.count>l.index,g=l.key,T=h?.rowKey===g,I=E.containsKey(m,g),M=l.index===o.length-1,F=0===l.index?a:i||!y&&_,A={listId:n,children:r,padding:s,isSuggestion:y,hasTopGridline:F,hasBottomGridline:M&&(f?i:c),isSelected:I,isPreviousSelected:L,disabledInteractionKeys:C,onSelectionChange:v,isSelectionEnabled:b,isSingleSelectionEnabled:w,variant:p===g?S:"none",isShowFocusRing:d&&T,isActive:T,isTabbableMode:u,selectedRowKeys:m,rowIndex:l.index,rowKey:g,rowData:l.data,isFinalRow:M,isRtl:x,isHighContrast:k};return L=I,_=y,null!=P?t.jsx(el,{...A,...P}):t.jsx(Qo,{...A})}})}function il({contextMenuConfig:e,contextMenuContext:n,...o}){const l=D.useTranslationBundle("@oracle/oraclejet-preact"),r=null!=e.accessibleLabel?e.accessibleLabel:l.accContextMenuLabel();return null!=e.itemsRenderer(n)?t.jsx(Y.Menu,{"aria-label":r,...o,children:o.isOpen&&e.itemsRenderer(n)}):t.jsx(t.Fragment,{})}const al={all:!1,keys:new Set},cl=o.forwardRef((function({"aria-label":e,"aria-labelledby":o,"aria-describedby":r,children:p=()=>{},contextMenuConfig:S,viewportConfig:m,data:b,getRowKey:w,hasMore:C=!1,onLoadMore:v=()=>{},currentItemOverride:R,onPersistCurrentItem:T,currentItemVariant:I,itemPadding:E="disabled",itemEnterKeyFocusBehavior:x="focusWithin",gridlines:F={item:"hidden",top:"hidden",bottom:"hidden"},selectionMode:A,selectedKeys:K=al,onSelectionChange:D,onItemAction:L,scrollPositionOverride:_,promotedSection:O,skeletonRenderer:N,noDataRenderer:U,scrollerRef:j,onReorder:B,testId:V},H){const $=a.useId(),G=d.useTestId(V),[Y,W]=l.useState(n.createRef()),q=l.useCallback((e=>{W({current:e})}),[]),{direction:X,forcedColors:z}=u.useUser(),Z="active"===z,J="rtl"===X,Q="embedded"===s.useCollectionInteractionContext(),ee=I??Q?"highlight":"none",{managedData:te,onManagedLoadMore:ne}=h.useDataManager({data:b,getRowKey:w,hasMore:C,onLoadMore:v}),{viewportInfo:oe,scrollerRefCallback:le}=function({viewportConfig:e,externalScrollerAccessRef:t}){const[o,r]=l.useState(n.createRef()),s=l.useCallback((e=>{r({current:e})}),[]);return l.useImperativeHandle(t,(()=>null!=e?{[k.UNSAFE_DOM_ACCESS]:e.scrollerRef.current}:{[k.UNSAFE_DOM_ACCESS]:o.current}),[o,e]),{viewportInfo:l.useMemo((()=>{const t=((e,t)=>t??{scrollerRef:e})(o,e);return{isExternalScroller:null!=e,viewportConfig:t}}),[o,e]),scrollerRefCallback:s}}({viewportConfig:m,externalScrollerAccessRef:j}),re=C?-1:te.length,{interactionManagerProps:se,scrollHandlingProps:ie,onListSelectionChange:ae,isShowFocusRing:ce,isTabbableMode:de,currentCell:ue,currentActiveCell:ye,onStartFocusTracking:fe,onFocusStartEdge:ge,onFocusEndEdge:he,contextMenuContext:pe,menuProps:Se,disabledRowInteractionKeys:me,reorderItemProps:be,reorderInstructions:we,reorderInstructionsId:Ce}=Go({rootRef:Y,viewportInfo:oe,ref:H,listId:$,listData:te,hasMore:C,isEmbedded:Q,isLayoutRequired:!1,scrollPositionOverride:_,currentItemOverride:R,onPersistCurrentItem:T,selectionMode:A,selectedKeys:K,onSelectionChange:D,onItemAction:L,itemEnterKeyFocusBehavior:x,contextMenuConfig:S,onReorder:B}),{classes:ve}=i.useComponentTheme(P.ListRedwoodTheme,{showFocusRing:ce?"isShowFocusRing":"notShowFocusRing",externalScroller:oe.isExternalScroller?"isExternalScroller":"notExternalScroller"}),Re=[M.scrollerStyles.base];oe.isExternalScroller?Re.push(M.scrollerStyles.externalScroller):Re.push(M.scrollerStyles.autoScroll);const Te=y.classNames(Re),Ie=y.classNames([ve]),Ee="visible"===F?.item,xe="visible"===F?.top,ke="visible"===F?.bottom,Me="single"===A||"multiple"===A||"multipleToggle"===A,Pe="multiple"===A||"multipleToggle"===A,{isTabbable:Fe}=l.useContext(c.TabbableModeContext),Ae=null!=B,Ke=null!=r?Ae?`${r} ${Ce}`:r:Ae?Ce:void 0,De=Pe?{"aria-multiselectable":!0}:Me?{"aria-multiselectable":!1}:{};return t.jsxs(t.Fragment,{children:[t.jsx("div",{...G,ref:q,"aria-colcount":1,"aria-label":e,"aria-labelledby":o,"aria-describedby":Ke,"aria-rowcount":re,...De,class:Ie,id:$,role:"grid",tabIndex:null==ye&&Fe?0:-1,...se,children:t.jsx("div",{ref:le,class:Te,role:"rowgroup",tabIndex:-1,...ie,children:t.jsx(g.FocusTracker,{isDisabled:!de,onFocusStartEdge:ge,onFocusEndEdge:he,onStartTracking:fe,children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:de},children:t.jsx(sl,{viewportInfo:oe,listId:$,listData:te,children:p,itemPadding:E,hasItemGridlines:Ee,hasTopGridline:xe,hasBottomGridline:ke,selectedKeys:K,isSelectionEnabled:Me,isSingleSelectionEnabled:"single"===A,activeCell:ye,currentItemKey:"data"===ue?.type?ue.rowKey:void 0,currentItemVariant:ee,isShowFocusRing:ce,isTabbableMode:Fe&&de,hasMore:C,onLoadMore:ne,promotedSection:O,noDataRenderer:U,skeletonRenderer:N,disabledInteractionKeys:me,onSelectionChange:ae,isRtl:J,isHighContrast:Z,reorderItemProps:be})})})})}),Ae&&t.jsx("span",{id:Ce,children:t.jsx(f.HiddenAccessible,{children:we})}),null!=S&&null!=pe&&t.jsx(il,{...Se,contextMenuConfig:S,contextMenuContext:pe})]})}));e.List=cl,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_TableList.js.map

package/amd/{RemovableTabBarItem-e1bee7fa.js → RemovableTabBarItem-9ae273fe.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-8b8a1496', './EmbeddedIconButton-d1472ac1', './Close-36cbae0d', './Flex-4b81b412', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './BaseTabBarItem-03c91d3f', './useTranslationBundle-e4dd341e'], (function(e,a,t,o,r,n,s,l,i,c,d,b){"use strict";e.RemovableTabBarItem=function({itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,"aria-controls":h}){const{selection:p,currentKey:I,layout:f,onRemove:T}=c.useTabBarContext(),y=p===e,g=I===e,C=t.useCallback((()=>{T?.({value:e})}),[T,e]),{hoverProps:H,isHover:K}=o.useHover({}),k=l.mergeInterpolations([...Object.values(i.flexitemInterpolations)])({flex:"stretch"===f?"1 0 auto":"0 0 auto"}),E=b.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...H,style:k,children:a.jsx(s.Flex,{children:a.jsx(d.BaseTabBarItem,{"aria-controls":h,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(r.EmbeddedIconButton,{"aria-label":E.tabBarNavigationList_removeCueText(),size:"xs",onAction:C,children:(K||y||g)&&a.jsx(n.SvgClose,{})})})})})})}}));
-//# sourceMappingURL=RemovableTabBarItem-e1bee7fa.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-8b8a1496', './EmbeddedIconButton-d1472ac1', './Close-36cbae0d', './Flex-4b81b412', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './BaseTabBarItem-d7c2922b', './useTranslationBundle-e4dd341e'], (function(e,a,t,o,r,n,s,l,i,c,b,d){"use strict";e.RemovableTabBarItem=function({itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,"aria-controls":h}){const{selection:p,currentKey:I,layout:T,onRemove:f}=c.useTabBarContext(),y=p===e,g=I===e,C=t.useCallback((()=>{f?.({value:e})}),[f,e]),{hoverProps:H,isHover:K}=o.useHover({}),k=l.mergeInterpolations([...Object.values(i.flexitemInterpolations)])({flex:"stretch"===T?"1 0 auto":"0 0 auto"}),E=d.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...H,style:k,children:a.jsx(s.Flex,{children:a.jsx(b.BaseTabBarItem,{"aria-controls":h,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(r.EmbeddedIconButton,{"aria-label":E.tabBarNavigationList_removeCueText(),size:"xs",onAction:C,children:(K||y||g)&&a.jsx(n.SvgClose,{})})})})})})}}));
+//# sourceMappingURL=RemovableTabBarItem-9ae273fe.js.map

package/amd/{RemovableTabBarItem-e1bee7fa.js.map → RemovableTabBarItem-9ae273fe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RemovableTabBarItem-e1bee7fa.js","sources":["../../src/UNSAFE_TabBarCommon/RemovableTabBarItem.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { useTabBarContext } from './useTabBarContext';\nimport { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableTabBarItemProps<K extends string | number> = Pick<\n  BaseTabBarItemProps<K>,\n  | 'itemKey'\n  | 'label'\n  | 'icon'\n  | 'badge'\n  | 'metadata'\n  | 'severity'\n  | 'aria-controls'\n  | 'labelMaxWidth'\n>;\n\nexport function RemovableTabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  'aria-controls': ariaControls\n}: RemovableTabBarItemProps<K>) {\n  const { selection, currentKey, layout, onRemove } = useTabBarContext();\n  const isSelected = selection === itemKey;\n  const isCurrent = currentKey === itemKey;\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [onRemove, itemKey]);\n\n  const { hoverProps, isHover } = useHover({});\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //TODO: In addition to aria-label a genric instruction is required for keyboard deletion\n  //common to al tabs,after feedback from Curt's investigations.\n  return (\n    <div {...hoverProps} style={flexDimensions}>\n      <Flex>\n        <BaseTabBarItem\n          aria-controls={ariaControls}\n          itemKey={itemKey}\n          label={label}\n          icon={icon}\n          badge={badge}\n          metadata={metadata}\n          severity={severity}\n          labelMaxWidth={labelMaxWidth}\n          removeIcon={\n            <span data-oj-tabbar-item-remove-icon=\"true\">\n              <EmbeddedIconButton\n                aria-label={translations.tabBarNavigationList_removeCueText()}\n                size=\"xs\"\n                onAction={handleRemove}>\n                {(isHover || isSelected || isCurrent) && <Close />}\n              </EmbeddedIconButton>\n            </span>\n          }\n        />\n      </Flex>\n    </div>\n  );\n}\n"],"names":["itemKey","label","icon","badge","metadata","severity","labelMaxWidth","ariaControls","selection","currentKey","layout","onRemove","useTabBarContext","isSelected","isCurrent","handleRemove","useCallback","value","hoverProps","isHover","useHover","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","translations","useTranslationBundle","_jsx","jsx","style","children","Flex","BaseTabBarItem","removeIcon","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","SvgClose"],"mappings":"2WAyBM,UAAyDA,QAC7DA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,MACJA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,cACRA,EACA,gBAAiBC,IAEjB,MAAMC,UAAEA,EAASC,WAAEA,EAAUC,OAAEA,EAAMC,SAAEA,GAAaC,EAAAA,mBAC9CC,EAAaL,IAAcR,EAC3Bc,EAAYL,IAAeT,EAE3Be,EAAeC,EAAAA,aAAY,KAC/BL,IAAW,CAAEM,MAAOjB,GAAe,GAClC,CAACW,EAAUX,KAERkB,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,SAAC,CAAE,GAMrCC,EAHsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,2BAEIC,CAAoB,CACzCC,KAAiB,YAAXjB,EAAuB,WAAa,aAGtCkB,EAAeC,uBAAiC,4BAItD,OACEC,EAASC,IAAA,MAAA,IAAAb,EAAYc,MAAOX,EAAcY,SACxCH,EAAAA,IAACI,EAAAA,eACCJ,EAACC,IAAAI,EAAcA,gCACE5B,EACfP,QAASA,EACTC,MAAOA,EACPC,KAAMA,EACNC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,cAAeA,EACf8B,WACEN,EAAsCC,IAAA,OAAA,CAAA,kCAAA,gBACpCD,EAAAA,IAACO,EAAkBA,mBACL,CAAA,aAAAT,EAAaU,qCACzBC,KAAK,KACLC,SAAUzB,YACRI,GAAWN,GAAcC,IAAcgB,EAACC,IAAAU,EAAKC,sBAQ/D"}
+{"version":3,"file":"RemovableTabBarItem-9ae273fe.js","sources":["../../src/UNSAFE_TabBarCommon/RemovableTabBarItem.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { useTabBarContext } from './useTabBarContext';\nimport { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableTabBarItemProps<K extends string | number> = Pick<\n  BaseTabBarItemProps<K>,\n  | 'itemKey'\n  | 'label'\n  | 'icon'\n  | 'badge'\n  | 'metadata'\n  | 'severity'\n  | 'aria-controls'\n  | 'labelMaxWidth'\n>;\n\nexport function RemovableTabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  'aria-controls': ariaControls\n}: RemovableTabBarItemProps<K>) {\n  const { selection, currentKey, layout, onRemove } = useTabBarContext();\n  const isSelected = selection === itemKey;\n  const isCurrent = currentKey === itemKey;\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [onRemove, itemKey]);\n\n  const { hoverProps, isHover } = useHover({});\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //TODO: In addition to aria-label a genric instruction is required for keyboard deletion\n  //common to al tabs,after feedback from Curt's investigations.\n  return (\n    <div {...hoverProps} style={flexDimensions}>\n      <Flex>\n        <BaseTabBarItem\n          aria-controls={ariaControls}\n          itemKey={itemKey}\n          label={label}\n          icon={icon}\n          badge={badge}\n          metadata={metadata}\n          severity={severity}\n          labelMaxWidth={labelMaxWidth}\n          removeIcon={\n            <span data-oj-tabbar-item-remove-icon=\"true\">\n              <EmbeddedIconButton\n                aria-label={translations.tabBarNavigationList_removeCueText()}\n                size=\"xs\"\n                onAction={handleRemove}>\n                {(isHover || isSelected || isCurrent) && <Close />}\n              </EmbeddedIconButton>\n            </span>\n          }\n        />\n      </Flex>\n    </div>\n  );\n}\n"],"names":["itemKey","label","icon","badge","metadata","severity","labelMaxWidth","ariaControls","selection","currentKey","layout","onRemove","useTabBarContext","isSelected","isCurrent","handleRemove","useCallback","value","hoverProps","isHover","useHover","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","translations","useTranslationBundle","_jsx","jsx","style","children","Flex","BaseTabBarItem","removeIcon","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","SvgClose"],"mappings":"2WAyBM,UAAyDA,QAC7DA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,MACJA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,cACRA,EACA,gBAAiBC,IAEjB,MAAMC,UAAEA,EAASC,WAAEA,EAAUC,OAAEA,EAAMC,SAAEA,GAAaC,EAAAA,mBAC9CC,EAAaL,IAAcR,EAC3Bc,EAAYL,IAAeT,EAE3Be,EAAeC,EAAAA,aAAY,KAC/BL,IAAW,CAAEM,MAAOjB,GAAe,GAClC,CAACW,EAAUX,KAERkB,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,SAAC,CAAE,GAMrCC,EAHsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,2BAEIC,CAAoB,CACzCC,KAAiB,YAAXjB,EAAuB,WAAa,aAGtCkB,EAAeC,uBAAiC,4BAItD,OACEC,EAASC,IAAA,MAAA,IAAAb,EAAYc,MAAOX,EAAcY,SACxCH,EAAAA,IAACI,EAAAA,eACCJ,EAACC,IAAAI,EAAcA,gCACE5B,EACfP,QAASA,EACTC,MAAOA,EACPC,KAAMA,EACNC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,cAAeA,EACf8B,WACEN,EAAsCC,IAAA,OAAA,CAAA,kCAAA,gBACpCD,EAAAA,IAACO,EAAkBA,mBACL,CAAA,aAAAT,EAAaU,qCACzBC,KAAK,KACLC,SAAUzB,YACRI,GAAWN,GAAcC,IAAcgB,EAACC,IAAAU,EAAKC,sBAQ/D"}

package/amd/ReorderableTabBar-0c69bfd4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-dbefb95b', './TabBar-de723fbc', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-77dc5fa1', './useUser-08901aba', './LayerHost-0b288129', './useReorderableItem-7b4b2c3d', './ReorderableContext-6d10a1b7', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './keys-4755c121', './classNames-08d99695', 'css!./DragAndDropStyles.styles.css', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,s,a,o,l,i,d,n,c,y,b,m,u,f,R,g,x,v,p,I,h){"use strict";const S='[role="tab"]';function j({children:e,dragKey:t,setDragKey:s,onReorder:o,layout:l,rootRef:i,isFirstItem:b,isLastItem:u}){const x=a.useRef(null),v=a.useCallback((()=>x?.current?.querySelector(S)),[]),p=a.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",c.getKey(v())+"")}),[v]),{direction:I}=y.useUser(),h="rtl"===I,j=d.mergeInterpolations([...Object.values(n.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"}),{rootProps:D,isDragged:C,overlayZoneBeforeProps:F,overlayZoneAfterProps:K}=m.useReorderableItem({isDisabled:!o,dragKey:t,setDragKey:s,onReorder:o,rootRef:i,ref:x,getItem:v,setTransferData:p,itemStyles:{itemOverlayFront:f.styles.itemOverlayFront,itemOverlayRear:f.styles.itemOverlayRear,itemDragger:f.styles.itemDragger},itemSelector:S}),O=g.classNames([F?.class,!h&&b&&f.styles.itemOverlayFrontFirst,h&&u&&f.styles.itemOverlayFrontFirst]),k=g.classNames([K?.class,!h&&u&&f.styles.itemOverlayRearLast,h&&b&&f.styles.itemOverlayRearLast]);return r.jsxs("div",{...D,draggable:!!o,"data-oj-draggable":o?"":void 0,style:j,children:[e,!C&&R.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...F,class:O}),r.jsx("div",{...K,class:k})]})]})}const D=s.forwardRef((({"aria-label":e,"aria-labelledby":s,children:d,layout:n="stretch",display:c="standard",size:y="md",edge:b="top",selection:f,onSelect:R,onRemove:g,onReorder:x,contextMenuConfig:v,testId:p},I)=>{const h=a.useRef(null),[D,C]=a.useState(void 0),F=t.toChildArray(d),K="stacked"===c?{display:c}:{display:c,size:y},{reorderProps:O,reorderContext:k,reorderInstructionsId:L,reorderStatus:T,reorderInstructions:A}=m.useReorderable({onReorder:x,rootRef:h,itemSelector:S}),B={currentItemKey:k.currentItemKey,onReorder:x};return r.jsxs("div",{ref:h,...O,children:[r.jsx(u.ReorderableContext.Provider,{value:B,children:r.jsx(i.TabBar,{ref:I,"aria-label":e,"aria-labelledby":s,layout:n,edge:b,selection:f,onSelect:R,onRemove:g,testId:p,...K,"aria-describedby":L,contextMenuConfig:v,children:F.map(((e,t)=>r.jsx(j,{dragKey:D,setDragKey:C,onReorder:x,layout:n,rootRef:h,isFirstItem:0===t,isLastItem:t===F.length-1,children:e})))})}),r.jsx("span",{id:L,children:r.jsx(o.HiddenAccessible,{children:A})}),r.jsx(l.LiveRegion,{children:T})]})}));e.ReorderableTabBar=D}));
+//# sourceMappingURL=ReorderableTabBar-0c69bfd4.js.map

package/amd/{ReorderableTabBar-46683bcb.js.map → ReorderableTabBar-0c69bfd4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ReorderableTabBar-46683bcb.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n  layout: 'stretch' | 'condense' | undefined;\n  isFirstItem?: boolean;\n  isLastItem?: boolean;\n};\n\n/**\n * A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n */\nexport function ReorderableTabBarItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  layout,\n  rootRef,\n  isFirstItem,\n  isLastItem\n}: ReorderableTabBarItem<K>) {\n  const tabBarItemRef = useRef<HTMLDivElement | null>(null);\n  const getItem = useCallback(\n    () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n    []\n  );\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n    },\n    [getItem]\n  );\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  // Flex dimensions\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: tabBarItemRef,\n      getItem,\n      setTransferData,\n      itemStyles: {\n        itemOverlayFront: styles.itemOverlayFront,\n        itemOverlayRear: styles.itemOverlayRear,\n        itemDragger: styles.itemDragger\n      },\n      itemSelector: ITEM_SELECTOR\n    });\n\n  const overlayZoneBeforeClass = classNames([\n    overlayZoneBeforeProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isFirstItem && styles.itemOverlayFrontFirst,\n    isRtl && isLastItem && styles.itemOverlayFrontFirst\n  ]);\n\n  const overlayZoneAfterClass = classNames([\n    overlayZoneAfterProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isLastItem && styles.itemOverlayRearLast,\n    isRtl && isFirstItem && styles.itemOverlayRearLast\n  ]);\n\n  return (\n    <div\n      {...rootProps}\n      draggable={onReorder ? true : false}\n      data-oj-draggable={onReorder ? '' : undefined}\n      style={flexDimensions}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n          <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { toChildArray, Ref, ContextType } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n  TabBarProps<K>,\n  'aria-describedby'\n> &\n  ReorderProps<K> &\n  TestIdProps;\n\ntype TabBarReorderContextProps = ContextType<typeof ReorderableContext>;\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n  <K extends string | number>(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      onReorder,\n      contextMenuConfig,\n      testId\n    }: ReorderableTabBarProps<K>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n    const childrenArray = toChildArray(children);\n\n    const displayStackProps = {\n      display: display\n    };\n    const displayNonStackProps = {\n      display: display,\n      size: size\n    };\n    const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n    const {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderStatus,\n      reorderInstructions\n    } = useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR\n    });\n\n    const tabBarReorderContext = {\n      currentItemKey: reorderContext.currentItemKey,\n      onReorder: onReorder as TabBarReorderContextProps['onReorder']\n    };\n\n    return (\n      <div ref={rootRef} {...reorderProps}>\n        <ReorderableContext.Provider value={tabBarReorderContext}>\n          <TabBar\n            ref={ref}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            layout={layout}\n            edge={edge}\n            selection={selection}\n            onSelect={onSelect}\n            onRemove={onRemove}\n            testId={testId}\n            {...displayProps}\n            aria-describedby={reorderInstructionsId}\n            contextMenuConfig={contextMenuConfig as TabBarContextMenuConfig<string | number>}>\n            {childrenArray.map((child, idx) => {\n              return (\n                <ReorderableTabBarItem\n                  dragKey={dragKey}\n                  setDragKey={setDragKey}\n                  onReorder={onReorder}\n                  layout={layout}\n                  rootRef={rootRef}\n                  isFirstItem={idx === 0}\n                  isLastItem={idx === childrenArray.length - 1}>\n                  {child}\n                </ReorderableTabBarItem>\n              );\n            })}\n          </TabBar>\n        </ReorderableContext.Provider>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n        <LiveRegion>{reorderStatus}</LiveRegion>\n      </div>\n    );\n  }\n);\n"],"names":["ITEM_SELECTOR","ReorderableTabBarItem","children","dragKey","setDragKey","onReorder","layout","rootRef","isFirstItem","isLastItem","tabBarItemRef","useRef","getItem","useCallback","current","querySelector","setTransferData","event","dataTransfer","setData","getKey","direction","useUser","isRtl","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemStyles","itemOverlayFront","styles","itemOverlayRear","itemDragger","itemSelector","overlayZoneBeforeClass","classNames","class","itemOverlayFrontFirst","overlayZoneAfterClass","itemOverlayRearLast","_jsxs","jsxs","draggable","undefined","style","isKeyDefined","_Fragment","_jsx","jsx","ReorderableTabBar","forwardRef","ariaLabel","ariaLabelledby","display","size","edge","selection","onSelect","onRemove","contextMenuConfig","testId","useState","childrenArray","toChildArray","displayProps","reorderProps","reorderContext","reorderInstructionsId","reorderStatus","reorderInstructions","useReorderable","tabBarReorderContext","currentItemKey","ReorderableContext","Provider","value","TabBar","map","child","idx","length","id","HiddenAccessible","LiveRegion"],"mappings":"8kBAYO,MAAMA,EAAgB,wBAWbC,GAAiDC,SAC/DA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,UACVA,EAASC,OACTA,EAAMC,QACNA,EAAOC,YACPA,EAAWC,WACXA,IAEA,MAAMC,EAAgBC,SAA8B,MAC9CC,EAAUC,EAAWA,aACzB,IAAMH,GAAeI,SAASC,cAAcf,IAC5C,IAEIgB,EAAkBH,eACrBI,IACCA,EAAMC,cAAcC,QAAQ,uBAAwBC,EAAMA,OAACR,KAAa,GAAG,GAE7E,CAACA,KAGGS,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EAMRG,EAHsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,2BAEIC,CAAoB,CACzCC,KAAiB,YAAXxB,EAAuB,WAAa,cAGtCyB,UAAEA,EAASC,UAAEA,EAASC,uBAAEA,EAAsBC,sBAAEA,GACpDC,EAAAA,mBAAmB,CACjBC,YAAY/B,EACZF,UACAC,aACAC,YACAE,UACA8B,IAAK3B,EACLE,UACAI,kBACAsB,WAAY,CACVC,iBAAkBC,EAAMA,OAACD,iBACzBE,gBAAiBD,EAAMA,OAACC,gBACxBC,YAAaF,EAAMA,OAACE,aAEtBC,aAAc3C,IAGZ4C,EAAyBC,EAAAA,WAAW,CACxCZ,GAAwBa,OAEvBvB,GAASf,GAAegC,EAAAA,OAAOO,sBAChCxB,GAASd,GAAc+B,EAAAA,OAAOO,wBAG1BC,EAAwBH,EAAAA,WAAW,CACvCX,GAAuBY,OAEtBvB,GAASd,GAAc+B,EAAAA,OAAOS,oBAC/B1B,GAASf,GAAegC,EAAAA,OAAOS,sBAGjC,OACEC,EAAAC,KAAA,MAAA,IACMpB,EACJqB,YAAW/C,EAAwB,oBAChBA,EAAY,QAAKgD,EACpCC,MAAO9B,EAActB,SAAA,CACpBA,GACC8B,GAAauB,EAAYA,aAACpD,IAC1B+C,EAAAC,KAAAK,WAAA,CAAAtD,SAAA,CACEuD,MAAS,MAAA,IAAAxB,EAAwBa,MAAOF,IACxCa,EAASC,IAAA,MAAA,IAAAxB,EAAuBY,MAAOE,SAKjD,CChFa,MAAAW,EAAoBC,EAAUA,YACzC,EAEI,aAAcC,EACd,kBAAmBC,EACnB5D,WACAI,SAAS,UACTyD,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA/D,YACAgE,oBACAC,UAEFjC,KAEA,MAAM9B,EAAUI,SAAuB,OAChCR,EAASC,GAAcmE,EAAQA,cAAgBlB,GAChDmB,EAAgBC,eAAavE,GAS7BwE,EAA2B,YAAZX,EAPK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,IAIFW,aACJA,EAAYC,eACZA,EAAcC,sBACdA,EAAqBC,cACrBA,EAAaC,oBACbA,GACEC,iBAAe,CACjB3E,YACAE,UACAoC,aAAc3C,IAGViF,EAAuB,CAC3BC,eAAgBN,EAAeM,eAC/B7E,UAAWA,GAGb,OACE6C,EAAAC,KAAA,MAAA,CAAKd,IAAK9B,KAAaoE,EACrBzE,SAAA,CAAAuD,EAAAC,IAACyB,qBAAmBC,SAAQ,CAACC,MAAOJ,EAClC/E,SAAAuD,EAAAA,IAAC6B,EAAMA,OAAA,CACLjD,IAAKA,EACO,aAAAwB,EACK,kBAAAC,EACjBxD,OAAQA,EACR2D,KAAMA,EACNC,UAAWA,EACXC,SAAUA,EACVC,SAAUA,EACVE,OAAQA,KACJI,EAAY,mBACEG,EAClBR,kBAAmBA,EAClBnE,SAAAsE,EAAce,KAAI,CAACC,EAAOC,IAEvBhC,MAACxD,GACCE,QAASA,EACTC,WAAYA,EACZC,UAAWA,EACXC,OAAQA,EACRC,QAASA,EACTC,YAAqB,IAARiF,EACbhF,WAAYgF,IAAQjB,EAAckB,OAAS,WAC1CF,UAMX/B,cAAMkC,GAAId,EAAqB3E,SAC7BuD,EAAAA,IAACmC,EAAgBA,2BAAEb,MAErBtB,MAACoC,EAAAA,qBAAYf,MAEf"}
+{"version":3,"file":"ReorderableTabBar-0c69bfd4.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n  layout: 'stretch' | 'condense' | undefined;\n  isFirstItem?: boolean;\n  isLastItem?: boolean;\n};\n\n/**\n * A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n */\nexport function ReorderableTabBarItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  layout,\n  rootRef,\n  isFirstItem,\n  isLastItem\n}: ReorderableTabBarItem<K>) {\n  const tabBarItemRef = useRef<HTMLDivElement | null>(null);\n  const getItem = useCallback(\n    () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n    []\n  );\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n    },\n    [getItem]\n  );\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  // Flex dimensions\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: tabBarItemRef,\n      getItem,\n      setTransferData,\n      itemStyles: {\n        itemOverlayFront: styles.itemOverlayFront,\n        itemOverlayRear: styles.itemOverlayRear,\n        itemDragger: styles.itemDragger\n      },\n      itemSelector: ITEM_SELECTOR\n    });\n\n  const overlayZoneBeforeClass = classNames([\n    overlayZoneBeforeProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isFirstItem && styles.itemOverlayFrontFirst,\n    isRtl && isLastItem && styles.itemOverlayFrontFirst\n  ]);\n\n  const overlayZoneAfterClass = classNames([\n    overlayZoneAfterProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isLastItem && styles.itemOverlayRearLast,\n    isRtl && isFirstItem && styles.itemOverlayRearLast\n  ]);\n\n  return (\n    <div\n      {...rootProps}\n      draggable={onReorder ? true : false}\n      data-oj-draggable={onReorder ? '' : undefined}\n      style={flexDimensions}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n          <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { toChildArray, Ref, ContextType } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n  TabBarProps<K>,\n  'aria-describedby'\n> &\n  ReorderProps<K> &\n  TestIdProps;\n\ntype TabBarReorderContextProps = ContextType<typeof ReorderableContext>;\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n  <K extends string | number>(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      onReorder,\n      contextMenuConfig,\n      testId\n    }: ReorderableTabBarProps<K>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n    const childrenArray = toChildArray(children);\n\n    const displayStackProps = {\n      display: display\n    };\n    const displayNonStackProps = {\n      display: display,\n      size: size\n    };\n    const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n    const {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderStatus,\n      reorderInstructions\n    } = useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR\n    });\n\n    const tabBarReorderContext = {\n      currentItemKey: reorderContext.currentItemKey,\n      onReorder: onReorder as TabBarReorderContextProps['onReorder']\n    };\n\n    return (\n      <div ref={rootRef} {...reorderProps}>\n        <ReorderableContext.Provider value={tabBarReorderContext}>\n          <TabBar\n            ref={ref}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            layout={layout}\n            edge={edge}\n            selection={selection}\n            onSelect={onSelect}\n            onRemove={onRemove}\n            testId={testId}\n            {...displayProps}\n            aria-describedby={reorderInstructionsId}\n            contextMenuConfig={contextMenuConfig as TabBarContextMenuConfig<string | number>}>\n            {childrenArray.map((child, idx) => {\n              return (\n                <ReorderableTabBarItem\n                  dragKey={dragKey}\n                  setDragKey={setDragKey}\n                  onReorder={onReorder}\n                  layout={layout}\n                  rootRef={rootRef}\n                  isFirstItem={idx === 0}\n                  isLastItem={idx === childrenArray.length - 1}>\n                  {child}\n                </ReorderableTabBarItem>\n              );\n            })}\n          </TabBar>\n        </ReorderableContext.Provider>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n        <LiveRegion>{reorderStatus}</LiveRegion>\n      </div>\n    );\n  }\n);\n"],"names":["ITEM_SELECTOR","ReorderableTabBarItem","children","dragKey","setDragKey","onReorder","layout","rootRef","isFirstItem","isLastItem","tabBarItemRef","useRef","getItem","useCallback","current","querySelector","setTransferData","event","dataTransfer","setData","getKey","direction","useUser","isRtl","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemStyles","itemOverlayFront","styles","itemOverlayRear","itemDragger","itemSelector","overlayZoneBeforeClass","classNames","class","itemOverlayFrontFirst","overlayZoneAfterClass","itemOverlayRearLast","_jsxs","jsxs","draggable","undefined","style","isKeyDefined","_Fragment","_jsx","jsx","ReorderableTabBar","forwardRef","ariaLabel","ariaLabelledby","display","size","edge","selection","onSelect","onRemove","contextMenuConfig","testId","useState","childrenArray","toChildArray","displayProps","reorderProps","reorderContext","reorderInstructionsId","reorderStatus","reorderInstructions","useReorderable","tabBarReorderContext","currentItemKey","ReorderableContext","Provider","value","TabBar","map","child","idx","length","id","HiddenAccessible","LiveRegion"],"mappings":"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"}

package/amd/{SelectMobileFieldInput-83f56b22.js → SelectMobileFieldInput-d499ef86.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-c3558e44', './Layer-1971eddb', 'preact/compat', './LayerHost-0b288129', './keyboardUtils-fb6219eb', './useSelectCommon-28307b63', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './useOutsideMousedown-cb88da60', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './IconButton-dc1be00e', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-6b57cc3e', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './Link-a8fad252', './useFocusWithin-5a504fca', './useHover-8b8a1496', './classNames-08d99695', './Separator-181f7541', './WindowOverlay-11d88211', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './stringUtils-4ffd9d59', './Text-31cabc49', './TextFieldUtils-f3868e96', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './useAccessibleContext-23e8a333', './useComponentTheme-5aa41a8f', './useFormFieldContext-9260f081', './useTabbableMode-0a9ef009', './formControlUtils-de035f75', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css'], (function(e,s,t,o,a,n,l,i,r,d,c,u,b,p,h,m,x,y,S,f,F,A,w,C,g,T,v,U,I,M,E,j,N,P,_,D,L,V,k,B,O,R,H,W,K,q,G,Y,z,$,J,Q,X,Z,ee,se,te,oe,ae,ne,le,ie,re,de,ce,ue){"use strict";const be="bottom-start",pe={mainAxis:4,crossAxis:0},he={isMaxHeightAdjusted:!0,maxHeightCeiling:400},me={mainAxis:!1};function xe({"aria-labelledby":e,children:t,id:o,isOpen:n}){return n?s.jsx(a.Layer,{children:s.jsx(J.WindowOverlay,{children:s.jsx("div",{id:o,class:Q.mobileDropdownStyles.base,role:"dialog","aria-modal":"true","aria-labelledby":e,children:s.jsx(S.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:t})})})}):null}const ye=[...Object.values(de.textInterpolations)],Se=ce.mergeInterpolations(ye),fe=n.forwardRef((({"aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":l,displayValue:i,hasEmptyLabel:r,hasInsideLabel:d=!1,isRequired:c,onBlur:u,onFocus:b,placeholder:p,textAlign:h,variant:m="default"},x)=>{const{isDisabled:y,isFocused:S,hasValue:f=!1}=le.useFormFieldContext(),{isTabbable:F,tabbableModeProps:A}=ie.useTabbableMode(),w=se.isInputPlaceholderShown(d,f,S)?p:void 0,{UNSAFE_ariaLabelledBy:C}=ae.useAccessibleContext(),g=r?Z.l([l,C]):l,{class:T}=Se({textAlign:h}),{classes:v}=ne.useComponentTheme(oe.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:re.isEmbeddedVariant(m)?"embedded":"default",textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:f?"hasValue":"noValue",focused:S?"isFocused":"notFocused",disabled:y?"isDisabled":"notDisabled"}),U=z.classNames([ue.selectMobileFieldInputStyles.base,T,v,"legacyEmbedded"===m&&void 0===h&&te.formControlInheritTextAlign]);return s.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":g,"aria-required":c?"true":void 0,class:U,onBlur:u,onFocus:b,ref:x,role:"combobox",...F&&A,children:s.jsx("div",{class:ue.selectMobileFieldInputStyles.content,children:s.jsx(ee.Text,{variant:i?"inherit":"secondary",children:i||w})})})}));e.Dropdown=function({anchorRef:e,children:n,dropdownRef:l,id:u,isOpen:b,onAutoDismiss:p,onPosition:h}){const[m,x]=t.useState(be),[y,S]=t.useState(b);y!==b&&(b||x(be),S(b));const f=t.useCallback((e=>{x(e.placement),h?.(e)}),[h,x]),F=t.useCallback((e=>{p?.(e)}),[p]),A=t.useCallback((e=>{if(!e.defaultPrevented&&!i.isControlOrFunctionKey(e))switch(e.code){case i.KEYS.ESC:case i.KEYS.TAB:F(e)}}),[F]);c.useOutsideMousedown({isDisabled:!b,ref:[e,l],handler:F});const w=b?{minWidth:`${e.current?.offsetWidth}px`}:{};return b?s.jsx(a.Layer,{logicalParentRef:e,children:s.jsx(o.Floating,{anchorRef:e,sizeOptions:he,shiftOptions:me,ref:l,placement:m,offsetValue:pe,onPosition:f,children:s.jsx("div",{class:d.dropdownStyles.base,id:u,style:w,onKeyDown:A,onMouseDown:r.preventDefaultForCurrentTarget,children:n})})}):null},e.DropdownUserAssistance=function(e){const o=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(u.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:d.dropdownStyles.userAssistance,onMouseDown:o,children:s.jsx(y.InlineUserAssistance,{...e})})})},e.LinkItem=({children:e,isHighlighted:o,onAction:a})=>{const{isHover:n,hoverProps:l}=Y.useHover(),{isFocused:i,focusProps:r}=G.useFocusWithin(),c=t.useCallback((e=>(e.preventDefault(),a?.(),!1)),[a]),u=z.classNames([d.dropdownStyles.results.linkItemRoot,i?d.dropdownStyles.results.linkItemFocus:void 0]),b=z.classNames([d.dropdownStyles.results.extraItem,n||i||o?d.dropdownStyles.results.linkItemHighlight:void 0]);return s.jsx("div",{class:u,...r,children:s.jsx(q.Link,{href:"#",onClick:c,children:s.jsx("div",{class:b,...l,children:e})})})},e.MobileDropdown=xe,e.SelectMobileDropdown=function({children:e,footer:t,hasHeaderSeparator:o=!0,header:a,id:n,isOpen:l,labelId:i}){return s.jsxs(xe,{id:n,isOpen:l,"aria-labelledby":i,children:[a,o&&s.jsx($.Separator,{}),s.jsx("div",{class:X.selectMobileDropdownStyles.content,children:e}),s.jsx($.Separator,{}),t]})},e.SelectMobileFieldInput=fe}));
-//# sourceMappingURL=SelectMobileFieldInput-83f56b22.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-c3558e44', './Layer-1971eddb', 'preact/compat', './LayerHost-0b288129', './keyboardUtils-fb6219eb', './useSelectCommon-a02ddf3c', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './useOutsideMousedown-cb88da60', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './IconButton-dc1be00e', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-6b57cc3e', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './Link-a8fad252', './useFocusWithin-5a504fca', './useHover-8b8a1496', './classNames-08d99695', './Separator-181f7541', './WindowOverlay-11d88211', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './stringUtils-4ffd9d59', './Text-31cabc49', './TextFieldUtils-f3868e96', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './useAccessibleContext-23e8a333', './useComponentTheme-5aa41a8f', './useFormFieldContext-9260f081', './useTabbableMode-0a9ef009', './formControlUtils-de035f75', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css'], (function(e,s,t,o,a,n,l,i,r,d,c,u,b,p,h,m,x,y,S,f,F,A,w,C,g,T,v,U,I,M,E,j,N,P,_,D,L,V,k,B,O,R,H,W,K,q,G,Y,z,$,J,Q,X,Z,ee,se,te,oe,ae,ne,le,ie,re,de,ce,ue){"use strict";const be="bottom-start",pe={mainAxis:4,crossAxis:0},he={isMaxHeightAdjusted:!0,maxHeightCeiling:400},me={mainAxis:!1};function xe({"aria-labelledby":e,children:t,id:o,isOpen:n}){return n?s.jsx(a.Layer,{children:s.jsx(J.WindowOverlay,{children:s.jsx("div",{id:o,class:Q.mobileDropdownStyles.base,role:"dialog","aria-modal":"true","aria-labelledby":e,children:s.jsx(S.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:t})})})}):null}const ye=[...Object.values(de.textInterpolations)],Se=ce.mergeInterpolations(ye),fe=n.forwardRef((({"aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":l,displayValue:i,hasEmptyLabel:r,hasInsideLabel:d=!1,isRequired:c,onBlur:u,onFocus:b,placeholder:p,textAlign:h,variant:m="default"},x)=>{const{isDisabled:y,isFocused:S,hasValue:f=!1}=le.useFormFieldContext(),{isTabbable:F,tabbableModeProps:A}=ie.useTabbableMode(),w=se.isInputPlaceholderShown(d,f,S)?p:void 0,{UNSAFE_ariaLabelledBy:C}=ae.useAccessibleContext(),g=r?Z.l([l,C]):l,{class:T}=Se({textAlign:h}),{classes:v}=ne.useComponentTheme(oe.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:re.isEmbeddedVariant(m)?"embedded":"default",textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:f?"hasValue":"noValue",focused:S?"isFocused":"notFocused",disabled:y?"isDisabled":"notDisabled"}),U=z.classNames([ue.selectMobileFieldInputStyles.base,T,v,"legacyEmbedded"===m&&void 0===h&&te.formControlInheritTextAlign]);return s.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":g,"aria-required":c?"true":void 0,class:U,onBlur:u,onFocus:b,ref:x,role:"combobox",...F&&A,children:s.jsx("div",{class:ue.selectMobileFieldInputStyles.content,children:s.jsx(ee.Text,{variant:i?"inherit":"secondary",children:i||w})})})}));e.Dropdown=function({anchorRef:e,children:n,dropdownRef:l,id:u,isOpen:b,onAutoDismiss:p,onPosition:h}){const[m,x]=t.useState(be),[y,S]=t.useState(b);y!==b&&(b||x(be),S(b));const f=t.useCallback((e=>{x(e.placement),h?.(e)}),[h,x]),F=t.useCallback((e=>{p?.(e)}),[p]),A=t.useCallback((e=>{if(!e.defaultPrevented&&!i.isControlOrFunctionKey(e))switch(e.code){case i.KEYS.ESC:case i.KEYS.TAB:F(e)}}),[F]);c.useOutsideMousedown({isDisabled:!b,ref:[e,l],handler:F});const w=b?{minWidth:`${e.current?.offsetWidth}px`}:{};return b?s.jsx(a.Layer,{logicalParentRef:e,children:s.jsx(o.Floating,{anchorRef:e,sizeOptions:he,shiftOptions:me,ref:l,placement:m,offsetValue:pe,onPosition:f,children:s.jsx("div",{class:d.dropdownStyles.base,id:u,style:w,onKeyDown:A,onMouseDown:r.preventDefaultForCurrentTarget,children:n})})}):null},e.DropdownUserAssistance=function(e){const o=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(u.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:d.dropdownStyles.userAssistance,onMouseDown:o,children:s.jsx(y.InlineUserAssistance,{...e})})})},e.LinkItem=({children:e,isHighlighted:o,onAction:a})=>{const{isHover:n,hoverProps:l}=Y.useHover(),{isFocused:i,focusProps:r}=G.useFocusWithin(),c=t.useCallback((e=>(e.preventDefault(),a?.(),!1)),[a]),u=z.classNames([d.dropdownStyles.results.linkItemRoot,i?d.dropdownStyles.results.linkItemFocus:void 0]),b=z.classNames([d.dropdownStyles.results.extraItem,n||i||o?d.dropdownStyles.results.linkItemHighlight:void 0]);return s.jsx("div",{class:u,...r,children:s.jsx(q.Link,{href:"#",onClick:c,children:s.jsx("div",{class:b,...l,children:e})})})},e.MobileDropdown=xe,e.SelectMobileDropdown=function({children:e,footer:t,hasHeaderSeparator:o=!0,header:a,id:n,isOpen:l,labelId:i}){return s.jsxs(xe,{id:n,isOpen:l,"aria-labelledby":i,children:[a,o&&s.jsx($.Separator,{}),s.jsx("div",{class:X.selectMobileDropdownStyles.content,children:e}),s.jsx($.Separator,{}),t]})},e.SelectMobileFieldInput=fe}));
+//# sourceMappingURL=SelectMobileFieldInput-d499ef86.js.map

package/amd/{SelectMobileFieldInput-83f56b22.js.map → SelectMobileFieldInput-d499ef86.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectMobileFieldInput-83f56b22.js","sources":["../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n//Once Dropdown is consumed this will be removed\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n  onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n// TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\nconst DROPDOWN_OFFSET: FloatingProps['offsetValue'] = { mainAxis: 4, crossAxis: 0 };\nconst DROPDOWN_SIZE_OPTIONS: FloatingProps['sizeOptions'] = {\n  isMaxHeightAdjusted: true,\n  maxHeightCeiling: 400\n};\nconst DROPDOWN_SHIFT_OPTIONS: FloatingProps['shiftOptions'] = {\n  mainAxis: false\n};\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-62565\nexport function Dropdown({\n  anchorRef,\n  children,\n  dropdownRef,\n  id,\n  isOpen,\n  onAutoDismiss,\n  onPosition\n}: Props) {\n  const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n    setPrevIsOpen(isOpen);\n  }\n\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={DROPDOWN_SIZE_OPTIONS}\n        shiftOptions={DROPDOWN_SHIFT_OPTIONS}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={DROPDOWN_OFFSET}\n        onPosition={handlePosition}>\n        <div\n          class={dropdownStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\n  );\n}\n","import type { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n  /**\n   * Id of the label to associate with the dropdown (e.g. the label of the filter field).\n   */\n  'aria-labelledby'?: UnpackSignals<JSX.AriaAttributes>['aria-labelledby'];\n\n  /**\n   * The dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The id for the top level element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the dropdown is being shown\n   */\n  isOpen?: boolean;\n};\n\nexport function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }: Props) {\n  return !isOpen ? null : (\n    <Layer>\n      <WindowOverlay>\n        <div\n          id={id}\n          class={mobileDropdownStyles.base}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ariaLabelledBy}>\n          <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n}\n","import type { ContextType, Ref, JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\n\nimport { Text } from '#UNSAFE_Text';\nimport { isInputPlaceholderShown } from '#UNSAFE_TextField/TextFieldUtils';\nimport { formControlInheritTextAlign } from '#UNSAFE_TextField/themes/FormControlUtilsStyles.css';\nimport type { TextFieldInputVariantOptions } from '#UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { TextFieldInputRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\nimport { useAccessibleContext } from '#hooks/UNSAFE_useAccessibleContext';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { FormVariantContext } from '#hooks/UNSAFE_useFormVariantContext';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TextProps, textInterpolations } from '#utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { selectMobileFieldInputStyles } from './themes/SelectMobileFieldInputStyles.css';\n\ntype AriaProps = Pick<\n  UnpackSignals<JSX.AriaAttributes>,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'aria-labelledby'\n>;\n\ntype EventProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'onBlur' | 'onFocus'>;\n\ntype Props = AriaProps &\n  EventProps &\n  TextProps & {\n    displayValue?: string;\n    hasEmptyLabel?: boolean;\n    hasInsideLabel?: boolean;\n    isRequired?: boolean;\n    placeholder?: string;\n    variant?: ContextType<typeof FormVariantContext>;\n  };\n\nconst interpolations = [...Object.values(textInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * This component is used for rendering the main field in mobile phones. This is a bit different from the\n * normal main field (TextFieldInput) that we use for desktop & tablet devices in the way that\n * a user will not be able to edit the value of this field. But, one can still have other functionalities\n * of having a placeholder, tab in & out of it, and other such functionalities of an enabled field.\n *\n * This also differs from ReadonlyTextFieldInput in the following ways:\n * 1. This will be rendered as div as well, but has a role of combobox set on it\n * 2. This will not be read as readonly input by the screen readers\n * 3. This has the stylings much similar to the TextFieldInput component\n * 4. This supports the use of placeholder and shows it when there is no value present\n * 5. This supports having the variant property and styles accordingly\n *\n * As such, this is very similar to the TextFieldInput except that this does not allow user input.\n * Note: we cannot use TextFieldInput with readonly set on it; even though it might provide us the\n * behavior we need, it will make the field as readonly and screen readers read the same about this\n * field. This will be an incorrect representation contextually as one can still edit the value by opening\n * the dropdown and changing the selection.\n */\nexport const SelectMobileFieldInput = forwardRef(\n  (\n    {\n      'aria-controls': ariaControls,\n      'aria-describedby': ariaDescribedBy,\n      'aria-expanded': ariaExpanded,\n      'aria-invalid': ariaInvalid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      displayValue,\n      hasEmptyLabel,\n      hasInsideLabel = false,\n      isRequired,\n      onBlur,\n      onFocus,\n      placeholder,\n      textAlign,\n      variant = 'default'\n    }: Props,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    // consume required contexts\n    const { isDisabled, isFocused, hasValue = false } = useFormFieldContext();\n    const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n    // setup properties\n    const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n      ? placeholder\n      : undefined;\n\n    // Add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,\n    // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n    // kinds of labels, this helps to ensure we don't override a meaningful label.\n    const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n    const mergedAriaLabelledBy = hasEmptyLabel\n      ? merge([ariaLabelledBy, UNSAFE_ariaLabelledBy])\n      : ariaLabelledBy;\n\n    // setup style classes\n    const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });\n    const { classes: themeClasses } = useComponentTheme<TextFieldInputVariantOptions>(\n      TextFieldInputRedwoodTheme,\n      {\n        type: 'notPassword',\n        styleVariant: isEmbeddedVariant(variant) ? 'embedded' : 'default',\n        textarea: 'notTextArea',\n        input: 'isInput',\n        prefix: 'noPrefix',\n        suffix: 'noSuffix',\n        startContent: 'noStartContent',\n        endContent: 'hasEndContent',\n        insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n        value: hasValue ? 'hasValue' : 'noValue',\n        focused: isFocused ? 'isFocused' : 'notFocused',\n        disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n      }\n    );\n    const rootDivStyleClasses = classNames([\n      selectMobileFieldInputStyles.base,\n      styleInterpolationClasses,\n      themeClasses,\n      // JET-72775 - Form control alignment in tables\n      // When we are in legacy collection components, we want to inherit the text align\n      // when it is not set explicitly.\n      variant === 'legacyEmbedded' && textAlign === undefined && formControlInheritTextAlign\n    ]);\n\n    return (\n      <div\n        aria-autocomplete=\"list\"\n        aria-controls={ariaControls}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={ariaExpanded}\n        aria-invalid={ariaInvalid}\n        aria-label={ariaLabel}\n        aria-labelledby={mergedAriaLabelledBy}\n        aria-required={isRequired ? 'true' : undefined}\n        class={rootDivStyleClasses}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        ref={ref}\n        role=\"combobox\"\n        {...(isTabbable && tabbableModeProps)}>\n        <div class={selectMobileFieldInputStyles.content}>\n          <Text variant={displayValue ? 'inherit' : 'secondary'}>\n            {displayValue || myPlaceholder}\n          </Text>\n        </div>\n      </div>\n    );\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 */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype InlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'fieldLabel'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'id'\n  | 'userAssistanceDensity'\n>;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n  // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n  // of the user assistance\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n    // Don't call preventDefault when the user clicks on the help source link, so that the\n    // focus is allowed to transfer in that case.\n    if ((event.target as Element)?.tagName !== 'A') {\n      event.preventDefault();\n    }\n  }, []);\n\n  return (\n    <FormFieldContext.Provider value={{ isFocused: true }}>\n      <div class={dropdownStyles.userAssistance} onMouseDown={handleMouseDown}>\n        <InlineUserAssistance {...props} />\n      </div>\n    </FormFieldContext.Provider>\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 */\n\nimport { useCallback } from 'preact/hooks';\nimport { Link } from '#UNSAFE_Link';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = {\n  /**\n   * Child content of the item.\n   */\n  children: string;\n  /**\n   * Specifies whether to highlight the item.\n   */\n  isHighlighted?: boolean;\n  /**\n   * Callback invoked when the user triggers the link, for example by clicking or pressing Enter.\n   */\n  onAction?: () => void;\n};\n\n/**\n * This component renders a link that looks like a list item in a Select* component dropdown.\n * It fires an action when the user triggers it, and is intended to be used for launching\n * external application UI from within the dropdown, for example to provide advanced search or\n * add to list functionality.\n * The LinkItem would typically be shown in a fixed position above or below the list itself.\n */\nconst LinkItem = ({ children, isHighlighted, onAction }: Props) => {\n  const { isHover, hoverProps } = useHover();\n  const { isFocused, focusProps } = useFocusWithin();\n\n  const handleClick = useCallback(\n    (e: Event) => {\n      // prevent the link from actually navigating by preventing default and returning false\n      e.preventDefault();\n      onAction?.();\n      return false;\n    },\n    [onAction]\n  );\n\n  const rootClasses = classNames([\n    dropdownStyles.results.linkItemRoot,\n    isFocused ? dropdownStyles.results.linkItemFocus : undefined\n  ]);\n\n  const linkClasses = classNames([\n    dropdownStyles.results.extraItem,\n    isHover || isFocused || isHighlighted ? dropdownStyles.results.linkItemHighlight : undefined\n  ]);\n\n  return (\n    <div class={rootClasses} {...focusProps}>\n      <Link href=\"#\" onClick={handleClick}>\n        <div class={linkClasses} {...hoverProps}>\n          {children}\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nexport { LinkItem };\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Separator } from '../UNSAFE_Separator';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n  /**\n   * The main dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The components to be placed in the end of the dropdown\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The components to be placed in the beginning of the dropdown\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Specifies whether to have a separator between header and content\n   */\n  hasHeaderSeparator?: boolean;\n\n  /**\n   * Id of the label for the filter field.\n   */\n  labelId?: string;\n};\n\nexport function SelectMobileDropdown({\n  children,\n  footer,\n  hasHeaderSeparator = true,\n  header,\n  id,\n  isOpen,\n  labelId\n}: Props) {\n  return (\n    <MobileDropdown id={id} isOpen={isOpen} aria-labelledby={labelId}>\n      {header}\n      {hasHeaderSeparator && <Separator />}\n      {/* TODO: Add overflow support to View and use it here */}\n      {/*  */}\n      <div class={selectMobileDropdownStyles.content}>{children}</div>\n      <Separator />\n      {footer}\n    </MobileDropdown>\n  );\n}\n"],"names":["DEFAULT_PLACEMENT","DROPDOWN_OFFSET","mainAxis","crossAxis","DROPDOWN_SIZE_OPTIONS","isMaxHeightAdjusted","maxHeightCeiling","DROPDOWN_SHIFT_OPTIONS","MobileDropdown","ariaLabelledBy","children","id","isOpen","_jsx","jsx","Layer","WindowOverlay","class","mobileDropdownStyles","base","role","Flex","width","height","maxHeight","direction","interpolations","Object","values","textInterpolations","styleInterpolations","mergeInterpolations","SelectMobileFieldInput","forwardRef","ariaControls","ariaDescribedBy","ariaExpanded","ariaInvalid","ariaLabel","displayValue","hasEmptyLabel","hasInsideLabel","isRequired","onBlur","onFocus","placeholder","textAlign","variant","ref","isDisabled","isFocused","hasValue","useFormFieldContext","isTabbable","tabbableModeProps","useTabbableMode","myPlaceholder","isInputPlaceholderShown","undefined","UNSAFE_ariaLabelledBy","useAccessibleContext","mergedAriaLabelledBy","merge","styleInterpolationClasses","classes","themeClasses","useComponentTheme","TextFieldInputRedwoodTheme","type","styleVariant","isEmbeddedVariant","textarea","input","prefix","suffix","startContent","endContent","insideLabel","value","focused","disabled","rootDivStyleClasses","classNames","selectMobileFieldInputStyles","formControlInheritTextAlign","content","Text","anchorRef","dropdownRef","onAutoDismiss","onPosition","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","useCallback","positionData","handleAutoDismiss","event","handleKeyDown","defaultPrevented","isControlOrFunctionKey","code","KEYS","ESC","TAB","useOutsideMousedown","handler","inlineStyle","minWidth","current","offsetWidth","logicalParentRef","Floating","sizeOptions","shiftOptions","offsetValue","dropdownStyles","style","onKeyDown","onMouseDown","preventDefaultForCurrentTarget","props","handleMouseDown","target","tagName","preventDefault","FormFieldContext","Provider","userAssistance","InlineUserAssistance","isHighlighted","onAction","isHover","hoverProps","useHover","focusProps","useFocusWithin","handleClick","e","rootClasses","results","linkItemRoot","linkItemFocus","linkClasses","extraItem","linkItemHighlight","Link","href","onClick","footer","hasHeaderSeparator","header","labelId","_jsxs","Separator","selectMobileDropdownStyles"],"mappings":"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"}
+{"version":3,"file":"SelectMobileFieldInput-d499ef86.js","sources":["../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n//Once Dropdown is consumed this will be removed\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n  onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n// TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\nconst DROPDOWN_OFFSET: FloatingProps['offsetValue'] = { mainAxis: 4, crossAxis: 0 };\nconst DROPDOWN_SIZE_OPTIONS: FloatingProps['sizeOptions'] = {\n  isMaxHeightAdjusted: true,\n  maxHeightCeiling: 400\n};\nconst DROPDOWN_SHIFT_OPTIONS: FloatingProps['shiftOptions'] = {\n  mainAxis: false\n};\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-62565\nexport function Dropdown({\n  anchorRef,\n  children,\n  dropdownRef,\n  id,\n  isOpen,\n  onAutoDismiss,\n  onPosition\n}: Props) {\n  const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n    setPrevIsOpen(isOpen);\n  }\n\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={DROPDOWN_SIZE_OPTIONS}\n        shiftOptions={DROPDOWN_SHIFT_OPTIONS}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={DROPDOWN_OFFSET}\n        onPosition={handlePosition}>\n        <div\n          class={dropdownStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\n  );\n}\n","import type { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n  /**\n   * Id of the label to associate with the dropdown (e.g. the label of the filter field).\n   */\n  'aria-labelledby'?: UnpackSignals<JSX.AriaAttributes>['aria-labelledby'];\n\n  /**\n   * The dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The id for the top level element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the dropdown is being shown\n   */\n  isOpen?: boolean;\n};\n\nexport function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }: Props) {\n  return !isOpen ? null : (\n    <Layer>\n      <WindowOverlay>\n        <div\n          id={id}\n          class={mobileDropdownStyles.base}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ariaLabelledBy}>\n          <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n}\n","import type { ContextType, Ref, JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\n\nimport { Text } from '#UNSAFE_Text';\nimport { isInputPlaceholderShown } from '#UNSAFE_TextField/TextFieldUtils';\nimport { formControlInheritTextAlign } from '#UNSAFE_TextField/themes/FormControlUtilsStyles.css';\nimport type { TextFieldInputVariantOptions } from '#UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { TextFieldInputRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\nimport { useAccessibleContext } from '#hooks/UNSAFE_useAccessibleContext';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { FormVariantContext } from '#hooks/UNSAFE_useFormVariantContext';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TextProps, textInterpolations } from '#utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { selectMobileFieldInputStyles } from './themes/SelectMobileFieldInputStyles.css';\n\ntype AriaProps = Pick<\n  UnpackSignals<JSX.AriaAttributes>,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'aria-labelledby'\n>;\n\ntype EventProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'onBlur' | 'onFocus'>;\n\ntype Props = AriaProps &\n  EventProps &\n  TextProps & {\n    displayValue?: string;\n    hasEmptyLabel?: boolean;\n    hasInsideLabel?: boolean;\n    isRequired?: boolean;\n    placeholder?: string;\n    variant?: ContextType<typeof FormVariantContext>;\n  };\n\nconst interpolations = [...Object.values(textInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * This component is used for rendering the main field in mobile phones. This is a bit different from the\n * normal main field (TextFieldInput) that we use for desktop & tablet devices in the way that\n * a user will not be able to edit the value of this field. But, one can still have other functionalities\n * of having a placeholder, tab in & out of it, and other such functionalities of an enabled field.\n *\n * This also differs from ReadonlyTextFieldInput in the following ways:\n * 1. This will be rendered as div as well, but has a role of combobox set on it\n * 2. This will not be read as readonly input by the screen readers\n * 3. This has the stylings much similar to the TextFieldInput component\n * 4. This supports the use of placeholder and shows it when there is no value present\n * 5. This supports having the variant property and styles accordingly\n *\n * As such, this is very similar to the TextFieldInput except that this does not allow user input.\n * Note: we cannot use TextFieldInput with readonly set on it; even though it might provide us the\n * behavior we need, it will make the field as readonly and screen readers read the same about this\n * field. This will be an incorrect representation contextually as one can still edit the value by opening\n * the dropdown and changing the selection.\n */\nexport const SelectMobileFieldInput = forwardRef(\n  (\n    {\n      'aria-controls': ariaControls,\n      'aria-describedby': ariaDescribedBy,\n      'aria-expanded': ariaExpanded,\n      'aria-invalid': ariaInvalid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      displayValue,\n      hasEmptyLabel,\n      hasInsideLabel = false,\n      isRequired,\n      onBlur,\n      onFocus,\n      placeholder,\n      textAlign,\n      variant = 'default'\n    }: Props,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    // consume required contexts\n    const { isDisabled, isFocused, hasValue = false } = useFormFieldContext();\n    const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n    // setup properties\n    const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n      ? placeholder\n      : undefined;\n\n    // Add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,\n    // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n    // kinds of labels, this helps to ensure we don't override a meaningful label.\n    const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n    const mergedAriaLabelledBy = hasEmptyLabel\n      ? merge([ariaLabelledBy, UNSAFE_ariaLabelledBy])\n      : ariaLabelledBy;\n\n    // setup style classes\n    const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });\n    const { classes: themeClasses } = useComponentTheme<TextFieldInputVariantOptions>(\n      TextFieldInputRedwoodTheme,\n      {\n        type: 'notPassword',\n        styleVariant: isEmbeddedVariant(variant) ? 'embedded' : 'default',\n        textarea: 'notTextArea',\n        input: 'isInput',\n        prefix: 'noPrefix',\n        suffix: 'noSuffix',\n        startContent: 'noStartContent',\n        endContent: 'hasEndContent',\n        insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n        value: hasValue ? 'hasValue' : 'noValue',\n        focused: isFocused ? 'isFocused' : 'notFocused',\n        disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n      }\n    );\n    const rootDivStyleClasses = classNames([\n      selectMobileFieldInputStyles.base,\n      styleInterpolationClasses,\n      themeClasses,\n      // JET-72775 - Form control alignment in tables\n      // When we are in legacy collection components, we want to inherit the text align\n      // when it is not set explicitly.\n      variant === 'legacyEmbedded' && textAlign === undefined && formControlInheritTextAlign\n    ]);\n\n    return (\n      <div\n        aria-autocomplete=\"list\"\n        aria-controls={ariaControls}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={ariaExpanded}\n        aria-invalid={ariaInvalid}\n        aria-label={ariaLabel}\n        aria-labelledby={mergedAriaLabelledBy}\n        aria-required={isRequired ? 'true' : undefined}\n        class={rootDivStyleClasses}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        ref={ref}\n        role=\"combobox\"\n        {...(isTabbable && tabbableModeProps)}>\n        <div class={selectMobileFieldInputStyles.content}>\n          <Text variant={displayValue ? 'inherit' : 'secondary'}>\n            {displayValue || myPlaceholder}\n          </Text>\n        </div>\n      </div>\n    );\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 */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype InlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'fieldLabel'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'id'\n  | 'userAssistanceDensity'\n>;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n  // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n  // of the user assistance\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n    // Don't call preventDefault when the user clicks on the help source link, so that the\n    // focus is allowed to transfer in that case.\n    if ((event.target as Element)?.tagName !== 'A') {\n      event.preventDefault();\n    }\n  }, []);\n\n  return (\n    <FormFieldContext.Provider value={{ isFocused: true }}>\n      <div class={dropdownStyles.userAssistance} onMouseDown={handleMouseDown}>\n        <InlineUserAssistance {...props} />\n      </div>\n    </FormFieldContext.Provider>\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 */\n\nimport { useCallback } from 'preact/hooks';\nimport { Link } from '#UNSAFE_Link';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = {\n  /**\n   * Child content of the item.\n   */\n  children: string;\n  /**\n   * Specifies whether to highlight the item.\n   */\n  isHighlighted?: boolean;\n  /**\n   * Callback invoked when the user triggers the link, for example by clicking or pressing Enter.\n   */\n  onAction?: () => void;\n};\n\n/**\n * This component renders a link that looks like a list item in a Select* component dropdown.\n * It fires an action when the user triggers it, and is intended to be used for launching\n * external application UI from within the dropdown, for example to provide advanced search or\n * add to list functionality.\n * The LinkItem would typically be shown in a fixed position above or below the list itself.\n */\nconst LinkItem = ({ children, isHighlighted, onAction }: Props) => {\n  const { isHover, hoverProps } = useHover();\n  const { isFocused, focusProps } = useFocusWithin();\n\n  const handleClick = useCallback(\n    (e: Event) => {\n      // prevent the link from actually navigating by preventing default and returning false\n      e.preventDefault();\n      onAction?.();\n      return false;\n    },\n    [onAction]\n  );\n\n  const rootClasses = classNames([\n    dropdownStyles.results.linkItemRoot,\n    isFocused ? dropdownStyles.results.linkItemFocus : undefined\n  ]);\n\n  const linkClasses = classNames([\n    dropdownStyles.results.extraItem,\n    isHover || isFocused || isHighlighted ? dropdownStyles.results.linkItemHighlight : undefined\n  ]);\n\n  return (\n    <div class={rootClasses} {...focusProps}>\n      <Link href=\"#\" onClick={handleClick}>\n        <div class={linkClasses} {...hoverProps}>\n          {children}\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nexport { LinkItem };\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Separator } from '../UNSAFE_Separator';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n  /**\n   * The main dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The components to be placed in the end of the dropdown\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The components to be placed in the beginning of the dropdown\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Specifies whether to have a separator between header and content\n   */\n  hasHeaderSeparator?: boolean;\n\n  /**\n   * Id of the label for the filter field.\n   */\n  labelId?: string;\n};\n\nexport function SelectMobileDropdown({\n  children,\n  footer,\n  hasHeaderSeparator = true,\n  header,\n  id,\n  isOpen,\n  labelId\n}: Props) {\n  return (\n    <MobileDropdown id={id} isOpen={isOpen} aria-labelledby={labelId}>\n      {header}\n      {hasHeaderSeparator && <Separator />}\n      {/* TODO: Add overflow support to View and use it here */}\n      {/*  */}\n      <div class={selectMobileDropdownStyles.content}>{children}</div>\n      <Separator />\n      {footer}\n    </MobileDropdown>\n  );\n}\n"],"names":["DEFAULT_PLACEMENT","DROPDOWN_OFFSET","mainAxis","crossAxis","DROPDOWN_SIZE_OPTIONS","isMaxHeightAdjusted","maxHeightCeiling","DROPDOWN_SHIFT_OPTIONS","MobileDropdown","ariaLabelledBy","children","id","isOpen","_jsx","jsx","Layer","WindowOverlay","class","mobileDropdownStyles","base","role","Flex","width","height","maxHeight","direction","interpolations","Object","values","textInterpolations","styleInterpolations","mergeInterpolations","SelectMobileFieldInput","forwardRef","ariaControls","ariaDescribedBy","ariaExpanded","ariaInvalid","ariaLabel","displayValue","hasEmptyLabel","hasInsideLabel","isRequired","onBlur","onFocus","placeholder","textAlign","variant","ref","isDisabled","isFocused","hasValue","useFormFieldContext","isTabbable","tabbableModeProps","useTabbableMode","myPlaceholder","isInputPlaceholderShown","undefined","UNSAFE_ariaLabelledBy","useAccessibleContext","mergedAriaLabelledBy","merge","styleInterpolationClasses","classes","themeClasses","useComponentTheme","TextFieldInputRedwoodTheme","type","styleVariant","isEmbeddedVariant","textarea","input","prefix","suffix","startContent","endContent","insideLabel","value","focused","disabled","rootDivStyleClasses","classNames","selectMobileFieldInputStyles","formControlInheritTextAlign","content","Text","anchorRef","dropdownRef","onAutoDismiss","onPosition","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","useCallback","positionData","handleAutoDismiss","event","handleKeyDown","defaultPrevented","isControlOrFunctionKey","code","KEYS","ESC","TAB","useOutsideMousedown","handler","inlineStyle","minWidth","current","offsetWidth","logicalParentRef","Floating","sizeOptions","shiftOptions","offsetValue","dropdownStyles","style","onKeyDown","onMouseDown","preventDefaultForCurrentTarget","props","handleMouseDown","target","tagName","preventDefault","FormFieldContext","Provider","userAssistance","InlineUserAssistance","isHighlighted","onAction","isHover","hoverProps","useHover","focusProps","useFocusWithin","handleClick","e","rootClasses","results","linkItemRoot","linkItemFocus","linkClasses","extraItem","linkItemHighlight","Link","href","onClick","footer","hasHeaderSeparator","header","labelId","_jsxs","Separator","selectMobileDropdownStyles"],"mappings":"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"}