@oracle/oraclejet-preact 17.0.0 → 17.0.1

package/amd/ReadonlyTextFieldInput-a5e85e5d.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useAccessibleContext-23e8a333', './FormContext-5130e198', './useFormContext-30acdd33', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './useTranslationBundle-20bfc0f3'], (function(e,a,o,t,l,s,n,r,i,d,b,u,c,m,x){"use strict";e.ReadonlyTextFieldInput=function({"aria-describedby":e,"aria-label":t,"aria-labelledby":s,autoFocus:b,as:y="div",elementRef:F,hasEmptyLabel:f,hasInsideLabel:p=!1,inlineUserAssistance:T,innerReadonlyField:C,rows:L,type:h,value:I="",variant:R,...A}){const j=x.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading(),{isFormLayout:v,isReadonly:g}=l.useFormContext(),{isLoading:w}=u.useFormFieldContext(),B=w?j:t,M=[...Object.values(i.textInterpolations)],N=d.mergeInterpolations(M),{class:E}=N(A),{classes:U}=c.useComponentTheme(m.ReadonlyTextFieldInputRedwoodTheme,{textarea:"textarea"===R?"isTextArea":"notTextArea",formLayout:v?"isFormLayout":"notFormLayout",readonlyForm:g?"isReadonlyForm":"notReadonlyForm",insideLabel:p?"hasInsideLabel":"noInsideLabel"}),_=r.classNames([U,E]),{isTabbable:S,tabbableModeProps:O}=n.useTabbableMode(),{UNSAFE_ariaLabelledBy:P}=o.useAccessibleContext(),k=f?function(...e){return e.filter(Boolean).join(" ")||void 0}(s,P):s;return"input"===y?a.jsx("input",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,type:h,value:I,...!S&&O}):"textarea"===y?a.jsx("textarea",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,rows:L,...!S&&O,children:I}):a.jsx("div",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,"aria-readonly":!0,autofocus:b,class:_,ref:F,role:"textbox",...O,children:I})}}));
+define(['exports', 'preact/jsx-runtime', './useAccessibleContext-23e8a333', './FormContext-5130e198', './useFormContext-30acdd33', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './useTranslationBundle-6ef0dab6'], (function(e,a,o,t,l,s,n,r,i,d,b,u,c,m,x){"use strict";e.ReadonlyTextFieldInput=function({"aria-describedby":e,"aria-label":t,"aria-labelledby":s,autoFocus:b,as:y="div",elementRef:F,hasEmptyLabel:f,hasInsideLabel:p=!1,inlineUserAssistance:T,innerReadonlyField:C,rows:L,type:h,value:I="",variant:R,...A}){const j=x.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading(),{isFormLayout:v,isReadonly:g}=l.useFormContext(),{isLoading:w}=u.useFormFieldContext(),B=w?j:t,M=[...Object.values(i.textInterpolations)],N=d.mergeInterpolations(M),{class:E}=N(A),{classes:U}=c.useComponentTheme(m.ReadonlyTextFieldInputRedwoodTheme,{textarea:"textarea"===R?"isTextArea":"notTextArea",formLayout:v?"isFormLayout":"notFormLayout",readonlyForm:g?"isReadonlyForm":"notReadonlyForm",insideLabel:p?"hasInsideLabel":"noInsideLabel"}),_=r.classNames([U,E]),{isTabbable:S,tabbableModeProps:O}=n.useTabbableMode(),{UNSAFE_ariaLabelledBy:P}=o.useAccessibleContext(),k=f?function(...e){return e.filter(Boolean).join(" ")||void 0}(s,P):s;return"input"===y?a.jsx("input",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,type:h,value:I,...!S&&O}):"textarea"===y?a.jsx("textarea",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,rows:L,...!S&&O,children:I}):a.jsx("div",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,"aria-readonly":!0,autofocus:b,class:_,ref:F,role:"textbox",...O,children:I})}}));
 //# sourceMappingURL=ReadonlyTextFieldInput-a5e85e5d.js.map

package/amd/RemovableNavigationListItem-87ecbae7.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './BaseNavigationListItem-4a940426', './Close-479a300b', 'preact/hooks', './useHover-1890d6a0', './useTranslationBundle-20bfc0f3', './EmbeddedIconButton-b22df710'], (function(e,t,a,i,o,n,s,r){"use strict";e.RemovableNavigationListItem=function({itemKey:e,label:l,badge:c,metadata:d,severity:v}){const{selection:u,currentKey:m,onRemove:b}=a.useNavigationListContext(),x=u===e,g=m===e,j=o.useCallback((()=>{b?.({value:e})}),[b,e]),{hoverProps:B,isHover:f}=n.useHover({}),p=s.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{...B,children:t.jsx(a.BaseNavigationListItem,{itemKey:e,label:l,badge:c,metadata:d,severity:v,removeIcon:t.jsx("span",{"data-oj-navigationlist-item-remove-icon":!0,children:t.jsx(r.EmbeddedIconButton,{"aria-label":p.tabBarNavigationList_removeCueText(),size:"xs",onAction:j,children:(f||x||g)&&t.jsx(i.SvgClose,{})})})})})}}));
+define(['exports', 'preact/jsx-runtime', './BaseNavigationListItem-4a940426', './Close-479a300b', 'preact/hooks', './useHover-1890d6a0', './useTranslationBundle-6ef0dab6', './EmbeddedIconButton-b22df710'], (function(e,t,a,i,o,n,s,r){"use strict";e.RemovableNavigationListItem=function({itemKey:e,label:l,badge:d,metadata:c,severity:v}){const{selection:u,currentKey:m,onRemove:b}=a.useNavigationListContext(),x=u===e,g=m===e,j=o.useCallback((()=>{b?.({value:e})}),[b,e]),{hoverProps:B,isHover:p}=n.useHover({}),I=s.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{...B,children:t.jsx(a.BaseNavigationListItem,{itemKey:e,label:l,badge:d,metadata:c,severity:v,removeIcon:t.jsx("span",{"data-oj-navigationlist-item-remove-icon":!0,children:t.jsx(r.EmbeddedIconButton,{"aria-label":I.tabBarNavigationList_removeCueText(),size:"xs",onAction:j,children:(p||x||g)&&t.jsx(i.SvgClose,{})})})})})}}));
 //# sourceMappingURL=RemovableNavigationListItem-87ecbae7.js.map

package/amd/RemovableTabBarItem-89287a9b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-1890d6a0', './Close-479a300b', './Flex-db3ddadb', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './TabBarItem-7f4a5e0b', './useTranslationBundle-20bfc0f3', './EmbeddedIconButton-b22df710'], (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:f,"aria-controls":B}){const{selection:j,currentKey:p,layout:I,onRemove:T}=i.useTabBarContext(),h=j===e,y=p===e,g=t.useCallback((()=>{T?.({value:e})}),[T,e]),{hoverProps:C,isHover:H}=o.useHover({}),K=s.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===I?"1 0 auto":"0 0 auto"}),k=b.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...C,style:K,children:a.jsx(n.Flex,{children:a.jsx(c.BaseTabBarItem,{"aria-controls":B,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:f,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(d.EmbeddedIconButton,{"aria-label":k.tabBarNavigationList_removeCueText(),size:"xs",onAction:g,children:(H||h||y)&&a.jsx(r.SvgClose,{})})})})})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-1890d6a0', './Close-479a300b', './Flex-1f27b601', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './TabBarItem-7f4a5e0b', './useTranslationBundle-6ef0dab6', './EmbeddedIconButton-b22df710'], (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:f,"aria-controls":B}){const{selection:j,currentKey:p,layout:I,onRemove:T}=i.useTabBarContext(),h=j===e,y=p===e,g=t.useCallback((()=>{T?.({value:e})}),[T,e]),{hoverProps:C,isHover:H}=o.useHover({}),K=s.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===I?"1 0 auto":"0 0 auto"}),k=b.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...C,style:K,children:a.jsx(n.Flex,{children:a.jsx(c.BaseTabBarItem,{"aria-controls":B,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:f,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(d.EmbeddedIconButton,{"aria-label":k.tabBarNavigationList_removeCueText(),size:"xs",onAction:g,children:(H||h||y)&&a.jsx(r.SvgClose,{})})})})})})}}));
 //# sourceMappingURL=RemovableTabBarItem-89287a9b.js.map

package/amd/ReorderableTabBar-05821909.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-09197914', './TabBar-10096a0c', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-6740111c', './LayerHost-0a244de8', 'preact/compat', './useReorderableItem-d977f935', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './useTabBarContext-15a23bb6', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,a,s,o,l,d,n,i,c,b,u,y,R,f,m){"use strict";const x='[role="tab"]';function g({children:e,dragKey:t,setDragKey:s,onReorder:o,layout:l,rootRef:c}){const b=a.useRef(null),f=a.useCallback((()=>b?.current?.querySelector(x)),[]),m=a.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",i.getKey(f())+"")}),[f]),{currentKey:g}=R.useTabBarContext(),{rootProps:p,isDragged:h,overlayZoneBeforeProps:v,overlayZoneAfterProps:j}=u.useReorderableItem({currentKey:g,isDisabled:!o,draggable:!!o,dragKey:t,setDragKey:s,onReorder:o,rootRef:c,ref:b,getItem:f,setTransferData:m,itemStyles:y.styles,itemSelector:x}),I=d.mergeInterpolations([...Object.values(n.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"});return r.jsxs("div",{...p,style:I,children:[e,!h&&t&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...v}),r.jsx("div",{...j})]})]})}e.ReorderableTabBar=function({"aria-label":e,"aria-labelledby":d,children:n,layout:i="stretch",display:c="standard",size:b="md",edge:y="top",selection:R,onSelect:f,onRemove:m,onReorder:p,testId:h}){const v=a.useRef(null),[j,I]=a.useState(void 0),S="stacked"===c?{display:c}:{display:c,size:b},{reorderProps:D,reorderContext:K,reorderInstructionsId:T,reorderStatus:B,reorderInstructions:C}=u.useReorderable({onReorder:p,rootRef:v,itemSelector:x});return r.jsxs("div",{ref:v,...D,children:[r.jsx(u.ReorderableContext.Provider,{value:K,children:r.jsx(l.TabBar,{"aria-label":e,"aria-labelledby":d,layout:i,edge:y,selection:R,onSelect:f,onRemove:m,testId:h,...S,"aria-describedby":T,children:t.toChildArray(n).map((e=>r.jsx(g,{dragKey:j,setDragKey:I,onReorder:p,layout:i,rootRef:v,children:e})))})}),r.jsx("span",{id:T,children:r.jsx(s.HiddenAccessible,{children:C})}),r.jsx(o.LiveRegion,{children:B})]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-be6f36d7', './TabBar-10096a0c', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-6740111c', './LayerHost-eab40731', 'preact/compat', './useReorderableItem-d977f935', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './useTabBarContext-15a23bb6', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,a,s,o,l,d,n,i,c,b,u,y,f,R,m){"use strict";const x='[role="tab"]';function g({children:e,dragKey:t,setDragKey:s,onReorder:o,layout:l,rootRef:c}){const b=a.useRef(null),R=a.useCallback((()=>b?.current?.querySelector(x)),[]),m=a.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",i.getKey(R())+"")}),[R]),{currentKey:g}=f.useTabBarContext(),{rootProps:p,isDragged:h,overlayZoneBeforeProps:v,overlayZoneAfterProps:j}=u.useReorderableItem({currentKey:g,isDisabled:!o,draggable:!!o,dragKey:t,setDragKey:s,onReorder:o,rootRef:c,ref:b,getItem:R,setTransferData:m,itemStyles:y.styles,itemSelector:x}),I=d.mergeInterpolations([...Object.values(n.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"});return r.jsxs("div",{...p,style:I,children:[e,!h&&t&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...v}),r.jsx("div",{...j})]})]})}e.ReorderableTabBar=function({"aria-label":e,"aria-labelledby":d,children:n,layout:i="stretch",display:c="standard",size:b="md",edge:y="top",selection:f,onSelect:R,onRemove:m,onReorder:p,testId:h}){const v=a.useRef(null),[j,I]=a.useState(void 0),S="stacked"===c?{display:c}:{display:c,size:b},{reorderProps:D,reorderContext:K,reorderInstructionsId:T,reorderStatus:B,reorderInstructions:C}=u.useReorderable({onReorder:p,rootRef:v,itemSelector:x});return r.jsxs("div",{ref:v,...D,children:[r.jsx(u.ReorderableContext.Provider,{value:K,children:r.jsx(l.TabBar,{"aria-label":e,"aria-labelledby":d,layout:i,edge:y,selection:f,onSelect:R,onRemove:m,testId:h,...S,"aria-describedby":T,children:t.toChildArray(n).map((e=>r.jsx(g,{dragKey:j,setDragKey:I,onReorder:p,layout:i,rootRef:v,children:e})))})}),r.jsx("span",{id:T,children:r.jsx(s.HiddenAccessible,{children:C})}),r.jsx(o.LiveRegion,{children:B})]})}}));
 //# sourceMappingURL=ReorderableTabBar-05821909.js.map

