@patternfly/react-templates 1.1.10 → 1.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).PatternFlyTemplates={},e.React,e.ReactDOM)}(this,(function(e,t,n){"use strict";function i(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=i(t),o=i(n);function l(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(n[i[a]]=e[i[a]])}return n}function s(...e){const t=[],n={}.hasOwnProperty;return e.filter(Boolean).forEach((e=>{const i=typeof e;if("string"===i||"number"===i)t.push(e);else if(Array.isArray(e)&&e.length){const n=s(...e);n&&t.push(n)}else if("object"===i)for(const i in e)n.call(e,i)&&e[i]&&t.push(i)})),t.join(" ")}"function"==typeof SuppressedError&&SuppressedError;var r,c="pf-v5-c-divider",d="pf-v5-c-menu",p="pf-v5-c-menu__content",u="pf-v5-c-menu__item",m="pf-v5-c-menu__item-action",f="pf-v5-c-menu__item-action-icon",g="pf-v5-c-menu__item-check",h="pf-v5-c-menu__item-description",b="pf-v5-c-menu__item-external-icon",v="pf-v5-c-menu__item-icon",y="pf-v5-c-menu__item-main",O="pf-v5-c-menu__item-select-icon",x="pf-v5-c-menu__item-text",E="pf-v5-c-menu__item-toggle-icon",w="pf-v5-c-menu__list",N="pf-v5-c-menu__list-item",C="pf-v5-c-menu__search",S={hidden:"pf-m-hidden",hiddenOnSm:"pf-m-hidden-on-sm",visibleOnSm:"pf-m-visible-on-sm",hiddenOnMd:"pf-m-hidden-on-md",visibleOnMd:"pf-m-visible-on-md",hiddenOnLg:"pf-m-hidden-on-lg",visibleOnLg:"pf-m-visible-on-lg",hiddenOnXl:"pf-m-hidden-on-xl",visibleOnXl:"pf-m-visible-on-xl",hiddenOn_2xl:"pf-m-hidden-on-2xl",visibleOn_2xl:"pf-m-visible-on-2xl",flyout:"pf-m-flyout",top:"pf-m-top",left:"pf-m-left",drilldown:"pf-m-drilldown",drilledIn:"pf-m-drilled-in",currentPath:"pf-m-current-path",static:"pf-m-static",plain:"pf-m-plain",scrollable:"pf-m-scrollable",nav:"pf-m-nav",focus:"pf-m-focus",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",load:"pf-m-load",loading:"pf-m-loading",danger:"pf-m-danger",selected:"pf-m-selected",favorite:"pf-m-favorite",favorited:"pf-m-favorited"},I="pf-v5-c-breadcrumb__link",k="pf-v5-c-dropdown__toggle";!function(e){e.success="success",e.error="error",e.warning="warning",e.default="default"}(r||(r={}));const D="Escape",M="Enter";const R=(e,t,n="",i,a)=>e?Object.entries(e||{}).map((([e,t])=>`${n}${t}${"default"!==e?`-on-${e}`:""}`)).map(L).map((e=>e.replace(/-?(\dxl)/gi,((e,t)=>`_${t}`)))).map((e=>t.modifiers[e])).filter(Boolean).join(" "):"",T=e=>e.toUpperCase().replace("-","").replace("_",""),L=e=>e.replace(/([-_][a-z])/gi,T),j=!("undefined"==typeof window||!window.document||!window.document.createElement),_=e=>{e.forEach((e=>{e.current&&clearTimeout(e.current)}))};let P=0;function A(){return"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():function(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}()}class F extends a.Component{constructor(){super(...arguments),this.uniqueElement=this.props.isRandom?A():P++,this.id=`${this.props.prefix}${this.uniqueElement}`}render(){return this.props.children(this.id)}}F.displayName="GenerateId",F.defaultProps={prefix:"pf-random-id-",isRandom:!1};let H=0;const B="OUIA-Generated-",$={};function W(e,t,n=!0){return{"data-ouia-component-type":`PF5/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const z=(e,t,n=!0,i)=>({"data-ouia-component-type":`PF5/${e}`,"data-ouia-safe":n,"data-ouia-component-id":V(e,t,i)}),V=(e,n,i)=>{const a=t.useMemo((()=>U(e,i)),[e,i]);return null!=n?n:a};function U(e,t){try{let n;return n="undefined"!=typeof window?`${window.location.href}-${e}-${t||""}`:`${e}-${t||""}`,$[n]||($[n]=0),`${B}${e}-${t?`${t}-`:""}${++$[n]}`}catch(n){return`${B}${e}-${t?`${t}-`:""}${++H}`}}function q(e){const t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function X(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function K(e){const t=X(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function G(e){return e instanceof X(e).Element||e instanceof Element}function J(e){return e instanceof X(e).HTMLElement||e instanceof HTMLElement}function Y(e){return e?(e.nodeName||"").toLowerCase():null}function Z(e){return(G(e)?e.ownerDocument:e.document).documentElement}function Q(e){return q(Z(e)).left+K(e).scrollLeft}function ee(e){return X(e).getComputedStyle(e)}function te(e){const{overflow:t,overflowX:n,overflowY:i}=ee(e);return/auto|scroll|overlay|hidden/.test(t+i+n)}function ne(e,t,n=!1){const i=Z(t),a=q(e),o=J(t);let l={scrollLeft:0,scrollTop:0},s={x:0,y:0};var r,c;return(o||!o&&!n)&&(("body"!==Y(t)||te(i))&&(l=(r=t)!==X(r)&&J(r)?{scrollLeft:(c=r).scrollLeft,scrollTop:c.scrollTop}:K(r)),J(t)?(s=q(t),s.x+=t.clientLeft,s.y+=t.clientTop):i&&(s.x=Q(i))),{x:a.left+l.scrollLeft-s.x,y:a.top+l.scrollTop-s.y,width:a.width,height:a.height}}function ie(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function ae(e){return"html"===Y(e)?e:e.assignedSlot||e.parentNode||e.host||Z(e)}function oe(e){return["html","body","#document"].indexOf(Y(e))>=0?e.ownerDocument.body:J(e)&&te(e)?e:oe(ae(e))}function le(e,t=[]){const n=oe(e),i="body"===Y(n),a=X(n),o=i?[a].concat(a.visualViewport||[],te(n)?n:[]):n,l=t.concat(o);return i?l:l.concat(le(ae(o)))}function se(e){return["table","td","th"].indexOf(Y(e))>=0}function re(e){if(!J(e)||"fixed"===ee(e).position)return null;const t=e.offsetParent;if(t){const e=Z(t);if("body"===Y(t)&&"static"===ee(t).position&&"static"!==ee(e).position)return e}return t}function ce(e){const t=X(e);let n=re(e);for(;n&&se(n)&&"static"===ee(n).position;)n=re(n);return n&&"body"===Y(n)&&"static"===ee(n).position?t:n||function(e){let t=ae(e);for(;J(t)&&["html","body"].indexOf(Y(t))<0;){const e=ee(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}const de="top",pe="bottom",ue="right",me="left",fe="auto",ge=[de,pe,ue,me],he="start",be="end",ve="clippingParents",ye="viewport",Oe="popper",xe="reference",Ee=ge.reduce(((e,t)=>e.concat([`${t}-${he}`,`${t}-${be}`])),[]),we=[...ge,fe].reduce(((e,t)=>e.concat([t,`${t}-${he}`,`${t}-${be}`])),[]),Ne=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Ce(e){const t=new Map,n=new Set,i=[];function a(e){n.add(e.name);[...e.requires||[],...e.requiresIfExists||[]].forEach((e=>{if(!n.has(e)){const n=t.get(e);n&&a(n)}})),i.push(e)}return e.forEach((e=>{t.set(e.name,e)})),e.forEach((e=>{n.has(e.name)||a(e)})),i}function Se(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function Ie(e){return e.split("-")[0]}function ke(e,t){const n=Boolean(t.getRootNode&&t.getRootNode().host);if(e.contains(t))return!0;if(n){let n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function De(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Me(e,t){return t===ye?De(function(e){const t=X(e),n=Z(e),i=t.visualViewport;let a=n.clientWidth,o=n.clientHeight,l=0,s=0;return i&&(a=i.width,o=i.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(l=i.offsetLeft,s=i.offsetTop)),{width:a,height:o,x:l+Q(e),y:s}}(e)):J(t)?function(e){const t=q(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):De(function(e){const t=Z(e),n=K(e),i=e.ownerDocument.body,a=Math.max(t.scrollWidth,t.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),o=Math.max(t.scrollHeight,t.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);let l=-n.scrollLeft+Q(e);const s=-n.scrollTop;return"rtl"===ee(i||t).direction&&(l+=Math.max(t.clientWidth,i?i.clientWidth:0)-a),{width:a,height:o,x:l,y:s}}(Z(e)))}function Re(e,t,n){const i="clippingParents"===t?function(e){const t=le(ae(e)),n=["absolute","fixed"].indexOf(ee(e).position)>=0&&J(e)?ce(e):e;return G(n)?t.filter((e=>G(e)&&ke(e,n)&&"body"!==Y(e))):[]}(e):[].concat(t),a=[...i,n],o=a[0],l=a.reduce(((t,n)=>{const i=Me(e,n);return t.top=Math.max(i.top,t.top),t.right=Math.min(i.right,t.right),t.bottom=Math.min(i.bottom,t.bottom),t.left=Math.max(i.left,t.left),t}),Me(e,o));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function Te(e){return e.split("-")[1]}function Le(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function je({reference:e,element:t,placement:n}){const i=n?Ie(n):null,a=n?Te(n):null,o=e.x+e.width/2-t.width/2,l=e.y+e.height/2-t.height/2;let s;switch(i){case de:s={x:o,y:e.y-t.height};break;case pe:s={x:o,y:e.y+e.height};break;case ue:s={x:e.x+e.width,y:l};break;case me:s={x:e.x-t.width,y:l};break;default:s={x:e.x,y:e.y}}const r=i?Le(i):null;if(null!=r){const n="y"===r?"height":"width";switch(a){case he:s[r]=Math.floor(s[r])-Math.floor(e[n]/2-t[n]/2);break;case be:s[r]=Math.floor(s[r])+Math.ceil(e[n]/2-t[n]/2)}}return s}function _e(e){return Object.assign(Object.assign({},{top:0,right:0,bottom:0,left:0}),e)}function Pe(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function Ae(e,t={}){const{placement:n=e.placement,boundary:i=ve,rootBoundary:a=ye,elementContext:o=Oe,altBoundary:l=!1,padding:s=0}=t,r=_e("number"!=typeof s?s:Pe(s,ge)),c=o===Oe?xe:Oe,d=e.elements.reference,p=e.rects.popper,u=e.elements[l?c:o],m=Re(G(u)?u:u.contextElement||Z(e.elements.popper),i,a),f=q(d),g=je({reference:f,element:p,strategy:"absolute",placement:n}),h=De(Object.assign(Object.assign({},p),g)),b=o===Oe?h:f,v={top:m.top-b.top+r.top,bottom:b.bottom-m.bottom+r.bottom,left:m.left-b.left+r.left,right:b.right-m.right+r.right},y=e.modifiersData.offset;if(o===Oe&&y){const e=y[n];Object.keys(v).forEach((t=>{const n=[ue,pe].indexOf(t)>=0?1:-1,i=[de,pe].indexOf(t)>=0?"y":"x";v[t]+=e[i]*n}))}return v}const Fe={placement:"bottom",modifiers:[],strategy:"absolute"};function He(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}const Be={passive:!0};const $e={top:"auto",right:"auto",bottom:"auto",left:"auto"};function We({popper:e,popperRect:t,placement:n,offsets:i,position:a,gpuAcceleration:o,adaptive:l}){let{x:s,y:r}=function({x:e,y:t}){const n=window.devicePixelRatio||1;return{x:Math.round(e*n)/n||0,y:Math.round(t*n)/n||0}}(i);const c=i.hasOwnProperty("x"),d=i.hasOwnProperty("y");let p=me,u=de;const m=window;if(l){let i=ce(e);i===X(e)&&(i=Z(e)),n===de&&(u=pe,r-=i.clientHeight-t.height,r*=o?1:-1),n===me&&(p=ue,s-=i.clientWidth-t.width,s*=o?1:-1)}const f=Object.assign({position:a},l&&$e);return o?Object.assign(Object.assign({},f),{[u]:d?"0":"",[p]:c?"0":"",transform:(m.devicePixelRatio||1)<2?`translate(${s}px, ${r}px)`:`translate3d(${s}px, ${r}px, 0)`}):Object.assign(Object.assign({},f),{[u]:d?`${r}px`:"",[p]:c?`${s}px`:"",transform:""})}var ze={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function({state:e,options:t,name:n}){const{offset:i=[0,0]}=t,a=we.reduce(((t,n)=>(t[n]=function(e,t,n){const i=Ie(e),a=[me,de].indexOf(i)>=0?-1:1;let[o,l]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return o=o||0,l=(l||0)*a,[me,ue].indexOf(i)>=0?{x:l,y:o}:{x:o,y:l}}(n,e.rects,i),t)),{}),{x:o,y:l}=a[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=o,e.modifiersData.popperOffsets.y+=l),e.modifiersData[n]=a}};const Ve={left:"right",right:"left",bottom:"top",top:"bottom"};function Ue(e){return e.replace(/left|right|bottom|top/g,(e=>Ve[e]))}const qe={start:"end",end:"start"};function Xe(e){return e.replace(/start|end/g,(e=>qe[e]))}function Ke(e,t={}){const{placement:n,boundary:i,rootBoundary:a,padding:o,flipVariations:l,allowedAutoPlacements:s=we}=t,r=Te(n),c=r?l?Ee:Ee.filter((e=>Te(e)===r)):ge;let d=c.filter((e=>s.indexOf(e)>=0));0===d.length&&(d=c);const p=d.reduce(((t,n)=>(t[n]=Ae(e,{placement:n,boundary:i,rootBoundary:a,padding:o})[Ie(n)],t)),{});return Object.keys(p).sort(((e,t)=>p[e]-p[t]))}var Ge={name:"flip",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){if(e.modifiersData[n]._skip)return;const{mainAxis:i=!0,altAxis:a=!0,fallbackPlacements:o,padding:l,boundary:s,rootBoundary:r,altBoundary:c,flipVariations:d=!0,allowedAutoPlacements:p}=t,u=e.options.placement,m=Ie(u),f=[u,...o||(m===u||!d?[Ue(u)]:function(e){if(Ie(e)===fe)return[];const t=Ue(e);return[Xe(e),t,Xe(t)]}(u))].reduce(((t,n)=>t.concat(Ie(n)===fe?Ke(e,{placement:n,boundary:s,rootBoundary:r,padding:l,flipVariations:d,allowedAutoPlacements:p}):n)),[]),g=e.rects.reference,h=e.rects.popper,b=new Map;let v=!0,y=f[0];for(let t=0;t<f.length;t++){const n=f[t],o=Ie(n),d=Te(n)===he,p=[de,pe].indexOf(o)>=0,u=p?"width":"height",m=Ae(e,{placement:n,boundary:s,rootBoundary:r,altBoundary:c,padding:l});let O=p?d?ue:me:d?pe:de;g[u]>h[u]&&(O=Ue(O));const x=Ue(O),E=[];if(i&&E.push(m[o]<=0),a&&E.push(m[O]<=0,m[x]<=0),E.every((e=>e))){y=n,v=!1;break}b.set(n,E)}if(v){for(let e=d?3:1;e>0;e--){const t=f.find((t=>{const n=b.get(t);if(n)return n.slice(0,e).every((e=>e))}));if(t){y=t;break}}}e.placement!==y&&(e.modifiersData[n]._skip=!0,e.placement=y,e.reset=!0)},requiresIfExists:["offset"],data:{_skip:!1}};function Je(e,t,n){return Math.max(e,Math.min(t,n))}var Ye={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:i=!0,altAxis:a=!1,boundary:o,rootBoundary:l,altBoundary:s,padding:r,tether:c=!0,tetherOffset:d=0}=t,p=Ae(e,{boundary:o,rootBoundary:l,padding:r,altBoundary:s}),u=Ie(e.placement),m=Te(e.placement),f=!m,g=Le(u),h="x"===g?"y":"x",b=e.modifiersData.popperOffsets,v=e.rects.reference,y=e.rects.popper,O="function"==typeof d?d(Object.assign(Object.assign({},e.rects),{placement:e.placement})):d,x={x:0,y:0};if(b){if(i){const t="y"===g?de:me,n="y"===g?pe:ue,i="y"===g?"height":"width",a=b[g],o=b[g]+p[t],l=b[g]-p[n],s=c?-y[i]/2:0,r=m===he?v[i]:y[i],d=m===he?-y[i]:-v[i],u=e.elements.arrow,h=c&&u?ie(u):{width:0,height:0},E=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},w=E[t],N=E[n],C=Je(0,v[i],h[i]),S=f?v[i]/2-s-C-w-O:r-C-w-O,I=f?-v[i]/2+s+C+N+O:d+C+N+O,k=e.elements.arrow&&ce(e.elements.arrow),D=k?"y"===g?k.clientTop||0:k.clientLeft||0:0,M=e.modifiersData.offset?e.modifiersData.offset[e.placement][g]:0,R=b[g]+S-M-D,T=b[g]+I-M,L=Je(c?Math.min(o,R):o,a,c?Math.max(l,T):l);b[g]=L,x[g]=L-a}if(a){const e="x"===g?de:me,t="x"===g?pe:ue,n=b[h],i=Je(n+p[e],n,n-p[t]);b[h]=i,x[h]=i-n}e.modifiersData[n]=x}},requiresIfExists:["offset"]};var Ze={name:"arrow",enabled:!0,phase:"main",fn:function({state:e,name:t}){const n=e.elements.arrow,i=e.modifiersData.popperOffsets,a=Ie(e.placement),o=Le(a),l=[me,ue].indexOf(a)>=0?"height":"width";if(!n||!i)return;const s=e.modifiersData[`${t}#persistent`].padding,r=ie(n),c="y"===o?de:me,d="y"===o?pe:ue,p=e.rects.reference[l]+e.rects.reference[o]-i[o]-e.rects.popper[l],u=i[o]-e.rects.reference[o],m=ce(n),f=m?"y"===o?m.clientHeight||0:m.clientWidth||0:0,g=p/2-u/2,h=s[c],b=f-r[l]-s[d],v=f/2-r[l]/2+g,y=Je(h,v,b),O=o;e.modifiersData[t]={[O]:y,centerOffset:y-v}},effect:function({state:e,options:t,name:n}){let{element:i="[data-popper-arrow]",padding:a=0}=t;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i),i))&&ke(e.elements.popper,i)&&(e.elements.arrow=i,e.modifiersData[`${n}#persistent`]={padding:_e("number"!=typeof a?a:Pe(a,ge))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Qe(e,t,n={x:0,y:0}){return{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function et(e){return[de,ue,pe,me].some((t=>e[t]>=0))}const tt=function(e={}){const{defaultModifiers:t=[],defaultOptions:n=Fe}=e;return function(e,i,a=n){let o={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},Fe),n),modifiersData:{},elements:{reference:e,popper:i},attributes:{},styles:{}},l=[],s=!1;const r={state:o,setOptions(a){c(),o.options=Object.assign(Object.assign(Object.assign({},n),o.options),a),o.scrollParents={reference:G(e)?le(e):e.contextElement?le(e.contextElement):[],popper:le(i)};const s=function(e){const t=Ce(e);return Ne.reduce(((e,n)=>e.concat(t.filter((e=>e.phase===n)))),[])}(function(e){const t=e.reduce(((e,t)=>{const n=e[t.name];return e[t.name]=n?Object.assign(Object.assign(Object.assign({},n),t),{options:Object.assign(Object.assign({},n.options),t.options),data:Object.assign(Object.assign({},n.data),t.data)}):t,e}),{});return Object.keys(t).map((e=>t[e]))}([...t,...o.options.modifiers]));return o.orderedModifiers=s.filter((e=>e.enabled)),o.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const i=n({state:o,name:e,instance:r,options:t}),a=()=>{};l.push(i||a)}})),r.update()},forceUpdate(){if(s)return;const{reference:e,popper:t}=o.elements;if(He(e,t)){o.rects={reference:ne(e,ce(t),"fixed"===o.options.strategy),popper:ie(t)},o.reset=!1,o.placement=o.options.placement,o.orderedModifiers.forEach((e=>o.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<o.orderedModifiers.length;e++){if(!0===o.reset){o.reset=!1,e=-1;continue}const{fn:t,options:n={},name:i}=o.orderedModifiers[e];"function"==typeof t&&(o=t({state:o,options:n,name:i,instance:r})||o)}}},update:Se((()=>new Promise((e=>{r.forceUpdate(),e(o)})))),destroy(){c(),s=!0}};if(!He(e,i))return r;function c(){l.forEach((e=>e())),l=[]}return r.setOptions(a).then((e=>{!s&&a.onFirstUpdate&&a.onFirstUpdate(e)})),r}}({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:()=>{},effect:function({state:e,instance:t,options:n}){const{scroll:i=!0,resize:a=!0}=n,o=X(e.elements.popper),l=[...e.scrollParents.reference,...e.scrollParents.popper];return i&&l.forEach((e=>{e.addEventListener("scroll",t.update,Be)})),a&&o.addEventListener("resize",t.update,Be),()=>{i&&l.forEach((e=>{e.removeEventListener("scroll",t.update,Be)})),a&&o.removeEventListener("resize",t.update,Be)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=je({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function({state:e,options:t}){const{gpuAcceleration:n=!0,adaptive:i=!0}=t,a={placement:Ie(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:n};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign(Object.assign({},e.styles.popper),We(Object.assign(Object.assign({},a),{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:i})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign(Object.assign({},e.styles.arrow),We(Object.assign(Object.assign({},a),{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1})))),e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function({state:e}){Object.keys(e.elements).forEach((t=>{const n=e.styles[t]||{},i=e.attributes[t]||{},a=e.elements[t];J(a)&&Y(a)&&(Object.assign(a.style,n),Object.keys(i).forEach((e=>{const t=i[e];!1===t?a.removeAttribute(e):a.setAttribute(e,!0===t?"":t)})))}))},effect:function({state:e}){const t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),()=>{Object.keys(e.elements).forEach((n=>{const i=e.elements[n],a=e.attributes[n]||{},o=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});J(i)&&Y(i)&&(Object.assign(i.style,o),Object.keys(a).forEach((e=>{i.removeAttribute(e)})))}))}},requires:["computeStyles"]},ze,Ge,Ye,Ze,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function({state:e,name:t}){const n=e.rects.reference,i=e.rects.popper,a=e.modifiersData.preventOverflow,o=Ae(e,{elementContext:"reference"}),l=Ae(e,{altBoundary:!0}),s=Qe(o,n),r=Qe(l,i,a),c=et(s),d=et(r);e.modifiersData[t]={referenceClippingOffsets:s,popperEscapeOffsets:r,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]}),nt=j?a.useLayoutEffect:a.useEffect,it=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),at=[],ot=(e,t,n={})=>{const i=a.useRef(null),o={onFirstUpdate:n.onFirstUpdate,placement:n.placement||"bottom",strategy:n.strategy||"absolute",modifiers:n.modifiers||at},[l,s]=a.useState({styles:{popper:{position:o.strategy,left:"0",top:"0"}},attributes:{}}),r=a.useMemo((()=>({name:"updateState",enabled:!0,phase:"write",fn:({state:e})=>{const t=Object.keys(e.elements);s({styles:it(t.map((t=>[t,e.styles[t]||{}]))),attributes:it(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=a.useMemo((()=>{const e={onFirstUpdate:o.onFirstUpdate,placement:o.placement,strategy:o.strategy,modifiers:[...o.modifiers,r,{name:"applyStyles",enabled:!1}]};return t=i.current,n=e,JSON.stringify(t)===JSON.stringify(n)?i.current||e:(i.current=e,e);var t,n}),[o.onFirstUpdate,o.placement,o.strategy,o.modifiers,r]),d=a.useRef();return nt((()=>{d&&d.current&&d.current.setOptions(c)}),[c]),nt((()=>{if(null==e||null==t)return;const i=(n.createPopper||tt)(e,t,c);return d.current=i,()=>{i.destroy(),d.current=null}}),[e,t,n.createPopper]),{state:d.current?d.current.state:null,styles:l.styles,attributes:l.attributes,update:d.current?d.current.update:null,forceUpdate:d.current?d.current.forceUpdate:null}},lt={left:"right",right:"left",bottom:"top",top:"bottom","top-start":"bottom-end","top-end":"bottom-start","bottom-start":"top-end","bottom-end":"top-start","left-start":"right-end","left-end":"right-start","right-start":"left-end","right-end":"left-start"},st=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,rt=({trigger:e,popper:t,direction:n="down",position:i="start",placement:l,width:r,minWidth:c="trigger",maxWidth:d,appendTo:p="inline",zIndex:u=9999,isVisible:m=!0,positionModifiers:f,distance:g=0,onMouseEnter:h,onMouseLeave:b,onFocus:v,onBlur:y,onDocumentClick:O,onTriggerClick:x,onTriggerEnter:E,onPopperClick:w,onPopperMouseEnter:N,onPopperMouseLeave:C,onDocumentKeyDown:S,enableFlip:I=!0,flipBehavior:k="flip",triggerRef:D,popperRef:M,animationDuration:R=0,entryDelay:T=0,exitDelay:L=0,onHidden:j=(()=>{}),onHide:P=(()=>{}),onMount:A=(()=>{}),onShow:F=(()=>{}),onShown:H=(()=>{}),preventOverflow:B=!1})=>{var $;const[W,z]=a.useState(null),[V,U]=a.useState(null),[q,X]=a.useState(null),[K,G]=a.useState(null),[J,Y]=a.useState(!1),[Z,Q]=a.useState(0),[ee,te]=a.useState(m),ne=a.useRef(null),ie=a.useRef(null),ae=a.useRef(null),oe=a.useRef(),le=V||W,se=m||ee,re=((e,t="ltr")=>{if(!e)return t;const n=getComputedStyle(e).getPropertyValue("direction");return["ltr","rtl"].includes(n)?n:t})(null===($=(null==D?void 0:D.current)||W)||void 0===$?void 0:$.parentElement),ce=a.useMemo((()=>{const e={left:"left",right:"right",center:"center"};return{ltr:Object.assign({start:"left",end:"right"},e),rtl:Object.assign({start:"right",end:"left"},e)}[re][i]}),[i,re]),de=a.useCallback((e=>O(e,le,q)),[se,W,V,q,O]);a.useEffect((()=>{Y(!0),A()}),[]),a.useEffect((()=>()=>{_([ne,ae,ie])}),[]),a.useEffect((()=>{D&&(D.current?U(D.current):"function"==typeof D&&U(D()))}),[D,e]),a.useEffect((()=>{M&&(M.current?X(M.current):"function"==typeof M&&X(M()))}),[se,M]),a.useEffect((()=>{const e=new MutationObserver((()=>{ye&&ye()}));return q&&e.observe(q,{attributes:!0,childList:!0,subtree:!0}),()=>{e.disconnect()}}),[q]);const pe=(e,t,n,i=!1)=>{e&&t&&t.addEventListener(n,e,{capture:i})},ue=(e,t,n,i=!1)=>{e&&t&&t.removeEventListener(n,e,{capture:i})};a.useEffect((()=>(pe(h,le,"mouseenter"),pe(b,le,"mouseleave"),pe(v,le,"focus"),pe(y,le,"blur"),pe(x,le,"click"),pe(E,le,"keydown"),pe(w,q,"click"),pe(N,q,"mouseenter"),pe(C,q,"mouseleave"),O&&pe(de,document,"click",!0),pe(S,document,"keydown",!0),()=>{ue(h,le,"mouseenter"),ue(b,le,"mouseleave"),ue(v,le,"focus"),ue(y,le,"blur"),ue(x,le,"click"),ue(E,le,"keydown"),ue(w,q,"click"),ue(N,q,"mouseenter"),ue(C,q,"mouseleave"),O&&ue(de,document,"click",!0),ue(S,document,"keydown",!0)})),[W,q,h,b,v,y,x,E,w,N,C,O,S,V]);const me=()=>{if(l)return l;let e="up"===n?"top":"bottom";return"center"!==ce&&(e=`${e}-${"right"===ce?"end":"start"}`),e},fe=a.useMemo(me,[n,ce,l]),ge=a.useMemo((()=>(e=>e.replace(/left|right|bottom|top|top-start|top-end|bottom-start|bottom-end|right-start|right-end|left-start|left-end/g,(e=>lt[e])))(me())),[n,ce,l]),he=a.useMemo((()=>({name:"widthMods",enabled:void 0!==r||void 0!==c||void 0!==d,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{const t=e.rects.reference.width;r&&(e.styles.popper.width="trigger"===r?`${t}px`:r),c&&(e.styles.popper.minWidth="trigger"===c?`${t}px`:c),d&&(e.styles.popper.maxWidth="trigger"===d?`${t}px`:d)},effect:({state:e})=>{const t=e.elements.reference.offsetWidth;return r&&(e.elements.popper.style.width="trigger"===r?`${t}px`:r),c&&(e.elements.popper.style.minWidth="trigger"===c?`${t}px`:c),d&&(e.elements.popper.style.maxWidth="trigger"===d?`${t}px`:d),()=>{}}})),[r,c,d]),{styles:be,attributes:ve,update:ye,forceUpdate:Oe}=ot(le,q,{placement:fe,modifiers:[{name:"offset",options:{offset:[0,g]}},{name:"preventOverflow",enabled:B},{name:"hide",enabled:!0},{name:"flip",enabled:fe.startsWith("auto")||I,options:{fallbackPlacements:"flip"===k?[ge]:k}},he]});a.useEffect((()=>{var e,n,i,a,o,l,s;const r=(null===(a=null===(i=null===(n=null===(e=null==t?void 0:t.props)||void 0===e?void 0:e.children)||void 0===n?void 0:n[1])||void 0===i?void 0:i.props)||void 0===a?void 0:a.children)||(null===(s=null===(l=null===(o=null==t?void 0:t.props)||void 0===o?void 0:o.children)||void 0===l?void 0:l.props)||void 0===s?void 0:s.children);G(r),r&&K&&r!==K&&Oe&&Oe()}),[t]),a.useEffect((()=>{oe.current<L&&(_([ne,ae]),ae.current=setTimeout((()=>{ne.current=setTimeout((()=>{te(!1)}),R)}),L)),oe.current=L}),[L]);a.useEffect((()=>{m?(F(),_([ne,ae]),ie.current=setTimeout((()=>{te(!0),Q(1),H()}),T)):(P(),_([ie]),ae.current=setTimeout((()=>{Q(0),ne.current=setTimeout((()=>{te(!1),j()}),R)}),L))}),[m]);const xe=Object.assign({className:s(t.props&&t.props.className,f&&(()=>{if(ve&&ve.popper&&ve.popper["data-popper-placement"]){const e=ve.popper["data-popper-placement"];return f[e]}return f.top})()),style:Object.assign(Object.assign(Object.assign({},t.props&&t.props.style||{}),be.popper),{zIndex:u,opacity:Z,transition:st(R)})},ve.popper),Ee=()=>{const e=a.cloneElement(t,xe);return M?e:a.createElement("div",{style:{display:"contents"},ref:e=>X(null==e?void 0:e.firstElementChild)},e)};return a.createElement(a.Fragment,null,!D&&e&&a.isValidElement(e)&&a.createElement("div",{style:{display:"contents"},ref:e=>z(null==e?void 0:e.firstElementChild)},e),D&&e&&a.isValidElement(e)&&e,J&&se&&(()=>{if("inline"===p)return Ee();{const e="function"==typeof p?p():p;return o.createPortal(Ee(),e)}})())};rt.displayName="Popper";class ct extends a.Component{constructor(){super(...arguments),this.keyHandler=e=>{const{isEventFromContainer:t}=this.props;if(t?!t(e):!this._isEventFromContainer(e))return;const{isActiveElement:n,getFocusableElement:i,noVerticalArrowHandling:a,noHorizontalArrowHandling:o,noEnterHandling:l,noSpaceHandling:s,updateTabIndex:r,validSiblingTags:c,additionalKeyHandler:d,createNavigableElements:p,onlyTraverseSiblings:u}=this.props;d&&d(e);const m=p();if(!m)return void console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");const f=e.key;l||"Enter"===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),s||" "===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),((e,t,n=(e=>document.activeElement.contains(e)),i=(e=>e),a=["A","BUTTON","INPUT"],o=!1,l=!1,s=!0,r=!0)=>{const c=document.activeElement,d=e.key;let p=null;if(!o&&["ArrowUp","ArrowDown"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let a=-1;t.forEach(((e,o)=>{if(n(e)){let e=0;for(;!p&&e<t.length&&-1*e<t.length;)"ArrowUp"===d?e--:e++,a=o+e,a>=t.length&&(a=0),a<0&&(a=t.length-1),p=i(t[a])}}))}if(!l&&["ArrowLeft","ArrowRight"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let i=-1;t.forEach(((o,l)=>{if(n(o)){const n=t[l].querySelectorAll(a.join(","));if(!n.length||r){let e=c;for(;e;)if(e="ArrowLeft"===d?e.previousElementSibling:e.nextElementSibling,e&&a.includes(e.tagName)){p=e;break}}else n.forEach(((t,a)=>{e.target===t&&(i=a+("ArrowLeft"===d?-1:1),i>=n.length&&(i=0),i<0&&(i=n.length-1),p=n[i])}))}}))}p&&(s&&(c.tabIndex=-1,p.tabIndex=0),p.focus())})(e,m,n,i,c,a,o,r,u)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){j&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){j&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}ct.displayName="KeyboardHandler",ct.defaultProps={containerRef:null,createNavigableElements:()=>null,isActiveElement:e=>document.activeElement===e,getFocusableElement:e=>e,validSiblingTags:["BUTTON","A"],onlyTraverseSiblings:!0,updateTabIndex:!0,noHorizontalArrowHandling:!1,noVerticalArrowHandling:!1,noEnterHandling:!1,noSpaceHandling:!1};const dt=a.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"}),pt=a.createContext({itemId:null,isDisabled:!1});class ut extends a.Component{constructor(e){super(e),this.menuRef=a.createRef(),this.activeMenu=null,this.state={ouiaStateId:U(mt.displayName),transitionMoveTarget:null,flyoutRef:null,disableHover:!1,currentDrilldownMenuId:this.props.id},this.handleDrilldownTransition=e=>{const t=this.menuRef.current;if(t&&(t===e.target.closest(`.${d}`)||Array.from(t.getElementsByClassName(d)).includes(e.target.closest(`.${d}`))))if(this.state.transitionMoveTarget)this.state.transitionMoveTarget.focus(),this.setState({transitionMoveTarget:null});else{const e=t.querySelector("#"+this.props.activeMenu)||t||null,n=e.getElementsByTagName("UL");if(0===n.length)return;const i=Array.from(n[0].children);if(this.state.currentDrilldownMenuId&&e.id===this.state.currentDrilldownMenuId)return;this.setState({currentDrilldownMenuId:e.id});const a=i.filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c))))[0].firstChild;a.focus(),a.tabIndex=0}},this.handleExtraKeys=e=>{const t=this.props.containsDrilldown,n=document.activeElement;if(e.target.closest(`.${d}`)===this.activeMenu||e.target.classList.contains(I)||(this.activeMenu=e.target.closest(`.${d}`),this.setState({disableHover:!0})),"INPUT"===e.target.tagName)return;const i=this.activeMenu,a=e.key,o=n.classList.contains(I)||n.classList.contains(k);if(" "===a||"Enter"===a){if(e.preventDefault(),t&&!o){if(n.closest("li").classList.contains("pf-m-current-path")&&"LI"===i.parentElement.tagName)n.tabIndex=-1,i.parentElement.firstChild.tabIndex=0,this.setState({transitionMoveTarget:i.parentElement.firstChild});else if(n.nextElementSibling&&n.nextElementSibling.classList.contains(d)){const e=Array.from(n.nextElementSibling.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c))));n.tabIndex=-1,e[0].firstChild.tabIndex=0,this.setState({transitionMoveTarget:e[0].firstChild})}}document.activeElement.click()}},this.createNavigableElements=()=>this.props.containsDrilldown?this.activeMenu?Array.from(this.activeMenu.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c)))):[]:this.menuRef.current?Array.from(this.menuRef.current.getElementsByTagName("LI")).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c)))):[],e.innerRef&&(this.menuRef=e.innerRef)}allowTabFirstItem(){const e=this.menuRef.current;if(e){const t=e.querySelector("ul button:not(:disabled), ul a:not(:disabled)");t&&(t.tabIndex=0)}}componentDidMount(){this.context&&this.setState({disableHover:this.context.disableHover}),j&&window.addEventListener("transitionend",this.props.isRootMenu?this.handleDrilldownTransition:null),this.allowTabFirstItem()}componentWillUnmount(){j&&window.removeEventListener("transitionend",this.handleDrilldownTransition)}componentDidUpdate(e){e.children!==this.props.children&&this.allowTabFirstItem()}render(){const e=this.props,{id:t,children:n,className:i,onSelect:o,selected:r=null,onActionClick:c,ouiaId:p,ouiaSafe:u,containsFlyout:m,isNavFlyout:f,containsDrilldown:g,isMenuDrilledIn:h,isPlain:b,isScrollable:v,drilldownItemPath:y,drilledInMenus:O,onDrillIn:x,onDrillOut:E,onGetMenuHeight:w,parentMenu:N=null,activeItemId:D=null,innerRef:M,isRootMenu:R,activeMenu:T,role:L}=e,j=l(e,["id","children","className","onSelect","selected","onActionClick","ouiaId","ouiaSafe","containsFlyout","isNavFlyout","containsDrilldown","isMenuDrilledIn","isPlain","isScrollable","drilldownItemPath","drilledInMenus","onDrillIn","onDrillOut","onGetMenuHeight","parentMenu","activeItemId","innerRef","isRootMenu","activeMenu","role"]),_=h||O&&O.includes(t)||!1;return a.createElement(dt.Provider,{value:{menuId:t,parentMenu:N||t,onSelect:o,onActionClick:c,activeItemId:D,selected:r,drilledInMenus:O,drilldownItemPath:y,onDrillIn:x,onDrillOut:E,onGetMenuHeight:w,flyoutRef:this.state.flyoutRef,setFlyoutRef:e=>this.setState({flyoutRef:e}),disableHover:this.state.disableHover,role:L}},R&&a.createElement(ct,{containerRef:this.menuRef||null,additionalKeyHandler:this.handleExtraKeys,createNavigableElements:this.createNavigableElements,isActiveElement:e=>document.activeElement.closest("li")===e||document.activeElement.parentElement===e||document.activeElement.closest(`.${C}`)===e||document.activeElement.closest("ol")&&document.activeElement.closest("ol").firstChild===e,getFocusableElement:e=>{var t,n;return"DIV"===(null==e?void 0:e.tagName)&&e.querySelector("input")||"LABEL"===(null===(t=e.firstChild)||void 0===t?void 0:t.tagName)&&e.querySelector("input")||"DIV"===(null===(n=e.firstChild)||void 0===n?void 0:n.tagName)&&e.querySelector("a, button, input")||e.firstChild},noHorizontalArrowHandling:document.activeElement&&(document.activeElement.classList.contains(I)||document.activeElement.classList.contains(k)||"INPUT"===document.activeElement.tagName),noEnterHandling:!0,noSpaceHandling:!0}),a.createElement("div",Object.assign({id:t,className:s(d,b&&S.plain,v&&S.scrollable,m&&S.flyout,f&&S.nav,g&&S.drilldown,_&&S.drilledIn,i),ref:this.menuRef},W(mt.displayName,void 0!==p?p:this.state.ouiaStateId,u),j),n))}}ut.displayName="Menu",ut.contextType=dt,ut.defaultProps={ouiaSafe:!0,isRootMenu:!0,isPlain:!1,isScrollable:!1,role:"menu"};const mt=a.forwardRef(((e,t)=>a.createElement(ut,Object.assign({},e,{innerRef:t}))));mt.displayName="Menu";const ft="--pf-v5-c-menu__content--Height",gt="--pf-v5-c-menu__content--MaxHeight",ht=a.forwardRef(((e,t)=>{const{getHeight:n,children:i,menuHeight:o,maxMenuHeight:r}=e,c=l(e,["getHeight","children","menuHeight","maxMenuHeight"]),d=a.createRef();return a.createElement(dt.Consumer,null,(({menuId:l,onGetMenuHeight:u})=>a.createElement("div",Object.assign({},c,{className:s(p,e.className),ref:e=>((e,i,a)=>{if(e){let t=e.clientHeight,o=null,l=e.closest(`.${w}`);for(;null!==l&&1===l.nodeType;)l.classList.contains(w)&&(o=l),l=l.parentElement;if(o){const e=getComputedStyle(o);t+=parseFloat(e.getPropertyValue("padding-top").replace(/px/g,""))+parseFloat(e.getPropertyValue("padding-bottom").replace(/px/g,""))+parseFloat(getComputedStyle(o.parentElement).getPropertyValue("border-bottom-width").replace(/px/g,""))}a&&a(i,t),n&&n(t.toString())}return t||d})(e,l,u),style:Object.assign(Object.assign({},o&&{[ft]:o}),r&&{[gt]:r})}),i)))}));ht.displayName="MenuContent";const bt="--pf-v5-c-menu--m-flyout__menu--top-offset",vt="--pf-v5-c-menu--m-flyout__menu--m-left--right-offset",yt="--pf-v5-c-menu--m-flyout__menu--left-offset";let Ot=0;function xt({name:e,xOffset:t=0,yOffset:n=0,width:i,height:o,svgPath:s}){var r;return r=class extends a.Component{constructor(){super(...arguments),this.id="icon-title-"+Ot++}render(){const e=this.props,{title:r,className:c}=e,d=l(e,["title","className"]),p=c?`pf-v5-svg ${c}`:"pf-v5-svg",u=Boolean(r),m=[t,n,i,o].join(" ");return a.createElement("svg",Object.assign({className:p,viewBox:m,fill:"currentColor","aria-labelledby":u?this.id:null,"aria-hidden":!u||null,role:"img",width:"1em",height:"1em"},d),u&&a.createElement("title",{id:this.id},r),a.createElement("path",{d:s}))}},r.displayName=e,r}const Et=xt({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}),wt=xt({name:"AngleRightIcon",height:512,width:256,svgPath:"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z",yOffset:0,xOffset:0}),Nt=xt({name:"AngleLeftIcon",height:512,width:256,svgPath:"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z",yOffset:0,xOffset:0}),Ct=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});var St="pf-v5-c-check",It="pf-v5-c-check__body",kt="pf-v5-c-check__description",Dt="pf-v5-c-check__input",Mt="pf-v5-c-check__label",Rt="pf-v5-c-check__label-required",Tt={standalone:"pf-m-standalone",disabled:"pf-m-disabled"};const Lt=()=>{};class jt extends a.Component{constructor(e){super(e),this.handleChange=e=>{this.props.onChange(e,e.currentTarget.checked)},this.state={ouiaStateId:U(jt.displayName)}}render(){const e=this.props,{"aria-label":t,className:n,inputClassName:i,onChange:o,isLabelWrapped:r,isLabelBeforeButton:c,isValid:d,isDisabled:p,isRequired:u,isChecked:m,label:f,checked:g,defaultChecked:h,description:b,body:v,ouiaId:y,ouiaSafe:O,component:x}=e,E=l(e,["aria-label","className","inputClassName","onChange","isLabelWrapped","isLabelBeforeButton","isValid","isDisabled","isRequired","isChecked","label","checked","defaultChecked","description","body","ouiaId","ouiaSafe","component"]);E.id||console.error("Checkbox:","id is required to make input accessible");const w={};([!0,!1].includes(g)||!0===m)&&(w.checked=g||m),o!==Lt&&(w.checked=m),[!1,!0].includes(h)&&(w.defaultChecked=h);const N=a.createElement("input",Object.assign({},E,{className:s(Dt,i),type:"checkbox",onChange:this.handleChange,"aria-invalid":!d,"aria-label":t,disabled:p,required:u,ref:e=>e&&(e.indeterminate=null===m)},w,W(jt.displayName,void 0!==y?y:this.state.ouiaStateId,O))),C=r&&!x||"label"===x,S=C?"span":"label",I=f?a.createElement(S,{className:s(Mt,p&&Tt.disabled),htmlFor:C?void 0:E.id},f,u&&a.createElement("span",{className:s(Rt),"aria-hidden":"true"},"*")):null,k=null!=x?x:C?"label":"div";return w.checked=null!==w.checked&&w.checked,a.createElement(k,{className:s(St,!f&&Tt.standalone,n),htmlFor:C?E.id:void 0},c?a.createElement(a.Fragment,null,I,N):a.createElement(a.Fragment,null,N,I),b&&a.createElement("span",{className:s(kt)},b),v&&a.createElement("span",{className:s(It)},v))}}jt.displayName="Checkbox",jt.defaultProps={className:"",isLabelWrapped:!1,isValid:!0,isDisabled:!1,isRequired:!1,isChecked:!1,onChange:Lt,ouiaSafe:!0};const _t=xt({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}),Pt=e=>{var{className:t="",icon:n,onClick:i,"aria-label":o,isFavorited:r=null,isDisabled:c,actionId:d,innerRef:p}=e,u=l(e,["className","icon","onClick","aria-label","isFavorited","isDisabled","actionId","innerRef"]);return a.createElement(dt.Consumer,null,(({onActionClick:e})=>a.createElement(pt.Consumer,null,(({itemId:l,isDisabled:g})=>a.createElement("button",Object.assign({className:s(m,null!==r&&S.favorite,r&&S.favorited,t),"aria-label":o,onClick:t=>{i&&i(t),e&&e(t,l,d)}},(!0===c||!0===g)&&{disabled:!0},{ref:p,tabIndex:-1},u),a.createElement("span",{className:s(f)},"favorites"===n||null!==r?a.createElement(_t,{"aria-hidden":!0}):n))))))},At=a.forwardRef(((e,t)=>a.createElement(Pt,Object.assign({},e,{innerRef:t}))));At.displayName="MenuItemAction";var Ft={top:"pf-m-top",topLeft:"pf-m-top-left",topRight:"pf-m-top-right",bottom:"pf-m-bottom",bottomLeft:"pf-m-bottom-left",bottomRight:"pf-m-bottom-right",left:"pf-m-left",leftTop:"pf-m-left-top",leftBottom:"pf-m-left-bottom",right:"pf-m-right",rightTop:"pf-m-right-top",rightBottom:"pf-m-right-bottom",textAlignLeft:"pf-m-text-align-left"},Ht="pf-v5-c-tooltip",Bt="pf-v5-c-tooltip__arrow",$t="pf-v5-c-tooltip__content";const Wt=e=>{var{className:t,children:n,isLeftAligned:i}=e,o=l(e,["className","children","isLeftAligned"]);return a.createElement("div",Object.assign({className:s($t,i&&Ft.textAlignLeft,t)},o),n)};Wt.displayName="TooltipContent";const zt=e=>{var{className:t}=e,n=l(e,["className"]);return a.createElement("div",Object.assign({className:s(Bt,t)},n))};zt.displayName="TooltipArrow";const Vt={name:"--pf-v5-c-tooltip--MaxWidth",value:"18.75rem",var:"var(--pf-v5-c-tooltip--MaxWidth)"};var Ut;!function(e){e.auto="auto",e.top="top",e.bottom="bottom",e.left="left",e.right="right",e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end"}(Ut||(Ut={}));let qt=1;const Xt=e=>{var{content:t,position:n="top",trigger:i="mouseenter focus",isVisible:o=!1,isContentLeftAligned:r=!1,enableFlip:c=!0,className:d="",entryDelay:p=300,exitDelay:u=300,appendTo:m=(()=>document.body),zIndex:f=9999,minWidth:g,maxWidth:h=Vt.value,distance:b=15,aria:v="describedby",flipBehavior:y=["top","right","bottom","left","top","right","bottom"],id:O="pf-tooltip-"+qt++,children:x,animationDuration:E=300,triggerRef:w,"aria-live":N=(w?"polite":"off"),onTooltipHidden:C=(()=>{})}=e,S=l(e,["content","position","trigger","isVisible","isContentLeftAligned","enableFlip","className","entryDelay","exitDelay","appendTo","zIndex","minWidth","maxWidth","distance","aria","flipBehavior","id","children","animationDuration","triggerRef","aria-live","onTooltipHidden"]);const I=i.includes("mouseenter"),k=i.includes("focus"),R=i.includes("click"),T="manual"===i,[L,j]=a.useState(!1),_=a.createRef();a.useEffect((()=>{o?P():A()}),[o]);const P=()=>{j(!0)},A=()=>{j(!1)},F={top:Ft.top,bottom:Ft.bottom,left:Ft.left,right:Ft.right,"top-start":Ft.topLeft,"top-end":Ft.topRight,"bottom-start":Ft.bottomLeft,"bottom-end":Ft.bottomRight,"left-start":Ft.leftTop,"left-end":Ft.leftBottom,"right-start":Ft.rightTop,"right-end":Ft.rightBottom},H=h!==Vt.value,B=a.createElement("div",Object.assign({"aria-live":N,className:s(Ht,d),role:"tooltip",id:O,style:{maxWidth:H?h:null},ref:_},S),a.createElement(zt,null),a.createElement(Wt,{isLeftAligned:r},t));return a.createElement(rt,{trigger:"none"!==v&&L?"describedby"===v&&x&&x.props&&!x.props["aria-describedby"]?a.cloneElement(x,{"aria-describedby":O}):"labelledby"===v&&x.props&&!x.props["aria-labelledby"]?a.cloneElement(x,{"aria-labelledby":O}):x:x,triggerRef:w,popper:B,popperRef:_,minWidth:void 0!==g?g:"revert",appendTo:m,isVisible:L,positionModifiers:F,distance:b,placement:n,onMouseEnter:I&&P,onMouseLeave:I&&A,onPopperMouseEnter:I&&P,onPopperMouseLeave:I&&A,onFocus:k&&P,onBlur:k&&A,onDocumentClick:R&&((e,t)=>{L?A():e.target===t&&P()}),onDocumentKeyDown:T?null:e=>{T||e.key===D&&L&&A()},onTriggerEnter:T?null:e=>{e.key===M&&(L?A():P())},enableFlip:c,zIndex:f,flipBehavior:y,animationDuration:E,entryDelay:p,exitDelay:u,onHidden:C})};Xt.displayName="Tooltip";const Kt=a.createContext({direction:"right"}),Gt=e=>{var{children:t,className:n,itemId:i=null,to:o,hasCheckbox:r=!1,isActive:p=null,isFavorited:m=null,isLoadButton:f=!1,isLoading:w=!1,flyoutMenu:C,direction:I,description:k=null,onClick:D=(()=>{}),component:M="button",isDisabled:R=!1,isAriaDisabled:T=!1,isExternalLink:L=!1,isSelected:_=null,isFocused:P,isDanger:A=!1,icon:H,actions:B,onShowFlyout:$,drilldownMenu:W,isOnPath:z,innerRef:V,id:U,"aria-label":q,tooltipProps:X,rel:K,target:G,download:J}=e,Y=l(e,["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:Z,parentMenu:Q,onSelect:ee,onActionClick:te,activeItemId:ne,selected:ie,drilldownItemPath:ae,onDrillIn:oe,onDrillOut:le,flyoutRef:se,setFlyoutRef:re,disableHover:ce,role:de}=a.useContext(dt);let pe=o?"a":M;r&&!o&&(pe="label");const[ue,me]=a.useState(null),fe=a.useContext(Kt),[ge,he]=a.useState(fe.direction),be=a.useRef(),ve=be===se,ye=void 0!==C,Oe=e=>{!ve&&e?re(be):ve&&!e&&re(null),$&&e&&$()};nt((()=>{if(ye&&be.current&&j){const e=be.current.lastElementChild;if(e&&e.classList.contains(d)){const t=be.current.getClientRects()[0],n=e.getClientRects()[0];if(t&&n){const i=t.x-n.width,a=window.innerWidth-t.x-t.width-n.width;let o=ge;a<0&&"left"!==o?(he("left"),o="left"):i<0&&"right"!==o&&(he("right"),o="right");let l=0;i<0&&a<0&&(l="right"===o?-a:-i),"left"===o?(e.classList.add(S.left),e.style.setProperty(vt,`-${l}px`)):e.style.setProperty(yt,`-${l}px`);const s=window.innerHeight-t.y-n.height;window.innerHeight-n.height<0&&s<0||s<0&&e.style.setProperty(bt,`${s}px`)}}}}),[ve,C]),a.useEffect((()=>{he(fe.direction)}),[fe]),a.useEffect((()=>{if(ue)if(ve){const e=ue.nextElementSibling;Array.from(e.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c))))[0].firstChild.focus()}else ue.focus()}),[ve,ue]);const xe=e=>{const t=e.key,n=e.target,i=e.type;" "!==t&&"Enter"!==t&&"ArrowRight"!==t&&"click"!==i||(e.stopPropagation(),e.preventDefault(),ve||(Oe(!0),me(n))),"Escape"!==t&&"ArrowLeft"!==t||ve&&(e.stopPropagation(),Oe(!1))},Ee=(e,t)=>{T||(t&&t(e,i),D&&D(e))},we=z&&z||ae&&ae.includes(i)||!1;let Ne;I&&(Ne="down"===I?e=>oe&&oe(e,Z,"function"==typeof W?W().props.id:W.props.id,i):e=>le&&le(e,Q,i));let Ce={};"a"===pe?Ce={href:o,"aria-disabled":!(!R&&!T)||null,disabled:null,target:L?"_blank":G,rel:K,download:J}:"button"===pe&&(Ce={type:"button","aria-disabled":!!T||null}),z?Ce["aria-expanded"]=!0:ye&&(Ce["aria-haspopup"]="menu",Ce["aria-expanded"]=ve);const Se=()=>null!==_?_:null!==ie&&null!==i&&(Array.isArray(ie)&&ie.includes(i)||i===ie);a.useEffect((()=>{if(P&&be.current){const e=be.current,t=e.parentElement;if(t){const n=e.offsetTop-t.offsetTop<t.scrollTop,i=e.offsetTop-t.offsetTop+e.clientHeight;(n||i)&&e.scrollIntoView({behavior:"auto",block:"nearest"})}}}),[P]);const Ie="listbox"===de,ke=a.createElement(a.Fragment,null,a.createElement(F,null,(e=>a.createElement(pe,Object.assign({id:U,tabIndex:-1,className:s(u,Se()&&!r&&S.selected,n),"aria-current":null!==p?p?"page":null:null!==i&&null!==ne?i===ne:null},!r&&{disabled:R,"aria-label":q},!r&&!C&&{role:Ie?"option":"menuitem"},!r&&!C&&Ie&&{"aria-selected":Se()},{ref:V},!r&&{onClick:e=>{T?e.preventDefault():(Ee(e,ee),Ne&&Ne(e),C&&xe(e))}},r&&{htmlFor:e},Ce),a.createElement("span",{className:s(y)},"up"===I&&a.createElement("span",{className:s(E)},a.createElement(Nt,{"aria-hidden":!0})),H&&a.createElement("span",{className:s(v)},H),r&&a.createElement("span",{className:s(g)},a.createElement(jt,{id:e,component:"span",isChecked:_||!1,onChange:e=>Ee(e,ee),isDisabled:R,"aria-disabled":T})),a.createElement("span",{className:s(x)},t),L&&a.createElement("span",{className:s(b)},a.createElement(Et,{"aria-hidden":!0})),(C||"down"===I)&&a.createElement("span",{className:s(E)},a.createElement(wt,{"aria-hidden":!0})),Se()&&a.createElement("span",{className:s(O)},a.createElement(Ct,{"aria-hidden":!0}))),k&&"up"!==I&&a.createElement("span",{className:s(h)},a.createElement("span",null,k))))),ve&&a.createElement(dt.Provider,{value:{disableHover:ce}},a.createElement(Kt.Provider,{value:{direction:ge}},C)),"function"==typeof W?W():W,a.createElement(pt.Provider,{value:{itemId:i,isDisabled:R}},B,null!==m&&a.createElement(At,{icon:"favorites",isFavorited:m,"aria-label":m?"starred":"not starred",onClick:e=>te(e,i),tabIndex:-1,actionId:"fav"})));return a.createElement("li",Object.assign({className:s(N,R&&S.disabled,T&&S.ariaDisabled,we&&S.currentPath,f&&S.load,w&&S.loading,P&&S.focus,A&&S.danger,n),onMouseOver:()=>{T||ce||(ye?Oe(!0):re(null))}},C&&!T&&{onKeyDown:xe},{ref:be,role:r?"menuitem":"none"},r&&{"aria-label":q},Y),X?a.createElement(Xt,Object.assign({},X),ke):ke)},Jt=a.forwardRef(((e,t)=>a.createElement(Gt,Object.assign({},e,{innerRef:t}))));Jt.displayName="MenuItem";const Yt=e=>{var{children:t=null,className:n,isAriaMultiselectable:i=!1,"aria-label":o}=e,r=l(e,["children","className","isAriaMultiselectable","aria-label"]);const{role:c}=a.useContext(dt);return a.createElement("ul",Object.assign({role:c},"listbox"===c&&{"aria-multiselectable":i},{className:s(w,n),"aria-label":o},r),t)};Yt.displayName="MenuList";const Zt=e=>{var{children:n,className:i,onSelect:a,isOpen:o,toggle:r,shouldFocusToggleOnSelect:c=!1,onOpenChange:d,isPlain:p,isScrollable:u,innerRef:m,ouiaId:f,ouiaSafe:g=!0,zIndex:h=9999,popperProps:b,onOpenChangeKeys:v=["Escape","Tab"],menuHeight:y,maxMenuHeight:O,shouldFocusFirstItemOnOpen:x=!1,shouldPreventScrollOnItemFocus:E=!0,focusTimeoutDelay:w=0}=e,N=l(e,["children","className","onSelect","isOpen","toggle","shouldFocusToggleOnSelect","onOpenChange","isPlain","isScrollable","innerRef","ouiaId","ouiaSafe","zIndex","popperProps","onOpenChangeKeys","menuHeight","maxMenuHeight","shouldFocusFirstItemOnOpen","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const C=t.useRef(),S=t.useRef(),I=z(Qt.displayName,f,g),k=m||C,D="function"==typeof r||"function"!=typeof r&&!r.toggleRef?S:null==r?void 0:r.toggleRef;t.useEffect((()=>{const e=e=>{var t,n,i;o&&d&&((null===(t=k.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=D.current)||void 0===n?void 0:n.contains(e.target)))&&v.includes(e.key)&&(d(!1),null===(i=D.current)||void 0===i||i.focus())},t=e=>{var t,n,i;o&&x&&(null===(t=D.current)||void 0===t?void 0:t.contains(e.target))&&setTimeout((()=>{var e;const t=null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.querySelector('li button:not(:disabled),li input:not(:disabled),li a:not([aria-disabled="true"])');t&&t.focus({preventScroll:E})}),w),o&&d&&!(null===(n=null==D?void 0:D.current)||void 0===n?void 0:n.contains(e.target))&&o&&!(null===(i=k.current)||void 0===i?void 0:i.contains(e.target))&&d(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[o,k,D,d,v,E,x,w]);const M=void 0!==O||void 0!==y||u,R=t.createElement(mt,Object.assign({className:s(i),ref:k,onSelect:(e,t)=>{var n;a&&a(e,t),c&&(null===(n=D.current)||void 0===n||n.focus())},isPlain:p,isScrollable:M},N,I),t.createElement(ht,{menuHeight:y,maxMenuHeight:O},n));return t.createElement(rt,Object.assign({trigger:"function"==typeof r?r(D):r.toggleNode,triggerRef:D,popper:R,popperRef:k,isVisible:o,zIndex:h},b))},Qt=t.forwardRef(((e,n)=>t.createElement(Zt,Object.assign({innerRef:n},e))));Qt.displayName="Dropdown";const en=e=>{var{children:n,className:i,description:a,isDisabled:o,isAriaDisabled:r,value:c,onClick:d,ouiaId:p,ouiaSafe:u,innerRef:m,tooltipProps:f}=e,g=l(e,["children","className","description","isDisabled","isAriaDisabled","value","onClick","ouiaId","ouiaSafe","innerRef","tooltipProps"]);const h=z(tn.displayName,p,u);return t.createElement(Jt,Object.assign({className:s(i),description:a,isDisabled:o,isAriaDisabled:r,itemId:c,onClick:d,tooltipProps:f,ref:m},h,g),n)},tn=t.forwardRef(((e,n)=>t.createElement(en,Object.assign({},e,{innerRef:n}))));tn.displayName="DropdownItem";const nn=e=>{var{children:n,className:i}=e,a=l(e,["children","className"]);return t.createElement(Yt,Object.assign({className:s(i)},a),n)};nn.displayName="DropdownList";var an={check:"pf-v5-c-check",checkInput:"pf-v5-c-check__input",menuToggle:"pf-v5-c-menu-toggle",menuToggleButton:"pf-v5-c-menu-toggle__button",menuToggleControls:"pf-v5-c-menu-toggle__controls",menuToggleCount:"pf-v5-c-menu-toggle__count",menuToggleIcon:"pf-v5-c-menu-toggle__icon",menuToggleStatusIcon:"pf-v5-c-menu-toggle__status-icon",menuToggleText:"pf-v5-c-menu-toggle__text",menuToggleToggleIcon:"pf-v5-c-menu-toggle__toggle-icon",modifiers:{primary:"pf-m-primary",secondary:"pf-m-secondary",expanded:"pf-m-expanded",plain:"pf-m-plain",text:"pf-m-text",fullHeight:"pf-m-full-height",disabled:"pf-m-disabled",typeahead:"pf-m-typeahead",splitButton:"pf-m-split-button",action:"pf-m-action",active:"pf-m-active",fullWidth:"pf-m-full-width",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger"},textInputGroup:"pf-v5-c-text-input-group",themeDark:"pf-v5-theme-dark"};const on=xt({name:"CaretDownIcon",height:512,width:320,svgPath:"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z",yOffset:0,xOffset:0}),ln=xt({name:"CheckCircleIcon",height:512,width:512,svgPath:"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z",yOffset:0,xOffset:0}),sn=xt({name:"ExclamationCircleIcon",height:512,width:512,svgPath:"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z",yOffset:0,xOffset:0}),rn=xt({name:"ExclamationTriangleIcon",height:512,width:576,svgPath:"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z",yOffset:0,xOffset:0});var cn;!function(e){e.success="success",e.danger="danger",e.warning="warning"}(cn||(cn={}));class dn extends a.Component{constructor(){super(...arguments),this.displayName="MenuToggleBase",this.state={ouiaStateId:U(pn.displayName,this.props.variant)}}render(){const e=this.props,{children:t,className:n,icon:i,badge:o,isExpanded:r,isDisabled:c,isFullHeight:d,isFullWidth:p,splitButtonOptions:u,variant:m,status:f,statusIcon:g,innerRef:h,onClick:b,"aria-label":v,ouiaId:y,ouiaSafe:O}=e,x=l(e,["children","className","icon","badge","isExpanded","isDisabled","isFullHeight","isFullWidth","splitButtonOptions","variant","status","statusIcon","innerRef","onClick","aria-label","ouiaId","ouiaSafe"]),E="plain"===m,w="plainText"===m,N="typeahead"===m,C=W(pn.displayName,null!=y?y:this.state.ouiaStateId,O);let S=g;if(!g)switch(f){case cn.success:S=a.createElement(ln,{"aria-hidden":"true"});break;case cn.warning:S=a.createElement(rn,{"aria-hidden":"true"});break;case cn.danger:S=a.createElement(sn,{"aria-hidden":"true"})}const I=a.createElement("span",{className:s(an.menuToggleControls)},void 0!==f&&a.createElement("span",{className:s(an.menuToggleStatusIcon)},S),a.createElement("span",{className:s(an.menuToggleToggleIcon)},a.createElement(on,{"aria-hidden":!0}))),k=a.createElement(a.Fragment,null,i&&a.createElement("span",{className:s(an.menuToggleIcon)},i),N?t:a.createElement("span",{className:s(an.menuToggleText)},t),a.isValidElement(o)&&a.createElement("span",{className:s(an.menuToggleCount)},o),N?a.createElement("button",Object.assign({type:"button",className:s(an.menuToggleButton),"aria-expanded":r,onClick:b,"aria-label":v||"Menu toggle",tabIndex:-1},C),I):I),D=s(an.menuToggle,r&&an.modifiers.expanded,"primary"===m&&an.modifiers.primary,"secondary"===m&&an.modifiers.secondary,f&&an.modifiers[f],(E||w)&&an.modifiers.plain,w&&an.modifiers.text,d&&an.modifiers.fullHeight,p&&an.modifiers.fullWidth,c&&an.modifiers.disabled,n),M=Object.assign(Object.assign({children:E?t:k},c&&{disabled:!0}),x);return N?a.createElement("div",Object.assign({ref:h,className:s(D,an.modifiers.typeahead)},M)):u?a.createElement("div",{ref:h,className:s(D,an.modifiers.splitButton,"action"===(null==u?void 0:u.variant)&&an.modifiers.action)},null==u?void 0:u.items,a.createElement("button",Object.assign({className:s(an.menuToggleButton,t&&an.modifiers.text),type:"button","aria-expanded":r,"aria-label":v,disabled:c,onClick:b},x,C),t&&a.createElement("span",{className:s(an.menuToggleText)},t),I)):a.createElement("button",Object.assign({className:s(D),type:"button","aria-label":v,"aria-expanded":r,ref:h,disabled:c,onClick:b},M,C))}}dn.defaultProps={className:"",isExpanded:!1,isDisabled:!1,isFullWidth:!1,isFullHeight:!1,ouiaSafe:!0};const pn=a.forwardRef(((e,t)=>a.createElement(dn,Object.assign({innerRef:t},e))));pn.displayName="MenuToggle";var un,mn={divider:"pf-v5-c-divider",modifiers:{hidden:"pf-m-hidden",hiddenOnSm:"pf-m-hidden-on-sm",visibleOnSm:"pf-m-visible-on-sm",hiddenOnMd:"pf-m-hidden-on-md",visibleOnMd:"pf-m-visible-on-md",hiddenOnLg:"pf-m-hidden-on-lg",visibleOnLg:"pf-m-visible-on-lg",hiddenOnXl:"pf-m-hidden-on-xl",visibleOnXl:"pf-m-visible-on-xl",hiddenOn_2xl:"pf-m-hidden-on-2xl",visibleOn_2xl:"pf-m-visible-on-2xl",vertical:"pf-m-vertical",insetNone:"pf-m-inset-none",insetXs:"pf-m-inset-xs",insetSm:"pf-m-inset-sm",insetMd:"pf-m-inset-md",insetLg:"pf-m-inset-lg",insetXl:"pf-m-inset-xl",inset_2xl:"pf-m-inset-2xl",inset_3xl:"pf-m-inset-3xl",horizontalOnSm:"pf-m-horizontal-on-sm",verticalOnSm:"pf-m-vertical-on-sm",insetNoneOnSm:"pf-m-inset-none-on-sm",insetXsOnSm:"pf-m-inset-xs-on-sm",insetSmOnSm:"pf-m-inset-sm-on-sm",insetMdOnSm:"pf-m-inset-md-on-sm",insetLgOnSm:"pf-m-inset-lg-on-sm",insetXlOnSm:"pf-m-inset-xl-on-sm",inset_2xlOnSm:"pf-m-inset-2xl-on-sm",inset_3xlOnSm:"pf-m-inset-3xl-on-sm",horizontalOnMd:"pf-m-horizontal-on-md",verticalOnMd:"pf-m-vertical-on-md",insetNoneOnMd:"pf-m-inset-none-on-md",insetXsOnMd:"pf-m-inset-xs-on-md",insetSmOnMd:"pf-m-inset-sm-on-md",insetMdOnMd:"pf-m-inset-md-on-md",insetLgOnMd:"pf-m-inset-lg-on-md",insetXlOnMd:"pf-m-inset-xl-on-md",inset_2xlOnMd:"pf-m-inset-2xl-on-md",inset_3xlOnMd:"pf-m-inset-3xl-on-md",horizontalOnLg:"pf-m-horizontal-on-lg",verticalOnLg:"pf-m-vertical-on-lg",insetNoneOnLg:"pf-m-inset-none-on-lg",insetXsOnLg:"pf-m-inset-xs-on-lg",insetSmOnLg:"pf-m-inset-sm-on-lg",insetMdOnLg:"pf-m-inset-md-on-lg",insetLgOnLg:"pf-m-inset-lg-on-lg",insetXlOnLg:"pf-m-inset-xl-on-lg",inset_2xlOnLg:"pf-m-inset-2xl-on-lg",inset_3xlOnLg:"pf-m-inset-3xl-on-lg",horizontalOnXl:"pf-m-horizontal-on-xl",verticalOnXl:"pf-m-vertical-on-xl",insetNoneOnXl:"pf-m-inset-none-on-xl",insetXsOnXl:"pf-m-inset-xs-on-xl",insetSmOnXl:"pf-m-inset-sm-on-xl",insetMdOnXl:"pf-m-inset-md-on-xl",insetLgOnXl:"pf-m-inset-lg-on-xl",insetXlOnXl:"pf-m-inset-xl-on-xl",inset_2xlOnXl:"pf-m-inset-2xl-on-xl",inset_3xlOnXl:"pf-m-inset-3xl-on-xl",horizontalOn_2xl:"pf-m-horizontal-on-2xl",verticalOn_2xl:"pf-m-vertical-on-2xl",insetNoneOn_2xl:"pf-m-inset-none-on-2xl",insetXsOn_2xl:"pf-m-inset-xs-on-2xl",insetSmOn_2xl:"pf-m-inset-sm-on-2xl",insetMdOn_2xl:"pf-m-inset-md-on-2xl",insetLgOn_2xl:"pf-m-inset-lg-on-2xl",insetXlOn_2xl:"pf-m-inset-xl-on-2xl",inset_2xlOn_2xl:"pf-m-inset-2xl-on-2xl",inset_3xlOn_2xl:"pf-m-inset-3xl-on-2xl"}};!function(e){e.hr="hr",e.li="li",e.div="div"}(un||(un={}));const fn=e=>{var{className:t,component:n=un.hr,inset:i,orientation:o}=e,r=l(e,["className","component","inset","orientation"]);const c=n;return a.createElement(c,Object.assign({className:s(mn.divider,R(i,mn),R(o,mn),t)},"hr"!==n&&{role:"separator"},r))};fn.displayName="Divider";const gn=e=>{var{innerRef:n,initialItems:i,onSelect:a,onToggle:o,isDisabled:s,toggleAriaLabel:r,toggleContent:c,isToggleFullWidth:d,toggleVariant:p="default",toggleWidth:u,toggleProps:m,shouldFocusToggleOnSelect:f}=e,g=l(e,["innerRef","initialItems","onSelect","onToggle","isDisabled","toggleAriaLabel","toggleContent","isToggleFullWidth","toggleVariant","toggleWidth","toggleProps","shouldFocusToggleOnSelect"]);const[h,b]=t.useState(!1),v=()=>{o&&o(!h),b(!h)},y=null==i?void 0:i.map((e=>{const{content:n,onClick:i,to:a,value:o,isDivider:s}=e,r=l(e,["content","onClick","to","value","isDivider"]);return s?t.createElement(fn,{component:"li",key:o}):t.createElement(tn,Object.assign({onClick:i,to:a,key:o,value:o},r),n)}));return t.createElement(Qt,Object.assign({toggle:e=>t.createElement(pn,Object.assign({ref:e,onClick:v,isExpanded:h,isDisabled:s,variant:p,"aria-label":r,isFullWidth:d,style:{width:u}},m),c),isOpen:h,onSelect:(e,t)=>{a&&a(e,t),o&&o(!1),b(!1)},shouldFocusToggleOnSelect:f,onOpenChange:e=>{o&&o(e),b(e)},ref:n},g),t.createElement(nn,null,y))},hn=t.forwardRef(((e,n)=>t.createElement(gn,Object.assign({},e,{innerRef:n}))));hn.displayName="SimpleDropdown";const bn=e=>{var{children:n,className:i,onSelect:a,isOpen:o,selected:r,toggle:c,shouldFocusToggleOnSelect:d=!1,shouldFocusFirstItemOnOpen:p=!1,onOpenChange:u,onOpenChangeKeys:m=["Escape","Tab"],isPlain:f,innerRef:g,zIndex:h=9999,role:b="listbox",popperProps:v,menuHeight:y,maxMenuHeight:O,isScrollable:x,shouldPreventScrollOnItemFocus:E=!0,focusTimeoutDelay:w=0}=e,N=l(e,["children","className","onSelect","isOpen","selected","toggle","shouldFocusToggleOnSelect","shouldFocusFirstItemOnOpen","onOpenChange","onOpenChangeKeys","isPlain","innerRef","zIndex","role","popperProps","menuHeight","maxMenuHeight","isScrollable","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const C=t.useRef(),S=t.useRef(),I=g||C,k="function"==typeof c||"function"!=typeof c&&!c.toggleRef?S:null==c?void 0:c.toggleRef;t.useEffect((()=>{const e=e=>{var t,n,i;o&&u&&((null===(t=I.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=k.current)||void 0===n?void 0:n.contains(e.target)))&&m.includes(e.key)&&(e.preventDefault(),u(!1),null===(i=k.current)||void 0===i||i.focus())},t=e=>{var t,n,i;o&&p&&(null===(t=k.current)||void 0===t?void 0:t.contains(e.target))&&setTimeout((()=>{var e;const t=null===(e=null==I?void 0:I.current)||void 0===e?void 0:e.querySelector("li button:not(:disabled),li input:not(:disabled)");t&&t.focus({preventScroll:E})}),w),o&&u&&!(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.contains(e.target))&&o&&!(null===(i=I.current)||void 0===i?void 0:i.contains(e.target))&&u(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[o,I,k,u,m,E,p,w]);const D=t.createElement(mt,Object.assign({role:b,className:s(i),ref:I,onSelect:(e,t)=>{a&&a(e,t),d&&k.current.focus()},isPlain:f,selected:r,isScrollable:null!=x?x:void 0!==y||void 0!==O},W(vn.displayName,void 0!==N.ouiaId?N.ouiaId:U(vn.displayName),void 0===N.ouiaSafe||N.ouiaSafe),N),t.createElement(ht,{menuHeight:y,maxMenuHeight:O},n));return t.createElement(rt,Object.assign({trigger:"function"==typeof c?c(k):c.toggleNode,triggerRef:k,popper:D,popperRef:I,isVisible:o,zIndex:h},v))},vn=t.forwardRef(((e,n)=>t.createElement(bn,Object.assign({innerRef:n},e))));vn.displayName="Select";const yn=e=>{var{children:n,className:i,isAriaMultiselectable:a=!1}=e,o=l(e,["children","className","isAriaMultiselectable"]);return t.createElement(Yt,Object.assign({isAriaMultiselectable:a,className:s(i)},o),n)};yn.displayName="SelectList";const On=e=>{var{children:n,className:i,innerRef:a,value:o}=e,r=l(e,["children","className","innerRef","value"]);return t.createElement(Jt,Object.assign({itemId:o,ref:a,className:s(i)},r),n)},xn=t.forwardRef(((e,n)=>t.createElement(On,Object.assign({},e,{innerRef:n}))));xn.displayName="SelectOption";const En=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:o,onToggle:s,toggleContent:r,toggleWidth:c="200px",toggleProps:d,placeholder:p="Select a value"}=e,u=l(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent","toggleWidth","toggleProps","placeholder"]);const[m,f]=t.useState(!1),[g,h]=t.useState();t.useEffect((()=>{const e=null==i?void 0:i.find((e=>e.selected));h(e)}),[i]);const b=null==i?void 0:i.map((e=>{const{content:n,value:i}=e,a=l(e,["content","value"]),o=(null==g?void 0:g.value)===i;return t.createElement(xn,Object.assign({value:i,key:i,isSelected:o},a),n)})),v=()=>{s&&s(!m),f(!m)};return t.createElement(vn,Object.assign({isOpen:m,selected:g,onSelect:(e,t)=>{o&&o(e,t),h(i.find((e=>e.value===t))),s&&s(!0),f(!1)},onOpenChange:e=>{s&&s(e),f(e)},toggle:e=>t.createElement(pn,Object.assign({ref:e,onClick:v,isExpanded:m,isDisabled:a,style:{width:c}},d),r||((null==g?void 0:g.content)||p)),shouldFocusToggleOnSelect:!0,ref:n},u),t.createElement(yn,null,b))},wn=t.forwardRef(((e,n)=>t.createElement(En,Object.assign({},e,{innerRef:n}))));wn.displayName="SimpleSelect";var Nn={badge:"pf-v5-c-badge",button:"pf-v5-c-button",buttonCount:"pf-v5-c-button__count",buttonIcon:"pf-v5-c-button__icon",buttonProgress:"pf-v5-c-button__progress",modifiers:{active:"pf-m-active",block:"pf-m-block",small:"pf-m-small",primary:"pf-m-primary",displayLg:"pf-m-display-lg",secondary:"pf-m-secondary",tertiary:"pf-m-tertiary",link:"pf-m-link",unread:"pf-m-unread",inline:"pf-m-inline",danger:"pf-m-danger",warning:"pf-m-warning",control:"pf-m-control",expanded:"pf-m-expanded",plain:"pf-m-plain",noPadding:"pf-m-no-padding",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",progress:"pf-m-progress",inProgress:"pf-m-in-progress",start:"pf-m-start",end:"pf-m-end"},spinner:"pf-v5-c-spinner",themeDark:"pf-v5-theme-dark"},Cn={modifiers:{inline:"pf-m-inline",sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"},spinner:"pf-v5-c-spinner",spinnerPath:"pf-v5-c-spinner__path"};const Sn="--pf-v5-c-spinner--diameter";var In;!function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(In||(In={}));const kn=e=>{var{className:t="",size:n="xl","aria-valuetext":i="Loading...",diameter:o,isInline:r=!1,"aria-label":c,"aria-labelledBy":d}=e,p=l(e,["className","size","aria-valuetext","diameter","isInline","aria-label","aria-labelledBy"]);return a.createElement("svg",Object.assign({className:s(Cn.spinner,r?Cn.modifiers.inline:Cn.modifiers[n],t),role:"progressbar","aria-valuetext":i,viewBox:"0 0 100 100"},o&&{style:{[Sn]:o}},c&&{"aria-label":c},d&&{"aria-labelledBy":d},!c&&!d&&{"aria-label":"Contents"},p),a.createElement("circle",{className:Cn.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"}))};kn.displayName="Spinner";var Dn="pf-v5-c-badge",Mn={read:"pf-m-read",unread:"pf-m-unread"};const Rn=e=>{var{isRead:t=!1,className:n="",children:i="",screenReaderText:o}=e,r=l(e,["isRead","className","children","screenReaderText"]);return a.createElement("span",Object.assign({},r,{className:s(Dn,t?Mn.read:Mn.unread,n)}),i,o&&a.createElement("span",{className:"pf-v5-screen-reader"},o))};var Tn,Ln,jn;Rn.displayName="Badge",function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.danger="danger",e.warning="warning",e.link="link",e.plain="plain",e.control="control"}(Tn||(Tn={})),function(e){e.button="button",e.submit="submit",e.reset="reset"}(Ln||(Ln={})),function(e){e.default="default",e.sm="sm",e.lg="lg"}(jn||(jn={}));const _n=e=>{var{children:t=null,className:n="",component:i="button",isActive:o=!1,isBlock:r=!1,isDisabled:c=!1,isAriaDisabled:d=!1,isLoading:p=null,isDanger:u=!1,spinnerAriaValueText:m,spinnerAriaLabelledBy:f,spinnerAriaLabel:g,size:h=jn.default,inoperableEvents:b=["onClick","onKeyPress"],isInline:v=!1,type:y=Ln.button,variant:O=Tn.primary,iconPosition:x="start","aria-label":E=null,icon:w=null,ouiaId:N,ouiaSafe:C=!0,tabIndex:S=null,innerRef:I,countOptions:k}=e,D=l(e,["children","className","component","isActive","isBlock","isDisabled","isAriaDisabled","isLoading","isDanger","spinnerAriaValueText","spinnerAriaLabelledBy","spinnerAriaLabel","size","inoperableEvents","isInline","type","variant","iconPosition","aria-label","icon","ouiaId","ouiaSafe","tabIndex","innerRef","countOptions"]);const M=z(Pn.displayName,N,C,O),R=i,T="button"===R,L=v&&"span"===R,j=b.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{});return a.createElement(R,Object.assign({},D,d?j:null,{"aria-disabled":c||d,"aria-label":E,className:s(Nn.button,Nn.modifiers[O],r&&Nn.modifiers.block,c&&Nn.modifiers.disabled,d&&Nn.modifiers.ariaDisabled,o&&Nn.modifiers.active,v&&O===Tn.link&&Nn.modifiers.inline,u&&(O===Tn.secondary||O===Tn.link)&&Nn.modifiers.danger,null!==p&&O!==Tn.plain&&Nn.modifiers.progress,p&&Nn.modifiers.inProgress,h===jn.sm&&Nn.modifiers.small,h===jn.lg&&Nn.modifiers.displayLg,n),disabled:T?c:null,tabIndex:null!==S?S:c?T?null:-1:d?null:L?0:void 0,type:T||L?y:null,role:L?"button":null,ref:I},M),p&&a.createElement("span",{className:s(Nn.buttonProgress)},a.createElement(kn,{size:In.md,isInline:v,"aria-valuetext":m,"aria-label":g,"aria-labelledby":f})),O===Tn.plain&&null===t&&w?w:null,O!==Tn.plain&&w&&("start"===x||"left"===x)&&a.createElement("span",{className:s(Nn.buttonIcon,Nn.modifiers.start)},w),t,O!==Tn.plain&&w&&("end"===x||"right"===x)&&a.createElement("span",{className:s(Nn.buttonIcon,Nn.modifiers.end)},w),k&&a.createElement("span",{className:s(Nn.buttonCount,k.className)},a.createElement(Rn,{isRead:k.isRead},k.count)))},Pn=a.forwardRef(((e,t)=>a.createElement(_n,Object.assign({innerRef:t},e))));Pn.displayName="Button";const An=xt({name:"TimesIcon",height:512,width:352,svgPath:"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z",yOffset:0,xOffset:0});var Fn="pf-v5-c-chip",Hn="pf-v5-c-chip__actions",Bn="pf-v5-c-chip__content",$n="pf-v5-c-chip__text",Wn={overflow:"pf-m-overflow",draggable:"pf-m-draggable"};const zn="--pf-v5-c-chip__text--MaxWidth";class Vn extends a.Component{constructor(e){super(e),this.span=a.createRef(),this.setChipStyle=()=>({[zn]:this.props.textMaxWidth}),this.renderOverflowChip=()=>{const e=this.props,{badge:t,children:n,className:i,onClick:o,ouiaId:r,textMaxWidth:c,style:d,component:p,tooltipPosition:u,isOverflowChip:m,closeBtnAriaLabel:f,isReadOnly:g}=e,h=l(e,["badge","children","className","onClick","ouiaId","textMaxWidth","style","component","tooltipPosition","isOverflowChip","closeBtnAriaLabel","isReadOnly"]),b=p;return a.createElement(b,Object.assign({onClick:o},c&&Object.assign({style:this.setChipStyle()},d),{className:s(Fn,Wn.overflow,i)},"button"===p?{type:"button"}:{},W("OverflowChip",void 0!==r?r:this.state.ouiaStateId),h),a.createElement("span",{className:s(Bn)},a.createElement("span",{className:s($n)},n),t&&t))},this.renderChip=e=>{const{children:t,tooltipPosition:n}=this.props;return this.state.isTooltipVisible?a.createElement(Xt,{position:n,content:t},this.renderInnerChip(e)):this.renderInnerChip(e)},this.state={isTooltipVisible:!1,ouiaStateId:U(Vn.displayName)}}componentDidMount(){this.setState({isTooltipVisible:Boolean(this.span.current&&this.span.current.offsetWidth<this.span.current.scrollWidth)})}componentDidUpdate(e,t){const n=Boolean(this.span.current&&this.span.current.offsetWidth<this.span.current.scrollWidth);t.isTooltipVisible!==n&&this.setState({isTooltipVisible:n})}renderInnerChip(e){const t=this.props,{badge:n,children:i,className:o,onClick:r,closeBtnAriaLabel:c,isReadOnly:d,isOverflowChip:p,tooltipPosition:u,id:m,component:f,ouiaId:g,textMaxWidth:h}=t,b=l(t,["badge","children","className","onClick","closeBtnAriaLabel","isReadOnly","isOverflowChip","tooltipPosition","id","component","ouiaId","textMaxWidth"]),v=f;return a.createElement(v,Object.assign({},h&&{style:this.setChipStyle()},{className:s(Fn,o)},this.state.isTooltipVisible&&{tabIndex:0},W(Vn.displayName,void 0!==g?g:this.state.ouiaStateId),b),a.createElement("span",{className:s(Bn)},a.createElement("span",{ref:this.span,className:s($n),id:e},i),n&&n),!d&&a.createElement("span",{className:s(Hn)},a.createElement(Pn,{onClick:r,variant:"plain","aria-label":c,id:`remove_${e}`,"aria-labelledby":`remove_${e} ${e}`,ouiaId:g||c},a.createElement(An,{"aria-hidden":"true"}))))}render(){const{isOverflowChip:e}=this.props;return a.createElement(F,null,(t=>e?this.renderOverflowChip():this.renderChip(this.props.id||t)))}}Vn.displayName="Chip",Vn.defaultProps={closeBtnAriaLabel:"close",className:"",isOverflowChip:!1,isReadOnly:!1,tooltipPosition:"top",onClick:e=>{},component:"div"};var Un="pf-v5-c-chip-group",qn="pf-v5-c-chip-group__close",Xn="pf-v5-c-chip-group__label",Kn="pf-v5-c-chip-group__list",Gn="pf-v5-c-chip-group__list-item",Jn="pf-v5-c-chip-group__main",Yn={category:"pf-m-category"};const Zn=xt({name:"TimesCircleIcon",height:512,width:512,svgPath:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z",yOffset:0,xOffset:0});class Qn extends a.Component{constructor(e){super(e),this.headingRef=a.createRef(),this.toggleCollapse=()=>{this.setState((e=>({isOpen:!e.isOpen,isTooltipVisible:Boolean(this.headingRef.current&&this.headingRef.current.offsetWidth<this.headingRef.current.scrollWidth)})))},this.state={isOpen:this.props.defaultIsOpen,isTooltipVisible:!1}}componentDidMount(){this.setState({isTooltipVisible:Boolean(this.headingRef.current&&this.headingRef.current.offsetWidth<this.headingRef.current.scrollWidth)})}renderLabel(e){const{categoryName:t,tooltipPosition:n}=this.props,{isTooltipVisible:i}=this.state;return i?a.createElement(Xt,{position:n,content:t},a.createElement("span",{tabIndex:0,ref:this.headingRef,className:s(Xn)},a.createElement("span",{id:e},t))):a.createElement("span",{ref:this.headingRef,className:s(Xn),id:e},t)}render(){const e=this.props,{categoryName:t,children:n,className:i,isClosable:o,closeBtnAriaLabel:r,"aria-label":c,onClick:d,onOverflowChipClick:p,numChips:u,expandedText:m,collapsedText:f,ouiaId:g,defaultIsOpen:h,tooltipPosition:b}=e,v=l(e,["categoryName","children","className","isClosable","closeBtnAriaLabel","aria-label","onClick","onOverflowChipClick","numChips","expandedText","collapsedText","ouiaId","defaultIsOpen","tooltipPosition"]),{isOpen:y}=this.state,O=a.Children.count(n),x=(E=f,w={remaining:a.Children.count(n)-u},E.replace(/\${(.*?)}/g,((e,t)=>w[t]||"")));var E,w;const N=e=>{const l=y?a.Children.toArray(n):a.Children.toArray(n).slice(0,u);return a.createElement("div",Object.assign({className:s(Un,i,t&&Yn.category),role:"group"},t&&{"aria-labelledby":e},!t&&{"aria-label":c},W(Qn.displayName,g)),a.createElement("div",{className:s(Jn)},t&&this.renderLabel(e),a.createElement("ul",Object.assign({className:s(Kn)},t&&{"aria-labelledby":e},!t&&{"aria-label":c},{role:"list"},v),l.map(((e,t)=>a.createElement("li",{className:s(Gn),key:t},e))),O>u&&a.createElement("li",{className:s(Gn)},a.createElement(Vn,{isOverflowChip:!0,onClick:e=>{this.toggleCollapse(),p(e)},component:"button"},y?m:x)))),o&&a.createElement("div",{className:s(qn)},a.createElement(Pn,{variant:"plain","aria-label":r,onClick:d,id:`remove_group_${e}`,"aria-labelledby":`remove_group_${e} ${e}`,ouiaId:g||r},a.createElement(Zn,{"aria-hidden":"true"}))))};return 0===O?null:a.createElement(F,null,(e=>N(this.props.id||e)))}}Qn.displayName="ChipGroup",Qn.defaultProps={expandedText:"Show Less",collapsedText:"${remaining} more",categoryName:"",defaultIsOpen:!1,numChips:3,isClosable:!1,onClick:e=>{},onOverflowChipClick:e=>{},closeBtnAriaLabel:"Close chip group",tooltipPosition:"top","aria-label":"Chip group category"};var ei={disabled:"pf-m-disabled",plain:"pf-m-plain",icon:"pf-m-icon",hint:"pf-m-hint"},ti="pf-v5-c-text-input-group",ni="pf-v5-c-text-input-group__icon",ii="pf-v5-c-text-input-group__main",ai="pf-v5-c-text-input-group__text",oi="pf-v5-c-text-input-group__text-input",li="pf-v5-c-text-input-group__utilities";const si=a.createContext({isDisabled:!1}),ri=e=>{var{children:t,className:n,isDisabled:i,isPlain:o,innerRef:r}=e,c=l(e,["children","className","isDisabled","isPlain","innerRef"]);const d=a.useRef(null),p=r||d;return a.createElement(si.Provider,{value:{isDisabled:i}},a.createElement("div",Object.assign({ref:p,className:s(ti,i&&ei.disabled,o&&ei.plain,n)},c),t))};ri.displayName="TextInputGroup";const ci=e=>{var{children:t,className:n,icon:i,type:o="text",hint:r,onChange:c=(()=>{}),onFocus:d,onBlur:p,"aria-label":u="Type to filter",value:m,placeholder:f,innerRef:g,name:h,"aria-activedescendant":b,role:v,isExpanded:y,"aria-controls":O,inputId:x}=e,E=l(e,["children","className","icon","type","hint","onChange","onFocus","onBlur","aria-label","value","placeholder","innerRef","name","aria-activedescendant","role","isExpanded","aria-controls","inputId"]);const{isDisabled:w}=a.useContext(si),N=a.useRef(null),C=g||N;return a.createElement("div",Object.assign({className:s(ii,i&&ei.icon,n)},E),t,a.createElement("span",{className:s(ai)},r&&a.createElement("input",{className:s(oi,ei.hint),type:"text",disabled:!0,"aria-hidden":"true",value:r,id:x}),i&&a.createElement("span",{className:s(ni)},i),a.createElement("input",Object.assign({ref:C,type:o,className:s(oi),"aria-label":u,disabled:w,onChange:e=>{c(e,e.currentTarget.value)},onFocus:d,onBlur:p,value:m||"",placeholder:f,name:h,"aria-activedescendant":b,id:x},v&&{role:v},void 0!==y&&{"aria-expanded":y},O&&{"aria-controls":O}))))},di=a.forwardRef(((e,t)=>a.createElement(ci,Object.assign({innerRef:t},e))));di.displayName="TextInputGroupMain";const pi=e=>{var{children:t,className:n}=e,i=l(e,["children","className"]);return a.createElement("div",Object.assign({className:s(li,n)},i),t)};pi.displayName="TextInputGroupUtilities";const ui=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:o,onToggle:s,toggleContent:r,toggleWidth:c="200px",toggleProps:d}=e,p=l(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent","toggleWidth","toggleProps"]);const[u,m]=t.useState(!1),[f,g]=t.useState([]);t.useEffect((()=>{var e;const t=null==i?void 0:i.filter((e=>e.selected));g(null!==(e=null==t?void 0:t.map((e=>String(e.value))))&&void 0!==e?e:[])}),[i]);const h=null==i?void 0:i.map((e=>{const{content:n,value:i}=e,a=l(e,["content","value"]),o=f.includes(`${i}`);return t.createElement(xn,Object.assign({value:i,key:i,hasCheckbox:!0,isSelected:o},a),n)})),b=()=>{s&&s(!u),m(!u)},v=t.createElement(t.Fragment,null,"Filter by status",f.length>0&&t.createElement(Rn,{isRead:!0},f.length));return t.createElement(vn,Object.assign({isOpen:u,selected:f,onSelect:(e,t)=>{const n=`${t}`;f.includes(n)?g((e=>e.filter((e=>e!==n)))):g((e=>[...e,n])),o&&o(e,t)},onOpenChange:e=>{s&&s(e),m(e)},toggle:e=>t.createElement(pn,Object.assign({ref:e,onClick:b,isExpanded:u,isDisabled:a,style:{width:c}},d),r||v),ref:n,role:"menu"},p),t.createElement(yn,null,h))},mi=t.forwardRef(((e,n)=>t.createElement(ui,Object.assign({},e,{innerRef:n})))),fi=e=>`No results found for "${e}"`,gi=e=>`Create "${e}"`,hi=(e,t)=>t.filter((t=>String(t.content).toLowerCase().includes(e.toLowerCase()))),bi=e=>{var{innerRef:n,selectOptions:i,onSelect:a,onToggle:o,onInputChange:s,filterFunction:r=hi,onClearSelection:c,placeholder:d="Select an option",noOptionsAvailableMessage:p="No options are available",noOptionsFoundMessage:u=fi,isCreatable:m=!1,isCreateOptionOnTop:f=!1,createOptionMessage:g=gi,isDisabled:h,toggleWidth:b,toggleProps:v}=e,y=l(e,["innerRef","selectOptions","onSelect","onToggle","onInputChange","filterFunction","onClearSelection","placeholder","noOptionsAvailableMessage","noOptionsFoundMessage","isCreatable","isCreateOptionOnTop","createOptionMessage","isDisabled","toggleWidth","toggleProps"]);const[O,x]=t.useState(!1),[E,w]=t.useState(""),[N,C]=t.useState(!1),[S,I]=t.useState(null),[k,D]=t.useState(null),M=t.useRef(),R="no results",T=t.useMemo((()=>null==i?void 0:i.find((e=>e.value===y.selected||e.isSelected))),[y.selected,i]),L=t.useMemo((()=>{let e=i;if(N&&E){if(e=r(E,i),m&&E.trim()&&!e.find((e=>String(e.content).toLowerCase()===E.toLowerCase()))){const t={content:"string"==typeof g?g:g(E),value:E};e=f?[t,...e]:[...e,t]}e.length||(e=[{isAriaDisabled:!0,content:"string"==typeof u?u:u(E),value:R}])}return e.length||(e=[{isAriaDisabled:!0,content:p,value:R}]),e}),[N,E,r,i,u,m,f,g,p]);t.useEffect((()=>{N&&_()}),[N]);const j=()=>{I(null),D(null)},_=()=>{O||(o&&o(!0),x(!0),setTimeout((()=>{var e;null===(e=M.current)||void 0===e||e.focus()}),100))},P=()=>{var e;o&&o(!1),x(!1),j(),C(!1),w(String(null!==(e=null==T?void 0:T.content)&&void 0!==e?e:""))},A=()=>{O?N&&P():_()},F=(e,t)=>{a&&a(e,t.value),P()},H=(e,t)=>{C(!0),w(t||""),s&&s(t),j()},B=e=>{let t=0;if(_(),!L.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===S||0===S?L.length-1:S-1;L[t].isDisabled;)t--,-1===t&&(t=L.length-1);if("ArrowDown"===e)for(t=null===S||S===L.length-1?0:S+1;L[t].isDisabled;)t++,t===L.length&&(t=0);(e=>{I(e);const t=i[e];D(String(t.value))})(t)}},$=e=>{const t=null!==S?L[S]:null;switch(e.key){case"Enter":O&&t&&t.value!==R&&!t.isAriaDisabled&&F(e,t),_();break;case"ArrowUp":case"ArrowDown":e.preventDefault(),B(e.key)}},W=()=>{var e;O?P():_(),null===(e=M.current)||void 0===e||e.focus()},z=()=>{var e;T&&a&&a(void 0,T.value),w(""),s&&s(""),C(!1),j(),null===(e=M.current)||void 0===e||e.focus(),c&&c()};return t.createElement(vn,Object.assign({isOpen:O,selected:T,onSelect:(e,t)=>{if(t&&t!==R){const n=i.find((e=>e.value===t));n?F(e,n):m&&F(e,{value:t,content:t})}},onOpenChange:e=>!e&&P(),toggle:e=>{var n;return t.createElement(pn,Object.assign({ref:e,variant:"typeahead","aria-label":"Typeahead menu toggle",onClick:W,isExpanded:O,isDisabled:h||!1,isFullWidth:!0,style:{width:b}},v),t.createElement(ri,{isPlain:!0},t.createElement(di,Object.assign({value:N?E:null!==(n=null==T?void 0:T.content)&&void 0!==n?n:"",onClick:A,onChange:H,onKeyDown:$,autoComplete:"off",innerRef:M,placeholder:d},k&&{"aria-activedescendant":k},{role:"combobox",isExpanded:O,"aria-controls":"select-typeahead-listbox"})),t.createElement(pi,Object.assign({},N&&E||T&&c?{}:{style:{display:"none"}}),t.createElement(Pn,{variant:"plain",onClick:z,"aria-label":"Clear input value"},t.createElement(An,{"aria-hidden":!0})))))},shouldFocusFirstItemOnOpen:!1,ref:n},y),t.createElement(yn,null,L.map(((e,n)=>{const{content:i,value:a}=e,o=l(e,["content","value"]);return t.createElement(xn,Object.assign({key:a,value:a,isFocused:S===n},o),i)}))))};bi.displayName="TypeaheadSelectBase";const vi=t.forwardRef(((e,n)=>t.createElement(bi,Object.assign({},e,{innerRef:n}))));vi.displayName="TypeaheadSelect";const yi=e=>{var n,{innerRef:i,initialOptions:a,onSelectionChange:o,onToggle:s,onInputChange:r,placeholder:c="Select an option",noOptionsFoundMessage:d=(e=>`No results found for "${e}"`),isDisabled:p,toggleWidth:u,toggleProps:m}=e,f=l(e,["innerRef","initialOptions","onSelectionChange","onToggle","onInputChange","placeholder","noOptionsFoundMessage","isDisabled","toggleWidth","toggleProps"]);const[g,h]=t.useState(!1),[b,v]=t.useState((null!==(n=null==a?void 0:a.filter((e=>e.selected)))&&void 0!==n?n:[]).map((e=>e.value))),[y,O]=t.useState(),[x,E]=t.useState(a),[w,N]=t.useState(null),[C,S]=t.useState(null),I=t.useRef(),k="no results",D=()=>{s&&s(!0),h(!0)};t.useEffect((()=>{let e=a;y&&(e=a.filter((e=>String(e.content).toLowerCase().includes(y.toLowerCase()))),e.length||(e=[{isAriaDisabled:!0,content:"string"==typeof d?d:d(y),value:k}]),D()),E(e)}),[y,a]),t.useEffect((()=>{var e;return v((null!==(e=null==a?void 0:a.filter((e=>e.selected)))&&void 0!==e?e:[]).map((e=>e.value)))}),[a]);const M=()=>{N(null),S(null)},R=()=>{s&&s(!1),h(!1),M(),O("")},T=()=>{g?y||R():D()},L=(e,t)=>{const n=b.includes(t)?b.filter((e=>t!==e)):[...b,t];o&&o(e,n),v(n)},j=(e,t)=>{O(t),r&&r(t),M()},_=e=>{let t=0;if(g||D(),!x.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===w||0===w?x.length-1:w-1;x[t].isDisabled;)t--,-1===t&&(t=x.length-1);if("ArrowDown"===e)for(t=null===w||w===x.length-1?0:w+1;x[t].isDisabled;)t++,t===x.length&&(t=0);(e=>{N(e);const t=x[e];S(t.value)})(t)}},P=e=>{const t=null!==w?x[w]:null;switch(e.key){case"Enter":g&&t&&t.value!==k&&!t.isAriaDisabled&&L(e,null==t?void 0:t.value),g||(s&&s(!0),h(!0));break;case"ArrowUp":case"ArrowDown":e.preventDefault(),_(e.key)}},A=()=>{var e;s&&s(!g),h(!g),null===(e=null==I?void 0:I.current)||void 0===e||e.focus()},F=e=>{var t;v([]),r&&r(""),M(),null===(t=null==I?void 0:I.current)||void 0===t||t.focus(),o&&o(e,[])};return t.createElement(vn,Object.assign({isOpen:g,selected:b,onSelect:(e,t)=>{t&&t!==k&&L(e,t)},onOpenChange:e=>{!e&&R()},toggle:e=>t.createElement(pn,Object.assign({ref:e,variant:"typeahead","aria-label":"Multi select Typeahead menu toggle",onClick:A,isExpanded:g,isDisabled:p,isFullWidth:!0,style:{width:u}},m),t.createElement(ri,{isPlain:!0},t.createElement(di,Object.assign({value:y,onClick:T,onChange:j,onKeyDown:P,autoComplete:"off",innerRef:I,placeholder:c},C&&{"aria-activedescendant":C},{role:"combobox",isExpanded:g,"aria-controls":"select-typeahead-listbox"}),t.createElement(Qn,{"aria-label":"Current selections"},b.map(((e,n)=>{var i;return t.createElement(Vn,{key:n,"datatest-id":`${e}-chip`,onClick:t=>{t.stopPropagation(),((e,t)=>{const n=b.filter((e=>t!==e));o&&o(e,n),v(n)})(t,e)}},null===(i=a.find((t=>t.value===e)))||void 0===i?void 0:i.content)})))),t.createElement(pi,Object.assign({},0===b.length?{style:{display:"none"}}:{}),t.createElement(Pn,{variant:"plain",onClick:F,"aria-label":"Clear input value"},t.createElement(An,{"aria-hidden":!0}))))),shouldFocusFirstItemOnOpen:!1,ref:i},f),t.createElement(yn,null,x.map(((e,n)=>{const{content:i,value:a}=e,o=l(e,["content","value"]);return t.createElement(xn,Object.assign({key:a,value:a,isFocused:w===n},o),i)}))))};yi.displayName="MultiTypeaheadSelectBase";const Oi=t.forwardRef(((e,n)=>t.createElement(yi,Object.assign({},e,{innerRef:n}))));Oi.displayName="MultiTypeaheadSelect",e.CheckboxSelect=mi,e.MultiTypeaheadSelect=Oi,e.MultiTypeaheadSelectBase=yi,e.SimpleDropdown=hn,e.SimpleSelect=wn,e.TypeaheadSelect=vi,e.TypeaheadSelectBase=bi}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).PatternFlyTemplates={},e.React,e.ReactDOM)}(this,(function(e,t,n){"use strict";function i(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=i(t),o=i(n);function l(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(n[i[a]]=e[i[a]])}return n}function s(...e){const t=[],n={}.hasOwnProperty;return e.filter(Boolean).forEach((e=>{const i=typeof e;if("string"===i||"number"===i)t.push(e);else if(Array.isArray(e)&&e.length){const n=s(...e);n&&t.push(n)}else if("object"===i)for(const i in e)n.call(e,i)&&e[i]&&t.push(i)})),t.join(" ")}"function"==typeof SuppressedError&&SuppressedError;var r,c="pf-v5-c-divider",d="pf-v5-c-menu",p="pf-v5-c-menu__content",u="pf-v5-c-menu__item",m="pf-v5-c-menu__item-action",f="pf-v5-c-menu__item-action-icon",g="pf-v5-c-menu__item-check",h="pf-v5-c-menu__item-description",b="pf-v5-c-menu__item-external-icon",v="pf-v5-c-menu__item-icon",y="pf-v5-c-menu__item-main",O="pf-v5-c-menu__item-select-icon",x="pf-v5-c-menu__item-text",E="pf-v5-c-menu__item-toggle-icon",w="pf-v5-c-menu__list",N="pf-v5-c-menu__list-item",C="pf-v5-c-menu__search",S={hidden:"pf-m-hidden",hiddenOnSm:"pf-m-hidden-on-sm",visibleOnSm:"pf-m-visible-on-sm",hiddenOnMd:"pf-m-hidden-on-md",visibleOnMd:"pf-m-visible-on-md",hiddenOnLg:"pf-m-hidden-on-lg",visibleOnLg:"pf-m-visible-on-lg",hiddenOnXl:"pf-m-hidden-on-xl",visibleOnXl:"pf-m-visible-on-xl",hiddenOn_2xl:"pf-m-hidden-on-2xl",visibleOn_2xl:"pf-m-visible-on-2xl",flyout:"pf-m-flyout",top:"pf-m-top",left:"pf-m-left",drilldown:"pf-m-drilldown",drilledIn:"pf-m-drilled-in",currentPath:"pf-m-current-path",static:"pf-m-static",plain:"pf-m-plain",scrollable:"pf-m-scrollable",nav:"pf-m-nav",focus:"pf-m-focus",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",load:"pf-m-load",loading:"pf-m-loading",danger:"pf-m-danger",selected:"pf-m-selected",favorite:"pf-m-favorite",favorited:"pf-m-favorited"},k="pf-v5-c-breadcrumb__link",I="pf-v5-c-dropdown__toggle";!function(e){e.success="success",e.error="error",e.warning="warning",e.default="default"}(r||(r={}));const D="Escape",M="Enter";const T=(e,t,n="",i,a)=>e?Object.entries(e||{}).map((([e,t])=>`${n}${t}${"default"!==e?`-on-${e}`:""}`)).map(L).map((e=>e.replace(/-?(\dxl)/gi,((e,t)=>`_${t}`)))).map((e=>t.modifiers[e])).filter(Boolean).join(" "):"",R=e=>e.toUpperCase().replace("-","").replace("_",""),L=e=>e.replace(/([-_][a-z])/gi,R),j=!("undefined"==typeof window||!window.document||!window.document.createElement),_=e=>{e.forEach((e=>{e.current&&clearTimeout(e.current)}))};let P=0;function A(){return"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():function(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}()}class F extends a.Component{constructor(){super(...arguments),this.uniqueElement=this.props.isRandom?A():P++,this.id=`${this.props.prefix}${this.uniqueElement}`}render(){return this.props.children(this.id)}}F.displayName="GenerateId",F.defaultProps={prefix:"pf-random-id-",isRandom:!1};let H=0;const B="OUIA-Generated-",$={};function W(e,t,n=!0){return{"data-ouia-component-type":`PF5/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const z=(e,t,n=!0,i)=>({"data-ouia-component-type":`PF5/${e}`,"data-ouia-safe":n,"data-ouia-component-id":V(e,t,i)}),V=(e,n,i)=>{const a=t.useMemo((()=>U(e,i)),[e,i]);return null!=n?n:a};function U(e,t){try{let n;return n="undefined"!=typeof window?`${window.location.href}-${e}-${t||""}`:`${e}-${t||""}`,$[n]||($[n]=0),`${B}${e}-${t?`${t}-`:""}${++$[n]}`}catch(n){return`${B}${e}-${t?`${t}-`:""}${++H}`}}function q(e){const t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function X(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function K(e){const t=X(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function G(e){return e instanceof X(e).Element||e instanceof Element}function J(e){return e instanceof X(e).HTMLElement||e instanceof HTMLElement}function Y(e){return e?(e.nodeName||"").toLowerCase():null}function Z(e){return(G(e)?e.ownerDocument:e.document).documentElement}function Q(e){return q(Z(e)).left+K(e).scrollLeft}function ee(e){return X(e).getComputedStyle(e)}function te(e){const{overflow:t,overflowX:n,overflowY:i}=ee(e);return/auto|scroll|overlay|hidden/.test(t+i+n)}function ne(e,t,n=!1){const i=Z(t),a=q(e),o=J(t);let l={scrollLeft:0,scrollTop:0},s={x:0,y:0};var r,c;return(o||!o&&!n)&&(("body"!==Y(t)||te(i))&&(l=(r=t)!==X(r)&&J(r)?{scrollLeft:(c=r).scrollLeft,scrollTop:c.scrollTop}:K(r)),J(t)?(s=q(t),s.x+=t.clientLeft,s.y+=t.clientTop):i&&(s.x=Q(i))),{x:a.left+l.scrollLeft-s.x,y:a.top+l.scrollTop-s.y,width:a.width,height:a.height}}function ie(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function ae(e){return"html"===Y(e)?e:e.assignedSlot||e.parentNode||e.host||Z(e)}function oe(e){return["html","body","#document"].indexOf(Y(e))>=0?e.ownerDocument.body:J(e)&&te(e)?e:oe(ae(e))}function le(e,t=[]){const n=oe(e),i="body"===Y(n),a=X(n),o=i?[a].concat(a.visualViewport||[],te(n)?n:[]):n,l=t.concat(o);return i?l:l.concat(le(ae(o)))}function se(e){return["table","td","th"].indexOf(Y(e))>=0}function re(e){if(!J(e)||"fixed"===ee(e).position)return null;const t=e.offsetParent;if(t){const e=Z(t);if("body"===Y(t)&&"static"===ee(t).position&&"static"!==ee(e).position)return e}return t}function ce(e){const t=X(e);let n=re(e);for(;n&&se(n)&&"static"===ee(n).position;)n=re(n);return n&&"body"===Y(n)&&"static"===ee(n).position?t:n||function(e){let t=ae(e);for(;J(t)&&["html","body"].indexOf(Y(t))<0;){const e=ee(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}const de="top",pe="bottom",ue="right",me="left",fe="auto",ge=[de,pe,ue,me],he="start",be="end",ve="clippingParents",ye="viewport",Oe="popper",xe="reference",Ee=ge.reduce(((e,t)=>e.concat([`${t}-${he}`,`${t}-${be}`])),[]),we=[...ge,fe].reduce(((e,t)=>e.concat([t,`${t}-${he}`,`${t}-${be}`])),[]),Ne=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Ce(e){const t=new Map,n=new Set,i=[];function a(e){n.add(e.name);[...e.requires||[],...e.requiresIfExists||[]].forEach((e=>{if(!n.has(e)){const n=t.get(e);n&&a(n)}})),i.push(e)}return e.forEach((e=>{t.set(e.name,e)})),e.forEach((e=>{n.has(e.name)||a(e)})),i}function Se(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function ke(e){return e.split("-")[0]}function Ie(e,t){const n=Boolean(t.getRootNode&&t.getRootNode().host);if(e.contains(t))return!0;if(n){let n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function De(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Me(e,t){return t===ye?De(function(e){const t=X(e),n=Z(e),i=t.visualViewport;let a=n.clientWidth,o=n.clientHeight,l=0,s=0;return i&&(a=i.width,o=i.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(l=i.offsetLeft,s=i.offsetTop)),{width:a,height:o,x:l+Q(e),y:s}}(e)):J(t)?function(e){const t=q(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):De(function(e){const t=Z(e),n=K(e),i=e.ownerDocument.body,a=Math.max(t.scrollWidth,t.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),o=Math.max(t.scrollHeight,t.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);let l=-n.scrollLeft+Q(e);const s=-n.scrollTop;return"rtl"===ee(i||t).direction&&(l+=Math.max(t.clientWidth,i?i.clientWidth:0)-a),{width:a,height:o,x:l,y:s}}(Z(e)))}function Te(e,t,n){const i="clippingParents"===t?function(e){const t=le(ae(e)),n=["absolute","fixed"].indexOf(ee(e).position)>=0&&J(e)?ce(e):e;return G(n)?t.filter((e=>G(e)&&Ie(e,n)&&"body"!==Y(e))):[]}(e):[].concat(t),a=[...i,n],o=a[0],l=a.reduce(((t,n)=>{const i=Me(e,n);return t.top=Math.max(i.top,t.top),t.right=Math.min(i.right,t.right),t.bottom=Math.min(i.bottom,t.bottom),t.left=Math.max(i.left,t.left),t}),Me(e,o));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function Re(e){return e.split("-")[1]}function Le(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function je({reference:e,element:t,placement:n}){const i=n?ke(n):null,a=n?Re(n):null,o=e.x+e.width/2-t.width/2,l=e.y+e.height/2-t.height/2;let s;switch(i){case de:s={x:o,y:e.y-t.height};break;case pe:s={x:o,y:e.y+e.height};break;case ue:s={x:e.x+e.width,y:l};break;case me:s={x:e.x-t.width,y:l};break;default:s={x:e.x,y:e.y}}const r=i?Le(i):null;if(null!=r){const n="y"===r?"height":"width";switch(a){case he:s[r]=Math.floor(s[r])-Math.floor(e[n]/2-t[n]/2);break;case be:s[r]=Math.floor(s[r])+Math.ceil(e[n]/2-t[n]/2)}}return s}function _e(e){return Object.assign(Object.assign({},{top:0,right:0,bottom:0,left:0}),e)}function Pe(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function Ae(e,t={}){const{placement:n=e.placement,boundary:i=ve,rootBoundary:a=ye,elementContext:o=Oe,altBoundary:l=!1,padding:s=0}=t,r=_e("number"!=typeof s?s:Pe(s,ge)),c=o===Oe?xe:Oe,d=e.elements.reference,p=e.rects.popper,u=e.elements[l?c:o],m=Te(G(u)?u:u.contextElement||Z(e.elements.popper),i,a),f=q(d),g=je({reference:f,element:p,strategy:"absolute",placement:n}),h=De(Object.assign(Object.assign({},p),g)),b=o===Oe?h:f,v={top:m.top-b.top+r.top,bottom:b.bottom-m.bottom+r.bottom,left:m.left-b.left+r.left,right:b.right-m.right+r.right},y=e.modifiersData.offset;if(o===Oe&&y){const e=y[n];Object.keys(v).forEach((t=>{const n=[ue,pe].indexOf(t)>=0?1:-1,i=[de,pe].indexOf(t)>=0?"y":"x";v[t]+=e[i]*n}))}return v}const Fe={placement:"bottom",modifiers:[],strategy:"absolute"};function He(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}const Be={passive:!0};const $e={top:"auto",right:"auto",bottom:"auto",left:"auto"};function We({popper:e,popperRect:t,placement:n,offsets:i,position:a,gpuAcceleration:o,adaptive:l}){let{x:s,y:r}=function({x:e,y:t}){const n=window.devicePixelRatio||1;return{x:Math.round(e*n)/n||0,y:Math.round(t*n)/n||0}}(i);const c=i.hasOwnProperty("x"),d=i.hasOwnProperty("y");let p=me,u=de;const m=window;if(l){let i=ce(e);i===X(e)&&(i=Z(e)),n===de&&(u=pe,r-=i.clientHeight-t.height,r*=o?1:-1),n===me&&(p=ue,s-=i.clientWidth-t.width,s*=o?1:-1)}const f=Object.assign({position:a},l&&$e);return o?Object.assign(Object.assign({},f),{[u]:d?"0":"",[p]:c?"0":"",transform:(m.devicePixelRatio||1)<2?`translate(${s}px, ${r}px)`:`translate3d(${s}px, ${r}px, 0)`}):Object.assign(Object.assign({},f),{[u]:d?`${r}px`:"",[p]:c?`${s}px`:"",transform:""})}var ze={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function({state:e,options:t,name:n}){const{offset:i=[0,0]}=t,a=we.reduce(((t,n)=>(t[n]=function(e,t,n){const i=ke(e),a=[me,de].indexOf(i)>=0?-1:1;let[o,l]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return o=o||0,l=(l||0)*a,[me,ue].indexOf(i)>=0?{x:l,y:o}:{x:o,y:l}}(n,e.rects,i),t)),{}),{x:o,y:l}=a[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=o,e.modifiersData.popperOffsets.y+=l),e.modifiersData[n]=a}};const Ve={left:"right",right:"left",bottom:"top",top:"bottom"};function Ue(e){return e.replace(/left|right|bottom|top/g,(e=>Ve[e]))}const qe={start:"end",end:"start"};function Xe(e){return e.replace(/start|end/g,(e=>qe[e]))}function Ke(e,t={}){const{placement:n,boundary:i,rootBoundary:a,padding:o,flipVariations:l,allowedAutoPlacements:s=we}=t,r=Re(n),c=r?l?Ee:Ee.filter((e=>Re(e)===r)):ge;let d=c.filter((e=>s.indexOf(e)>=0));0===d.length&&(d=c);const p=d.reduce(((t,n)=>(t[n]=Ae(e,{placement:n,boundary:i,rootBoundary:a,padding:o})[ke(n)],t)),{});return Object.keys(p).sort(((e,t)=>p[e]-p[t]))}var Ge={name:"flip",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){if(e.modifiersData[n]._skip)return;const{mainAxis:i=!0,altAxis:a=!0,fallbackPlacements:o,padding:l,boundary:s,rootBoundary:r,altBoundary:c,flipVariations:d=!0,allowedAutoPlacements:p}=t,u=e.options.placement,m=ke(u),f=[u,...o||(m===u||!d?[Ue(u)]:function(e){if(ke(e)===fe)return[];const t=Ue(e);return[Xe(e),t,Xe(t)]}(u))].reduce(((t,n)=>t.concat(ke(n)===fe?Ke(e,{placement:n,boundary:s,rootBoundary:r,padding:l,flipVariations:d,allowedAutoPlacements:p}):n)),[]),g=e.rects.reference,h=e.rects.popper,b=new Map;let v=!0,y=f[0];for(let t=0;t<f.length;t++){const n=f[t],o=ke(n),d=Re(n)===he,p=[de,pe].indexOf(o)>=0,u=p?"width":"height",m=Ae(e,{placement:n,boundary:s,rootBoundary:r,altBoundary:c,padding:l});let O=p?d?ue:me:d?pe:de;g[u]>h[u]&&(O=Ue(O));const x=Ue(O),E=[];if(i&&E.push(m[o]<=0),a&&E.push(m[O]<=0,m[x]<=0),E.every((e=>e))){y=n,v=!1;break}b.set(n,E)}if(v){for(let e=d?3:1;e>0;e--){const t=f.find((t=>{const n=b.get(t);if(n)return n.slice(0,e).every((e=>e))}));if(t){y=t;break}}}e.placement!==y&&(e.modifiersData[n]._skip=!0,e.placement=y,e.reset=!0)},requiresIfExists:["offset"],data:{_skip:!1}};function Je(e,t,n){return Math.max(e,Math.min(t,n))}var Ye={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:i=!0,altAxis:a=!1,boundary:o,rootBoundary:l,altBoundary:s,padding:r,tether:c=!0,tetherOffset:d=0}=t,p=Ae(e,{boundary:o,rootBoundary:l,padding:r,altBoundary:s}),u=ke(e.placement),m=Re(e.placement),f=!m,g=Le(u),h="x"===g?"y":"x",b=e.modifiersData.popperOffsets,v=e.rects.reference,y=e.rects.popper,O="function"==typeof d?d(Object.assign(Object.assign({},e.rects),{placement:e.placement})):d,x={x:0,y:0};if(b){if(i){const t="y"===g?de:me,n="y"===g?pe:ue,i="y"===g?"height":"width",a=b[g],o=b[g]+p[t],l=b[g]-p[n],s=c?-y[i]/2:0,r=m===he?v[i]:y[i],d=m===he?-y[i]:-v[i],u=e.elements.arrow,h=c&&u?ie(u):{width:0,height:0},E=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},w=E[t],N=E[n],C=Je(0,v[i],h[i]),S=f?v[i]/2-s-C-w-O:r-C-w-O,k=f?-v[i]/2+s+C+N+O:d+C+N+O,I=e.elements.arrow&&ce(e.elements.arrow),D=I?"y"===g?I.clientTop||0:I.clientLeft||0:0,M=e.modifiersData.offset?e.modifiersData.offset[e.placement][g]:0,T=b[g]+S-M-D,R=b[g]+k-M,L=Je(c?Math.min(o,T):o,a,c?Math.max(l,R):l);b[g]=L,x[g]=L-a}if(a){const e="x"===g?de:me,t="x"===g?pe:ue,n=b[h],i=Je(n+p[e],n,n-p[t]);b[h]=i,x[h]=i-n}e.modifiersData[n]=x}},requiresIfExists:["offset"]};var Ze={name:"arrow",enabled:!0,phase:"main",fn:function({state:e,name:t}){const n=e.elements.arrow,i=e.modifiersData.popperOffsets,a=ke(e.placement),o=Le(a),l=[me,ue].indexOf(a)>=0?"height":"width";if(!n||!i)return;const s=e.modifiersData[`${t}#persistent`].padding,r=ie(n),c="y"===o?de:me,d="y"===o?pe:ue,p=e.rects.reference[l]+e.rects.reference[o]-i[o]-e.rects.popper[l],u=i[o]-e.rects.reference[o],m=ce(n),f=m?"y"===o?m.clientHeight||0:m.clientWidth||0:0,g=p/2-u/2,h=s[c],b=f-r[l]-s[d],v=f/2-r[l]/2+g,y=Je(h,v,b),O=o;e.modifiersData[t]={[O]:y,centerOffset:y-v}},effect:function({state:e,options:t,name:n}){let{element:i="[data-popper-arrow]",padding:a=0}=t;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i),i))&&Ie(e.elements.popper,i)&&(e.elements.arrow=i,e.modifiersData[`${n}#persistent`]={padding:_e("number"!=typeof a?a:Pe(a,ge))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Qe(e,t,n={x:0,y:0}){return{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function et(e){return[de,ue,pe,me].some((t=>e[t]>=0))}const tt=function(e={}){const{defaultModifiers:t=[],defaultOptions:n=Fe}=e;return function(e,i,a=n){let o={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},Fe),n),modifiersData:{},elements:{reference:e,popper:i},attributes:{},styles:{}},l=[],s=!1;const r={state:o,setOptions(a){c(),o.options=Object.assign(Object.assign(Object.assign({},n),o.options),a),o.scrollParents={reference:G(e)?le(e):e.contextElement?le(e.contextElement):[],popper:le(i)};const s=function(e){const t=Ce(e);return Ne.reduce(((e,n)=>e.concat(t.filter((e=>e.phase===n)))),[])}(function(e){const t=e.reduce(((e,t)=>{const n=e[t.name];return e[t.name]=n?Object.assign(Object.assign(Object.assign({},n),t),{options:Object.assign(Object.assign({},n.options),t.options),data:Object.assign(Object.assign({},n.data),t.data)}):t,e}),{});return Object.keys(t).map((e=>t[e]))}([...t,...o.options.modifiers]));return o.orderedModifiers=s.filter((e=>e.enabled)),o.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const i=n({state:o,name:e,instance:r,options:t}),a=()=>{};l.push(i||a)}})),r.update()},forceUpdate(){if(s)return;const{reference:e,popper:t}=o.elements;if(He(e,t)){o.rects={reference:ne(e,ce(t),"fixed"===o.options.strategy),popper:ie(t)},o.reset=!1,o.placement=o.options.placement,o.orderedModifiers.forEach((e=>o.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<o.orderedModifiers.length;e++){if(!0===o.reset){o.reset=!1,e=-1;continue}const{fn:t,options:n={},name:i}=o.orderedModifiers[e];"function"==typeof t&&(o=t({state:o,options:n,name:i,instance:r})||o)}}},update:Se((()=>new Promise((e=>{r.forceUpdate(),e(o)})))),destroy(){c(),s=!0}};if(!He(e,i))return r;function c(){l.forEach((e=>e())),l=[]}return r.setOptions(a).then((e=>{!s&&a.onFirstUpdate&&a.onFirstUpdate(e)})),r}}({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:()=>{},effect:function({state:e,instance:t,options:n}){const{scroll:i=!0,resize:a=!0}=n,o=X(e.elements.popper),l=[...e.scrollParents.reference,...e.scrollParents.popper];return i&&l.forEach((e=>{e.addEventListener("scroll",t.update,Be)})),a&&o.addEventListener("resize",t.update,Be),()=>{i&&l.forEach((e=>{e.removeEventListener("scroll",t.update,Be)})),a&&o.removeEventListener("resize",t.update,Be)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=je({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function({state:e,options:t}){const{gpuAcceleration:n=!0,adaptive:i=!0}=t,a={placement:ke(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:n};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign(Object.assign({},e.styles.popper),We(Object.assign(Object.assign({},a),{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:i})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign(Object.assign({},e.styles.arrow),We(Object.assign(Object.assign({},a),{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1})))),e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function({state:e}){Object.keys(e.elements).forEach((t=>{const n=e.styles[t]||{},i=e.attributes[t]||{},a=e.elements[t];J(a)&&Y(a)&&(Object.assign(a.style,n),Object.keys(i).forEach((e=>{const t=i[e];!1===t?a.removeAttribute(e):a.setAttribute(e,!0===t?"":t)})))}))},effect:function({state:e}){const t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),()=>{Object.keys(e.elements).forEach((n=>{const i=e.elements[n],a=e.attributes[n]||{},o=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});J(i)&&Y(i)&&(Object.assign(i.style,o),Object.keys(a).forEach((e=>{i.removeAttribute(e)})))}))}},requires:["computeStyles"]},ze,Ge,Ye,Ze,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function({state:e,name:t}){const n=e.rects.reference,i=e.rects.popper,a=e.modifiersData.preventOverflow,o=Ae(e,{elementContext:"reference"}),l=Ae(e,{altBoundary:!0}),s=Qe(o,n),r=Qe(l,i,a),c=et(s),d=et(r);e.modifiersData[t]={referenceClippingOffsets:s,popperEscapeOffsets:r,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]}),nt=j?a.useLayoutEffect:a.useEffect,it=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),at=[],ot=(e,t,n={})=>{const i=a.useRef(null),o={onFirstUpdate:n.onFirstUpdate,placement:n.placement||"bottom",strategy:n.strategy||"absolute",modifiers:n.modifiers||at},[l,s]=a.useState({styles:{popper:{position:o.strategy,left:"0",top:"0"}},attributes:{}}),r=a.useMemo((()=>({name:"updateState",enabled:!0,phase:"write",fn:({state:e})=>{const t=Object.keys(e.elements);s({styles:it(t.map((t=>[t,e.styles[t]||{}]))),attributes:it(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=a.useMemo((()=>{const e={onFirstUpdate:o.onFirstUpdate,placement:o.placement,strategy:o.strategy,modifiers:[...o.modifiers,r,{name:"applyStyles",enabled:!1}]};return t=i.current,n=e,JSON.stringify(t)===JSON.stringify(n)?i.current||e:(i.current=e,e);var t,n}),[o.onFirstUpdate,o.placement,o.strategy,o.modifiers,r]),d=a.useRef();return nt((()=>{d&&d.current&&d.current.setOptions(c)}),[c]),nt((()=>{if(null==e||null==t)return;const i=(n.createPopper||tt)(e,t,c);return d.current=i,()=>{i.destroy(),d.current=null}}),[e,t,n.createPopper]),{state:d.current?d.current.state:null,styles:l.styles,attributes:l.attributes,update:d.current?d.current.update:null,forceUpdate:d.current?d.current.forceUpdate:null}},lt={left:"right",right:"left",bottom:"top",top:"bottom","top-start":"bottom-end","top-end":"bottom-start","bottom-start":"top-end","bottom-end":"top-start","left-start":"right-end","left-end":"right-start","right-start":"left-end","right-end":"left-start"},st=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,rt=({trigger:e,popper:t,direction:n="down",position:i="start",placement:l,width:r,minWidth:c="trigger",maxWidth:d,appendTo:p="inline",zIndex:u=9999,isVisible:m=!0,positionModifiers:f,distance:g=0,onMouseEnter:h,onMouseLeave:b,onFocus:v,onBlur:y,onDocumentClick:O,onTriggerClick:x,onTriggerEnter:E,onPopperClick:w,onPopperMouseEnter:N,onPopperMouseLeave:C,onDocumentKeyDown:S,enableFlip:k=!0,flipBehavior:I="flip",triggerRef:D,popperRef:M,animationDuration:T=0,entryDelay:R=0,exitDelay:L=0,onHidden:j=(()=>{}),onHide:P=(()=>{}),onMount:A=(()=>{}),onShow:F=(()=>{}),onShown:H=(()=>{}),preventOverflow:B=!1})=>{var $;const[W,z]=a.useState(null),[V,U]=a.useState(null),[q,X]=a.useState(null),[K,G]=a.useState(null),[J,Y]=a.useState(!1),[Z,Q]=a.useState(0),[ee,te]=a.useState(m),ne=a.useRef(null),ie=a.useRef(null),ae=a.useRef(null),oe=a.useRef(),le=V||W,se=m||ee,re=((e,t="ltr")=>{if(!e)return t;const n=getComputedStyle(e).getPropertyValue("direction");return["ltr","rtl"].includes(n)?n:t})(null===($=(null==D?void 0:D.current)||W)||void 0===$?void 0:$.parentElement),ce=a.useMemo((()=>{const e={left:"left",right:"right",center:"center"};return{ltr:Object.assign({start:"left",end:"right"},e),rtl:Object.assign({start:"right",end:"left"},e)}[re][i]}),[i,re]),de=a.useCallback((e=>O(e,le,q)),[se,W,V,q,O]);a.useEffect((()=>{Y(!0),A()}),[]),a.useEffect((()=>()=>{_([ne,ae,ie])}),[]),a.useEffect((()=>{D&&(D.current?U(D.current):"function"==typeof D&&U(D()))}),[D,e]),a.useEffect((()=>{M&&(M.current?X(M.current):"function"==typeof M&&X(M()))}),[se,M]),a.useEffect((()=>{const e=new MutationObserver((()=>{ye&&ye()}));return q&&e.observe(q,{attributes:!0,childList:!0,subtree:!0}),()=>{e.disconnect()}}),[q]);const pe=(e,t,n,i=!1)=>{e&&t&&t.addEventListener(n,e,{capture:i})},ue=(e,t,n,i=!1)=>{e&&t&&t.removeEventListener(n,e,{capture:i})};a.useEffect((()=>(pe(h,le,"mouseenter"),pe(b,le,"mouseleave"),pe(v,le,"focus"),pe(y,le,"blur"),pe(x,le,"click"),pe(E,le,"keydown"),pe(w,q,"click"),pe(N,q,"mouseenter"),pe(C,q,"mouseleave"),O&&pe(de,document,"click",!0),pe(S,document,"keydown",!0),()=>{ue(h,le,"mouseenter"),ue(b,le,"mouseleave"),ue(v,le,"focus"),ue(y,le,"blur"),ue(x,le,"click"),ue(E,le,"keydown"),ue(w,q,"click"),ue(N,q,"mouseenter"),ue(C,q,"mouseleave"),O&&ue(de,document,"click",!0),ue(S,document,"keydown",!0)})),[W,q,h,b,v,y,x,E,w,N,C,O,S,V]);const me=()=>{if(l)return l;let e="up"===n?"top":"bottom";return"center"!==ce&&(e=`${e}-${"right"===ce?"end":"start"}`),e},fe=a.useMemo(me,[n,ce,l]),ge=a.useMemo((()=>(e=>e.replace(/left|right|bottom|top|top-start|top-end|bottom-start|bottom-end|right-start|right-end|left-start|left-end/g,(e=>lt[e])))(me())),[n,ce,l]),he=a.useMemo((()=>({name:"widthMods",enabled:void 0!==r||void 0!==c||void 0!==d,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{const t=e.rects.reference.width;r&&(e.styles.popper.width="trigger"===r?`${t}px`:r),c&&(e.styles.popper.minWidth="trigger"===c?`${t}px`:c),d&&(e.styles.popper.maxWidth="trigger"===d?`${t}px`:d)},effect:({state:e})=>{const t=e.elements.reference.offsetWidth;return r&&(e.elements.popper.style.width="trigger"===r?`${t}px`:r),c&&(e.elements.popper.style.minWidth="trigger"===c?`${t}px`:c),d&&(e.elements.popper.style.maxWidth="trigger"===d?`${t}px`:d),()=>{}}})),[r,c,d]),{styles:be,attributes:ve,update:ye,forceUpdate:Oe}=ot(le,q,{placement:fe,modifiers:[{name:"offset",options:{offset:[0,g]}},{name:"preventOverflow",enabled:B},{name:"hide",enabled:!0},{name:"flip",enabled:fe.startsWith("auto")||k,options:{fallbackPlacements:"flip"===I?[ge]:I}},he]});a.useEffect((()=>{var e,n,i,a,o,l,s;const r=(null===(a=null===(i=null===(n=null===(e=null==t?void 0:t.props)||void 0===e?void 0:e.children)||void 0===n?void 0:n[1])||void 0===i?void 0:i.props)||void 0===a?void 0:a.children)||(null===(s=null===(l=null===(o=null==t?void 0:t.props)||void 0===o?void 0:o.children)||void 0===l?void 0:l.props)||void 0===s?void 0:s.children);G(r),r&&K&&r!==K&&Oe&&Oe()}),[t]),a.useEffect((()=>{oe.current<L&&(_([ne,ae]),ae.current=setTimeout((()=>{ne.current=setTimeout((()=>{te(!1)}),T)}),L)),oe.current=L}),[L]);a.useEffect((()=>{m?(F(),_([ne,ae]),ie.current=setTimeout((()=>{te(!0),Q(1),H()}),R)):(P(),_([ie]),ae.current=setTimeout((()=>{Q(0),ne.current=setTimeout((()=>{te(!1),j()}),T)}),L))}),[m]);const xe=Object.assign({className:s(t.props&&t.props.className,f&&(()=>{if(ve&&ve.popper&&ve.popper["data-popper-placement"]){const e=ve.popper["data-popper-placement"];return f[e]}return f.top})()),style:Object.assign(Object.assign(Object.assign({},t.props&&t.props.style||{}),be.popper),{zIndex:u,opacity:Z,transition:st(T)})},ve.popper),Ee=()=>{const e=a.cloneElement(t,xe);return M?e:a.createElement("div",{style:{display:"contents"},ref:e=>X(null==e?void 0:e.firstElementChild)},e)};return a.createElement(a.Fragment,null,!D&&e&&a.isValidElement(e)&&a.createElement("div",{style:{display:"contents"},ref:e=>z(null==e?void 0:e.firstElementChild)},e),D&&e&&a.isValidElement(e)&&e,J&&se&&(()=>{if("inline"===p)return Ee();{const e="function"==typeof p?p():p;return o.createPortal(Ee(),e)}})())};rt.displayName="Popper";const ct=(e,t)=>{var n;if("ArrowDown"!==e.key&&"ArrowUp"!==e.key)return;e.preventDefault();const i=Array.from(null===(n=t.current)||void 0===n?void 0:n.querySelectorAll("li")).map((e=>e.querySelector('button:not(:disabled),input:not(:disabled),a:not([aria-disabled="true"])'))).filter((e=>null!==e));let a;a="ArrowDown"===e.key?i[0]:i[i.length-1],a&&a.focus()};class dt extends a.Component{constructor(){super(...arguments),this.keyHandler=e=>{const{isEventFromContainer:t}=this.props;if(t?!t(e):!this._isEventFromContainer(e))return;const{isActiveElement:n,getFocusableElement:i,noVerticalArrowHandling:a,noHorizontalArrowHandling:o,noEnterHandling:l,noSpaceHandling:s,updateTabIndex:r,validSiblingTags:c,additionalKeyHandler:d,createNavigableElements:p,onlyTraverseSiblings:u}=this.props;d&&d(e);const m=p();if(!m)return void console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");const f=e.key;l||"Enter"===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),s||" "===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),((e,t,n=(e=>document.activeElement.contains(e)),i=(e=>e),a=["A","BUTTON","INPUT"],o=!1,l=!1,s=!0,r=!0)=>{const c=document.activeElement,d=e.key;let p=null;if(!o&&["ArrowUp","ArrowDown"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let a=-1;t.forEach(((e,o)=>{if(n(e)){let e=0;for(;!p&&e<t.length&&-1*e<t.length;)"ArrowUp"===d?e--:e++,a=o+e,a>=t.length&&(a=0),a<0&&(a=t.length-1),p=i(t[a])}}))}if(!l&&["ArrowLeft","ArrowRight"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let i=-1;t.forEach(((o,l)=>{if(n(o)){const n=t[l].querySelectorAll(a.join(","));if(!n.length||r){let e=c;for(;e;)if(e="ArrowLeft"===d?e.previousElementSibling:e.nextElementSibling,e&&a.includes(e.tagName)){p=e;break}}else n.forEach(((t,a)=>{e.target===t&&(i=a+("ArrowLeft"===d?-1:1),i>=n.length&&(i=0),i<0&&(i=n.length-1),p=n[i])}))}}))}p&&(s&&(c.tabIndex=-1,p.tabIndex=0),p.focus())})(e,m,n,i,c,a,o,r,u)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){j&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){j&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}dt.displayName="KeyboardHandler",dt.defaultProps={containerRef:null,createNavigableElements:()=>null,isActiveElement:e=>document.activeElement===e,getFocusableElement:e=>e,validSiblingTags:["BUTTON","A"],onlyTraverseSiblings:!0,updateTabIndex:!0,noHorizontalArrowHandling:!1,noVerticalArrowHandling:!1,noEnterHandling:!1,noSpaceHandling:!1};const pt=a.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"}),ut=a.createContext({itemId:null,isDisabled:!1});class mt extends a.Component{constructor(e){super(e),this.menuRef=a.createRef(),this.activeMenu=null,this.state={ouiaStateId:U(ft.displayName),transitionMoveTarget:null,flyoutRef:null,disableHover:!1,currentDrilldownMenuId:this.props.id},this.handleDrilldownTransition=e=>{const t=this.menuRef.current;if(t&&(t===e.target.closest(`.${d}`)||Array.from(t.getElementsByClassName(d)).includes(e.target.closest(`.${d}`))))if(this.state.transitionMoveTarget)this.state.transitionMoveTarget.focus(),this.setState({transitionMoveTarget:null});else{const e=t.querySelector("#"+this.props.activeMenu)||t||null,n=e.getElementsByTagName("UL");if(0===n.length)return;const i=Array.from(n[0].children);if(this.state.currentDrilldownMenuId&&e.id===this.state.currentDrilldownMenuId)return;this.setState({currentDrilldownMenuId:e.id});const a=i.filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c))))[0].firstChild;a.focus(),a.tabIndex=0}},this.handleExtraKeys=e=>{const t=this.props.containsDrilldown,n=document.activeElement;if(e.target.closest(`.${d}`)===this.activeMenu||e.target.classList.contains(k)||(this.activeMenu=e.target.closest(`.${d}`),this.setState({disableHover:!0})),"INPUT"===e.target.tagName)return;const i=this.activeMenu,a=e.key,o=n.classList.contains(k)||n.classList.contains(I);if(" "===a||"Enter"===a){if(e.preventDefault(),t&&!o){if(n.closest("li").classList.contains("pf-m-current-path")&&"LI"===i.parentElement.tagName)n.tabIndex=-1,i.parentElement.firstChild.tabIndex=0,this.setState({transitionMoveTarget:i.parentElement.firstChild});else if(n.nextElementSibling&&n.nextElementSibling.classList.contains(d)){const e=Array.from(n.nextElementSibling.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c))));n.tabIndex=-1,e[0].firstChild.tabIndex=0,this.setState({transitionMoveTarget:e[0].firstChild})}}document.activeElement.click()}},this.createNavigableElements=()=>this.props.containsDrilldown?this.activeMenu?Array.from(this.activeMenu.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c)))):[]:this.menuRef.current?Array.from(this.menuRef.current.getElementsByTagName("LI")).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c)))):[],e.innerRef&&(this.menuRef=e.innerRef)}allowTabFirstItem(){const e=this.menuRef.current;if(e){const t=e.querySelector("ul button:not(:disabled), ul a:not(:disabled)");t&&(t.tabIndex=0)}}componentDidMount(){this.context&&this.setState({disableHover:this.context.disableHover}),j&&window.addEventListener("transitionend",this.props.isRootMenu?this.handleDrilldownTransition:null),this.allowTabFirstItem()}componentWillUnmount(){j&&window.removeEventListener("transitionend",this.handleDrilldownTransition)}componentDidUpdate(e){e.children!==this.props.children&&this.allowTabFirstItem()}render(){const e=this.props,{id:t,children:n,className:i,onSelect:o,selected:r=null,onActionClick:c,ouiaId:p,ouiaSafe:u,containsFlyout:m,isNavFlyout:f,containsDrilldown:g,isMenuDrilledIn:h,isPlain:b,isScrollable:v,drilldownItemPath:y,drilledInMenus:O,onDrillIn:x,onDrillOut:E,onGetMenuHeight:w,parentMenu:N=null,activeItemId:D=null,innerRef:M,isRootMenu:T,activeMenu:R,role:L}=e,j=l(e,["id","children","className","onSelect","selected","onActionClick","ouiaId","ouiaSafe","containsFlyout","isNavFlyout","containsDrilldown","isMenuDrilledIn","isPlain","isScrollable","drilldownItemPath","drilledInMenus","onDrillIn","onDrillOut","onGetMenuHeight","parentMenu","activeItemId","innerRef","isRootMenu","activeMenu","role"]),_=h||O&&O.includes(t)||!1;return a.createElement(pt.Provider,{value:{menuId:t,parentMenu:N||t,onSelect:o,onActionClick:c,activeItemId:D,selected:r,drilledInMenus:O,drilldownItemPath:y,onDrillIn:x,onDrillOut:E,onGetMenuHeight:w,flyoutRef:this.state.flyoutRef,setFlyoutRef:e=>this.setState({flyoutRef:e}),disableHover:this.state.disableHover,role:L}},T&&a.createElement(dt,{containerRef:this.menuRef||null,additionalKeyHandler:this.handleExtraKeys,createNavigableElements:this.createNavigableElements,isActiveElement:e=>document.activeElement.closest("li")===e||document.activeElement.parentElement===e||document.activeElement.closest(`.${C}`)===e||document.activeElement.closest("ol")&&document.activeElement.closest("ol").firstChild===e,getFocusableElement:e=>{var t,n;return"DIV"===(null==e?void 0:e.tagName)&&e.querySelector("input")||"LABEL"===(null===(t=e.firstChild)||void 0===t?void 0:t.tagName)&&e.querySelector("input")||"DIV"===(null===(n=e.firstChild)||void 0===n?void 0:n.tagName)&&e.querySelector("a, button, input")||e.firstChild},noHorizontalArrowHandling:document.activeElement&&(document.activeElement.classList.contains(k)||document.activeElement.classList.contains(I)||"INPUT"===document.activeElement.tagName),noEnterHandling:!0,noSpaceHandling:!0}),a.createElement("div",Object.assign({id:t,className:s(d,b&&S.plain,v&&S.scrollable,m&&S.flyout,f&&S.nav,g&&S.drilldown,_&&S.drilledIn,i),ref:this.menuRef},W(ft.displayName,void 0!==p?p:this.state.ouiaStateId,u),j),n))}}mt.displayName="Menu",mt.contextType=pt,mt.defaultProps={ouiaSafe:!0,isRootMenu:!0,isPlain:!1,isScrollable:!1,role:"menu"};const ft=a.forwardRef(((e,t)=>a.createElement(mt,Object.assign({},e,{innerRef:t}))));ft.displayName="Menu";const gt="--pf-v5-c-menu__content--Height",ht="--pf-v5-c-menu__content--MaxHeight",bt=a.forwardRef(((e,t)=>{const{getHeight:n,children:i,menuHeight:o,maxMenuHeight:r}=e,c=l(e,["getHeight","children","menuHeight","maxMenuHeight"]),d=a.createRef();return a.createElement(pt.Consumer,null,(({menuId:l,onGetMenuHeight:u})=>a.createElement("div",Object.assign({},c,{className:s(p,e.className),ref:e=>((e,i,a)=>{if(e){let t=e.clientHeight,o=null,l=e.closest(`.${w}`);for(;null!==l&&1===l.nodeType;)l.classList.contains(w)&&(o=l),l=l.parentElement;if(o){const e=getComputedStyle(o);t+=parseFloat(e.getPropertyValue("padding-top").replace(/px/g,""))+parseFloat(e.getPropertyValue("padding-bottom").replace(/px/g,""))+parseFloat(getComputedStyle(o.parentElement).getPropertyValue("border-bottom-width").replace(/px/g,""))}a&&a(i,t),n&&n(t.toString())}return t||d})(e,l,u),style:Object.assign(Object.assign({},o&&{[gt]:o}),r&&{[ht]:r})}),i)))}));bt.displayName="MenuContent";const vt="--pf-v5-c-menu--m-flyout__menu--top-offset",yt="--pf-v5-c-menu--m-flyout__menu--m-left--right-offset",Ot="--pf-v5-c-menu--m-flyout__menu--left-offset";let xt=0;function Et({name:e,xOffset:t=0,yOffset:n=0,width:i,height:o,svgPath:s}){var r;return r=class extends a.Component{constructor(){super(...arguments),this.id="icon-title-"+xt++}render(){const e=this.props,{title:r,className:c}=e,d=l(e,["title","className"]),p=c?`pf-v5-svg ${c}`:"pf-v5-svg",u=Boolean(r),m=[t,n,i,o].join(" ");return a.createElement("svg",Object.assign({className:p,viewBox:m,fill:"currentColor","aria-labelledby":u?this.id:null,"aria-hidden":!u||null,role:"img",width:"1em",height:"1em"},d),u&&a.createElement("title",{id:this.id},r),a.createElement("path",{d:s}))}},r.displayName=e,r}const wt=Et({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}),Nt=Et({name:"AngleRightIcon",height:512,width:256,svgPath:"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z",yOffset:0,xOffset:0}),Ct=Et({name:"AngleLeftIcon",height:512,width:256,svgPath:"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z",yOffset:0,xOffset:0}),St=Et({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});var kt="pf-v5-c-check",It="pf-v5-c-check__body",Dt="pf-v5-c-check__description",Mt="pf-v5-c-check__input",Tt="pf-v5-c-check__label",Rt="pf-v5-c-check__label-required",Lt={standalone:"pf-m-standalone",disabled:"pf-m-disabled"};const jt=()=>{};class _t extends a.Component{constructor(e){super(e),this.handleChange=e=>{this.props.onChange(e,e.currentTarget.checked)},this.state={ouiaStateId:U(_t.displayName)}}render(){const e=this.props,{"aria-label":t,className:n,inputClassName:i,onChange:o,isLabelWrapped:r,isLabelBeforeButton:c,isValid:d,isDisabled:p,isRequired:u,isChecked:m,label:f,checked:g,defaultChecked:h,description:b,body:v,ouiaId:y,ouiaSafe:O,component:x}=e,E=l(e,["aria-label","className","inputClassName","onChange","isLabelWrapped","isLabelBeforeButton","isValid","isDisabled","isRequired","isChecked","label","checked","defaultChecked","description","body","ouiaId","ouiaSafe","component"]);E.id||console.error("Checkbox:","id is required to make input accessible");const w={};([!0,!1].includes(g)||!0===m)&&(w.checked=g||m),o!==jt&&(w.checked=m),[!1,!0].includes(h)&&(w.defaultChecked=h);const N=a.createElement("input",Object.assign({},E,{className:s(Mt,i),type:"checkbox",onChange:this.handleChange,"aria-invalid":!d,"aria-label":t,disabled:p,required:u,ref:e=>e&&(e.indeterminate=null===m)},w,W(_t.displayName,void 0!==y?y:this.state.ouiaStateId,O))),C=r&&!x||"label"===x,S=C?"span":"label",k=f?a.createElement(S,{className:s(Tt,p&&Lt.disabled),htmlFor:C?void 0:E.id},f,u&&a.createElement("span",{className:s(Rt),"aria-hidden":"true"},"*")):null,I=null!=x?x:C?"label":"div";return w.checked=null!==w.checked&&w.checked,a.createElement(I,{className:s(kt,!f&&Lt.standalone,n),htmlFor:C?E.id:void 0},c?a.createElement(a.Fragment,null,k,N):a.createElement(a.Fragment,null,N,k),b&&a.createElement("span",{className:s(Dt)},b),v&&a.createElement("span",{className:s(It)},v))}}_t.displayName="Checkbox",_t.defaultProps={className:"",isLabelWrapped:!1,isValid:!0,isDisabled:!1,isRequired:!1,isChecked:!1,onChange:jt,ouiaSafe:!0};const Pt=Et({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}),At=e=>{var{className:t="",icon:n,onClick:i,"aria-label":o,isFavorited:r=null,isDisabled:c,actionId:d,innerRef:p}=e,u=l(e,["className","icon","onClick","aria-label","isFavorited","isDisabled","actionId","innerRef"]);return a.createElement(pt.Consumer,null,(({onActionClick:e})=>a.createElement(ut.Consumer,null,(({itemId:l,isDisabled:g})=>a.createElement("button",Object.assign({className:s(m,null!==r&&S.favorite,r&&S.favorited,t),"aria-label":o,onClick:t=>{i&&i(t),e&&e(t,l,d)}},(!0===c||!0===g)&&{disabled:!0},{ref:p,tabIndex:-1},u),a.createElement("span",{className:s(f)},"favorites"===n||null!==r?a.createElement(Pt,{"aria-hidden":!0}):n))))))},Ft=a.forwardRef(((e,t)=>a.createElement(At,Object.assign({},e,{innerRef:t}))));Ft.displayName="MenuItemAction";var Ht={top:"pf-m-top",topLeft:"pf-m-top-left",topRight:"pf-m-top-right",bottom:"pf-m-bottom",bottomLeft:"pf-m-bottom-left",bottomRight:"pf-m-bottom-right",left:"pf-m-left",leftTop:"pf-m-left-top",leftBottom:"pf-m-left-bottom",right:"pf-m-right",rightTop:"pf-m-right-top",rightBottom:"pf-m-right-bottom",textAlignLeft:"pf-m-text-align-left"},Bt="pf-v5-c-tooltip",$t="pf-v5-c-tooltip__arrow",Wt="pf-v5-c-tooltip__content";const zt=e=>{var{className:t,children:n,isLeftAligned:i}=e,o=l(e,["className","children","isLeftAligned"]);return a.createElement("div",Object.assign({className:s(Wt,i&&Ht.textAlignLeft,t)},o),n)};zt.displayName="TooltipContent";const Vt=e=>{var{className:t}=e,n=l(e,["className"]);return a.createElement("div",Object.assign({className:s($t,t)},n))};Vt.displayName="TooltipArrow";const Ut={name:"--pf-v5-c-tooltip--MaxWidth",value:"18.75rem",var:"var(--pf-v5-c-tooltip--MaxWidth)"};var qt;!function(e){e.auto="auto",e.top="top",e.bottom="bottom",e.left="left",e.right="right",e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end"}(qt||(qt={}));let Xt=1;const Kt=e=>{var{content:t,position:n="top",trigger:i="mouseenter focus",isVisible:o=!1,isContentLeftAligned:r=!1,enableFlip:c=!0,className:d="",entryDelay:p=300,exitDelay:u=300,appendTo:m=(()=>document.body),zIndex:f=9999,minWidth:g,maxWidth:h=Ut.value,distance:b=15,aria:v="describedby",flipBehavior:y=["top","right","bottom","left","top","right","bottom"],id:O="pf-tooltip-"+Xt++,children:x,animationDuration:E=300,triggerRef:w,"aria-live":N=(w?"polite":"off"),onTooltipHidden:C=(()=>{})}=e,S=l(e,["content","position","trigger","isVisible","isContentLeftAligned","enableFlip","className","entryDelay","exitDelay","appendTo","zIndex","minWidth","maxWidth","distance","aria","flipBehavior","id","children","animationDuration","triggerRef","aria-live","onTooltipHidden"]);const k=i.includes("mouseenter"),I=i.includes("focus"),T=i.includes("click"),R="manual"===i,[L,j]=a.useState(!1),_=a.createRef();a.useEffect((()=>{o?P():A()}),[o]);const P=()=>{j(!0)},A=()=>{j(!1)},F={top:Ht.top,bottom:Ht.bottom,left:Ht.left,right:Ht.right,"top-start":Ht.topLeft,"top-end":Ht.topRight,"bottom-start":Ht.bottomLeft,"bottom-end":Ht.bottomRight,"left-start":Ht.leftTop,"left-end":Ht.leftBottom,"right-start":Ht.rightTop,"right-end":Ht.rightBottom},H=h!==Ut.value,B=a.createElement("div",Object.assign({"aria-live":N,className:s(Bt,d),role:"tooltip",id:O,style:{maxWidth:H?h:null},ref:_},S),a.createElement(Vt,null),a.createElement(zt,{isLeftAligned:r},t));return a.createElement(rt,{trigger:"none"!==v&&L?"describedby"===v&&x&&x.props&&!x.props["aria-describedby"]?a.cloneElement(x,{"aria-describedby":O}):"labelledby"===v&&x.props&&!x.props["aria-labelledby"]?a.cloneElement(x,{"aria-labelledby":O}):x:x,triggerRef:w,popper:B,popperRef:_,minWidth:void 0!==g?g:"revert",appendTo:m,isVisible:L,positionModifiers:F,distance:b,placement:n,onMouseEnter:k&&P,onMouseLeave:k&&A,onPopperMouseEnter:k&&P,onPopperMouseLeave:k&&A,onFocus:I&&P,onBlur:I&&A,onDocumentClick:T&&((e,t)=>{L?A():e.target===t&&P()}),onDocumentKeyDown:R?null:e=>{R||e.key===D&&L&&A()},onTriggerEnter:R?null:e=>{e.key===M&&(L?A():P())},enableFlip:c,zIndex:f,flipBehavior:y,animationDuration:E,entryDelay:p,exitDelay:u,onHidden:C})};Kt.displayName="Tooltip";const Gt=a.createContext({direction:"right"}),Jt=e=>{var{children:t,className:n,itemId:i=null,to:o,hasCheckbox:r=!1,isActive:p=null,isFavorited:m=null,isLoadButton:f=!1,isLoading:w=!1,flyoutMenu:C,direction:k,description:I=null,onClick:D=(()=>{}),component:M="button",isDisabled:T=!1,isAriaDisabled:R=!1,isExternalLink:L=!1,isSelected:_=null,isFocused:P,isDanger:A=!1,icon:H,actions:B,onShowFlyout:$,drilldownMenu:W,isOnPath:z,innerRef:V,id:U,"aria-label":q,tooltipProps:X,rel:K,target:G,download:J}=e,Y=l(e,["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:Z,parentMenu:Q,onSelect:ee,onActionClick:te,activeItemId:ne,selected:ie,drilldownItemPath:ae,onDrillIn:oe,onDrillOut:le,flyoutRef:se,setFlyoutRef:re,disableHover:ce,role:de}=a.useContext(pt);let pe=o?"a":M;r&&!o&&(pe="label");const[ue,me]=a.useState(null),fe=a.useContext(Gt),[ge,he]=a.useState(fe.direction),be=a.useRef(),ve=be===se,ye=void 0!==C,Oe=e=>{!ve&&e?re(be):ve&&!e&&re(null),$&&e&&$()};nt((()=>{if(ye&&be.current&&j){const e=be.current.lastElementChild;if(e&&e.classList.contains(d)){const t=be.current.getClientRects()[0],n=e.getClientRects()[0];if(t&&n){const i=t.x-n.width,a=window.innerWidth-t.x-t.width-n.width;let o=ge;a<0&&"left"!==o?(he("left"),o="left"):i<0&&"right"!==o&&(he("right"),o="right");let l=0;i<0&&a<0&&(l="right"===o?-a:-i),"left"===o?(e.classList.add(S.left),e.style.setProperty(yt,`-${l}px`)):e.style.setProperty(Ot,`-${l}px`);const s=window.innerHeight-t.y-n.height;window.innerHeight-n.height<0&&s<0||s<0&&e.style.setProperty(vt,`${s}px`)}}}}),[ve,C]),a.useEffect((()=>{he(fe.direction)}),[fe]),a.useEffect((()=>{if(ue)if(ve){const e=ue.nextElementSibling;Array.from(e.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c))))[0].firstChild.focus()}else ue.focus()}),[ve,ue]);const xe=e=>{const t=e.key,n=e.target,i=e.type;" "!==t&&"Enter"!==t&&"ArrowRight"!==t&&"click"!==i||(e.stopPropagation(),e.preventDefault(),ve||(Oe(!0),me(n))),"Escape"!==t&&"ArrowLeft"!==t||ve&&(e.stopPropagation(),Oe(!1))},Ee=(e,t)=>{R||(t&&t(e,i),D&&D(e))},we=z&&z||ae&&ae.includes(i)||!1;let Ne;k&&(Ne="down"===k?e=>oe&&oe(e,Z,"function"==typeof W?W().props.id:W.props.id,i):e=>le&&le(e,Q,i));let Ce={};"a"===pe?Ce={href:o,"aria-disabled":!(!T&&!R)||null,disabled:null,target:L?"_blank":G,rel:K,download:J}:"button"===pe&&(Ce={type:"button","aria-disabled":!!R||null}),z?Ce["aria-expanded"]=!0:ye&&(Ce["aria-haspopup"]="menu",Ce["aria-expanded"]=ve);const Se=()=>null!==_?_:null!==ie&&null!==i&&(Array.isArray(ie)&&ie.includes(i)||i===ie);a.useEffect((()=>{if(P&&be.current){const e=be.current,t=e.parentElement;if(t){const n=e.offsetTop-t.offsetTop<t.scrollTop,i=e.offsetTop-t.offsetTop+e.clientHeight;(n||i)&&e.scrollIntoView({behavior:"auto",block:"nearest"})}}}),[P]);const ke="listbox"===de,Ie=a.createElement(a.Fragment,null,a.createElement(F,null,(e=>a.createElement(pe,Object.assign({id:U,tabIndex:-1,className:s(u,Se()&&!r&&S.selected,n),"aria-current":null!==p?p?"page":null:null!==i&&null!==ne?i===ne:null},!r&&{disabled:T,"aria-label":q},!r&&!C&&{role:ke?"option":"menuitem"},!r&&!C&&ke&&{"aria-selected":Se()},{ref:V},!r&&{onClick:e=>{R?e.preventDefault():(Ee(e,ee),Ne&&Ne(e),C&&xe(e))}},r&&{htmlFor:e},Ce),a.createElement("span",{className:s(y)},"up"===k&&a.createElement("span",{className:s(E)},a.createElement(Ct,{"aria-hidden":!0})),H&&a.createElement("span",{className:s(v)},H),r&&a.createElement("span",{className:s(g)},a.createElement(_t,{id:e,component:"span",isChecked:_||!1,onChange:e=>Ee(e,ee),isDisabled:T,"aria-disabled":R})),a.createElement("span",{className:s(x)},t),L&&a.createElement("span",{className:s(b)},a.createElement(wt,{"aria-hidden":!0})),(C||"down"===k)&&a.createElement("span",{className:s(E)},a.createElement(Nt,{"aria-hidden":!0})),Se()&&a.createElement("span",{className:s(O)},a.createElement(St,{"aria-hidden":!0}))),I&&"up"!==k&&a.createElement("span",{className:s(h)},a.createElement("span",null,I))))),ve&&a.createElement(pt.Provider,{value:{disableHover:ce}},a.createElement(Gt.Provider,{value:{direction:ge}},C)),"function"==typeof W?W():W,a.createElement(ut.Provider,{value:{itemId:i,isDisabled:T}},B,null!==m&&a.createElement(Ft,{icon:"favorites",isFavorited:m,"aria-label":m?"starred":"not starred",onClick:e=>te(e,i),tabIndex:-1,actionId:"fav"})));return a.createElement("li",Object.assign({className:s(N,T&&S.disabled,R&&S.ariaDisabled,we&&S.currentPath,f&&S.load,w&&S.loading,P&&S.focus,A&&S.danger,n),onMouseOver:()=>{R||ce||(ye?Oe(!0):re(null))}},C&&!R&&{onKeyDown:xe},{ref:be,role:r?"menuitem":"none"},r&&{"aria-label":q},Y),X?a.createElement(Kt,Object.assign({},X),Ie):Ie)},Yt=a.forwardRef(((e,t)=>a.createElement(Jt,Object.assign({},e,{innerRef:t}))));Yt.displayName="MenuItem";const Zt=e=>{var{children:t=null,className:n,isAriaMultiselectable:i=!1,"aria-label":o}=e,r=l(e,["children","className","isAriaMultiselectable","aria-label"]);const{role:c}=a.useContext(pt);return a.createElement("ul",Object.assign({role:c},"listbox"===c&&{"aria-multiselectable":i},{className:s(w,n),"aria-label":o},r),t)};Zt.displayName="MenuList";const Qt=e=>{var{children:n,className:i,onSelect:a,isOpen:o,toggle:r,shouldFocusToggleOnSelect:c=!1,onOpenChange:d,onToggleKeydown:p,isPlain:u,isScrollable:m,innerRef:f,ouiaId:g,ouiaSafe:h=!0,zIndex:b=9999,popperProps:v,onOpenChangeKeys:y=["Escape","Tab"],menuHeight:O,maxMenuHeight:x,shouldFocusFirstItemOnOpen:E=!1,shouldPreventScrollOnItemFocus:w=!0,focusTimeoutDelay:N=0}=e,C=l(e,["children","className","onSelect","isOpen","toggle","shouldFocusToggleOnSelect","onOpenChange","onToggleKeydown","isPlain","isScrollable","innerRef","ouiaId","ouiaSafe","zIndex","popperProps","onOpenChangeKeys","menuHeight","maxMenuHeight","shouldFocusFirstItemOnOpen","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const S=t.useRef(),k=t.useRef(),I=z(en.displayName,g,h),D=f||S,M="function"==typeof r||"function"!=typeof r&&!r.toggleRef?k:null==r?void 0:r.toggleRef;t.useEffect((()=>{const e=e=>{var t,n,i,a;o&&d&&((null===(t=D.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=M.current)||void 0===n?void 0:n.contains(e.target)))&&y.includes(e.key)&&(d(!1),null===(i=M.current)||void 0===i||i.focus()),(null===(a=M.current)||void 0===a?void 0:a.contains(e.target))&&(p?p(e):o&&ct(e,D))},t=e=>{var t,n,i;o&&E&&(null===(t=M.current)||void 0===t?void 0:t.contains(e.target))&&setTimeout((()=>{var e;const t=null===(e=null==D?void 0:D.current)||void 0===e?void 0:e.querySelector('li button:not(:disabled),li input:not(:disabled),li a:not([aria-disabled="true"])');t&&t.focus({preventScroll:w})}),N),o&&d&&!(null===(n=null==M?void 0:M.current)||void 0===n?void 0:n.contains(e.target))&&o&&!(null===(i=D.current)||void 0===i?void 0:i.contains(e.target))&&d(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[o,D,M,d,y,p,w,E,N]);const T=void 0!==x||void 0!==O||m,R=t.createElement(ft,Object.assign({className:s(i),ref:D,onSelect:(e,t)=>{var n;a&&a(e,t),c&&(null===(n=M.current)||void 0===n||n.focus())},isPlain:u,isScrollable:T},C,I),t.createElement(bt,{menuHeight:O,maxMenuHeight:x},n));return t.createElement(rt,Object.assign({trigger:"function"==typeof r?r(M):r.toggleNode,triggerRef:M,popper:R,popperRef:D,isVisible:o,zIndex:b},v))},en=t.forwardRef(((e,n)=>t.createElement(Qt,Object.assign({innerRef:n},e))));en.displayName="Dropdown";const tn=e=>{var{children:n,className:i,description:a,isDisabled:o,isAriaDisabled:r,value:c,onClick:d,ouiaId:p,ouiaSafe:u,innerRef:m,tooltipProps:f}=e,g=l(e,["children","className","description","isDisabled","isAriaDisabled","value","onClick","ouiaId","ouiaSafe","innerRef","tooltipProps"]);const h=z(nn.displayName,p,u);return t.createElement(Yt,Object.assign({className:s(i),description:a,isDisabled:o,isAriaDisabled:r,itemId:c,onClick:d,tooltipProps:f,ref:m},h,g),n)},nn=t.forwardRef(((e,n)=>t.createElement(tn,Object.assign({},e,{innerRef:n}))));nn.displayName="DropdownItem";const an=e=>{var{children:n,className:i}=e,a=l(e,["children","className"]);return t.createElement(Zt,Object.assign({className:s(i)},a),n)};an.displayName="DropdownList";var on={check:"pf-v5-c-check",checkInput:"pf-v5-c-check__input",menuToggle:"pf-v5-c-menu-toggle",menuToggleButton:"pf-v5-c-menu-toggle__button",menuToggleControls:"pf-v5-c-menu-toggle__controls",menuToggleCount:"pf-v5-c-menu-toggle__count",menuToggleIcon:"pf-v5-c-menu-toggle__icon",menuToggleStatusIcon:"pf-v5-c-menu-toggle__status-icon",menuToggleText:"pf-v5-c-menu-toggle__text",menuToggleToggleIcon:"pf-v5-c-menu-toggle__toggle-icon",modifiers:{primary:"pf-m-primary",secondary:"pf-m-secondary",expanded:"pf-m-expanded",plain:"pf-m-plain",text:"pf-m-text",fullHeight:"pf-m-full-height",disabled:"pf-m-disabled",typeahead:"pf-m-typeahead",splitButton:"pf-m-split-button",action:"pf-m-action",active:"pf-m-active",fullWidth:"pf-m-full-width",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger"},textInputGroup:"pf-v5-c-text-input-group",themeDark:"pf-v5-theme-dark"};const ln=Et({name:"CaretDownIcon",height:512,width:320,svgPath:"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z",yOffset:0,xOffset:0}),sn=Et({name:"CheckCircleIcon",height:512,width:512,svgPath:"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z",yOffset:0,xOffset:0}),rn=Et({name:"ExclamationCircleIcon",height:512,width:512,svgPath:"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z",yOffset:0,xOffset:0}),cn=Et({name:"ExclamationTriangleIcon",height:512,width:576,svgPath:"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z",yOffset:0,xOffset:0});var dn;!function(e){e.success="success",e.danger="danger",e.warning="warning"}(dn||(dn={}));class pn extends a.Component{constructor(){super(...arguments),this.displayName="MenuToggleBase",this.state={ouiaStateId:U(un.displayName,this.props.variant)}}render(){const e=this.props,{children:t,className:n,icon:i,badge:o,isExpanded:r,isDisabled:c,isFullHeight:d,isFullWidth:p,splitButtonOptions:u,variant:m,status:f,statusIcon:g,innerRef:h,onClick:b,"aria-label":v,ouiaId:y,ouiaSafe:O}=e,x=l(e,["children","className","icon","badge","isExpanded","isDisabled","isFullHeight","isFullWidth","splitButtonOptions","variant","status","statusIcon","innerRef","onClick","aria-label","ouiaId","ouiaSafe"]),E="plain"===m,w="plainText"===m,N="typeahead"===m,C=W(un.displayName,null!=y?y:this.state.ouiaStateId,O);let S=g;if(!g)switch(f){case dn.success:S=a.createElement(sn,{"aria-hidden":"true"});break;case dn.warning:S=a.createElement(cn,{"aria-hidden":"true"});break;case dn.danger:S=a.createElement(rn,{"aria-hidden":"true"})}const k=a.createElement("span",{className:s(on.menuToggleControls)},void 0!==f&&a.createElement("span",{className:s(on.menuToggleStatusIcon)},S),a.createElement("span",{className:s(on.menuToggleToggleIcon)},a.createElement(ln,{"aria-hidden":!0}))),I=a.createElement(a.Fragment,null,i&&a.createElement("span",{className:s(on.menuToggleIcon)},i),N?t:a.createElement("span",{className:s(on.menuToggleText)},t),a.isValidElement(o)&&a.createElement("span",{className:s(on.menuToggleCount)},o),N?a.createElement("button",Object.assign({type:"button",className:s(on.menuToggleButton),"aria-expanded":r,onClick:b,"aria-label":v||"Menu toggle",tabIndex:-1},C),k):k),D=s(on.menuToggle,r&&on.modifiers.expanded,"primary"===m&&on.modifiers.primary,"secondary"===m&&on.modifiers.secondary,f&&on.modifiers[f],(E||w)&&on.modifiers.plain,w&&on.modifiers.text,d&&on.modifiers.fullHeight,p&&on.modifiers.fullWidth,c&&on.modifiers.disabled,n),M=Object.assign(Object.assign({children:E?t:I},c&&{disabled:!0}),x);return N?a.createElement("div",Object.assign({ref:h,className:s(D,on.modifiers.typeahead)},M)):u?a.createElement("div",{ref:h,className:s(D,on.modifiers.splitButton,"action"===(null==u?void 0:u.variant)&&on.modifiers.action)},null==u?void 0:u.items,a.createElement("button",Object.assign({className:s(on.menuToggleButton,t&&on.modifiers.text),type:"button","aria-expanded":r,"aria-label":v,disabled:c,onClick:b},x,C),t&&a.createElement("span",{className:s(on.menuToggleText)},t),k)):a.createElement("button",Object.assign({className:s(D),type:"button","aria-label":v,"aria-expanded":r,ref:h,disabled:c,onClick:b},M,C))}}pn.defaultProps={className:"",isExpanded:!1,isDisabled:!1,isFullWidth:!1,isFullHeight:!1,ouiaSafe:!0};const un=a.forwardRef(((e,t)=>a.createElement(pn,Object.assign({innerRef:t},e))));un.displayName="MenuToggle";var mn,fn={divider:"pf-v5-c-divider",modifiers:{hidden:"pf-m-hidden",hiddenOnSm:"pf-m-hidden-on-sm",visibleOnSm:"pf-m-visible-on-sm",hiddenOnMd:"pf-m-hidden-on-md",visibleOnMd:"pf-m-visible-on-md",hiddenOnLg:"pf-m-hidden-on-lg",visibleOnLg:"pf-m-visible-on-lg",hiddenOnXl:"pf-m-hidden-on-xl",visibleOnXl:"pf-m-visible-on-xl",hiddenOn_2xl:"pf-m-hidden-on-2xl",visibleOn_2xl:"pf-m-visible-on-2xl",vertical:"pf-m-vertical",insetNone:"pf-m-inset-none",insetXs:"pf-m-inset-xs",insetSm:"pf-m-inset-sm",insetMd:"pf-m-inset-md",insetLg:"pf-m-inset-lg",insetXl:"pf-m-inset-xl",inset_2xl:"pf-m-inset-2xl",inset_3xl:"pf-m-inset-3xl",horizontalOnSm:"pf-m-horizontal-on-sm",verticalOnSm:"pf-m-vertical-on-sm",insetNoneOnSm:"pf-m-inset-none-on-sm",insetXsOnSm:"pf-m-inset-xs-on-sm",insetSmOnSm:"pf-m-inset-sm-on-sm",insetMdOnSm:"pf-m-inset-md-on-sm",insetLgOnSm:"pf-m-inset-lg-on-sm",insetXlOnSm:"pf-m-inset-xl-on-sm",inset_2xlOnSm:"pf-m-inset-2xl-on-sm",inset_3xlOnSm:"pf-m-inset-3xl-on-sm",horizontalOnMd:"pf-m-horizontal-on-md",verticalOnMd:"pf-m-vertical-on-md",insetNoneOnMd:"pf-m-inset-none-on-md",insetXsOnMd:"pf-m-inset-xs-on-md",insetSmOnMd:"pf-m-inset-sm-on-md",insetMdOnMd:"pf-m-inset-md-on-md",insetLgOnMd:"pf-m-inset-lg-on-md",insetXlOnMd:"pf-m-inset-xl-on-md",inset_2xlOnMd:"pf-m-inset-2xl-on-md",inset_3xlOnMd:"pf-m-inset-3xl-on-md",horizontalOnLg:"pf-m-horizontal-on-lg",verticalOnLg:"pf-m-vertical-on-lg",insetNoneOnLg:"pf-m-inset-none-on-lg",insetXsOnLg:"pf-m-inset-xs-on-lg",insetSmOnLg:"pf-m-inset-sm-on-lg",insetMdOnLg:"pf-m-inset-md-on-lg",insetLgOnLg:"pf-m-inset-lg-on-lg",insetXlOnLg:"pf-m-inset-xl-on-lg",inset_2xlOnLg:"pf-m-inset-2xl-on-lg",inset_3xlOnLg:"pf-m-inset-3xl-on-lg",horizontalOnXl:"pf-m-horizontal-on-xl",verticalOnXl:"pf-m-vertical-on-xl",insetNoneOnXl:"pf-m-inset-none-on-xl",insetXsOnXl:"pf-m-inset-xs-on-xl",insetSmOnXl:"pf-m-inset-sm-on-xl",insetMdOnXl:"pf-m-inset-md-on-xl",insetLgOnXl:"pf-m-inset-lg-on-xl",insetXlOnXl:"pf-m-inset-xl-on-xl",inset_2xlOnXl:"pf-m-inset-2xl-on-xl",inset_3xlOnXl:"pf-m-inset-3xl-on-xl",horizontalOn_2xl:"pf-m-horizontal-on-2xl",verticalOn_2xl:"pf-m-vertical-on-2xl",insetNoneOn_2xl:"pf-m-inset-none-on-2xl",insetXsOn_2xl:"pf-m-inset-xs-on-2xl",insetSmOn_2xl:"pf-m-inset-sm-on-2xl",insetMdOn_2xl:"pf-m-inset-md-on-2xl",insetLgOn_2xl:"pf-m-inset-lg-on-2xl",insetXlOn_2xl:"pf-m-inset-xl-on-2xl",inset_2xlOn_2xl:"pf-m-inset-2xl-on-2xl",inset_3xlOn_2xl:"pf-m-inset-3xl-on-2xl"}};!function(e){e.hr="hr",e.li="li",e.div="div"}(mn||(mn={}));const gn=e=>{var{className:t,component:n=mn.hr,inset:i,orientation:o}=e,r=l(e,["className","component","inset","orientation"]);const c=n;return a.createElement(c,Object.assign({className:s(fn.divider,T(i,fn),T(o,fn),t)},"hr"!==n&&{role:"separator"},r))};gn.displayName="Divider";const hn=e=>{var{innerRef:n,initialItems:i,onSelect:a,onToggle:o,isDisabled:s,toggleAriaLabel:r,toggleContent:c,isToggleFullWidth:d,toggleVariant:p="default",toggleWidth:u,toggleProps:m,shouldFocusToggleOnSelect:f}=e,g=l(e,["innerRef","initialItems","onSelect","onToggle","isDisabled","toggleAriaLabel","toggleContent","isToggleFullWidth","toggleVariant","toggleWidth","toggleProps","shouldFocusToggleOnSelect"]);const[h,b]=t.useState(!1),v=()=>{o&&o(!h),b(!h)},y=null==i?void 0:i.map((e=>{const{content:n,onClick:i,to:a,value:o,isDivider:s}=e,r=l(e,["content","onClick","to","value","isDivider"]);return s?t.createElement(gn,{component:"li",key:o}):t.createElement(nn,Object.assign({onClick:i,to:a,key:o,value:o},r),n)}));return t.createElement(en,Object.assign({toggle:e=>t.createElement(un,Object.assign({ref:e,onClick:v,isExpanded:h,isDisabled:s,variant:p,"aria-label":r,isFullWidth:d,style:{width:u}},m),c),isOpen:h,onSelect:(e,t)=>{a&&a(e,t),o&&o(!1),b(!1)},shouldFocusToggleOnSelect:f,onOpenChange:e=>{o&&o(e),b(e)},ref:n},g),t.createElement(an,null,y))},bn=t.forwardRef(((e,n)=>t.createElement(hn,Object.assign({},e,{innerRef:n}))));bn.displayName="SimpleDropdown";const vn=e=>{var{children:n,className:i,onSelect:a,isOpen:o,selected:r,toggle:c,shouldFocusToggleOnSelect:d=!1,shouldFocusFirstItemOnOpen:p=!1,onOpenChange:u,onOpenChangeKeys:m=["Escape","Tab"],onToggleKeydown:f,variant:g,isPlain:h,innerRef:b,zIndex:v=9999,role:y="listbox",popperProps:O,menuHeight:x,maxMenuHeight:E,isScrollable:w,shouldPreventScrollOnItemFocus:N=!0,focusTimeoutDelay:C=0}=e,S=l(e,["children","className","onSelect","isOpen","selected","toggle","shouldFocusToggleOnSelect","shouldFocusFirstItemOnOpen","onOpenChange","onOpenChangeKeys","onToggleKeydown","variant","isPlain","innerRef","zIndex","role","popperProps","menuHeight","maxMenuHeight","isScrollable","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const k=t.useRef(),I=t.useRef(),D=b||k,M="function"==typeof c||"function"!=typeof c&&!c.toggleRef?I:null==c?void 0:c.toggleRef;t.useEffect((()=>{const e=e=>{var t,n,i,a;o&&u&&((null===(t=D.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=M.current)||void 0===n?void 0:n.contains(e.target)))&&m.includes(e.key)&&(e.preventDefault(),u(!1),null===(i=M.current)||void 0===i||i.focus()),(null===(a=M.current)||void 0===a?void 0:a.contains(e.target))&&(f?f(e):o&&"typeahead"!==g&&ct(e,D))},t=e=>{var t,n,i;o&&p&&(null===(t=M.current)||void 0===t?void 0:t.contains(e.target))&&setTimeout((()=>{var e;const t=null===(e=null==D?void 0:D.current)||void 0===e?void 0:e.querySelector("li button:not(:disabled),li input:not(:disabled)");t&&t.focus({preventScroll:N})}),C),o&&u&&!(null===(n=null==M?void 0:M.current)||void 0===n?void 0:n.contains(e.target))&&o&&!(null===(i=D.current)||void 0===i?void 0:i.contains(e.target))&&u(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[o,D,M,u,m,f,N,p,C]);const T=t.createElement(ft,Object.assign({role:y,className:s(i),ref:D,onSelect:(e,t)=>{a&&a(e,t),d&&M.current.focus()},isPlain:h,selected:r,isScrollable:null!=w?w:void 0!==x||void 0!==E},W(yn.displayName,void 0!==S.ouiaId?S.ouiaId:U(yn.displayName),void 0===S.ouiaSafe||S.ouiaSafe),S),t.createElement(bt,{menuHeight:x,maxMenuHeight:E},n));return t.createElement(rt,Object.assign({trigger:"function"==typeof c?c(M):c.toggleNode,triggerRef:M,popper:T,popperRef:D,isVisible:o,zIndex:v},O))},yn=t.forwardRef(((e,n)=>t.createElement(vn,Object.assign({innerRef:n},e))));yn.displayName="Select";const On=e=>{var{children:n,className:i,isAriaMultiselectable:a=!1}=e,o=l(e,["children","className","isAriaMultiselectable"]);return t.createElement(Zt,Object.assign({isAriaMultiselectable:a,className:s(i)},o),n)};On.displayName="SelectList";const xn=e=>{var{children:n,className:i,innerRef:a,value:o}=e,r=l(e,["children","className","innerRef","value"]);return t.createElement(Yt,Object.assign({itemId:o,ref:a,className:s(i)},r),n)},En=t.forwardRef(((e,n)=>t.createElement(xn,Object.assign({},e,{innerRef:n}))));En.displayName="SelectOption";const wn=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:o,onToggle:s,toggleContent:r,toggleWidth:c="200px",toggleProps:d,placeholder:p="Select a value"}=e,u=l(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent","toggleWidth","toggleProps","placeholder"]);const[m,f]=t.useState(!1),[g,h]=t.useState();t.useEffect((()=>{const e=null==i?void 0:i.find((e=>e.selected));h(e)}),[i]);const b=null==i?void 0:i.map((e=>{const{content:n,value:i}=e,a=l(e,["content","value"]),o=(null==g?void 0:g.value)===i;return t.createElement(En,Object.assign({value:i,key:i,isSelected:o},a),n)})),v=()=>{s&&s(!m),f(!m)};return t.createElement(yn,Object.assign({isOpen:m,selected:g,onSelect:(e,t)=>{o&&o(e,t),h(i.find((e=>e.value===t))),s&&s(!0),f(!1)},onOpenChange:e=>{s&&s(e),f(e)},toggle:e=>t.createElement(un,Object.assign({ref:e,onClick:v,isExpanded:m,isDisabled:a,style:{width:c}},d),r||((null==g?void 0:g.content)||p)),shouldFocusToggleOnSelect:!0,ref:n},u),t.createElement(On,null,b))},Nn=t.forwardRef(((e,n)=>t.createElement(wn,Object.assign({},e,{innerRef:n}))));Nn.displayName="SimpleSelect";var Cn={badge:"pf-v5-c-badge",button:"pf-v5-c-button",buttonCount:"pf-v5-c-button__count",buttonIcon:"pf-v5-c-button__icon",buttonProgress:"pf-v5-c-button__progress",modifiers:{active:"pf-m-active",block:"pf-m-block",small:"pf-m-small",primary:"pf-m-primary",displayLg:"pf-m-display-lg",secondary:"pf-m-secondary",tertiary:"pf-m-tertiary",link:"pf-m-link",unread:"pf-m-unread",inline:"pf-m-inline",danger:"pf-m-danger",warning:"pf-m-warning",control:"pf-m-control",expanded:"pf-m-expanded",plain:"pf-m-plain",noPadding:"pf-m-no-padding",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",progress:"pf-m-progress",inProgress:"pf-m-in-progress",start:"pf-m-start",end:"pf-m-end"},spinner:"pf-v5-c-spinner",themeDark:"pf-v5-theme-dark"},Sn={modifiers:{inline:"pf-m-inline",sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"},spinner:"pf-v5-c-spinner",spinnerPath:"pf-v5-c-spinner__path"};const kn="--pf-v5-c-spinner--diameter";var In;!function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(In||(In={}));const Dn=e=>{var{className:t="",size:n="xl","aria-valuetext":i="Loading...",diameter:o,isInline:r=!1,"aria-label":c,"aria-labelledBy":d}=e,p=l(e,["className","size","aria-valuetext","diameter","isInline","aria-label","aria-labelledBy"]);return a.createElement("svg",Object.assign({className:s(Sn.spinner,r?Sn.modifiers.inline:Sn.modifiers[n],t),role:"progressbar","aria-valuetext":i,viewBox:"0 0 100 100"},o&&{style:{[kn]:o}},c&&{"aria-label":c},d&&{"aria-labelledBy":d},!c&&!d&&{"aria-label":"Contents"},p),a.createElement("circle",{className:Sn.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"}))};Dn.displayName="Spinner";var Mn="pf-v5-c-badge",Tn={read:"pf-m-read",unread:"pf-m-unread"};const Rn=e=>{var{isRead:t=!1,className:n="",children:i="",screenReaderText:o}=e,r=l(e,["isRead","className","children","screenReaderText"]);return a.createElement("span",Object.assign({},r,{className:s(Mn,t?Tn.read:Tn.unread,n)}),i,o&&a.createElement("span",{className:"pf-v5-screen-reader"},o))};var Ln,jn,_n;Rn.displayName="Badge",function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.danger="danger",e.warning="warning",e.link="link",e.plain="plain",e.control="control"}(Ln||(Ln={})),function(e){e.button="button",e.submit="submit",e.reset="reset"}(jn||(jn={})),function(e){e.default="default",e.sm="sm",e.lg="lg"}(_n||(_n={}));const Pn=e=>{var{children:t=null,className:n="",component:i="button",isActive:o=!1,isBlock:r=!1,isDisabled:c=!1,isAriaDisabled:d=!1,isLoading:p=null,isDanger:u=!1,spinnerAriaValueText:m,spinnerAriaLabelledBy:f,spinnerAriaLabel:g,size:h=_n.default,inoperableEvents:b=["onClick","onKeyPress"],isInline:v=!1,type:y=jn.button,variant:O=Ln.primary,iconPosition:x="start","aria-label":E=null,icon:w=null,ouiaId:N,ouiaSafe:C=!0,tabIndex:S=null,innerRef:k,countOptions:I}=e,D=l(e,["children","className","component","isActive","isBlock","isDisabled","isAriaDisabled","isLoading","isDanger","spinnerAriaValueText","spinnerAriaLabelledBy","spinnerAriaLabel","size","inoperableEvents","isInline","type","variant","iconPosition","aria-label","icon","ouiaId","ouiaSafe","tabIndex","innerRef","countOptions"]);const M=z(An.displayName,N,C,O),T=i,R="button"===T,L=v&&"span"===T,j=b.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{});return a.createElement(T,Object.assign({},D,d?j:null,{"aria-disabled":c||d,"aria-label":E,className:s(Cn.button,Cn.modifiers[O],r&&Cn.modifiers.block,c&&Cn.modifiers.disabled,d&&Cn.modifiers.ariaDisabled,o&&Cn.modifiers.active,v&&O===Ln.link&&Cn.modifiers.inline,u&&(O===Ln.secondary||O===Ln.link)&&Cn.modifiers.danger,null!==p&&O!==Ln.plain&&Cn.modifiers.progress,p&&Cn.modifiers.inProgress,h===_n.sm&&Cn.modifiers.small,h===_n.lg&&Cn.modifiers.displayLg,n),disabled:R?c:null,tabIndex:null!==S?S:c?R?null:-1:d?null:L?0:void 0,type:R||L?y:null,role:L?"button":null,ref:k},M),p&&a.createElement("span",{className:s(Cn.buttonProgress)},a.createElement(Dn,{size:In.md,isInline:v,"aria-valuetext":m,"aria-label":g,"aria-labelledby":f})),O===Ln.plain&&null===t&&w?w:null,O!==Ln.plain&&w&&("start"===x||"left"===x)&&a.createElement("span",{className:s(Cn.buttonIcon,Cn.modifiers.start)},w),t,O!==Ln.plain&&w&&("end"===x||"right"===x)&&a.createElement("span",{className:s(Cn.buttonIcon,Cn.modifiers.end)},w),I&&a.createElement("span",{className:s(Cn.buttonCount,I.className)},a.createElement(Rn,{isRead:I.isRead},I.count)))},An=a.forwardRef(((e,t)=>a.createElement(Pn,Object.assign({innerRef:t},e))));An.displayName="Button";const Fn=Et({name:"TimesIcon",height:512,width:352,svgPath:"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z",yOffset:0,xOffset:0});var Hn="pf-v5-c-chip",Bn="pf-v5-c-chip__actions",$n="pf-v5-c-chip__content",Wn="pf-v5-c-chip__text",zn={overflow:"pf-m-overflow",draggable:"pf-m-draggable"};const Vn="--pf-v5-c-chip__text--MaxWidth";class Un extends a.Component{constructor(e){super(e),this.span=a.createRef(),this.setChipStyle=()=>({[Vn]:this.props.textMaxWidth}),this.renderOverflowChip=()=>{const e=this.props,{badge:t,children:n,className:i,onClick:o,ouiaId:r,textMaxWidth:c,style:d,component:p,tooltipPosition:u,isOverflowChip:m,closeBtnAriaLabel:f,isReadOnly:g}=e,h=l(e,["badge","children","className","onClick","ouiaId","textMaxWidth","style","component","tooltipPosition","isOverflowChip","closeBtnAriaLabel","isReadOnly"]),b=p;return a.createElement(b,Object.assign({onClick:o},c&&Object.assign({style:this.setChipStyle()},d),{className:s(Hn,zn.overflow,i)},"button"===p?{type:"button"}:{},W("OverflowChip",void 0!==r?r:this.state.ouiaStateId),h),a.createElement("span",{className:s($n)},a.createElement("span",{className:s(Wn)},n),t&&t))},this.renderChip=e=>{const{children:t,tooltipPosition:n}=this.props;return this.state.isTooltipVisible?a.createElement(Kt,{position:n,content:t},this.renderInnerChip(e)):this.renderInnerChip(e)},this.state={isTooltipVisible:!1,ouiaStateId:U(Un.displayName)}}componentDidMount(){this.setState({isTooltipVisible:Boolean(this.span.current&&this.span.current.offsetWidth<this.span.current.scrollWidth)})}componentDidUpdate(e,t){const n=Boolean(this.span.current&&this.span.current.offsetWidth<this.span.current.scrollWidth);t.isTooltipVisible!==n&&this.setState({isTooltipVisible:n})}renderInnerChip(e){const t=this.props,{badge:n,children:i,className:o,onClick:r,closeBtnAriaLabel:c,isReadOnly:d,isOverflowChip:p,tooltipPosition:u,id:m,component:f,ouiaId:g,textMaxWidth:h}=t,b=l(t,["badge","children","className","onClick","closeBtnAriaLabel","isReadOnly","isOverflowChip","tooltipPosition","id","component","ouiaId","textMaxWidth"]),v=f;return a.createElement(v,Object.assign({},h&&{style:this.setChipStyle()},{className:s(Hn,o)},this.state.isTooltipVisible&&{tabIndex:0},W(Un.displayName,void 0!==g?g:this.state.ouiaStateId),b),a.createElement("span",{className:s($n)},a.createElement("span",{ref:this.span,className:s(Wn),id:e},i),n&&n),!d&&a.createElement("span",{className:s(Bn)},a.createElement(An,{onClick:r,variant:"plain","aria-label":c,id:`remove_${e}`,"aria-labelledby":`remove_${e} ${e}`,ouiaId:g||c},a.createElement(Fn,{"aria-hidden":"true"}))))}render(){const{isOverflowChip:e}=this.props;return a.createElement(F,null,(t=>e?this.renderOverflowChip():this.renderChip(this.props.id||t)))}}Un.displayName="Chip",Un.defaultProps={closeBtnAriaLabel:"close",className:"",isOverflowChip:!1,isReadOnly:!1,tooltipPosition:"top",onClick:e=>{},component:"div"};var qn="pf-v5-c-chip-group",Xn="pf-v5-c-chip-group__close",Kn="pf-v5-c-chip-group__label",Gn="pf-v5-c-chip-group__list",Jn="pf-v5-c-chip-group__list-item",Yn="pf-v5-c-chip-group__main",Zn={category:"pf-m-category"};const Qn=Et({name:"TimesCircleIcon",height:512,width:512,svgPath:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z",yOffset:0,xOffset:0});class ei extends a.Component{constructor(e){super(e),this.headingRef=a.createRef(),this.toggleCollapse=()=>{this.setState((e=>({isOpen:!e.isOpen,isTooltipVisible:Boolean(this.headingRef.current&&this.headingRef.current.offsetWidth<this.headingRef.current.scrollWidth)})))},this.state={isOpen:this.props.defaultIsOpen,isTooltipVisible:!1}}componentDidMount(){this.setState({isTooltipVisible:Boolean(this.headingRef.current&&this.headingRef.current.offsetWidth<this.headingRef.current.scrollWidth)})}renderLabel(e){const{categoryName:t,tooltipPosition:n}=this.props,{isTooltipVisible:i}=this.state;return i?a.createElement(Kt,{position:n,content:t},a.createElement("span",{tabIndex:0,ref:this.headingRef,className:s(Kn)},a.createElement("span",{id:e},t))):a.createElement("span",{ref:this.headingRef,className:s(Kn),id:e},t)}render(){const e=this.props,{categoryName:t,children:n,className:i,isClosable:o,closeBtnAriaLabel:r,"aria-label":c,onClick:d,onOverflowChipClick:p,numChips:u,expandedText:m,collapsedText:f,ouiaId:g,defaultIsOpen:h,tooltipPosition:b}=e,v=l(e,["categoryName","children","className","isClosable","closeBtnAriaLabel","aria-label","onClick","onOverflowChipClick","numChips","expandedText","collapsedText","ouiaId","defaultIsOpen","tooltipPosition"]),{isOpen:y}=this.state,O=a.Children.count(n),x=(E=f,w={remaining:a.Children.count(n)-u},E.replace(/\${(.*?)}/g,((e,t)=>w[t]||"")));var E,w;const N=e=>{const l=y?a.Children.toArray(n):a.Children.toArray(n).slice(0,u);return a.createElement("div",Object.assign({className:s(qn,i,t&&Zn.category),role:"group"},t&&{"aria-labelledby":e},!t&&{"aria-label":c},W(ei.displayName,g)),a.createElement("div",{className:s(Yn)},t&&this.renderLabel(e),a.createElement("ul",Object.assign({className:s(Gn)},t&&{"aria-labelledby":e},!t&&{"aria-label":c},{role:"list"},v),l.map(((e,t)=>a.createElement("li",{className:s(Jn),key:t},e))),O>u&&a.createElement("li",{className:s(Jn)},a.createElement(Un,{isOverflowChip:!0,onClick:e=>{this.toggleCollapse(),p(e)},component:"button"},y?m:x)))),o&&a.createElement("div",{className:s(Xn)},a.createElement(An,{variant:"plain","aria-label":r,onClick:d,id:`remove_group_${e}`,"aria-labelledby":`remove_group_${e} ${e}`,ouiaId:g||r},a.createElement(Qn,{"aria-hidden":"true"}))))};return 0===O?null:a.createElement(F,null,(e=>N(this.props.id||e)))}}ei.displayName="ChipGroup",ei.defaultProps={expandedText:"Show Less",collapsedText:"${remaining} more",categoryName:"",defaultIsOpen:!1,numChips:3,isClosable:!1,onClick:e=>{},onOverflowChipClick:e=>{},closeBtnAriaLabel:"Close chip group",tooltipPosition:"top","aria-label":"Chip group category"};var ti={disabled:"pf-m-disabled",plain:"pf-m-plain",icon:"pf-m-icon",hint:"pf-m-hint"},ni="pf-v5-c-text-input-group",ii="pf-v5-c-text-input-group__icon",ai="pf-v5-c-text-input-group__main",oi="pf-v5-c-text-input-group__text",li="pf-v5-c-text-input-group__text-input",si="pf-v5-c-text-input-group__utilities";const ri=a.createContext({isDisabled:!1}),ci=e=>{var{children:t,className:n,isDisabled:i,isPlain:o,innerRef:r}=e,c=l(e,["children","className","isDisabled","isPlain","innerRef"]);const d=a.useRef(null),p=r||d;return a.createElement(ri.Provider,{value:{isDisabled:i}},a.createElement("div",Object.assign({ref:p,className:s(ni,i&&ti.disabled,o&&ti.plain,n)},c),t))};ci.displayName="TextInputGroup";const di=e=>{var{children:t,className:n,icon:i,type:o="text",hint:r,onChange:c=(()=>{}),onFocus:d,onBlur:p,"aria-label":u="Type to filter",value:m,placeholder:f,innerRef:g,name:h,"aria-activedescendant":b,role:v,isExpanded:y,"aria-controls":O,inputId:x}=e,E=l(e,["children","className","icon","type","hint","onChange","onFocus","onBlur","aria-label","value","placeholder","innerRef","name","aria-activedescendant","role","isExpanded","aria-controls","inputId"]);const{isDisabled:w}=a.useContext(ri),N=a.useRef(null),C=g||N;return a.createElement("div",Object.assign({className:s(ai,i&&ti.icon,n)},E),t,a.createElement("span",{className:s(oi)},r&&a.createElement("input",{className:s(li,ti.hint),type:"text",disabled:!0,"aria-hidden":"true",value:r,id:x}),i&&a.createElement("span",{className:s(ii)},i),a.createElement("input",Object.assign({ref:C,type:o,className:s(li),"aria-label":u,disabled:w,onChange:e=>{c(e,e.currentTarget.value)},onFocus:d,onBlur:p,value:m||"",placeholder:f,name:h,"aria-activedescendant":b,id:x},v&&{role:v},void 0!==y&&{"aria-expanded":y},O&&{"aria-controls":O}))))},pi=a.forwardRef(((e,t)=>a.createElement(di,Object.assign({innerRef:t},e))));pi.displayName="TextInputGroupMain";const ui=e=>{var{children:t,className:n}=e,i=l(e,["children","className"]);return a.createElement("div",Object.assign({className:s(si,n)},i),t)};ui.displayName="TextInputGroupUtilities";const mi=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:o,onToggle:s,toggleContent:r,toggleWidth:c="200px",toggleProps:d}=e,p=l(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent","toggleWidth","toggleProps"]);const[u,m]=t.useState(!1),[f,g]=t.useState([]);t.useEffect((()=>{var e;const t=null==i?void 0:i.filter((e=>e.selected));g(null!==(e=null==t?void 0:t.map((e=>String(e.value))))&&void 0!==e?e:[])}),[i]);const h=null==i?void 0:i.map((e=>{const{content:n,value:i}=e,a=l(e,["content","value"]),o=f.includes(`${i}`);return t.createElement(En,Object.assign({value:i,key:i,hasCheckbox:!0,isSelected:o},a),n)})),b=()=>{s&&s(!u),m(!u)},v=t.createElement(t.Fragment,null,"Filter by status",f.length>0&&t.createElement(Rn,{isRead:!0},f.length));return t.createElement(yn,Object.assign({isOpen:u,selected:f,onSelect:(e,t)=>{const n=`${t}`;f.includes(n)?g((e=>e.filter((e=>e!==n)))):g((e=>[...e,n])),o&&o(e,t)},onOpenChange:e=>{s&&s(e),m(e)},toggle:e=>t.createElement(un,Object.assign({ref:e,onClick:b,isExpanded:u,isDisabled:a,style:{width:c}},d),r||v),ref:n,role:"menu"},p),t.createElement(On,null,h))},fi=t.forwardRef(((e,n)=>t.createElement(mi,Object.assign({},e,{innerRef:n})))),gi=e=>`No results found for "${e}"`,hi=e=>`Create "${e}"`,bi=(e,t)=>t.filter((t=>String(t.content).toLowerCase().includes(e.toLowerCase()))),vi=e=>{var{innerRef:n,selectOptions:i,onSelect:a,onToggle:o,onInputChange:s,filterFunction:r=bi,onClearSelection:c,placeholder:d="Select an option",noOptionsAvailableMessage:p="No options are available",noOptionsFoundMessage:u=gi,isCreatable:m=!1,isCreateOptionOnTop:f=!1,createOptionMessage:g=hi,isDisabled:h,toggleWidth:b,toggleProps:v}=e,y=l(e,["innerRef","selectOptions","onSelect","onToggle","onInputChange","filterFunction","onClearSelection","placeholder","noOptionsAvailableMessage","noOptionsFoundMessage","isCreatable","isCreateOptionOnTop","createOptionMessage","isDisabled","toggleWidth","toggleProps"]);const[O,x]=t.useState(!1),[E,w]=t.useState(""),[N,C]=t.useState(!1),[S,k]=t.useState(null),[I,D]=t.useState(null),M=t.useRef(),T="no results",R=t.useMemo((()=>null==i?void 0:i.find((e=>e.value===y.selected||e.isSelected))),[y.selected,i]),L=t.useMemo((()=>{let e=i;if(N&&E){if(e=r(E,i),m&&E.trim()&&!e.find((e=>String(e.content).toLowerCase()===E.toLowerCase()))){const t={content:"string"==typeof g?g:g(E),value:E};e=f?[t,...e]:[...e,t]}e.length||(e=[{isAriaDisabled:!0,content:"string"==typeof u?u:u(E),value:T}])}return e.length||(e=[{isAriaDisabled:!0,content:p,value:T}]),e}),[N,E,r,i,u,m,f,g,p]);t.useEffect((()=>{N&&_()}),[N]);const j=()=>{k(null),D(null)},_=()=>{O||(o&&o(!0),x(!0),setTimeout((()=>{var e;null===(e=M.current)||void 0===e||e.focus()}),100))},P=()=>{var e;o&&o(!1),x(!1),j(),C(!1),w(String(null!==(e=null==R?void 0:R.content)&&void 0!==e?e:""))},A=()=>{O?N&&P():_()},F=(e,t)=>{a&&a(e,t.value),P()},H=(e,t)=>{C(!0),w(t||""),s&&s(t),j()},B=e=>{let t=0;if(_(),!L.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===S||0===S?L.length-1:S-1;L[t].isDisabled;)t--,-1===t&&(t=L.length-1);if("ArrowDown"===e)for(t=null===S||S===L.length-1?0:S+1;L[t].isDisabled;)t++,t===L.length&&(t=0);(e=>{k(e);const t=i[e];D(String(t.value))})(t)}},$=e=>{const t=null!==S?L[S]:null;switch(e.key){case"Enter":O&&t&&t.value!==T&&!t.isAriaDisabled&&F(e,t),_();break;case"ArrowUp":case"ArrowDown":e.preventDefault(),B(e.key)}},W=()=>{var e;O?P():_(),null===(e=M.current)||void 0===e||e.focus()},z=()=>{var e;R&&a&&a(void 0,R.value),w(""),s&&s(""),C(!1),j(),null===(e=M.current)||void 0===e||e.focus(),c&&c()};return t.createElement(yn,Object.assign({isOpen:O,selected:R,onSelect:(e,t)=>{if(t&&t!==T){const n=i.find((e=>e.value===t));n?F(e,n):m&&F(e,{value:t,content:t})}},onOpenChange:e=>!e&&P(),toggle:e=>{var n;return t.createElement(un,Object.assign({ref:e,variant:"typeahead","aria-label":"Typeahead menu toggle",onClick:W,isExpanded:O,isDisabled:h||!1,isFullWidth:!0,style:{width:b}},v),t.createElement(ci,{isPlain:!0},t.createElement(pi,Object.assign({value:N?E:null!==(n=null==R?void 0:R.content)&&void 0!==n?n:"",onClick:A,onChange:H,onKeyDown:$,autoComplete:"off",innerRef:M,placeholder:d},I&&{"aria-activedescendant":I},{role:"combobox",isExpanded:O,"aria-controls":"select-typeahead-listbox"})),t.createElement(ui,Object.assign({},N&&E||R&&c?{}:{style:{display:"none"}}),t.createElement(An,{variant:"plain",onClick:z,"aria-label":"Clear input value"},t.createElement(Fn,{"aria-hidden":!0})))))},variant:"typeahead",ref:n},y),t.createElement(On,null,L.map(((e,n)=>{const{content:i,value:a}=e,o=l(e,["content","value"]);return t.createElement(En,Object.assign({key:a,value:a,isFocused:S===n},o),i)}))))};vi.displayName="TypeaheadSelectBase";const yi=t.forwardRef(((e,n)=>t.createElement(vi,Object.assign({},e,{innerRef:n}))));yi.displayName="TypeaheadSelect";const Oi=e=>{var n,{innerRef:i,initialOptions:a,onSelectionChange:o,onToggle:s,onInputChange:r,placeholder:c="Select an option",noOptionsFoundMessage:d=(e=>`No results found for "${e}"`),isDisabled:p,toggleWidth:u,toggleProps:m}=e,f=l(e,["innerRef","initialOptions","onSelectionChange","onToggle","onInputChange","placeholder","noOptionsFoundMessage","isDisabled","toggleWidth","toggleProps"]);const[g,h]=t.useState(!1),[b,v]=t.useState((null!==(n=null==a?void 0:a.filter((e=>e.selected)))&&void 0!==n?n:[]).map((e=>e.value))),[y,O]=t.useState(),[x,E]=t.useState(a),[w,N]=t.useState(null),[C,S]=t.useState(null),k=t.useRef(),I="no results",D=()=>{s&&s(!0),h(!0)};t.useEffect((()=>{let e=a;y&&(e=a.filter((e=>String(e.content).toLowerCase().includes(y.toLowerCase()))),e.length||(e=[{isAriaDisabled:!0,content:"string"==typeof d?d:d(y),value:I}]),D()),E(e)}),[y,a]),t.useEffect((()=>{var e;return v((null!==(e=null==a?void 0:a.filter((e=>e.selected)))&&void 0!==e?e:[]).map((e=>e.value)))}),[a]);const M=()=>{N(null),S(null)},T=()=>{s&&s(!1),h(!1),M(),O("")},R=()=>{g?y||T():D()},L=(e,t)=>{const n=b.includes(t)?b.filter((e=>t!==e)):[...b,t];o&&o(e,n),v(n)},j=(e,t)=>{O(t),r&&r(t),M()},_=e=>{let t=0;if(g||D(),!x.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===w||0===w?x.length-1:w-1;x[t].isDisabled;)t--,-1===t&&(t=x.length-1);if("ArrowDown"===e)for(t=null===w||w===x.length-1?0:w+1;x[t].isDisabled;)t++,t===x.length&&(t=0);(e=>{N(e);const t=x[e];S(t.value)})(t)}},P=e=>{const t=null!==w?x[w]:null;switch(e.key){case"Enter":g&&t&&t.value!==I&&!t.isAriaDisabled&&L(e,null==t?void 0:t.value),g||(s&&s(!0),h(!0));break;case"ArrowUp":case"ArrowDown":e.preventDefault(),_(e.key)}},A=()=>{var e;s&&s(!g),h(!g),null===(e=null==k?void 0:k.current)||void 0===e||e.focus()},F=e=>{var t;v([]),r&&r(""),M(),null===(t=null==k?void 0:k.current)||void 0===t||t.focus(),o&&o(e,[])};return t.createElement(yn,Object.assign({isOpen:g,selected:b,onSelect:(e,t)=>{t&&t!==I&&L(e,t)},onOpenChange:e=>{!e&&T()},toggle:e=>t.createElement(un,Object.assign({ref:e,variant:"typeahead","aria-label":"Multi select Typeahead menu toggle",onClick:A,isExpanded:g,isDisabled:p,isFullWidth:!0,style:{width:u}},m),t.createElement(ci,{isPlain:!0},t.createElement(pi,Object.assign({value:y,onClick:R,onChange:j,onKeyDown:P,autoComplete:"off",innerRef:k,placeholder:c},C&&{"aria-activedescendant":C},{role:"combobox",isExpanded:g,"aria-controls":"select-typeahead-listbox"}),t.createElement(ei,{"aria-label":"Current selections"},b.map(((e,n)=>{var i;return t.createElement(Un,{key:n,"datatest-id":`${e}-chip`,onClick:t=>{t.stopPropagation(),((e,t)=>{const n=b.filter((e=>t!==e));o&&o(e,n),v(n)})(t,e)}},null===(i=a.find((t=>t.value===e)))||void 0===i?void 0:i.content)})))),t.createElement(ui,Object.assign({},0===b.length?{style:{display:"none"}}:{}),t.createElement(An,{variant:"plain",onClick:F,"aria-label":"Clear input value"},t.createElement(Fn,{"aria-hidden":!0}))))),variant:"typeahead",ref:i},f),t.createElement(On,null,x.map(((e,n)=>{const{content:i,value:a}=e,o=l(e,["content","value"]);return t.createElement(En,Object.assign({key:a,value:a,isFocused:w===n},o),i)}))))};Oi.displayName="MultiTypeaheadSelectBase";const xi=t.forwardRef(((e,n)=>t.createElement(Oi,Object.assign({},e,{innerRef:n}))));xi.displayName="MultiTypeaheadSelect",e.CheckboxSelect=fi,e.MultiTypeaheadSelect=xi,e.MultiTypeaheadSelectBase=Oi,e.SimpleDropdown=bn,e.SimpleSelect=Nn,e.TypeaheadSelect=yi,e.TypeaheadSelectBase=vi}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-templates",
3
- "version": "1.1.10",
3
+ "version": "1.1.12",
4
4
  "description": "This package provides wrapped component demos for ease of use\n",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -33,7 +33,7 @@
33
33
  "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json"
34
34
  },
35
35
  "dependencies": {
36
- "@patternfly/react-core": "^5.4.9",
36
+ "@patternfly/react-core": "^5.4.11",
37
37
  "@patternfly/react-icons": "^5.4.2",
38
38
  "@patternfly/react-styles": "^5.4.1",
39
39
  "@patternfly/react-tokens": "^5.4.1",
@@ -43,5 +43,5 @@
43
43
  "react": "^17 || ^18",
44
44
  "react-dom": "^17 || ^18"
45
45
  },
46
- "gitHead": "9f4b31f42061a72ad67816d5a896a14b005f7c14"
46
+ "gitHead": "2c6037ef6cfae35bdd0377fdc0f59020729b5138"
47
47
  }
@@ -320,7 +320,7 @@ export const MultiTypeaheadSelectBase: React.FunctionComponent<MultiTypeaheadSel
320
320
  !isOpen && closeMenu();
321
321
  }}
322
322
  toggle={toggle}
323
- shouldFocusFirstItemOnOpen={false}
323
+ variant="typeahead"
324
324
  ref={innerRef}
325
325
  {...props}
326
326
  >
@@ -366,7 +366,7 @@ export const TypeaheadSelectBase: React.FunctionComponent<TypeaheadSelectProps>
366
366
  onSelect={_onSelect}
367
367
  onOpenChange={(isOpen) => !isOpen && closeMenu()}
368
368
  toggle={toggle}
369
- shouldFocusFirstItemOnOpen={false}
369
+ variant="typeahead"
370
370
  ref={innerRef}
371
371
  {...props}
372
372
  >