@patternfly/patternfly-doc-core 1.11.1 → 1.12.1

package/dist/docs/_astro/DropdownList.DP2npVYh.js

@@ -0,0 +1 @@
+import{b as ee,j as e,a as Se,_ as K,c as h,g as Re,k as ve,B as Je,f as Qe,E as Ye,C as et,u as ke}from"./Button.BVfR1y85.js";import{r as b}from"./index.eCxJ45ll.js";/* empty css                        */import{G as tt,C as nt,a as it,d as st}from"./angle-down-icon.Dqz5ba9D.js";import{u as at,A as lt,P as ot}from"./divider.BP4XR7uq.js";import{m as o,A as rt}from"./angle-left-icon.CfKwuSCS.js";const ct=(n,t,i=x=>document.activeElement.contains(x),l=x=>x,a=["A","BUTTON","INPUT"],s=!1,f=!1,p=!0,N=!0)=>{const x=document.activeElement,d=n.key;let m=null;if(!s&&["ArrowUp","ArrowDown"].includes(d)){n.preventDefault(),n.stopImmediatePropagation();let c=-1;t.forEach((v,I)=>{if(i(v)){let g=0;for(;!m&&g<t.length&&g*-1<t.length;)d==="ArrowUp"?g--:g++,c=I+g,c>=t.length&&(c=0),c<0&&(c=t.length-1),m=l(t[c])}})}if(!f&&["ArrowLeft","ArrowRight"].includes(d)){n.preventDefault(),n.stopImmediatePropagation();let c=-1;t.forEach((v,I)=>{if(i(v)){const g=t[I].querySelectorAll(a.join(","));if(!g.length||N){let u=x;for(;u;){const _=u.parentElement===v?u:u.parentElement;if(u=d==="ArrowLeft"?_.previousElementSibling:_.nextElementSibling,u){if(a.includes(u.tagName)){m=u;break}if(a.includes(u.children[0].tagName)){m=u.children[0];break}}}}else g.forEach((u,D)=>{n.target===u&&(c=D+(d==="ArrowLeft"?-1:1),c>=g.length&&(c=0),c<0&&(c=g.length-1),m=g[c])})}})}m&&(p&&(x.tabIndex=-1,m.tabIndex=0),m.focus())},kt=n=>{n&&n.length>0&&(n.forEach(t=>{t.tabIndex=-1}),n[0].tabIndex=0)},dt=(n,t)=>{var i;if(n.key!=="ArrowDown"&&n.key!=="ArrowUp")return;n.preventDefault();const a=Array.from((i=t.current)===null||i===void 0?void 0:i.querySelectorAll("li")).map(f=>f.querySelector('button:not(:disabled),input:not(:disabled),a:not([aria-disabled="true"])')).filter(f=>f!==null);let s;n.key==="ArrowDown"?s=a[0]:s=a[a.length-1],s&&s.focus()};class ye extends b.Component{constructor(){super(...arguments),this.keyHandler=t=>{const{isEventFromContainer:i}=this.props;if(i?!i(t):!this._isEventFromContainer(t))return;const{isActiveElement:l,getFocusableElement:a,noVerticalArrowHandling:s,noHorizontalArrowHandling:f,noEnterHandling:p,noSpaceHandling:N,updateTabIndex:x,validSiblingTags:d,additionalKeyHandler:m,createNavigableElements:c,onlyTraverseSiblings:v}=this.props;m&&m(t);const I=c();if(!I){console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");return}const g=t.key;p||g==="Enter"&&(t.preventDefault(),t.stopImmediatePropagation(),document.activeElement.click()),N||g===" "&&(t.preventDefault(),t.stopImmediatePropagation(),document.activeElement.click()),ct(t,I,l,a,d,s,f,x,v)},this._isEventFromContainer=t=>{const{containerRef:i}=this.props;return i.current&&i.current.contains(t.target)}}componentDidMount(){ee&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){ee&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}ye.displayName="KeyboardHandler";ye.defaultProps={containerRef:null,createNavigableElements:()=>null,isActiveElement:n=>document.activeElement===n,getFocusableElement:n=>n,validSiblingTags:["BUTTON","A"],onlyTraverseSiblings:!0,updateTabIndex:!0,noHorizontalArrowHandling:!1,noVerticalArrowHandling:!1,noEnterHandling:!1,noSpaceHandling:!1};const he={breadcrumb:"pf-v6-c-breadcrumb",breadcrumbDropdown:"pf-v6-c-breadcrumb__dropdown",breadcrumbHeading:"pf-v6-c-breadcrumb__heading",breadcrumbItem:"pf-v6-c-breadcrumb__item",breadcrumbItemDivider:"pf-v6-c-breadcrumb__item-divider",breadcrumbLink:"pf-v6-c-breadcrumb__link",breadcrumbList:"pf-v6-c-breadcrumb__list",modifiers:{current:"pf-m-current"}},G=b.createContext({menuId:null,parentMenu:null,onActionClick:()=>null,onSelect:()=>null,activeItemId:null,selected:null,drilledInMenus:[],drilldownItemPath:[],onDrillIn:null,onDrillOut:null,onGetMenuHeight:()=>null,flyoutRef:null,setFlyoutRef:()=>null,disableHover:!1,role:"menu"}),Oe=b.createContext({itemId:null,isDisabled:!1});class le extends b.Component{constructor(t){super(t),this.menuRef=b.createRef(),this.activeMenu=null,this.state={ouiaStateId:Se(ae.displayName),transitionMoveTarget:null,flyoutRef:null,disableHover:!1,currentDrilldownMenuId:this.props.id},this.handleDrilldownTransition=i=>{const l=this.menuRef.current;if(!(!l||l!==i.target.closest(`.${o.menu}`)&&!Array.from(l.getElementsByClassName(o.menu)).includes(i.target.closest(`.${o.menu}`))))if(this.state.transitionMoveTarget)this.state.transitionMoveTarget.focus(),this.setState({transitionMoveTarget:null});else{const a=l.querySelector("#"+this.props.activeMenu)||l||null,s=a.getElementsByTagName("UL");if(s.length===0)return;const f=Array.from(s[0].children);if(!this.state.currentDrilldownMenuId||a.id!==this.state.currentDrilldownMenuId)this.setState({currentDrilldownMenuId:a.id});else return;const p=f.filter(N=>!(N.classList.contains("pf-m-disabled")||N.classList.contains(o.divider)))[0].firstChild;p.focus(),p.tabIndex=0}},this.handleExtraKeys=i=>{const l=this.props.containsDrilldown,a=document.activeElement;if(i.target.closest(`.${o.menu}`)!==this.activeMenu&&!i.target.classList.contains(he.breadcrumbLink)&&(this.activeMenu=i.target.closest(`.${o.menu}`),this.setState({disableHover:!0})),i.target.tagName==="INPUT")return;const s=this.activeMenu,f=i.key,p=a.classList.contains(he.breadcrumbLink);if(f===" "||f==="Enter"){if(i.preventDefault(),l&&!p){if(a.closest("li").classList.contains("pf-m-current-path")&&s.parentElement.tagName==="LI")a.tabIndex=-1,s.parentElement.firstChild.tabIndex=0,this.setState({transitionMoveTarget:s.parentElement.firstChild});else if(a.nextElementSibling&&a.nextElementSibling.classList.contains(o.menu)){const x=Array.from(a.nextElementSibling.getElementsByTagName("UL")[0].children).filter(d=>!(d.classList.contains("pf-m-disabled")||d.classList.contains(o.divider)));a.tabIndex=-1,x[0].firstChild.tabIndex=0,this.setState({transitionMoveTarget:x[0].firstChild})}}document.activeElement.click()}},this.createNavigableElements=()=>this.props.containsDrilldown?this.activeMenu?Array.from(this.activeMenu.getElementsByTagName("UL")[0].children).filter(l=>!(l.classList.contains("pf-m-disabled")||l.classList.contains(o.divider))):[]:this.menuRef.current?Array.from(this.menuRef.current.getElementsByTagName("LI")).filter(l=>!(l.classList.contains("pf-m-disabled")||l.classList.contains(o.divider))):[],t.innerRef&&(this.menuRef=t.innerRef)}allowTabFirstItem(){const t=this.menuRef.current;if(t){const i=t.querySelector("ul button:not(:disabled), ul a:not(:disabled)");i&&(i.tabIndex=0)}}componentDidMount(){this.context&&this.setState({disableHover:this.context.disableHover}),ee&&this.props.containsDrilldown&&window.addEventListener("transitionend",this.props.isRootMenu?this.handleDrilldownTransition:null),this.allowTabFirstItem()}componentWillUnmount(){ee&&this.props.containsDrilldown&&window.removeEventListener("transitionend",this.handleDrilldownTransition)}componentDidUpdate(t){t.children!==this.props.children&&this.allowTabFirstItem()}render(){const t=this.props,{id:i,children:l,className:a,onSelect:s,selected:f=null,onActionClick:p,ouiaId:N,ouiaSafe:x,containsFlyout:d,containsDrilldown:m,isMenuDrilledIn:c,isPlain:v,isScrollable:I,drilldownItemPath:g,drilledInMenus:u,onDrillIn:D,onDrillOut:_,onGetMenuHeight:k,parentMenu:z=null,activeItemId:O=null,innerRef:$,isRootMenu:H,activeMenu:L,role:R,isNavFlyout:M}=t,j=K(t,["id","children","className","onSelect","selected","onActionClick","ouiaId","ouiaSafe","containsFlyout","containsDrilldown","isMenuDrilledIn","isPlain","isScrollable","drilldownItemPath","drilledInMenus","onDrillIn","onDrillOut","onGetMenuHeight","parentMenu","activeItemId","innerRef","isRootMenu","activeMenu","role","isNavFlyout"]),P=c||u&&u.includes(i)||!1;return e.jsxs(G.Provider,{value:{menuId:i,parentMenu:z||i,onSelect:s,onActionClick:p,activeItemId:O,selected:f,drilledInMenus:u,drilldownItemPath:g,onDrillIn:D,onDrillOut:_,onGetMenuHeight:k,flyoutRef:this.state.flyoutRef,setFlyoutRef:w=>this.setState({flyoutRef:w}),disableHover:this.state.disableHover,role:R},children:[H&&e.jsx(ye,{containerRef:this.menuRef||null,additionalKeyHandler:this.handleExtraKeys,createNavigableElements:this.createNavigableElements,isActiveElement:w=>document.activeElement.closest("li")===w||document.activeElement.parentElement===w||document.activeElement.closest(`.${o.menuSearch}`)===w||document.activeElement.closest("ol")&&document.activeElement.closest("ol").firstChild===w,getFocusableElement:w=>{var A,T;return w?.tagName==="DIV"&&w.querySelector("input")||((A=w.firstChild)===null||A===void 0?void 0:A.tagName)==="LABEL"&&w.querySelector("input")||((T=w.firstChild)===null||T===void 0?void 0:T.tagName)==="DIV"&&w.querySelector("a, button, input")||w.firstChild},noHorizontalArrowHandling:document.activeElement&&(document.activeElement.classList.contains(he.breadcrumbLink)||document.activeElement.tagName==="INPUT"),noEnterHandling:!0,noSpaceHandling:!0}),e.jsx("div",Object.assign({id:i,className:h(o.menu,v&&o.modifiers.plain,I&&o.modifiers.scrollable,d&&o.modifiers.flyout,M&&"pf-m-nav",m&&o.modifiers.drilldown,P&&o.modifiers.drilledIn,a),ref:this.menuRef},Re(ae.displayName,N!==void 0?N:this.state.ouiaStateId,x),j,{children:l}))]})}}le.displayName="Menu";le.contextType=G;le.defaultProps={ouiaSafe:!0,isRootMenu:!0,isPlain:!1,isScrollable:!1,role:"menu"};const ae=b.forwardRef((n,t)=>e.jsx(le,Object.assign({},n,{innerRef:t})));ae.displayName="Menu";const ut={name:"--pf-v6-c-menu__content--Height",value:"auto",var:"var(--pf-v6-c-menu__content--Height)"},ft={name:"--pf-v6-c-menu__content--MaxHeight",value:"18.75rem",var:"var(--pf-v6-c-menu__content--MaxHeight)"},Ae=b.forwardRef((n,t)=>{const{getHeight:i,children:l,menuHeight:a,maxMenuHeight:s}=n,f=K(n,["getHeight","children","menuHeight","maxMenuHeight"]),p=b.createRef(),N=(x,d,m)=>{if(x){let c=x.clientHeight,v=null,I=x.closest(`.${o.menuList}`);for(;I!==null&&I.nodeType===1;)I.classList.contains(o.menuList)&&(v=I),I=I.parentElement;if(v){const g=getComputedStyle(v),u=parseFloat(g.getPropertyValue("padding-top").replace(/px/g,""))+parseFloat(g.getPropertyValue("padding-bottom").replace(/px/g,""))+parseFloat(getComputedStyle(v.parentElement).getPropertyValue("border-bottom-width").replace(/px/g,""));c=c+u}m&&m(d,c),i&&i(c.toString())}return t||p};return e.jsx(G.Consumer,{children:({menuId:x,onGetMenuHeight:d})=>e.jsx("div",Object.assign({},f,{className:h(o.menuContent,n.className),ref:m=>{N(m,x,d)},style:Object.assign(Object.assign({},a&&{[ut.name]:a}),s&&{[ft.name]:s}),children:l}))})});Ae.displayName="MenuContent";const mt={name:"--pf-v6-c-menu--m-flyout__menu--top-offset",value:"0px",var:"var(--pf-v6-c-menu--m-flyout__menu--top-offset)"},pt={name:"--pf-v6-c-menu--m-flyout__menu--m-left--right-offset",value:"0px",var:"var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset)"},gt={name:"--pf-v6-c-menu--m-flyout__menu--left-offset",value:"0px",var:"var(--pf-v6-c-menu--m-flyout__menu--left-offset)"},ht={name:"ExternalLinkAltIcon",height:512,width:512,svgPath:"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z",yOffset:0,xOffset:0},bt=ve(ht),xt={name:"CheckIcon",height:512,width:512,svgPath:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z",yOffset:0,xOffset:0},vt=ve(xt),yt={name:"StarIcon",height:512,width:576,svgPath:"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z",yOffset:0,xOffset:0},It=ve(yt),wt=n=>{var{className:t,icon:i,onClick:l,"aria-label":a,isFavorited:s=null,isDisabled:f,actionId:p,innerRef:N}=n,x=K(n,["className","icon","onClick","aria-label","isFavorited","isDisabled","actionId","innerRef"]);return e.jsx(G.Consumer,{children:({onActionClick:d})=>e.jsx(Oe.Consumer,{children:({itemId:m,isDisabled:c})=>{const v=I=>{l&&l(I),d&&d(I,m,p)};return e.jsx("div",Object.assign({className:h(o.menuItemAction,s!==null&&"pf-m-favorite",s&&o.modifiers.favorited,t)},x,{children:e.jsx(Je,{"aria-label":a,onClick:v,ref:N,role:"menuitem",variant:"plain",tabIndex:-1,isDisabled:f||c,icon:i==="favorites"||s!==null?e.jsx(It,{}):i})}))}})})},He=b.forwardRef((n,t)=>e.jsx(wt,Object.assign({},n,{innerRef:t})));He.displayName="MenuItemAction";const Le=b.createContext({direction:"right"}),Nt=n=>{var{children:t,className:i,itemId:l=null,to:a,hasCheckbox:s=!1,isActive:f=null,isFavorited:p=null,isLoadButton:N=!1,isLoading:x=!1,flyoutMenu:d,direction:m,description:c=null,onClick:v=()=>{},component:I="button",isDisabled:g=!1,isAriaDisabled:u=!1,isExternalLink:D=!1,isSelected:_=null,isFocused:k,isDanger:z=!1,icon:O,actions:$,onShowFlyout:H,drilldownMenu:L,isOnPath:R,innerRef:M,id:j,"aria-label":P,tooltipProps:w,rel:A,target:T,download:F}=n,E=K(n,["children","className","itemId","to","hasCheckbox","isActive","isFavorited","isLoadButton","isLoading","flyoutMenu","direction","description","onClick","component","isDisabled","isAriaDisabled","isExternalLink","isSelected","isFocused","isDanger","icon","actions","onShowFlyout","drilldownMenu","isOnPath","innerRef","id","aria-label","tooltipProps","rel","target","download"]);const{menuId:B,parentMenu:U,onSelect:X,onActionClick:Q,activeItemId:Ie,selected:te,drilldownItemPath:we,onDrillIn:Ne,onDrillOut:Ce,flyoutRef:Ke,setFlyoutRef:oe,disableHover:Me,role:ze}=b.useContext(G);let ne=a?"a":I;s&&!a&&(ne="label");const[ie,qe]=b.useState(null),re=b.useContext(Le),[je,ce]=b.useState(re.direction),q=b.useRef(void 0),$e=b.useRef(void 0),_e=M||$e,V=q===Ke,de=d!==void 0,ue=r=>{!V&&r?oe(q):V&&!r&&oe(null),H&&r&&H()};at(()=>{if(de&&q.current&&ee){const r=q.current.lastElementChild;if(r&&r.classList.contains(o.menu)){const y=q.current.getClientRects()[0],S=r.getClientRects()[0];if(y&&S){const W=y.x-S.width,me=window.innerWidth-y.x-y.width-S.width;let J=je;me<0&&J!=="left"?(ce("left"),J="left"):W<0&&J!=="right"&&(ce("right"),J="right");let pe=0;W<0&&me<0&&(pe=J==="right"?-me:-W),J==="left"?(r.classList.add(o.modifiers.left),r.style.setProperty(pt.name,`-${pe}px`)):r.style.setProperty(gt.name,`-${pe}px`);const ge=window.innerHeight-y.y-S.height;window.innerHeight-S.height<0&&ge<0||ge<0&&r.style.setProperty(mt.name,`${ge}px`)}}}},[V,d]),b.useEffect(()=>{ce(re.direction)},[re]),b.useEffect(()=>{if(ie)if(V){const r=ie.nextElementSibling;Array.from(r.getElementsByTagName("UL")[0].children).filter(S=>!(S.classList.contains("pf-m-disabled")||S.classList.contains(o.divider)))[0].firstChild.focus()}else ie.focus()},[V,ie]);const Ee=r=>{const y=r.key,S=r.target,W=r.type;(y===" "||y==="Enter"||y==="ArrowRight"||W==="click")&&(r.stopPropagation(),r.preventDefault(),V||(ue(!0),qe(S))),(y==="Escape"||y==="ArrowLeft")&&V&&(r.stopPropagation(),ue(!1))},De=(r,y)=>{u||(y&&y(r,l),v&&v(r))},We=R&&R||we&&we.includes(l)||!1;let se;m&&(m==="down"?se=r=>Ne&&Ne(r,B,typeof L=="function"?L().props.id:L.props.id,l):se=r=>Ce&&Ce(r,U,l));let Z={};ne==="a"?Z={href:a,"aria-disabled":g||u?!0:null,disabled:null,target:D?"_blank":T,rel:A,download:F}:ne==="button"&&(Z={type:"button","aria-disabled":u?!0:null}),R?Z["aria-expanded"]=!0:de&&(Z["aria-haspopup"]="menu",Z["aria-expanded"]=V);const Ge=()=>f!==null?f?"page":null:l!==null&&Ie!==null?l===Ie:null,fe=()=>_!==null?_:te!==null&&l!==null?Array.isArray(te)&&te.includes(l)||l===te:!1,Xe=()=>{Me||(de?ue(!0):oe(null))};b.useEffect(()=>{if(k&&q.current){const r=q.current,y=r.parentElement;if(y){const S=r.offsetTop-y.offsetTop<y.scrollTop,W=r.offsetTop-y.offsetTop+r.clientHeight;(S||W)&&r.scrollIntoView({behavior:"auto",block:"nearest"})}}},[k]);const Te=ze==="listbox",Ze=e.jsxs(e.Fragment,{children:[e.jsx(tt,{children:r=>e.jsxs(ne,Object.assign({id:j,tabIndex:-1,className:h(o.menuItem,fe()&&!s&&o.modifiers.selected,i),"aria-current":Ge()},!s&&{disabled:g,"aria-label":P},!s&&!d&&{role:Te?"option":"menuitem"},!s&&!d&&Te&&{"aria-selected":fe()},{ref:_e},!s&&{onClick:y=>{u?y.preventDefault():(De(y,X),se&&se(y),d&&Ee(y))}},s&&{htmlFor:r},Z,{children:[e.jsxs("span",{className:h(o.menuItemMain),children:[m==="up"&&e.jsx("span",{className:h(o.menuItemToggleIcon),children:e.jsx(rt,{})}),O&&e.jsx("span",{className:h(o.menuItemIcon),children:O}),s&&e.jsx("span",{className:h(o.menuItemCheck),children:e.jsx(nt,{id:r,component:"span",isChecked:_||!1,onChange:y=>De(y,X),isDisabled:g,"aria-disabled":u})}),e.jsx("span",{className:h(o.menuItemText),children:t}),D&&e.jsx("span",{className:h(o.menuItemExternalIcon),children:e.jsx(bt,{})}),(d||m==="down")&&e.jsx("span",{className:h(o.menuItemToggleIcon),children:e.jsx(lt,{})}),fe()&&e.jsx("span",{className:h(o.menuItemSelectIcon),children:e.jsx(vt,{})})]}),c&&m!=="up"&&e.jsx("span",{className:h(o.menuItemDescription),children:e.jsx("span",{children:c})})]}))}),V&&e.jsx(G.Provider,{value:{disableHover:Me},children:e.jsx(Le.Provider,{value:{direction:je},children:d})}),typeof L=="function"?L():L,e.jsxs(Oe.Provider,{value:{itemId:l,isDisabled:g},children:[$,p!==null&&e.jsx(He,{icon:"favorites",isFavorited:p,"aria-label":p?"starred":"not starred",onClick:r=>Q(r,l),tabIndex:-1,actionId:"fav"})]})]});return e.jsxs(e.Fragment,{children:[e.jsx("li",Object.assign({className:h(o.menuListItem,g&&o.modifiers.disabled,u&&o.modifiers.ariaDisabled,We&&o.modifiers.currentPath,N&&o.modifiers.load,x&&o.modifiers.loading,k&&"pf-m-focus",z&&o.modifiers.danger,i),onMouseOver:()=>{u||Xe()}},d&&!u&&{onKeyDown:Ee},{ref:q,role:s?"menuitem":"none"},s&&{"aria-label":P},E,{children:Ze})),w&&e.jsx(it,Object.assign({},w,{triggerRef:_e}))]})},Pe=b.forwardRef((n,t)=>e.jsx(Nt,Object.assign({},n,{innerRef:t})));Pe.displayName="MenuItem";const Fe=n=>{var{children:t=null,className:i,isAriaMultiselectable:l=!1,"aria-label":a}=n,s=K(n,["children","className","isAriaMultiselectable","aria-label"]);const{role:f}=b.useContext(G);return e.jsx("ul",Object.assign({role:f},f==="listbox"&&{"aria-multiselectable":l},{className:h(o.menuList,i),"aria-label":a},s,{children:t}))};Fe.displayName="MenuList";const C={menuToggle:"pf-v6-c-menu-toggle",menuToggleButton:"pf-v6-c-menu-toggle__button",menuToggleControls:"pf-v6-c-menu-toggle__controls",menuToggleCount:"pf-v6-c-menu-toggle__count",menuToggleIcon:"pf-v6-c-menu-toggle__icon",menuToggleStatusIcon:"pf-v6-c-menu-toggle__status-icon",menuToggleText:"pf-v6-c-menu-toggle__text",menuToggleToggleIcon:"pf-v6-c-menu-toggle__toggle-icon",modifiers:{primary:"pf-m-primary",secondary:"pf-m-secondary",fullHeight:"pf-m-full-height",fullWidth:"pf-m-full-width",plain:"pf-m-plain",expanded:"pf-m-expanded",disabled:"pf-m-disabled",small:"pf-m-small",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger",placeholder:"pf-m-placeholder",splitButton:"pf-m-split-button",standalone:"pf-m-standalone",typeahead:"pf-m-typeahead",text:"pf-m-text",avatar:"pf-m-avatar"}};var Y;(function(n){n.success="success",n.danger="danger",n.warning="warning"})(Y||(Y={}));var be;(function(n){n.default="default",n.sm="sm"})(be||(be={}));class Be extends b.Component{constructor(){super(...arguments),this.displayName="MenuToggleBase",this.state={ouiaStateId:Se(xe.displayName,this.props.variant)}}render(){const t=this.props,{children:i,className:l,icon:a,badge:s,isExpanded:f,isDisabled:p,isFullHeight:N,isFullWidth:x,isPlaceholder:d,splitButtonItems:m,variant:c,status:v,statusIcon:I,innerRef:g,onClick:u,"aria-label":D,ouiaId:_,ouiaSafe:k,size:z}=t,O=K(t,["children","className","icon","badge","isExpanded","isDisabled","isFullHeight","isFullWidth","isPlaceholder","splitButtonItems","variant","status","statusIcon","innerRef","onClick","aria-label","ouiaId","ouiaSafe","size"]),$=c==="plain",H=c==="plainText",L=c==="typeahead",R=Re(xe.displayName,_??this.state.ouiaStateId,k);let M=I;if(!I)switch(v){case Y.success:M=e.jsx(et,{});break;case Y.warning:M=e.jsx(Ye,{});break;case Y.danger:M=e.jsx(Qe,{});break}const j=e.jsxs("span",{className:h(C.menuToggleControls),children:[v!==void 0&&e.jsx("span",{className:h(C.menuToggleStatusIcon),children:M}),e.jsx("span",{className:h(C.menuToggleToggleIcon),children:e.jsx(st,{})})]}),P=e.jsxs(e.Fragment,{children:[a&&e.jsx("span",{className:h(C.menuToggleIcon),children:a}),L?i:i&&e.jsx("span",{className:h(C.menuToggleText),children:i}),b.isValidElement(s)&&e.jsx("span",{className:h(C.menuToggleCount),children:s}),L?e.jsx("button",Object.assign({type:"button",className:h(C.menuToggleButton),"aria-expanded":f,onClick:u,"aria-label":D||"Menu toggle",tabIndex:-1},R,{children:j})):!$&&j]}),w=h(C.menuToggle,f&&C.modifiers.expanded,c==="primary"&&C.modifiers.primary,c==="secondary"&&C.modifiers.secondary,v&&C.modifiers[v],($||H)&&C.modifiers.plain,H&&"pf-m-text",N&&C.modifiers.fullHeight,x&&C.modifiers.fullWidth,p&&C.modifiers.disabled,d&&C.modifiers.placeholder,z===be.sm&&C.modifiers.small,l),A=Object.assign(Object.assign({children:P},p&&{disabled:!0}),O);return L?e.jsx("div",Object.assign({ref:g,className:h(w,C.modifiers.typeahead)},A)):m?e.jsxs("div",{ref:g,className:h(w,C.modifiers.splitButton),children:[m,e.jsxs("button",Object.assign({className:h(C.menuToggleButton,i&&C.modifiers.text),type:"button","aria-expanded":f,"aria-label":D,disabled:p,onClick:u},O,R,{children:[i&&e.jsx("span",{className:h(C.menuToggleText),children:i}),j]}))]}):e.jsx("button",Object.assign({className:h(w),type:"button","aria-label":D,"aria-expanded":f,ref:g,disabled:p,onClick:u},A,R))}}Be.defaultProps={className:"",isExpanded:!1,isDisabled:!1,isFullWidth:!1,isFullHeight:!1,isPlaceholder:!1,size:"default",ouiaSafe:!0};const xe=b.forwardRef((n,t)=>e.jsx(Be,Object.assign({innerRef:t},n)));xe.displayName="MenuToggle";const Ct=n=>{var{children:t,className:i,onSelect:l,isOpen:a,toggle:s,shouldFocusToggleOnSelect:f=!1,onOpenChange:p,onToggleKeydown:N,isPlain:x,isScrollable:d,innerRef:m,ouiaId:c,ouiaSafe:v=!0,zIndex:I=9999,popperProps:g,onOpenChangeKeys:u=["Escape","Tab"],menuHeight:D,maxMenuHeight:_,shouldFocusFirstItemOnOpen:k=!1,shouldPreventScrollOnItemFocus:z=!0,focusTimeoutDelay:O=0}=n,$=K(n,["children","className","onSelect","isOpen","toggle","shouldFocusToggleOnSelect","onOpenChange","onToggleKeydown","isPlain","isScrollable","innerRef","ouiaId","ouiaSafe","zIndex","popperProps","onOpenChangeKeys","menuHeight","maxMenuHeight","shouldFocusFirstItemOnOpen","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const H=b.useRef(void 0),L=b.useRef(void 0),R=ke(Ue.displayName,c,v),M=m||H,j=typeof s=="function"||typeof s!="function"&&!s.toggleRef?L:s?.toggleRef,P=b.useRef(a);b.useEffect(()=>{P.current===!1&&a===!0&&k&&setTimeout(()=>{var T;const F=(T=M?.current)===null||T===void 0?void 0:T.querySelector('li button:not(:disabled),li input:not(:disabled),li a:not([aria-disabled="true"])');F&&F.focus({preventScroll:z})},O),P.current=a},[a]),b.useEffect(()=>{const T=E=>{var B,U,X,Q;a&&p&&(!((B=M.current)===null||B===void 0)&&B.contains(E.target)||!((U=j.current)===null||U===void 0)&&U.contains(E.target))&&u.includes(E.key)&&(p(!1),(X=j.current)===null||X===void 0||X.focus()),!((Q=j.current)===null||Q===void 0)&&Q.contains(E.target)&&(N?N(E):a&&dt(E,M))},F=E=>{var B,U;a&&p&&!(!((B=j?.current)===null||B===void 0)&&B.contains(E.target))&&a&&!(!((U=M.current)===null||U===void 0)&&U.contains(E.target))&&p(!1)};return window.addEventListener("keydown",T),window.addEventListener("click",F),()=>{window.removeEventListener("keydown",T),window.removeEventListener("click",F)}},[a,M,j,p,u,N,z,k,O]);const w=_!==void 0||D!==void 0||d,A=e.jsx(ae,Object.assign({className:h(i),ref:M,onSelect:(T,F)=>{var E;l&&l(T,F),f&&((E=j.current)===null||E===void 0||E.focus())},isPlain:x,isScrollable:w},$,R,{children:e.jsx(Ae,{menuHeight:D,maxMenuHeight:_,children:t})}));return e.jsx(ot,Object.assign({trigger:typeof s=="function"?s(j):s.toggleNode,triggerRef:j,popper:A,popperRef:M,isVisible:a,zIndex:I},g))},Ue=b.forwardRef((n,t)=>e.jsx(Ct,Object.assign({innerRef:t},n)));Ue.displayName="Dropdown";const Mt=n=>{var{children:t,className:i,description:l,isDisabled:a,isAriaDisabled:s,value:f,onClick:p,ouiaId:N,ouiaSafe:x,innerRef:d,tooltipProps:m}=n,c=K(n,["children","className","description","isDisabled","isAriaDisabled","value","onClick","ouiaId","ouiaSafe","innerRef","tooltipProps"]);const v=ke(Ve.displayName,N,x);return e.jsx(Pe,Object.assign({className:h(i),description:l,isDisabled:a,isAriaDisabled:s,itemId:f,onClick:p,tooltipProps:m,ref:d},v,c,{children:t}))},Ve=b.forwardRef((n,t)=>e.jsx(Mt,Object.assign({},n,{innerRef:t})));Ve.displayName="DropdownItem";const jt=n=>{var{children:t,className:i}=n,l=K(n,["children","className"]);return e.jsx(Fe,Object.assign({className:h(i)},l,{children:t}))};jt.displayName="DropdownList";export{vt as C,Ue as D,bt as E,ye as K,xe as M,It as S,jt as a,Ve as b,he as c,G as d,ae as e,Ae as f,Fe as g,Pe as h,ct as i,He as j,be as k,Y as l,kt as m,xt as n,dt as o,ht as p,yt as q,ut as r,C as s,ft as t,gt as u,pt as v,mt as w};

package/dist/docs/_astro/Label.CM_es7Cu.js

@@ -0,0 +1 @@
+import{_ as ce,j as a,B as de,c as f,e as fe,I as pe,f as ue,E as be,C as me}from"./Button.BVfR1y85.js";import{r as o}from"./index.eCxJ45ll.js";/* empty css                        */import{T as ge,a as $}from"./angle-down-icon.Dqz5ba9D.js";import{u as ve}from"./divider.BP4XR7uq.js";const e={label:"pf-v6-c-label",labelActions:"pf-v6-c-label__actions",labelContent:"pf-v6-c-label__content",labelIcon:"pf-v6-c-label__icon",labelText:"pf-v6-c-label__text",modifiers:{blue:"pf-m-blue",red:"pf-m-red",orange:"pf-m-orange",orangered:"pf-m-orangered",yellow:"pf-m-yellow",green:"pf-m-green",teal:"pf-m-teal",purple:"pf-m-purple",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger",info:"pf-m-info",custom:"pf-m-custom",compact:"pf-m-compact",filled:"pf-m-filled",outline:"pf-m-outline",editable:"pf-m-editable",editableActive:"pf-m-editable-active",overflow:"pf-m-overflow",add:"pf-m-add",clickable:"pf-m-clickable",disabled:"pf-m-disabled"}},Ce={labelGroup:"pf-v6-c-label-group",labelGroupClose:"pf-v6-c-label-group__close",labelGroupLabel:"pf-v6-c-label-group__label",labelGroupList:"pf-v6-c-label-group__list",labelGroupListItem:"pf-v6-c-label-group__list-item",labelGroupMain:"pf-v6-c-label-group__main",labelGroupTextarea:"pf-v6-c-label-group__textarea",modifiers:{category:"pf-m-category",vertical:"pf-m-vertical",editable:"pf-m-editable",textarea:"pf-m-textarea"}},xe={name:"--pf-v6-c-label__text--MaxWidth",value:"100%",var:"var(--pf-v6-c-label__text--MaxWidth)"},he={blue:e.modifiers.blue,teal:e.modifiers.teal,green:e.modifiers.green,orange:e.modifiers.orange,purple:e.modifiers.purple,red:e.modifiers.red,orangered:e.modifiers.orangered,yellow:e.modifiers.yellow,grey:""},_e={success:a.jsx(me,{}),warning:a.jsx(be,{}),danger:a.jsx(ue,{}),info:a.jsx(pe,{}),custom:a.jsx(fe,{})},je=I=>{var{children:c,className:q="",color:z="grey",variant:b="filled",status:m,isCompact:J=!1,isDisabled:L=!1,isEditable:d=!1,isClickable:Q=!1,editableProps:P,textMaxWidth:O,tooltipPosition:R,icon:B,onClose:N,onClick:r,onEditCancel:T,onEditComplete:g,closeBtn:U,closeBtnAriaLabel:X,closeBtnProps:Y,href:n,render:D}=I,Z=ce(I,["children","className","color","variant","status","isCompact","isDisabled","isEditable","isClickable","editableProps","textMaxWidth","tooltipPosition","icon","onClose","onClick","onEditCancel","onEditComplete","closeBtn","closeBtnAriaLabel","closeBtnProps","href","render"]);const[s,p]=o.useState(!1),[ee,te]=o.useState(c),i=o.useRef(void 0),l=o.useRef(void 0),u=b==="overflow",v=b==="add",A=Q||r&&!u&&!v||n;let C;m&&(C=_e[m]),B&&(C=B),o.useEffect(()=>(document.addEventListener("mousedown",M),document.addEventListener("keydown",G),()=>{document.removeEventListener("mousedown",M),document.removeEventListener("keydown",G)})),o.useEffect(()=>{r&&n?console.warn("Link labels cannot have onClick passed, this results in invalid HTML. Please remove either the href or onClick prop."):r&&d&&console.warn("Editable labels cannot have onClick passed, clicking starts the label edit process. Please remove either the isEditable or onClick prop.")},[r,n,d]);const M=t=>{s&&l&&l.current&&!l.current.contains(t.target)&&(l.current.value&&g&&g(t,l.current.value),p(!1))},G=t=>{var E,y;const j=t.key;if(!(!s&&(!i||!i.current||!i.current.contains(t.target))||s&&(!l||!l.current||!l.current.contains(t.target)))&&(s&&(j==="Enter"||j==="Tab")&&(t.preventDefault(),t.stopImmediatePropagation(),l.current.value&&g&&g(t,l.current.value),p(!1),(E=i?.current)===null||E===void 0||E.focus()),s&&j==="Escape"&&(t.preventDefault(),t.stopImmediatePropagation(),l.current.value&&(l.current.value=c,T&&T(t,c)),p(!1),(y=i?.current)===null||y===void 0||y.focus()),!s&&j==="Enter")){t.preventDefault(),t.stopImmediatePropagation(),p(!0);const re=t.target,w=document.createRange(),K=window.getSelection();w.selectNodeContents(re),w.collapse(!1),K.removeAllRanges(),K.addRange(w)}},x=(n||r)&&L,le=a.jsx(de,Object.assign({type:"button",variant:"plain",hasNoPadding:!0,onClick:N,"aria-label":X||`Close ${c}`},x&&{isDisabled:!0},Y,{icon:a.jsx(ge,{})})),ae=a.jsx("span",{className:f(e.labelActions),children:U||le}),W=o.createRef(),S=o.useRef(void 0),[k,se]=o.useState(!1);ve(()=>{const t=d?i:W;s||se(t.current&&t.current.offsetWidth<t.current.scrollWidth)},[s]);const V=a.jsxs(o.Fragment,{children:[C&&a.jsx("span",{className:f(e.labelIcon),children:C}),a.jsx("span",Object.assign({ref:W,className:f(e.labelText)},O&&{style:{[xe.name]:O}},{children:c}))]});o.useEffect(()=>{s&&l&&l.current&&l.current.focus()},[l,s]);const oe=()=>{te(l.current.value)};let h="span";n?h="a":(d||r&&!u&&!v)&&(h="button");const ie={type:"button",onClick:r},F=h==="button",ne=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({className:f(e.labelContent,A&&e.modifiers.clickable)},k&&{tabIndex:0}),n&&{href:n}),n&&L&&{onClick:t=>t.preventDefault()}),F&&ie),d&&Object.assign({ref:i,onClick:t=>{p(!0),t.stopPropagation()}},P)),x&&F&&{disabled:!0}),x&&n&&{tabIndex:-1,"aria-disabled":!0});let _=a.jsx(h,Object.assign({},ne,{children:V}));D?_=a.jsxs(o.Fragment,{children:[k&&a.jsx($,{triggerRef:S,content:c,position:R}),D({className:e.labelContent,content:V,componentRef:S})]}):k&&(_=a.jsx($,{content:c,position:R,children:_}));const H=u?"button":"span";return a.jsxs(H,Object.assign({},Z,{className:f(e.label,x&&e.modifiers.disabled,he[z],b==="filled"&&e.modifiers.filled,b==="outline"&&e.modifiers.outline,m&&e.modifiers[m],u&&e.modifiers.overflow,J&&e.modifiers.compact,d&&Ce.modifiers.editable,s&&e.modifiers.editableActive,A&&e.modifiers.clickable,v&&e.modifiers.add,q),onClick:u||v?r:void 0},H==="button"&&{type:"button"},{children:[!s&&_,!s&&N&&ae,s&&a.jsx("input",Object.assign({className:f(e.labelContent),type:"text",id:"editable-input",ref:l,value:ee,onChange:oe},P))]}))};je.displayName="Label";export{je as L,xe as c,e as l,Ce as s};