package/amd/RevealToggleIcon-ef89d654.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './ViewHide-f3fd77c4', './View-b1adebab', './useTranslationBundle-20bfc0f3', './IconSwitchButton-0e888503'], (function(e,o,t,i,n,s){"use strict";e.RevealToggleIcon=function({accessibleLabel:e,isRevealed:l,onToggle:c,testId:a,tooltipHide:r,tooltipShow:d}){const u=n.useTranslationBundle("@oracle/oraclejet-preact"),f=r||u.formControl_hide(),b=d||u.formControl_show();return o.jsx(s.IconSwitchButton,{tooltip:l?f:b,accessibleLabel:e,isSelected:!l,onToggle:c,testId:a,size:"sm",children:l?o.jsx(t.SvgViewHide,{}):o.jsx(i.SvgView,{})})}}));
+define(['exports', 'preact/jsx-runtime', './ViewHide-f3fd77c4', './View-b1adebab', './useTranslationBundle-6ef0dab6', './IconSwitchButton-0e888503'], (function(e,o,t,i,n,s){"use strict";e.RevealToggleIcon=function({accessibleLabel:e,isRevealed:l,onToggle:c,testId:a,tooltipHide:r,tooltipShow:d}){const u=n.useTranslationBundle("@oracle/oraclejet-preact"),b=r||u.formControl_hide(),f=d||u.formControl_show();return o.jsx(s.IconSwitchButton,{tooltip:l?b:f,accessibleLabel:e,isSelected:!l,onToggle:c,testId:a,size:"sm",children:l?o.jsx(t.SvgViewHide,{}):o.jsx(i.SvgView,{})})}}));
 //# sourceMappingURL=RevealToggleIcon-ef89d654.js.map

package/amd/SectionalLegend-798dbecb.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useVisEvents-ac97d087', './mergeProps-bcfa6a92', './layoutUtils-3c2d340e', './useLegendContextMenu-5b1ca75b', './useItemFocus-75d6510d', './Flex-db3ddadb', './UNSAFE_Legend/themes/LegendStyles.css', './useCssVars-7efb591d', './classNames-08d99695', './useTestId-f3b8b319', './useVisTouchResponse-36416652', './stringUtils-0ae982c2'], (function(e,t,n,o,i,s,d,r,a,l,c,m,I,u,f){"use strict";function g(e,t){const{sectionIdx:n,itemIdx:o}=e;if(-1==n&&-1==o){const e=t[t.length-1].items.length;return t[t.length-1].items[e-1]}return t[n].items[o]}function x(e,t){let{itemIdx:n,sectionIdx:o}=e;if(-1==o&&-1==n)return{itemIdx:t[t.length-1].items.length-1,sectionIdx:t.length-1};n+=1;n>=t[o].items.length&&(o===t.length-1?n=e.itemIdx:(o+=1,n=0));const i=t[o].items[n];return"off"!==i?.actionable?{itemIdx:n,sectionIdx:o}:x({itemIdx:n,sectionIdx:o},t)}function h(e,t){let{itemIdx:n,sectionIdx:o}=e;-1==o&&-1==n&&(n=t[t.length-1].items.length-1,o=t.length-1),n-=1,n<0&&(0===o?n=0:(n=t[o-1].items.length-1,o-=1));const i=t[o].items[n];return"off"!==i?.actionable?{itemIdx:n,sectionIdx:o}:h({itemIdx:n,sectionIdx:o},t)}function p(e){return{getItem:t=>g(t,e),getDetailFromInfo:t=>{if(!t)return{itemId:void 0,sectionId:void 0,data:void 0};const n=g(t,e),o=e[t.sectionIdx].id;return{itemId:n.id,sectionId:o,data:e[t.sectionIdx].items[t.itemIdx]}},getPrevItemInfo:t=>h(t,e),getNextItemInfo:t=>x(t,e)}}e.SectionalLegend=function({orientation:e="horizontal",sectionTitleHAlign:g="start",sections:x,isReadOnly:h=!0,onItemAction:y,onItemHover:v,onItemFocus:b,testId:F,contextMenuConfig:S,hideAndShowBehavior:R="off",hoverBehavior:C="none",...L}){const T=I.useTestId(F),P=n.useRef(null),W=n.useRef(),{resolvedVars:w,cssContent:D}=c.useCssVars(d.legendVars),{getItem:M,getDetailFromInfo:V,getPrevItemInfo:j,getNextItemInfo:A}=p(x),B=d.getLegendTextStyle({fontStyle:L.textFontStyle,fontSize:L.textFontSize?.toString(),fontWeight:L.textFontWeight?.toString(),fontFamily:L.textFontFamily},w),z=d.getIsLegendItemActionable(x,h,!0),{textMeasureContent:N,layoutInfo:E}=d.useLegendLayout({rootRef:P,rootDimsRef:W,resolvedVars:w,sections:x,orientation:e,legendFontStylesObj:B,symbolWidth:L.symbolWidth}),{touchResponse:O,touchResponseStyle:U}=u.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:H,hoveredItemInfo:k,onContextMenuDismissed:q,activeId:G,eventsProps:K}=o.useVisEvent(O,!h,z,d.getKeyUpHandler,V,j,A,y,v,b,d.isEqualItem,d.getItemInfo,{itemIdx:0,sectionIdx:0}),{focusedItemRef:_}=r.useItemFocus(H),J=d.getDatatipText(x,M,H,k),{datatipContent:Q,datatipProps:{"aria-describedby":X,...Y}}=d.useLegendDatatip({text:J,rootDimsRef:W,focusedItemInfo:H,focusedItemRef:_,touchResponse:O}),Z=d.getAriaProps(h,L["aria-label"],L.hiddenIds,f.merge([L["aria-describedby"],X]),L["aria-labelledby"]),{contextMenuContent:$,contextMenuProps:ee}=d.useLegendContextMenu({rootRef:P,contextMenuConfig:S,focusedItemInfo:H,sections:x,isReadOnly:h,onContextMenuDismissed:q}),te=i.mergeProps(K,Y,ee),ne={fontFamily:L.sectionTitleFontFamily,fontSize:L.sectionTitleFontSize,color:L.sectionTitleColor,fontStyle:L.sectionTitleFontStyle,fontWeight:L.sectionTitleFontWeight,textDecoration:L.sectionTitleTextDecoration},{sectionalLegendBaseStyles:oe,renderedLegendStyle:ie,preRenderedLegendStyle:se}=l.styles,de="horizontal"===e,re="vertical"===e||!!E;return t.jsxs("div",{ref:P,tabIndex:h?void 0:0,role:"application",class:m.classNames([oe,re?ie:se]),style:U,...T,...Z,...te,"aria-activedescendant":G,children:[re?t.jsx(a.Flex,{direction:de?"row":"column",wrap:"wrap",gap:"4x",children:x.map(((n,o)=>{const i=h?"":s.getRandomId(),r=!!E&&E.isWrapped,l=!de||r?"column":"row",c=!de||r?"start":"center",{itemsPerCol:m,itemsPerRow:I}=d.getGridNums(n.items.length,E);return t.jsxs(a.Flex,{align:c,direction:l,maxWidth:"100%",justify:"start",wrap:"wrap",children:[t.jsx(d.LegendText,{text:n.title,...ne,type:"title",id:i,align:g}),t.jsx(d.BaseLegend,{...L,focusedItemRef:_,labelledBy:i,sectionIdx:o,items:n.items,orientation:e,itemsPerRow:I,itemsPerCol:m,itemWidth:E?.isWrapped?E?.maxItemWidth:void 0,isReadOnly:h,focusedItemInfo:H,hoveredItemInfo:k,activeId:G,hideAndShowBehavior:R,hoverBehavior:C})]})}))}):null,Q,N,D,$]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useVisEvents-75dbf576', './mergeProps-bcfa6a92', './layoutUtils-3c2d340e', './useLegendContextMenu-5b1ca75b', './useItemFocus-75d6510d', './Flex-1f27b601', './UNSAFE_Legend/themes/LegendStyles.css', './useCssVars-948d1e7c', './classNames-08d99695', './useTestId-82cf22a4', './useVisTouchResponse-36416652', './stringUtils-0ae982c2'], (function(e,t,n,o,i,s,d,r,a,l,c,m,I,u,f){"use strict";function g(e,t){const{sectionIdx:n,itemIdx:o}=e;if(-1==n&&-1==o){const e=t[t.length-1].items.length;return t[t.length-1].items[e-1]}return t[n].items[o]}function x(e,t){let{itemIdx:n,sectionIdx:o}=e;if(-1==o&&-1==n)return{itemIdx:t[t.length-1].items.length-1,sectionIdx:t.length-1};n+=1;n>=t[o].items.length&&(o===t.length-1?n=e.itemIdx:(o+=1,n=0));const i=t[o].items[n];return"off"!==i?.actionable?{itemIdx:n,sectionIdx:o}:x({itemIdx:n,sectionIdx:o},t)}function h(e,t){let{itemIdx:n,sectionIdx:o}=e;-1==o&&-1==n&&(n=t[t.length-1].items.length-1,o=t.length-1),n-=1,n<0&&(0===o?n=0:(n=t[o-1].items.length-1,o-=1));const i=t[o].items[n];return"off"!==i?.actionable?{itemIdx:n,sectionIdx:o}:h({itemIdx:n,sectionIdx:o},t)}function p(e){return{getItem:t=>g(t,e),getDetailFromInfo:t=>{if(!t)return{itemId:void 0,sectionId:void 0,data:void 0};const n=g(t,e),o=e[t.sectionIdx].id;return{itemId:n.id,sectionId:o,data:e[t.sectionIdx].items[t.itemIdx]}},getPrevItemInfo:t=>h(t,e),getNextItemInfo:t=>x(t,e)}}e.SectionalLegend=function({orientation:e="horizontal",sectionTitleHAlign:g="start",sections:x,isReadOnly:h=!0,onItemAction:y,onItemHover:v,onItemFocus:F,testId:S,contextMenuConfig:R,hideAndShowBehavior:b="off",hoverBehavior:C="none",...L}){const T=I.useTestId(S),P=n.useRef(null),W=n.useRef(),{resolvedVars:w,cssContent:D}=c.useCssVars(d.legendVars),{getItem:M,getDetailFromInfo:V,getPrevItemInfo:j,getNextItemInfo:A}=p(x),B=d.getLegendTextStyle({fontStyle:L.textFontStyle,fontSize:L.textFontSize?.toString(),fontWeight:L.textFontWeight?.toString(),fontFamily:L.textFontFamily},w),z=d.getIsLegendItemActionable(x,h,!0),{textMeasureContent:N,layoutInfo:E}=d.useLegendLayout({rootRef:P,rootDimsRef:W,resolvedVars:w,sections:x,orientation:e,legendFontStylesObj:B,symbolWidth:L.symbolWidth}),{touchResponse:O,touchResponseStyle:U}=u.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:H,hoveredItemInfo:k,onContextMenuDismissed:q,activeId:G,eventsProps:K}=o.useVisEvent(O,!h,z,d.getKeyUpHandler,V,j,A,y,v,F,d.isEqualItem,d.getItemInfo,{itemIdx:0,sectionIdx:0}),{focusedItemRef:_}=r.useItemFocus(H),J=d.getDatatipText(x,M,H,k),{datatipContent:Q,datatipProps:{"aria-describedby":X,...Y}}=d.useLegendDatatip({text:J,rootDimsRef:W,focusedItemInfo:H,focusedItemRef:_,touchResponse:O}),Z=d.getAriaProps(h,L["aria-label"],L.hiddenIds,f.merge([L["aria-describedby"],X]),L["aria-labelledby"]),{contextMenuContent:$,contextMenuProps:ee}=d.useLegendContextMenu({rootRef:P,contextMenuConfig:R,focusedItemInfo:H,sections:x,isReadOnly:h,onContextMenuDismissed:q}),te=i.mergeProps(K,Y,ee),ne={fontFamily:L.sectionTitleFontFamily,fontSize:L.sectionTitleFontSize,color:L.sectionTitleColor,fontStyle:L.sectionTitleFontStyle,fontWeight:L.sectionTitleFontWeight,textDecoration:L.sectionTitleTextDecoration},{sectionalLegendBaseStyles:oe,renderedLegendStyle:ie,preRenderedLegendStyle:se}=l.styles,de="horizontal"===e,re="vertical"===e||!!E;return t.jsxs("div",{ref:P,tabIndex:h?void 0:0,role:"application",class:m.classNames([oe,re?ie:se]),style:U,...T,...Z,...te,"aria-activedescendant":G,children:[re?t.jsx(a.Flex,{direction:de?"row":"column",wrap:"wrap",gap:"4x",children:x.map(((n,o)=>{const i=h?"":s.getRandomId(),r=!!E&&E.isWrapped,l=!de||r?"column":"row",c=!de||r?"start":"center",{itemsPerCol:m,itemsPerRow:I}=d.getGridNums(n.items.length,E);return t.jsxs(a.Flex,{align:c,direction:l,maxWidth:"100%",justify:"start",wrap:"wrap",children:[t.jsx(d.LegendText,{text:n.title,...ne,type:"title",id:i,align:g}),t.jsx(d.BaseLegend,{...L,focusedItemRef:_,labelledBy:i,sectionIdx:o,items:n.items,orientation:e,itemsPerRow:I,itemsPerCol:m,itemWidth:E?.isWrapped?E?.maxItemWidth:void 0,isReadOnly:h,focusedItemInfo:H,hoveredItemInfo:k,activeId:G,hideAndShowBehavior:b,hoverBehavior:C})]})}))}):null,Q,N,D,$]})}}));
 //# sourceMappingURL=SectionalLegend-798dbecb.js.map

