@patternfly/react-templates 6.2.0-prerelease.2 → 6.2.0-prerelease.20
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.
- package/CHANGELOG.md +74 -0
- package/components/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/esm/components/Select/CheckboxSelect.d.ts +2 -1
- package/dist/esm/components/Select/CheckboxSelect.d.ts.map +1 -1
- package/dist/esm/components/Select/CheckboxSelect.js +3 -1
- package/dist/esm/components/Select/CheckboxSelect.js.map +1 -1
- package/dist/esm/components/Select/MultiTypeaheadSelect.d.ts +2 -1
- package/dist/esm/components/Select/MultiTypeaheadSelect.d.ts.map +1 -1
- package/dist/esm/components/Select/MultiTypeaheadSelect.js +6 -2
- package/dist/esm/components/Select/MultiTypeaheadSelect.js.map +1 -1
- package/dist/esm/components/Select/TypeaheadSelect.d.ts +2 -1
- package/dist/esm/components/Select/TypeaheadSelect.d.ts.map +1 -1
- package/dist/esm/components/Select/TypeaheadSelect.js +5 -2
- package/dist/esm/components/Select/TypeaheadSelect.js.map +1 -1
- package/dist/js/components/Select/CheckboxSelect.d.ts +2 -1
- package/dist/js/components/Select/CheckboxSelect.d.ts.map +1 -1
- package/dist/js/components/Select/CheckboxSelect.js +8 -6
- package/dist/js/components/Select/CheckboxSelect.js.map +1 -1
- package/dist/js/components/Select/MultiTypeaheadSelect.d.ts +2 -1
- package/dist/js/components/Select/MultiTypeaheadSelect.d.ts.map +1 -1
- package/dist/js/components/Select/MultiTypeaheadSelect.js +16 -12
- package/dist/js/components/Select/MultiTypeaheadSelect.js.map +1 -1
- package/dist/js/components/Select/TypeaheadSelect.d.ts +2 -1
- package/dist/js/components/Select/TypeaheadSelect.d.ts.map +1 -1
- package/dist/js/components/Select/TypeaheadSelect.js +13 -10
- package/dist/js/components/Select/TypeaheadSelect.js.map +1 -1
- package/dist/umd/assets/output-B9OhIHcm.css +3504 -0
- package/dist/umd/react-templates.min.js +1 -1
- package/package.json +6 -6
- package/src/components/Select/CheckboxSelect.tsx +3 -5
- package/src/components/Select/MultiTypeaheadSelect.tsx +10 -11
- package/src/components/Select/TypeaheadSelect.tsx +9 -9
- package/src/components/Select/__tests__/__snapshots__/MultiTypeaheadSelect.test.tsx.snap +0 -1
- package/src/components/Select/__tests__/__snapshots__/TypeaheadSelect.test.tsx.snap +0 -1
- package/dist/umd/assets/output-DYiAspXI.css +0 -23400
|
@@ -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),l=i(n);function o(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="pf-v6-c-divider",c="pf-v6-c-menu",d="pf-v6-c-menu__content",p="pf-v6-c-menu__item",u="pf-v6-c-menu__item-action",m="pf-v6-c-menu__item-check",f="pf-v6-c-menu__item-description",g="pf-v6-c-menu__item-external-icon",h="pf-v6-c-menu__item-icon",b="pf-v6-c-menu__item-main",v="pf-v6-c-menu__item-select-icon",y="pf-v6-c-menu__item-text",x="pf-v6-c-menu__item-toggle-icon",E="pf-v6-c-menu__list",O="pf-v6-c-menu__list-item",w="pf-v6-c-menu__search",C={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",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",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",load:"pf-m-load",loading:"pf-m-loading",danger:"pf-m-danger",focus:"pf-m-focus",selected:"pf-m-selected",favorited:"pf-m-favorited"},N="pf-v6-c-breadcrumb__link";let S=0;function I({name:e,xOffset:t=0,yOffset:n=0,width:i,height:l,svgPath:s}){var r;return r=class extends a.Component{constructor(){super(...arguments),this.id="icon-title-"+S++}render(){const e=this.props,{title:r,className:c}=e,d=o(e,["title","className"]),p=c?`pf-v6-svg ${c}`:"pf-v6-svg",u=Boolean(r),m=[t,n,i,l].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 k=I({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}),D=I({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}),L=I({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}),T=I({name:"InfoCircleIcon",height:512,width:512,svgPath:"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z",yOffset:0,xOffset:0}),M=I({name:"BellIcon",height:1024,width:896,svgPath:"M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z",yOffset:0,xOffset:0});var R;!function(e){e.success="success",e.error="error",e.warning="warning",e.default="default"}(R||(R={}));const j="Escape",P="Enter",_={success:k,danger:D,warning:L,info:T,custom:M};const A=(e,t,n="",i,a)=>e?Object.entries(e||{}).map((([e,t])=>`${n}${t}${"default"!==e?`-on-${e}`:""}`)).map(H).map((e=>e.replace(/-?(\dxl)/gi,((e,t)=>`_${t}`)))).map((e=>t.modifiers[e])).filter(Boolean).join(" "):"",F=e=>e.toUpperCase().replace("-","").replace("_",""),H=e=>e.replace(/([-_][a-z])/gi,F),B=!("undefined"==typeof window||!window.document||!window.document.createElement),$=e=>{e.forEach((e=>{e.current&&clearTimeout(e.current)}))};let W=0;function z(){return"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():function(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}()}class V extends a.Component{constructor(){super(...arguments),this.uniqueElement=this.props.isRandom?z():W++,this.id=`${this.props.prefix}${this.uniqueElement}`}render(){return this.props.children(this.id)}}V.displayName="GenerateId",V.defaultProps={prefix:"pf-random-id-",isRandom:!1};let U=0;const q="OUIA-Generated-",G={};function X(e,t,n=!0){return{"data-ouia-component-type":`PF6/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const K=(e,t,n=!0,i)=>({"data-ouia-component-type":`PF6/${e}`,"data-ouia-safe":n,"data-ouia-component-id":Z(e,t,i)}),Z=(e,n,i)=>{const a=t.useMemo((()=>J(e,i)),[e,i]);return null!=n?n:a};function J(e,t){try{let n;return n="undefined"!=typeof window?`${window.location.href}-${e}-${t||""}`:`${e}-${t||""}`,G[n]||(G[n]=0),`${q}${e}-${t?`${t}-`:""}${++G[n]}`}catch(n){return`${q}${e}-${t?`${t}-`:""}${++U}`}}function Y(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 Q(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function ee(e){const t=Q(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function te(e){return e instanceof Q(e).Element||e instanceof Element}function ne(e){return e instanceof Q(e).HTMLElement||e instanceof HTMLElement}function ie(e){return e?(e.nodeName||"").toLowerCase():null}function ae(e){return(te(e)?e.ownerDocument:e.document).documentElement}function le(e){return Y(ae(e)).left+ee(e).scrollLeft}function oe(e){return Q(e).getComputedStyle(e)}function se(e){const{overflow:t,overflowX:n,overflowY:i}=oe(e);return/auto|scroll|overlay|hidden/.test(t+i+n)}function re(e,t,n=!1){const i=ae(t),a=Y(e),l=ne(t);let o={scrollLeft:0,scrollTop:0},s={x:0,y:0};var r,c;return(l||!l&&!n)&&(("body"!==ie(t)||se(i))&&(o=(r=t)!==Q(r)&&ne(r)?{scrollLeft:(c=r).scrollLeft,scrollTop:c.scrollTop}:ee(r)),ne(t)?(s=Y(t),s.x+=t.clientLeft,s.y+=t.clientTop):i&&(s.x=le(i))),{x:a.left+o.scrollLeft-s.x,y:a.top+o.scrollTop-s.y,width:a.width,height:a.height}}function ce(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function de(e){return"html"===ie(e)?e:e.assignedSlot||e.parentNode||e.host||ae(e)}function pe(e){return["html","body","#document"].indexOf(ie(e))>=0?e.ownerDocument.body:ne(e)&&se(e)?e:pe(de(e))}function ue(e,t=[]){const n=pe(e),i="body"===ie(n),a=Q(n),l=i?[a].concat(a.visualViewport||[],se(n)?n:[]):n,o=t.concat(l);return i?o:o.concat(ue(de(l)))}function me(e){return["table","td","th"].indexOf(ie(e))>=0}function fe(e){if(!ne(e)||"fixed"===oe(e).position)return null;const t=e.offsetParent;if(t){const e=ae(t);if("body"===ie(t)&&"static"===oe(t).position&&"static"!==oe(e).position)return e}return t}function ge(e){const t=Q(e);let n=fe(e);for(;n&&me(n)&&"static"===oe(n).position;)n=fe(n);return n&&"body"===ie(n)&&"static"===oe(n).position?t:n||function(e){let t=de(e);for(;ne(t)&&["html","body"].indexOf(ie(t))<0;){const e=oe(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}const he="top",be="bottom",ve="right",ye="left",xe="auto",Ee=[he,be,ve,ye],Oe="start",we="end",Ce="clippingParents",Ne="viewport",Se="popper",Ie="reference",ke=Ee.reduce(((e,t)=>e.concat([`${t}-${Oe}`,`${t}-${we}`])),[]),De=[...Ee,xe].reduce(((e,t)=>e.concat([t,`${t}-${Oe}`,`${t}-${we}`])),[]),Le=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Te(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 Me(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function Re(e){return e.split("-")[0]}function je(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 Pe(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function _e(e,t){return t===Ne?Pe(function(e){const t=Q(e),n=ae(e),i=t.visualViewport;let a=n.clientWidth,l=n.clientHeight,o=0,s=0;return i&&(a=i.width,l=i.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(o=i.offsetLeft,s=i.offsetTop)),{width:a,height:l,x:o+le(e),y:s}}(e)):ne(t)?function(e){const t=Y(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):Pe(function(e){const t=ae(e),n=ee(e),i=e.ownerDocument.body,a=Math.max(t.scrollWidth,t.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),l=Math.max(t.scrollHeight,t.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);let o=-n.scrollLeft+le(e);const s=-n.scrollTop;return"rtl"===oe(i||t).direction&&(o+=Math.max(t.clientWidth,i?i.clientWidth:0)-a),{width:a,height:l,x:o,y:s}}(ae(e)))}function Ae(e,t,n){const i="clippingParents"===t?function(e){const t=ue(de(e)),n=["absolute","fixed"].indexOf(oe(e).position)>=0&&ne(e)?ge(e):e;return te(n)?t.filter((e=>te(e)&&je(e,n)&&"body"!==ie(e))):[]}(e):[].concat(t),a=[...i,n],l=a[0],o=a.reduce(((t,n)=>{const i=_e(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}),_e(e,l));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}function Fe(e){return e.split("-")[1]}function He(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Be({reference:e,element:t,placement:n}){const i=n?Re(n):null,a=n?Fe(n):null,l=e.x+e.width/2-t.width/2,o=e.y+e.height/2-t.height/2;let s;switch(i){case he:s={x:l,y:e.y-t.height};break;case be:s={x:l,y:e.y+e.height};break;case ve:s={x:e.x+e.width,y:o};break;case ye:s={x:e.x-t.width,y:o};break;default:s={x:e.x,y:e.y}}const r=i?He(i):null;if(null!=r){const n="y"===r?"height":"width";switch(a){case Oe:s[r]=Math.floor(s[r])-Math.floor(e[n]/2-t[n]/2);break;case we: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 We(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function ze(e,t={}){const{placement:n=e.placement,boundary:i=Ce,rootBoundary:a=Ne,elementContext:l=Se,altBoundary:o=!1,padding:s=0}=t,r=$e("number"!=typeof s?s:We(s,Ee)),c=l===Se?Ie:Se,d=e.elements.reference,p=e.rects.popper,u=e.elements[o?c:l],m=Ae(te(u)?u:u.contextElement||ae(e.elements.popper),i,a),f=Y(d),g=Be({reference:f,element:p,strategy:"absolute",placement:n}),h=Pe(Object.assign(Object.assign({},p),g)),b=l===Se?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(l===Se&&y){const e=y[n];Object.keys(v).forEach((t=>{const n=[ve,be].indexOf(t)>=0?1:-1,i=[he,be].indexOf(t)>=0?"y":"x";v[t]+=e[i]*n}))}return v}const Ve={placement:"bottom",modifiers:[],strategy:"absolute"};function Ue(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}const qe={passive:!0};const Ge={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Xe({popper:e,popperRect:t,placement:n,offsets:i,position:a,gpuAcceleration:l,adaptive:o}){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=ye,u=he;const m=window;if(o){let i=ge(e);i===Q(e)&&(i=ae(e)),n===he&&(u=be,r-=i.clientHeight-t.height,r*=l?1:-1),n===ye&&(p=ve,s-=i.clientWidth-t.width,s*=l?1:-1)}const f=Object.assign({position:a},o&&Ge);return l?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 Ke={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function({state:e,options:t,name:n}){const{offset:i=[0,0]}=t,a=De.reduce(((t,n)=>(t[n]=function(e,t,n){const i=Re(e),a=[ye,he].indexOf(i)>=0?-1:1;let[l,o]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return l=l||0,o=(o||0)*a,[ye,ve].indexOf(i)>=0?{x:o,y:l}:{x:l,y:o}}(n,e.rects,i),t)),{}),{x:l,y:o}=a[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=o),e.modifiersData[n]=a}};const Ze={left:"right",right:"left",bottom:"top",top:"bottom"};function Je(e){return e.replace(/left|right|bottom|top/g,(e=>Ze[e]))}const Ye={start:"end",end:"start"};function Qe(e){return e.replace(/start|end/g,(e=>Ye[e]))}function et(e,t={}){const{placement:n,boundary:i,rootBoundary:a,padding:l,flipVariations:o,allowedAutoPlacements:s=De}=t,r=Fe(n),c=r?o?ke:ke.filter((e=>Fe(e)===r)):Ee;let d=c.filter((e=>s.indexOf(e)>=0));0===d.length&&(d=c);const p=d.reduce(((t,n)=>(t[n]=ze(e,{placement:n,boundary:i,rootBoundary:a,padding:l})[Re(n)],t)),{});return Object.keys(p).sort(((e,t)=>p[e]-p[t]))}var tt={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:l,padding:o,boundary:s,rootBoundary:r,altBoundary:c,flipVariations:d=!0,allowedAutoPlacements:p}=t,u=e.options.placement,m=Re(u),f=[u,...l||(m===u||!d?[Je(u)]:function(e){if(Re(e)===xe)return[];const t=Je(e);return[Qe(e),t,Qe(t)]}(u))].reduce(((t,n)=>t.concat(Re(n)===xe?et(e,{placement:n,boundary:s,rootBoundary:r,padding:o,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],l=Re(n),d=Fe(n)===Oe,p=[he,be].indexOf(l)>=0,u=p?"width":"height",m=ze(e,{placement:n,boundary:s,rootBoundary:r,altBoundary:c,padding:o});let x=p?d?ve:ye:d?be:he;g[u]>h[u]&&(x=Je(x));const E=Je(x),O=[];if(i&&O.push(m[l]<=0),a&&O.push(m[x]<=0,m[E]<=0),O.every((e=>e))){y=n,v=!1;break}b.set(n,O)}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 nt(e,t,n){return Math.max(e,Math.min(t,n))}var it={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:i=!0,altAxis:a=!1,boundary:l,rootBoundary:o,altBoundary:s,padding:r,tether:c=!0,tetherOffset:d=0}=t,p=ze(e,{boundary:l,rootBoundary:o,padding:r,altBoundary:s}),u=Re(e.placement),m=Fe(e.placement),f=!m,g=He(u),h="x"===g?"y":"x",b=e.modifiersData.popperOffsets,v=e.rects.reference,y=e.rects.popper,x="function"==typeof d?d(Object.assign(Object.assign({},e.rects),{placement:e.placement})):d,E={x:0,y:0};if(b){if(i){const t="y"===g?he:ye,n="y"===g?be:ve,i="y"===g?"height":"width",a=b[g],l=b[g]+p[t],o=b[g]-p[n],s=c?-y[i]/2:0,r=m===Oe?v[i]:y[i],d=m===Oe?-y[i]:-v[i],u=e.elements.arrow,h=c&&u?ce(u):{width:0,height:0},O=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},w=O[t],C=O[n],N=nt(0,v[i],h[i]),S=f?v[i]/2-s-N-w-x:r-N-w-x,I=f?-v[i]/2+s+N+C+x:d+N+C+x,k=e.elements.arrow&&ge(e.elements.arrow),D=k?"y"===g?k.clientTop||0:k.clientLeft||0:0,L=e.modifiersData.offset?e.modifiersData.offset[e.placement][g]:0,T=b[g]+S-L-D,M=b[g]+I-L,R=nt(c?Math.min(l,T):l,a,c?Math.max(o,M):o);b[g]=R,E[g]=R-a}if(a){const e="x"===g?he:ye,t="x"===g?be:ve,n=b[h],i=nt(n+p[e],n,n-p[t]);b[h]=i,E[h]=i-n}e.modifiersData[n]=E}},requiresIfExists:["offset"]};var at={name:"arrow",enabled:!0,phase:"main",fn:function({state:e,name:t}){const n=e.elements.arrow,i=e.modifiersData.popperOffsets,a=Re(e.placement),l=He(a),o=[ye,ve].indexOf(a)>=0?"height":"width";if(!n||!i)return;const s=e.modifiersData[`${t}#persistent`].padding,r=ce(n),c="y"===l?he:ye,d="y"===l?be:ve,p=e.rects.reference[o]+e.rects.reference[l]-i[l]-e.rects.popper[o],u=i[l]-e.rects.reference[l],m=ge(n),f=m?"y"===l?m.clientHeight||0:m.clientWidth||0:0,g=p/2-u/2,h=s[c],b=f-r[o]-s[d],v=f/2-r[o]/2+g,y=nt(h,v,b),x=l;e.modifiersData[t]={[x]: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))&&je(e.elements.popper,i)&&(e.elements.arrow=i,e.modifiersData[`${n}#persistent`]={padding:$e("number"!=typeof a?a:We(a,Ee))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function lt(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 ot(e){return[he,ve,be,ye].some((t=>e[t]>=0))}const st=function(e={}){const{defaultModifiers:t=[],defaultOptions:n=Ve}=e;return function(e,i,a=n){let l={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},Ve),n),modifiersData:{},elements:{reference:e,popper:i},attributes:{},styles:{}},o=[],s=!1;const r={state:l,setOptions(a){c(),l.options=Object.assign(Object.assign(Object.assign({},n),l.options),a),l.scrollParents={reference:te(e)?ue(e):e.contextElement?ue(e.contextElement):[],popper:ue(i)};const s=function(e){const t=Te(e);return Le.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,...l.options.modifiers]));return l.orderedModifiers=s.filter((e=>e.enabled)),l.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const i=n({state:l,name:e,instance:r,options:t}),a=()=>{};o.push(i||a)}})),r.update()},forceUpdate(){if(s)return;const{reference:e,popper:t}=l.elements;if(Ue(e,t)){l.rects={reference:re(e,ge(t),"fixed"===l.options.strategy),popper:ce(t)},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((e=>l.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<l.orderedModifiers.length;e++){if(!0===l.reset){l.reset=!1,e=-1;continue}const{fn:t,options:n={},name:i}=l.orderedModifiers[e];"function"==typeof t&&(l=t({state:l,options:n,name:i,instance:r})||l)}}},update:Me((()=>new Promise((e=>{r.forceUpdate(),e(l)})))),destroy(){c(),s=!0}};if(!Ue(e,i))return r;function c(){o.forEach((e=>e())),o=[]}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,l=Q(e.elements.popper),o=[...e.scrollParents.reference,...e.scrollParents.popper];return i&&o.forEach((e=>{e.addEventListener("scroll",t.update,qe)})),a&&l.addEventListener("resize",t.update,qe),()=>{i&&o.forEach((e=>{e.removeEventListener("scroll",t.update,qe)})),a&&l.removeEventListener("resize",t.update,qe)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=Be({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:Re(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),Xe(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),Xe(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];ne(a)&&ie(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]||{},l=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});ne(i)&&ie(i)&&(Object.assign(i.style,l),Object.keys(a).forEach((e=>{i.removeAttribute(e)})))}))}},requires:["computeStyles"]},Ke,tt,it,at,{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,l=ze(e,{elementContext:"reference"}),o=ze(e,{altBoundary:!0}),s=lt(l,n),r=lt(o,i,a),c=ot(s),d=ot(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})}}]}),rt=B?a.useLayoutEffect:a.useEffect,ct=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),dt=[],pt=(e,t,n={})=>{const i=a.useRef(null),l={onFirstUpdate:n.onFirstUpdate,placement:n.placement||"bottom",strategy:n.strategy||"absolute",modifiers:n.modifiers||dt},[o,s]=a.useState({styles:{popper:{position:l.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:ct(t.map((t=>[t,e.styles[t]||{}]))),attributes:ct(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=a.useMemo((()=>{const e={onFirstUpdate:l.onFirstUpdate,placement:l.placement,strategy:l.strategy,modifiers:[...l.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}),[l.onFirstUpdate,l.placement,l.strategy,l.modifiers,r]),d=a.useRef();return rt((()=>{d&&d.current&&d.current.setOptions(c)}),[c]),rt((()=>{if(null==e||null==t)return;const i=(n.createPopper||st)(e,t,c);return d.current=i,()=>{i.destroy(),d.current=null}}),[e,t,n.createPopper]),{state:d.current?d.current.state:null,styles:o.styles,attributes:o.attributes,update:d.current?d.current.update:null,forceUpdate:d.current?d.current.forceUpdate:null}},ut={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"},mt=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,ft=({trigger:e,popper:t,direction:n="down",position:i="start",placement:o,width:r,minWidth:c="trigger",maxWidth:d,appendTo:p=(()=>document.body),zIndex:u=9999,isVisible:m=!0,positionModifiers:f,distance:g=0,onMouseEnter:h,onMouseLeave:b,onFocus:v,onBlur:y,onDocumentClick:x,onTriggerClick:E,onTriggerEnter:O,onPopperClick:w,onPopperMouseEnter:C,onPopperMouseLeave:N,onDocumentKeyDown:S,enableFlip:I=!0,flipBehavior:k="flip",triggerRef:D,popperRef:L,animationDuration:T=0,entryDelay:M=0,exitDelay:R=0,onHidden:j=(()=>{}),onHide:P=(()=>{}),onMount:_=(()=>{}),onShow:A=(()=>{}),onShown:F=(()=>{}),preventOverflow:H=!1})=>{var B;const[W,z]=a.useState(null),[V,U]=a.useState(null),[q,G]=a.useState(null),[X,K]=a.useState(null),[Z,J]=a.useState(!1),[Y,Q]=a.useState(0),[ee,te]=a.useState(m),ne=a.useRef(null),ie=a.useRef(null),ae=a.useRef(null),le=a.useRef(),oe=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===(B=(null==D?void 0:D.current)||W)||void 0===B?void 0:B.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=>x(e,oe,q)),[se,W,V,q,x]);a.useEffect((()=>{J(!0),_()}),[]),a.useEffect((()=>()=>{$([ne,ae,ie])}),[]),a.useEffect((()=>{D&&(D.current?U(D.current):"function"==typeof D&&U(D()))}),[D,e]),a.useEffect((()=>{L&&(L.current?G(L.current):"function"==typeof L&&G(L()))}),[se,L]),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,oe,"mouseenter"),pe(b,oe,"mouseleave"),pe(v,oe,"focus"),pe(y,oe,"blur"),pe(E,oe,"click"),pe(O,oe,"keydown"),pe(w,q,"click"),pe(C,q,"mouseenter"),pe(N,q,"mouseleave"),x&&pe(de,document,"click",!0),pe(S,document,"keydown",!0),()=>{ue(h,oe,"mouseenter"),ue(b,oe,"mouseleave"),ue(v,oe,"focus"),ue(y,oe,"blur"),ue(E,oe,"click"),ue(O,oe,"keydown"),ue(w,q,"click"),ue(C,q,"mouseenter"),ue(N,q,"mouseleave"),x&&ue(de,document,"click",!0),ue(S,document,"keydown",!0)})),[W,q,h,b,v,y,E,O,w,C,N,x,S,V]);const me=()=>{if(o)return o;let e="up"===n?"top":"bottom";return"center"!==ce&&(e=`${e}-${"right"===ce?"end":"start"}`),e},fe=a.useMemo(me,[n,ce,o]),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=>ut[e])))(me())),[n,ce,o]),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:xe}=pt(oe,q,{placement:fe,modifiers:[{name:"offset",options:{offset:[0,g]}},{name:"preventOverflow",enabled:H},{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,l,o,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===(o=null===(l=null==t?void 0:t.props)||void 0===l?void 0:l.children)||void 0===o?void 0:o.props)||void 0===s?void 0:s.children);K(r),r&&X&&r!==X&&xe&&xe()}),[t]),a.useEffect((()=>{le.current<R&&($([ne,ae]),ae.current=setTimeout((()=>{ne.current=setTimeout((()=>{te(!1)}),T)}),R)),le.current=R}),[R]);a.useEffect((()=>{m?(A(),$([ne,ae]),ie.current=setTimeout((()=>{te(!0),Q(1),F()}),M)):(P(),$([ie]),ae.current=setTimeout((()=>{Q(0),ne.current=setTimeout((()=>{te(!1),j()}),T)}),R))}),[m]);const Ee=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:Y,transition:mt(T)})},ve.popper),Oe=()=>{const e=a.cloneElement(t,Ee);return L?e:a.createElement("div",{style:{display:"contents"},ref:e=>G(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,Z&&se&&(()=>{if("inline"===p)return Oe();{const e="function"==typeof p?p():p;return l.createPortal(Oe(),e)}})())};ft.displayName="Popper";const gt=(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 ht 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:l,noEnterHandling:o,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;o||"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"],l=!1,o=!1,s=!0,r=!0)=>{const c=document.activeElement,d=e.key;let p=null;if(!l&&["ArrowUp","ArrowDown"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let a=-1;t.forEach(((e,l)=>{if(n(e)){let e=0;for(;!p&&e<t.length&&-1*e<t.length;)"ArrowUp"===d?e--:e++,a=l+e,a>=t.length&&(a=0),a<0&&(a=t.length-1),p=i(t[a])}}))}if(!o&&["ArrowLeft","ArrowRight"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let i=-1;t.forEach(((l,o)=>{if(n(l)){const n=t[o].querySelectorAll(a.join(","));if(!n.length||r){let e=c;for(;e;){const t=e.parentElement===l?e:e.parentElement;if(e="ArrowLeft"===d?t.previousElementSibling:t.nextElementSibling,e){if(a.includes(e.tagName)){p=e;break}if(a.includes(e.children[0].tagName)){p=e.children[0];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,l,r,u)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){B&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){B&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}ht.displayName="KeyboardHandler",ht.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 bt=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"}),vt=a.createContext({itemId:null,isDisabled:!1});class yt extends a.Component{constructor(e){super(e),this.menuRef=a.createRef(),this.activeMenu=null,this.state={ouiaStateId:J(xt.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(`.${c}`)||Array.from(t.getElementsByClassName(c)).includes(e.target.closest(`.${c}`))))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(r))))[0].firstChild;a.focus(),a.tabIndex=0}},this.handleExtraKeys=e=>{const t=this.props.containsDrilldown,n=document.activeElement;if(e.target.closest(`.${c}`)===this.activeMenu||e.target.classList.contains(N)||(this.activeMenu=e.target.closest(`.${c}`),this.setState({disableHover:!0})),"INPUT"===e.target.tagName)return;const i=this.activeMenu,a=e.key,l=n.classList.contains(N);if(" "===a||"Enter"===a){if(e.preventDefault(),t&&!l){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(c)){const e=Array.from(n.nextElementSibling.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(r))));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(r)))):[]:this.menuRef.current?Array.from(this.menuRef.current.getElementsByTagName("LI")).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(r)))):[],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}),B&&this.props.containsDrilldown&&window.addEventListener("transitionend",this.props.isRootMenu?this.handleDrilldownTransition:null),this.allowTabFirstItem()}componentWillUnmount(){B&&this.props.containsDrilldown&&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:l,selected:r=null,onActionClick:d,ouiaId:p,ouiaSafe:u,containsFlyout:m,containsDrilldown:f,isMenuDrilledIn:g,isPlain:h,isScrollable:b,drilldownItemPath:v,drilledInMenus:y,onDrillIn:x,onDrillOut:E,onGetMenuHeight:O,parentMenu:S=null,activeItemId:I=null,innerRef:k,isRootMenu:D,activeMenu:L,role:T,isNavFlyout:M}=e,R=o(e,["id","children","className","onSelect","selected","onActionClick","ouiaId","ouiaSafe","containsFlyout","containsDrilldown","isMenuDrilledIn","isPlain","isScrollable","drilldownItemPath","drilledInMenus","onDrillIn","onDrillOut","onGetMenuHeight","parentMenu","activeItemId","innerRef","isRootMenu","activeMenu","role","isNavFlyout"]),j=g||y&&y.includes(t)||!1;return a.createElement(bt.Provider,{value:{menuId:t,parentMenu:S||t,onSelect:l,onActionClick:d,activeItemId:I,selected:r,drilledInMenus:y,drilldownItemPath:v,onDrillIn:x,onDrillOut:E,onGetMenuHeight:O,flyoutRef:this.state.flyoutRef,setFlyoutRef:e=>this.setState({flyoutRef:e}),disableHover:this.state.disableHover,role:T}},D&&a.createElement(ht,{containerRef:this.menuRef||null,additionalKeyHandler:this.handleExtraKeys,createNavigableElements:this.createNavigableElements,isActiveElement:e=>document.activeElement.closest("li")===e||document.activeElement.parentElement===e||document.activeElement.closest(`.${w}`)===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(N)||"INPUT"===document.activeElement.tagName),noEnterHandling:!0,noSpaceHandling:!0}),a.createElement("div",Object.assign({id:t,className:s(c,h&&C.plain,b&&C.scrollable,m&&C.flyout,M&&"pf-m-nav",f&&C.drilldown,j&&C.drilledIn,i),ref:this.menuRef},X(xt.displayName,void 0!==p?p:this.state.ouiaStateId,u),R),n))}}yt.displayName="Menu",yt.contextType=bt,yt.defaultProps={ouiaSafe:!0,isRootMenu:!0,isPlain:!1,isScrollable:!1,role:"menu"};const xt=a.forwardRef(((e,t)=>a.createElement(yt,Object.assign({},e,{innerRef:t}))));xt.displayName="Menu";const Et="--pf-v6-c-menu__content--Height",Ot="--pf-v6-c-menu__content--MaxHeight",wt=a.forwardRef(((e,t)=>{const{getHeight:n,children:i,menuHeight:l,maxMenuHeight:r}=e,c=o(e,["getHeight","children","menuHeight","maxMenuHeight"]),p=a.createRef();return a.createElement(bt.Consumer,null,(({menuId:o,onGetMenuHeight:u})=>a.createElement("div",Object.assign({},c,{className:s(d,e.className),ref:e=>((e,i,a)=>{if(e){let t=e.clientHeight,l=null,o=e.closest(`.${E}`);for(;null!==o&&1===o.nodeType;)o.classList.contains(E)&&(l=o),o=o.parentElement;if(l){const e=getComputedStyle(l);t+=parseFloat(e.getPropertyValue("padding-top").replace(/px/g,""))+parseFloat(e.getPropertyValue("padding-bottom").replace(/px/g,""))+parseFloat(getComputedStyle(l.parentElement).getPropertyValue("border-bottom-width").replace(/px/g,""))}a&&a(i,t),n&&n(t.toString())}return t||p})(e,o,u),style:Object.assign(Object.assign({},l&&{[Et]:l}),r&&{[Ot]:r})}),i)))}));wt.displayName="MenuContent";const Ct="--pf-v6-c-menu--m-flyout__menu--top-offset",Nt="--pf-v6-c-menu--m-flyout__menu--m-left--right-offset",St="--pf-v6-c-menu--m-flyout__menu--left-offset",It=I({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}),kt=I({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}),Dt=I({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}),Lt=I({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 Tt="pf-v6-c-check",Mt="pf-v6-c-check__body",Rt="pf-v6-c-check__description",jt="pf-v6-c-check__input",Pt="pf-v6-c-check__label",_t="pf-v6-c-check__label-required",At={standalone:"pf-m-standalone",disabled:"pf-m-disabled"};const Ft=()=>{};class Ht extends a.Component{constructor(e){super(e),this.handleChange=e=>{this.props.onChange(e,e.currentTarget.checked)},this.state={ouiaStateId:J(Ht.displayName)}}render(){const e=this.props,{"aria-label":t,className:n,inputClassName:i,onChange:l,isLabelWrapped:r,labelPosition:c="end",isValid:d,isDisabled:p,isRequired:u,isChecked:m,label:f,checked:g,defaultChecked:h,description:b,body:v,ouiaId:y,ouiaSafe:x,component:E}=e,O=o(e,["aria-label","className","inputClassName","onChange","isLabelWrapped","labelPosition","isValid","isDisabled","isRequired","isChecked","label","checked","defaultChecked","description","body","ouiaId","ouiaSafe","component"]);O.id||console.error("Checkbox:","id is required to make input accessible");const w={};([!0,!1].includes(g)||!0===m)&&(w.checked=g||m),l!==Ft&&(w.checked=m),[!1,!0].includes(h)&&(w.defaultChecked=h);const C=a.createElement("input",Object.assign({},O,{className:s(jt,i),type:"checkbox",onChange:this.handleChange,"aria-invalid":!d,"aria-label":t,disabled:p,required:u,ref:e=>e&&(e.indeterminate=null===m)},w,X(Ht.displayName,void 0!==y?y:this.state.ouiaStateId,x))),N=r&&!E||"label"===E,S=N?"span":"label",I=f?a.createElement(S,{className:s(Pt,p&&At.disabled),htmlFor:N?void 0:O.id},f,u&&a.createElement("span",{className:s(_t),"aria-hidden":"true"},"*")):null,k=null!=E?E:N?"label":"div";return w.checked=null!==w.checked&&w.checked,a.createElement(k,{className:s(Tt,!f&&At.standalone,n),htmlFor:N?O.id:void 0},"start"===c?a.createElement(a.Fragment,null,I,C):a.createElement(a.Fragment,null,C,I),b&&a.createElement("span",{className:s(Rt)},b),v&&a.createElement("span",{className:s(Mt)},v))}}Ht.displayName="Checkbox",Ht.defaultProps={className:"",isLabelWrapped:!1,isValid:!0,isDisabled:!1,isRequired:!1,isChecked:!1,onChange:Ft,ouiaSafe:!0};const Bt=I({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});var $t={badge:"pf-v6-c-badge",button:"pf-v6-c-button",buttonCount:"pf-v6-c-button__count",buttonIcon:"pf-v6-c-button__icon",buttonProgress:"pf-v6-c-button__progress",modifiers:{primary:"pf-m-primary",unread:"pf-m-unread",secondary:"pf-m-secondary",danger:"pf-m-danger",tertiary:"pf-m-tertiary",link:"pf-m-link",inline:"pf-m-inline",displayLg:"pf-m-display-lg",warning:"pf-m-warning",control:"pf-m-control",stateful:"pf-m-stateful",read:"pf-m-read",attention:"pf-m-attention",plain:"pf-m-plain",noPadding:"pf-m-no-padding",block:"pf-m-block",small:"pf-m-small",clicked:"pf-m-clicked",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-v6-c-spinner"},Wt={modifiers:{inline:"pf-m-inline",sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"},spinner:"pf-v6-c-spinner",spinnerPath:"pf-v6-c-spinner__path"};const zt="--pf-v6-c-spinner--diameter";var Vt;!function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(Vt||(Vt={}));const Ut=e=>{var{className:t="",size:n="xl","aria-valuetext":i="Loading...",diameter:l,isInline:r=!1,"aria-label":c,"aria-labelledBy":d}=e,p=o(e,["className","size","aria-valuetext","diameter","isInline","aria-label","aria-labelledBy"]);return a.createElement("svg",Object.assign({className:s(Wt.spinner,r?Wt.modifiers.inline:Wt.modifiers[n],t),role:"progressbar","aria-valuetext":i,viewBox:"0 0 100 100"},l&&{style:{[zt]:l}},c&&{"aria-label":c},d&&{"aria-labelledBy":d},!c&&!d&&{"aria-label":"Contents"},p),a.createElement("circle",{className:Wt.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"}))};Ut.displayName="Spinner";var qt="pf-v6-c-badge",Gt={read:"pf-m-read",unread:"pf-m-unread",disabled:"pf-m-disabled"};const Xt=e=>{var{isRead:t=!1,isDisabled:n=!1,className:i="",children:l="",screenReaderText:r}=e,c=o(e,["isRead","isDisabled","className","children","screenReaderText"]);return a.createElement("span",Object.assign({},c,{className:s(qt,t?Gt.read:Gt.unread,n&&Gt.disabled,i)}),l,r&&a.createElement("span",{className:"pf-v6-screen-reader"},r))};var Kt,Zt,Jt,Yt;Xt.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",e.stateful="stateful"}(Kt||(Kt={})),function(e){e.button="button",e.submit="submit",e.reset="reset"}(Zt||(Zt={})),function(e){e.default="default",e.sm="sm",e.lg="lg"}(Jt||(Jt={})),function(e){e.read="read",e.unread="unread",e.attention="attention"}(Yt||(Yt={}));const Qt=e=>{var{children:t=null,className:n="",component:i="button",isClicked:l=!1,isBlock:r=!1,isDisabled:c=!1,isAriaDisabled:d=!1,isLoading:p=null,isDanger:u=!1,spinnerAriaValueText:m,spinnerAriaLabelledBy:f,spinnerAriaLabel:g,size:h=Jt.default,inoperableEvents:b=["onClick","onKeyPress"],isInline:v=!1,type:y=Zt.button,variant:x=Kt.primary,state:E=Yt.unread,hasNoPadding:O=!1,iconPosition:w="start","aria-label":C=null,icon:N=null,role:S,ouiaId:I,ouiaSafe:k=!0,tabIndex:D=null,innerRef:L,countOptions:T}=e,M=o(e,["children","className","component","isClicked","isBlock","isDisabled","isAriaDisabled","isLoading","isDanger","spinnerAriaValueText","spinnerAriaLabelledBy","spinnerAriaLabel","size","inoperableEvents","isInline","type","variant","state","hasNoPadding","iconPosition","aria-label","icon","role","ouiaId","ouiaSafe","tabIndex","innerRef","countOptions"]);const R=K(en.displayName,I,k,x),j=i,P="button"===j,_=v&&"span"===j,A="end"===w||"right"===w,F=b.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{}),H=N&&a.createElement("span",{className:s($t.buttonIcon,t&&$t.modifiers[A?"end":"start"])},N),B=t&&a.createElement("span",{className:s("pf-v6-c-button__text")},t);return a.createElement(j,Object.assign({},M,d?F:null,{"aria-disabled":d||!P&&c,"aria-label":C,className:s($t.button,$t.modifiers[x],r&&$t.modifiers.block,c&&!P&&$t.modifiers.disabled,d&&$t.modifiers.ariaDisabled,l&&$t.modifiers.clicked,v&&x===Kt.link&&$t.modifiers.inline,u&&(x===Kt.secondary||x===Kt.link)&&$t.modifiers.danger,null!==p&&x!==Kt.plain&&$t.modifiers.progress,p&&$t.modifiers.inProgress,O&&x===Kt.plain&&$t.modifiers.noPadding,x===Kt.stateful&&$t.modifiers[E],h===Jt.sm&&$t.modifiers.small,h===Jt.lg&&$t.modifiers.displayLg,n),disabled:P?c:null,tabIndex:null!==D?D:c?P?null:-1:d?null:_?0:void 0,type:P||_?y:null,role:_?"button":S,ref:L},R),p&&a.createElement("span",{className:s($t.buttonProgress)},a.createElement(Ut,{size:Vt.md,isInline:v,"aria-valuetext":m,"aria-label":g,"aria-labelledby":f})),A?a.createElement(a.Fragment,null,B,H):a.createElement(a.Fragment,null,H,B),T&&a.createElement("span",{className:s($t.buttonCount,T.className)},a.createElement(Xt,{isRead:T.isRead,isDisabled:c},T.count)))},en=a.forwardRef(((e,t)=>a.createElement(Qt,Object.assign({innerRef:t},e))));en.displayName="Button";const tn=e=>{var{className:t,icon:n,onClick:i,"aria-label":l,isFavorited:r=null,isDisabled:c,actionId:d,innerRef:p}=e,m=o(e,["className","icon","onClick","aria-label","isFavorited","isDisabled","actionId","innerRef"]);return a.createElement(bt.Consumer,null,(({onActionClick:e})=>a.createElement(vt.Consumer,null,(({itemId:o,isDisabled:f})=>a.createElement("div",Object.assign({className:s(u,null!==r&&"pf-m-favorite",r&&C.favorited,t)},m),a.createElement(en,{"aria-label":l,onClick:t=>{i&&i(t),e&&e(t,o,d)},ref:p,role:"menuitem",variant:"plain",tabIndex:-1,isDisabled:c||f,icon:"favorites"===n||null!==r?a.createElement(Bt,null):n}))))))},nn=a.forwardRef(((e,t)=>a.createElement(tn,Object.assign({},e,{innerRef:t}))));nn.displayName="MenuItemAction";var an={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"},ln="pf-v6-c-tooltip",on="pf-v6-c-tooltip__arrow",sn="pf-v6-c-tooltip__content";const rn=e=>{var{className:t,children:n,isLeftAligned:i}=e,l=o(e,["className","children","isLeftAligned"]);return a.createElement("div",Object.assign({className:s(sn,i&&an.textAlignLeft,t)},l),n)};rn.displayName="TooltipContent";const cn=e=>{var{className:t}=e,n=o(e,["className"]);return a.createElement("div",Object.assign({className:s(on,t)},n))};cn.displayName="TooltipArrow";const dn={name:"--pf-v6-c-tooltip--MaxWidth",value:"18.75rem",var:"var(--pf-v6-c-tooltip--MaxWidth)"};var pn;!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"}(pn||(pn={}));let un=1;const mn=e=>{var{content:t,position:n="top",trigger:i="mouseenter focus",isVisible:l=!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=dn.value,distance:b=15,aria:v="describedby",flipBehavior:y=["top","right","bottom","left","top","right","bottom"],id:x="pf-tooltip-"+un++,children:E,animationDuration:O=300,triggerRef:w,"aria-live":C=(w?"polite":"off"),onTooltipHidden:N=(()=>{})}=e,S=o(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"),D=i.includes("click"),L="manual"===i,[T,M]=a.useState(!1),R=a.createRef();a.useEffect((()=>{l?_():A()}),[l]);const _=()=>{M(!0)},A=()=>{M(!1)},F={top:an.top,bottom:an.bottom,left:an.left,right:an.right,"top-start":an.topLeft,"top-end":an.topRight,"bottom-start":an.bottomLeft,"bottom-end":an.bottomRight,"left-start":an.leftTop,"left-end":an.leftBottom,"right-start":an.rightTop,"right-end":an.rightBottom},H=h!==dn.value,B=a.createElement("div",Object.assign({"aria-live":C,className:s(ln,d),role:"tooltip",id:x,style:{maxWidth:H?h:null},ref:R},S),a.createElement(cn,null),a.createElement(rn,{isLeftAligned:r},t));return a.createElement(ft,{trigger:"none"!==v&&T?"describedby"===v&&E&&E.props&&!E.props["aria-describedby"]?a.cloneElement(E,{"aria-describedby":x}):"labelledby"===v&&E.props&&!E.props["aria-labelledby"]?a.cloneElement(E,{"aria-labelledby":x}):E:E,triggerRef:w,popper:B,popperRef:R,minWidth:void 0!==g?g:"revert",appendTo:m,isVisible:T,positionModifiers:F,distance:b,placement:n,onMouseEnter:I&&_,onMouseLeave:I&&A,onPopperMouseEnter:I&&_,onPopperMouseLeave:I&&A,onFocus:k&&_,onBlur:k&&A,onDocumentClick:D&&((e,t)=>{T?A():e.target===t&&_()}),onDocumentKeyDown:L?null:e=>{L||e.key===j&&T&&A()},onTriggerEnter:L?null:e=>{e.key===P&&(T?A():_())},enableFlip:c,zIndex:f,flipBehavior:y,animationDuration:O,entryDelay:p,exitDelay:u,onHidden:N})};mn.displayName="Tooltip";const fn=a.createContext({direction:"right"}),gn=e=>{var{children:t,className:n,itemId:i=null,to:l,hasCheckbox:d=!1,isActive:u=null,isFavorited:E=null,isLoadButton:w=!1,isLoading:N=!1,flyoutMenu:S,direction:I,description:k=null,onClick:D=(()=>{}),component:L="button",isDisabled:T=!1,isAriaDisabled:M=!1,isExternalLink:R=!1,isSelected:j=null,isFocused:P,isDanger:_=!1,icon:A,actions:F,onShowFlyout:H,drilldownMenu:$,isOnPath:W,innerRef:z,id:U,"aria-label":q,tooltipProps:G,rel:X,target:K,download:Z}=e,J=o(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:Y,parentMenu:Q,onSelect:ee,onActionClick:te,activeItemId:ne,selected:ie,drilldownItemPath:ae,onDrillIn:le,onDrillOut:oe,flyoutRef:se,setFlyoutRef:re,disableHover:ce,role:de}=a.useContext(bt);let pe=l?"a":L;d&&!l&&(pe="label");const[ue,me]=a.useState(null),fe=a.useContext(fn),[ge,he]=a.useState(fe.direction),be=a.useRef(),ve=be===se,ye=void 0!==S,xe=e=>{!ve&&e?re(be):ve&&!e&&re(null),H&&e&&H()};rt((()=>{if(ye&&be.current&&B){const e=be.current.lastElementChild;if(e&&e.classList.contains(c)){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 l=ge;a<0&&"left"!==l?(he("left"),l="left"):i<0&&"right"!==l&&(he("right"),l="right");let o=0;i<0&&a<0&&(o="right"===l?-a:-i),"left"===l?(e.classList.add(C.left),e.style.setProperty(Nt,`-${o}px`)):e.style.setProperty(St,`-${o}px`);const s=window.innerHeight-t.y-n.height;window.innerHeight-n.height<0&&s<0||s<0&&e.style.setProperty(Ct,`${s}px`)}}}}),[ve,S]),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(r))))[0].firstChild.focus()}else ue.focus()}),[ve,ue]);const Ee=e=>{const t=e.key,n=e.target,i=e.type;" "!==t&&"Enter"!==t&&"ArrowRight"!==t&&"click"!==i||(e.stopPropagation(),e.preventDefault(),ve||(xe(!0),me(n))),"Escape"!==t&&"ArrowLeft"!==t||ve&&(e.stopPropagation(),xe(!1))},Oe=(e,t)=>{M||(t&&t(e,i),D&&D(e))},we=W&&W||ae&&ae.includes(i)||!1;let Ce;I&&(Ce="down"===I?e=>le&&le(e,Y,"function"==typeof $?$().props.id:$.props.id,i):e=>oe&&oe(e,Q,i));let Ne={};"a"===pe?Ne={href:l,"aria-disabled":!(!T&&!M)||null,disabled:null,target:R?"_blank":K,rel:X,download:Z}:"button"===pe&&(Ne={type:"button","aria-disabled":!!M||null}),W?Ne["aria-expanded"]=!0:ye&&(Ne["aria-haspopup"]="menu",Ne["aria-expanded"]=ve);const Se=()=>null!==j?j: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(V,null,(e=>a.createElement(pe,Object.assign({id:U,tabIndex:-1,className:s(p,Se()&&!d&&C.selected,n),"aria-current":null!==u?u?"page":null:null!==i&&null!==ne?i===ne:null},!d&&{disabled:T,"aria-label":q},!d&&!S&&{role:Ie?"option":"menuitem"},!d&&!S&&Ie&&{"aria-selected":Se()},{ref:z},!d&&{onClick:e=>{M?e.preventDefault():(Oe(e,ee),Ce&&Ce(e),S&&Ee(e))}},d&&{htmlFor:e},Ne),a.createElement("span",{className:s(b)},"up"===I&&a.createElement("span",{className:s(x)},a.createElement(Dt,null)),A&&a.createElement("span",{className:s(h)},A),d&&a.createElement("span",{className:s(m)},a.createElement(Ht,{id:e,component:"span",isChecked:j||!1,onChange:e=>Oe(e,ee),isDisabled:T,"aria-disabled":M})),a.createElement("span",{className:s(y)},t),R&&a.createElement("span",{className:s(g)},a.createElement(It,null)),(S||"down"===I)&&a.createElement("span",{className:s(x)},a.createElement(kt,null)),Se()&&a.createElement("span",{className:s(v)},a.createElement(Lt,null))),k&&"up"!==I&&a.createElement("span",{className:s(f)},a.createElement("span",null,k))))),ve&&a.createElement(bt.Provider,{value:{disableHover:ce}},a.createElement(fn.Provider,{value:{direction:ge}},S)),"function"==typeof $?$():$,a.createElement(vt.Provider,{value:{itemId:i,isDisabled:T}},F,null!==E&&a.createElement(nn,{icon:"favorites",isFavorited:E,"aria-label":E?"starred":"not starred",onClick:e=>te(e,i),tabIndex:-1,actionId:"fav"})));return a.createElement("li",Object.assign({className:s(O,T&&C.disabled,M&&C.ariaDisabled,we&&C.currentPath,w&&C.load,N&&C.loading,P&&"pf-m-focus",_&&C.danger,n),onMouseOver:()=>{M||ce||(ye?xe(!0):re(null))}},S&&!M&&{onKeyDown:Ee},{ref:be,role:d?"menuitem":"none"},d&&{"aria-label":q},J),G?a.createElement(mn,Object.assign({},G),ke):ke)},hn=a.forwardRef(((e,t)=>a.createElement(gn,Object.assign({},e,{innerRef:t}))));hn.displayName="MenuItem";const bn=e=>{var{children:t=null,className:n,isAriaMultiselectable:i=!1,"aria-label":l}=e,r=o(e,["children","className","isAriaMultiselectable","aria-label"]);const{role:c}=a.useContext(bt);return a.createElement("ul",Object.assign({role:c},"listbox"===c&&{"aria-multiselectable":i},{className:s(E,n),"aria-label":l},r),t)};bn.displayName="MenuList";const vn=e=>{var{children:n,className:i,onSelect:a,isOpen:l,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:x,maxMenuHeight:E,shouldFocusFirstItemOnOpen:O=!1,shouldPreventScrollOnItemFocus:w=!0,focusTimeoutDelay:C=0}=e,N=o(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(),I=t.useRef(),k=K(yn.displayName,g,h),D=f||S,L="function"==typeof r||"function"!=typeof r&&!r.toggleRef?I:null==r?void 0:r.toggleRef,T=t.useRef(l);t.useEffect((()=>{!1===T.current&&!0===l&&O&&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})}),C),T.current=l}),[l]),t.useEffect((()=>{const e=e=>{var t,n,i,a;l&&d&&((null===(t=D.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=L.current)||void 0===n?void 0:n.contains(e.target)))&&y.includes(e.key)&&(d(!1),null===(i=L.current)||void 0===i||i.focus()),(null===(a=L.current)||void 0===a?void 0:a.contains(e.target))&&(p?p(e):l&>(e,D))},t=e=>{var t,n;l&&d&&!(null===(t=null==L?void 0:L.current)||void 0===t?void 0:t.contains(e.target))&&l&&!(null===(n=D.current)||void 0===n?void 0:n.contains(e.target))&&d(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[l,D,L,d,y,p,w,O,C]);const M=void 0!==E||void 0!==x||m,R=t.createElement(xt,Object.assign({className:s(i),ref:D,onSelect:(e,t)=>{var n;a&&a(e,t),c&&(null===(n=L.current)||void 0===n||n.focus())},isPlain:u,isScrollable:M},N,k),t.createElement(wt,{menuHeight:x,maxMenuHeight:E},n));return t.createElement(ft,Object.assign({trigger:"function"==typeof r?r(L):r.toggleNode,triggerRef:L,popper:R,popperRef:D,isVisible:l,zIndex:b},v))},yn=t.forwardRef(((e,n)=>t.createElement(vn,Object.assign({innerRef:n},e))));yn.displayName="Dropdown";const xn=e=>{var{children:n,className:i,description:a,isDisabled:l,isAriaDisabled:r,value:c,onClick:d,ouiaId:p,ouiaSafe:u,innerRef:m,tooltipProps:f}=e,g=o(e,["children","className","description","isDisabled","isAriaDisabled","value","onClick","ouiaId","ouiaSafe","innerRef","tooltipProps"]);const h=K(En.displayName,p,u);return t.createElement(hn,Object.assign({className:s(i),description:a,isDisabled:l,isAriaDisabled:r,itemId:c,onClick:d,tooltipProps:f,ref:m},h,g),n)},En=t.forwardRef(((e,n)=>t.createElement(xn,Object.assign({},e,{innerRef:n}))));En.displayName="DropdownItem";const On=e=>{var{children:n,className:i}=e,a=o(e,["children","className"]);return t.createElement(bn,Object.assign({className:s(i)},a),n)};On.displayName="DropdownList";var wn={avatar:"pf-v6-c-avatar",button:"pf-v6-c-button",check:"pf-v6-c-check",checkInput:"pf-v6-c-check__input",menuToggle:"pf-v6-c-menu-toggle",menuToggleButton:"pf-v6-c-menu-toggle__button",menuToggleControls:"pf-v6-c-menu-toggle__controls",menuToggleCount:"pf-v6-c-menu-toggle__count",menuToggleIcon:"pf-v6-c-menu-toggle__icon",menuToggleStatusIcon:"pf-v6-c-menu-toggle__status-icon",menuToggleText:"pf-v6-c-menu-toggle__text",menuToggleToggleIcon:"pf-v6-c-menu-toggle__toggle-icon",modifiers:{primary:"pf-m-primary",secondary:"pf-m-secondary",fullHeight:"pf-m-full-height",fullWidth:"pf-m-full-width",plain:"pf-m-plain",expanded:"pf-m-expanded",disabled:"pf-m-disabled",small:"pf-m-small",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger",placeholder:"pf-m-placeholder",splitButton:"pf-m-split-button",standalone:"pf-m-standalone",typeahead:"pf-m-typeahead",text:"pf-m-text",avatar:"pf-m-avatar"},textInputGroup:"pf-v6-c-text-input-group"};const Cn=I({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});var Nn,Sn;!function(e){e.success="success",e.danger="danger",e.warning="warning"}(Nn||(Nn={})),function(e){e.default="default",e.sm="sm"}(Sn||(Sn={}));class In extends a.Component{constructor(){super(...arguments),this.displayName="MenuToggleBase",this.state={ouiaStateId:J(kn.displayName,this.props.variant)}}render(){const e=this.props,{children:t,className:n,icon:i,badge:l,isExpanded:r,isDisabled:c,isFullHeight:d,isFullWidth:p,isPlaceholder:u,splitButtonItems:m,variant:f,status:g,statusIcon:h,innerRef:b,onClick:v,"aria-label":y,ouiaId:x,ouiaSafe:E,size:O}=e,w=o(e,["children","className","icon","badge","isExpanded","isDisabled","isFullHeight","isFullWidth","isPlaceholder","splitButtonItems","variant","status","statusIcon","innerRef","onClick","aria-label","ouiaId","ouiaSafe","size"]),C="plain"===f,N="plainText"===f,S="typeahead"===f,I=X(kn.displayName,null!=x?x:this.state.ouiaStateId,E);let T=h;if(!h)switch(g){case Nn.success:T=a.createElement(k,null);break;case Nn.warning:T=a.createElement(L,null);break;case Nn.danger:T=a.createElement(D,null)}const M=a.createElement("span",{className:s(wn.menuToggleControls)},void 0!==g&&a.createElement("span",{className:s(wn.menuToggleStatusIcon)},T),a.createElement("span",{className:s(wn.menuToggleToggleIcon)},a.createElement(Cn,null))),R=a.createElement(a.Fragment,null,i&&a.createElement("span",{className:s(wn.menuToggleIcon)},i),S?t:t&&a.createElement("span",{className:s(wn.menuToggleText)},t),a.isValidElement(l)&&a.createElement("span",{className:s(wn.menuToggleCount)},l),S?a.createElement("button",Object.assign({type:"button",className:s(wn.menuToggleButton),"aria-expanded":r,onClick:v,"aria-label":y||"Menu toggle",tabIndex:-1},I),M):!C&&M),j=s(wn.menuToggle,r&&wn.modifiers.expanded,"primary"===f&&wn.modifiers.primary,"secondary"===f&&wn.modifiers.secondary,g&&wn.modifiers[g],(C||N)&&wn.modifiers.plain,N&&"pf-m-text",d&&wn.modifiers.fullHeight,p&&wn.modifiers.fullWidth,c&&wn.modifiers.disabled,u&&wn.modifiers.placeholder,O===Sn.sm&&wn.modifiers.small,n),P=Object.assign(Object.assign({children:R},c&&{disabled:!0}),w);return S?a.createElement("div",Object.assign({ref:b,className:s(j,wn.modifiers.typeahead)},P)):m?a.createElement("div",{ref:b,className:s(j,wn.modifiers.splitButton)},m,a.createElement("button",Object.assign({className:s(wn.menuToggleButton,t&&wn.modifiers.text),type:"button","aria-expanded":r,"aria-label":y,disabled:c,onClick:v},w,I),t&&a.createElement("span",{className:s(wn.menuToggleText)},t),M)):a.createElement("button",Object.assign({className:s(j),type:"button","aria-label":y,"aria-expanded":r,ref:b,disabled:c,onClick:v},P,I))}}In.defaultProps={className:"",isExpanded:!1,isDisabled:!1,isFullWidth:!1,isFullHeight:!1,isPlaceholder:!1,size:"default",ouiaSafe:!0};const kn=a.forwardRef(((e,t)=>a.createElement(In,Object.assign({innerRef:t},e))));kn.displayName="MenuToggle";var Dn,Ln={divider:"pf-v6-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",horizontal:"pf-m-horizontal",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"}(Dn||(Dn={}));const Tn=e=>{var{className:t,component:n=Dn.hr,inset:i,orientation:l}=e,r=o(e,["className","component","inset","orientation"]);const c=n;return a.createElement(c,Object.assign({className:s(Ln.divider,A(i,Ln),A(l,Ln),t)},"hr"!==n&&{role:"separator"},r))};Tn.displayName="Divider";const Mn=e=>{var{innerRef:n,initialItems:i,onSelect:a,onToggle:l,isDisabled:s,toggleAriaLabel:r,toggleContent:c,isToggleFullWidth:d,toggleVariant:p="default",toggleWidth:u,toggleProps:m,shouldFocusToggleOnSelect:f}=e,g=o(e,["innerRef","initialItems","onSelect","onToggle","isDisabled","toggleAriaLabel","toggleContent","isToggleFullWidth","toggleVariant","toggleWidth","toggleProps","shouldFocusToggleOnSelect"]);const[h,b]=t.useState(!1),v=()=>{l&&l(!h),b(!h)},y=null==i?void 0:i.map((e=>{const{content:n,onClick:i,to:a,value:l,isDivider:s}=e,r=o(e,["content","onClick","to","value","isDivider"]);return s?t.createElement(Tn,{component:"li",key:l}):t.createElement(En,Object.assign({onClick:i,to:a,key:l,value:l},r),n)}));return t.createElement(yn,Object.assign({toggle:e=>t.createElement(kn,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),l&&l(!1),b(!1)},shouldFocusToggleOnSelect:f,onOpenChange:e=>{l&&l(e),b(e)},ref:n},g),t.createElement(On,null,y))},Rn=t.forwardRef(((e,n)=>t.createElement(Mn,Object.assign({},e,{innerRef:n}))));Rn.displayName="SimpleDropdown";const jn=e=>{var{children:n,className:i,onSelect:a,isOpen:l,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:x,menuHeight:E,maxMenuHeight:O,isScrollable:w,shouldPreventScrollOnItemFocus:C=!0,focusTimeoutDelay:N=0}=e,S=o(e,["children","className","onSelect","isOpen","selected","toggle","shouldFocusToggleOnSelect","shouldFocusFirstItemOnOpen","onOpenChange","onOpenChangeKeys","onToggleKeydown","variant","isPlain","innerRef","zIndex","role","popperProps","menuHeight","maxMenuHeight","isScrollable","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const I=t.useRef(),k=t.useRef(),D=b||I,L="function"==typeof c||"function"!=typeof c&&!c.toggleRef?k:null==c?void 0:c.toggleRef,T=t.useRef(l);t.useEffect((()=>{!1===T.current&&!0===l&&p&&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:C})}),N),T.current=l}),[l]),t.useEffect((()=>{const e=e=>{var t,n,i,a;l&&u&&((null===(t=D.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=L.current)||void 0===n?void 0:n.contains(e.target)))&&m.includes(e.key)&&(e.preventDefault(),u(!1),null===(i=L.current)||void 0===i||i.focus()),(null===(a=L.current)||void 0===a?void 0:a.contains(e.target))&&(f?f(e):l&&"typeahead"!==g&>(e,D))},t=e=>{var t,n;l&&u&&!(null===(t=null==L?void 0:L.current)||void 0===t?void 0:t.contains(e.target))&&l&&!(null===(n=D.current)||void 0===n?void 0:n.contains(e.target))&&u(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[l,D,L,u,m,f,C,p,N]);const M=t.createElement(xt,Object.assign({role:y,className:s(i),ref:D,onSelect:(e,t)=>{a&&a(e,t),d&&L.current.focus()},isPlain:h,selected:r,isScrollable:null!=w?w:void 0!==E||void 0!==O},X(Pn.displayName,void 0!==S.ouiaId?S.ouiaId:J(Pn.displayName),void 0===S.ouiaSafe||S.ouiaSafe),S),t.createElement(wt,{menuHeight:E,maxMenuHeight:O},n));return t.createElement(ft,Object.assign({trigger:"function"==typeof c?c(L):c.toggleNode,triggerRef:L,popper:M,popperRef:D,isVisible:l,zIndex:v},x))},Pn=t.forwardRef(((e,n)=>t.createElement(jn,Object.assign({innerRef:n},e))));Pn.displayName="Select";const _n=e=>{var{children:n,className:i,isAriaMultiselectable:a=!1}=e,l=o(e,["children","className","isAriaMultiselectable"]);return t.createElement(bn,Object.assign({isAriaMultiselectable:a,className:s(i)},l),n)};_n.displayName="SelectList";const An=e=>{var{children:n,className:i,innerRef:a,value:l}=e,r=o(e,["children","className","innerRef","value"]);return t.createElement(hn,Object.assign({itemId:l,ref:a,className:s(i)},r),n)},Fn=t.forwardRef(((e,n)=>t.createElement(An,Object.assign({},e,{innerRef:n}))));Fn.displayName="SelectOption";const Hn=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:l,onToggle:s,toggleContent:r,toggleWidth:c="200px",toggleProps:d,placeholder:p="Select a value"}=e,u=o(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=o(e,["content","value"]),l=(null==g?void 0:g.value)===i;return t.createElement(Fn,Object.assign({value:i,key:i,isSelected:l},a),n)})),v=()=>{s&&s(!m),f(!m)};return t.createElement(Pn,Object.assign({isOpen:m,selected:g,onSelect:(e,t)=>{l&&l(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(kn,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(_n,null,b))},Bn=t.forwardRef(((e,n)=>t.createElement(Hn,Object.assign({},e,{innerRef:n}))));Bn.displayName="SimpleSelect";const $n=I({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 Wn={labelGroupMain:"pf-v6-c-label-group__main",modifiers:{disabled:"pf-m-disabled",plain:"pf-m-plain",success:"pf-m-success",warning:"pf-m-warning",error:"pf-m-error",icon:"pf-m-icon",status:"pf-m-status",hint:"pf-m-hint"},textInputGroup:"pf-v6-c-text-input-group",textInputGroupGroup:"pf-v6-c-text-input-group__group",textInputGroupIcon:"pf-v6-c-text-input-group__icon",textInputGroupMain:"pf-v6-c-text-input-group__main",textInputGroupText:"pf-v6-c-text-input-group__text",textInputGroupTextInput:"pf-v6-c-text-input-group__text-input",textInputGroupUtilities:"pf-v6-c-text-input-group__utilities"};const zn=a.createContext({isDisabled:!1}),Vn=e=>{var{children:t,className:n,isDisabled:i,isPlain:l,validated:r,innerRef:c}=e,d=o(e,["children","className","isDisabled","isPlain","validated","innerRef"]);const p=a.useRef(null),u=c||p;return a.createElement(zn.Provider,{value:{isDisabled:i,validated:r}},a.createElement("div",Object.assign({ref:u,className:s(Wn.textInputGroup,i&&Wn.modifiers.disabled,l&&Wn.modifiers.plain,r&&Wn.modifiers[r],n)},d),t))};Vn.displayName="TextInputGroup";const Un=e=>{var{children:t,className:n,isStatus:i}=e,l=o(e,["children","className","isStatus"]);return a.createElement("span",Object.assign({className:s(Wn.textInputGroupIcon,i&&Wn.modifiers.status,n)},l),t)};Un.displayName="TextInputGroupIcon";const qn=e=>{var{children:t,className:n,icon:i,type:l="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":x,inputId:E}=e,O=o(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,validated:C}=a.useContext(zn),N=a.useRef(null),S=g||N,I=_[C===R.error?"danger":C];return a.createElement("div",Object.assign({className:s(Wn.textInputGroupMain,i&&Wn.modifiers.icon,n)},O),t,a.createElement("span",{className:s(Wn.textInputGroupText)},r&&a.createElement("input",{className:s(Wn.textInputGroupTextInput,Wn.modifiers.hint),type:"text",disabled:!0,"aria-hidden":"true",value:r,id:E}),i&&a.createElement(Un,null,i),a.createElement("input",Object.assign({ref:S,type:l,className:s(Wn.textInputGroupTextInput),"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:E},v&&{role:v},void 0!==y&&{"aria-expanded":y},x&&{"aria-controls":x})),C&&a.createElement(Un,{isStatus:!0},a.createElement(I,null))))},Gn=a.forwardRef(((e,t)=>a.createElement(qn,Object.assign({innerRef:t},e))));Gn.displayName="TextInputGroupMain";const Xn=e=>{var{children:t,className:n}=e,i=o(e,["children","className"]);return a.createElement("div",Object.assign({className:s(Wn.textInputGroupUtilities,n)},i),t)};Xn.displayName="TextInputGroupUtilities";var Kn={button:"pf-v6-c-button",label:"pf-v6-c-label",labelActions:"pf-v6-c-label__actions",labelContent:"pf-v6-c-label__content",labelIcon:"pf-v6-c-label__icon",labelText:"pf-v6-c-label__text",modifiers:{blue:"pf-m-blue",red:"pf-m-red",orange:"pf-m-orange",orangered:"pf-m-orangered",yellow:"pf-m-yellow",green:"pf-m-green",teal:"pf-m-teal",purple:"pf-m-purple",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger",info:"pf-m-info",custom:"pf-m-custom",compact:"pf-m-compact",filled:"pf-m-filled",outline:"pf-m-outline",editable:"pf-m-editable",editableActive:"pf-m-editable-active",overflow:"pf-m-overflow",add:"pf-m-add",clickable:"pf-m-clickable",disabled:"pf-m-disabled"}},Zn="pf-v6-c-label-group",Jn="pf-v6-c-label-group__close",Yn="pf-v6-c-label-group__label",Qn="pf-v6-c-label-group__list",ei="pf-v6-c-label-group__list-item",ti="pf-v6-c-label-group__main",ni="pf-v6-c-label-group__textarea",ii={category:"pf-m-category",vertical:"pf-m-vertical",editable:"pf-m-editable",textarea:"pf-m-textarea"};const ai="--pf-v6-c-label__text--MaxWidth",li={blue:Kn.modifiers.blue,teal:Kn.modifiers.teal,green:Kn.modifiers.green,orange:Kn.modifiers.orange,purple:Kn.modifiers.purple,red:Kn.modifiers.red,orangered:Kn.modifiers.orangered,yellow:Kn.modifiers.yellow,grey:""},oi={success:a.createElement(k,null),warning:a.createElement(L,null),danger:a.createElement(D,null),info:a.createElement(T,null),custom:a.createElement(M,null)},si=e=>{var{children:n,className:i="",color:l="grey",variant:r="filled",status:c,isCompact:d=!1,isDisabled:p=!1,isEditable:u=!1,editableProps:m,textMaxWidth:f,tooltipPosition:g,icon:h,onClose:b,onClick:v,onEditCancel:y,onEditComplete:x,closeBtn:E,closeBtnAriaLabel:O,closeBtnProps:w,href:C,render:N}=e,S=o(e,["children","className","color","variant","status","isCompact","isDisabled","isEditable","editableProps","textMaxWidth","tooltipPosition","icon","onClose","onClick","onEditCancel","onEditComplete","closeBtn","closeBtnAriaLabel","closeBtnProps","href","render"]);const[I,k]=t.useState(!1),[D,L]=t.useState(n),T=a.useRef(),M=a.useRef(),R="overflow"===r,j="add"===r,P=v&&!R&&!j||C;let _;c&&(_=oi[c]),h&&(_=h),a.useEffect((()=>(document.addEventListener("mousedown",A),document.addEventListener("keydown",F),()=>{document.removeEventListener("mousedown",A),document.removeEventListener("keydown",F)}))),a.useEffect((()=>{v&&C?console.warn("Link labels cannot have onClick passed, this results in invalid HTML. Please remove either the href or onClick prop."):v&&u&&console.warn("Editable labels cannot have onClick passed, clicking starts the label edit process. Please remove either the isEditable or onClick prop.")}),[v,C,u]);const A=e=>{I&&M&&M.current&&!M.current.contains(e.target)&&(M.current.value&&x&&x(e,M.current.value),k(!1))},F=e=>{var t,i;const a=e.key;if((I||T&&T.current&&T.current.contains(e.target))&&(!I||M&&M.current&&M.current.contains(e.target))&&(!I||"Enter"!==a&&"Tab"!==a||(e.preventDefault(),e.stopImmediatePropagation(),M.current.value&&x&&x(e,M.current.value),k(!1),null===(t=null==T?void 0:T.current)||void 0===t||t.focus()),I&&"Escape"===a&&(e.preventDefault(),e.stopImmediatePropagation(),M.current.value&&(M.current.value=n,y&&y(e,n)),k(!1),null===(i=null==T?void 0:T.current)||void 0===i||i.focus()),!I&&"Enter"===a)){e.preventDefault(),e.stopImmediatePropagation(),k(!0);const t=e.target,n=document.createRange(),i=window.getSelection();n.selectNodeContents(t),n.collapse(!1),i.removeAllRanges(),i.addRange(n)}},H=(C||v)&&p,B=a.createElement(en,Object.assign({type:"button",variant:"plain",hasNoPadding:!0,onClick:b,"aria-label":O||`Close ${n}`},H&&{isDisabled:!0},w,{icon:a.createElement($n,null)})),$=a.createElement("span",{className:s(Kn.labelActions)},E||B),W=a.createRef(),z=a.useRef(),[V,U]=a.useState(!1);rt((()=>{const e=u?T:W;I||U(e.current&&e.current.offsetWidth<e.current.scrollWidth)}),[I]);const q=a.createElement(a.Fragment,null,_&&a.createElement("span",{className:s(Kn.labelIcon)},_),a.createElement("span",Object.assign({ref:W,className:s(Kn.labelText)},f&&{style:{[ai]:f}}),n));a.useEffect((()=>{I&&M&&M.current&&M.current.focus()}),[M,I]);let G="span";C?G="a":(u||v&&!R&&!j)&&(G="button");const X={type:"button",onClick:v},K="button"===G,Z=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({className:s(Kn.labelContent,P&&Kn.modifiers.clickable)},V&&{tabIndex:0}),C&&{href:C}),C&&p&&{onClick:e=>e.preventDefault()}),K&&X),u&&Object.assign({ref:T,onClick:e=>{k(!0),e.stopPropagation()}},m)),H&&K&&{disabled:!0}),H&&C&&{tabIndex:-1,"aria-disabled":!0});let J=a.createElement(G,Object.assign({},Z),q);N?J=a.createElement(a.Fragment,null,V&&a.createElement(mn,{triggerRef:z,content:n,position:g}),N({className:Kn.labelContent,content:q,componentRef:z})):V&&(J=a.createElement(mn,{content:n,position:g},J));const Y=R?"button":"span";return a.createElement(Y,Object.assign({},S,{className:s(Kn.label,H&&Kn.modifiers.disabled,li[l],"filled"===r&&Kn.modifiers.filled,"outline"===r&&Kn.modifiers.outline,c&&Kn.modifiers[c],R&&Kn.modifiers.overflow,d&&Kn.modifiers.compact,u&&ii.editable,I&&Kn.modifiers.editableActive,P&&Kn.modifiers.clickable,j&&Kn.modifiers.add,i),onClick:R||j?v:void 0},"button"===Y&&{type:"button"}),!I&&J,!I&&b&&$,I&&a.createElement("input",Object.assign({className:s(Kn.labelContent),type:"text",id:"editable-input",ref:M,value:D,onChange:()=>{L(M.current.value)}},m)))};si.displayName="Label";const ri=I({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 ci 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(mn,{position:n,content:t},a.createElement("span",{tabIndex:0,ref:this.headingRef,className:s(Yn)},a.createElement("span",{"aria-hidden":"true",id:e},t))):a.createElement("span",{ref:this.headingRef,className:s(Yn),"aria-hidden":"true",id:e},t)}render(){const e=this.props,{categoryName:t,children:n,className:i,isClosable:l,isCompact:r,closeBtnAriaLabel:c,"aria-label":d,onClick:p,numLabels:u,expandedText:m,collapsedText:f,defaultIsOpen:g,tooltipPosition:h,isVertical:b,isEditable:v,hasEditableTextArea:y,editableTextAreaProps:x,addLabelControl:E}=e,O=o(e,["categoryName","children","className","isClosable","isCompact","closeBtnAriaLabel","aria-label","onClick","numLabels","expandedText","collapsedText","defaultIsOpen","tooltipPosition","isVertical","isEditable","hasEditableTextArea","editableTextAreaProps","addLabelControl"]),{isOpen:w}=this.state,C=a.Children.toArray(n),N=C.length,S=(I={remaining:N-u},f.replace(/\${(.*?)}/g,((e,t)=>I[t]||"")));var I;const k=e=>{const n=w?C:C.slice(0,u),o=a.createElement(a.Fragment,null,t&&this.renderLabel(e),a.createElement("ul",Object.assign({className:s(Qn)},t&&{"aria-labelledby":e},!t&&{"aria-label":d},{role:"list"},O),n.map(((e,t)=>a.createElement("li",{className:s(ei),key:t},e))),N>u&&a.createElement("li",{className:s(ei)},a.createElement(si,{variant:"overflow",onClick:this.toggleCollapse,className:s(r&&Kn.modifiers.compact)},w?m:S)),E&&a.createElement("li",{className:s(ei)},E),v&&y&&a.createElement("li",{className:s(ei,ii.textarea)},a.createElement("textarea",Object.assign({className:s(ni),rows:1,tabIndex:0},x))))),f=a.createElement("div",{className:s(Jn)},a.createElement(en,{variant:"plain",hasNoPadding:!0,"aria-label":c,onClick:p,id:`remove_group_${e}`,"aria-labelledby":`remove_group_${e} ${e}`,icon:a.createElement(ri,null)}));return a.createElement("div",{className:s(Zn,i,t&&ii.category,b&&ii.vertical,v&&ii.editable)},a.createElement("div",{className:s(ti)},o),l&&f)};return 0===N&&void 0===E?null:a.createElement(V,null,(e=>k(this.props.id||e)))}}ci.displayName="LabelGroup",ci.defaultProps={expandedText:"Show Less",collapsedText:"${remaining} more",categoryName:"",defaultIsOpen:!1,numLabels:3,isClosable:!1,isCompact:!1,onClick:e=>{},closeBtnAriaLabel:"Close label group",tooltipPosition:"top","aria-label":"Label group category",isVertical:!1,isEditable:!1,hasEditableTextArea:!1};const di=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:l,onToggle:s,toggleContent:r,toggleWidth:c="200px",toggleProps:d}=e,p=o(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=o(e,["content","value"]),l=f.includes(`${i}`);return t.createElement(Fn,Object.assign({value:i,key:i,hasCheckbox:!0,isSelected:l},a),n)})),b=()=>{s&&s(!u),m(!u)},v=t.createElement(t.Fragment,null,"Filter by status",f.length>0&&t.createElement(Xt,{isRead:!0},f.length));return t.createElement(Pn,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])),l&&l(e,t)},onOpenChange:e=>{s&&s(e),m(e)},toggle:e=>t.createElement(kn,Object.assign({ref:e,onClick:b,isExpanded:u,isDisabled:a,style:{width:c}},d),r||v),ref:n,role:"menu"},p),t.createElement(_n,null,h))},pi=t.forwardRef(((e,n)=>t.createElement(di,Object.assign({},e,{innerRef:n})))),ui=e=>`No results found for "${e}"`,mi=e=>`Create "${e}"`,fi=e=>{var n,i,a,l,{innerRef:s,initialOptions:r,onSelect:c,onToggle:d,onInputChange:p,onClearSelection:u,placeholder:m="Select an option",noOptionsAvailableMessage:f="No options are available",noOptionsFoundMessage:g=ui,isCreatable:h=!1,isCreateOptionOnTop:b=!1,createOptionMessage:v=mi,isDisabled:y,toggleWidth:x,toggleProps:E}=e,O=o(e,["innerRef","initialOptions","onSelect","onToggle","onInputChange","onClearSelection","placeholder","noOptionsAvailableMessage","noOptionsFoundMessage","isCreatable","isCreateOptionOnTop","createOptionMessage","isDisabled","toggleWidth","toggleProps"]);const[w,C]=t.useState(!1),[N,S]=t.useState(String(null!==(i=null===(n=r.find((e=>e.selected)))||void 0===n?void 0:n.content)&&void 0!==i?i:"")),[I,k]=t.useState(String(null!==(l=null===(a=r.find((e=>e.selected)))||void 0===a?void 0:a.content)&&void 0!==l?l:"")),[D,L]=t.useState(""),[T,M]=t.useState(r),[R,j]=t.useState(null),[P,_]=t.useState(null),A=t.useRef(),F="no results";t.useEffect((()=>{let e=r;if(D){if(e=r.filter((e=>String(e.content).toLowerCase().includes(D.toLowerCase()))),h&&D&&!r.find((e=>String(e.content).toLowerCase()===D.toLowerCase()))){const t={content:"string"==typeof v?v:v(D),value:D};e=b?[t,...e]:[...e,t]}e.length||(e=[{isAriaDisabled:!0,content:"string"==typeof g?g:g(D),value:F}]),B()}e.length||(e=[{isAriaDisabled:!0,content:f,value:F}]),M(e)}),[D,r,g,h,b,v,f]),t.useEffect((()=>{var e;const t=r.find((e=>e.selected));I===N&&(null==t?void 0:t.value)!==N&&k(String(null!==(e=null==t?void 0:t.content)&&void 0!==e?e:""))}),[r]);const H=()=>{j(null),_(null)},B=()=>{w||(d&&d(!0),C(!0))},$=()=>{d&&d(!1),C(!1),H();const e=r.find((e=>e.value===N));e&&k(String(e.content))},W=()=>{w?I||$():B()},z=(e,t)=>{c&&c(e,t.value),k(String(t.content)),L(""),S(String(t.value)),$()},V=(e,t)=>{k(t),p&&p(t),L(t),H()},U=e=>{let t=0;if(B(),!T.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===R||0===R?T.length-1:R-1;T[t].isDisabled;)t--,-1===t&&(t=T.length-1);if("ArrowDown"===e)for(t=null===R||R===T.length-1?0:R+1;T[t].isDisabled;)t++,t===T.length&&(t=0);(e=>{j(e);const t=T[e];_(String(t.value))})(t)}},q=e=>{const t=null!==R?T[R]:null;switch(e.key){case"Enter":w&&t&&t.value!==F&&!t.isAriaDisabled&&z(e,t),B();break;case"ArrowUp":case"ArrowDown":e.preventDefault(),U(e.key)}},G=()=>{var e;d&&d(!w),C(!w),null===(e=A.current)||void 0===e||e.focus()},X=()=>{var e;S(""),k(""),p&&p(""),L(""),H(),null===(e=A.current)||void 0===e||e.focus(),u&&u()};return t.createElement(Pn,Object.assign({isOpen:w,selected:N,onSelect:(e,t)=>{if(t&&t!==F){const n=T.find((e=>e.value===t));z(e,n)}},onOpenChange:e=>{!e&&$()},toggle:e=>t.createElement(kn,Object.assign({ref:e,variant:"typeahead","aria-label":"Typeahead menu toggle",onClick:G,isExpanded:w,isDisabled:y,isFullWidth:!0,style:{width:x}},E),t.createElement(Vn,{isPlain:!0},t.createElement(Gn,Object.assign({value:I,onClick:W,onChange:V,onKeyDown:q,autoComplete:"off",innerRef:A,placeholder:m},P&&{"aria-activedescendant":P},{role:"combobox",isExpanded:w,"aria-controls":"select-typeahead-listbox"})),t.createElement(Xn,Object.assign({},I?{}:{style:{display:"none"}}),t.createElement(en,{variant:"plain",onClick:X,"aria-label":"Clear input value",icon:t.createElement($n,null)})))),variant:"typeahead",ref:s},O),t.createElement(_n,null,T.map(((e,n)=>{const{content:i,value:a}=e,l=o(e,["content","value"]);return t.createElement(Fn,Object.assign({key:a,value:a,isFocused:R===n},l),i)}))))};fi.displayName="TypeaheadSelectBase";const gi=t.forwardRef(((e,n)=>t.createElement(fi,Object.assign({},e,{innerRef:n}))));gi.displayName="TypeaheadSelect";const hi=e=>{var n,{innerRef:i,initialOptions:a,onSelectionChange:l,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=o(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,x]=t.useState(),[E,O]=t.useState(a),[w,C]=t.useState(null),[N,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()),O(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 L=()=>{C(null),S(null)},T=()=>{s&&s(!1),h(!1),L(),x("")},M=()=>{g?y||T():D()},R=(e,t)=>{const n=b.includes(t)?b.filter((e=>t!==e)):[...b,t];l&&l(e,n),v(n)},j=(e,t)=>{x(t),r&&r(t),L()},P=e=>{let t=0;if(g||D(),!E.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===w||0===w?E.length-1:w-1;E[t].isDisabled;)t--,-1===t&&(t=E.length-1);if("ArrowDown"===e)for(t=null===w||w===E.length-1?0:w+1;E[t].isDisabled;)t++,t===E.length&&(t=0);(e=>{C(e);const t=E[e];S(t.value)})(t)}},_=e=>{const t=null!==w?E[w]:null;switch(e.key){case"Enter":g&&t&&t.value!==k&&!t.isAriaDisabled&&R(e,null==t?void 0:t.value),g||(s&&s(!0),h(!0));break;case"ArrowUp":case"ArrowDown":e.preventDefault(),P(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(""),L(),null===(t=null==I?void 0:I.current)||void 0===t||t.focus(),l&&l(e,[])};return t.createElement(Pn,Object.assign({isOpen:g,selected:b,onSelect:(e,t)=>{t&&t!==k&&R(e,t)},onOpenChange:e=>{!e&&T()},toggle:e=>t.createElement(kn,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(Vn,{isPlain:!0},t.createElement(Gn,Object.assign({value:y,onClick:M,onChange:j,onKeyDown:_,autoComplete:"off",innerRef:I,placeholder:c},N&&{"aria-activedescendant":N},{role:"combobox",isExpanded:g,"aria-controls":"select-typeahead-listbox"}),t.createElement(ci,{"aria-label":"Current selections"},b.map(((e,n)=>{var i;return t.createElement(si,{key:n,"datatest-id":`${e}-chip`,onClick:t=>{t.stopPropagation(),((e,t)=>{const n=b.filter((e=>t!==e));l&&l(e,n),v(n)})(t,e)}},null===(i=a.find((t=>t.value===e)))||void 0===i?void 0:i.content)})))),t.createElement(Xn,Object.assign({},0===b.length?{style:{display:"none"}}:{}),t.createElement(en,{variant:"plain",onClick:F,"aria-label":"Clear input value"},t.createElement($n,null))))),variant:"typeahead",ref:i},f),t.createElement(_n,null,E.map(((e,n)=>{const{content:i,value:a}=e,l=o(e,["content","value"]);return t.createElement(Fn,Object.assign({key:a,value:a,isFocused:w===n},l),i)}))))};hi.displayName="MultiTypeaheadSelectBase";const bi=t.forwardRef(((e,n)=>t.createElement(hi,Object.assign({},e,{innerRef:n}))));bi.displayName="MultiTypeaheadSelect",e.CheckboxSelect=pi,e.MultiTypeaheadSelect=bi,e.MultiTypeaheadSelectBase=hi,e.SimpleDropdown=Rn,e.SimpleSelect=Bn,e.TypeaheadSelect=gi,e.TypeaheadSelectBase=fi}));
|
|
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),l=i(n);function o(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="pf-v6-c-divider",c="pf-v6-c-menu",d="pf-v6-c-menu__content",u="pf-v6-c-menu__item",p="pf-v6-c-menu__item-action",m="pf-v6-c-menu__item-check",f="pf-v6-c-menu__item-description",g="pf-v6-c-menu__item-external-icon",h="pf-v6-c-menu__item-icon",b="pf-v6-c-menu__item-main",v="pf-v6-c-menu__item-select-icon",y="pf-v6-c-menu__item-text",E="pf-v6-c-menu__item-toggle-icon",x="pf-v6-c-menu__list",O="pf-v6-c-menu__list-item",w="pf-v6-c-menu__search",C={disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",flyout:"pf-m-flyout",left:"pf-m-left",drilldown:"pf-m-drilldown",drilledIn:"pf-m-drilled-in",currentPath:"pf-m-current-path",plain:"pf-m-plain",scrollable:"pf-m-scrollable",load:"pf-m-load",loading:"pf-m-loading",danger:"pf-m-danger",selected:"pf-m-selected",favorited:"pf-m-favorited"},N="pf-v6-c-breadcrumb__link";let S=0;function I({name:e,xOffset:t=0,yOffset:n=0,width:i,height:l,svgPath:s}){var r;return r=class extends a.Component{constructor(){super(...arguments),this.id="icon-title-"+S++}render(){const e=this.props,{title:r,className:c}=e,d=o(e,["title","className"]),u=c?`pf-v6-svg ${c}`:"pf-v6-svg",p=Boolean(r),m=[t,n,i,l].join(" ");return a.createElement("svg",Object.assign({className:u,viewBox:m,fill:"currentColor","aria-labelledby":p?this.id:null,"aria-hidden":!p||null,role:"img",width:"1em",height:"1em"},d),p&&a.createElement("title",{id:this.id},r),a.createElement("path",{d:s}))}},r.displayName=e,r}const k=I({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}),D=I({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}),T=I({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}),L=I({name:"InfoCircleIcon",height:512,width:512,svgPath:"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z",yOffset:0,xOffset:0}),M=I({name:"BellIcon",height:1024,width:896,svgPath:"M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z",yOffset:0,xOffset:0});var R;!function(e){e.success="success",e.error="error",e.warning="warning",e.default="default"}(R||(R={}));const j="Escape",P="Enter",_={success:k,danger:D,warning:T,info:L,custom:M};const A=(e,t,n="",i,a)=>e?Object.entries(e||{}).map((([e,t])=>`${n}${t}${"default"!==e?`-on-${e}`:""}`)).map(H).map((e=>e.replace(/-?(\dxl)/gi,((e,t)=>`_${t}`)))).map((e=>t.modifiers[e])).filter(Boolean).join(" "):"",F=e=>e.toUpperCase().replace("-","").replace("_",""),H=e=>e.replace(/([-_][a-z])/gi,F),B=!("undefined"==typeof window||!window.document||!window.document.createElement),$=e=>{e.forEach((e=>{e.current&&clearTimeout(e.current)}))};let W=0;function z(){return"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():function(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}()}class V extends a.Component{constructor(){super(...arguments),this.uniqueElement=this.props.isRandom?z():W++,this.id=`${this.props.prefix}${this.uniqueElement}`}render(){return this.props.children(this.id)}}V.displayName="GenerateId",V.defaultProps={prefix:"pf-random-id-",isRandom:!1};let U=0;const q="OUIA-Generated-",X={};function G(e,t,n=!0){return{"data-ouia-component-type":`PF6/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const K=(e,t,n=!0,i)=>({"data-ouia-component-type":`PF6/${e}`,"data-ouia-safe":n,"data-ouia-component-id":Z(e,t,i)}),Z=(e,n,i)=>{const a=t.useMemo((()=>J(e,i)),[e,i]);return null!=n?n:a};function J(e,t){try{let n;return n="undefined"!=typeof window?`${window.location.href}-${e}-${t||""}`:`${e}-${t||""}`,X[n]||(X[n]=0),`${q}${e}-${t?`${t}-`:""}${++X[n]}`}catch(n){return`${q}${e}-${t?`${t}-`:""}${++U}`}}function Y(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 Q(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function ee(e){const t=Q(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function te(e){return e instanceof Q(e).Element||e instanceof Element}function ne(e){return e instanceof Q(e).HTMLElement||e instanceof HTMLElement}function ie(e){return e?(e.nodeName||"").toLowerCase():null}function ae(e){return(te(e)?e.ownerDocument:e.document).documentElement}function le(e){return Y(ae(e)).left+ee(e).scrollLeft}function oe(e){return Q(e).getComputedStyle(e)}function se(e){const{overflow:t,overflowX:n,overflowY:i}=oe(e);return/auto|scroll|overlay|hidden/.test(t+i+n)}function re(e,t,n=!1){const i=ae(t),a=Y(e),l=ne(t);let o={scrollLeft:0,scrollTop:0},s={x:0,y:0};var r,c;return(l||!l&&!n)&&(("body"!==ie(t)||se(i))&&(o=(r=t)!==Q(r)&&ne(r)?{scrollLeft:(c=r).scrollLeft,scrollTop:c.scrollTop}:ee(r)),ne(t)?(s=Y(t),s.x+=t.clientLeft,s.y+=t.clientTop):i&&(s.x=le(i))),{x:a.left+o.scrollLeft-s.x,y:a.top+o.scrollTop-s.y,width:a.width,height:a.height}}function ce(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function de(e){return"html"===ie(e)?e:e.assignedSlot||e.parentNode||e.host||ae(e)}function ue(e){return["html","body","#document"].indexOf(ie(e))>=0?e.ownerDocument.body:ne(e)&&se(e)?e:ue(de(e))}function pe(e,t=[]){const n=ue(e),i="body"===ie(n),a=Q(n),l=i?[a].concat(a.visualViewport||[],se(n)?n:[]):n,o=t.concat(l);return i?o:o.concat(pe(de(l)))}function me(e){return["table","td","th"].indexOf(ie(e))>=0}function fe(e){if(!ne(e)||"fixed"===oe(e).position)return null;const t=e.offsetParent;if(t){const e=ae(t);if("body"===ie(t)&&"static"===oe(t).position&&"static"!==oe(e).position)return e}return t}function ge(e){const t=Q(e);let n=fe(e);for(;n&&me(n)&&"static"===oe(n).position;)n=fe(n);return n&&"body"===ie(n)&&"static"===oe(n).position?t:n||function(e){let t=de(e);for(;ne(t)&&["html","body"].indexOf(ie(t))<0;){const e=oe(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}const he="top",be="bottom",ve="right",ye="left",Ee="auto",xe=[he,be,ve,ye],Oe="start",we="end",Ce="clippingParents",Ne="viewport",Se="popper",Ie="reference",ke=xe.reduce(((e,t)=>e.concat([`${t}-${Oe}`,`${t}-${we}`])),[]),De=[...xe,Ee].reduce(((e,t)=>e.concat([t,`${t}-${Oe}`,`${t}-${we}`])),[]),Te=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Le(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 Me(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function Re(e){return e.split("-")[0]}function je(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 Pe(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function _e(e,t){return t===Ne?Pe(function(e){const t=Q(e),n=ae(e),i=t.visualViewport;let a=n.clientWidth,l=n.clientHeight,o=0,s=0;return i&&(a=i.width,l=i.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(o=i.offsetLeft,s=i.offsetTop)),{width:a,height:l,x:o+le(e),y:s}}(e)):ne(t)?function(e){const t=Y(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):Pe(function(e){const t=ae(e),n=ee(e),i=e.ownerDocument.body,a=Math.max(t.scrollWidth,t.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),l=Math.max(t.scrollHeight,t.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);let o=-n.scrollLeft+le(e);const s=-n.scrollTop;return"rtl"===oe(i||t).direction&&(o+=Math.max(t.clientWidth,i?i.clientWidth:0)-a),{width:a,height:l,x:o,y:s}}(ae(e)))}function Ae(e,t,n){const i="clippingParents"===t?function(e){const t=pe(de(e)),n=["absolute","fixed"].indexOf(oe(e).position)>=0&&ne(e)?ge(e):e;return te(n)?t.filter((e=>te(e)&&je(e,n)&&"body"!==ie(e))):[]}(e):[].concat(t),a=[...i,n],l=a[0],o=a.reduce(((t,n)=>{const i=_e(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}),_e(e,l));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}function Fe(e){return e.split("-")[1]}function He(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Be({reference:e,element:t,placement:n}){const i=n?Re(n):null,a=n?Fe(n):null,l=e.x+e.width/2-t.width/2,o=e.y+e.height/2-t.height/2;let s;switch(i){case he:s={x:l,y:e.y-t.height};break;case be:s={x:l,y:e.y+e.height};break;case ve:s={x:e.x+e.width,y:o};break;case ye:s={x:e.x-t.width,y:o};break;default:s={x:e.x,y:e.y}}const r=i?He(i):null;if(null!=r){const n="y"===r?"height":"width";switch(a){case Oe:s[r]=Math.floor(s[r])-Math.floor(e[n]/2-t[n]/2);break;case we: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 We(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function ze(e,t={}){const{placement:n=e.placement,boundary:i=Ce,rootBoundary:a=Ne,elementContext:l=Se,altBoundary:o=!1,padding:s=0}=t,r=$e("number"!=typeof s?s:We(s,xe)),c=l===Se?Ie:Se,d=e.elements.reference,u=e.rects.popper,p=e.elements[o?c:l],m=Ae(te(p)?p:p.contextElement||ae(e.elements.popper),i,a),f=Y(d),g=Be({reference:f,element:u,placement:n}),h=Pe(Object.assign(Object.assign({},u),g)),b=l===Se?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(l===Se&&y){const e=y[n];Object.keys(v).forEach((t=>{const n=[ve,be].indexOf(t)>=0?1:-1,i=[he,be].indexOf(t)>=0?"y":"x";v[t]+=e[i]*n}))}return v}const Ve={placement:"bottom",modifiers:[],strategy:"absolute"};function Ue(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}function qe(e={}){const{defaultModifiers:t=[],defaultOptions:n=Ve}=e;return function(e,i,a=n){let l={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},Ve),n),modifiersData:{},elements:{reference:e,popper:i},attributes:{},styles:{}},o=[],s=!1;const r={state:l,setOptions(a){c(),l.options=Object.assign(Object.assign(Object.assign({},n),l.options),a),l.scrollParents={reference:te(e)?pe(e):e.contextElement?pe(e.contextElement):[],popper:pe(i)};const s=function(e){const t=Le(e);return Te.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,...l.options.modifiers]));return l.orderedModifiers=s.filter((e=>e.enabled)),l.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const i=n({state:l,name:e,instance:r,options:t}),a=()=>{};o.push(i||a)}})),r.update()},forceUpdate(){if(s)return;const{reference:e,popper:t}=l.elements;if(Ue(e,t)){l.rects={reference:re(e,ge(t),"fixed"===l.options.strategy),popper:ce(t)},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((e=>l.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<l.orderedModifiers.length;e++){if(!0===l.reset){l.reset=!1,e=-1;continue}const{fn:t,options:n={},name:i}=l.orderedModifiers[e];"function"==typeof t&&(l=t({state:l,options:n,name:i,instance:r})||l)}}},update:Me((()=>new Promise((e=>{r.forceUpdate(),e(l)})))),destroy(){c(),s=!0}};if(!Ue(e,i))return r;function c(){o.forEach((e=>e())),o=[]}return r.setOptions(a).then((e=>{!s&&a.onFirstUpdate&&a.onFirstUpdate(e)})),r}}qe();const Xe={passive:!0};const Ge={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Ke({popper:e,popperRect:t,placement:n,offsets:i,position:a,gpuAcceleration:l,adaptive:o}){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 u=ye,p=he;const m=window;if(o){let i=ge(e);i===Q(e)&&(i=ae(e)),n===he&&(p=be,r-=i.clientHeight-t.height,r*=l?1:-1),n===ye&&(u=ve,s-=i.clientWidth-t.width,s*=l?1:-1)}const f=Object.assign({position:a},o&&Ge);return l?Object.assign(Object.assign({},f),{[p]:d?"0":"",[u]:c?"0":"",transform:(m.devicePixelRatio||1)<2?`translate(${s}px, ${r}px)`:`translate3d(${s}px, ${r}px, 0)`}):Object.assign(Object.assign({},f),{[p]:d?`${r}px`:"",[u]: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=De.reduce(((t,n)=>(t[n]=function(e,t,n){const i=Re(e),a=[ye,he].indexOf(i)>=0?-1:1;let[l,o]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return l=l||0,o=(o||0)*a,[ye,ve].indexOf(i)>=0?{x:o,y:l}:{x:l,y:o}}(n,e.rects,i),t)),{}),{x:l,y:o}=a[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=o),e.modifiersData[n]=a}};const Je={left:"right",right:"left",bottom:"top",top:"bottom"};function Ye(e){return e.replace(/left|right|bottom|top/g,(e=>Je[e]))}const Qe={start:"end",end:"start"};function et(e){return e.replace(/start|end/g,(e=>Qe[e]))}function tt(e,t={}){const{placement:n,boundary:i,rootBoundary:a,padding:l,flipVariations:o,allowedAutoPlacements:s=De}=t,r=Fe(n),c=r?o?ke:ke.filter((e=>Fe(e)===r)):xe;let d=c.filter((e=>s.indexOf(e)>=0));0===d.length&&(d=c);const u=d.reduce(((t,n)=>(t[n]=ze(e,{placement:n,boundary:i,rootBoundary:a,padding:l})[Re(n)],t)),{});return Object.keys(u).sort(((e,t)=>u[e]-u[t]))}var nt={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:l,padding:o,boundary:s,rootBoundary:r,altBoundary:c,flipVariations:d=!0,allowedAutoPlacements:u}=t,p=e.options.placement,m=Re(p),f=[p,...l||(m===p||!d?[Ye(p)]:function(e){if(Re(e)===Ee)return[];const t=Ye(e);return[et(e),t,et(t)]}(p))].reduce(((t,n)=>t.concat(Re(n)===Ee?tt(e,{placement:n,boundary:s,rootBoundary:r,padding:o,flipVariations:d,allowedAutoPlacements:u}):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],l=Re(n),d=Fe(n)===Oe,u=[he,be].indexOf(l)>=0,p=u?"width":"height",m=ze(e,{placement:n,boundary:s,rootBoundary:r,altBoundary:c,padding:o});let E=u?d?ve:ye:d?be:he;g[p]>h[p]&&(E=Ye(E));const x=Ye(E),O=[];if(i&&O.push(m[l]<=0),a&&O.push(m[E]<=0,m[x]<=0),O.every((e=>e))){y=n,v=!1;break}b.set(n,O)}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 it(e,t,n){return Math.max(e,Math.min(t,n))}var at={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:i=!0,altAxis:a=!1,boundary:l,rootBoundary:o,altBoundary:s,padding:r,tether:c=!0,tetherOffset:d=0}=t,u=ze(e,{boundary:l,rootBoundary:o,padding:r,altBoundary:s}),p=Re(e.placement),m=Fe(e.placement),f=!m,g=He(p),h="x"===g?"y":"x",b=e.modifiersData.popperOffsets,v=e.rects.reference,y=e.rects.popper,E="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?he:ye,n="y"===g?be:ve,i="y"===g?"height":"width",a=b[g],l=b[g]+u[t],o=b[g]-u[n],s=c?-y[i]/2:0,r=m===Oe?v[i]:y[i],d=m===Oe?-y[i]:-v[i],p=e.elements.arrow,h=c&&p?ce(p):{width:0,height:0},O=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},w=O[t],C=O[n],N=it(0,v[i],h[i]),S=f?v[i]/2-s-N-w-E:r-N-w-E,I=f?-v[i]/2+s+N+C+E:d+N+C+E,k=e.elements.arrow&&ge(e.elements.arrow),D=k?"y"===g?k.clientTop||0:k.clientLeft||0:0,T=e.modifiersData.offset?e.modifiersData.offset[e.placement][g]:0,L=b[g]+S-T-D,M=b[g]+I-T,R=it(c?Math.min(l,L):l,a,c?Math.max(o,M):o);b[g]=R,x[g]=R-a}if(a){const e="x"===g?he:ye,t="x"===g?be:ve,n=b[h],i=it(n+u[e],n,n-u[t]);b[h]=i,x[h]=i-n}e.modifiersData[n]=x}},requiresIfExists:["offset"]};var lt={name:"arrow",enabled:!0,phase:"main",fn:function({state:e,name:t}){const n=e.elements.arrow,i=e.modifiersData.popperOffsets,a=Re(e.placement),l=He(a),o=[ye,ve].indexOf(a)>=0?"height":"width";if(!n||!i)return;const s=e.modifiersData[`${t}#persistent`].padding,r=ce(n),c="y"===l?he:ye,d="y"===l?be:ve,u=e.rects.reference[o]+e.rects.reference[l]-i[l]-e.rects.popper[o],p=i[l]-e.rects.reference[l],m=ge(n),f=m?"y"===l?m.clientHeight||0:m.clientWidth||0:0,g=u/2-p/2,h=s[c],b=f-r[o]-s[d],v=f/2-r[o]/2+g,y=it(h,v,b),E=l;e.modifiersData[t]={[E]: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))&&je(e.elements.popper,i)&&(e.elements.arrow=i,e.modifiersData[`${n}#persistent`]={padding:$e("number"!=typeof a?a:We(a,xe))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ot(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 st(e){return[he,ve,be,ye].some((t=>e[t]>=0))}const rt=qe({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:()=>{},effect:function({state:e,instance:t,options:n}){const{scroll:i=!0,resize:a=!0}=n,l=Q(e.elements.popper),o=[...e.scrollParents.reference,...e.scrollParents.popper];return i&&o.forEach((e=>{e.addEventListener("scroll",t.update,Xe)})),a&&l.addEventListener("resize",t.update,Xe),()=>{i&&o.forEach((e=>{e.removeEventListener("scroll",t.update,Xe)})),a&&l.removeEventListener("resize",t.update,Xe)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=Be({reference:e.rects.reference,element:e.rects.popper,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:Re(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),Ke(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),Ke(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];ne(a)&&ie(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]||{},l=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});ne(i)&&ie(i)&&(Object.assign(i.style,l),Object.keys(a).forEach((e=>{i.removeAttribute(e)})))}))}},requires:["computeStyles"]},Ze,nt,at,lt,{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,l=ze(e,{elementContext:"reference"}),o=ze(e,{altBoundary:!0}),s=ot(l,n),r=ot(o,i,a),c=st(s),d=st(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})}}]}),ct=B?a.useLayoutEffect:a.useEffect,dt=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),ut=[],pt=(e,t,n={})=>{const i=a.useRef(null),l={onFirstUpdate:n.onFirstUpdate,placement:n.placement||"bottom",strategy:n.strategy||"absolute",modifiers:n.modifiers||ut},[o,s]=a.useState({styles:{popper:{position:l.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:dt(t.map((t=>[t,e.styles[t]||{}]))),attributes:dt(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=a.useMemo((()=>{const e={onFirstUpdate:l.onFirstUpdate,placement:l.placement,strategy:l.strategy,modifiers:[...l.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}),[l.onFirstUpdate,l.placement,l.strategy,l.modifiers,r]),d=a.useRef(void 0);return ct((()=>{d&&d.current&&d.current.setOptions(c)}),[c]),ct((()=>{if(null==e||null==t)return;const i=(n.createPopper||rt)(e,t,c);return d.current=i,()=>{i.destroy(),d.current=null}}),[e,t,n.createPopper]),{state:d.current?d.current.state:null,styles:o.styles,attributes:o.attributes,update:d.current?d.current.update:null,forceUpdate:d.current?d.current.forceUpdate:null}},mt={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"},ft=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,gt=({trigger:e,popper:t,direction:n="down",position:i="start",placement:o,width:r,minWidth:c="trigger",maxWidth:d,appendTo:u=(()=>document.body),zIndex:p=9999,isVisible:m=!0,positionModifiers:f,distance:g=0,onMouseEnter:h,onMouseLeave:b,onFocus:v,onBlur:y,onDocumentClick:E,onTriggerClick:x,onTriggerEnter:O,onPopperClick:w,onPopperMouseEnter:C,onPopperMouseLeave:N,onDocumentKeyDown:S,enableFlip:I=!0,flipBehavior:k="flip",triggerRef:D,popperRef:T,animationDuration:L=0,entryDelay:M=0,exitDelay:R=0,onHidden:j=(()=>{}),onHide:P=(()=>{}),onMount:_=(()=>{}),onShow:A=(()=>{}),onShown:F=(()=>{}),preventOverflow:H=!1})=>{var B;const[W,z]=a.useState(null),[V,U]=a.useState(null),[q,X]=a.useState(null),[G,K]=a.useState(null),[Z,J]=a.useState(!1),[Y,Q]=a.useState(0),[ee,te]=a.useState(m),ne=a.useRef(null),ie=a.useRef(null),ae=a.useRef(null),le=a.useRef(void 0),oe=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===(B=(null==D?void 0:D.current)||W)||void 0===B?void 0:B.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=>E(e,oe,q)),[se,W,V,q,E]);a.useEffect((()=>{J(!0),_()}),[]),a.useEffect((()=>()=>{$([ne,ae,ie])}),[]),a.useEffect((()=>{D&&(D.current?U(D.current):"function"==typeof D&&U(D()))}),[D,e]),a.useEffect((()=>{T&&(T.current?X(T.current):"function"==typeof T&&X(T()))}),[se,T]),a.useEffect((()=>{const e=new MutationObserver((()=>{ye&&ye()}));return q&&e.observe(q,{attributes:!0,childList:!0,subtree:!0}),()=>{e.disconnect()}}),[q]);const ue=(e,t,n,i=!1)=>{e&&t&&t.addEventListener(n,e,{capture:i})},pe=(e,t,n,i=!1)=>{e&&t&&t.removeEventListener(n,e,{capture:i})};a.useEffect((()=>(ue(h,oe,"mouseenter"),ue(b,oe,"mouseleave"),ue(v,oe,"focus"),ue(y,oe,"blur"),ue(x,oe,"click"),ue(O,oe,"keydown"),ue(w,q,"click"),ue(C,q,"mouseenter"),ue(N,q,"mouseleave"),E&&ue(de,document,"click",!0),ue(S,document,"keydown",!0),()=>{pe(h,oe,"mouseenter"),pe(b,oe,"mouseleave"),pe(v,oe,"focus"),pe(y,oe,"blur"),pe(x,oe,"click"),pe(O,oe,"keydown"),pe(w,q,"click"),pe(C,q,"mouseenter"),pe(N,q,"mouseleave"),E&&pe(de,document,"click",!0),pe(S,document,"keydown",!0)})),[W,q,h,b,v,y,x,O,w,C,N,E,S,V]);const me=()=>{if(o)return o;let e="up"===n?"top":"bottom";return"center"!==ce&&(e=`${e}-${"right"===ce?"end":"start"}`),e},fe=a.useMemo(me,[n,ce,o]),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=>mt[e])))(me())),[n,ce,o]),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:Ee}=pt(oe,q,{placement:fe,modifiers:[{name:"offset",options:{offset:[0,g]}},{name:"preventOverflow",enabled:H},{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,l,o,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===(o=null===(l=null==t?void 0:t.props)||void 0===l?void 0:l.children)||void 0===o?void 0:o.props)||void 0===s?void 0:s.children);K(r),r&&G&&r!==G&&Ee&&Ee()}),[t]),a.useEffect((()=>{le.current<R&&($([ne,ae]),ae.current=setTimeout((()=>{ne.current=setTimeout((()=>{te(!1)}),L)}),R)),le.current=R}),[R]);a.useEffect((()=>{m?(A(),$([ne,ae]),ie.current=setTimeout((()=>{te(!0),Q(1),F()}),M)):(P(),$([ie]),ae.current=setTimeout((()=>{Q(0),ne.current=setTimeout((()=>{te(!1),j()}),L)}),R))}),[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:p,opacity:Y,transition:ft(L)})},ve.popper),Oe=()=>{const e=a.cloneElement(t,xe);return T?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,Z&&se&&(()=>{if("inline"===u)return Oe();{const e="function"==typeof u?u():u;return l.createPortal(Oe(),e)}})())};gt.displayName="Popper";const ht=(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 bt 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:l,noEnterHandling:o,noSpaceHandling:s,updateTabIndex:r,validSiblingTags:c,additionalKeyHandler:d,createNavigableElements:u,onlyTraverseSiblings:p}=this.props;d&&d(e);const m=u();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;o||"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"],l=!1,o=!1,s=!0,r=!0)=>{const c=document.activeElement,d=e.key;let u=null;if(!l&&["ArrowUp","ArrowDown"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let a=-1;t.forEach(((e,l)=>{if(n(e)){let e=0;for(;!u&&e<t.length&&-1*e<t.length;)"ArrowUp"===d?e--:e++,a=l+e,a>=t.length&&(a=0),a<0&&(a=t.length-1),u=i(t[a])}}))}if(!o&&["ArrowLeft","ArrowRight"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let i=-1;t.forEach(((l,o)=>{if(n(l)){const n=t[o].querySelectorAll(a.join(","));if(!n.length||r){let e=c;for(;e;){const t=e.parentElement===l?e:e.parentElement;if(e="ArrowLeft"===d?t.previousElementSibling:t.nextElementSibling,e){if(a.includes(e.tagName)){u=e;break}if(a.includes(e.children[0].tagName)){u=e.children[0];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),u=n[i])}))}}))}u&&(s&&(c.tabIndex=-1,u.tabIndex=0),u.focus())})(e,m,n,i,c,a,l,r,p)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){B&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){B&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}bt.displayName="KeyboardHandler",bt.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 vt=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"}),yt=a.createContext({itemId:null,isDisabled:!1});class Et extends a.Component{constructor(e){super(e),this.menuRef=a.createRef(),this.activeMenu=null,this.state={ouiaStateId:J(xt.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(`.${c}`)||Array.from(t.getElementsByClassName(c)).includes(e.target.closest(`.${c}`))))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(r))))[0].firstChild;a.focus(),a.tabIndex=0}},this.handleExtraKeys=e=>{const t=this.props.containsDrilldown,n=document.activeElement;if(e.target.closest(`.${c}`)===this.activeMenu||e.target.classList.contains(N)||(this.activeMenu=e.target.closest(`.${c}`),this.setState({disableHover:!0})),"INPUT"===e.target.tagName)return;const i=this.activeMenu,a=e.key,l=n.classList.contains(N);if(" "===a||"Enter"===a){if(e.preventDefault(),t&&!l){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(c)){const e=Array.from(n.nextElementSibling.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(r))));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(r)))):[]:this.menuRef.current?Array.from(this.menuRef.current.getElementsByTagName("LI")).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(r)))):[],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}),B&&this.props.containsDrilldown&&window.addEventListener("transitionend",this.props.isRootMenu?this.handleDrilldownTransition:null),this.allowTabFirstItem()}componentWillUnmount(){B&&this.props.containsDrilldown&&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:l,selected:r=null,onActionClick:d,ouiaId:u,ouiaSafe:p,containsFlyout:m,containsDrilldown:f,isMenuDrilledIn:g,isPlain:h,isScrollable:b,drilldownItemPath:v,drilledInMenus:y,onDrillIn:E,onDrillOut:x,onGetMenuHeight:O,parentMenu:S=null,activeItemId:I=null,innerRef:k,isRootMenu:D,activeMenu:T,role:L,isNavFlyout:M}=e,R=o(e,["id","children","className","onSelect","selected","onActionClick","ouiaId","ouiaSafe","containsFlyout","containsDrilldown","isMenuDrilledIn","isPlain","isScrollable","drilldownItemPath","drilledInMenus","onDrillIn","onDrillOut","onGetMenuHeight","parentMenu","activeItemId","innerRef","isRootMenu","activeMenu","role","isNavFlyout"]),j=g||y&&y.includes(t)||!1;return a.createElement(vt.Provider,{value:{menuId:t,parentMenu:S||t,onSelect:l,onActionClick:d,activeItemId:I,selected:r,drilledInMenus:y,drilldownItemPath:v,onDrillIn:E,onDrillOut:x,onGetMenuHeight:O,flyoutRef:this.state.flyoutRef,setFlyoutRef:e=>this.setState({flyoutRef:e}),disableHover:this.state.disableHover,role:L}},D&&a.createElement(bt,{containerRef:this.menuRef||null,additionalKeyHandler:this.handleExtraKeys,createNavigableElements:this.createNavigableElements,isActiveElement:e=>document.activeElement.closest("li")===e||document.activeElement.parentElement===e||document.activeElement.closest(`.${w}`)===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(N)||"INPUT"===document.activeElement.tagName),noEnterHandling:!0,noSpaceHandling:!0}),a.createElement("div",Object.assign({id:t,className:s(c,h&&C.plain,b&&C.scrollable,m&&C.flyout,M&&"pf-m-nav",f&&C.drilldown,j&&C.drilledIn,i),ref:this.menuRef},G(xt.displayName,void 0!==u?u:this.state.ouiaStateId,p),R),n))}}Et.displayName="Menu",Et.contextType=vt,Et.defaultProps={ouiaSafe:!0,isRootMenu:!0,isPlain:!1,isScrollable:!1,role:"menu"};const xt=a.forwardRef(((e,t)=>a.createElement(Et,Object.assign({},e,{innerRef:t}))));xt.displayName="Menu";const Ot="--pf-v6-c-menu__content--Height",wt="--pf-v6-c-menu__content--MaxHeight",Ct=a.forwardRef(((e,t)=>{const{getHeight:n,children:i,menuHeight:l,maxMenuHeight:r}=e,c=o(e,["getHeight","children","menuHeight","maxMenuHeight"]);a.createRef();return a.createElement(vt.Consumer,null,(({menuId:t,onGetMenuHeight:o})=>a.createElement("div",Object.assign({},c,{className:s(d,e.className),ref:e=>{((e,t,i)=>{if(e){let a=e.clientHeight,l=null,o=e.closest(`.${x}`);for(;null!==o&&1===o.nodeType;)o.classList.contains(x)&&(l=o),o=o.parentElement;if(l){const e=getComputedStyle(l);a+=parseFloat(e.getPropertyValue("padding-top").replace(/px/g,""))+parseFloat(e.getPropertyValue("padding-bottom").replace(/px/g,""))+parseFloat(getComputedStyle(l.parentElement).getPropertyValue("border-bottom-width").replace(/px/g,""))}i&&i(t,a),n&&n(a.toString())}})(e,t,o)},style:Object.assign(Object.assign({},l&&{[Ot]:l}),r&&{[wt]:r})}),i)))}));Ct.displayName="MenuContent";const Nt="--pf-v6-c-menu--m-flyout__menu--top-offset",St="--pf-v6-c-menu--m-flyout__menu--m-left--right-offset",It="--pf-v6-c-menu--m-flyout__menu--left-offset",kt=I({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}),Dt=I({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}),Tt=I({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}),Lt=I({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 Mt="pf-v6-c-check",Rt="pf-v6-c-check__body",jt="pf-v6-c-check__description",Pt="pf-v6-c-check__input",_t="pf-v6-c-check__label",At="pf-v6-c-check__label-required",Ft={standalone:"pf-m-standalone",disabled:"pf-m-disabled"};const Ht=()=>{};class Bt extends a.Component{constructor(e){super(e),this.handleChange=e=>{this.props.onChange(e,e.currentTarget.checked)},this.state={ouiaStateId:J(Bt.displayName)}}render(){const e=this.props,{"aria-label":t,className:n,inputClassName:i,onChange:l,isLabelWrapped:r,labelPosition:c="end",isValid:d,isDisabled:u,isRequired:p,isChecked:m,label:f,checked:g,defaultChecked:h,description:b,body:v,ouiaId:y,ouiaSafe:E,component:x}=e,O=o(e,["aria-label","className","inputClassName","onChange","isLabelWrapped","labelPosition","isValid","isDisabled","isRequired","isChecked","label","checked","defaultChecked","description","body","ouiaId","ouiaSafe","component"]);O.id||console.error("Checkbox:","id is required to make input accessible");const w={};([!0,!1].includes(g)||!0===m)&&(w.checked=g||m),l!==Ht&&(w.checked=m),[!1,!0].includes(h)&&(w.defaultChecked=h);const C=a.createElement("input",Object.assign({},O,{className:s(Pt,i),type:"checkbox",onChange:this.handleChange,"aria-invalid":!d,"aria-label":t,disabled:u,required:p,ref:e=>{e&&(e.indeterminate=null===m)}},w,G(Bt.displayName,void 0!==y?y:this.state.ouiaStateId,E))),N=r&&!x||"label"===x,S=N?"span":"label",I=f?a.createElement(S,{className:s(_t,u&&Ft.disabled),htmlFor:N?void 0:O.id},f,p&&a.createElement("span",{className:s(At),"aria-hidden":"true"},"*")):null,k=null!=x?x:N?"label":"div";return w.checked=null!==w.checked&&w.checked,a.createElement(k,{className:s(Mt,!f&&Ft.standalone,n),htmlFor:N?O.id:void 0},"start"===c?a.createElement(a.Fragment,null,I,C):a.createElement(a.Fragment,null,C,I),b&&a.createElement("span",{className:s(jt)},b),v&&a.createElement("span",{className:s(Rt)},v))}}Bt.displayName="Checkbox",Bt.defaultProps={className:"",isLabelWrapped:!1,isValid:!0,isDisabled:!1,isRequired:!1,isChecked:!1,onChange:Ht,ouiaSafe:!0};const $t=I({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});var Wt={button:"pf-v6-c-button",buttonCount:"pf-v6-c-button__count",buttonIcon:"pf-v6-c-button__icon",buttonProgress:"pf-v6-c-button__progress",modifiers:{primary:"pf-m-primary",unread:"pf-m-unread",secondary:"pf-m-secondary",danger:"pf-m-danger",tertiary:"pf-m-tertiary",link:"pf-m-link",inline:"pf-m-inline",displayLg:"pf-m-display-lg",warning:"pf-m-warning",control:"pf-m-control",stateful:"pf-m-stateful",read:"pf-m-read",attention:"pf-m-attention",plain:"pf-m-plain",noPadding:"pf-m-no-padding",block:"pf-m-block",small:"pf-m-small",clicked:"pf-m-clicked",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"}},zt={modifiers:{inline:"pf-m-inline",sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"},spinner:"pf-v6-c-spinner",spinnerPath:"pf-v6-c-spinner__path"};const Vt="--pf-v6-c-spinner--diameter";var Ut;!function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(Ut||(Ut={}));const qt=e=>{var{className:t="",size:n="xl","aria-valuetext":i="Loading...",diameter:l,isInline:r=!1,"aria-label":c,"aria-labelledBy":d}=e,u=o(e,["className","size","aria-valuetext","diameter","isInline","aria-label","aria-labelledBy"]);return a.createElement("svg",Object.assign({className:s(zt.spinner,r?zt.modifiers.inline:zt.modifiers[n],t),role:"progressbar","aria-valuetext":i,viewBox:"0 0 100 100"},l&&{style:{[Vt]:l}},c&&{"aria-label":c},d&&{"aria-labelledBy":d},!c&&!d&&{"aria-label":"Contents"},u),a.createElement("circle",{className:zt.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"}))};qt.displayName="Spinner";var Xt="pf-v6-c-badge",Gt={read:"pf-m-read",unread:"pf-m-unread",disabled:"pf-m-disabled"};const Kt=e=>{var{isRead:t=!1,isDisabled:n=!1,className:i="",children:l="",screenReaderText:r}=e,c=o(e,["isRead","isDisabled","className","children","screenReaderText"]);return a.createElement("span",Object.assign({},c,{className:s(Xt,t?Gt.read:Gt.unread,n&&Gt.disabled,i)}),l,r&&a.createElement("span",{className:"pf-v6-screen-reader"},r))};var Zt,Jt,Yt,Qt;Kt.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",e.stateful="stateful"}(Zt||(Zt={})),function(e){e.button="button",e.submit="submit",e.reset="reset"}(Jt||(Jt={})),function(e){e.default="default",e.sm="sm",e.lg="lg"}(Yt||(Yt={})),function(e){e.read="read",e.unread="unread",e.attention="attention"}(Qt||(Qt={}));const en=e=>{var{children:t=null,className:n="",component:i="button",isClicked:l=!1,isBlock:r=!1,isDisabled:c=!1,isAriaDisabled:d=!1,isLoading:u=null,isDanger:p=!1,spinnerAriaValueText:m,spinnerAriaLabelledBy:f,spinnerAriaLabel:g,size:h=Yt.default,inoperableEvents:b=["onClick","onKeyPress"],isInline:v=!1,type:y=Jt.button,variant:E=Zt.primary,state:x=Qt.unread,hasNoPadding:O=!1,iconPosition:w="start","aria-label":C=null,icon:N=null,role:S,ouiaId:I,ouiaSafe:k=!0,tabIndex:D=null,innerRef:T,countOptions:L}=e,M=o(e,["children","className","component","isClicked","isBlock","isDisabled","isAriaDisabled","isLoading","isDanger","spinnerAriaValueText","spinnerAriaLabelledBy","spinnerAriaLabel","size","inoperableEvents","isInline","type","variant","state","hasNoPadding","iconPosition","aria-label","icon","role","ouiaId","ouiaSafe","tabIndex","innerRef","countOptions"]);const R=K(tn.displayName,I,k,E),j=i,P="button"===j,_=v&&"span"===j,A="end"===w||"right"===w,F=b.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{}),H=N&&a.createElement("span",{className:s(Wt.buttonIcon,t&&Wt.modifiers[A?"end":"start"])},N),B=t&&a.createElement("span",{className:s("pf-v6-c-button__text")},t),$=d||!P&&c;return a.createElement(j,Object.assign({},M,d?F:null,$&&{"aria-disabled":!0},{"aria-label":C,className:s(Wt.button,Wt.modifiers[E],r&&Wt.modifiers.block,c&&!P&&Wt.modifiers.disabled,d&&Wt.modifiers.ariaDisabled,l&&Wt.modifiers.clicked,v&&E===Zt.link&&Wt.modifiers.inline,p&&(E===Zt.secondary||E===Zt.link)&&Wt.modifiers.danger,null!==u&&E!==Zt.plain&&Wt.modifiers.progress,u&&Wt.modifiers.inProgress,O&&E===Zt.plain&&Wt.modifiers.noPadding,E===Zt.stateful&&Wt.modifiers[x],h===Yt.sm&&Wt.modifiers.small,h===Yt.lg&&Wt.modifiers.displayLg,n),disabled:P?c:null,tabIndex:null!==D?D:c?P?null:-1:d?null:_?0:void 0,type:P||_?y:null,role:_?"button":S,ref:T},R),u&&a.createElement("span",{className:s(Wt.buttonProgress)},a.createElement(qt,{size:Ut.md,isInline:v,"aria-valuetext":m,"aria-label":g,"aria-labelledby":f})),A?a.createElement(a.Fragment,null,B,H):a.createElement(a.Fragment,null,H,B),L&&a.createElement("span",{className:s(Wt.buttonCount,L.className)},a.createElement(Kt,{isRead:L.isRead,isDisabled:c},L.count)))},tn=a.forwardRef(((e,t)=>a.createElement(en,Object.assign({innerRef:t},e))));tn.displayName="Button";const nn=e=>{var{className:t,icon:n,onClick:i,"aria-label":l,isFavorited:r=null,isDisabled:c,actionId:d,innerRef:u}=e,m=o(e,["className","icon","onClick","aria-label","isFavorited","isDisabled","actionId","innerRef"]);return a.createElement(vt.Consumer,null,(({onActionClick:e})=>a.createElement(yt.Consumer,null,(({itemId:o,isDisabled:f})=>a.createElement("div",Object.assign({className:s(p,null!==r&&"pf-m-favorite",r&&C.favorited,t)},m),a.createElement(tn,{"aria-label":l,onClick:t=>{i&&i(t),e&&e(t,o,d)},ref:u,role:"menuitem",variant:"plain",tabIndex:-1,isDisabled:c||f,icon:"favorites"===n||null!==r?a.createElement($t,null):n}))))))},an=a.forwardRef(((e,t)=>a.createElement(nn,Object.assign({},e,{innerRef:t}))));an.displayName="MenuItemAction";var ln={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"},on="pf-v6-c-tooltip",sn="pf-v6-c-tooltip__arrow",rn="pf-v6-c-tooltip__content";const cn=e=>{var{className:t,children:n,isLeftAligned:i}=e,l=o(e,["className","children","isLeftAligned"]);return a.createElement("div",Object.assign({className:s(rn,i&&ln.textAlignLeft,t)},l),n)};cn.displayName="TooltipContent";const dn=e=>{var{className:t}=e,n=o(e,["className"]);return a.createElement("div",Object.assign({className:s(sn,t)},n))};dn.displayName="TooltipArrow";const un={value:"18.75rem"};var pn;!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"}(pn||(pn={}));let mn=1;const fn=e=>{var{content:t,position:n="top",trigger:i="mouseenter focus",isVisible:l=!1,isContentLeftAligned:r=!1,enableFlip:c=!0,className:d="",entryDelay:u=300,exitDelay:p=300,appendTo:m=(()=>document.body),zIndex:f=9999,minWidth:g,maxWidth:h=un.value,distance:b=15,aria:v="describedby",flipBehavior:y=["top","right","bottom","left","top","right","bottom"],id:E="pf-tooltip-"+mn++,children:x,animationDuration:O=300,triggerRef:w,"aria-live":C=(w?"polite":"off"),onTooltipHidden:N=(()=>{})}=e,S=o(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"),D=i.includes("click"),T="manual"===i,[L,M]=a.useState(!1),R=a.createRef();a.useEffect((()=>{l?_():A()}),[l]);const _=()=>{M(!0)},A=()=>{M(!1)},F={top:ln.top,bottom:ln.bottom,left:ln.left,right:ln.right,"top-start":ln.topLeft,"top-end":ln.topRight,"bottom-start":ln.bottomLeft,"bottom-end":ln.bottomRight,"left-start":ln.leftTop,"left-end":ln.leftBottom,"right-start":ln.rightTop,"right-end":ln.rightBottom},H=h!==un.value,B=a.createElement("div",Object.assign({"aria-live":C,className:s(on,d),role:"tooltip",id:E,style:{maxWidth:H?h:null},ref:R},S),a.createElement(dn,null),a.createElement(cn,{isLeftAligned:r},t));return a.createElement(gt,{trigger:"none"!==v&&L?"describedby"===v&&x&&x.props&&!x.props["aria-describedby"]?a.cloneElement(x,{"aria-describedby":E}):"labelledby"===v&&x.props&&!x.props["aria-labelledby"]?a.cloneElement(x,{"aria-labelledby":E}):x:x,triggerRef:w,popper:B,popperRef:R,minWidth:void 0!==g?g:"revert",appendTo:m,isVisible:L,positionModifiers:F,distance:b,placement:n,onMouseEnter:I&&_,onMouseLeave:I&&A,onPopperMouseEnter:I&&_,onPopperMouseLeave:I&&A,onFocus:k&&_,onBlur:k&&A,onDocumentClick:D&&((e,t)=>{L?A():e.target===t&&_()}),onDocumentKeyDown:T?null:e=>{T||e.key===j&&L&&A()},onTriggerEnter:T?null:e=>{e.key===P&&(L?A():_())},enableFlip:c,zIndex:f,flipBehavior:y,animationDuration:O,entryDelay:u,exitDelay:p,onHidden:N})};fn.displayName="Tooltip";const gn=a.createContext({direction:"right"}),hn=e=>{var{children:t,className:n,itemId:i=null,to:l,hasCheckbox:d=!1,isActive:p=null,isFavorited:x=null,isLoadButton:w=!1,isLoading:N=!1,flyoutMenu:S,direction:I,description:k=null,onClick:D=(()=>{}),component:T="button",isDisabled:L=!1,isAriaDisabled:M=!1,isExternalLink:R=!1,isSelected:j=null,isFocused:P,isDanger:_=!1,icon:A,actions:F,onShowFlyout:H,drilldownMenu:$,isOnPath:W,innerRef:z,id:U,"aria-label":q,tooltipProps:X,rel:G,target:K,download:Z}=e,J=o(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:Y,parentMenu:Q,onSelect:ee,onActionClick:te,activeItemId:ne,selected:ie,drilldownItemPath:ae,onDrillIn:le,onDrillOut:oe,flyoutRef:se,setFlyoutRef:re,disableHover:ce,role:de}=a.useContext(vt);let ue=l?"a":T;d&&!l&&(ue="label");const[pe,me]=a.useState(null),fe=a.useContext(gn),[ge,he]=a.useState(fe.direction),be=a.useRef(void 0),ve=be===se,ye=void 0!==S,Ee=e=>{!ve&&e?re(be):ve&&!e&&re(null),H&&e&&H()};ct((()=>{if(ye&&be.current&&B){const e=be.current.lastElementChild;if(e&&e.classList.contains(c)){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 l=ge;a<0&&"left"!==l?(he("left"),l="left"):i<0&&"right"!==l&&(he("right"),l="right");let o=0;i<0&&a<0&&(o="right"===l?-a:-i),"left"===l?(e.classList.add(C.left),e.style.setProperty(St,`-${o}px`)):e.style.setProperty(It,`-${o}px`);const s=window.innerHeight-t.y-n.height;window.innerHeight-n.height<0&&s<0||s<0&&e.style.setProperty(Nt,`${s}px`)}}}}),[ve,S]),a.useEffect((()=>{he(fe.direction)}),[fe]),a.useEffect((()=>{if(pe)if(ve){const e=pe.nextElementSibling;Array.from(e.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(r))))[0].firstChild.focus()}else pe.focus()}),[ve,pe]);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||(Ee(!0),me(n))),"Escape"!==t&&"ArrowLeft"!==t||ve&&(e.stopPropagation(),Ee(!1))},Oe=(e,t)=>{M||(t&&t(e,i),D&&D(e))},we=W&&W||ae&&ae.includes(i)||!1;let Ce;I&&(Ce="down"===I?e=>le&&le(e,Y,"function"==typeof $?$().props.id:$.props.id,i):e=>oe&&oe(e,Q,i));let Ne={};"a"===ue?Ne={href:l,"aria-disabled":!(!L&&!M)||null,disabled:null,target:R?"_blank":K,rel:G,download:Z}:"button"===ue&&(Ne={type:"button","aria-disabled":!!M||null}),W?Ne["aria-expanded"]=!0:ye&&(Ne["aria-haspopup"]="menu",Ne["aria-expanded"]=ve);const Se=()=>null!==j?j: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(V,null,(e=>a.createElement(ue,Object.assign({id:U,tabIndex:-1,className:s(u,Se()&&!d&&C.selected,n),"aria-current":null!==p?p?"page":null:null!==i&&null!==ne?i===ne:null},!d&&{disabled:L,"aria-label":q},!d&&!S&&{role:Ie?"option":"menuitem"},!d&&!S&&Ie&&{"aria-selected":Se()},{ref:z},!d&&{onClick:e=>{M?e.preventDefault():(Oe(e,ee),Ce&&Ce(e),S&&xe(e))}},d&&{htmlFor:e},Ne),a.createElement("span",{className:s(b)},"up"===I&&a.createElement("span",{className:s(E)},a.createElement(Tt,null)),A&&a.createElement("span",{className:s(h)},A),d&&a.createElement("span",{className:s(m)},a.createElement(Bt,{id:e,component:"span",isChecked:j||!1,onChange:e=>Oe(e,ee),isDisabled:L,"aria-disabled":M})),a.createElement("span",{className:s(y)},t),R&&a.createElement("span",{className:s(g)},a.createElement(kt,null)),(S||"down"===I)&&a.createElement("span",{className:s(E)},a.createElement(Dt,null)),Se()&&a.createElement("span",{className:s(v)},a.createElement(Lt,null))),k&&"up"!==I&&a.createElement("span",{className:s(f)},a.createElement("span",null,k))))),ve&&a.createElement(vt.Provider,{value:{disableHover:ce}},a.createElement(gn.Provider,{value:{direction:ge}},S)),"function"==typeof $?$():$,a.createElement(yt.Provider,{value:{itemId:i,isDisabled:L}},F,null!==x&&a.createElement(an,{icon:"favorites",isFavorited:x,"aria-label":x?"starred":"not starred",onClick:e=>te(e,i),tabIndex:-1,actionId:"fav"})));return a.createElement("li",Object.assign({className:s(O,L&&C.disabled,M&&C.ariaDisabled,we&&C.currentPath,w&&C.load,N&&C.loading,P&&"pf-m-focus",_&&C.danger,n),onMouseOver:()=>{M||ce||(ye?Ee(!0):re(null))}},S&&!M&&{onKeyDown:xe},{ref:be,role:d?"menuitem":"none"},d&&{"aria-label":q},J),X?a.createElement(fn,Object.assign({},X),ke):ke)},bn=a.forwardRef(((e,t)=>a.createElement(hn,Object.assign({},e,{innerRef:t}))));bn.displayName="MenuItem";const vn=e=>{var{children:t=null,className:n,isAriaMultiselectable:i=!1,"aria-label":l}=e,r=o(e,["children","className","isAriaMultiselectable","aria-label"]);const{role:c}=a.useContext(vt);return a.createElement("ul",Object.assign({role:c},"listbox"===c&&{"aria-multiselectable":i},{className:s(x,n),"aria-label":l},r),t)};vn.displayName="MenuList";const yn=e=>{var{children:n,className:i,onSelect:a,isOpen:l,toggle:r,shouldFocusToggleOnSelect:c=!1,onOpenChange:d,onToggleKeydown:u,isPlain:p,isScrollable:m,innerRef:f,ouiaId:g,ouiaSafe:h=!0,zIndex:b=9999,popperProps:v,onOpenChangeKeys:y=["Escape","Tab"],menuHeight:E,maxMenuHeight:x,shouldFocusFirstItemOnOpen:O=!1,shouldPreventScrollOnItemFocus:w=!0,focusTimeoutDelay:C=0}=e,N=o(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(void 0),I=t.useRef(void 0),k=K(En.displayName,g,h),D=f||S,T="function"==typeof r||"function"!=typeof r&&!r.toggleRef?I:null==r?void 0:r.toggleRef,L=t.useRef(l);t.useEffect((()=>{!1===L.current&&!0===l&&O&&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})}),C),L.current=l}),[l]),t.useEffect((()=>{const e=e=>{var t,n,i,a;l&&d&&((null===(t=D.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=T.current)||void 0===n?void 0:n.contains(e.target)))&&y.includes(e.key)&&(d(!1),null===(i=T.current)||void 0===i||i.focus()),(null===(a=T.current)||void 0===a?void 0:a.contains(e.target))&&(u?u(e):l&&ht(e,D))},t=e=>{var t,n;l&&d&&!(null===(t=null==T?void 0:T.current)||void 0===t?void 0:t.contains(e.target))&&l&&!(null===(n=D.current)||void 0===n?void 0:n.contains(e.target))&&d(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[l,D,T,d,y,u,w,O,C]);const M=void 0!==x||void 0!==E||m,R=t.createElement(xt,Object.assign({className:s(i),ref:D,onSelect:(e,t)=>{var n;a&&a(e,t),c&&(null===(n=T.current)||void 0===n||n.focus())},isPlain:p,isScrollable:M},N,k),t.createElement(Ct,{menuHeight:E,maxMenuHeight:x},n));return t.createElement(gt,Object.assign({trigger:"function"==typeof r?r(T):r.toggleNode,triggerRef:T,popper:R,popperRef:D,isVisible:l,zIndex:b},v))},En=t.forwardRef(((e,n)=>t.createElement(yn,Object.assign({innerRef:n},e))));En.displayName="Dropdown";const xn=e=>{var{children:n,className:i,description:a,isDisabled:l,isAriaDisabled:r,value:c,onClick:d,ouiaId:u,ouiaSafe:p,innerRef:m,tooltipProps:f}=e,g=o(e,["children","className","description","isDisabled","isAriaDisabled","value","onClick","ouiaId","ouiaSafe","innerRef","tooltipProps"]);const h=K(On.displayName,u,p);return t.createElement(bn,Object.assign({className:s(i),description:a,isDisabled:l,isAriaDisabled:r,itemId:c,onClick:d,tooltipProps:f,ref:m},h,g),n)},On=t.forwardRef(((e,n)=>t.createElement(xn,Object.assign({},e,{innerRef:n}))));On.displayName="DropdownItem";const wn=e=>{var{children:n,className:i}=e,a=o(e,["children","className"]);return t.createElement(vn,Object.assign({className:s(i)},a),n)};wn.displayName="DropdownList";var Cn={menuToggle:"pf-v6-c-menu-toggle",menuToggleButton:"pf-v6-c-menu-toggle__button",menuToggleControls:"pf-v6-c-menu-toggle__controls",menuToggleCount:"pf-v6-c-menu-toggle__count",menuToggleIcon:"pf-v6-c-menu-toggle__icon",menuToggleStatusIcon:"pf-v6-c-menu-toggle__status-icon",menuToggleText:"pf-v6-c-menu-toggle__text",menuToggleToggleIcon:"pf-v6-c-menu-toggle__toggle-icon",modifiers:{primary:"pf-m-primary",secondary:"pf-m-secondary",fullHeight:"pf-m-full-height",fullWidth:"pf-m-full-width",plain:"pf-m-plain",expanded:"pf-m-expanded",disabled:"pf-m-disabled",small:"pf-m-small",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger",placeholder:"pf-m-placeholder",splitButton:"pf-m-split-button",standalone:"pf-m-standalone",typeahead:"pf-m-typeahead",text:"pf-m-text",avatar:"pf-m-avatar"}};const Nn=I({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});var Sn,In;!function(e){e.success="success",e.danger="danger",e.warning="warning"}(Sn||(Sn={})),function(e){e.default="default",e.sm="sm"}(In||(In={}));class kn extends a.Component{constructor(){super(...arguments),this.displayName="MenuToggleBase",this.state={ouiaStateId:J(Dn.displayName,this.props.variant)}}render(){const e=this.props,{children:t,className:n,icon:i,badge:l,isExpanded:r,isDisabled:c,isFullHeight:d,isFullWidth:u,isPlaceholder:p,splitButtonItems:m,variant:f,status:g,statusIcon:h,innerRef:b,onClick:v,"aria-label":y,ouiaId:E,ouiaSafe:x,size:O}=e,w=o(e,["children","className","icon","badge","isExpanded","isDisabled","isFullHeight","isFullWidth","isPlaceholder","splitButtonItems","variant","status","statusIcon","innerRef","onClick","aria-label","ouiaId","ouiaSafe","size"]),C="plain"===f,N="plainText"===f,S="typeahead"===f,I=G(Dn.displayName,null!=E?E:this.state.ouiaStateId,x);let L=h;if(!h)switch(g){case Sn.success:L=a.createElement(k,null);break;case Sn.warning:L=a.createElement(T,null);break;case Sn.danger:L=a.createElement(D,null)}const M=a.createElement("span",{className:s(Cn.menuToggleControls)},void 0!==g&&a.createElement("span",{className:s(Cn.menuToggleStatusIcon)},L),a.createElement("span",{className:s(Cn.menuToggleToggleIcon)},a.createElement(Nn,null))),R=a.createElement(a.Fragment,null,i&&a.createElement("span",{className:s(Cn.menuToggleIcon)},i),S?t:t&&a.createElement("span",{className:s(Cn.menuToggleText)},t),a.isValidElement(l)&&a.createElement("span",{className:s(Cn.menuToggleCount)},l),S?a.createElement("button",Object.assign({type:"button",className:s(Cn.menuToggleButton),"aria-expanded":r,onClick:v,"aria-label":y||"Menu toggle",tabIndex:-1},I),M):!C&&M),j=s(Cn.menuToggle,r&&Cn.modifiers.expanded,"primary"===f&&Cn.modifiers.primary,"secondary"===f&&Cn.modifiers.secondary,g&&Cn.modifiers[g],(C||N)&&Cn.modifiers.plain,N&&"pf-m-text",d&&Cn.modifiers.fullHeight,u&&Cn.modifiers.fullWidth,c&&Cn.modifiers.disabled,p&&Cn.modifiers.placeholder,O===In.sm&&Cn.modifiers.small,n),P=Object.assign(Object.assign({children:R},c&&{disabled:!0}),w);return S?a.createElement("div",Object.assign({ref:b,className:s(j,Cn.modifiers.typeahead)},P)):m?a.createElement("div",{ref:b,className:s(j,Cn.modifiers.splitButton)},m,a.createElement("button",Object.assign({className:s(Cn.menuToggleButton,t&&Cn.modifiers.text),type:"button","aria-expanded":r,"aria-label":y,disabled:c,onClick:v},w,I),t&&a.createElement("span",{className:s(Cn.menuToggleText)},t),M)):a.createElement("button",Object.assign({className:s(j),type:"button","aria-label":y,"aria-expanded":r,ref:b,disabled:c,onClick:v},P,I))}}kn.defaultProps={className:"",isExpanded:!1,isDisabled:!1,isFullWidth:!1,isFullHeight:!1,isPlaceholder:!1,size:"default",ouiaSafe:!0};const Dn=a.forwardRef(((e,t)=>a.createElement(kn,Object.assign({innerRef:t},e))));Dn.displayName="MenuToggle";var Tn,Ln={divider:"pf-v6-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",horizontal:"pf-m-horizontal",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"}(Tn||(Tn={}));const Mn=e=>{var{className:t,component:n=Tn.hr,inset:i,orientation:l}=e,r=o(e,["className","component","inset","orientation"]);const c=n;return a.createElement(c,Object.assign({className:s(Ln.divider,A(i,Ln),A(l,Ln),t)},"hr"!==n&&{role:"separator"},r))};Mn.displayName="Divider";const Rn=e=>{var{innerRef:n,initialItems:i,onSelect:a,onToggle:l,isDisabled:s,toggleAriaLabel:r,toggleContent:c,isToggleFullWidth:d,toggleVariant:u="default",toggleWidth:p,toggleProps:m,shouldFocusToggleOnSelect:f}=e,g=o(e,["innerRef","initialItems","onSelect","onToggle","isDisabled","toggleAriaLabel","toggleContent","isToggleFullWidth","toggleVariant","toggleWidth","toggleProps","shouldFocusToggleOnSelect"]);const[h,b]=t.useState(!1),v=()=>{l&&l(!h),b(!h)},y=null==i?void 0:i.map((e=>{const{content:n,onClick:i,to:a,value:l,isDivider:s}=e,r=o(e,["content","onClick","to","value","isDivider"]);return s?t.createElement(Mn,{component:"li",key:l}):t.createElement(On,Object.assign({onClick:i,to:a,key:l,value:l},r),n)}));return t.createElement(En,Object.assign({toggle:e=>t.createElement(Dn,Object.assign({ref:e,onClick:v,isExpanded:h,isDisabled:s,variant:u,"aria-label":r,isFullWidth:d,style:{width:p}},m),c),isOpen:h,onSelect:(e,t)=>{a&&a(e,t),l&&l(!1),b(!1)},shouldFocusToggleOnSelect:f,onOpenChange:e=>{l&&l(e),b(e)},ref:n},g),t.createElement(wn,null,y))},jn=t.forwardRef(((e,n)=>t.createElement(Rn,Object.assign({},e,{innerRef:n}))));jn.displayName="SimpleDropdown";const Pn=e=>{var{children:n,className:i,onSelect:a,isOpen:l,selected:r,toggle:c,shouldFocusToggleOnSelect:d=!1,shouldFocusFirstItemOnOpen:u=!1,onOpenChange:p,onOpenChangeKeys:m=["Escape","Tab"],onToggleKeydown:f,variant:g,isPlain:h,innerRef:b,zIndex:v=9999,role:y="listbox",popperProps:E,menuHeight:x,maxMenuHeight:O,isScrollable:w,shouldPreventScrollOnItemFocus:C=!0,focusTimeoutDelay:N=0}=e,S=o(e,["children","className","onSelect","isOpen","selected","toggle","shouldFocusToggleOnSelect","shouldFocusFirstItemOnOpen","onOpenChange","onOpenChangeKeys","onToggleKeydown","variant","isPlain","innerRef","zIndex","role","popperProps","menuHeight","maxMenuHeight","isScrollable","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const I=t.useRef(void 0),k=t.useRef(void 0),D=b||I,T="function"==typeof c||"function"!=typeof c&&!c.toggleRef?k:null==c?void 0:c.toggleRef,L=t.useRef(l);t.useEffect((()=>{!1===L.current&&!0===l&&u&&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:C})}),N),L.current=l}),[l]),t.useEffect((()=>{const e=e=>{var t,n,i,a;l&&p&&((null===(t=D.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=T.current)||void 0===n?void 0:n.contains(e.target)))&&m.includes(e.key)&&(e.preventDefault(),p(!1),null===(i=T.current)||void 0===i||i.focus()),(null===(a=T.current)||void 0===a?void 0:a.contains(e.target))&&(f?f(e):l&&"typeahead"!==g&&ht(e,D))},t=e=>{var t,n;l&&p&&!(null===(t=null==T?void 0:T.current)||void 0===t?void 0:t.contains(e.target))&&l&&!(null===(n=D.current)||void 0===n?void 0:n.contains(e.target))&&p(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[l,D,T,p,m,f,C,u,N]);const M=t.createElement(xt,Object.assign({role:y,className:s(i),ref:D,onSelect:(e,t)=>{a&&a(e,t),d&&T.current.focus()},isPlain:h,selected:r,isScrollable:null!=w?w:void 0!==x||void 0!==O},G(_n.displayName,void 0!==S.ouiaId?S.ouiaId:J(_n.displayName),void 0===S.ouiaSafe||S.ouiaSafe),S),t.createElement(Ct,{menuHeight:x,maxMenuHeight:O},n));return t.createElement(gt,Object.assign({trigger:"function"==typeof c?c(T):c.toggleNode,triggerRef:T,popper:M,popperRef:D,isVisible:l,zIndex:v},E))},_n=t.forwardRef(((e,n)=>t.createElement(Pn,Object.assign({innerRef:n},e))));_n.displayName="Select";const An=e=>{var{children:n,className:i,isAriaMultiselectable:a=!1}=e,l=o(e,["children","className","isAriaMultiselectable"]);return t.createElement(vn,Object.assign({isAriaMultiselectable:a,className:s(i)},l),n)};An.displayName="SelectList";const Fn=e=>{var{children:n,className:i,innerRef:a,value:l}=e,r=o(e,["children","className","innerRef","value"]);return t.createElement(bn,Object.assign({itemId:l,ref:a,className:s(i)},r),n)},Hn=t.forwardRef(((e,n)=>t.createElement(Fn,Object.assign({},e,{innerRef:n}))));Hn.displayName="SelectOption";const Bn=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:l,onToggle:s,toggleContent:r,toggleWidth:c="200px",toggleProps:d,placeholder:u="Select a value"}=e,p=o(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=o(e,["content","value"]),l=(null==g?void 0:g.value)===i;return t.createElement(Hn,Object.assign({value:i,key:i,isSelected:l},a),n)})),v=()=>{s&&s(!m),f(!m)};return t.createElement(_n,Object.assign({isOpen:m,selected:g,onSelect:(e,t)=>{l&&l(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(Dn,Object.assign({ref:e,onClick:v,isExpanded:m,isDisabled:a,style:{width:c}},d),r||((null==g?void 0:g.content)||u)),shouldFocusToggleOnSelect:!0,ref:n},p),t.createElement(An,null,b))},$n=t.forwardRef(((e,n)=>t.createElement(Bn,Object.assign({},e,{innerRef:n}))));$n.displayName="SimpleSelect";const Wn=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:l,onToggle:s,toggleContent:r,toggleWidth:c="200px",toggleProps:d}=e,u=o(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent","toggleWidth","toggleProps"]);const[p,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=o(e,["content","value"]),l=f.includes(`${i}`);return t.createElement(Hn,Object.assign({value:i,key:i,hasCheckbox:!0,isSelected:l},a),n)})),b=()=>{s&&s(!p),m(!p)},v=t.createElement(t.Fragment,null,"Filter by status",f.length>0&&t.createElement(Kt,{isRead:!0},f.length));return t.createElement(_n,Object.assign({isOpen:p,selected:f,onSelect:(e,t)=>{const n=`${t}`;f.includes(n)?g((e=>e.filter((e=>e!==n)))):g((e=>[...e,n])),l&&l(e,t)},onOpenChange:e=>{s&&s(e),m(e)},toggle:e=>t.createElement(Dn,Object.assign({ref:e,onClick:b,isExpanded:p,isDisabled:a,style:{width:c}},d),r||v),ref:n,role:"menu"},u),t.createElement(An,null,h))},zn=t.forwardRef(((e,n)=>t.createElement(Wn,Object.assign({},e,{innerRef:n}))));var Vn={modifiers:{disabled:"pf-m-disabled",plain:"pf-m-plain",success:"pf-m-success",warning:"pf-m-warning",error:"pf-m-error",icon:"pf-m-icon",status:"pf-m-status",hint:"pf-m-hint"},textInputGroup:"pf-v6-c-text-input-group",textInputGroupIcon:"pf-v6-c-text-input-group__icon",textInputGroupMain:"pf-v6-c-text-input-group__main",textInputGroupText:"pf-v6-c-text-input-group__text",textInputGroupTextInput:"pf-v6-c-text-input-group__text-input",textInputGroupUtilities:"pf-v6-c-text-input-group__utilities"};const Un=a.createContext({isDisabled:!1}),qn=e=>{var{children:t,className:n,isDisabled:i,isPlain:l,validated:r,innerRef:c}=e,d=o(e,["children","className","isDisabled","isPlain","validated","innerRef"]);const u=a.useRef(null),p=c||u;return a.createElement(Un.Provider,{value:{isDisabled:i,validated:r}},a.createElement("div",Object.assign({ref:p,className:s(Vn.textInputGroup,i&&Vn.modifiers.disabled,l&&Vn.modifiers.plain,r&&Vn.modifiers[r],n)},d),t))};qn.displayName="TextInputGroup";const Xn=e=>{var{children:t,className:n,isStatus:i}=e,l=o(e,["children","className","isStatus"]);return a.createElement("span",Object.assign({className:s(Vn.textInputGroupIcon,i&&Vn.modifiers.status,n)},l),t)};Xn.displayName="TextInputGroupIcon";const Gn=e=>{var{children:t,className:n,icon:i,type:l="text",hint:r,onChange:c=(()=>{}),onFocus:d,onBlur:u,"aria-label":p="Type to filter",value:m,placeholder:f,innerRef:g,name:h,"aria-activedescendant":b,role:v,isExpanded:y,"aria-controls":E,inputId:x}=e,O=o(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,validated:C}=a.useContext(Un),N=a.useRef(null),S=g||N,I=_[C===R.error?"danger":C];return a.createElement("div",Object.assign({className:s(Vn.textInputGroupMain,i&&Vn.modifiers.icon,n)},O),t,a.createElement("span",{className:s(Vn.textInputGroupText)},r&&a.createElement("input",{className:s(Vn.textInputGroupTextInput,Vn.modifiers.hint),type:"text",disabled:!0,"aria-hidden":"true",value:r,id:x}),i&&a.createElement(Xn,null,i),a.createElement("input",Object.assign({ref:S,type:l,className:s(Vn.textInputGroupTextInput),"aria-label":p,disabled:w,onChange:e=>{c(e,e.currentTarget.value)},onFocus:d,onBlur:u,value:m||"",placeholder:f,name:h,"aria-activedescendant":b,id:x},v&&{role:v},void 0!==y&&{"aria-expanded":y},E&&{"aria-controls":E})),C&&a.createElement(Xn,{isStatus:!0},a.createElement(I,null))))},Kn=a.forwardRef(((e,t)=>a.createElement(Gn,Object.assign({innerRef:t},e))));Kn.displayName="TextInputGroupMain";const Zn=e=>{var{children:t,className:n}=e,i=o(e,["children","className"]);return a.createElement("div",Object.assign({className:s(Vn.textInputGroupUtilities,n)},i),t)};Zn.displayName="TextInputGroupUtilities";const Jn=I({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}),Yn=e=>`No results found for "${e}"`,Qn=e=>`Create "${e}"`,ei=e=>{var n,i,a,l,{innerRef:s,initialOptions:r,onSelect:c,onToggle:d,onInputChange:u,onClearSelection:p,placeholder:m="Select an option",noOptionsAvailableMessage:f="No options are available",noOptionsFoundMessage:g=Yn,isCreatable:h=!1,isCreateOptionOnTop:b=!1,createOptionMessage:v=Qn,isDisabled:y,toggleWidth:E,toggleProps:x}=e,O=o(e,["innerRef","initialOptions","onSelect","onToggle","onInputChange","onClearSelection","placeholder","noOptionsAvailableMessage","noOptionsFoundMessage","isCreatable","isCreateOptionOnTop","createOptionMessage","isDisabled","toggleWidth","toggleProps"]);const[w,C]=t.useState(!1),[N,S]=t.useState(String(null!==(i=null===(n=r.find((e=>e.selected)))||void 0===n?void 0:n.content)&&void 0!==i?i:"")),[I,k]=t.useState(String(null!==(l=null===(a=r.find((e=>e.selected)))||void 0===a?void 0:a.content)&&void 0!==l?l:"")),[D,T]=t.useState(""),[L,M]=t.useState(r),[R,j]=t.useState(null),[P,_]=t.useState(null),A=t.useRef(void 0),F="no results";t.useEffect((()=>{let e=r;if(D){if(e=r.filter((e=>String(e.content).toLowerCase().includes(D.toLowerCase()))),h&&D&&!r.find((e=>String(e.content).toLowerCase()===D.toLowerCase()))){const t={content:"string"==typeof v?v:v(D),value:D};e=b?[t,...e]:[...e,t]}e.length||(e=[{isAriaDisabled:!0,content:"string"==typeof g?g:g(D),value:F}]),B()}e.length||(e=[{isAriaDisabled:!0,content:f,value:F}]),M(e)}),[D,r,g,h,b,v,f]),t.useEffect((()=>{var e;const t=r.find((e=>e.selected));I===N&&(null==t?void 0:t.value)!==N&&k(String(null!==(e=null==t?void 0:t.content)&&void 0!==e?e:""))}),[r]);const H=()=>{j(null),_(null)},B=()=>{w||(d&&d(!0),C(!0))},$=()=>{d&&d(!1),C(!1),H();const e=r.find((e=>e.value===N));e&&k(String(e.content))},W=()=>{w?I||$():B()},z=(e,t)=>{c&&c(e,t.value),k(String(t.content)),T(""),S(String(t.value)),$()},V=(e,t)=>{k(t),u&&u(t),T(t),H()},U=e=>{let t=0;if(B(),!L.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===R||0===R?L.length-1:R-1;L[t].isDisabled;)t--,-1===t&&(t=L.length-1);if("ArrowDown"===e)for(t=null===R||R===L.length-1?0:R+1;L[t].isDisabled;)t++,t===L.length&&(t=0);(e=>{j(e);const t=L[e];_(String(t.value))})(t)}},q=e=>{const t=null!==R?L[R]:null;switch(e.key){case"Enter":w&&t&&t.value!==F&&!t.isAriaDisabled&&z(e,t),B();break;case"ArrowUp":case"ArrowDown":e.preventDefault(),U(e.key)}},X=()=>{var e;d&&d(!w),C(!w),null===(e=A.current)||void 0===e||e.focus()},G=()=>{var e;S(""),k(""),u&&u(""),T(""),H(),null===(e=A.current)||void 0===e||e.focus(),p&&p()};return t.createElement(_n,Object.assign({isOpen:w,selected:N,onSelect:(e,t)=>{if(t&&t!==F){const n=L.find((e=>e.value===t));z(e,n)}},onOpenChange:e=>{!e&&$()},toggle:e=>t.createElement(Dn,Object.assign({ref:e,variant:"typeahead","aria-label":"Typeahead menu toggle",onClick:X,isExpanded:w,isDisabled:y,isFullWidth:!0,style:{width:E}},x),t.createElement(qn,{isPlain:!0},t.createElement(Kn,Object.assign({value:I,onClick:W,onChange:V,onKeyDown:q,autoComplete:"off",innerRef:A,placeholder:m},P&&{"aria-activedescendant":P},{role:"combobox",isExpanded:w,"aria-controls":"select-typeahead-listbox"})),t.createElement(Zn,Object.assign({},I?{}:{style:{display:"none"}}),t.createElement(tn,{variant:"plain",onClick:G,"aria-label":"Clear input value",icon:t.createElement(Jn,null)})))),variant:"typeahead",ref:s},O),t.createElement(An,null,L.map(((e,n)=>{const{content:i,value:a}=e,l=o(e,["content","value"]);return t.createElement(Hn,Object.assign({key:a,value:a,isFocused:R===n},l),i)}))))};ei.displayName="TypeaheadSelectBase";const ti=t.forwardRef(((e,n)=>t.createElement(ei,Object.assign({},e,{innerRef:n}))));ti.displayName="TypeaheadSelect";var ni={label:"pf-v6-c-label",labelActions:"pf-v6-c-label__actions",labelContent:"pf-v6-c-label__content",labelIcon:"pf-v6-c-label__icon",labelText:"pf-v6-c-label__text",modifiers:{blue:"pf-m-blue",red:"pf-m-red",orange:"pf-m-orange",orangered:"pf-m-orangered",yellow:"pf-m-yellow",green:"pf-m-green",teal:"pf-m-teal",purple:"pf-m-purple",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger",info:"pf-m-info",custom:"pf-m-custom",compact:"pf-m-compact",filled:"pf-m-filled",outline:"pf-m-outline",editable:"pf-m-editable",editableActive:"pf-m-editable-active",overflow:"pf-m-overflow",add:"pf-m-add",clickable:"pf-m-clickable",disabled:"pf-m-disabled"}},ii="pf-v6-c-label-group",ai="pf-v6-c-label-group__close",li="pf-v6-c-label-group__label",oi="pf-v6-c-label-group__list",si="pf-v6-c-label-group__list-item",ri="pf-v6-c-label-group__main",ci="pf-v6-c-label-group__textarea",di={category:"pf-m-category",vertical:"pf-m-vertical",editable:"pf-m-editable",textarea:"pf-m-textarea"};const ui="--pf-v6-c-label__text--MaxWidth",pi={blue:ni.modifiers.blue,teal:ni.modifiers.teal,green:ni.modifiers.green,orange:ni.modifiers.orange,purple:ni.modifiers.purple,red:ni.modifiers.red,orangered:ni.modifiers.orangered,yellow:ni.modifiers.yellow,grey:""},mi={success:a.createElement(k,null),warning:a.createElement(T,null),danger:a.createElement(D,null),info:a.createElement(L,null),custom:a.createElement(M,null)},fi=e=>{var{children:n,className:i="",color:l="grey",variant:r="filled",status:c,isCompact:d=!1,isDisabled:u=!1,isEditable:p=!1,editableProps:m,textMaxWidth:f,tooltipPosition:g,icon:h,onClose:b,onClick:v,onEditCancel:y,onEditComplete:E,closeBtn:x,closeBtnAriaLabel:O,closeBtnProps:w,href:C,render:N}=e,S=o(e,["children","className","color","variant","status","isCompact","isDisabled","isEditable","editableProps","textMaxWidth","tooltipPosition","icon","onClose","onClick","onEditCancel","onEditComplete","closeBtn","closeBtnAriaLabel","closeBtnProps","href","render"]);const[I,k]=t.useState(!1),[D,T]=t.useState(n),L=a.useRef(void 0),M=a.useRef(void 0),R="overflow"===r,j="add"===r,P=v&&!R&&!j||C;let _;c&&(_=mi[c]),h&&(_=h),a.useEffect((()=>(document.addEventListener("mousedown",A),document.addEventListener("keydown",F),()=>{document.removeEventListener("mousedown",A),document.removeEventListener("keydown",F)}))),a.useEffect((()=>{v&&C?console.warn("Link labels cannot have onClick passed, this results in invalid HTML. Please remove either the href or onClick prop."):v&&p&&console.warn("Editable labels cannot have onClick passed, clicking starts the label edit process. Please remove either the isEditable or onClick prop.")}),[v,C,p]);const A=e=>{I&&M&&M.current&&!M.current.contains(e.target)&&(M.current.value&&E&&E(e,M.current.value),k(!1))},F=e=>{var t,i;const a=e.key;if((I||L&&L.current&&L.current.contains(e.target))&&(!I||M&&M.current&&M.current.contains(e.target))&&(!I||"Enter"!==a&&"Tab"!==a||(e.preventDefault(),e.stopImmediatePropagation(),M.current.value&&E&&E(e,M.current.value),k(!1),null===(t=null==L?void 0:L.current)||void 0===t||t.focus()),I&&"Escape"===a&&(e.preventDefault(),e.stopImmediatePropagation(),M.current.value&&(M.current.value=n,y&&y(e,n)),k(!1),null===(i=null==L?void 0:L.current)||void 0===i||i.focus()),!I&&"Enter"===a)){e.preventDefault(),e.stopImmediatePropagation(),k(!0);const t=e.target,n=document.createRange(),i=window.getSelection();n.selectNodeContents(t),n.collapse(!1),i.removeAllRanges(),i.addRange(n)}},H=(C||v)&&u,B=a.createElement(tn,Object.assign({type:"button",variant:"plain",hasNoPadding:!0,onClick:b,"aria-label":O||`Close ${n}`},H&&{isDisabled:!0},w,{icon:a.createElement(Jn,null)})),$=a.createElement("span",{className:s(ni.labelActions)},x||B),W=a.createRef(),z=a.useRef(void 0),[V,U]=a.useState(!1);ct((()=>{const e=p?L:W;I||U(e.current&&e.current.offsetWidth<e.current.scrollWidth)}),[I]);const q=a.createElement(a.Fragment,null,_&&a.createElement("span",{className:s(ni.labelIcon)},_),a.createElement("span",Object.assign({ref:W,className:s(ni.labelText)},f&&{style:{[ui]:f}}),n));a.useEffect((()=>{I&&M&&M.current&&M.current.focus()}),[M,I]);let X="span";C?X="a":(p||v&&!R&&!j)&&(X="button");const G={type:"button",onClick:v},K="button"===X,Z=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({className:s(ni.labelContent,P&&ni.modifiers.clickable)},V&&{tabIndex:0}),C&&{href:C}),C&&u&&{onClick:e=>e.preventDefault()}),K&&G),p&&Object.assign({ref:L,onClick:e=>{k(!0),e.stopPropagation()}},m)),H&&K&&{disabled:!0}),H&&C&&{tabIndex:-1,"aria-disabled":!0});let J=a.createElement(X,Object.assign({},Z),q);N?J=a.createElement(a.Fragment,null,V&&a.createElement(fn,{triggerRef:z,content:n,position:g}),N({className:ni.labelContent,content:q,componentRef:z})):V&&(J=a.createElement(fn,{content:n,position:g},J));const Y=R?"button":"span";return a.createElement(Y,Object.assign({},S,{className:s(ni.label,H&&ni.modifiers.disabled,pi[l],"filled"===r&&ni.modifiers.filled,"outline"===r&&ni.modifiers.outline,c&&ni.modifiers[c],R&&ni.modifiers.overflow,d&&ni.modifiers.compact,p&&di.editable,I&&ni.modifiers.editableActive,P&&ni.modifiers.clickable,j&&ni.modifiers.add,i),onClick:R||j?v:void 0},"button"===Y&&{type:"button"}),!I&&J,!I&&b&&$,I&&a.createElement("input",Object.assign({className:s(ni.labelContent),type:"text",id:"editable-input",ref:M,value:D,onChange:()=>{T(M.current.value)}},m)))};fi.displayName="Label";const gi=I({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 hi 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(fn,{position:n,content:t},a.createElement("span",{tabIndex:0,ref:this.headingRef,className:s(li)},a.createElement("span",{"aria-hidden":"true",id:e},t))):a.createElement("span",{ref:this.headingRef,className:s(li),"aria-hidden":"true",id:e},t)}render(){const e=this.props,{categoryName:t,children:n,className:i,isClosable:l,isCompact:r,closeBtnAriaLabel:c,"aria-label":d,onClick:u,numLabels:p,expandedText:m,collapsedText:f,defaultIsOpen:g,tooltipPosition:h,isVertical:b,isEditable:v,hasEditableTextArea:y,editableTextAreaProps:E,addLabelControl:x}=e,O=o(e,["categoryName","children","className","isClosable","isCompact","closeBtnAriaLabel","aria-label","onClick","numLabels","expandedText","collapsedText","defaultIsOpen","tooltipPosition","isVertical","isEditable","hasEditableTextArea","editableTextAreaProps","addLabelControl"]),{isOpen:w}=this.state,C=a.Children.toArray(n),N=C.length,S=(I={remaining:N-p},f.replace(/\${(.*?)}/g,((e,t)=>I[t]||"")));var I;const k=e=>{const n=w?C:C.slice(0,p),o=a.createElement(a.Fragment,null,t&&this.renderLabel(e),a.createElement("ul",Object.assign({className:s(oi)},t&&{"aria-labelledby":e},!t&&{"aria-label":d},{role:"list"},O),n.map(((e,t)=>a.createElement("li",{className:s(si),key:t},e))),N>p&&a.createElement("li",{className:s(si)},a.createElement(fi,{variant:"overflow",onClick:this.toggleCollapse,className:s(r&&ni.modifiers.compact)},w?m:S)),x&&a.createElement("li",{className:s(si)},x),v&&y&&a.createElement("li",{className:s(si,di.textarea)},a.createElement("textarea",Object.assign({className:s(ci),rows:1,tabIndex:0},E))))),f=a.createElement("div",{className:s(ai)},a.createElement(tn,{variant:"plain",hasNoPadding:!0,"aria-label":c,onClick:u,id:`remove_group_${e}`,"aria-labelledby":`remove_group_${e} ${e}`,icon:a.createElement(gi,null)}));return a.createElement("div",{className:s(ii,i,t&&di.category,b&&di.vertical,v&&di.editable)},a.createElement("div",{className:s(ri)},o),l&&f)};return 0===N&&void 0===x?null:a.createElement(V,null,(e=>k(this.props.id||e)))}}hi.displayName="LabelGroup",hi.defaultProps={expandedText:"Show Less",collapsedText:"${remaining} more",categoryName:"",defaultIsOpen:!1,numLabels:3,isClosable:!1,isCompact:!1,onClick:e=>{},closeBtnAriaLabel:"Close label group",tooltipPosition:"top","aria-label":"Label group category",isVertical:!1,isEditable:!1,hasEditableTextArea:!1};const bi=e=>{var n,{innerRef:i,initialOptions:a,onSelectionChange:l,onToggle:s,onInputChange:r,placeholder:c="Select an option",noOptionsFoundMessage:d=(e=>`No results found for "${e}"`),isDisabled:u,toggleWidth:p,toggleProps:m}=e,f=o(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,E]=t.useState(),[x,O]=t.useState(a),[w,C]=t.useState(null),[N,S]=t.useState(null),I=t.useRef(void 0),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()),O(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 T=()=>{C(null),S(null)},L=()=>{s&&s(!1),h(!1),T(),E("")},M=()=>{g?y||L():D()},R=(e,t)=>{const n=b.includes(t)?b.filter((e=>t!==e)):[...b,t];l&&l(e,n),v(n)},j=(e,t)=>{E(t),r&&r(t),T()},P=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=>{C(e);const t=x[e];S(t.value)})(t)}},_=e=>{const t=null!==w?x[w]:null;switch(e.key){case"Enter":g&&t&&t.value!==k&&!t.isAriaDisabled&&R(e,null==t?void 0:t.value),g||(s&&s(!0),h(!0));break;case"ArrowUp":case"ArrowDown":e.preventDefault(),P(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(""),T(),null===(t=null==I?void 0:I.current)||void 0===t||t.focus(),l&&l(e,[])};return t.createElement(_n,Object.assign({isOpen:g,selected:b,onSelect:(e,t)=>{t&&t!==k&&R(e,t)},onOpenChange:e=>{!e&&L()},toggle:e=>t.createElement(Dn,Object.assign({ref:e,variant:"typeahead","aria-label":"Multi select Typeahead menu toggle",onClick:A,isExpanded:g,isDisabled:u,isFullWidth:!0,style:{width:p}},m),t.createElement(qn,{isPlain:!0},t.createElement(Kn,Object.assign({value:y,onClick:M,onChange:j,onKeyDown:_,autoComplete:"off",innerRef:I,placeholder:c},N&&{"aria-activedescendant":N},{role:"combobox",isExpanded:g,"aria-controls":"select-typeahead-listbox"}),t.createElement(hi,{"aria-label":"Current selections"},b.map(((e,n)=>{var i;return t.createElement(fi,{key:n,"datatest-id":`${e}-chip`,onClick:t=>{t.stopPropagation(),((e,t)=>{const n=b.filter((e=>t!==e));l&&l(e,n),v(n)})(t,e)}},null===(i=a.find((t=>t.value===e)))||void 0===i?void 0:i.content)})))),t.createElement(Zn,Object.assign({},0===b.length?{style:{display:"none"}}:{}),t.createElement(tn,{variant:"plain",onClick:F,"aria-label":"Clear input value"},t.createElement(Jn,null))))),variant:"typeahead",ref:i},f),t.createElement(An,null,x.map(((e,n)=>{const{content:i,value:a}=e,l=o(e,["content","value"]);return t.createElement(Hn,Object.assign({key:a,value:a,isFocused:w===n},l),i)}))))};bi.displayName="MultiTypeaheadSelectBase";const vi=t.forwardRef(((e,n)=>t.createElement(bi,Object.assign({},e,{innerRef:n}))));vi.displayName="MultiTypeaheadSelect",e.CheckboxSelect=zn,e.MultiTypeaheadSelect=vi,e.MultiTypeaheadSelectBase=bi,e.SimpleDropdown=jn,e.SimpleSelect=$n,e.TypeaheadSelect=ti,e.TypeaheadSelectBase=ei}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-templates",
|
|
3
|
-
"version": "6.2.0-prerelease.
|
|
3
|
+
"version": "6.2.0-prerelease.20",
|
|
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,15 +33,15 @@
|
|
|
33
33
|
"subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@patternfly/react-core": "^6.2.0-prerelease.
|
|
37
|
-
"@patternfly/react-icons": "^6.2.0-prerelease.
|
|
38
|
-
"@patternfly/react-styles": "^6.2.0-prerelease.
|
|
39
|
-
"@patternfly/react-tokens": "^6.2.0-prerelease.
|
|
36
|
+
"@patternfly/react-core": "^6.2.0-prerelease.19",
|
|
37
|
+
"@patternfly/react-icons": "^6.2.0-prerelease.3",
|
|
38
|
+
"@patternfly/react-styles": "^6.2.0-prerelease.3",
|
|
39
|
+
"@patternfly/react-tokens": "^6.2.0-prerelease.3",
|
|
40
40
|
"tslib": "^2.8.1"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"react": "^17 || ^18",
|
|
44
44
|
"react-dom": "^17 || ^18"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "939bec6792f720d379d5bfd9c271e4920480bcc4"
|
|
47
47
|
}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { Badge } from '@patternfly/react-core/dist/esm/components/Badge';
|
|
3
|
+
import { MenuToggle, MenuToggleElement, MenuToggleProps } from '@patternfly/react-core/dist/esm/components/MenuToggle';
|
|
2
4
|
import {
|
|
3
|
-
Badge,
|
|
4
|
-
MenuToggle,
|
|
5
|
-
MenuToggleElement,
|
|
6
|
-
MenuToggleProps,
|
|
7
5
|
Select,
|
|
8
6
|
SelectList,
|
|
9
7
|
SelectOption,
|
|
10
8
|
SelectOptionProps,
|
|
11
9
|
SelectProps
|
|
12
|
-
} from '@patternfly/react-core';
|
|
10
|
+
} from '@patternfly/react-core/dist/esm/components/Select';
|
|
13
11
|
|
|
14
12
|
export interface CheckboxSelectOption extends Omit<SelectOptionProps, 'content'> {
|
|
15
13
|
/** Content of the select option. */
|