package/amd/SectionedContent-655a773a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Dropdown-de472a1d', './Flex-1f27b601', './FocusTrap-eb3989cb', './keyboardUtils-244467a7', './useTestId-82cf22a4', './View-8701dec6'], (function(e,n,o,t,i,a,d,s,r){"use strict";const c="bottom-start";e.SectionedContent=({"aria-label":e,contentRef:t,gap:c,footer:l,hasFocusTrap:p=!1,header:u,main:x,paddingBlockEnd:g="4x",paddingBlockStart:b="4x",paddingInlineEnd:f="4x",paddingInlineStart:h="4x",role:k,testId:S})=>{const I=s.useTestId(S),j=o.useRef(null),m=t??j,w=o.useCallback((e=>{e.code===d.KEYS.TAB&&e.stopPropagation()}),[]),F=n.jsxs(i.Flex,{direction:"column",gap:c,children:[u,n.jsx(r.View,{paddingBlockEnd:g,paddingBlockStart:b,paddingInlineEnd:f,paddingInlineStart:h,children:x}),l]}),T=p?n.jsx(a.FocusTrap,{restoreFocusRef:!1,children:F}):{sections:F};return n.jsx("div",{"aria-label":e,onKeyDown:p?w:void 0,ref:m,role:k,...I,children:T})},e.StickyPositioningDropdown=({children:e,isOpen:i,onPosition:a,...d})=>{const[s,r]=o.useState(c),[l,p]=o.useState(i);l!==i&&(p(i),i||r(c));const u=o.useCallback((e=>{r(e.placement),a?.(e)}),[a,r]);return n.jsx(t.Dropdown,{isOpen:i,onPosition:u,placement:s,...d,children:e})}}));
+//# sourceMappingURL=SectionedContent-655a773a.js.map

package/amd/{SectionedContent-d896b84f.js.map → SectionedContent-655a773a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SectionedContent-d896b84f.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\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  }\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  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\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 { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PLACEMENT","ariaLabel","contentRef","propRef","gap","footer","hasFocusTrap","header","main","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","role","testId","testIdProps","useTestId","cRef","useRef","handleKeyDown","useCallback","event","code","KEYS","TAB","stopPropagation","sections","_jsxs","Flex","direction","children","_jsx","View","childContent","FocusTrap","restoreFocusRef","onKeyDown","undefined","ref","isOpen","onPosition","rest","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","Dropdown"],"mappings":"oOA8BA,MAAMA,EAAoB,kCCqEM,EAC9B,aAAcC,EACdC,WAAYC,EACZC,MACAC,SACAC,gBAAe,EACfC,SACAC,OACAC,kBAAkB,KAClBC,oBAAoB,KACpBC,mBAAmB,KACnBC,qBAAqB,KACrBC,OACAC,aAEA,MAAMC,EAAcC,YAAUF,GAExBG,EAAOC,SAAuB,MAC9BhB,EAAaC,GAAWc,EAExBE,EAAgBC,eAAaC,IAC7BA,EAAMC,OAASC,EAAIA,KAACC,KACtBH,EAAMI,iBACP,GACA,IAEGC,EACJC,OAACC,OAAI,CAACC,UAAU,SAASzB,IAAKA,EAAG0B,SAAA,CAC9BvB,EACDwB,EAAAA,IAACC,EAAAA,KACC,CAAAvB,gBAAiBA,EACjBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,mBAAoBA,WACnBJ,IAEFH,KAKC4B,EAAe3B,EACnByB,MAACG,EAAAA,UAAS,CAACC,iBAAiB,EAAQL,SAAAJ,KAElCA,YAGJ,OACEK,EAAAA,IAAA,MAAA,CAAA,aACc9B,EACZmC,UAAW9B,EAAea,OAAgBkB,EAC1CC,IAAKpC,EACLW,KAAMA,KACFE,EAAWe,SACdG,GAEH,8BDpH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B5C,IAChE6C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa3C,IAGjB,MAAM+C,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,MAACkB,EAAQA,SAAA,CAACV,OAAQA,EAAQC,WAAYO,EAAgBL,UAAWA,KAAeD,EAC7EX,SAAAA,GAEH"}
+{"version":3,"file":"SectionedContent-655a773a.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\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  }\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  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\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 { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PLACEMENT","ariaLabel","contentRef","propRef","gap","footer","hasFocusTrap","header","main","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","role","testId","testIdProps","useTestId","cRef","useRef","handleKeyDown","useCallback","event","code","KEYS","TAB","stopPropagation","sections","_jsxs","Flex","direction","children","_jsx","View","childContent","FocusTrap","restoreFocusRef","onKeyDown","undefined","ref","isOpen","onPosition","rest","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","Dropdown"],"mappings":"oOA8BA,MAAMA,EAAoB,kCCqEM,EAC9B,aAAcC,EACdC,WAAYC,EACZC,MACAC,SACAC,gBAAe,EACfC,SACAC,OACAC,kBAAkB,KAClBC,oBAAoB,KACpBC,mBAAmB,KACnBC,qBAAqB,KACrBC,OACAC,aAEA,MAAMC,EAAcC,YAAUF,GAExBG,EAAOC,SAAuB,MAC9BhB,EAAaC,GAAWc,EAExBE,EAAgBC,eAAaC,IAC7BA,EAAMC,OAASC,EAAIA,KAACC,KACtBH,EAAMI,iBACP,GACA,IAEGC,EACJC,OAACC,OAAI,CAACC,UAAU,SAASzB,IAAKA,EAAG0B,SAAA,CAC9BvB,EACDwB,EAAAA,IAACC,EAAAA,KACC,CAAAvB,gBAAiBA,EACjBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,mBAAoBA,WACnBJ,IAEFH,KAKC4B,EAAe3B,EACnByB,MAACG,EAAAA,UAAS,CAACC,iBAAiB,EAAQL,SAAAJ,KAElCA,YAGJ,OACEK,EAAAA,IAAA,MAAA,CAAA,aACc9B,EACZmC,UAAW9B,EAAea,OAAgBkB,EAC1CC,IAAKpC,EACLW,KAAMA,KACFE,EAAWe,SACdG,GAEH,8BDpH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B5C,IAChE6C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa3C,IAGjB,MAAM+C,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,MAACkB,EAAQA,SAAA,CAACV,OAAQA,EAAQC,WAAYO,EAAgBL,UAAWA,KAAeD,EAC7EX,SAAAA,GAEH"}

package/amd/{SelectMultiple-fabd883c.js → SelectMultiple-06da3db0.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Label-3f8fc274', 'preact/hooks', 'preact/compat', './TextFieldInput-dfd9529f', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-a5e85e5d', './StyledTextField-8ac3bbb4', './Flex-db3ddadb', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'css!./LabelValueLayoutStyles.styles.css', './logger-0f873e29', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./RadioStyles.styles.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioVariants.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', 'css!./CheckboxStyles.styles.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', './InputGroupContext-372087af', './LayerHost-0a244de8', './useTranslationBundle-20bfc0f3', 'css!./LiveRegionStyles.styles.css', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', './CompactUserAssistance-b2cbdbad', './useTooltipControlled-18271c7a', 'preact', 'css!./IconStyle.styles.css', './Popup-b5495d55', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-c2f98a8b', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-e6877c79', './useSelectCommon-8657b927', './useAccessibleContext-23e8a333', './textAlign-ef924afd', './useFormFieldContext-8196183c', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-0fc70892', './UNSAFE_SelectMultiple/themes/SelectedValuesCountStyles.css', './Chip-26339152', './IconButton-1b328b69', './CancelS-a0d8e178', './useFocusWithin-5a504fca', './useUser-9b166ca3', './keyboardUtils-244467a7', './classNames-08d99695', './dimensions-89f18413', './mergeInterpolations-9ede4cf7', './HiddenAccessible-037ef42d', './Text-e132dec0', './Close-479a300b', './useId-c9578d26', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './LiveRegion-09197914', './View-10a5769c', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './Button-43090a22', './useEffectEvent-8467275b', './equals-e73adbe3', './mergeProps-bcfa6a92', './stringUtils-0ae982c2'], (function(e,s,t,n,o,i,a,l,r,d,c,u,p,h,b,y,x,m,S,f,v,w,T,g,F,C,D,A,L,R,I,E,k,V,K,U,j,P,B,M,O,N,_,H,z,q,Y,W,$,G,Z,J,Q,X,ee,se,te,ne,oe,ie,ae,le,re,de,ce,ue,pe,he,be,ye,xe,me,Se,fe,ve,we,Te,ge,Fe,Ce,De,Ae,Le){"use strict";function Re({assistiveText:e,currentKey:t,data:n,dropdownId:o,dropdownRef:i,helpSourceLink:a,helpSourceText:l,isAddToListShown:r,isDisabled:d,isDropdownAbove:c,isEmptyResults:u,isOpen:p,isReadonly:h,isSelectedOnlyView:b,isUserFiltering:y,itemRenderer:x,itemText:m,label:S,mainFieldRef:f,searchText:v,selectedKeys:w,userAssistanceDensity:T,onAddToListAction:g,onAutoDismiss:F,onCurrentKeyChange:C,onLoadRange:D,onPosition:A,onSelectionChange:L}){const R=K.useTranslationBundle("@oracle/oraclejet-preact"),I=!p||c||d||h||!e&&!a||"efficient"!==T&&"reflow"!==T?void 0:s.jsx(Q.DropdownUserAssistance,{assistiveText:e,fieldLabel:S,helpSourceLink:a,helpSourceText:l,userAssistanceDensity:T}),E=u?r?void 0:s.jsx(Q.EmptyResults,{}):s.jsx(Q.DefaultList,{"aria-label":S??"",currentItemVariant:"highlight",currentKey:t,data:n,itemRenderer:x,itemText:m,searchText:b?void 0:y?v:void 0,selectedKeys:w,selectionMode:"multiple",onCurrentKeyChange:C,onLoadRange:D,onSelectionChange:L}),k=r?s.jsx(Q.LinkItem,{isHighlighted:u,onAction:g,children:R.select_addToList()}):void 0;return s.jsxs(Q.Dropdown,{dropdownRef:i,id:o,isOpen:p,anchorRef:f,onAutoDismiss:F,onPosition:A,children:[s.jsxs(Q.DropdownList,{hasBottomGap:void 0===I,isLoading:null===n,children:[E,k]}),I]})}function Ie({"aria-label":e,count:t=0,onKeyDown:n,onKeyUp:o,onMouseDown:i,...a}){const l=K.useTranslationBundle("@oracle/oraclejet-preact"),r=l.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=l.selectMultiple_countPlus({COUNT:"99"}),u=t>99?`${c}`:`${t}`,p=`${d}${l.selectMultiple_valuesSelected({VALUE_COUNT:`${t}`})} ${r}`;return s.jsx("div",{class:ie.selectedValueCountStyles.base,onKeyDown:n,onKeyUp:o,onMouseDown:i,children:s.jsx(ae.Chip,{"aria-label":p,...a,children:u})})}function Ee({children:e,columnSpan:t,fieldLabel:n,hasInsideLabel:o,isBackButtonShown:i,isClearButtonShown:a,isDropdownArrowShown:l,isDropdownSelectedOnlyView:r,isSelectedValuesCountShown:c,selectedValuesCount:u,onBackButtonClick:p,onClearButtonClick:h,onDropdownArrowClick:b,onSelectedValuesCountKeyDown:y,onSelectedValuesCountKeyUp:x,onSelectedValuesCountMouseDown:m,onSelectedValuesCountToggle:S,...f}){const{isDisabled:v,isLoading:w}=se.useFormFieldContext(),T=K.useTranslationBundle("@oracle/oraclejet-preact"),g=i?s.jsx(le.IconButton,{"aria-label":T.selectMultiple_back(),size:"xs",variant:"ghost",onAction:p,children:s.jsx(re.SvgNavLeft,{})}):null,F=a?s.jsx(le.IconButton,{"aria-label":T.formControl_clear(),size:"sm",variant:"ghost",onAction:h,children:s.jsx(re.SvgCancelS,{})}):null,C=l?s.jsx(Q.DropdownArrow,{isDisabled:v,onClick:b,testId:`${f.testId}_dropdownarrow`}):null,D=w?void 0:c?s.jsxs(d.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[s.jsx(Ie,{"aria-label":n,count:u,isDisabled:v,isSelected:r,onKeyDown:y,onKeyUp:x,onMouseDown:m,onToggle:S}),a&&F,l&&C]}):s.jsxs(s.Fragment,{children:[a&&F,l&&C]});return s.jsx(oe.TextField,{columnSpan:t,startContent:i&&g,mainContent:e,endContent:D,...f})}function ke({children:e,removeIcon:t="never",isSelected:o=!1,onRemoveAction:i,onSelect:a,onRemoveIconClick:l,isFocused:r,value:d}){const c=K.useTranslationBundle("@oracle/oraclejet-preact"),u=n.useRef(null),p=Se.useId(),h=pe.classNames([fe.textTagStyles.base,o&&fe.textTagStyles.selected]),b=n.useCallback((()=>{i?.(d)}),[d,i]),y=n.useCallback((()=>{a?.(d)}),[d,a]),x=n.useCallback((()=>{l?.(d)}),[d,l]),m=n.useCallback((e=>{ue.isBackspaceOrDelete(e)&&b()}),[b]);return n.useEffect((()=>{r&&o&&(u.current?.focus(),u.current?.scrollIntoView({block:"nearest"}))}),[r,o]),s.jsxs(s.Fragment,{children:[s.jsxs("span",{ref:u,class:h,tabIndex:-1,onClick:y,onKeyUp:m,onMouseDown:Q.preventDefault,role:"option","aria-describedby":p,"aria-selected":o?"true":"false",children:[s.jsx(xe.Text,{size:"md",variant:"inherit",children:e}),"always"===t&&s.jsx(j.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(le.IconButton,{size:"xs",variant:"ghost",onAction:x,children:s.jsx(me.SvgClose,{})})})]}),s.jsx(ye.HiddenAccessible,{id:p,children:c.selectMultiple_removeSelectedTagInstructionText()})]})}const Ve=Array.from(["maxWidth"],(e=>he.dimensionInterpolations[e])),Ke=be.mergeInterpolations(Ve);const Ue=o.forwardRef((function(e,t=(()=>{})){const{"aria-label":o,data:i,hasInsideLabel:a=!1,removeIcon:l="never",onExitNavigation:r,onRemove:d}=e,c=n.useRef(null),[u,p]=n.useState([]),{direction:h}=ce.useUser(),b=n.useRef(-1),y=i.at(-1)?.value,x=n.useRef({value:y,index:i.length-1});x.current={value:y,index:i.length-1};const m=n.useCallback((e=>{const s=i.at(e)?.value;null!=s&&p([s])}),[i]),S=n.useCallback((()=>{p((e=>(b.current=-1,e.length?[]:e)))}),[]),f=n.useCallback((e=>{d?.([e]),r?.(),S()}),[S,r,d]),v=n.useCallback((e=>{const s=[...u];u.includes(e)||s.push(e),d?.(s),r?.(),S()}),[u,S,r,d]),w=n.useCallback((e=>{p([e]),b.current=i.findIndex((s=>s.value===e))}),[i,p]),T=n.useCallback((e=>{if(0!==i.length){if("ltr"===h&&"ArrowLeft"===e.code||"rtl"===h&&"ArrowRight"===e.code){if(0===b.current)return;return b.current-=1,void m(b.current)}return"ltr"===h&&"ArrowRight"===e.code||"rtl"===h&&"ArrowLeft"===e.code?b.current===i.length-1?void r?.():(b.current+=1,void m(b.current)):"Home"===e.code?(b.current=0,void m(b.current)):"End"===e.code?(b.current=i.length-1,void m(b.current)):ue.isSelectAll(e)?(p(i.map((e=>e.value))),void e.preventDefault()):void 0}}),[i,h,r,m,p]),g=n.useCallback((()=>{p((e=>e.length||void 0===x.current.value?e:(b.current=x.current.index,[x.current.value])))}),[]),F=n.useCallback((()=>{S()}),[S]),{focusProps:C}=de.useFocusWithin({onBlurWithin:F});n.useImperativeHandle(t,(()=>({blur:F,focus:g})),[F,g]),n.useEffect((()=>{c.current?.scrollTo({left:c.current.scrollWidth*("ltr"===h?1:-1)})}),[i,h]);const D=Ke(e),A=pe.classNames([ve.textTagListStyles.textTagListBase,a&&ve.textTagListStyles.textTagListInsideLabel]);return s.jsx("div",{class:A,ref:c,tabIndex:-1,onKeyDown:T,role:"listbox","aria-label":o,"aria-multiselectable":"true",style:D,...C,children:i.map(((e,t)=>s.jsx(ke,{isFocused:b.current===t,isSelected:u.includes(e.value),onRemoveAction:v,onSelect:w,onRemoveIconClick:f,removeIcon:l,value:e.value,children:e.label},e.value)))})}));function je({displayValue:e,isAddToListShown:t,isKeyboardNavigable:o,isTextTagListShown:a,isUserFiltering:l,liveRegionText:r,onExitNavigation:c,onRemove:u,removeIcon:p,selectedValuesDescriptionId:h,selectedValuesKeyboardNavDescriptionId:b,textTagListData:y,textTagListRef:x,userInput:m,virtualKeyboard:S,...f}){const v=K.useTranslationBundle("@oracle/oraclejet-preact"),w=t?v.select_addToListAvailable():void 0,T=o&&e&&e.length>0?v.selectMultiple_highlightSelectedTagsInstructionText():void 0,{isInputFocused:g}=se.useFormFieldContext(),[F,C]=n.useState(T),[D,A]=n.useState(!1);return g&&a&&!F&&T&&!D?A(!0):g||!D||A(!1),F!==T&&C(T),s.jsxs(s.Fragment,{children:[a&&s.jsx(Ue,{"aria-label":v.selectMultiple_selectedValues(),data:y,hasInsideLabel:f.hasInsideLabel,maxWidth:"50%",onExitNavigation:c,onRemove:u,ref:x,removeIcon:p}),s.jsx(d.Flex,{flex:1,children:s.jsx(i.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:a,role:"combobox",hasEndContent:!0,spellcheck:!1,type:"auto"===S?"search":S,value:l||a?m:e,...f})}),a&&s.jsx(ye.HiddenAccessible,{id:h,isHidden:!0,children:e}),a&&T&&!D&&s.jsx(ye.HiddenAccessible,{id:b,isHidden:!0,children:T}),s.jsx(we.LiveRegion,{children:r}),a&&s.jsx(we.LiveRegion,{children:D?T:void 0}),t?s.jsx(we.LiveRegion,{children:w}):void 0]})}function Pe({onApply:e}){const t=K.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:ge.mobileDropdownFooterStyles.base,children:s.jsx(Fe.Button,{display:"label",edge:"bottom",label:t.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}function Be(e,s){const t=K.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:n.useMemo((()=>{if(void 0===s)return"";const n=function(e,s){const t=s?[...s?.values()]:[],n=s=>Q.renderItemText(s,e),o=t.map(n);return new Set(o)}(e,s),o=function(e,s){return Array.from(e.values()).join(s)}(n,t);return o}),[e,t,s]),textTags:n.useMemo((()=>void 0===s?[]:function(e,s=[]){return s.map((s=>({label:Q.renderItemText(s,e)??"",value:s.key})))}(e,s)),[e,s])}}function Me({isDropdownSelectedOnlyView:e=!1,valueItems:s}){const t=Ce.useEffectEvent((e=>e&&s&&0!==s.length?{offset:0,totalSize:s.length,sizePrecision:"exact",data:s.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0));return{data:n.useMemo((()=>t(e)),[t,e]),onLoadRange:void 0}}const Oe=[];const Ne=(e,s,t)=>s.data.forEach((s=>{t.has(s.metadata.key)&&e.set(s.metadata.key,{data:s.data,key:s.metadata.key,metadata:s.metadata})})),_e=e=>new Set(e.map((e=>e.key)));function He({"aria-describedby":e,"aria-label":o,assistiveText:i,data:a,dropdownId:l,enabledElementRef:r,helpSourceLink:d,helpSourceText:c,isAddToListShown:u,isDisabled:h,isEmptyResults:b,isFocused:y,isLoading:x,isOpen:m,isReadonly:S,isRequired:f,isSelectedOnlyView:v,isUserFiltering:w,itemRenderer:T,itemText:g,label:F,liveRegionText:C,placeholder:D,propIsLoading:A,searchText:L,selectedValuesDescriptionId:R,setDropdownOpen:I,setUserInput:E,stopFiltering:k,textAlign:V,textTagListRef:U,userAssistanceDensity:j,userInput:P,valueItems:B,virtualKeyboard:M,onAddToListAction:O,onCommit:N,onFieldBlur:_,onFieldFocus:H,onFieldInput:z,onFieldKeyDown:q,onFieldKeyUp:Y,onLoadRange:W}){const $=K.useTranslationBundle("@oracle/oraclejet-preact"),{collectionProps:G,footerProps:Z,selectMultipleFieldInputProps:X,selectMultipleFieldProps:ee,selectedValuesCountProps:se,isDropdownSelectedOnlyView:te}=function({data:e,inputRef:s,isDropdownOpen:t,isDropdownSelectedOnlyView:o,itemText:i,textTagListRef:a,userInput:l,valueItems:r=Oe,onCommit:d,onLoadRange:c,setDropdownOpen:u,setUserInput:p,stopFiltering:h}){const[b,y]=n.useState({rowKey:void 0}),[x,m]=n.useState(_e(r)),[S,f]=n.useState(o),v=n.useRef(new Map),w=n.useMemo((()=>{const e=[];return x.forEach((s=>{const t=r.find((e=>e.key===s));t?e.push(t):v.current.has(s)&&e.push(v.current.get(s))})),e}),[x,r]),{textTags:T,displayValue:g}=Be(i,w),F=n.useRef(null),{data:C,onLoadRange:D}=Me({isDropdownSelectedOnlyView:S,valueItems:w}),A=n.useCallback((e=>{y({rowKey:e.value})}),[y]),L=n.useCallback((s=>{const t=new Set(s.value.keys?.values());m(t),p(""),e&&Ne(v.current,e,t)}),[e,m,p]),R=n.useCallback((({value:e=!1})=>{f((s=>(s!==e&&h(),e)))}),[f,h]),I=n.useCallback((()=>{m(new Set(r.map((e=>e.key)))),v.current.clear(),u(!1),h(),s.current?.focus()}),[s,u,h,r]),E=n.useCallback((()=>{d({previousValue:_e(r),value:x}),I()}),[x,r,I,d]),k=n.useCallback((()=>{I()}),[I]),V=n.useCallback((()=>{m(new Set),h()}),[h]),K=n.useCallback((e=>{const s=new Set(x);e.forEach((e=>s.delete(e))),m(s)}),[x]),U=n.useCallback((()=>{setTimeout((()=>F.current?.focus()),0)}),[]),j=n.useRef(t);n.useEffect((()=>{if(t){if(j.current)return;return setTimeout((()=>F.current?.focus()),0),void(j.current=!0)}j.current=!1}),[t]);const[P,B]=n.useState(r);return P!==r&&(t||m((e=>{const s=_e(r);return De.equals(e,s)?e:s})),B(r)),{collectionProps:{currentKey:b.rowKey,data:S?C:e,selectedKeys:x,onCurrentKeyChange:A,onLoadRange:S?D:c,onSelectionChange:L},footerProps:{onApply:E},selectMultipleFieldInputProps:{displayValue:g,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:F,isTextTagListShown:T.length>0,isUserFiltering:!0,removeIcon:"always",userInput:l,textTagListData:T,textTagListRef:a,onExitNavigation:U,onRemove:K},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!Q.isSearchTextEmptyOrUndefined(l)||0!==T.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:S,isSelectedValuesCountShown:x.size>0||S,selectedValuesCount:x.size,styleVariant:"embedded",onBackButtonClick:k,onClearButtonClick:V},selectedValuesCountProps:{onSelectedValuesCountToggle:R},isDropdownSelectedOnlyView:S}}({data:a,inputRef:r,isDropdownOpen:m,isDropdownSelectedOnlyView:v,itemText:g,textTagListRef:U,userInput:P,valueItems:B,onCommit:N,onLoadRange:W,setDropdownOpen:I,setUserInput:E,stopFiltering:k}),{formFieldContext:ne,inputProps:oe,labelProps:ie,textFieldProps:ae,userAssistanceProps:le}=J.useTextField({ariaDescribedBy:e,helpSourceLink:d,helpSourceText:c,isDisabled:!1,isFocused:y,isLoading:x,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:ee.selectedValuesCount>0||void 0});ne.hasValue=A||ne.hasValue;const re={label:s.jsx(t.Label,{...ie,children:F}),labelEdge:"inside"},de=!m||h||S||!i&&!d||"efficient"!==j&&"reflow"!==j?void 0:s.jsx(Q.DropdownUserAssistance,{assistiveText:i,fieldLabel:F,helpSourceLink:d,helpSourceText:c,userAssistanceDensity:j,...le}),ce=b?u?void 0:s.jsx(Q.EmptyResults,{}):s.jsx(Q.DefaultList,{...G,"aria-label":F??"",itemRenderer:T,itemText:g,searchText:te?void 0:w?L:void 0,selectionMode:"multiple"}),ue=u?s.jsx(Q.LinkItem,{onAction:O,children:$.select_addToList()}):void 0;return s.jsx(Q.SelectMobileDropdown,{header:s.jsxs(p.FormFieldContext.Provider,{value:ne,children:[s.jsx(Te.View,{children:s.jsx(Ee,{fieldLabel:F,onBlur:_,onFocus:H,...re,...ae,...ee,...se,children:s.jsx(je,{"aria-controls":l,"aria-expanded":m,"aria-label":o,isAddToListShown:u,isRequired:f,liveRegionText:C,placeholder:D,selectedValuesDescriptionId:R,textAlign:V,virtualKeyboard:M,onInput:z,onKeyDown:q,onKeyUp:Y,...oe,...X})})}),de]}),footer:s.jsx(Pe,{...Z}),id:l,isOpen:m,children:s.jsxs(Q.DropdownList,{hasTopGap:!ue,hasBottomGap:!0,isLoading:null===a,children:[ce,ue]})})}function ze(e){const s=e?.reduce(((e,s)=>(e.add(s.key),e)),new Set);return s}const qe=o.forwardRef((({addToList:e="off","aria-describedby":o,assistiveText:i,columnSpan:a,data:d,helpSourceLink:c,helpSourceText:h,isDisabled:b,isLoading:y,isReadonly:x,isRequired:m,isRequiredShown:S,itemRenderer:f,itemText:v,label:w,labelEdge:T,labelStartWidth:g,messages:F,onAddToListAction:C,onCommit:D,onFilter:A,onLoadRange:L,placeholder:R,testId:I,textAlign:E,userAssistanceDensity:k,valueItems:V,variant:U="default",virtualKeyboard:j},P)=>{const{isDisabled:B,isReadonly:M,labelEdge:_,labelStartWidth:z,textAlign:q,userAssistanceDensity:Y}=u.useFormContext(),W=b??B,$=x??M,X=T??_,ee=g??z,se=E??q,te=k??Y,{enabledElementRef:ne,focusProps:oe,isFocused:ie,readonlyElementRef:ae}=G.useFocusableTextField({isDisabled:W,isReadonly:$,ref:P}),{addToListEventHandlers:le,ariaProps:re,collectionProps:de,data:pe,dropdownArrowEventHandlers:he,dropdownEventHandlers:be,dropdownRef:ye,hasSelectedValuesCount:xe,inputEventHandlers:me,isAddToListShown:fe,isDataFetched:ve,isDropdownAbove:we,isDropdownOpen:Te,isDropdownSelectedOnlyView:ge,isEmptyResults:Fe,isFocused:Ce,isUserFiltering:De,mainFieldRef:Ie,mouseProps:ke,searchText:Ve,selectedValuesCountProps:Ke,selectedValuesDescriptionId:Ue,selectedValuesKeyboardNavDescriptionId:Pe,setDropdownOpen:Oe,setUserInput:Ne,stopFiltering:_e,textTagListProps:qe,userInput:Ye}=function({addToList:e,ariaDescribedBy:s,data:t,inputRef:o,isDisabled:i,isFocused:a,isReadonly:l,onAddToListAction:r,onCommit:d,onFilter:c,onLoadRange:u,valueItems:p}){const[h,b]=n.useState(!1),y=p?.length,x=void 0!==y&&y>0||h,m=Me({isDropdownSelectedOnlyView:h,valueItems:p}),S=h?m.data:t,f=h?m.onLoadRange:u,v=n.useCallback((e=>{Q.isSearchTextEmptyOrUndefined(e.searchText)||b(!1),c?.(e)}),[c]),{currentRow:w,dropdownRef:T,handleDropdownArrowClick:g,handleDropdownAutoDismiss:F,handleDropdownPosition:C,handleInput:D,handleMainFieldKeyDown:A,handleMainFieldKeyUp:L,handleUpDownArrowKeys:R,isDropdownAbove:I,isDropdownOpen:E,isFocused:k,isUserFiltering:V,mainFieldRef:K,onCurrentKeyChange:U,onMouseDown:j,searchText:P,setCurrentRow:B,setDropdownOpen:M,setUserInput:O,stopFiltering:N,userInput:_}=Q.useSelectCommon({data:S,inputRef:o,isFocused:a,onFilter:v}),[H,z]=n.useState(E),[q,Y]=n.useState(p),[W,$]=n.useState(ze(p)),G=null!=S&&!Q.isBeforeDataFetch(S),Z=G&&0===S?.totalSize,J="on"===e&&V&&null!=P&&P.length>0&&Z,X=n.useCallback((()=>{M(!1),N(),r?.({searchText:V?P:void 0})}),[V,r,P,M,N]),ee=n.useRef(null),{direction:se}=ce.useUser(),te=Se.useId(),ne=Se.useId(),oe=Le.merge([k&&ne,k&&te,s]),ie=n.useCallback((()=>{T.current?.parentElement?.removeChild(T.current)}),[T]),ae=n.useCallback((e=>V&&E&&!Q.isSearchTextEmptyOrUndefined(_)&&(S?.data.length??0)>0&&void 0!==e.rowKey),[S,E,V,_]),le=n.useCallback((e=>{if(W?.has(e))return;const s=void 0===W?new Set([e]):new Set([...W.values(),e]);d({previousValue:W,value:s}),$(s)}),[d,W,$]),re=n.useCallback((e=>{if(E&&"keydown"===e?.type){const s=e;s.code===ue.KEYS.TAB&&(s.shiftKey||!x?o.current?.focus():pe.current?.focus(),ie())}}),[x,o,E,ie]),de=n.useCallback((e=>{if(!ue.isControlOrFunctionKey(e))switch(e.code){case ue.KEYS.TAB:E&&(e.shiftKey||!x&&!e.shiftKey)&&(ie(),M(!1)),x&&!e.shiftKey&&e.stopPropagation();break;case ue.KEYS.LEFT:"ltr"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&ee.current?.focus();break;case ue.KEYS.RIGHT:"rtl"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&ee.current?.focus();break;case ue.KEYS.ENTER:case ue.KEYS.NUMPAD_ENTER:if(Q.isPhone())return;if(J)return void X();ae(w)&&(M(!1),N(),le(w.rowKey))}}),[w,se,X,x,o,J,E,ie,le,M,ae,N]);if(q!==p){const e=ze(p);$(e)}const pe=n.useRef(null);n.useEffect((()=>{pe.current=x&&K.current?.querySelector?K.current.querySelector('[role="switch"]'):null}),[x,i,l,K]);const he=n.useCallback((e=>{switch(e.code){case ue.KEYS.TAB:E&&!e.shiftKey&&(ie(),M(!1)),e.shiftKey&&e.stopPropagation();break;case ue.KEYS.UP:case ue.KEYS.DOWN:e.preventDefault();break;case ue.KEYS.ESC:E&&(M(!1),e.preventDefault(),e.stopPropagation());break;case ue.KEYS.ENTER:e.stopPropagation()}}),[E,ie,M]),be=n.useCallback((e=>{switch(e.code){case ue.KEYS.UP:case ue.KEYS.DOWN:R(e)}}),[R]),ye=n.useCallback((e=>{e.preventDefault(),o.current?.focus()}),[o]),xe=n.useCallback((e=>{E||M(!0);const s=e.value??!1;s!==h&&(b(s),s&&N())}),[E,h,M,N]);!E&&h&&b(!1);const me=n.useCallback((e=>{const s=new Set(e.value.keys?.values());$(s),O(""),d?.({value:s,previousValue:W})}),[d,W,$,O]),fe=n.useCallback((()=>{setTimeout((()=>o.current?.focus()),0)}),[o]),ve=n.useCallback((e=>{const s=W,t=new Set(W);e.forEach((e=>t.delete(e))),d?.({previousValue:s,value:t})}),[d,W]),we=n.useMemo((()=>Ae.mergeProps({onAutoDismiss:F,onPosition:C},{onAutoDismiss:re})),[F,C,re]),Te=n.useMemo((()=>Ae.mergeProps({onInput:D,onKeyDown:A,onKeyUp:L},{onKeyDown:de})),[A,D,L,de]),ge=n.useMemo((()=>({textTagListRef:ee,onExitNavigation:fe,onRemove:ve})),[fe,ve]);E&&!H&&B({rowKey:void 0}),H&&!E&&!_&&N();const Fe=n.useRef(S);if(Fe.current!==S){const e=S?.data[0]?.metadata.key;E&&V&&null!=e&&0===S?.offset&&B({rowKey:Q.isSearchTextEmptyOrUndefined(P)?void 0:e}),Fe.current=S}return H!==E&&z(E),q!==p&&Y(p),{addToListEventHandlers:{onAction:X},ariaProps:{ariaDescribedBy:oe},collectionProps:{currentKey:w.rowKey,data:S,onCurrentKeyChange:U,onSelectionChange:me,onLoadRange:f,selectedKeys:W},data:S,dropdownArrowEventHandlers:{onClick:g},dropdownEventHandlers:we,dropdownRef:T,hasSelectedValuesCount:x,inputEventHandlers:Te,inputRef:o,isAddToListShown:J,isDataFetched:G,isDropdownAbove:I,isDropdownOpen:E,isDropdownSelectedOnlyView:h,isEmptyResults:Z,isFocused:k,isUserFiltering:V,mainFieldRef:K,mouseProps:i||l?{}:{onMouseDown:j},searchText:P,selectedValuesCountProps:{onKeyDown:he,onKeyUp:be,onMouseDown:ye,onToggle:xe},selectedValuesDescriptionId:te,selectedValuesKeyboardNavDescriptionId:ne,setDropdownOpen:M,setUserInput:O,stopFiltering:N,textTagListProps:ge,userInput:_}}({addToList:e,ariaDescribedBy:o,data:d,inputRef:ne,isDisabled:W,isFocused:ie,isReadonly:$,onAddToListAction:C,onCommit:D,onFilter:A,onLoadRange:L,valueItems:V}),We=Z.useLoadingIndicatorTimer(y??!1),{baseId:$e,formFieldContext:Ge,inputProps:Ze,labelProps:Je,textFieldProps:Qe,userAssistanceProps:Xe}=J.useTextField({ariaDescribedBy:re.ariaDescribedBy,helpSourceLink:c,helpSourceText:h,isDisabled:W,isFocused:Ce,isLoading:We,isReadonly:$,isRequiredShown:S,labelEdge:X,messages:F,styleVariant:U,userAssistanceDensity:te,value:void 0!==V&&V.length>0||void 0});Ge.hasValue=y||Ge.hasValue;const es=`${$e}-dropdown`,{displayValue:ss,textTags:ts}=Be(v,V),ns="none"!==X?s.jsx(t.Label,{...Je,...Q.isPhone()?{forId:void 0}:{},children:w}):void 0,os={label:"none"!==X?ns:void 0,labelEdge:"none"!==X?X:void 0,labelStartWidth:"none"!==X?ee:void 0},is="none"===X?w:void 0,as="efficient"===te||"reflow"===te?W||$?"efficient"!==te?void 0:s.jsx(O.InlineUserAssistance,{userAssistanceDensity:te,...Xe}):s.jsx(O.InlineUserAssistance,{assistiveText:i,fieldLabel:w,helpSourceLink:c,helpSourceText:h,messages:F,isRequiredShown:S,userAssistanceDensity:te,...Xe}):void 0,ls="compact"===te?s.jsx(N.CompactUserAssistance,{anchorRef:Ie,messages:F,assistiveText:i,...Xe}):void 0,rs=K.useTranslationBundle("@oracle/oraclejet-preact");if($){const e=s.jsx(l.ReadonlyTextFieldInput,{"aria-describedby":Ze["aria-describedby"],"aria-label":is,"aria-labelledby":Je.id,as:"div",elementRef:ae,hasEmptyLabel:""===w&&"none"===X,hasInsideLabel:void 0!==w&&"inside"===X,textAlign:se,value:ss});return s.jsx(p.FormFieldContext.Provider,{value:Ge,children:s.jsx(r.ReadonlyTextField,{role:"presentation",columnSpan:a,compactUserAssistance:ls,inlineUserAssistance:as,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,ref:Ie,mainContent:e,testId:I,...os})})}const ds="inside"===X,cs=Te&&ve?0===pe?.totalSize?rs.select_noMatchesFound():1===pe?.totalSize?rs.select_oneMatchFound():"exact"===pe?.sizePrecision?rs.select_sizeMatchesFound({TOTAL_SIZE:`${pe?.totalSize}`}):rs.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${pe?.totalSize}`}):"",us=Te&&void 0!==pe&&(null===pe||pe.totalSize>0||Q.isBeforeDataFetch(pe)||Fe),ps=""===w&&"none"===X,hs=Q.isPhone()&&!W?s.jsx(Q.SelectMobileFieldInput,{"aria-controls":es,"aria-describedby":Ze["aria-describedby"],"aria-expanded":Te,"aria-invalid":Ze["aria-invalid"],"aria-label":is,"aria-labelledby":Je.id,displayValue:ss,hasEmptyLabel:ps,hasInsideLabel:ds,isRequired:m,onBlur:Ze.onBlur,onFocus:Ze.onFocus,placeholder:R,ref:ne,textAlign:se,variant:Ze.variant}):s.jsx(je,{"aria-controls":es,"aria-expanded":Te,"aria-label":is,displayValue:ss,hasEmptyLabel:ps,hasInsideLabel:ds,inputRef:ne,isAddToListShown:fe,isKeyboardNavigable:!W&&!Q.isMobile(),isRequired:m,isTextTagListShown:Ce&&0!==ts.length,isUserFiltering:De,liveRegionText:cs,placeholder:R,removeIcon:Q.isTablet()?"always":"never",selectedValuesDescriptionId:Ue,selectedValuesKeyboardNavDescriptionId:Pe,textAlign:se,textTagListData:ts,userInput:Ye,virtualKeyboard:Q.isTablet()?j:void 0,...me,...Ze,...qe}),bs=us?Q.isPhone()?s.jsx(He,{"aria-describedby":re.ariaDescribedBy,"aria-label":is,assistiveText:i,data:d,dropdownId:es,enabledElementRef:ne,helpSourceLink:c,helpSourceText:h,isAddToListShown:fe,isDisabled:W,isEmptyResults:Fe,isFocused:Ce,isLoading:We,isOpen:us,isReadonly:$,isRequired:m,isSelectedOnlyView:ge,isUserFiltering:De,itemRenderer:f,itemText:v,label:w,liveRegionText:cs,placeholder:R,propIsLoading:y,searchText:Ve,selectedValuesDescriptionId:Ue,setDropdownOpen:Oe,setUserInput:Ne,stopFiltering:_e,textAlign:se,textTagListRef:qe.textTagListRef,userAssistanceDensity:te,userInput:Ye,valueItems:V,virtualKeyboard:j,onAddToListAction:le.onAction,onCommit:D,onFieldBlur:oe.onFocusOut,onFieldFocus:oe.onFocusIn,onFieldInput:me.onInput,onFieldKeyDown:me.onKeyDown,onFieldKeyUp:me.onKeyUp,onLoadRange:L}):s.jsx(Re,{...de,...be,assistiveText:i,dropdownId:es,dropdownRef:ye,helpSourceLink:c,helpSourceText:h,isAddToListShown:fe,isDisabled:W,isDropdownAbove:we,isEmptyResults:Fe,isOpen:us,isReadonly:$,isSelectedOnlyView:ge,isUserFiltering:De,itemRenderer:f,itemText:v,label:w,mainFieldRef:Ie,onAddToListAction:le.onAction,searchText:Ve,userAssistanceDensity:te}):null;return s.jsxs(H.Fragment,{children:[s.jsx(p.FormFieldContext.Provider,{value:Ge,children:s.jsx(Ee,{columnSpan:a,compactUserAssistance:ls,fieldLabel:w,hasInsideLabel:ds,inlineUserAssistance:as,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:ge,isSelectedValuesCountShown:xe,mainFieldRef:Ie,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,onDropdownArrowClick:he.onClick,onSelectedValuesCountKeyDown:Ke.onKeyDown,onSelectedValuesCountKeyUp:Ke.onKeyUp,onSelectedValuesCountMouseDown:Ke.onMouseDown,onSelectedValuesCountToggle:Ke.onToggle,selectedValuesCount:V?.length,testId:I,...os,...ke,...Qe,children:hs})}),bs]})}));e.SelectMultiple=qe}));
-//# sourceMappingURL=SelectMultiple-fabd883c.js.map
+define(['exports', 'preact/jsx-runtime', './Label-3f8fc274', 'preact/hooks', 'preact/compat', './TextFieldInput-dfd9529f', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-a5e85e5d', './StyledTextField-8ac3bbb4', './Flex-1f27b601', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'css!./LabelValueLayoutStyles.styles.css', './logger-0f873e29', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./RadioStyles.styles.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioVariants.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', 'css!./CheckboxStyles.styles.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', './InputGroupContext-372087af', './LayerHost-eab40731', './useTranslationBundle-6ef0dab6', 'css!./LiveRegionStyles.styles.css', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', './CompactUserAssistance-b2cbdbad', './useTooltipControlled-abf886f2', 'preact', 'css!./IconStyle.styles.css', './Popup-249d77c3', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-c2f98a8b', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-e6877c79', './useSelectCommon-cbb310df', './useAccessibleContext-23e8a333', './textAlign-ef924afd', './useFormFieldContext-8196183c', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-0fc70892', './UNSAFE_SelectMultiple/themes/SelectedValuesCountStyles.css', './Chip-26339152', './IconButton-1b328b69', './CancelS-a0d8e178', './useFocusWithin-5a504fca', './useUser-6dd85af9', './keyboardUtils-244467a7', './classNames-08d99695', './dimensions-89f18413', './mergeInterpolations-9ede4cf7', './HiddenAccessible-037ef42d', './Text-e132dec0', './Close-479a300b', './useId-c9578d26', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './LiveRegion-be6f36d7', './View-8701dec6', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './Button-43090a22', './useEffectEvent-8467275b', './equals-e73adbe3', './mergeProps-bcfa6a92', './stringUtils-0ae982c2'], (function(e,s,t,n,o,i,a,l,r,d,c,u,p,h,b,y,x,m,S,f,v,w,T,g,F,C,D,A,L,R,I,E,k,V,K,U,j,P,B,M,O,N,_,H,z,q,Y,W,$,G,Z,J,Q,X,ee,se,te,ne,oe,ie,ae,le,re,de,ce,ue,pe,he,be,ye,xe,me,Se,fe,ve,we,Te,ge,Fe,Ce,De,Ae,Le){"use strict";function Re({assistiveText:e,currentKey:t,data:n,dropdownId:o,dropdownRef:i,helpSourceLink:a,helpSourceText:l,isAddToListShown:r,isDisabled:d,isDropdownAbove:c,isEmptyResults:u,isOpen:p,isReadonly:h,isSelectedOnlyView:b,isUserFiltering:y,itemRenderer:x,itemText:m,label:S,mainFieldRef:f,searchText:v,selectedKeys:w,userAssistanceDensity:T,onAddToListAction:g,onAutoDismiss:F,onCurrentKeyChange:C,onLoadRange:D,onPosition:A,onSelectionChange:L}){const R=K.useTranslationBundle("@oracle/oraclejet-preact"),I=!p||c||d||h||!e&&!a||"efficient"!==T&&"reflow"!==T?void 0:s.jsx(Q.DropdownUserAssistance,{assistiveText:e,fieldLabel:S,helpSourceLink:a,helpSourceText:l,userAssistanceDensity:T}),E=u?r?void 0:s.jsx(Q.EmptyResults,{}):s.jsx(Q.DefaultList,{"aria-label":S??"",currentItemVariant:"highlight",currentKey:t,data:n,itemRenderer:x,itemText:m,searchText:b?void 0:y?v:void 0,selectedKeys:w,selectionMode:"multiple",onCurrentKeyChange:C,onLoadRange:D,onSelectionChange:L}),k=r?s.jsx(Q.LinkItem,{isHighlighted:u,onAction:g,children:R.select_addToList()}):void 0;return s.jsxs(Q.Dropdown,{dropdownRef:i,id:o,isOpen:p,anchorRef:f,onAutoDismiss:F,onPosition:A,children:[s.jsxs(Q.DropdownList,{hasBottomGap:void 0===I,isLoading:null===n,children:[E,k]}),I]})}function Ie({"aria-label":e,count:t=0,onKeyDown:n,onKeyUp:o,onMouseDown:i,...a}){const l=K.useTranslationBundle("@oracle/oraclejet-preact"),r=l.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=l.selectMultiple_countPlus({COUNT:"99"}),u=t>99?`${c}`:`${t}`,p=`${d}${l.selectMultiple_valuesSelected({VALUE_COUNT:`${t}`})} ${r}`;return s.jsx("div",{class:ie.selectedValueCountStyles.base,onKeyDown:n,onKeyUp:o,onMouseDown:i,children:s.jsx(ae.Chip,{"aria-label":p,...a,children:u})})}function Ee({children:e,columnSpan:t,fieldLabel:n,hasInsideLabel:o,isBackButtonShown:i,isClearButtonShown:a,isDropdownArrowShown:l,isDropdownSelectedOnlyView:r,isSelectedValuesCountShown:c,selectedValuesCount:u,onBackButtonClick:p,onClearButtonClick:h,onDropdownArrowClick:b,onSelectedValuesCountKeyDown:y,onSelectedValuesCountKeyUp:x,onSelectedValuesCountMouseDown:m,onSelectedValuesCountToggle:S,...f}){const{isDisabled:v,isLoading:w}=se.useFormFieldContext(),T=K.useTranslationBundle("@oracle/oraclejet-preact"),g=i?s.jsx(le.IconButton,{"aria-label":T.selectMultiple_back(),size:"xs",variant:"ghost",onAction:p,children:s.jsx(re.SvgNavLeft,{})}):null,F=a?s.jsx(le.IconButton,{"aria-label":T.formControl_clear(),size:"sm",variant:"ghost",onAction:h,children:s.jsx(re.SvgCancelS,{})}):null,C=l?s.jsx(Q.DropdownArrow,{isDisabled:v,onClick:b,testId:`${f.testId}_dropdownarrow`}):null,D=w?void 0:c?s.jsxs(d.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[s.jsx(Ie,{"aria-label":n,count:u,isDisabled:v,isSelected:r,onKeyDown:y,onKeyUp:x,onMouseDown:m,onToggle:S}),a&&F,l&&C]}):s.jsxs(s.Fragment,{children:[a&&F,l&&C]});return s.jsx(oe.TextField,{columnSpan:t,startContent:i&&g,mainContent:e,endContent:D,...f})}function ke({children:e,removeIcon:t="never",isSelected:o=!1,onRemoveAction:i,onSelect:a,onRemoveIconClick:l,isFocused:r,value:d}){const c=K.useTranslationBundle("@oracle/oraclejet-preact"),u=n.useRef(null),p=Se.useId(),h=pe.classNames([fe.textTagStyles.base,o&&fe.textTagStyles.selected]),b=n.useCallback((()=>{i?.(d)}),[d,i]),y=n.useCallback((()=>{a?.(d)}),[d,a]),x=n.useCallback((()=>{l?.(d)}),[d,l]),m=n.useCallback((e=>{ue.isBackspaceOrDelete(e)&&b()}),[b]);return n.useEffect((()=>{r&&o&&(u.current?.focus(),u.current?.scrollIntoView({block:"nearest"}))}),[r,o]),s.jsxs(s.Fragment,{children:[s.jsxs("span",{ref:u,class:h,tabIndex:-1,onClick:y,onKeyUp:m,onMouseDown:Q.preventDefault,role:"option","aria-describedby":p,"aria-selected":o?"true":"false",children:[s.jsx(xe.Text,{size:"md",variant:"inherit",children:e}),"always"===t&&s.jsx(j.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(le.IconButton,{size:"xs",variant:"ghost",onAction:x,children:s.jsx(me.SvgClose,{})})})]}),s.jsx(ye.HiddenAccessible,{id:p,children:c.selectMultiple_removeSelectedTagInstructionText()})]})}const Ve=Array.from(["maxWidth"],(e=>he.dimensionInterpolations[e])),Ke=be.mergeInterpolations(Ve);const Ue=o.forwardRef((function(e,t=(()=>{})){const{"aria-label":o,data:i,hasInsideLabel:a=!1,removeIcon:l="never",onExitNavigation:r,onRemove:d}=e,c=n.useRef(null),[u,p]=n.useState([]),{direction:h}=ce.useUser(),b=n.useRef(-1),y=i.at(-1)?.value,x=n.useRef({value:y,index:i.length-1});x.current={value:y,index:i.length-1};const m=n.useCallback((e=>{const s=i.at(e)?.value;null!=s&&p([s])}),[i]),S=n.useCallback((()=>{p((e=>(b.current=-1,e.length?[]:e)))}),[]),f=n.useCallback((e=>{d?.([e]),r?.(),S()}),[S,r,d]),v=n.useCallback((e=>{const s=[...u];u.includes(e)||s.push(e),d?.(s),r?.(),S()}),[u,S,r,d]),w=n.useCallback((e=>{p([e]),b.current=i.findIndex((s=>s.value===e))}),[i,p]),T=n.useCallback((e=>{if(0!==i.length){if("ltr"===h&&"ArrowLeft"===e.code||"rtl"===h&&"ArrowRight"===e.code){if(0===b.current)return;return b.current-=1,void m(b.current)}return"ltr"===h&&"ArrowRight"===e.code||"rtl"===h&&"ArrowLeft"===e.code?b.current===i.length-1?void r?.():(b.current+=1,void m(b.current)):"Home"===e.code?(b.current=0,void m(b.current)):"End"===e.code?(b.current=i.length-1,void m(b.current)):ue.isSelectAll(e)?(p(i.map((e=>e.value))),void e.preventDefault()):void 0}}),[i,h,r,m,p]),g=n.useCallback((()=>{p((e=>e.length||void 0===x.current.value?e:(b.current=x.current.index,[x.current.value])))}),[]),F=n.useCallback((()=>{S()}),[S]),{focusProps:C}=de.useFocusWithin({onBlurWithin:F});n.useImperativeHandle(t,(()=>({blur:F,focus:g})),[F,g]),n.useEffect((()=>{c.current?.scrollTo({left:c.current.scrollWidth*("ltr"===h?1:-1)})}),[i,h]);const D=Ke(e),A=pe.classNames([ve.textTagListStyles.textTagListBase,a&&ve.textTagListStyles.textTagListInsideLabel]);return s.jsx("div",{class:A,ref:c,tabIndex:-1,onKeyDown:T,role:"listbox","aria-label":o,"aria-multiselectable":"true",style:D,...C,children:i.map(((e,t)=>s.jsx(ke,{isFocused:b.current===t,isSelected:u.includes(e.value),onRemoveAction:v,onSelect:w,onRemoveIconClick:f,removeIcon:l,value:e.value,children:e.label},e.value)))})}));function je({displayValue:e,isAddToListShown:t,isKeyboardNavigable:o,isTextTagListShown:a,isUserFiltering:l,liveRegionText:r,onExitNavigation:c,onRemove:u,removeIcon:p,selectedValuesDescriptionId:h,selectedValuesKeyboardNavDescriptionId:b,textTagListData:y,textTagListRef:x,userInput:m,virtualKeyboard:S,...f}){const v=K.useTranslationBundle("@oracle/oraclejet-preact"),w=t?v.select_addToListAvailable():void 0,T=o&&e&&e.length>0?v.selectMultiple_highlightSelectedTagsInstructionText():void 0,{isInputFocused:g}=se.useFormFieldContext(),[F,C]=n.useState(T),[D,A]=n.useState(!1);return g&&a&&!F&&T&&!D?A(!0):g||!D||A(!1),F!==T&&C(T),s.jsxs(s.Fragment,{children:[a&&s.jsx(Ue,{"aria-label":v.selectMultiple_selectedValues(),data:y,hasInsideLabel:f.hasInsideLabel,maxWidth:"50%",onExitNavigation:c,onRemove:u,ref:x,removeIcon:p}),s.jsx(d.Flex,{flex:1,children:s.jsx(i.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:a,role:"combobox",hasEndContent:!0,spellcheck:!1,type:"auto"===S?"search":S,value:l||a?m:e,...f})}),a&&s.jsx(ye.HiddenAccessible,{id:h,isHidden:!0,children:e}),a&&T&&!D&&s.jsx(ye.HiddenAccessible,{id:b,isHidden:!0,children:T}),s.jsx(we.LiveRegion,{children:r}),a&&s.jsx(we.LiveRegion,{children:D?T:void 0}),t?s.jsx(we.LiveRegion,{children:w}):void 0]})}function Pe({onApply:e}){const t=K.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:ge.mobileDropdownFooterStyles.base,children:s.jsx(Fe.Button,{display:"label",edge:"bottom",label:t.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}function Be(e,s){const t=K.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:n.useMemo((()=>{if(void 0===s)return"";const n=function(e,s){const t=s?[...s?.values()]:[],n=s=>Q.renderItemText(s,e),o=t.map(n);return new Set(o)}(e,s),o=function(e,s){return Array.from(e.values()).join(s)}(n,t);return o}),[e,t,s]),textTags:n.useMemo((()=>void 0===s?[]:function(e,s=[]){return s.map((s=>({label:Q.renderItemText(s,e)??"",value:s.key})))}(e,s)),[e,s])}}function Me({isDropdownSelectedOnlyView:e=!1,valueItems:s}){const t=Ce.useEffectEvent((e=>e&&s&&0!==s.length?{offset:0,totalSize:s.length,sizePrecision:"exact",data:s.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0));return{data:n.useMemo((()=>t(e)),[t,e]),onLoadRange:void 0}}const Oe=[];const Ne=(e,s,t)=>s.data.forEach((s=>{t.has(s.metadata.key)&&e.set(s.metadata.key,{data:s.data,key:s.metadata.key,metadata:s.metadata})})),_e=e=>new Set(e.map((e=>e.key)));function He({"aria-describedby":e,"aria-label":o,assistiveText:i,data:a,dropdownId:l,enabledElementRef:r,helpSourceLink:d,helpSourceText:c,isAddToListShown:u,isDisabled:h,isEmptyResults:b,isFocused:y,isLoading:x,isOpen:m,isReadonly:S,isRequired:f,isSelectedOnlyView:v,isUserFiltering:w,itemRenderer:T,itemText:g,label:F,liveRegionText:C,placeholder:D,propIsLoading:A,searchText:L,selectedValuesDescriptionId:R,setDropdownOpen:I,setUserInput:E,stopFiltering:k,textAlign:V,textTagListRef:U,userAssistanceDensity:j,userInput:P,valueItems:B,virtualKeyboard:M,onAddToListAction:O,onCommit:N,onFieldBlur:_,onFieldFocus:H,onFieldInput:z,onFieldKeyDown:q,onFieldKeyUp:Y,onLoadRange:W}){const $=K.useTranslationBundle("@oracle/oraclejet-preact"),{collectionProps:G,footerProps:Z,selectMultipleFieldInputProps:X,selectMultipleFieldProps:ee,selectedValuesCountProps:se,isDropdownSelectedOnlyView:te}=function({data:e,inputRef:s,isDropdownOpen:t,isDropdownSelectedOnlyView:o,itemText:i,textTagListRef:a,userInput:l,valueItems:r=Oe,onCommit:d,onLoadRange:c,setDropdownOpen:u,setUserInput:p,stopFiltering:h}){const[b,y]=n.useState({rowKey:void 0}),[x,m]=n.useState(_e(r)),[S,f]=n.useState(o),v=n.useRef(new Map),w=n.useMemo((()=>{const e=[];return x.forEach((s=>{const t=r.find((e=>e.key===s));t?e.push(t):v.current.has(s)&&e.push(v.current.get(s))})),e}),[x,r]),{textTags:T,displayValue:g}=Be(i,w),F=n.useRef(null),{data:C,onLoadRange:D}=Me({isDropdownSelectedOnlyView:S,valueItems:w}),A=n.useCallback((e=>{y({rowKey:e.value})}),[y]),L=n.useCallback((s=>{const t=new Set(s.value.keys?.values());m(t),p(""),e&&Ne(v.current,e,t)}),[e,m,p]),R=n.useCallback((({value:e=!1})=>{f((s=>(s!==e&&h(),e)))}),[f,h]),I=n.useCallback((()=>{m(new Set(r.map((e=>e.key)))),v.current.clear(),u(!1),h(),s.current?.focus()}),[s,u,h,r]),E=n.useCallback((()=>{d({previousValue:_e(r),value:x}),I()}),[x,r,I,d]),k=n.useCallback((()=>{I()}),[I]),V=n.useCallback((()=>{m(new Set),h()}),[h]),K=n.useCallback((e=>{const s=new Set(x);e.forEach((e=>s.delete(e))),m(s)}),[x]),U=n.useCallback((()=>{setTimeout((()=>F.current?.focus()),0)}),[]),j=n.useRef(t);n.useEffect((()=>{if(t){if(j.current)return;return setTimeout((()=>F.current?.focus()),0),void(j.current=!0)}j.current=!1}),[t]);const[P,B]=n.useState(r);return P!==r&&(t||m((e=>{const s=_e(r);return De.equals(e,s)?e:s})),B(r)),{collectionProps:{currentKey:b.rowKey,data:S?C:e,selectedKeys:x,onCurrentKeyChange:A,onLoadRange:S?D:c,onSelectionChange:L},footerProps:{onApply:E},selectMultipleFieldInputProps:{displayValue:g,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:F,isTextTagListShown:T.length>0,isUserFiltering:!0,removeIcon:"always",userInput:l,textTagListData:T,textTagListRef:a,onExitNavigation:U,onRemove:K},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!Q.isSearchTextEmptyOrUndefined(l)||0!==T.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:S,isSelectedValuesCountShown:x.size>0||S,selectedValuesCount:x.size,styleVariant:"embedded",onBackButtonClick:k,onClearButtonClick:V},selectedValuesCountProps:{onSelectedValuesCountToggle:R},isDropdownSelectedOnlyView:S}}({data:a,inputRef:r,isDropdownOpen:m,isDropdownSelectedOnlyView:v,itemText:g,textTagListRef:U,userInput:P,valueItems:B,onCommit:N,onLoadRange:W,setDropdownOpen:I,setUserInput:E,stopFiltering:k}),{formFieldContext:ne,inputProps:oe,labelProps:ie,textFieldProps:ae,userAssistanceProps:le}=J.useTextField({ariaDescribedBy:e,helpSourceLink:d,helpSourceText:c,isDisabled:!1,isFocused:y,isLoading:x,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:ee.selectedValuesCount>0||void 0});ne.hasValue=A||ne.hasValue;const re={label:s.jsx(t.Label,{...ie,children:F}),labelEdge:"inside"},de=!m||h||S||!i&&!d||"efficient"!==j&&"reflow"!==j?void 0:s.jsx(Q.DropdownUserAssistance,{assistiveText:i,fieldLabel:F,helpSourceLink:d,helpSourceText:c,userAssistanceDensity:j,...le}),ce=b?u?void 0:s.jsx(Q.EmptyResults,{}):s.jsx(Q.DefaultList,{...G,"aria-label":F??"",itemRenderer:T,itemText:g,searchText:te?void 0:w?L:void 0,selectionMode:"multiple"}),ue=u?s.jsx(Q.LinkItem,{onAction:O,children:$.select_addToList()}):void 0;return s.jsx(Q.SelectMobileDropdown,{header:s.jsxs(p.FormFieldContext.Provider,{value:ne,children:[s.jsx(Te.View,{children:s.jsx(Ee,{fieldLabel:F,onBlur:_,onFocus:H,...re,...ae,...ee,...se,children:s.jsx(je,{"aria-controls":l,"aria-expanded":m,"aria-label":o,isAddToListShown:u,isRequired:f,liveRegionText:C,placeholder:D,selectedValuesDescriptionId:R,textAlign:V,virtualKeyboard:M,onInput:z,onKeyDown:q,onKeyUp:Y,...oe,...X})})}),de]}),footer:s.jsx(Pe,{...Z}),id:l,isOpen:m,children:s.jsxs(Q.DropdownList,{hasTopGap:!ue,hasBottomGap:!0,isLoading:null===a,children:[ce,ue]})})}function ze(e){const s=e?.reduce(((e,s)=>(e.add(s.key),e)),new Set);return s}const qe=o.forwardRef((({addToList:e="off","aria-describedby":o,assistiveText:i,columnSpan:a,data:d,helpSourceLink:c,helpSourceText:h,isDisabled:b,isLoading:y,isReadonly:x,isRequired:m,isRequiredShown:S,itemRenderer:f,itemText:v,label:w,labelEdge:T,labelStartWidth:g,messages:F,onAddToListAction:C,onCommit:D,onFilter:A,onLoadRange:L,placeholder:R,testId:I,textAlign:E,userAssistanceDensity:k,valueItems:V,variant:U="default",virtualKeyboard:j},P)=>{const{isDisabled:B,isReadonly:M,labelEdge:_,labelStartWidth:z,textAlign:q,userAssistanceDensity:Y}=u.useFormContext(),W=b??B,$=x??M,X=T??_,ee=g??z,se=E??q,te=k??Y,{enabledElementRef:ne,focusProps:oe,isFocused:ie,readonlyElementRef:ae}=G.useFocusableTextField({isDisabled:W,isReadonly:$,ref:P}),{addToListEventHandlers:le,ariaProps:re,collectionProps:de,data:pe,dropdownArrowEventHandlers:he,dropdownEventHandlers:be,dropdownRef:ye,hasSelectedValuesCount:xe,inputEventHandlers:me,isAddToListShown:fe,isDataFetched:ve,isDropdownAbove:we,isDropdownOpen:Te,isDropdownSelectedOnlyView:ge,isEmptyResults:Fe,isFocused:Ce,isUserFiltering:De,mainFieldRef:Ie,mouseProps:ke,searchText:Ve,selectedValuesCountProps:Ke,selectedValuesDescriptionId:Ue,selectedValuesKeyboardNavDescriptionId:Pe,setDropdownOpen:Oe,setUserInput:Ne,stopFiltering:_e,textTagListProps:qe,userInput:Ye}=function({addToList:e,ariaDescribedBy:s,data:t,inputRef:o,isDisabled:i,isFocused:a,isReadonly:l,onAddToListAction:r,onCommit:d,onFilter:c,onLoadRange:u,valueItems:p}){const[h,b]=n.useState(!1),y=p?.length,x=void 0!==y&&y>0||h,m=Me({isDropdownSelectedOnlyView:h,valueItems:p}),S=h?m.data:t,f=h?m.onLoadRange:u,v=n.useCallback((e=>{Q.isSearchTextEmptyOrUndefined(e.searchText)||b(!1),c?.(e)}),[c]),{currentRow:w,dropdownRef:T,handleDropdownArrowClick:g,handleDropdownAutoDismiss:F,handleDropdownPosition:C,handleInput:D,handleMainFieldKeyDown:A,handleMainFieldKeyUp:L,handleUpDownArrowKeys:R,isDropdownAbove:I,isDropdownOpen:E,isFocused:k,isUserFiltering:V,mainFieldRef:K,onCurrentKeyChange:U,onMouseDown:j,searchText:P,setCurrentRow:B,setDropdownOpen:M,setUserInput:O,stopFiltering:N,userInput:_}=Q.useSelectCommon({data:S,inputRef:o,isFocused:a,onFilter:v}),[H,z]=n.useState(E),[q,Y]=n.useState(p),[W,$]=n.useState(ze(p)),G=null!=S&&!Q.isBeforeDataFetch(S),Z=G&&0===S?.totalSize,J="on"===e&&V&&null!=P&&P.length>0&&Z,X=n.useCallback((()=>{M(!1),N(),r?.({searchText:V?P:void 0})}),[V,r,P,M,N]),ee=n.useRef(null),{direction:se}=ce.useUser(),te=Se.useId(),ne=Se.useId(),oe=Le.merge([k&&ne,k&&te,s]),ie=n.useCallback((()=>{T.current?.parentElement?.removeChild(T.current)}),[T]),ae=n.useCallback((e=>V&&E&&!Q.isSearchTextEmptyOrUndefined(_)&&(S?.data.length??0)>0&&void 0!==e.rowKey),[S,E,V,_]),le=n.useCallback((e=>{if(W?.has(e))return;const s=void 0===W?new Set([e]):new Set([...W.values(),e]);d({previousValue:W,value:s}),$(s)}),[d,W,$]),re=n.useCallback((e=>{if(E&&"keydown"===e?.type){const s=e;s.code===ue.KEYS.TAB&&(s.shiftKey||!x?o.current?.focus():pe.current?.focus(),ie())}}),[x,o,E,ie]),de=n.useCallback((e=>{if(!ue.isControlOrFunctionKey(e))switch(e.code){case ue.KEYS.TAB:E&&(e.shiftKey||!x&&!e.shiftKey)&&(ie(),M(!1)),x&&!e.shiftKey&&e.stopPropagation();break;case ue.KEYS.LEFT:"ltr"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&ee.current?.focus();break;case ue.KEYS.RIGHT:"rtl"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&ee.current?.focus();break;case ue.KEYS.ENTER:case ue.KEYS.NUMPAD_ENTER:if(Q.isPhone())return;if(J)return void X();ae(w)&&(M(!1),N(),le(w.rowKey))}}),[w,se,X,x,o,J,E,ie,le,M,ae,N]);if(q!==p){const e=ze(p);$(e)}const pe=n.useRef(null);n.useEffect((()=>{pe.current=x&&K.current?.querySelector?K.current.querySelector('[role="switch"]'):null}),[x,i,l,K]);const he=n.useCallback((e=>{switch(e.code){case ue.KEYS.TAB:E&&!e.shiftKey&&(ie(),M(!1)),e.shiftKey&&e.stopPropagation();break;case ue.KEYS.UP:case ue.KEYS.DOWN:e.preventDefault();break;case ue.KEYS.ESC:E&&(M(!1),e.preventDefault(),e.stopPropagation());break;case ue.KEYS.ENTER:e.stopPropagation()}}),[E,ie,M]),be=n.useCallback((e=>{switch(e.code){case ue.KEYS.UP:case ue.KEYS.DOWN:R(e)}}),[R]),ye=n.useCallback((e=>{e.preventDefault(),o.current?.focus()}),[o]),xe=n.useCallback((e=>{E||M(!0);const s=e.value??!1;s!==h&&(b(s),s&&N())}),[E,h,M,N]);!E&&h&&b(!1);const me=n.useCallback((e=>{const s=new Set(e.value.keys?.values());$(s),O(""),d?.({value:s,previousValue:W})}),[d,W,$,O]),fe=n.useCallback((()=>{setTimeout((()=>o.current?.focus()),0)}),[o]),ve=n.useCallback((e=>{const s=W,t=new Set(W);e.forEach((e=>t.delete(e))),d?.({previousValue:s,value:t})}),[d,W]),we=n.useMemo((()=>Ae.mergeProps({onAutoDismiss:F,onPosition:C},{onAutoDismiss:re})),[F,C,re]),Te=n.useMemo((()=>Ae.mergeProps({onInput:D,onKeyDown:A,onKeyUp:L},{onKeyDown:de})),[A,D,L,de]),ge=n.useMemo((()=>({textTagListRef:ee,onExitNavigation:fe,onRemove:ve})),[fe,ve]);E&&!H&&B({rowKey:void 0}),H&&!E&&!_&&N();const Fe=n.useRef(S);if(Fe.current!==S){const e=S?.data[0]?.metadata.key;E&&V&&null!=e&&0===S?.offset&&B({rowKey:Q.isSearchTextEmptyOrUndefined(P)?void 0:e}),Fe.current=S}return H!==E&&z(E),q!==p&&Y(p),{addToListEventHandlers:{onAction:X},ariaProps:{ariaDescribedBy:oe},collectionProps:{currentKey:w.rowKey,data:S,onCurrentKeyChange:U,onSelectionChange:me,onLoadRange:f,selectedKeys:W},data:S,dropdownArrowEventHandlers:{onClick:g},dropdownEventHandlers:we,dropdownRef:T,hasSelectedValuesCount:x,inputEventHandlers:Te,inputRef:o,isAddToListShown:J,isDataFetched:G,isDropdownAbove:I,isDropdownOpen:E,isDropdownSelectedOnlyView:h,isEmptyResults:Z,isFocused:k,isUserFiltering:V,mainFieldRef:K,mouseProps:i||l?{}:{onMouseDown:j},searchText:P,selectedValuesCountProps:{onKeyDown:he,onKeyUp:be,onMouseDown:ye,onToggle:xe},selectedValuesDescriptionId:te,selectedValuesKeyboardNavDescriptionId:ne,setDropdownOpen:M,setUserInput:O,stopFiltering:N,textTagListProps:ge,userInput:_}}({addToList:e,ariaDescribedBy:o,data:d,inputRef:ne,isDisabled:W,isFocused:ie,isReadonly:$,onAddToListAction:C,onCommit:D,onFilter:A,onLoadRange:L,valueItems:V}),We=Z.useLoadingIndicatorTimer(y??!1),{baseId:$e,formFieldContext:Ge,inputProps:Ze,labelProps:Je,textFieldProps:Qe,userAssistanceProps:Xe}=J.useTextField({ariaDescribedBy:re.ariaDescribedBy,helpSourceLink:c,helpSourceText:h,isDisabled:W,isFocused:Ce,isLoading:We,isReadonly:$,isRequiredShown:S,labelEdge:X,messages:F,styleVariant:U,userAssistanceDensity:te,value:void 0!==V&&V.length>0||void 0});Ge.hasValue=y||Ge.hasValue;const es=`${$e}-dropdown`,{displayValue:ss,textTags:ts}=Be(v,V),ns="none"!==X?s.jsx(t.Label,{...Je,...Q.isPhone()?{forId:void 0}:{},children:w}):void 0,os={label:"none"!==X?ns:void 0,labelEdge:"none"!==X?X:void 0,labelStartWidth:"none"!==X?ee:void 0},is="none"===X?w:void 0,as="efficient"===te||"reflow"===te?W||$?"efficient"!==te?void 0:s.jsx(O.InlineUserAssistance,{userAssistanceDensity:te,...Xe}):s.jsx(O.InlineUserAssistance,{assistiveText:i,fieldLabel:w,helpSourceLink:c,helpSourceText:h,messages:F,isRequiredShown:S,userAssistanceDensity:te,...Xe}):void 0,ls="compact"===te?s.jsx(N.CompactUserAssistance,{anchorRef:Ie,messages:F,assistiveText:i,...Xe}):void 0,rs=K.useTranslationBundle("@oracle/oraclejet-preact");if($){const e=s.jsx(l.ReadonlyTextFieldInput,{"aria-describedby":Ze["aria-describedby"],"aria-label":is,"aria-labelledby":Je.id,as:"div",elementRef:ae,hasEmptyLabel:""===w&&"none"===X,hasInsideLabel:void 0!==w&&"inside"===X,textAlign:se,value:ss});return s.jsx(p.FormFieldContext.Provider,{value:Ge,children:s.jsx(r.ReadonlyTextField,{role:"presentation",columnSpan:a,compactUserAssistance:ls,inlineUserAssistance:as,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,ref:Ie,mainContent:e,testId:I,...os})})}const ds="inside"===X,cs=Te&&ve?0===pe?.totalSize?rs.select_noMatchesFound():1===pe?.totalSize?rs.select_oneMatchFound():"exact"===pe?.sizePrecision?rs.select_sizeMatchesFound({TOTAL_SIZE:`${pe?.totalSize}`}):rs.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${pe?.totalSize}`}):"",us=Te&&void 0!==pe&&(null===pe||pe.totalSize>0||Q.isBeforeDataFetch(pe)||Fe),ps=""===w&&"none"===X,hs=Q.isPhone()&&!W?s.jsx(Q.SelectMobileFieldInput,{"aria-controls":es,"aria-describedby":Ze["aria-describedby"],"aria-expanded":Te,"aria-invalid":Ze["aria-invalid"],"aria-label":is,"aria-labelledby":Je.id,displayValue:ss,hasEmptyLabel:ps,hasInsideLabel:ds,isRequired:m,onBlur:Ze.onBlur,onFocus:Ze.onFocus,placeholder:R,ref:ne,textAlign:se,variant:Ze.variant}):s.jsx(je,{"aria-controls":es,"aria-expanded":Te,"aria-label":is,displayValue:ss,hasEmptyLabel:ps,hasInsideLabel:ds,inputRef:ne,isAddToListShown:fe,isKeyboardNavigable:!W&&!Q.isMobile(),isRequired:m,isTextTagListShown:Ce&&0!==ts.length,isUserFiltering:De,liveRegionText:cs,placeholder:R,removeIcon:Q.isTablet()?"always":"never",selectedValuesDescriptionId:Ue,selectedValuesKeyboardNavDescriptionId:Pe,textAlign:se,textTagListData:ts,userInput:Ye,virtualKeyboard:Q.isTablet()?j:void 0,...me,...Ze,...qe}),bs=us?Q.isPhone()?s.jsx(He,{"aria-describedby":re.ariaDescribedBy,"aria-label":is,assistiveText:i,data:d,dropdownId:es,enabledElementRef:ne,helpSourceLink:c,helpSourceText:h,isAddToListShown:fe,isDisabled:W,isEmptyResults:Fe,isFocused:Ce,isLoading:We,isOpen:us,isReadonly:$,isRequired:m,isSelectedOnlyView:ge,isUserFiltering:De,itemRenderer:f,itemText:v,label:w,liveRegionText:cs,placeholder:R,propIsLoading:y,searchText:Ve,selectedValuesDescriptionId:Ue,setDropdownOpen:Oe,setUserInput:Ne,stopFiltering:_e,textAlign:se,textTagListRef:qe.textTagListRef,userAssistanceDensity:te,userInput:Ye,valueItems:V,virtualKeyboard:j,onAddToListAction:le.onAction,onCommit:D,onFieldBlur:oe.onFocusOut,onFieldFocus:oe.onFocusIn,onFieldInput:me.onInput,onFieldKeyDown:me.onKeyDown,onFieldKeyUp:me.onKeyUp,onLoadRange:L}):s.jsx(Re,{...de,...be,assistiveText:i,dropdownId:es,dropdownRef:ye,helpSourceLink:c,helpSourceText:h,isAddToListShown:fe,isDisabled:W,isDropdownAbove:we,isEmptyResults:Fe,isOpen:us,isReadonly:$,isSelectedOnlyView:ge,isUserFiltering:De,itemRenderer:f,itemText:v,label:w,mainFieldRef:Ie,onAddToListAction:le.onAction,searchText:Ve,userAssistanceDensity:te}):null;return s.jsxs(H.Fragment,{children:[s.jsx(p.FormFieldContext.Provider,{value:Ge,children:s.jsx(Ee,{columnSpan:a,compactUserAssistance:ls,fieldLabel:w,hasInsideLabel:ds,inlineUserAssistance:as,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:ge,isSelectedValuesCountShown:xe,mainFieldRef:Ie,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,onDropdownArrowClick:he.onClick,onSelectedValuesCountKeyDown:Ke.onKeyDown,onSelectedValuesCountKeyUp:Ke.onKeyUp,onSelectedValuesCountMouseDown:Ke.onMouseDown,onSelectedValuesCountToggle:Ke.onToggle,selectedValuesCount:V?.length,testId:I,...os,...ke,...Qe,children:hs})}),bs]})}));e.SelectMultiple=qe}));
+//# sourceMappingURL=SelectMultiple-06da3db0.js.map