@patternfly/react-templates 1.1.0-prerelease.9 → 6.0.0-alpha.10
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 +12 -22
- package/README.md +17 -2
- package/components/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/esm/components/Select/index.d.ts +0 -1
- package/dist/esm/components/Select/index.d.ts.map +1 -1
- package/dist/esm/components/Select/index.js +0 -1
- package/dist/esm/components/Select/index.js.map +1 -1
- package/dist/esm/components/index.d.ts +0 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +0 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/js/components/Select/index.d.ts +0 -1
- package/dist/js/components/Select/index.d.ts.map +1 -1
- package/dist/js/components/Select/index.js +0 -1
- package/dist/js/components/Select/index.js.map +1 -1
- package/dist/js/components/index.d.ts +0 -1
- package/dist/js/components/index.d.ts.map +1 -1
- package/dist/js/components/index.js +0 -1
- package/dist/js/components/index.js.map +1 -1
- package/dist/umd/react-templates.min.js +1 -1
- package/package.json +7 -6
- package/src/components/Select/__snapshots__/CheckboxSelectSnapshots.test.tsx.snap +38 -38
- package/src/components/Select/examples/SelectTemplates.md +2 -9
- package/src/components/Select/index.ts +0 -1
- package/src/components/index.ts +0 -1
- package/dist/dynamic/components/Dropdown/package.json +0 -1
- package/dist/dynamic-modules.json +0 -15
- package/dist/esm/components/Dropdown/DropdownSimple.d.ts +0 -43
- package/dist/esm/components/Dropdown/DropdownSimple.d.ts.map +0 -1
- package/dist/esm/components/Dropdown/DropdownSimple.js +0 -27
- package/dist/esm/components/Dropdown/DropdownSimple.js.map +0 -1
- package/dist/esm/components/Dropdown/index.d.ts +0 -2
- package/dist/esm/components/Dropdown/index.d.ts.map +0 -1
- package/dist/esm/components/Dropdown/index.js +0 -2
- package/dist/esm/components/Dropdown/index.js.map +0 -1
- package/dist/esm/components/Select/SelectTypeahead.d.ts +0 -29
- package/dist/esm/components/Select/SelectTypeahead.d.ts.map +0 -1
- package/dist/esm/components/Select/SelectTypeahead.js +0 -179
- package/dist/esm/components/Select/SelectTypeahead.js.map +0 -1
- package/dist/js/components/Dropdown/DropdownSimple.d.ts +0 -43
- package/dist/js/components/Dropdown/DropdownSimple.d.ts.map +0 -1
- package/dist/js/components/Dropdown/DropdownSimple.js +0 -31
- package/dist/js/components/Dropdown/DropdownSimple.js.map +0 -1
- package/dist/js/components/Dropdown/index.d.ts +0 -2
- package/dist/js/components/Dropdown/index.d.ts.map +0 -1
- package/dist/js/components/Dropdown/index.js +0 -5
- package/dist/js/components/Dropdown/index.js.map +0 -1
- package/dist/js/components/Select/SelectTypeahead.d.ts +0 -29
- package/dist/js/components/Select/SelectTypeahead.d.ts.map +0 -1
- package/dist/js/components/Select/SelectTypeahead.js +0 -183
- package/dist/js/components/Select/SelectTypeahead.js.map +0 -1
- package/src/components/Dropdown/DropdownSimple.tsx +0 -122
- package/src/components/Dropdown/__tests__/DropdownSimple.test.tsx +0 -254
- package/src/components/Dropdown/__tests__/__snapshots__/DropdownSimple.test.tsx.snap +0 -147
- package/src/components/Dropdown/examples/DropdownSimpleExample.tsx +0 -53
- package/src/components/Dropdown/examples/DropdownTemplates.md +0 -36
- package/src/components/Dropdown/index.ts +0 -1
- package/src/components/Select/SelectTypeahead.tsx +0 -321
- package/src/components/Select/examples/SelectTypeaheadDemo.tsx +0 -21
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).PatternFlyTemplates={},e.React,e.ReactDOM)}(this,(function(e,t,n){"use strict";function i(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=i(t),o=i(n);function l(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(n[i[a]]=e[i[a]])}return n}function s(e,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 r(...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=r(...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,"function"==typeof SuppressedError&&SuppressedError;var c="pf-v5-c-divider",d="pf-v5-c-menu",p="pf-v5-c-menu__content",u="pf-v5-c-menu__item",m="pf-v5-c-menu__item-action",f="pf-v5-c-menu__item-action-icon",g="pf-v5-c-menu__item-check",h="pf-v5-c-menu__item-description",b="pf-v5-c-menu__item-external-icon",v="pf-v5-c-menu__item-icon",y="pf-v5-c-menu__item-main",x="pf-v5-c-menu__item-select-icon",O="pf-v5-c-menu__item-text",E="pf-v5-c-menu__item-toggle-icon",w="pf-v5-c-menu__list",N="pf-v5-c-menu__list-item",S="pf-v5-c-menu__search",k={hidden:"pf-m-hidden",hiddenOnSm:"pf-m-hidden-on-sm",visibleOnSm:"pf-m-visible-on-sm",hiddenOnMd:"pf-m-hidden-on-md",visibleOnMd:"pf-m-visible-on-md",hiddenOnLg:"pf-m-hidden-on-lg",visibleOnLg:"pf-m-visible-on-lg",hiddenOnXl:"pf-m-hidden-on-xl",visibleOnXl:"pf-m-visible-on-xl",hiddenOn_2xl:"pf-m-hidden-on-2xl",visibleOn_2xl:"pf-m-visible-on-2xl",flyout:"pf-m-flyout",top:"pf-m-top",left:"pf-m-left",drilldown:"pf-m-drilldown",drilledIn:"pf-m-drilled-in",currentPath:"pf-m-current-path",static:"pf-m-static",plain:"pf-m-plain",scrollable:"pf-m-scrollable",nav:"pf-m-nav",focus:"pf-m-focus",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",load:"pf-m-load",loading:"pf-m-loading",danger:"pf-m-danger",selected:"pf-m-selected",favorite:"pf-m-favorite",favorited:"pf-m-favorited"},I="pf-v5-c-breadcrumb__link",D="pf-v5-c-dropdown__toggle";var M={name:"--pf-v5-global--breakpoint--sm",value:"576px",var:"var(--pf-v5-global--breakpoint--sm)"};var C={name:"--pf-v5-global--breakpoint--md",value:"768px",var:"var(--pf-v5-global--breakpoint--md)"};var L={name:"--pf-v5-global--breakpoint--lg",value:"992px",var:"var(--pf-v5-global--breakpoint--lg)"};var R={name:"--pf-v5-global--breakpoint--xl",value:"1200px",var:"var(--pf-v5-global--breakpoint--xl)"};var j={name:"--pf-v5-global--breakpoint--2xl",value:"1450px",var:"var(--pf-v5-global--breakpoint--2xl)"};var T={name:"--pf-v5-global--height-breakpoint--sm",value:"0",var:"var(--pf-v5-global--height-breakpoint--sm)"};var _={name:"--pf-v5-global--height-breakpoint--md",value:"40rem",var:"var(--pf-v5-global--height-breakpoint--md)"};var P={name:"--pf-v5-global--height-breakpoint--lg",value:"48rem",var:"var(--pf-v5-global--height-breakpoint--lg)"};var A={name:"--pf-v5-global--height-breakpoint--xl",value:"60rem",var:"var(--pf-v5-global--height-breakpoint--xl)"};var H,F={name:"--pf-v5-global--height-breakpoint--2xl",value:"80rem",var:"var(--pf-v5-global--height-breakpoint--2xl)"};!function(e){e.success="success",e.error="error",e.warning="warning",e.default="default"}(H||(H={}));const B="Escape",$="Enter";parseInt(M.value),parseInt(C.value),parseInt(L.value),parseInt(R.value),parseInt(j.value),parseInt(T.value),parseInt(_.value),parseInt(P.value),parseInt(A.value),parseInt(F.value);const W=(e,t,n="",i,a)=>{if(!e)return"";if(i&&!a){if(i in e)return t.modifiers[V(`${n}${e[i]}`)];const a=["2xl","xl","lg","md","sm","default"];for(let o=a.indexOf(i);o<a.length;o++)if(a[o]in e)return t.modifiers[V(`${n}${e[a[o]]}`)];return""}return Object.entries(e||{}).map((([e,t])=>`${n}${t}${"default"!==e?`-on-${e}`:""}${a&&"default"!==e?"-height":""}`)).map(V).map((e=>e.replace(/-?(\dxl)/gi,((e,t)=>`_${t}`)))).map((e=>t.modifiers[e])).filter(Boolean).join(" ")},z=e=>e.toUpperCase().replace("-","").replace("_",""),V=e=>e.replace(/([-_][a-z])/gi,z),U=!("undefined"==typeof window||!window.document||!window.document.createElement),q=e=>{e.forEach((e=>{e.current&&clearTimeout(e.current)}))};let X=0;function K(){return"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():function(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}()}class G extends a.Component{constructor(){super(...arguments),this.uniqueElement=this.props.isRandom?K():X++,this.id=`${this.props.prefix}${this.uniqueElement}`}render(){return this.props.children(this.id)}}G.displayName="GenerateId",G.defaultProps={prefix:"pf-random-id-",isRandom:!1};let J=0;const Y="OUIA-Generated-",Z={};function Q(e,t,n=!0){return{"data-ouia-component-type":`PF5/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const ee=(e,t,n=!0,i)=>({"data-ouia-component-type":`PF5/${e}`,"data-ouia-safe":n,"data-ouia-component-id":te(e,t,i)}),te=(e,n,i)=>{const a=t.useMemo((()=>ne(e,i)),[e,i]);return null!=n?n:a};function ne(e,t){try{let n;return n="undefined"!=typeof window?`${window.location.href}-${e}-${t||""}`:`${e}-${t||""}`,Z[n]||(Z[n]=0),`${Y}${e}-${t?`${t}-`:""}${++Z[n]}`}catch(n){return`${Y}${e}-${t?`${t}-`:""}${++J}`}}function ie(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 ae(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function oe(e){const t=ae(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function le(e){return e instanceof ae(e).Element||e instanceof Element}function se(e){return e instanceof ae(e).HTMLElement||e instanceof HTMLElement}function re(e){return e?(e.nodeName||"").toLowerCase():null}function ce(e){return(le(e)?e.ownerDocument:e.document).documentElement}function de(e){return ie(ce(e)).left+oe(e).scrollLeft}function pe(e){return ae(e).getComputedStyle(e)}function ue(e){const{overflow:t,overflowX:n,overflowY:i}=pe(e);return/auto|scroll|overlay|hidden/.test(t+i+n)}function me(e,t,n=!1){const i=ce(t),a=ie(e),o=se(t);let l={scrollLeft:0,scrollTop:0},s={x:0,y:0};var r,c;return(o||!o&&!n)&&(("body"!==re(t)||ue(i))&&(l=(r=t)!==ae(r)&&se(r)?{scrollLeft:(c=r).scrollLeft,scrollTop:c.scrollTop}:oe(r)),se(t)?(s=ie(t),s.x+=t.clientLeft,s.y+=t.clientTop):i&&(s.x=de(i))),{x:a.left+l.scrollLeft-s.x,y:a.top+l.scrollTop-s.y,width:a.width,height:a.height}}function fe(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function ge(e){return"html"===re(e)?e:e.assignedSlot||e.parentNode||e.host||ce(e)}function he(e){return["html","body","#document"].indexOf(re(e))>=0?e.ownerDocument.body:se(e)&&ue(e)?e:he(ge(e))}function be(e,t=[]){const n=he(e),i="body"===re(n),a=ae(n),o=i?[a].concat(a.visualViewport||[],ue(n)?n:[]):n,l=t.concat(o);return i?l:l.concat(be(ge(o)))}function ve(e){return["table","td","th"].indexOf(re(e))>=0}function ye(e){if(!se(e)||"fixed"===pe(e).position)return null;const t=e.offsetParent;if(t){const e=ce(t);if("body"===re(t)&&"static"===pe(t).position&&"static"!==pe(e).position)return e}return t}function xe(e){const t=ae(e);let n=ye(e);for(;n&&ve(n)&&"static"===pe(n).position;)n=ye(n);return n&&"body"===re(n)&&"static"===pe(n).position?t:n||function(e){let t=ge(e);for(;se(t)&&["html","body"].indexOf(re(t))<0;){const e=pe(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}const Oe="top",Ee="bottom",we="right",Ne="left",Se="auto",ke=[Oe,Ee,we,Ne],Ie="start",De="end",Me="clippingParents",Ce="viewport",Le="popper",Re=ke.reduce(((e,t)=>e.concat([`${t}-start`,`${t}-end`])),[]),je=[...ke,Se].reduce(((e,t)=>e.concat([t,`${t}-start`,`${t}-end`])),[]),Te=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function _e(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 Pe(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function Ae(e){return e.split("-")[0]}function He(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 Fe(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Be(e,t){return t===Ce?Fe(function(e){const t=ae(e),n=ce(e),i=t.visualViewport;let a=n.clientWidth,o=n.clientHeight,l=0,s=0;return i&&(a=i.width,o=i.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(l=i.offsetLeft,s=i.offsetTop)),{width:a,height:o,x:l+de(e),y:s}}(e)):se(t)?function(e){const t=ie(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):Fe(function(e){const t=ce(e),n=oe(e),i=e.ownerDocument.body,a=Math.max(t.scrollWidth,t.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),o=Math.max(t.scrollHeight,t.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);let l=-n.scrollLeft+de(e);const s=-n.scrollTop;return"rtl"===pe(i||t).direction&&(l+=Math.max(t.clientWidth,i?i.clientWidth:0)-a),{width:a,height:o,x:l,y:s}}(ce(e)))}function $e(e,t,n){const i="clippingParents"===t?function(e){const t=be(ge(e)),n=["absolute","fixed"].indexOf(pe(e).position)>=0&&se(e)?xe(e):e;return le(n)?t.filter((e=>le(e)&&He(e,n)&&"body"!==re(e))):[]}(e):[].concat(t),a=[...i,n],o=a[0],l=a.reduce(((t,n)=>{const i=Be(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}),Be(e,o));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function We(e){return e.split("-")[1]}function ze(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Ve({reference:e,element:t,placement:n}){const i=n?Ae(n):null,a=n?We(n):null,o=e.x+e.width/2-t.width/2,l=e.y+e.height/2-t.height/2;let s;switch(i){case Oe:s={x:o,y:e.y-t.height};break;case Ee:s={x:o,y:e.y+e.height};break;case we:s={x:e.x+e.width,y:l};break;case Ne:s={x:e.x-t.width,y:l};break;default:s={x:e.x,y:e.y}}const r=i?ze(i):null;if(null!=r){const n="y"===r?"height":"width";switch(a){case Ie:s[r]=Math.floor(s[r])-Math.floor(e[n]/2-t[n]/2);break;case De:s[r]=Math.floor(s[r])+Math.ceil(e[n]/2-t[n]/2)}}return s}function Ue(e){return Object.assign(Object.assign({},{top:0,right:0,bottom:0,left:0}),e)}function qe(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function Xe(e,t={}){const{placement:n=e.placement,boundary:i=Me,rootBoundary:a=Ce,elementContext:o=Le,altBoundary:l=!1,padding:s=0}=t,r=Ue("number"!=typeof s?s:qe(s,ke)),c=o===Le?"reference":Le,d=e.elements.reference,p=e.rects.popper,u=e.elements[l?c:o],m=$e(le(u)?u:u.contextElement||ce(e.elements.popper),i,a),f=ie(d),g=Ve({reference:f,element:p,strategy:"absolute",placement:n}),h=Fe(Object.assign(Object.assign({},p),g)),b=o===Le?h:f,v={top:m.top-b.top+r.top,bottom:b.bottom-m.bottom+r.bottom,left:m.left-b.left+r.left,right:b.right-m.right+r.right},y=e.modifiersData.offset;if(o===Le&&y){const e=y[n];Object.keys(v).forEach((t=>{const n=[we,Ee].indexOf(t)>=0?1:-1,i=[Oe,Ee].indexOf(t)>=0?"y":"x";v[t]+=e[i]*n}))}return v}const Ke={placement:"bottom",modifiers:[],strategy:"absolute"};function Ge(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}const Je={passive:!0};const Ye={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Ze({popper:e,popperRect:t,placement:n,offsets:i,position:a,gpuAcceleration:o,adaptive:l}){let{x:s,y:r}=function({x:e,y:t}){const n=window.devicePixelRatio||1;return{x:Math.round(e*n)/n||0,y:Math.round(t*n)/n||0}}(i);const c=i.hasOwnProperty("x"),d=i.hasOwnProperty("y");let p=Ne,u=Oe;const m=window;if(l){let i=xe(e);i===ae(e)&&(i=ce(e)),n===Oe&&(u=Ee,r-=i.clientHeight-t.height,r*=o?1:-1),n===Ne&&(p=we,s-=i.clientWidth-t.width,s*=o?1:-1)}const f=Object.assign({position:a},l&&Ye);return o?Object.assign(Object.assign({},f),{[u]:d?"0":"",[p]:c?"0":"",transform:(m.devicePixelRatio||1)<2?`translate(${s}px, ${r}px)`:`translate3d(${s}px, ${r}px, 0)`}):Object.assign(Object.assign({},f),{[u]:d?`${r}px`:"",[p]:c?`${s}px`:"",transform:""})}var Qe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function({state:e,options:t,name:n}){const{offset:i=[0,0]}=t,a=je.reduce(((t,n)=>(t[n]=function(e,t,n){const i=Ae(e),a=[Ne,Oe].indexOf(i)>=0?-1:1;let[o,l]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return o=o||0,l=(l||0)*a,[Ne,we].indexOf(i)>=0?{x:l,y:o}:{x:o,y:l}}(n,e.rects,i),t)),{}),{x:o,y:l}=a[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=o,e.modifiersData.popperOffsets.y+=l),e.modifiersData[n]=a}};const et={left:"right",right:"left",bottom:"top",top:"bottom"};function tt(e){return e.replace(/left|right|bottom|top/g,(e=>et[e]))}const nt={start:"end",end:"start"};function it(e){return e.replace(/start|end/g,(e=>nt[e]))}function at(e,t={}){const{placement:n,boundary:i,rootBoundary:a,padding:o,flipVariations:l,allowedAutoPlacements:s=je}=t,r=We(n),c=r?l?Re:Re.filter((e=>We(e)===r)):ke;let d=c.filter((e=>s.indexOf(e)>=0));0===d.length&&(d=c);const p=d.reduce(((t,n)=>(t[n]=Xe(e,{placement:n,boundary:i,rootBoundary:a,padding:o})[Ae(n)],t)),{});return Object.keys(p).sort(((e,t)=>p[e]-p[t]))}var ot={name:"flip",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){if(e.modifiersData[n]._skip)return;const{mainAxis:i=!0,altAxis:a=!0,fallbackPlacements:o,padding:l,boundary:s,rootBoundary:r,altBoundary:c,flipVariations:d=!0,allowedAutoPlacements:p}=t,u=e.options.placement,m=Ae(u),f=[u,...o||(m===u||!d?[tt(u)]:function(e){if(Ae(e)===Se)return[];const t=tt(e);return[it(e),t,it(t)]}(u))].reduce(((t,n)=>t.concat(Ae(n)===Se?at(e,{placement:n,boundary:s,rootBoundary:r,padding:l,flipVariations:d,allowedAutoPlacements:p}):n)),[]),g=e.rects.reference,h=e.rects.popper,b=new Map;let v=!0,y=f[0];for(let t=0;t<f.length;t++){const n=f[t],o=Ae(n),d=We(n)===Ie,p=[Oe,Ee].indexOf(o)>=0,u=p?"width":"height",m=Xe(e,{placement:n,boundary:s,rootBoundary:r,altBoundary:c,padding:l});let x=p?d?we:Ne:d?Ee:Oe;g[u]>h[u]&&(x=tt(x));const O=tt(x),E=[];if(i&&E.push(m[o]<=0),a&&E.push(m[x]<=0,m[O]<=0),E.every((e=>e))){y=n,v=!1;break}b.set(n,E)}if(v){for(let e=d?3:1;e>0;e--){const t=f.find((t=>{const n=b.get(t);if(n)return n.slice(0,e).every((e=>e))}));if(t){y=t;break}}}e.placement!==y&&(e.modifiersData[n]._skip=!0,e.placement=y,e.reset=!0)},requiresIfExists:["offset"],data:{_skip:!1}};function lt(e,t,n){return Math.max(e,Math.min(t,n))}var st={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:i=!0,altAxis:a=!1,boundary:o,rootBoundary:l,altBoundary:s,padding:r,tether:c=!0,tetherOffset:d=0}=t,p=Xe(e,{boundary:o,rootBoundary:l,padding:r,altBoundary:s}),u=Ae(e.placement),m=We(e.placement),f=!m,g=ze(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,O={x:0,y:0};if(b){if(i){const t="y"===g?Oe:Ne,n="y"===g?Ee:we,i="y"===g?"height":"width",a=b[g],o=b[g]+p[t],l=b[g]-p[n],s=c?-y[i]/2:0,r=m===Ie?v[i]:y[i],d=m===Ie?-y[i]:-v[i],u=e.elements.arrow,h=c&&u?fe(u):{width:0,height:0},E=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},w=E[t],N=E[n],S=lt(0,v[i],h[i]),k=f?v[i]/2-s-S-w-x:r-S-w-x,I=f?-v[i]/2+s+S+N+x:d+S+N+x,D=e.elements.arrow&&xe(e.elements.arrow),M=D?"y"===g?D.clientTop||0:D.clientLeft||0:0,C=e.modifiersData.offset?e.modifiersData.offset[e.placement][g]:0,L=b[g]+k-C-M,R=b[g]+I-C,j=lt(c?Math.min(o,L):o,a,c?Math.max(l,R):l);b[g]=j,O[g]=j-a}if(a){const e="x"===g?Oe:Ne,t="x"===g?Ee:we,n=b[h],i=lt(n+p[e],n,n-p[t]);b[h]=i,O[h]=i-n}e.modifiersData[n]=O}},requiresIfExists:["offset"]};var rt={name:"arrow",enabled:!0,phase:"main",fn:function({state:e,name:t}){const n=e.elements.arrow,i=e.modifiersData.popperOffsets,a=Ae(e.placement),o=ze(a),l=[Ne,we].indexOf(a)>=0?"height":"width";if(!n||!i)return;const s=e.modifiersData[`${t}#persistent`].padding,r=fe(n),c="y"===o?Oe:Ne,d="y"===o?Ee:we,p=e.rects.reference[l]+e.rects.reference[o]-i[o]-e.rects.popper[l],u=i[o]-e.rects.reference[o],m=xe(n),f=m?"y"===o?m.clientHeight||0:m.clientWidth||0:0,g=p/2-u/2,h=s[c],b=f-r[l]-s[d],v=f/2-r[l]/2+g,y=lt(h,v,b),x=o;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))&&He(e.elements.popper,i)&&(e.elements.arrow=i,e.modifiersData[`${n}#persistent`]={padding:Ue("number"!=typeof a?a:qe(a,ke))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ct(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 dt(e){return[Oe,we,Ee,Ne].some((t=>e[t]>=0))}const pt=function(e={}){const{defaultModifiers:t=[],defaultOptions:n=Ke}=e;return function(e,i,a=n){let o={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},Ke),n),modifiersData:{},elements:{reference:e,popper:i},attributes:{},styles:{}},l=[],s=!1;const r={state:o,setOptions(a){c(),o.options=Object.assign(Object.assign(Object.assign({},n),o.options),a),o.scrollParents={reference:le(e)?be(e):e.contextElement?be(e.contextElement):[],popper:be(i)};const s=function(e){const t=_e(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,...o.options.modifiers]));return o.orderedModifiers=s.filter((e=>e.enabled)),o.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const i=n({state:o,name:e,instance:r,options:t}),a=()=>{};l.push(i||a)}})),r.update()},forceUpdate(){if(s)return;const{reference:e,popper:t}=o.elements;if(Ge(e,t)){o.rects={reference:me(e,xe(t),"fixed"===o.options.strategy),popper:fe(t)},o.reset=!1,o.placement=o.options.placement,o.orderedModifiers.forEach((e=>o.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<o.orderedModifiers.length;e++){if(!0===o.reset){o.reset=!1,e=-1;continue}const{fn:t,options:n={},name:i}=o.orderedModifiers[e];"function"==typeof t&&(o=t({state:o,options:n,name:i,instance:r})||o)}}},update:Pe((()=>new Promise((e=>{r.forceUpdate(),e(o)})))),destroy(){c(),s=!0}};if(!Ge(e,i))return r;function c(){l.forEach((e=>e())),l=[]}return r.setOptions(a).then((e=>{!s&&a.onFirstUpdate&&a.onFirstUpdate(e)})),r}}({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:()=>{},effect:function({state:e,instance:t,options:n}){const{scroll:i=!0,resize:a=!0}=n,o=ae(e.elements.popper),l=[...e.scrollParents.reference,...e.scrollParents.popper];return i&&l.forEach((e=>{e.addEventListener("scroll",t.update,Je)})),a&&o.addEventListener("resize",t.update,Je),()=>{i&&l.forEach((e=>{e.removeEventListener("scroll",t.update,Je)})),a&&o.removeEventListener("resize",t.update,Je)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=Ve({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:Ae(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),Ze(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),Ze(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];se(a)&&re(a)&&(Object.assign(a.style,n),Object.keys(i).forEach((e=>{const t=i[e];!1===t?a.removeAttribute(e):a.setAttribute(e,!0===t?"":t)})))}))},effect:function({state:e}){const t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),()=>{Object.keys(e.elements).forEach((n=>{const i=e.elements[n],a=e.attributes[n]||{},o=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});se(i)&&re(i)&&(Object.assign(i.style,o),Object.keys(a).forEach((e=>{i.removeAttribute(e)})))}))}},requires:["computeStyles"]},Qe,ot,st,rt,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function({state:e,name:t}){const n=e.rects.reference,i=e.rects.popper,a=e.modifiersData.preventOverflow,o=Xe(e,{elementContext:"reference"}),l=Xe(e,{altBoundary:!0}),s=ct(o,n),r=ct(l,i,a),c=dt(s),d=dt(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})}}]}),ut=U?a.useLayoutEffect:a.useEffect,mt=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),ft=[],gt=(e,t,n={})=>{const i=a.useRef(null),o={onFirstUpdate:n.onFirstUpdate,placement:n.placement||"bottom",strategy:n.strategy||"absolute",modifiers:n.modifiers||ft},[l,s]=a.useState({styles:{popper:{position:o.strategy,left:"0",top:"0"}},attributes:{}}),r=a.useMemo((()=>({name:"updateState",enabled:!0,phase:"write",fn:({state:e})=>{const t=Object.keys(e.elements);s({styles:mt(t.map((t=>[t,e.styles[t]||{}]))),attributes:mt(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=a.useMemo((()=>{const e={onFirstUpdate:o.onFirstUpdate,placement:o.placement,strategy:o.strategy,modifiers:[...o.modifiers,r,{name:"applyStyles",enabled:!1}]};return t=i.current,n=e,JSON.stringify(t)===JSON.stringify(n)?i.current||e:(i.current=e,e);var t,n}),[o.onFirstUpdate,o.placement,o.strategy,o.modifiers,r]),d=a.useRef();return ut((()=>{d&&d.current&&d.current.setOptions(c)}),[c]),ut((()=>{if(null==e||null==t)return;const i=(n.createPopper||pt)(e,t,c);return d.current=i,()=>{i.destroy(),d.current=null}}),[e,t,n.createPopper]),{state:d.current?d.current.state:null,styles:l.styles,attributes:l.attributes,update:d.current?d.current.update:null,forceUpdate:d.current?d.current.forceUpdate:null}},ht={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"},bt=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,vt=({trigger:e,popper:t,direction:n="down",position:i="start",placement:l,width:s,minWidth:c="trigger",maxWidth:d,appendTo:p="inline",zIndex:u=9999,isVisible:m=!0,positionModifiers:f,distance:g=0,onMouseEnter:h,onMouseLeave:b,onFocus:v,onBlur:y,onDocumentClick:x,onTriggerClick:O,onTriggerEnter:E,onPopperClick:w,onPopperMouseEnter:N,onPopperMouseLeave:S,onDocumentKeyDown:k,enableFlip:I=!0,flipBehavior:D="flip",triggerRef:M,popperRef:C,animationDuration:L=0,entryDelay:R=0,exitDelay:j=0,onHidden:T=(()=>{}),onHide:_=(()=>{}),onMount:P=(()=>{}),onShow:A=(()=>{}),onShown:H=(()=>{}),preventOverflow:F=!1})=>{var B;const[$,W]=a.useState(null),[z,V]=a.useState(null),[U,X]=a.useState(null),[K,G]=a.useState(null),[J,Y]=a.useState(!1),[Z,Q]=a.useState(0),[ee,te]=a.useState(m),ne=a.useRef(null),ie=a.useRef(null),ae=a.useRef(null),oe=a.useRef(),le=z||$,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==M?void 0:M.current)||$)||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,le,U)),[se,$,z,U,x]);a.useEffect((()=>{Y(!0),P()}),[]),a.useEffect((()=>()=>{q([ne,ae,ie])}),[]),a.useEffect((()=>{M&&(M.current?V(M.current):"function"==typeof M&&V(M()))}),[M,e]),a.useEffect((()=>{C&&(C.current?X(C.current):"function"==typeof C&&X(C()))}),[se,C]),a.useEffect((()=>{const e=new MutationObserver((()=>{ye&&ye()}));return U&&e.observe(U,{attributes:!0,childList:!0,subtree:!0}),()=>{e.disconnect()}}),[U]);const pe=(e,t,n,i=!1)=>{e&&t&&t.addEventListener(n,e,{capture:i})},ue=(e,t,n,i=!1)=>{e&&t&&t.removeEventListener(n,e,{capture:i})};a.useEffect((()=>(pe(h,le,"mouseenter"),pe(b,le,"mouseleave"),pe(v,le,"focus"),pe(y,le,"blur"),pe(O,le,"click"),pe(E,le,"keydown"),pe(w,U,"click"),pe(N,U,"mouseenter"),pe(S,U,"mouseleave"),x&&pe(de,document,"click",!0),pe(k,document,"keydown",!0),()=>{ue(h,le,"mouseenter"),ue(b,le,"mouseleave"),ue(v,le,"focus"),ue(y,le,"blur"),ue(O,le,"click"),ue(E,le,"keydown"),ue(w,U,"click"),ue(N,U,"mouseenter"),ue(S,U,"mouseleave"),x&&ue(de,document,"click",!0),ue(k,document,"keydown",!0)})),[$,U,h,b,v,y,O,E,w,N,S,x,k,z]);const me=()=>{if(l)return l;let e="up"===n?"top":"bottom";return"center"!==ce&&(e=`${e}-${"right"===ce?"end":"start"}`),e},fe=a.useMemo(me,[n,ce,l]),ge=a.useMemo((()=>(e=>e.replace(/left|right|bottom|top|top-start|top-end|bottom-start|bottom-end|right-start|right-end|left-start|left-end/g,(e=>ht[e])))(me())),[n,ce,l]),he=a.useMemo((()=>({name:"widthMods",enabled:void 0!==s||void 0!==c||void 0!==d,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{const t=e.rects.reference.width;s&&(e.styles.popper.width="trigger"===s?`${t}px`:s),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 s&&(e.elements.popper.style.width="trigger"===s?`${t}px`:s),c&&(e.elements.popper.style.minWidth="trigger"===c?`${t}px`:c),d&&(e.elements.popper.style.maxWidth="trigger"===d?`${t}px`:d),()=>{}}})),[s,c,d]),{styles:be,attributes:ve,update:ye,forceUpdate:xe}=gt(le,U,{placement:fe,modifiers:[{name:"offset",options:{offset:[0,g]}},{name:"preventOverflow",enabled:F},{name:"hide",enabled:!0},{name:"flip",enabled:fe.startsWith("auto")||I,options:{fallbackPlacements:"flip"===D?[ge]:D}},he]});a.useEffect((()=>{var e,n,i,a,o,l,s;const r=(null===(a=null===(i=null===(n=null===(e=null==t?void 0:t.props)||void 0===e?void 0:e.children)||void 0===n?void 0:n[1])||void 0===i?void 0:i.props)||void 0===a?void 0:a.children)||(null===(s=null===(l=null===(o=null==t?void 0:t.props)||void 0===o?void 0:o.children)||void 0===l?void 0:l.props)||void 0===s?void 0:s.children);G(r),r&&K&&r!==K&&xe&&xe()}),[t]),a.useEffect((()=>{oe.current<j&&(q([ne,ae]),ae.current=setTimeout((()=>{ne.current=setTimeout((()=>{te(!1)}),L)}),j)),oe.current=j}),[j]);a.useEffect((()=>{m?(A(),q([ne,ae]),ie.current=setTimeout((()=>{te(!0),Q(1),H()}),R)):(_(),q([ie]),ae.current=setTimeout((()=>{Q(0),ne.current=setTimeout((()=>{te(!1),T()}),L)}),j))}),[m]);const Oe=Object.assign({className:r(t.props&&t.props.className,f&&(()=>{if(ve&&ve.popper&&ve.popper["data-popper-placement"]){const e=ve.popper["data-popper-placement"];return f[e]}return f.top})()),style:Object.assign(Object.assign(Object.assign({},t.props&&t.props.style||{}),be.popper),{zIndex:u,opacity:Z,transition:bt(L)})},ve.popper),Ee=()=>{const e=a.cloneElement(t,Oe);return C?e:a.createElement("div",{style:{display:"contents"},ref:e=>X(null==e?void 0:e.firstElementChild)},e)};return a.createElement(a.Fragment,null,!M&&e&&a.isValidElement(e)&&a.createElement("div",{style:{display:"contents"},ref:e=>W(null==e?void 0:e.firstElementChild)},e),M&&e&&a.isValidElement(e)&&e,J&&se&&(()=>{if("inline"===p)return Ee();{const e="function"==typeof p?p():p;return o.createPortal(Ee(),e)}})())};vt.displayName="Popper";class yt extends a.Component{constructor(){super(...arguments),this.keyHandler=e=>{const{isEventFromContainer:t}=this.props;if(t?!t(e):!this._isEventFromContainer(e))return;const{isActiveElement:n,getFocusableElement:i,noVerticalArrowHandling:a,noHorizontalArrowHandling:o,noEnterHandling:l,noSpaceHandling:s,updateTabIndex:r,validSiblingTags:c,additionalKeyHandler:d,createNavigableElements:p,onlyTraverseSiblings:u}=this.props;d&&d(e);const m=p();if(!m)return void console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");const f=e.key;l||"Enter"===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),s||" "===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),((e,t,n=(e=>document.activeElement.contains(e)),i=(e=>e),a=["A","BUTTON","INPUT"],o=!1,l=!1,s=!0,r=!0)=>{const c=document.activeElement,d=e.key;let p=null;if(!o&&["ArrowUp","ArrowDown"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let a=-1;t.forEach(((e,o)=>{if(n(e)){let e=0;for(;!p&&e<t.length&&-1*e<t.length;)"ArrowUp"===d?e--:e++,a=o+e,a>=t.length&&(a=0),a<0&&(a=t.length-1),p=i(t[a])}}))}if(!l&&["ArrowLeft","ArrowRight"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let i=-1;t.forEach(((o,l)=>{if(n(o)){const n=t[l].querySelectorAll(a.join(","));if(!n.length||r){let e=c;for(;e;)if(e="ArrowLeft"===d?e.previousElementSibling:e.nextElementSibling,e&&a.includes(e.tagName)){p=e;break}}else n.forEach(((t,a)=>{e.target===t&&(i=a+("ArrowLeft"===d?-1:1),i>=n.length&&(i=0),i<0&&(i=n.length-1),p=n[i])}))}}))}p&&(s&&(c.tabIndex=-1,p.tabIndex=0),p.focus())})(e,m,n,i,c,a,o,r,u)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){U&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){U&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}yt.displayName="KeyboardHandler",yt.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 xt=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"}),Ot=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:ne(wt.displayName),transitionMoveTarget:null,flyoutRef:null,disableHover:!1,currentDrilldownMenuId:this.props.id},this.handleDrilldownTransition=e=>{const t=this.menuRef.current;if(t&&(t===e.target.closest(`.${d}`)||Array.from(t.getElementsByClassName(d)).includes(e.target.closest(`.${d}`))))if(this.state.transitionMoveTarget)this.state.transitionMoveTarget.focus(),this.setState({transitionMoveTarget:null});else{const e=t.querySelector("#"+this.props.activeMenu)||t||null,n=e.getElementsByTagName("UL");if(0===n.length)return;const i=Array.from(n[0].children);if(this.state.currentDrilldownMenuId&&e.id===this.state.currentDrilldownMenuId)return;this.setState({currentDrilldownMenuId:e.id});const a=i.filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c))))[0].firstChild;a.focus(),a.tabIndex=0}},this.handleExtraKeys=e=>{const t=this.props.containsDrilldown,n=document.activeElement;if(e.target.closest(`.${d}`)===this.activeMenu||e.target.classList.contains(I)||(this.activeMenu=e.target.closest(`.${d}`),this.setState({disableHover:!0})),"INPUT"===e.target.tagName)return;const i=this.activeMenu,a=e.key,o=n.classList.contains(I)||n.classList.contains(D);if(" "===a||"Enter"===a){if(e.preventDefault(),t&&!o){if(n.closest("li").classList.contains("pf-m-current-path")&&"LI"===i.parentElement.tagName)n.tabIndex=-1,i.parentElement.firstChild.tabIndex=0,this.setState({transitionMoveTarget:i.parentElement.firstChild});else if(n.nextElementSibling&&n.nextElementSibling.classList.contains(d)){const e=Array.from(n.nextElementSibling.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c))));n.tabIndex=-1,e[0].firstChild.tabIndex=0,this.setState({transitionMoveTarget:e[0].firstChild})}}document.activeElement.click()}},this.createNavigableElements=()=>this.props.containsDrilldown?this.activeMenu?Array.from(this.activeMenu.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c)))):[]:this.menuRef.current?Array.from(this.menuRef.current.getElementsByTagName("LI")).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c)))):[],e.innerRef&&(this.menuRef=e.innerRef)}allowTabFirstItem(){const e=this.menuRef.current;if(e){const t=e.querySelector("ul button:not(:disabled), ul a:not(:disabled)");t&&(t.tabIndex=0)}}componentDidMount(){this.context&&this.setState({disableHover:this.context.disableHover}),U&&window.addEventListener("transitionend",this.props.isRootMenu?this.handleDrilldownTransition:null),this.allowTabFirstItem()}componentWillUnmount(){U&&window.removeEventListener("transitionend",this.handleDrilldownTransition)}componentDidUpdate(e){e.children!==this.props.children&&this.allowTabFirstItem()}render(){const e=this.props,{id:t,children:n,className:i,onSelect:o,selected:l=null,onActionClick:c,ouiaId:p,ouiaSafe:u,containsFlyout:m,isNavFlyout:f,containsDrilldown:g,isMenuDrilledIn:h,isPlain:b,isScrollable:v,drilldownItemPath:y,drilledInMenus:x,onDrillIn:O,onDrillOut:E,onGetMenuHeight:w,parentMenu:N=null,activeItemId:M=null,innerRef:C,isRootMenu:L,activeMenu:R,role:j}=e,T=s(e,["id","children","className","onSelect","selected","onActionClick","ouiaId","ouiaSafe","containsFlyout","isNavFlyout","containsDrilldown","isMenuDrilledIn","isPlain","isScrollable","drilldownItemPath","drilledInMenus","onDrillIn","onDrillOut","onGetMenuHeight","parentMenu","activeItemId","innerRef","isRootMenu","activeMenu","role"]),_=h||x&&x.includes(t)||!1;return a.createElement(xt.Provider,{value:{menuId:t,parentMenu:N||t,onSelect:o,onActionClick:c,activeItemId:M,selected:l,drilledInMenus:x,drilldownItemPath:y,onDrillIn:O,onDrillOut:E,onGetMenuHeight:w,flyoutRef:this.state.flyoutRef,setFlyoutRef:e=>this.setState({flyoutRef:e}),disableHover:this.state.disableHover,role:j}},L&&a.createElement(yt,{containerRef:this.menuRef||null,additionalKeyHandler:this.handleExtraKeys,createNavigableElements:this.createNavigableElements,isActiveElement:e=>document.activeElement.closest("li")===e||document.activeElement.parentElement===e||document.activeElement.closest(`.${S}`)===e||document.activeElement.closest("ol")&&document.activeElement.closest("ol").firstChild===e,getFocusableElement:e=>{var t,n;return"DIV"===(null==e?void 0:e.tagName)&&e.querySelector("input")||"LABEL"===(null===(t=e.firstChild)||void 0===t?void 0:t.tagName)&&e.querySelector("input")||"DIV"===(null===(n=e.firstChild)||void 0===n?void 0:n.tagName)&&e.querySelector("a, button, input")||e.firstChild},noHorizontalArrowHandling:document.activeElement&&(document.activeElement.classList.contains(I)||document.activeElement.classList.contains(D)||"INPUT"===document.activeElement.tagName),noEnterHandling:!0,noSpaceHandling:!0}),a.createElement("div",Object.assign({id:t,className:r(d,b&&k.plain,v&&k.scrollable,m&&k.flyout,f&&k.nav,g&&k.drilldown,_&&k.drilledIn,i),ref:this.menuRef},Q(wt.displayName,void 0!==p?p:this.state.ouiaStateId,u),T),n))}}Et.displayName="Menu",Et.contextType=xt,Et.defaultProps={ouiaSafe:!0,isRootMenu:!0,isPlain:!1,isScrollable:!1,role:"menu"};const wt=a.forwardRef(((e,t)=>a.createElement(Et,Object.assign({},e,{innerRef:t}))));wt.displayName="Menu";var Nt={name:"--pf-v5-c-menu__content--Height",value:"auto",var:"var(--pf-v5-c-menu__content--Height)"};var St={name:"--pf-v5-c-menu__content--MaxHeight",value:"18.75rem",var:"var(--pf-v5-c-menu__content--MaxHeight)"};const kt=a.forwardRef(((e,t)=>{const{getHeight:n,children:i,menuHeight:o,maxMenuHeight:l}=e,c=s(e,["getHeight","children","menuHeight","maxMenuHeight"]),d=a.createRef();return a.createElement(xt.Consumer,null,(({menuId:s,onGetMenuHeight:u})=>a.createElement("div",Object.assign({},c,{className:r(p,e.className),ref:e=>((e,i,a)=>{if(e){let t=e.clientHeight,o=null,l=e.closest(`.${w}`);for(;null!==l&&1===l.nodeType;)l.classList.contains(w)&&(o=l),l=l.parentElement;if(o){const e=getComputedStyle(o);t+=parseFloat(e.getPropertyValue("padding-top").replace(/px/g,""))+parseFloat(e.getPropertyValue("padding-bottom").replace(/px/g,""))+parseFloat(getComputedStyle(o.parentElement).getPropertyValue("border-bottom-width").replace(/px/g,""))}a&&a(i,t),n&&n(t.toString())}return t||d})(e,s,u),style:Object.assign(Object.assign({},o&&{[Nt.name]:o}),l&&{[St.name]:l})}),i)))}));kt.displayName="MenuContent";var It={name:"--pf-v5-c-menu--m-flyout__menu--top-offset",value:"0px",var:"var(--pf-v5-c-menu--m-flyout__menu--top-offset)"};var Dt={name:"--pf-v5-c-menu--m-flyout__menu--m-left--right-offset",value:"0px",var:"var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset)"};var Mt={name:"--pf-v5-c-menu--m-flyout__menu--left-offset",value:"0px",var:"var(--pf-v5-c-menu--m-flyout__menu--left-offset)"};"function"==typeof SuppressedError&&SuppressedError;let Ct=0;function Lt({name:e,xOffset:t=0,yOffset:n=0,width:i,height:o,svgPath:l}){var s;return s=class extends a.Component{constructor(){super(...arguments),this.id="icon-title-"+Ct++}render(){const e=this.props,{title:s,className:r}=e,c=function(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}(e,["title","className"]),d=r?`pf-v5-svg ${r}`:"pf-v5-svg",p=Boolean(s),u=[t,n,i,o].join(" ");return a.createElement("svg",Object.assign({className:d,viewBox:u,fill:"currentColor","aria-labelledby":p?this.id:null,"aria-hidden":!p||null,role:"img",width:"1em",height:"1em"},c),p&&a.createElement("title",{id:this.id},s),a.createElement("path",{d:l}))}},s.displayName=e,s}var Rt=Lt({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});var jt=Lt({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});var Tt=Lt({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});var _t=Lt({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}),Pt="pf-v5-c-check",At="pf-v5-c-check__body",Ht="pf-v5-c-check__description",Ft="pf-v5-c-check__input",Bt="pf-v5-c-check__label",$t="pf-v5-c-check__label-required",Wt={standalone:"pf-m-standalone",disabled:"pf-m-disabled"};const zt=()=>{};class Vt extends a.Component{constructor(e){super(e),this.handleChange=e=>{this.props.onChange(e,e.currentTarget.checked)},this.state={ouiaStateId:ne(Vt.displayName)}}render(){const e=this.props,{"aria-label":t,className:n,inputClassName:i,onChange:o,isLabelWrapped:l,isLabelBeforeButton:c,isValid:d,isDisabled:p,isRequired:u,isChecked:m,label:f,checked:g,defaultChecked:h,description:b,body:v,ouiaId:y,ouiaSafe:x,component:O}=e,E=s(e,["aria-label","className","inputClassName","onChange","isLabelWrapped","isLabelBeforeButton","isValid","isDisabled","isRequired","isChecked","label","checked","defaultChecked","description","body","ouiaId","ouiaSafe","component"]);E.id||console.error("Checkbox:","id is required to make input accessible");const w={};([!0,!1].includes(g)||!0===m)&&(w.checked=g||m),o!==zt&&(w.checked=m),[!1,!0].includes(h)&&(w.defaultChecked=h);const N=a.createElement("input",Object.assign({},E,{className:r(Ft,i),type:"checkbox",onChange:this.handleChange,"aria-invalid":!d,"aria-label":t,disabled:p,required:u,ref:e=>e&&(e.indeterminate=null===m)},w,Q(Vt.displayName,void 0!==y?y:this.state.ouiaStateId,x))),S=l&&!O||"label"===O,k=S?"span":"label",I=f?a.createElement(k,{className:r(Bt,p&&Wt.disabled),htmlFor:S?void 0:E.id},f,u&&a.createElement("span",{className:r($t),"aria-hidden":"true"},"*")):null,D=null!=O?O:S?"label":"div";return w.checked=null!==w.checked&&w.checked,a.createElement(D,{className:r(Pt,!f&&Wt.standalone,n),htmlFor:S?E.id:void 0},c?a.createElement(a.Fragment,null,I,N):a.createElement(a.Fragment,null,N,I),b&&a.createElement("span",{className:r(Ht)},b),v&&a.createElement("span",{className:r(At)},v))}}Vt.displayName="Checkbox",Vt.defaultProps={className:"",isLabelWrapped:!1,isValid:!0,isDisabled:!1,isRequired:!1,isChecked:!1,onChange:zt,ouiaSafe:!0};var Ut=Lt({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});const qt=e=>{var{className:t="",icon:n,onClick:i,"aria-label":o,isFavorited:l=null,isDisabled:c,actionId:d,innerRef:p}=e,u=s(e,["className","icon","onClick","aria-label","isFavorited","isDisabled","actionId","innerRef"]);return a.createElement(xt.Consumer,null,(({onActionClick:e})=>a.createElement(Ot.Consumer,null,(({itemId:s,isDisabled:g})=>a.createElement("button",Object.assign({className:r(m,null!==l&&k.favorite,l&&k.favorited,t),"aria-label":o,onClick:t=>{i&&i(t),e&&e(t,s,d)}},(!0===c||!0===g)&&{disabled:!0},{ref:p,tabIndex:-1},u),a.createElement("span",{className:r(f)},"favorites"===n||null!==l?a.createElement(Ut,{"aria-hidden":!0}):n))))))},Xt=a.forwardRef(((e,t)=>a.createElement(qt,Object.assign({},e,{innerRef:t}))));Xt.displayName="MenuItemAction";var Kt={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"},Gt="pf-v5-c-tooltip",Jt="pf-v5-c-tooltip__arrow",Yt="pf-v5-c-tooltip__content";const Zt=e=>{var{className:t,children:n,isLeftAligned:i}=e,o=s(e,["className","children","isLeftAligned"]);return a.createElement("div",Object.assign({className:r(Yt,i&&Kt.textAlignLeft,t)},o),n)};Zt.displayName="TooltipContent";const Qt=e=>{var{className:t}=e,n=s(e,["className"]);return a.createElement("div",Object.assign({className:r(Jt,t)},n))};Qt.displayName="TooltipArrow";var en,tn={name:"--pf-v5-c-tooltip--MaxWidth",value:"18.75rem",var:"var(--pf-v5-c-tooltip--MaxWidth)"};!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"}(en||(en={}));let nn=1;const an=e=>{var{content:t,position:n="top",trigger:i="mouseenter focus",isVisible:o=!1,isContentLeftAligned:l=!1,enableFlip:c=!0,className:d="",entryDelay:p=300,exitDelay:u=300,appendTo:m=(()=>document.body),zIndex:f=9999,minWidth:g,maxWidth:h=tn.value,distance:b=15,aria:v="describedby",flipBehavior:y=["top","right","bottom","left","top","right","bottom"],id:x="pf-tooltip-"+nn++,children:O,animationDuration:E=300,triggerRef:w,"aria-live":N=(w?"polite":"off"),onTooltipHidden:S=(()=>{})}=e,k=s(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"),D=i.includes("focus"),M=i.includes("click"),C="manual"===i,[L,R]=a.useState(!1),j=a.createRef();a.useEffect((()=>{o?T():_()}),[o]);const T=()=>{R(!0)},_=()=>{R(!1)},P={top:Kt.top,bottom:Kt.bottom,left:Kt.left,right:Kt.right,"top-start":Kt.topLeft,"top-end":Kt.topRight,"bottom-start":Kt.bottomLeft,"bottom-end":Kt.bottomRight,"left-start":Kt.leftTop,"left-end":Kt.leftBottom,"right-start":Kt.rightTop,"right-end":Kt.rightBottom},A=h!==tn.value,H=a.createElement("div",Object.assign({"aria-live":N,className:r(Gt,d),role:"tooltip",id:x,style:{maxWidth:A?h:null},ref:j},k),a.createElement(Qt,null),a.createElement(Zt,{isLeftAligned:l},t));return a.createElement(vt,{trigger:"none"!==v&&L?"describedby"===v&&O&&O.props&&!O.props["aria-describedby"]?a.cloneElement(O,{"aria-describedby":x}):"labelledby"===v&&O.props&&!O.props["aria-labelledby"]?a.cloneElement(O,{"aria-labelledby":x}):O:O,triggerRef:w,popper:H,popperRef:j,minWidth:void 0!==g?g:"revert",appendTo:m,isVisible:L,positionModifiers:P,distance:b,placement:n,onMouseEnter:I&&T,onMouseLeave:I&&_,onPopperMouseEnter:I&&T,onPopperMouseLeave:I&&_,onFocus:D&&T,onBlur:D&&_,onDocumentClick:M&&((e,t)=>{L?_():e.target===t&&T()}),onDocumentKeyDown:C?null:e=>{C||e.key===B&&L&&_()},onTriggerEnter:C?null:e=>{e.key===$&&(L?_():T())},enableFlip:c,zIndex:f,flipBehavior:y,animationDuration:E,entryDelay:p,exitDelay:u,onHidden:S})};an.displayName="Tooltip";const on=a.createContext({direction:"right"}),ln=e=>{var{children:t,className:n,itemId:i=null,to:o,hasCheckbox:l=!1,isActive:p=null,isFavorited:m=null,isLoadButton:f=!1,isLoading:w=!1,flyoutMenu:S,direction:I,description:D=null,onClick:M=(()=>{}),component:C="button",isDisabled:L=!1,isAriaDisabled:R=!1,isExternalLink:j=!1,isSelected:T=null,isFocused:_,isDanger:P=!1,icon:A,actions:H,onShowFlyout:F,drilldownMenu:B,isOnPath:$,innerRef:W,id:z,"aria-label":V,tooltipProps:q,rel:X,target:K,download:J}=e,Y=s(e,["children","className","itemId","to","hasCheckbox","isActive","isFavorited","isLoadButton","isLoading","flyoutMenu","direction","description","onClick","component","isDisabled","isAriaDisabled","isExternalLink","isSelected","isFocused","isDanger","icon","actions","onShowFlyout","drilldownMenu","isOnPath","innerRef","id","aria-label","tooltipProps","rel","target","download"]);const{menuId:Z,parentMenu:Q,onSelect:ee,onActionClick:te,activeItemId:ne,selected:ie,drilldownItemPath:ae,onDrillIn:oe,onDrillOut:le,flyoutRef:se,setFlyoutRef:re,disableHover:ce,role:de}=a.useContext(xt);let pe=o?"a":C;l&&!o&&(pe="label");const[ue,me]=a.useState(null),fe=a.useContext(on),[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),F&&e&&F()};ut((()=>{if(ye&&be.current&&U){const e=be.current.lastElementChild;if(e&&e.classList.contains(d)){const t=be.current.getClientRects()[0],n=e.getClientRects()[0];if(t&&n){const i=t.x-n.width,a=window.innerWidth-t.x-t.width-n.width;let o=ge;a<0&&"left"!==o?(he("left"),o="left"):i<0&&"right"!==o&&(he("right"),o="right");let l=0;i<0&&a<0&&(l="right"===o?-a:-i),"left"===o?(e.classList.add(k.left),e.style.setProperty(Dt.name,`-${l}px`)):e.style.setProperty(Mt.name,`-${l}px`);const s=window.innerHeight-t.y-n.height;window.innerHeight-n.height<0&&s<0||s<0&&e.style.setProperty(It.name,`${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(c))))[0].firstChild.focus()}else ue.focus()}),[ve,ue]);const Oe=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))},Ee=(e,t)=>{R||(t&&t(e,i),M&&M(e))},we=$&&$||ae&&ae.includes(i)||!1;let Ne;I&&(Ne="down"===I?e=>oe&&oe(e,Z,"function"==typeof B?B().props.id:B.props.id,i):e=>le&&le(e,Q,i));let Se={};"a"===pe?Se={href:o,"aria-disabled":!(!L&&!R)||null,disabled:null,target:j?"_blank":K,rel:X,download:J}:"button"===pe&&(Se={type:"button","aria-disabled":!!R||null}),$?Se["aria-expanded"]=!0:ye&&(Se["aria-haspopup"]="menu",Se["aria-expanded"]=ve);const ke=()=>null!==T?T:null!==ie&&null!==i&&(Array.isArray(ie)&&ie.includes(i)||i===ie);a.useEffect((()=>{if(_&&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"})}}}),[_]);const Ie="listbox"===de,De=a.createElement(a.Fragment,null,a.createElement(G,null,(e=>a.createElement(pe,Object.assign({id:z,tabIndex:-1,className:r(u,ke()&&!l&&k.selected,n),"aria-current":null!==p?p?"page":null:null!==i&&null!==ne?i===ne:null},!l&&{disabled:L,"aria-label":V},!l&&!S&&{role:Ie?"option":"menuitem"},!l&&!S&&Ie&&{"aria-selected":ke()},{ref:W},!l&&{onClick:e=>{R?e.preventDefault():(Ee(e,ee),Ne&&Ne(e),S&&Oe(e))}},l&&{htmlFor:e},Se),a.createElement("span",{className:r(y)},"up"===I&&a.createElement("span",{className:r(E)},a.createElement(Tt,{"aria-hidden":!0})),A&&a.createElement("span",{className:r(v)},A),l&&a.createElement("span",{className:r(g)},a.createElement(Vt,{id:e,component:"span",isChecked:T||!1,onChange:e=>Ee(e,ee),isDisabled:L,"aria-disabled":R})),a.createElement("span",{className:r(O)},t),j&&a.createElement("span",{className:r(b)},a.createElement(Rt,{"aria-hidden":!0})),(S||"down"===I)&&a.createElement("span",{className:r(E)},a.createElement(jt,{"aria-hidden":!0})),ke()&&a.createElement("span",{className:r(x)},a.createElement(_t,{"aria-hidden":!0}))),D&&"up"!==I&&a.createElement("span",{className:r(h)},a.createElement("span",null,D))))),ve&&a.createElement(xt.Provider,{value:{disableHover:ce}},a.createElement(on.Provider,{value:{direction:ge}},S)),"function"==typeof B?B():B,a.createElement(Ot.Provider,{value:{itemId:i,isDisabled:L}},H,null!==m&&a.createElement(Xt,{icon:"favorites",isFavorited:m,"aria-label":m?"starred":"not starred",onClick:e=>te(e,i),tabIndex:-1,actionId:"fav"})));return a.createElement("li",Object.assign({className:r(N,L&&k.disabled,R&&k.ariaDisabled,we&&k.currentPath,f&&k.load,w&&k.loading,_&&k.focus,P&&k.danger,n),onMouseOver:()=>{R||ce||(ye?xe(!0):re(null))}},S&&!R&&{onKeyDown:Oe},{ref:be,role:l?"menuitem":"none"},l&&{"aria-label":V},Y),q?a.createElement(an,Object.assign({},q),De):De)},sn=a.forwardRef(((e,t)=>a.createElement(ln,Object.assign({},e,{innerRef:t}))));sn.displayName="MenuItem";const rn=e=>{var{children:t=null,className:n,isAriaMultiselectable:i=!1,"aria-label":o}=e,l=s(e,["children","className","isAriaMultiselectable","aria-label"]);const{role:c}=a.useContext(xt);return a.createElement("ul",Object.assign({role:c},"listbox"===c&&{"aria-multiselectable":i},{className:r(w,n),"aria-label":o},l),t)};rn.displayName="MenuList";const cn=e=>{var{children:n,className:i,onSelect:a,isOpen:o,toggle:l,shouldFocusToggleOnSelect:c=!1,onOpenChange:d,isPlain:p,isScrollable:u,innerRef:m,ouiaId:f,ouiaSafe:g=!0,zIndex:h=9999,popperProps:b,onOpenChangeKeys:v=["Escape","Tab"],menuHeight:y,maxMenuHeight:x}=e,O=s(e,["children","className","onSelect","isOpen","toggle","shouldFocusToggleOnSelect","onOpenChange","isPlain","isScrollable","innerRef","ouiaId","ouiaSafe","zIndex","popperProps","onOpenChangeKeys","menuHeight","maxMenuHeight"]);const E=t.useRef(),w=t.useRef(),N=ee(dn.displayName,f,g),S=m||E,k="function"==typeof l||"function"!=typeof l&&!l.toggleRef?w:null==l?void 0:l.toggleRef;t.useEffect((()=>{const e=e=>{var t,n,i;o&&d&&((null===(t=S.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=k.current)||void 0===n?void 0:n.contains(e.target)))&&v.includes(e.key)&&(d(!1),null===(i=k.current)||void 0===i||i.focus())},t=e=>{var t,n,i;o&&(null===(t=k.current)||void 0===t?void 0:t.contains(e.target))&&setTimeout((()=>{var e;const t=null===(e=null==S?void 0:S.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()}),0),o&&d&&!(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.contains(e.target))&&o&&!(null===(i=S.current)||void 0===i?void 0:i.contains(e.target))&&d(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[o,S,k,d,v]);const I=void 0!==x||void 0!==y||u,D=t.createElement(wt,Object.assign({className:r(i),ref:S,onSelect:(e,t)=>{a&&a(e,t),c&&k.current.focus()},isPlain:p,isScrollable:I},O,N),t.createElement(kt,{menuHeight:y,maxMenuHeight:x},n));return t.createElement(vt,Object.assign({trigger:"function"==typeof l?l(k):l.toggleNode,triggerRef:k,popper:D,popperRef:S,isVisible:o,zIndex:h},b))},dn=t.forwardRef(((e,n)=>t.createElement(cn,Object.assign({innerRef:n},e))));dn.displayName="Dropdown";const pn=e=>{var{children:n,className:i,description:a,isDisabled:o,isAriaDisabled:l,value:c,onClick:d,ouiaId:p,ouiaSafe:u,innerRef:m,tooltipProps:f}=e,g=s(e,["children","className","description","isDisabled","isAriaDisabled","value","onClick","ouiaId","ouiaSafe","innerRef","tooltipProps"]);const h=ee(un.displayName,p,u);return t.createElement(sn,Object.assign({className:r(i),description:a,isDisabled:o,isAriaDisabled:l,itemId:c,onClick:d,tooltipProps:f,ref:m},h,g),n)},un=t.forwardRef(((e,n)=>t.createElement(pn,Object.assign({},e,{innerRef:n}))));un.displayName="DropdownItem";const mn=e=>{var{children:n,className:i}=e,a=s(e,["children","className"]);return t.createElement(rn,Object.assign({className:r(i)},a),n)};mn.displayName="DropdownList";var fn={check:"pf-v5-c-check",checkInput:"pf-v5-c-check__input",menuToggle:"pf-v5-c-menu-toggle",menuToggleButton:"pf-v5-c-menu-toggle__button",menuToggleControls:"pf-v5-c-menu-toggle__controls",menuToggleCount:"pf-v5-c-menu-toggle__count",menuToggleIcon:"pf-v5-c-menu-toggle__icon",menuToggleStatusIcon:"pf-v5-c-menu-toggle__status-icon",menuToggleText:"pf-v5-c-menu-toggle__text",menuToggleToggleIcon:"pf-v5-c-menu-toggle__toggle-icon",modifiers:{primary:"pf-m-primary",secondary:"pf-m-secondary",expanded:"pf-m-expanded",plain:"pf-m-plain",text:"pf-m-text",fullHeight:"pf-m-full-height",disabled:"pf-m-disabled",typeahead:"pf-m-typeahead",splitButton:"pf-m-split-button",action:"pf-m-action",active:"pf-m-active",fullWidth:"pf-m-full-width",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger"},textInputGroup:"pf-v5-c-text-input-group",themeDark:"pf-v5-theme-dark"};var gn=Lt({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 hn=Lt({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});var bn=Lt({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});var vn,yn=Lt({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});!function(e){e.success="success",e.danger="danger",e.warning="warning"}(vn||(vn={}));class xn extends a.Component{constructor(){super(...arguments),this.displayName="MenuToggleBase"}render(){const e=this.props,{children:t,className:n,icon:i,badge:o,isExpanded:l,isDisabled:c,isFullHeight:d,isFullWidth:p,splitButtonOptions:u,variant:m,status:f,statusIcon:g,innerRef:h,onClick:b,"aria-label":v}=e,y=s(e,["children","className","icon","badge","isExpanded","isDisabled","isFullHeight","isFullWidth","splitButtonOptions","variant","status","statusIcon","innerRef","onClick","aria-label"]),x="plain"===m,O="plainText"===m,E="typeahead"===m;let w=g;if(!g)switch(f){case vn.success:w=a.createElement(hn,{"aria-hidden":"true"});break;case vn.warning:w=a.createElement(yn,{"aria-hidden":"true"});break;case vn.danger:w=a.createElement(bn,{"aria-hidden":"true"})}const N=a.createElement("span",{className:r(fn.menuToggleControls)},void 0!==f&&a.createElement("span",{className:r(fn.menuToggleStatusIcon)},w),a.createElement("span",{className:r(fn.menuToggleToggleIcon)},a.createElement(gn,{"aria-hidden":!0}))),S=a.createElement(a.Fragment,null,i&&a.createElement("span",{className:r(fn.menuToggleIcon)},i),E?t:a.createElement("span",{className:r(fn.menuToggleText)},t),a.isValidElement(o)&&a.createElement("span",{className:r(fn.menuToggleCount)},o),E?a.createElement("button",{type:"button",className:r(fn.menuToggleButton),"aria-expanded":l,onClick:b,"aria-label":v||"Menu toggle",tabIndex:-1},N):N),k=r(fn.menuToggle,l&&fn.modifiers.expanded,"primary"===m&&fn.modifiers.primary,"secondary"===m&&fn.modifiers.secondary,f&&fn.modifiers[f],(x||O)&&fn.modifiers.plain,O&&fn.modifiers.text,d&&fn.modifiers.fullHeight,p&&fn.modifiers.fullWidth,c&&fn.modifiers.disabled,n),I=Object.assign(Object.assign({children:x?t:S},c&&{disabled:!0}),y);return E?a.createElement("div",Object.assign({ref:h,className:r(k,fn.modifiers.typeahead)},I)):u?a.createElement("div",{ref:h,className:r(k,fn.modifiers.splitButton,"action"===(null==u?void 0:u.variant)&&fn.modifiers.action)},null==u?void 0:u.items,a.createElement("button",Object.assign({className:r(fn.menuToggleButton),type:"button","aria-expanded":l,"aria-label":v,disabled:c,onClick:b},t&&{style:{display:"flex",paddingLeft:"var(--pf-v5-global--spacer--sm)"}},y),t&&a.createElement("span",{className:r(fn.menuToggleText)},t),N)):a.createElement("button",Object.assign({className:r(k),type:"button","aria-label":v,"aria-expanded":l,ref:h,disabled:c,onClick:b},I))}}xn.defaultProps={className:"",isExpanded:!1,isDisabled:!1,isFullWidth:!1,isFullHeight:!1};const On=a.forwardRef(((e,t)=>a.createElement(xn,Object.assign({innerRef:t},e))));On.displayName="MenuToggle";var En,wn={divider:"pf-v5-c-divider",modifiers:{hidden:"pf-m-hidden",hiddenOnSm:"pf-m-hidden-on-sm",visibleOnSm:"pf-m-visible-on-sm",hiddenOnMd:"pf-m-hidden-on-md",visibleOnMd:"pf-m-visible-on-md",hiddenOnLg:"pf-m-hidden-on-lg",visibleOnLg:"pf-m-visible-on-lg",hiddenOnXl:"pf-m-hidden-on-xl",visibleOnXl:"pf-m-visible-on-xl",hiddenOn_2xl:"pf-m-hidden-on-2xl",visibleOn_2xl:"pf-m-visible-on-2xl",vertical:"pf-m-vertical",insetNone:"pf-m-inset-none",insetXs:"pf-m-inset-xs",insetSm:"pf-m-inset-sm",insetMd:"pf-m-inset-md",insetLg:"pf-m-inset-lg",insetXl:"pf-m-inset-xl",inset_2xl:"pf-m-inset-2xl",inset_3xl:"pf-m-inset-3xl",horizontalOnSm:"pf-m-horizontal-on-sm",verticalOnSm:"pf-m-vertical-on-sm",insetNoneOnSm:"pf-m-inset-none-on-sm",insetXsOnSm:"pf-m-inset-xs-on-sm",insetSmOnSm:"pf-m-inset-sm-on-sm",insetMdOnSm:"pf-m-inset-md-on-sm",insetLgOnSm:"pf-m-inset-lg-on-sm",insetXlOnSm:"pf-m-inset-xl-on-sm",inset_2xlOnSm:"pf-m-inset-2xl-on-sm",inset_3xlOnSm:"pf-m-inset-3xl-on-sm",horizontalOnMd:"pf-m-horizontal-on-md",verticalOnMd:"pf-m-vertical-on-md",insetNoneOnMd:"pf-m-inset-none-on-md",insetXsOnMd:"pf-m-inset-xs-on-md",insetSmOnMd:"pf-m-inset-sm-on-md",insetMdOnMd:"pf-m-inset-md-on-md",insetLgOnMd:"pf-m-inset-lg-on-md",insetXlOnMd:"pf-m-inset-xl-on-md",inset_2xlOnMd:"pf-m-inset-2xl-on-md",inset_3xlOnMd:"pf-m-inset-3xl-on-md",horizontalOnLg:"pf-m-horizontal-on-lg",verticalOnLg:"pf-m-vertical-on-lg",insetNoneOnLg:"pf-m-inset-none-on-lg",insetXsOnLg:"pf-m-inset-xs-on-lg",insetSmOnLg:"pf-m-inset-sm-on-lg",insetMdOnLg:"pf-m-inset-md-on-lg",insetLgOnLg:"pf-m-inset-lg-on-lg",insetXlOnLg:"pf-m-inset-xl-on-lg",inset_2xlOnLg:"pf-m-inset-2xl-on-lg",inset_3xlOnLg:"pf-m-inset-3xl-on-lg",horizontalOnXl:"pf-m-horizontal-on-xl",verticalOnXl:"pf-m-vertical-on-xl",insetNoneOnXl:"pf-m-inset-none-on-xl",insetXsOnXl:"pf-m-inset-xs-on-xl",insetSmOnXl:"pf-m-inset-sm-on-xl",insetMdOnXl:"pf-m-inset-md-on-xl",insetLgOnXl:"pf-m-inset-lg-on-xl",insetXlOnXl:"pf-m-inset-xl-on-xl",inset_2xlOnXl:"pf-m-inset-2xl-on-xl",inset_3xlOnXl:"pf-m-inset-3xl-on-xl",horizontalOn_2xl:"pf-m-horizontal-on-2xl",verticalOn_2xl:"pf-m-vertical-on-2xl",insetNoneOn_2xl:"pf-m-inset-none-on-2xl",insetXsOn_2xl:"pf-m-inset-xs-on-2xl",insetSmOn_2xl:"pf-m-inset-sm-on-2xl",insetMdOn_2xl:"pf-m-inset-md-on-2xl",insetLgOn_2xl:"pf-m-inset-lg-on-2xl",insetXlOn_2xl:"pf-m-inset-xl-on-2xl",inset_2xlOn_2xl:"pf-m-inset-2xl-on-2xl",inset_3xlOn_2xl:"pf-m-inset-3xl-on-2xl"}};!function(e){e.hr="hr",e.li="li",e.div="div"}(En||(En={}));const Nn=e=>{var{className:t,component:n=En.hr,inset:i,orientation:o}=e,l=s(e,["className","component","inset","orientation"]);const c=n;return a.createElement(c,Object.assign({className:r(wn.divider,W(i,wn),W(o,wn),t)},"hr"!==n&&{role:"separator"},l))};Nn.displayName="Divider";const Sn=e=>{var{innerRef:n,initialItems:i,onSelect:a,onToggle:o,isDisabled:s,toggleAriaLabel:r,toggleContent:c,isToggleFullWidth:d,toggleVariant:p="default",shouldFocusToggleOnSelect:u}=e,m=l(e,["innerRef","initialItems","onSelect","onToggle","isDisabled","toggleAriaLabel","toggleContent","isToggleFullWidth","toggleVariant","shouldFocusToggleOnSelect"]);const[f,g]=t.useState(!1),h=()=>{o&&o(!f),g(!f)},b=null==i?void 0:i.map((e=>{const{content:n,onClick:i,to:a,value:o,isDivider:s}=e,r=l(e,["content","onClick","to","value","isDivider"]);return s?t.createElement(Nn,{component:"li",key:o}):t.createElement(un,Object.assign({onClick:i,to:a,key:o,value:o},r),n)}));return t.createElement(dn,Object.assign({toggle:e=>t.createElement(On,{ref:e,onClick:h,isExpanded:f,isDisabled:s,variant:p,"aria-label":r,isFullWidth:d},c),isOpen:f,onSelect:(e,t)=>{a&&a(e,t),g(!1)},shouldFocusToggleOnSelect:u,onOpenChange:e=>g(e),ref:n},m),t.createElement(mn,null,b))},kn=t.forwardRef(((e,n)=>t.createElement(Sn,Object.assign({},e,{innerRef:n}))));kn.displayName="DropdownSimple";const In=e=>{var{children:n,className:i,onSelect:a,isOpen:o,selected:l,toggle:c,shouldFocusToggleOnSelect:d=!1,shouldFocusFirstItemOnOpen:p=!0,onOpenChange:u,onOpenChangeKeys:m=["Escape","Tab"],isPlain:f,innerRef:g,zIndex:h=9999,role:b="listbox",popperProps:v,menuHeight:y,maxMenuHeight:x,isScrollable:O}=e,E=s(e,["children","className","onSelect","isOpen","selected","toggle","shouldFocusToggleOnSelect","shouldFocusFirstItemOnOpen","onOpenChange","onOpenChangeKeys","isPlain","innerRef","zIndex","role","popperProps","menuHeight","maxMenuHeight","isScrollable"]);const w=t.useRef(),N=t.useRef(),S=g||w,k="function"==typeof c||"function"!=typeof c&&!c.toggleRef?N:null==c?void 0:c.toggleRef;t.useEffect((()=>{const e=e=>{var t,n,i;o&&u&&((null===(t=S.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=k.current)||void 0===n?void 0:n.contains(e.target)))&&m.includes(e.key)&&(e.preventDefault(),u(!1),null===(i=k.current)||void 0===i||i.focus())},t=e=>{var t,n,i;o&&p&&(null===(t=k.current)||void 0===t?void 0:t.contains(e.target))&&setTimeout((()=>{var e;const t=null===(e=null==S?void 0:S.current)||void 0===e?void 0:e.querySelector("li button:not(:disabled),li input:not(:disabled)");t&&t.focus()}),0),o&&u&&!(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.contains(e.target))&&o&&!(null===(i=S.current)||void 0===i?void 0:i.contains(e.target))&&u(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[o,S,k,u,m]);const I=t.createElement(wt,Object.assign({role:b,className:r(i),ref:S,onSelect:(e,t)=>{a&&a(e,t),d&&k.current.focus()},isPlain:f,selected:l,isScrollable:null!=O?O:void 0!==y||void 0!==x},Q(Dn.displayName,void 0!==E.ouiaId?E.ouiaId:ne(Dn.displayName),void 0===E.ouiaSafe||E.ouiaSafe),E),t.createElement(kt,{menuHeight:y,maxMenuHeight:x},n));return t.createElement(vt,Object.assign({trigger:"function"==typeof c?c(k):c.toggleNode,triggerRef:k,popper:I,popperRef:S,isVisible:o,zIndex:h},v))},Dn=t.forwardRef(((e,n)=>t.createElement(In,Object.assign({innerRef:n},e))));Dn.displayName="Select";const Mn=e=>{var{children:n,className:i,isAriaMultiselectable:a=!1}=e,o=s(e,["children","className","isAriaMultiselectable"]);return t.createElement(rn,Object.assign({isAriaMultiselectable:a,className:r(i)},o),n)};Mn.displayName="SelectList";const Cn=e=>{var{children:n,className:i,innerRef:a,value:o}=e,l=s(e,["children","className","innerRef","value"]);return t.createElement(sn,Object.assign({itemId:o,ref:a,className:r(i)},l),n)},Ln=t.forwardRef(((e,n)=>t.createElement(Cn,Object.assign({},e,{innerRef:n}))));Ln.displayName="SelectOption";const Rn=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:o,onToggle:s,toggleContent:r,toggleWidth:c="200px"}=e,d=l(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent","toggleWidth"]);const[p,u]=t.useState(!1),[m,f]=t.useState("Select a value"),g=null==i?void 0:i.map((e=>{const{content:n,value:i}=e,a=l(e,["content","value"]),o=m.includes(`${i}`);return t.createElement(Ln,Object.assign({},a,{value:i,key:i,isSelected:o}),n)})),h=()=>{s&&s(!p),u(!p)};return t.createElement(Dn,Object.assign({id:"single-select",isOpen:p,selected:m,onSelect:(e,t)=>{o&&o(e,t),f(t),u(!1)},onOpenChange:e=>u(e),toggle:e=>t.createElement(On,{ref:e,onClick:h,isExpanded:p,isDisabled:a,style:{width:c}},r||m),shouldFocusToggleOnSelect:!0,ref:n},d),t.createElement(Mn,null,g))},jn=t.forwardRef(((e,n)=>t.createElement(Rn,Object.assign({},e,{innerRef:n}))));jn.displayName="SelectSimple";var Tn={badge:"pf-v5-c-badge",button:"pf-v5-c-button",buttonCount:"pf-v5-c-button__count",buttonIcon:"pf-v5-c-button__icon",buttonProgress:"pf-v5-c-button__progress",modifiers:{active:"pf-m-active",block:"pf-m-block",small:"pf-m-small",primary:"pf-m-primary",displayLg:"pf-m-display-lg",secondary:"pf-m-secondary",tertiary:"pf-m-tertiary",link:"pf-m-link",unread:"pf-m-unread",inline:"pf-m-inline",danger:"pf-m-danger",warning:"pf-m-warning",control:"pf-m-control",expanded:"pf-m-expanded",plain:"pf-m-plain",noPadding:"pf-m-no-padding",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",progress:"pf-m-progress",inProgress:"pf-m-in-progress",start:"pf-m-start",end:"pf-m-end"},spinner:"pf-v5-c-spinner",themeDark:"pf-v5-theme-dark"},_n={modifiers:{inline:"pf-m-inline",sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"},spinner:"pf-v5-c-spinner",spinnerPath:"pf-v5-c-spinner__path"};var Pn,An={name:"--pf-v5-c-spinner--diameter",value:"0.875rem",var:"var(--pf-v5-c-spinner--diameter)"};!function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(Pn||(Pn={}));const Hn=e=>{var{className:t="",size:n="xl","aria-valuetext":i="Loading...",diameter:o,isInline:l=!1,"aria-label":c,"aria-labelledBy":d}=e,p=s(e,["className","size","aria-valuetext","diameter","isInline","aria-label","aria-labelledBy"]);return a.createElement("svg",Object.assign({className:r(_n.spinner,l?_n.modifiers.inline:_n.modifiers[n],t),role:"progressbar","aria-valuetext":i,viewBox:"0 0 100 100"},o&&{style:{[An.name]:o}},c&&{"aria-label":c},d&&{"aria-labelledBy":d},!c&&!d&&{"aria-label":"Contents"},p),a.createElement("circle",{className:_n.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"}))};Hn.displayName="Spinner";var Fn="pf-v5-c-badge",Bn={read:"pf-m-read",unread:"pf-m-unread"};const $n=e=>{var{isRead:t=!1,className:n="",children:i="",screenReaderText:o}=e,l=s(e,["isRead","className","children","screenReaderText"]);return a.createElement("span",Object.assign({},l,{className:r(Fn,t?Bn.read:Bn.unread,n)}),i,o&&a.createElement("span",{className:"pf-v5-screen-reader"},o))};var Wn,zn,Vn;$n.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"}(Wn||(Wn={})),function(e){e.button="button",e.submit="submit",e.reset="reset"}(zn||(zn={})),function(e){e.default="default",e.sm="sm",e.lg="lg"}(Vn||(Vn={}));const Un=e=>{var{children:t=null,className:n="",component:i="button",isActive:o=!1,isBlock:l=!1,isDisabled:c=!1,isAriaDisabled:d=!1,isLoading:p=null,isDanger:u=!1,spinnerAriaValueText:m,spinnerAriaLabelledBy:f,spinnerAriaLabel:g,size:h=Vn.default,inoperableEvents:b=["onClick","onKeyPress"],isInline:v=!1,type:y=zn.button,variant:x=Wn.primary,iconPosition:O="start","aria-label":E=null,icon:w=null,ouiaId:N,ouiaSafe:S=!0,tabIndex:k=null,innerRef:I,countOptions:D}=e,M=s(e,["children","className","component","isActive","isBlock","isDisabled","isAriaDisabled","isLoading","isDanger","spinnerAriaValueText","spinnerAriaLabelledBy","spinnerAriaLabel","size","inoperableEvents","isInline","type","variant","iconPosition","aria-label","icon","ouiaId","ouiaSafe","tabIndex","innerRef","countOptions"]);const C=ee(qn.displayName,N,S,x),L=i,R="button"===L,j=v&&"span"===L,T=b.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{});return a.createElement(L,Object.assign({},M,d?T:null,{"aria-disabled":c||d,"aria-label":E,className:r(Tn.button,Tn.modifiers[x],l&&Tn.modifiers.block,c&&Tn.modifiers.disabled,d&&Tn.modifiers.ariaDisabled,o&&Tn.modifiers.active,v&&x===Wn.link&&Tn.modifiers.inline,u&&(x===Wn.secondary||x===Wn.link)&&Tn.modifiers.danger,null!==p&&x!==Wn.plain&&Tn.modifiers.progress,p&&Tn.modifiers.inProgress,h===Vn.sm&&Tn.modifiers.small,h===Vn.lg&&Tn.modifiers.displayLg,n),disabled:R?c:null,tabIndex:null!==k?k:c?R?null:-1:d?null:j?0:void 0,type:R||j?y:null,role:j?"button":null,ref:I},C),p&&a.createElement("span",{className:r(Tn.buttonProgress)},a.createElement(Hn,{size:Pn.md,isInline:v,"aria-valuetext":m,"aria-label":g,"aria-labelledby":f})),x===Wn.plain&&null===t&&w?w:null,x!==Wn.plain&&w&&("start"===O||"left"===O)&&a.createElement("span",{className:r(Tn.buttonIcon,Tn.modifiers.start)},w),t,x!==Wn.plain&&w&&("end"===O||"right"===O)&&a.createElement("span",{className:r(Tn.buttonIcon,Tn.modifiers.end)},w),D&&a.createElement("span",{className:r(Tn.buttonCount,D.className)},a.createElement($n,{isRead:D.isRead},D.count)))},qn=a.forwardRef(((e,t)=>a.createElement(Un,Object.assign({innerRef:t},e))));qn.displayName="Button";var Xn=Lt({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}),Kn={disabled:"pf-m-disabled",plain:"pf-m-plain",icon:"pf-m-icon",hint:"pf-m-hint"},Gn="pf-v5-c-text-input-group",Jn="pf-v5-c-text-input-group__icon",Yn="pf-v5-c-text-input-group__main",Zn="pf-v5-c-text-input-group__text",Qn="pf-v5-c-text-input-group__text-input",ei="pf-v5-c-text-input-group__utilities";const ti=a.createContext({isDisabled:!1}),ni=e=>{var{children:t,className:n,isDisabled:i,isPlain:o,innerRef:l}=e,c=s(e,["children","className","isDisabled","isPlain","innerRef"]);const d=a.useRef(null),p=l||d;return a.createElement(ti.Provider,{value:{isDisabled:i}},a.createElement("div",Object.assign({ref:p,className:r(Gn,i&&Kn.disabled,o&&Kn.plain,n)},c),t))};ni.displayName="TextInputGroup";const ii=e=>{var{children:t,className:n,icon:i,type:o="text",hint:l,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:O}=e,E=s(e,["children","className","icon","type","hint","onChange","onFocus","onBlur","aria-label","value","placeholder","innerRef","name","aria-activedescendant","role","isExpanded","aria-controls","inputId"]);const{isDisabled:w}=a.useContext(ti),N=a.useRef(null),S=g||N;return a.createElement("div",Object.assign({className:r(Yn,i&&Kn.icon,n)},E),t,a.createElement("span",{className:r(Zn)},l&&a.createElement("input",{className:r(Qn,Kn.hint),type:"text",disabled:!0,"aria-hidden":"true",value:l,id:O}),i&&a.createElement("span",{className:r(Jn)},i),a.createElement("input",Object.assign({ref:S,type:o,className:r(Qn),"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:O},v&&{role:v},void 0!==y&&{"aria-expanded":y},x&&{"aria-controls":x}))))},ai=a.forwardRef(((e,t)=>a.createElement(ii,Object.assign({innerRef:t},e))));ai.displayName="TextInputGroupMain";const oi=e=>{var{children:t,className:n}=e,i=s(e,["children","className"]);return a.createElement("div",Object.assign({className:r(ei,n)},i),t)};oi.displayName="TextInputGroupUtilities";const li=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:o,onToggle:s,toggleContent:r}=e,c=l(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent"]);const[d,p]=t.useState(!1),[u,m]=t.useState([]),f=null==i?void 0:i.map((e=>{const{content:n,value:i}=e,a=l(e,["content","value"]),o=u.includes(`${i}`);return t.createElement(Ln,Object.assign({},a,{value:i,key:i,hasCheckbox:!0,isSelected:o}),n)})),g=()=>{s&&s(!d),p(!d)},h=t.createElement(t.Fragment,null,"Filter by status",u.length>0&&t.createElement($n,{isRead:!0},u.length));return t.createElement(Dn,Object.assign({id:"checkbox-select",isOpen:d,selected:u,onSelect:(e,t)=>{const n=`${t}`;u.includes(n)?m((e=>e.filter((e=>e!==n)))):m((e=>[...e,n])),o&&o(e,t)},onOpenChange:e=>p(e),toggle:e=>t.createElement(On,{ref:e,onClick:g,isExpanded:d,isDisabled:a,style:{width:"200px"}},r||h),ref:n,role:"menu"},c),t.createElement(Mn,null,f))},si=t.forwardRef(((e,n)=>t.createElement(li,Object.assign({},e,{innerRef:n})))),ri=e=>{var{innerRef:n,initialOptions:i,onSelect:a,onToggle:o,onInputChange:s,placeholder:r="Select an option",noOptionsFoundMessage:c=(e=>`No results found for "${e}"`),isDisabled:d}=e,p=l(e,["innerRef","initialOptions","onSelect","onToggle","onInputChange","placeholder","noOptionsFoundMessage","isDisabled"]);const[u,m]=t.useState(!1),[f,g]=t.useState(""),[h,b]=t.useState(""),[v,y]=t.useState(""),[x,O]=t.useState(i),[E,w]=t.useState(null),[N,S]=t.useState(null),k=t.useRef(),I="no results";t.useEffect((()=>{let e=i;v&&(e=i.filter((e=>String(e.content).toLowerCase().includes(v.toLowerCase()))),e.length||(e=[{isAriaDisabled:!0,content:"string"==typeof c?c:c(v),value:I}]),u||C()),O(e)}),[v]);const D=e=>`select-typeahead-${String(e).replace(" ","-")}`,M=()=>{w(null),S(null)},C=()=>{o&&o(!0),m(!0)},L=()=>{o&&o(!1),m(!1),M()},R=()=>{u?h||L():C()},j=(e,t)=>{a&&a(e,t.value),b(String(t.content)),y(""),g(String(t.value)),L()},T=(e,t)=>{b(t),s&&s(t),y(t),M(),t!==f&&g("")},_=e=>{let t=0;if(u||C(),!x.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===E||0===E?x.length-1:E-1;x[t].isDisabled;)t--,-1===t&&(t=x.length-1);if("ArrowDown"===e)for(t=null===E||E===x.length-1?0:E+1;x[t].isDisabled;)t++,t===x.length&&(t=0);(e=>{w(e);const t=x[e];S(D(t.value))})(t)}},P=e=>{const t=null!==E?x[E]:null;switch(e.key){case"Enter":u&&t&&t.value!==I&&!t.isAriaDisabled&&j(e,t),u||m(!0);break;case"ArrowUp":case"ArrowDown":e.preventDefault(),_(e.key)}},A=()=>{var e;o&&o(!u),m(!u),null===(e=null==k?void 0:k.current)||void 0===e||e.focus()},H=()=>{var e;g(""),b(""),s&&s(""),y(""),M(),null===(e=null==k?void 0:k.current)||void 0===e||e.focus()};return t.createElement(Dn,Object.assign({id:"typeahead-select",isOpen:u,selected:f,onSelect:(e,t)=>{if(t&&t!==I){const n=x.find((e=>e.value===t));j(e,n)}},onOpenChange:e=>{!e&&L()},toggle:e=>t.createElement(On,{ref:e,variant:"typeahead","aria-label":"Typeahead menu toggle",onClick:A,isExpanded:u,isDisabled:d,isFullWidth:!0},t.createElement(ni,{isPlain:!0},t.createElement(ai,Object.assign({value:h,onClick:R,onChange:T,onKeyDown:P,id:"typeahead-select-input",autoComplete:"off",innerRef:k,placeholder:r},N&&{"aria-activedescendant":N},{role:"combobox",isExpanded:u,"aria-controls":"select-typeahead-listbox"})),t.createElement(oi,Object.assign({},h?{}:{style:{display:"none"}}),t.createElement(qn,{variant:"plain",onClick:H,"aria-label":"Clear input value"},t.createElement(Xn,{"aria-hidden":!0}))))),shouldFocusFirstItemOnOpen:!1,ref:n},p),t.createElement(Mn,{id:"select-typeahead-listbox"},x.map(((e,n)=>{const{content:i,value:a}=e,o=l(e,["content","value"]);return t.createElement(Ln,Object.assign({},o,{key:a,value:a,isFocused:E===n,id:D(a)}),i)}))))};ri.displayName="SelectTypeaheadBase";const ci=t.forwardRef(((e,n)=>t.createElement(ri,Object.assign({},e,{innerRef:n}))));ci.displayName="SelectTypeahead",e.CheckboxSelect=si,e.DropdownSimple=kn,e.SelectSimple=jn,e.SelectTypeahead=ci,e.SelectTypeaheadBase=ri}));
|
|
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),r=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 l(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(n[i[a]]=e[i[a]])}return n}function s(...e){const t=[],n={}.hasOwnProperty;return e.filter(Boolean).forEach((e=>{const i=typeof e;if("string"===i||"number"===i)t.push(e);else if(Array.isArray(e)&&e.length){const n=s(...e);n&&t.push(n)}else if("object"===i)for(const i in e)n.call(e,i)&&e[i]&&t.push(i)})),t.join(" ")}"function"==typeof SuppressedError&&SuppressedError;var c="pf-v6-c-divider",d="pf-v6-c-menu",p="pf-v6-c-menu__content",u="pf-v6-c-menu__item",f="pf-v6-c-menu__item-action",m="pf-v6-c-menu__item-check",g="pf-v6-c-menu__item-description",h="pf-v6-c-menu__item-external-icon",b="pf-v6-c-menu__item-icon",v="pf-v6-c-menu__item-main",y="pf-v6-c-menu__item-select-icon",E="pf-v6-c-menu__item-text",x="pf-v6-c-menu__item-toggle-icon",w="pf-v6-c-menu__list",O="pf-v6-c-menu__list-item",k="pf-v6-c-menu__search",N={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"},I="pf-v6-c-breadcrumb__link";var S={name:"--pf-t--global--breakpoint--sm",value:"576px",var:"var(--pf-t--global--breakpoint--sm)"};var M={name:"--pf-t--global--breakpoint--md",value:"768px",var:"var(--pf-t--global--breakpoint--md)"};var D={name:"--pf-t--global--breakpoint--lg",value:"992px",var:"var(--pf-t--global--breakpoint--lg)"};var C={name:"--pf-t--global--breakpoint--xl",value:"1200px",var:"var(--pf-t--global--breakpoint--xl)"};var j={name:"--pf-t--global--breakpoint--2xl",value:"1450px",var:"var(--pf-t--global--breakpoint--2xl)"};var R={name:"--pf-t--global--breakpoint--height--sm",value:"0px",var:"var(--pf-t--global--breakpoint--height--sm)"};var T={name:"--pf-t--global--breakpoint--height--md",value:"640px",var:"var(--pf-t--global--breakpoint--height--md)"};var L={name:"--pf-t--global--breakpoint--height--lg",value:"768px",var:"var(--pf-t--global--breakpoint--height--lg)"};var P={name:"--pf-t--global--breakpoint--height--xl",value:"960px",var:"var(--pf-t--global--breakpoint--height--xl)"};var _={name:"--pf-t--global--breakpoint--height--2xl",value:"1280px",var:"var(--pf-t--global--breakpoint--height--2xl)"};"function"==typeof SuppressedError&&SuppressedError;let A=0;function H({name:e,xOffset:t=0,yOffset:n=0,width:i,height:r,svgPath:o}){var l;return l=class extends a.Component{constructor(){super(...arguments),this.id="icon-title-"+A++}render(){const e=this.props,{title:l,className:s}=e,c=function(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}(e,["title","className"]),d=s?`pf-v6-svg ${s}`:"pf-v6-svg",p=Boolean(l),u=[t,n,i,r].join(" ");return a.createElement("svg",Object.assign({className:d,viewBox:u,fill:"currentColor","aria-labelledby":p?this.id:null,"aria-hidden":!p||null,role:"img",width:"1em",height:"1em"},c),p&&a.createElement("title",{id:this.id},l),a.createElement("path",{d:o}))}},l.displayName=e,l}var F=H({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});var B=H({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});var $,W=H({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});!function(e){e.success="success",e.error="error",e.warning="warning",e.default="default"}($||($={}));const z="Escape",V="Enter";parseInt(S.value),parseInt(M.value),parseInt(D.value),parseInt(C.value),parseInt(j.value),parseInt(R.value),parseInt(T.value),parseInt(L.value),parseInt(P.value),parseInt(_.value);const U=!("undefined"==typeof window||!window.document||!window.document.createElement),q=e=>{e.forEach((e=>{e.current&&clearTimeout(e.current)}))};let K=0;function G(){return"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():function(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}()}class X extends a.Component{constructor(){super(...arguments),this.uniqueElement=this.props.isRandom?G():K++,this.id=`${this.props.prefix}${this.uniqueElement}`}render(){return this.props.children(this.id)}}X.displayName="GenerateId",X.defaultProps={prefix:"pf-random-id-",isRandom:!1};let J=0;const Y="OUIA-Generated-",Z={};function Q(e,t,n=!0){return{"data-ouia-component-type":`PF6/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const ee=(e,n,i)=>{const a=t.useMemo((()=>te(e,i)),[e,i]);return null!=n?n:a};function te(e,t){try{let n;return n="undefined"!=typeof window?`${window.location.href}-${e}-${t||""}`:`${e}-${t||""}`,Z[n]||(Z[n]=0),`${Y}${e}-${t?`${t}-`:""}${++Z[n]}`}catch(n){return`${Y}${e}-${t?`${t}-`:""}${++J}`}}function ne(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 ie(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function ae(e){const t=ie(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function re(e){return e instanceof ie(e).Element||e instanceof Element}function oe(e){return e instanceof ie(e).HTMLElement||e instanceof HTMLElement}function le(e){return e?(e.nodeName||"").toLowerCase():null}function se(e){return(re(e)?e.ownerDocument:e.document).documentElement}function ce(e){return ne(se(e)).left+ae(e).scrollLeft}function de(e){return ie(e).getComputedStyle(e)}function pe(e){const{overflow:t,overflowX:n,overflowY:i}=de(e);return/auto|scroll|overlay|hidden/.test(t+i+n)}function ue(e,t,n=!1){const i=se(t),a=ne(e),r=oe(t);let o={scrollLeft:0,scrollTop:0},l={x:0,y:0};var s,c;return(r||!r&&!n)&&(("body"!==le(t)||pe(i))&&(o=(s=t)!==ie(s)&&oe(s)?{scrollLeft:(c=s).scrollLeft,scrollTop:c.scrollTop}:ae(s)),oe(t)?(l=ne(t),l.x+=t.clientLeft,l.y+=t.clientTop):i&&(l.x=ce(i))),{x:a.left+o.scrollLeft-l.x,y:a.top+o.scrollTop-l.y,width:a.width,height:a.height}}function fe(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function me(e){return"html"===le(e)?e:e.assignedSlot||e.parentNode||e.host||se(e)}function ge(e){return["html","body","#document"].indexOf(le(e))>=0?e.ownerDocument.body:oe(e)&&pe(e)?e:ge(me(e))}function he(e,t=[]){const n=ge(e),i="body"===le(n),a=ie(n),r=i?[a].concat(a.visualViewport||[],pe(n)?n:[]):n,o=t.concat(r);return i?o:o.concat(he(me(r)))}function be(e){return["table","td","th"].indexOf(le(e))>=0}function ve(e){if(!oe(e)||"fixed"===de(e).position)return null;const t=e.offsetParent;if(t){const e=se(t);if("body"===le(t)&&"static"===de(t).position&&"static"!==de(e).position)return e}return t}function ye(e){const t=ie(e);let n=ve(e);for(;n&&be(n)&&"static"===de(n).position;)n=ve(n);return n&&"body"===le(n)&&"static"===de(n).position?t:n||function(e){let t=me(e);for(;oe(t)&&["html","body"].indexOf(le(t))<0;){const e=de(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}const Ee="top",xe="bottom",we="right",Oe="left",ke="auto",Ne=[Ee,xe,we,Oe],Ie="start",Se="end",Me="clippingParents",De="viewport",Ce="popper",je=Ne.reduce(((e,t)=>e.concat([`${t}-start`,`${t}-end`])),[]),Re=[...Ne,ke].reduce(((e,t)=>e.concat([t,`${t}-start`,`${t}-end`])),[]),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 Pe(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function _e(e){return e.split("-")[0]}function Ae(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 He(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Fe(e,t){return t===De?He(function(e){const t=ie(e),n=se(e),i=t.visualViewport;let a=n.clientWidth,r=n.clientHeight,o=0,l=0;return i&&(a=i.width,r=i.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(o=i.offsetLeft,l=i.offsetTop)),{width:a,height:r,x:o+ce(e),y:l}}(e)):oe(t)?function(e){const t=ne(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):He(function(e){const t=se(e),n=ae(e),i=e.ownerDocument.body,a=Math.max(t.scrollWidth,t.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),r=Math.max(t.scrollHeight,t.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);let o=-n.scrollLeft+ce(e);const l=-n.scrollTop;return"rtl"===de(i||t).direction&&(o+=Math.max(t.clientWidth,i?i.clientWidth:0)-a),{width:a,height:r,x:o,y:l}}(se(e)))}function Be(e,t,n){const i="clippingParents"===t?function(e){const t=he(me(e)),n=["absolute","fixed"].indexOf(de(e).position)>=0&&oe(e)?ye(e):e;return re(n)?t.filter((e=>re(e)&&Ae(e,n)&&"body"!==le(e))):[]}(e):[].concat(t),a=[...i,n],r=a[0],o=a.reduce(((t,n)=>{const i=Fe(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}),Fe(e,r));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}function $e(e){return e.split("-")[1]}function We(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function ze({reference:e,element:t,placement:n}){const i=n?_e(n):null,a=n?$e(n):null,r=e.x+e.width/2-t.width/2,o=e.y+e.height/2-t.height/2;let l;switch(i){case Ee:l={x:r,y:e.y-t.height};break;case xe:l={x:r,y:e.y+e.height};break;case we:l={x:e.x+e.width,y:o};break;case Oe:l={x:e.x-t.width,y:o};break;default:l={x:e.x,y:e.y}}const s=i?We(i):null;if(null!=s){const n="y"===s?"height":"width";switch(a){case Ie:l[s]=Math.floor(l[s])-Math.floor(e[n]/2-t[n]/2);break;case Se:l[s]=Math.floor(l[s])+Math.ceil(e[n]/2-t[n]/2)}}return l}function Ve(e){return Object.assign(Object.assign({},{top:0,right:0,bottom:0,left:0}),e)}function Ue(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function qe(e,t={}){const{placement:n=e.placement,boundary:i=Me,rootBoundary:a=De,elementContext:r=Ce,altBoundary:o=!1,padding:l=0}=t,s=Ve("number"!=typeof l?l:Ue(l,Ne)),c=r===Ce?"reference":Ce,d=e.elements.reference,p=e.rects.popper,u=e.elements[o?c:r],f=Be(re(u)?u:u.contextElement||se(e.elements.popper),i,a),m=ne(d),g=ze({reference:m,element:p,strategy:"absolute",placement:n}),h=He(Object.assign(Object.assign({},p),g)),b=r===Ce?h:m,v={top:f.top-b.top+s.top,bottom:b.bottom-f.bottom+s.bottom,left:f.left-b.left+s.left,right:b.right-f.right+s.right},y=e.modifiersData.offset;if(r===Ce&&y){const e=y[n];Object.keys(v).forEach((t=>{const n=[we,xe].indexOf(t)>=0?1:-1,i=[Ee,xe].indexOf(t)>=0?"y":"x";v[t]+=e[i]*n}))}return v}const Ke={placement:"bottom",modifiers:[],strategy:"absolute"};function Ge(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}const Xe={passive:!0};const Je={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Ye({popper:e,popperRect:t,placement:n,offsets:i,position:a,gpuAcceleration:r,adaptive:o}){let{x:l,y:s}=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=Oe,u=Ee;const f=window;if(o){let i=ye(e);i===ie(e)&&(i=se(e)),n===Ee&&(u=xe,s-=i.clientHeight-t.height,s*=r?1:-1),n===Oe&&(p=we,l-=i.clientWidth-t.width,l*=r?1:-1)}const m=Object.assign({position:a},o&&Je);return r?Object.assign(Object.assign({},m),{[u]:d?"0":"",[p]:c?"0":"",transform:(f.devicePixelRatio||1)<2?`translate(${l}px, ${s}px)`:`translate3d(${l}px, ${s}px, 0)`}):Object.assign(Object.assign({},m),{[u]:d?`${s}px`:"",[p]:c?`${l}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=Re.reduce(((t,n)=>(t[n]=function(e,t,n){const i=_e(e),a=[Oe,Ee].indexOf(i)>=0?-1:1;let[r,o]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return r=r||0,o=(o||0)*a,[Oe,we].indexOf(i)>=0?{x:o,y:r}:{x:r,y:o}}(n,e.rects,i),t)),{}),{x:r,y:o}=a[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=r,e.modifiersData.popperOffsets.y+=o),e.modifiersData[n]=a}};const Qe={left:"right",right:"left",bottom:"top",top:"bottom"};function et(e){return e.replace(/left|right|bottom|top/g,(e=>Qe[e]))}const tt={start:"end",end:"start"};function nt(e){return e.replace(/start|end/g,(e=>tt[e]))}function it(e,t={}){const{placement:n,boundary:i,rootBoundary:a,padding:r,flipVariations:o,allowedAutoPlacements:l=Re}=t,s=$e(n),c=s?o?je:je.filter((e=>$e(e)===s)):Ne;let d=c.filter((e=>l.indexOf(e)>=0));0===d.length&&(d=c);const p=d.reduce(((t,n)=>(t[n]=qe(e,{placement:n,boundary:i,rootBoundary:a,padding:r})[_e(n)],t)),{});return Object.keys(p).sort(((e,t)=>p[e]-p[t]))}var at={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:r,padding:o,boundary:l,rootBoundary:s,altBoundary:c,flipVariations:d=!0,allowedAutoPlacements:p}=t,u=e.options.placement,f=_e(u),m=[u,...r||(f===u||!d?[et(u)]:function(e){if(_e(e)===ke)return[];const t=et(e);return[nt(e),t,nt(t)]}(u))].reduce(((t,n)=>t.concat(_e(n)===ke?it(e,{placement:n,boundary:l,rootBoundary:s,padding:o,flipVariations:d,allowedAutoPlacements:p}):n)),[]),g=e.rects.reference,h=e.rects.popper,b=new Map;let v=!0,y=m[0];for(let t=0;t<m.length;t++){const n=m[t],r=_e(n),d=$e(n)===Ie,p=[Ee,xe].indexOf(r)>=0,u=p?"width":"height",f=qe(e,{placement:n,boundary:l,rootBoundary:s,altBoundary:c,padding:o});let E=p?d?we:Oe:d?xe:Ee;g[u]>h[u]&&(E=et(E));const x=et(E),w=[];if(i&&w.push(f[r]<=0),a&&w.push(f[E]<=0,f[x]<=0),w.every((e=>e))){y=n,v=!1;break}b.set(n,w)}if(v){for(let e=d?3:1;e>0;e--){const t=m.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 rt(e,t,n){return Math.max(e,Math.min(t,n))}var ot={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:i=!0,altAxis:a=!1,boundary:r,rootBoundary:o,altBoundary:l,padding:s,tether:c=!0,tetherOffset:d=0}=t,p=qe(e,{boundary:r,rootBoundary:o,padding:s,altBoundary:l}),u=_e(e.placement),f=$e(e.placement),m=!f,g=We(u),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?Ee:Oe,n="y"===g?xe:we,i="y"===g?"height":"width",a=b[g],r=b[g]+p[t],o=b[g]-p[n],l=c?-y[i]/2:0,s=f===Ie?v[i]:y[i],d=f===Ie?-y[i]:-v[i],u=e.elements.arrow,h=c&&u?fe(u):{width:0,height:0},w=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},O=w[t],k=w[n],N=rt(0,v[i],h[i]),I=m?v[i]/2-l-N-O-E:s-N-O-E,S=m?-v[i]/2+l+N+k+E:d+N+k+E,M=e.elements.arrow&&ye(e.elements.arrow),D=M?"y"===g?M.clientTop||0:M.clientLeft||0:0,C=e.modifiersData.offset?e.modifiersData.offset[e.placement][g]:0,j=b[g]+I-C-D,R=b[g]+S-C,T=rt(c?Math.min(r,j):r,a,c?Math.max(o,R):o);b[g]=T,x[g]=T-a}if(a){const e="x"===g?Ee:Oe,t="x"===g?xe:we,n=b[h],i=rt(n+p[e],n,n-p[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=_e(e.placement),r=We(a),o=[Oe,we].indexOf(a)>=0?"height":"width";if(!n||!i)return;const l=e.modifiersData[`${t}#persistent`].padding,s=fe(n),c="y"===r?Ee:Oe,d="y"===r?xe:we,p=e.rects.reference[o]+e.rects.reference[r]-i[r]-e.rects.popper[o],u=i[r]-e.rects.reference[r],f=ye(n),m=f?"y"===r?f.clientHeight||0:f.clientWidth||0:0,g=p/2-u/2,h=l[c],b=m-s[o]-l[d],v=m/2-s[o]/2+g,y=rt(h,v,b),E=r;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))&&Ae(e.elements.popper,i)&&(e.elements.arrow=i,e.modifiersData[`${n}#persistent`]={padding:Ve("number"!=typeof a?a:Ue(a,Ne))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function st(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 ct(e){return[Ee,we,xe,Oe].some((t=>e[t]>=0))}const dt=function(e={}){const{defaultModifiers:t=[],defaultOptions:n=Ke}=e;return function(e,i,a=n){let r={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},Ke),n),modifiersData:{},elements:{reference:e,popper:i},attributes:{},styles:{}},o=[],l=!1;const s={state:r,setOptions(a){c(),r.options=Object.assign(Object.assign(Object.assign({},n),r.options),a),r.scrollParents={reference:re(e)?he(e):e.contextElement?he(e.contextElement):[],popper:he(i)};const l=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,...r.options.modifiers]));return r.orderedModifiers=l.filter((e=>e.enabled)),r.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const i=n({state:r,name:e,instance:s,options:t}),a=()=>{};o.push(i||a)}})),s.update()},forceUpdate(){if(l)return;const{reference:e,popper:t}=r.elements;if(Ge(e,t)){r.rects={reference:ue(e,ye(t),"fixed"===r.options.strategy),popper:fe(t)},r.reset=!1,r.placement=r.options.placement,r.orderedModifiers.forEach((e=>r.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<r.orderedModifiers.length;e++){if(!0===r.reset){r.reset=!1,e=-1;continue}const{fn:t,options:n={},name:i}=r.orderedModifiers[e];"function"==typeof t&&(r=t({state:r,options:n,name:i,instance:s})||r)}}},update:Pe((()=>new Promise((e=>{s.forceUpdate(),e(r)})))),destroy(){c(),l=!0}};if(!Ge(e,i))return s;function c(){o.forEach((e=>e())),o=[]}return s.setOptions(a).then((e=>{!l&&a.onFirstUpdate&&a.onFirstUpdate(e)})),s}}({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:()=>{},effect:function({state:e,instance:t,options:n}){const{scroll:i=!0,resize:a=!0}=n,r=ie(e.elements.popper),o=[...e.scrollParents.reference,...e.scrollParents.popper];return i&&o.forEach((e=>{e.addEventListener("scroll",t.update,Xe)})),a&&r.addEventListener("resize",t.update,Xe),()=>{i&&o.forEach((e=>{e.removeEventListener("scroll",t.update,Xe)})),a&&r.removeEventListener("resize",t.update,Xe)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=ze({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:_e(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),Ye(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),Ye(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];oe(a)&&le(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]||{},r=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});oe(i)&&le(i)&&(Object.assign(i.style,r),Object.keys(a).forEach((e=>{i.removeAttribute(e)})))}))}},requires:["computeStyles"]},Ze,at,ot,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,r=qe(e,{elementContext:"reference"}),o=qe(e,{altBoundary:!0}),l=st(r,n),s=st(o,i,a),c=ct(l),d=ct(s);e.modifiersData[t]={referenceClippingOffsets:l,popperEscapeOffsets:s,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]}),pt=U?a.useLayoutEffect:a.useEffect,ut=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),ft=[],mt=(e,t,n={})=>{const i=a.useRef(null),r={onFirstUpdate:n.onFirstUpdate,placement:n.placement||"bottom",strategy:n.strategy||"absolute",modifiers:n.modifiers||ft},[o,l]=a.useState({styles:{popper:{position:r.strategy,left:"0",top:"0"}},attributes:{}}),s=a.useMemo((()=>({name:"updateState",enabled:!0,phase:"write",fn:({state:e})=>{const t=Object.keys(e.elements);l({styles:ut(t.map((t=>[t,e.styles[t]||{}]))),attributes:ut(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=a.useMemo((()=>{const e={onFirstUpdate:r.onFirstUpdate,placement:r.placement,strategy:r.strategy,modifiers:[...r.modifiers,s,{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}),[r.onFirstUpdate,r.placement,r.strategy,r.modifiers,s]),d=a.useRef();return pt((()=>{d&&d.current&&d.current.setOptions(c)}),[c]),pt((()=>{if(null==e||null==t)return;const i=(n.createPopper||dt)(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}},gt={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"},ht=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,bt=({trigger:e,popper:t,direction:n="down",position:i="start",placement:o,width:l,minWidth:c="trigger",maxWidth:d,appendTo:p="inline",zIndex:u=9999,isVisible:f=!0,positionModifiers:m,distance:g=0,onMouseEnter:h,onMouseLeave:b,onFocus:v,onBlur:y,onDocumentClick:E,onTriggerClick:x,onTriggerEnter:w,onPopperClick:O,onPopperMouseEnter:k,onPopperMouseLeave:N,onDocumentKeyDown:I,enableFlip:S=!0,flipBehavior:M="flip",triggerRef:D,popperRef:C,animationDuration:j=0,entryDelay:R=0,exitDelay:T=0,onHidden:L=(()=>{}),onHide:P=(()=>{}),onMount:_=(()=>{}),onShow:A=(()=>{}),onShown:H=(()=>{}),preventOverflow:F=!1})=>{var B;const[$,W]=a.useState(null),[z,V]=a.useState(null),[U,K]=a.useState(null),[G,X]=a.useState(null),[J,Y]=a.useState(!1),[Z,Q]=a.useState(0),[ee,te]=a.useState(f),ne=a.useRef(null),ie=a.useRef(null),ae=a.useRef(null),re=a.useRef(),oe=z||$,le=f||ee,se=((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)||$)||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)}[se][i]}),[i,se]),de=a.useCallback((e=>E(e,oe,U)),[le,$,z,U,E]);a.useEffect((()=>{Y(!0),_()}),[]),a.useEffect((()=>()=>{q([ne,ae,ie])}),[]),a.useEffect((()=>{D&&(D.current?V(D.current):"function"==typeof D&&V(D()))}),[D,e]),a.useEffect((()=>{C&&(C.current?K(C.current):"function"==typeof C&&K(C()))}),[le,C]),a.useEffect((()=>{const e=new MutationObserver((()=>{ye&&ye()}));return U&&e.observe(U,{attributes:!0,childList:!0,subtree:!0}),()=>{e.disconnect()}}),[U]);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(x,oe,"click"),pe(w,oe,"keydown"),pe(O,U,"click"),pe(k,U,"mouseenter"),pe(N,U,"mouseleave"),E&&pe(de,document,"click",!0),pe(I,document,"keydown",!0),()=>{ue(h,oe,"mouseenter"),ue(b,oe,"mouseleave"),ue(v,oe,"focus"),ue(y,oe,"blur"),ue(x,oe,"click"),ue(w,oe,"keydown"),ue(O,U,"click"),ue(k,U,"mouseenter"),ue(N,U,"mouseleave"),E&&ue(de,document,"click",!0),ue(I,document,"keydown",!0)})),[$,U,h,b,v,y,x,w,O,k,N,E,I,z]);const fe=()=>{if(o)return o;let e="up"===n?"top":"bottom";return"center"!==ce&&(e=`${e}-${"right"===ce?"end":"start"}`),e},me=a.useMemo(fe,[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=>gt[e])))(fe())),[n,ce,o]),he=a.useMemo((()=>({name:"widthMods",enabled:void 0!==l||void 0!==c||void 0!==d,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{const t=e.rects.reference.width;l&&(e.styles.popper.width="trigger"===l?`${t}px`:l),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 l&&(e.elements.popper.style.width="trigger"===l?`${t}px`:l),c&&(e.elements.popper.style.minWidth="trigger"===c?`${t}px`:c),d&&(e.elements.popper.style.maxWidth="trigger"===d?`${t}px`:d),()=>{}}})),[l,c,d]),{styles:be,attributes:ve,update:ye,forceUpdate:Ee}=mt(oe,U,{placement:me,modifiers:[{name:"offset",options:{offset:[0,g]}},{name:"preventOverflow",enabled:F},{name:"hide",enabled:!0},{name:"flip",enabled:me.startsWith("auto")||S,options:{fallbackPlacements:"flip"===M?[ge]:M}},he]});a.useEffect((()=>{var e,n,i,a,r,o,l;const s=(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===(l=null===(o=null===(r=null==t?void 0:t.props)||void 0===r?void 0:r.children)||void 0===o?void 0:o.props)||void 0===l?void 0:l.children);X(s),s&&G&&s!==G&&Ee&&Ee()}),[t]),a.useEffect((()=>{re.current<T&&(q([ne,ae]),ae.current=setTimeout((()=>{ne.current=setTimeout((()=>{te(!1)}),j)}),T)),re.current=T}),[T]);a.useEffect((()=>{f?(A(),q([ne,ae]),ie.current=setTimeout((()=>{te(!0),Q(1),H()}),R)):(P(),q([ie]),ae.current=setTimeout((()=>{Q(0),ne.current=setTimeout((()=>{te(!1),L()}),j)}),T))}),[f]);const xe=Object.assign({className:s(t.props&&t.props.className,m&&(()=>{if(ve&&ve.popper&&ve.popper["data-popper-placement"]){const e=ve.popper["data-popper-placement"];return m[e]}return m.top})()),style:Object.assign(Object.assign(Object.assign({},t.props&&t.props.style||{}),be.popper),{zIndex:u,opacity:Z,transition:ht(j)})},ve.popper),we=()=>{const e=a.cloneElement(t,xe);return C?e:a.createElement("div",{style:{display:"contents"},ref:e=>K(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=>W(null==e?void 0:e.firstElementChild)},e),D&&e&&a.isValidElement(e)&&e,J&&le&&(()=>{if("inline"===p)return we();{const e="function"==typeof p?p():p;return r.createPortal(we(),e)}})())};bt.displayName="Popper";class vt 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:r,noEnterHandling:o,noSpaceHandling:l,updateTabIndex:s,validSiblingTags:c,additionalKeyHandler:d,createNavigableElements:p,onlyTraverseSiblings:u}=this.props;d&&d(e);const f=p();if(!f)return void console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");const m=e.key;o||"Enter"===m&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),l||" "===m&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),((e,t,n=(e=>document.activeElement.contains(e)),i=(e=>e),a=["A","BUTTON","INPUT"],r=!1,o=!1,l=!0,s=!0)=>{const c=document.activeElement,d=e.key;let p=null;if(!r&&["ArrowUp","ArrowDown"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let a=-1;t.forEach(((e,r)=>{if(n(e)){let e=0;for(;!p&&e<t.length&&-1*e<t.length;)"ArrowUp"===d?e--:e++,a=r+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(((r,o)=>{if(n(r)){const n=t[o].querySelectorAll(a.join(","));if(!n.length||s){let e=c;for(;e;){const t=e.parentElement===r?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&&(l&&(c.tabIndex=-1,p.tabIndex=0),p.focus())})(e,f,n,i,c,a,r,s,u)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){U&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){U&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}vt.displayName="KeyboardHandler",vt.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 yt=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"}),Et=a.createContext({itemId:null,isDisabled:!1});class xt extends a.Component{constructor(e){super(e),this.menuRef=a.createRef(),this.activeMenu=null,this.state={ouiaStateId:te(wt.displayName),transitionMoveTarget:null,flyoutRef:null,disableHover:!1,currentDrilldownMenuId:this.props.id},this.handleDrilldownTransition=e=>{const t=this.menuRef.current;if(t&&(t===e.target.closest(`.${d}`)||Array.from(t.getElementsByClassName(d)).includes(e.target.closest(`.${d}`))))if(this.state.transitionMoveTarget)this.state.transitionMoveTarget.focus(),this.setState({transitionMoveTarget:null});else{const e=t.querySelector("#"+this.props.activeMenu)||t||null,n=e.getElementsByTagName("UL");if(0===n.length)return;const i=Array.from(n[0].children);if(this.state.currentDrilldownMenuId&&e.id===this.state.currentDrilldownMenuId)return;this.setState({currentDrilldownMenuId:e.id});const a=i.filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c))))[0].firstChild;a.focus(),a.tabIndex=0}},this.handleExtraKeys=e=>{const t=this.props.containsDrilldown,n=document.activeElement;if(e.target.closest(`.${d}`)===this.activeMenu||e.target.classList.contains(I)||(this.activeMenu=e.target.closest(`.${d}`),this.setState({disableHover:!0})),"INPUT"===e.target.tagName)return;const i=this.activeMenu,a=e.key,r=n.classList.contains(I);if(" "===a||"Enter"===a){if(e.preventDefault(),t&&!r){if(n.closest("li").classList.contains("pf-m-current-path")&&"LI"===i.parentElement.tagName)n.tabIndex=-1,i.parentElement.firstChild.tabIndex=0,this.setState({transitionMoveTarget:i.parentElement.firstChild});else if(n.nextElementSibling&&n.nextElementSibling.classList.contains(d)){const e=Array.from(n.nextElementSibling.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c))));n.tabIndex=-1,e[0].firstChild.tabIndex=0,this.setState({transitionMoveTarget:e[0].firstChild})}}document.activeElement.click()}},this.createNavigableElements=()=>this.props.containsDrilldown?this.activeMenu?Array.from(this.activeMenu.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c)))):[]:this.menuRef.current?Array.from(this.menuRef.current.getElementsByTagName("LI")).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c)))):[],e.innerRef&&(this.menuRef=e.innerRef)}allowTabFirstItem(){const e=this.menuRef.current;if(e){const t=e.querySelector("ul button:not(:disabled), ul a:not(:disabled)");t&&(t.tabIndex=0)}}componentDidMount(){this.context&&this.setState({disableHover:this.context.disableHover}),U&&window.addEventListener("transitionend",this.props.isRootMenu?this.handleDrilldownTransition:null),this.allowTabFirstItem()}componentWillUnmount(){U&&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:r,selected:o=null,onActionClick:c,ouiaId:p,ouiaSafe:u,containsFlyout:f,containsDrilldown:m,isMenuDrilledIn:g,isPlain:h,isScrollable:b,drilldownItemPath:v,drilledInMenus:y,onDrillIn:E,onDrillOut:x,onGetMenuHeight:w,parentMenu:O=null,activeItemId:S=null,innerRef:M,isRootMenu:D,activeMenu:C,role:j,isNavFlyout:R}=e,T=l(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"]),L=g||y&&y.includes(t)||!1;return a.createElement(yt.Provider,{value:{menuId:t,parentMenu:O||t,onSelect:r,onActionClick:c,activeItemId:S,selected:o,drilledInMenus:y,drilldownItemPath:v,onDrillIn:E,onDrillOut:x,onGetMenuHeight:w,flyoutRef:this.state.flyoutRef,setFlyoutRef:e=>this.setState({flyoutRef:e}),disableHover:this.state.disableHover,role:j}},D&&a.createElement(vt,{containerRef:this.menuRef||null,additionalKeyHandler:this.handleExtraKeys,createNavigableElements:this.createNavigableElements,isActiveElement:e=>document.activeElement.closest("li")===e||document.activeElement.parentElement===e||document.activeElement.closest(`.${k}`)===e||document.activeElement.closest("ol")&&document.activeElement.closest("ol").firstChild===e,getFocusableElement:e=>{var t,n;return"DIV"===(null==e?void 0:e.tagName)&&e.querySelector("input")||"LABEL"===(null===(t=e.firstChild)||void 0===t?void 0:t.tagName)&&e.querySelector("input")||"DIV"===(null===(n=e.firstChild)||void 0===n?void 0:n.tagName)&&e.querySelector("a, button, input")||e.firstChild},noHorizontalArrowHandling:document.activeElement&&(document.activeElement.classList.contains(I)||"INPUT"===document.activeElement.tagName),noEnterHandling:!0,noSpaceHandling:!0}),a.createElement("div",Object.assign({id:t,className:s(d,h&&N.plain,b&&N.scrollable,f&&N.flyout,R&&"pf-m-nav",m&&N.drilldown,L&&N.drilledIn,i),ref:this.menuRef},Q(wt.displayName,void 0!==p?p:this.state.ouiaStateId,u),T),n))}}xt.displayName="Menu",xt.contextType=yt,xt.defaultProps={ouiaSafe:!0,isRootMenu:!0,isPlain:!1,isScrollable:!1,role:"menu"};const wt=a.forwardRef(((e,t)=>a.createElement(xt,Object.assign({},e,{innerRef:t}))));wt.displayName="Menu";var Ot={name:"--pf-v6-c-menu__content--Height",value:"auto",var:"var(--pf-v6-c-menu__content--Height)"};var kt={name:"--pf-v6-c-menu__content--MaxHeight",value:"18.75rem",var:"var(--pf-v6-c-menu__content--MaxHeight)"};const Nt=a.forwardRef(((e,t)=>{const{getHeight:n,children:i,menuHeight:r,maxMenuHeight:o}=e,c=l(e,["getHeight","children","menuHeight","maxMenuHeight"]),d=a.createRef();return a.createElement(yt.Consumer,null,(({menuId:l,onGetMenuHeight:u})=>a.createElement("div",Object.assign({},c,{className:s(p,e.className),ref:e=>((e,i,a)=>{if(e){let t=e.clientHeight,r=null,o=e.closest(`.${w}`);for(;null!==o&&1===o.nodeType;)o.classList.contains(w)&&(r=o),o=o.parentElement;if(r){const e=getComputedStyle(r);t+=parseFloat(e.getPropertyValue("padding-top").replace(/px/g,""))+parseFloat(e.getPropertyValue("padding-bottom").replace(/px/g,""))+parseFloat(getComputedStyle(r.parentElement).getPropertyValue("border-bottom-width").replace(/px/g,""))}a&&a(i,t),n&&n(t.toString())}return t||d})(e,l,u),style:Object.assign(Object.assign({},r&&{[Ot.name]:r}),o&&{[kt.name]:o})}),i)))}));Nt.displayName="MenuContent";var It={name:"--pf-v6-c-menu--m-flyout__menu--top-offset",value:"0px",var:"var(--pf-v6-c-menu--m-flyout__menu--top-offset)"};var St={name:"--pf-v6-c-menu--m-flyout__menu--m-left--right-offset",value:"0px",var:"var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset)"};var Mt={name:"--pf-v6-c-menu--m-flyout__menu--left-offset",value:"0px",var:"var(--pf-v6-c-menu--m-flyout__menu--left-offset)"};var Dt=H({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});var Ct=H({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});var jt=H({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});var Rt=H({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}),Tt="pf-v6-c-check",Lt="pf-v6-c-check__body",Pt="pf-v6-c-check__description",_t="pf-v6-c-check__input",At="pf-v6-c-check__label",Ht="pf-v6-c-check__label-required",Ft={standalone:"pf-m-standalone",disabled:"pf-m-disabled"};const Bt=()=>{};class $t extends a.Component{constructor(e){super(e),this.handleChange=e=>{this.props.onChange(e,e.currentTarget.checked)},this.state={ouiaStateId:te($t.displayName)}}render(){const e=this.props,{"aria-label":t,className:n,inputClassName:i,onChange:r,isLabelWrapped:o,labelPosition:c="end",isValid:d,isDisabled:p,isRequired:u,isChecked:f,label:m,checked:g,defaultChecked:h,description:b,body:v,ouiaId:y,ouiaSafe:E,component:x}=e,w=l(e,["aria-label","className","inputClassName","onChange","isLabelWrapped","labelPosition","isValid","isDisabled","isRequired","isChecked","label","checked","defaultChecked","description","body","ouiaId","ouiaSafe","component"]);w.id||console.error("Checkbox:","id is required to make input accessible");const O={};([!0,!1].includes(g)||!0===f)&&(O.checked=g||f),r!==Bt&&(O.checked=f),[!1,!0].includes(h)&&(O.defaultChecked=h);const k=a.createElement("input",Object.assign({},w,{className:s(_t,i),type:"checkbox",onChange:this.handleChange,"aria-invalid":!d,"aria-label":t,disabled:p,required:u,ref:e=>e&&(e.indeterminate=null===f)},O,Q($t.displayName,void 0!==y?y:this.state.ouiaStateId,E))),N=o&&!x||"label"===x,I=N?"span":"label",S=m?a.createElement(I,{className:s(At,p&&Ft.disabled),htmlFor:N?void 0:w.id},m,u&&a.createElement("span",{className:s(Ht),"aria-hidden":"true"},"*")):null,M=null!=x?x:N?"label":"div";return O.checked=null!==O.checked&&O.checked,a.createElement(M,{className:s(Tt,!m&&Ft.standalone,n),htmlFor:N?w.id:void 0},"start"===c?a.createElement(a.Fragment,null,S,k):a.createElement(a.Fragment,null,k,S),b&&a.createElement("span",{className:s(Pt)},b),v&&a.createElement("span",{className:s(Lt)},v))}}$t.displayName="Checkbox",$t.defaultProps={className:"",isLabelWrapped:!1,isValid:!0,isDisabled:!1,isRequired:!1,isChecked:!1,onChange:Bt,ouiaSafe:!0};var Wt=H({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}),zt={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"},Vt={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"};var Ut,qt={name:"--pf-v6-c-spinner--diameter",value:"1em",var:"var(--pf-v6-c-spinner--diameter)"};!function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(Ut||(Ut={}));const Kt=e=>{var{className:t="",size:n="xl","aria-valuetext":i="Loading...",diameter:r,isInline:o=!1,"aria-label":c,"aria-labelledBy":d}=e,p=l(e,["className","size","aria-valuetext","diameter","isInline","aria-label","aria-labelledBy"]);return a.createElement("svg",Object.assign({className:s(Vt.spinner,o?Vt.modifiers.inline:Vt.modifiers[n],t),role:"progressbar","aria-valuetext":i,viewBox:"0 0 100 100"},r&&{style:{[qt.name]:r}},c&&{"aria-label":c},d&&{"aria-labelledBy":d},!c&&!d&&{"aria-label":"Contents"},p),a.createElement("circle",{className:Vt.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"}))};Kt.displayName="Spinner";var Gt="pf-v6-c-badge",Xt={read:"pf-m-read",unread:"pf-m-unread"};const Jt=e=>{var{isRead:t=!1,className:n="",children:i="",screenReaderText:r}=e,o=l(e,["isRead","className","children","screenReaderText"]);return a.createElement("span",Object.assign({},o,{className:s(Gt,t?Xt.read:Xt.unread,n)}),i,r&&a.createElement("span",{className:"pf-v6-screen-reader"},r))};var Yt,Zt,Qt,en;Jt.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"}(Yt||(Yt={})),function(e){e.button="button",e.submit="submit",e.reset="reset"}(Zt||(Zt={})),function(e){e.default="default",e.sm="sm",e.lg="lg"}(Qt||(Qt={})),function(e){e.read="read",e.unread="unread",e.attention="attention"}(en||(en={}));const tn=e=>{var{children:t=null,className:n="",component:i="button",isClicked:r=!1,isBlock:o=!1,isDisabled:c=!1,isAriaDisabled:d=!1,isLoading:p=null,isDanger:u=!1,spinnerAriaValueText:f,spinnerAriaLabelledBy:m,spinnerAriaLabel:g,size:h=Qt.default,inoperableEvents:b=["onClick","onKeyPress"],isInline:v=!1,type:y=Zt.button,variant:E=Yt.primary,state:x=en.unread,hasNoPadding:w=!1,iconPosition:O="start","aria-label":k=null,icon:N=null,role:I,ouiaId:S,ouiaSafe:M=!0,tabIndex:D=null,innerRef:C,countOptions:j}=e,R=l(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 T=((e,t,n=!0,i)=>({"data-ouia-component-type":`PF6/${e}`,"data-ouia-safe":n,"data-ouia-component-id":ee(e,t,i)}))(nn.displayName,S,M,E),L=i,P="button"===L,_=v&&"span"===L,A=b.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{});return a.createElement(L,Object.assign({},R,d?A:null,{"aria-disabled":d||!P&&c,"aria-label":k,className:s(zt.button,zt.modifiers[E],o&&zt.modifiers.block,c&&!P&&zt.modifiers.disabled,d&&zt.modifiers.ariaDisabled,r&&zt.modifiers.clicked,v&&E===Yt.link&&zt.modifiers.inline,u&&(E===Yt.secondary||E===Yt.link)&&zt.modifiers.danger,null!==p&&E!==Yt.plain&&zt.modifiers.progress,p&&zt.modifiers.inProgress,w&&E===Yt.plain&&zt.modifiers.noPadding,E===Yt.stateful&&zt.modifiers[x],h===Qt.sm&&zt.modifiers.small,h===Qt.lg&&zt.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":I,ref:C},T),p&&a.createElement("span",{className:s(zt.buttonProgress)},a.createElement(Kt,{size:Ut.md,isInline:v,"aria-valuetext":f,"aria-label":g,"aria-labelledby":m})),E===Yt.plain&&null===t&&N?N:null,E!==Yt.plain&&N&&("start"===O||"left"===O)&&a.createElement("span",{className:s(zt.buttonIcon,zt.modifiers.start)},N),t,E!==Yt.plain&&N&&("end"===O||"right"===O)&&a.createElement("span",{className:s(zt.buttonIcon,zt.modifiers.end)},N),j&&a.createElement("span",{className:s(zt.buttonCount,j.className)},a.createElement(Jt,{isRead:j.isRead},j.count)))},nn=a.forwardRef(((e,t)=>a.createElement(tn,Object.assign({innerRef:t},e))));nn.displayName="Button";const an=e=>{var{className:t,icon:n,onClick:i,"aria-label":r,isFavorited:o=null,isDisabled:c,actionId:d,innerRef:p}=e,u=l(e,["className","icon","onClick","aria-label","isFavorited","isDisabled","actionId","innerRef"]);return a.createElement(yt.Consumer,null,(({onActionClick:e})=>a.createElement(Et.Consumer,null,(({itemId:l,isDisabled:m})=>a.createElement("div",Object.assign({className:s(f,null!==o&&"pf-m-favorite",o&&N.favorited,t)},u),a.createElement(nn,{"aria-label":r,onClick:t=>{i&&i(t),e&&e(t,l,d)},ref:p,role:"menuitem",variant:"plain",tabIndex:-1,isDisabled:c||m},"favorites"===n||null!==o?a.createElement(Wt,{"aria-hidden":!0}):n))))))},rn=a.forwardRef(((e,t)=>a.createElement(an,Object.assign({},e,{innerRef:t}))));rn.displayName="MenuItemAction";var on={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",sn="pf-v6-c-tooltip__arrow",cn="pf-v6-c-tooltip__content";const dn=e=>{var{className:t,children:n,isLeftAligned:i}=e,r=l(e,["className","children","isLeftAligned"]);return a.createElement("div",Object.assign({className:s(cn,i&&on.textAlignLeft,t)},r),n)};dn.displayName="TooltipContent";const pn=e=>{var{className:t}=e,n=l(e,["className"]);return a.createElement("div",Object.assign({className:s(sn,t)},n))};pn.displayName="TooltipArrow";var un,fn={name:"--pf-v6-c-tooltip--MaxWidth",value:"18.75rem",var:"var(--pf-v6-c-tooltip--MaxWidth)"};!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"}(un||(un={}));let mn=1;const gn=e=>{var{content:t,position:n="top",trigger:i="mouseenter focus",isVisible:r=!1,isContentLeftAligned:o=!1,enableFlip:c=!0,className:d="",entryDelay:p=300,exitDelay:u=300,appendTo:f=(()=>document.body),zIndex:m=9999,minWidth:g,maxWidth:h=fn.value,distance:b=15,aria:v="describedby",flipBehavior:y=["top","right","bottom","left","top","right","bottom"],id:E="pf-tooltip-"+mn++,children:x,animationDuration:w=300,triggerRef:O,"aria-live":k=(O?"polite":"off"),onTooltipHidden:N=(()=>{})}=e,I=l(e,["content","position","trigger","isVisible","isContentLeftAligned","enableFlip","className","entryDelay","exitDelay","appendTo","zIndex","minWidth","maxWidth","distance","aria","flipBehavior","id","children","animationDuration","triggerRef","aria-live","onTooltipHidden"]);const S=i.includes("mouseenter"),M=i.includes("focus"),D=i.includes("click"),C="manual"===i,[j,R]=a.useState(!1),T=a.createRef();a.useEffect((()=>{r?L():P()}),[r]);const L=()=>{R(!0)},P=()=>{R(!1)},_={top:on.top,bottom:on.bottom,left:on.left,right:on.right,"top-start":on.topLeft,"top-end":on.topRight,"bottom-start":on.bottomLeft,"bottom-end":on.bottomRight,"left-start":on.leftTop,"left-end":on.leftBottom,"right-start":on.rightTop,"right-end":on.rightBottom},A=h!==fn.value,H=a.createElement("div",Object.assign({"aria-live":k,className:s(ln,d),role:"tooltip",id:E,style:{maxWidth:A?h:null},ref:T},I),a.createElement(pn,null),a.createElement(dn,{isLeftAligned:o},t));return a.createElement(bt,{trigger:"none"!==v&&j?"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:O,popper:H,popperRef:T,minWidth:void 0!==g?g:"revert",appendTo:f,isVisible:j,positionModifiers:_,distance:b,placement:n,onMouseEnter:S&&L,onMouseLeave:S&&P,onPopperMouseEnter:S&&L,onPopperMouseLeave:S&&P,onFocus:M&&L,onBlur:M&&P,onDocumentClick:D&&((e,t)=>{j?P():e.target===t&&L()}),onDocumentKeyDown:C?null:e=>{C||e.key===z&&j&&P()},onTriggerEnter:C?null:e=>{e.key===V&&(j?P():L())},enableFlip:c,zIndex:m,flipBehavior:y,animationDuration:w,entryDelay:p,exitDelay:u,onHidden:N})};gn.displayName="Tooltip";const hn=a.createContext({direction:"right"}),bn=e=>{var{children:t,className:n,itemId:i=null,to:r,hasCheckbox:o=!1,isActive:p=null,isFavorited:f=null,isLoadButton:w=!1,isLoading:k=!1,flyoutMenu:I,direction:S,description:M=null,onClick:D=(()=>{}),component:C="button",isDisabled:j=!1,isAriaDisabled:R=!1,isExternalLink:T=!1,isSelected:L=null,isFocused:P,isDanger:_=!1,icon:A,actions:H,onShowFlyout:F,drilldownMenu:B,isOnPath:$,innerRef:W,id:z,"aria-label":V,tooltipProps:q,rel:K,target:G,download:J}=e,Y=l(e,["children","className","itemId","to","hasCheckbox","isActive","isFavorited","isLoadButton","isLoading","flyoutMenu","direction","description","onClick","component","isDisabled","isAriaDisabled","isExternalLink","isSelected","isFocused","isDanger","icon","actions","onShowFlyout","drilldownMenu","isOnPath","innerRef","id","aria-label","tooltipProps","rel","target","download"]);const{menuId:Z,parentMenu:Q,onSelect:ee,onActionClick:te,activeItemId:ne,selected:ie,drilldownItemPath:ae,onDrillIn:re,onDrillOut:oe,flyoutRef:le,setFlyoutRef:se,disableHover:ce,role:de}=a.useContext(yt);let pe=r?"a":C;o&&!r&&(pe="label");const[ue,fe]=a.useState(null),me=a.useContext(hn),[ge,he]=a.useState(me.direction),be=a.useRef(),ve=be===le,ye=void 0!==I,Ee=e=>{!ve&&e?se(be):ve&&!e&&se(null),F&&e&&F()};pt((()=>{if(ye&&be.current&&U){const e=be.current.lastElementChild;if(e&&e.classList.contains(d)){const t=be.current.getClientRects()[0],n=e.getClientRects()[0];if(t&&n){const i=t.x-n.width,a=window.innerWidth-t.x-t.width-n.width;let r=ge;a<0&&"left"!==r?(he("left"),r="left"):i<0&&"right"!==r&&(he("right"),r="right");let o=0;i<0&&a<0&&(o="right"===r?-a:-i),"left"===r?(e.classList.add(N.left),e.style.setProperty(St.name,`-${o}px`)):e.style.setProperty(Mt.name,`-${o}px`);const l=window.innerHeight-t.y-n.height;window.innerHeight-n.height<0&&l<0||l<0&&e.style.setProperty(It.name,`${l}px`)}}}}),[ve,I]),a.useEffect((()=>{he(me.direction)}),[me]),a.useEffect((()=>{if(ue)if(ve){const e=ue.nextElementSibling;Array.from(e.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(c))))[0].firstChild.focus()}else ue.focus()}),[ve,ue]);const xe=e=>{const t=e.key,n=e.target,i=e.type;" "!==t&&"Enter"!==t&&"ArrowRight"!==t&&"click"!==i||(e.stopPropagation(),e.preventDefault(),ve||(Ee(!0),fe(n))),"Escape"!==t&&"ArrowLeft"!==t||ve&&(e.stopPropagation(),Ee(!1))},we=(e,t)=>{R||(t&&t(e,i),D&&D(e))},Oe=$&&$||ae&&ae.includes(i)||!1;let ke;S&&(ke="down"===S?e=>re&&re(e,Z,"function"==typeof B?B().props.id:B.props.id,i):e=>oe&&oe(e,Q,i));let Ne={};"a"===pe?Ne={href:r,"aria-disabled":!(!j&&!R)||null,disabled:null,target:T?"_blank":G,rel:K,download:J}:"button"===pe&&(Ne={type:"button","aria-disabled":!!R||null}),$?Ne["aria-expanded"]=!0:ye&&(Ne["aria-haspopup"]="menu",Ne["aria-expanded"]=ve);const Ie=()=>null!==L?L: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 Se="listbox"===de,Me=a.createElement(a.Fragment,null,a.createElement(X,null,(e=>a.createElement(pe,Object.assign({id:z,tabIndex:-1,className:s(u,Ie()&&!o&&N.selected,n),"aria-current":null!==p?p?"page":null:null!==i&&null!==ne?i===ne:null},!o&&{disabled:j,"aria-label":V},!o&&!I&&{role:Se?"option":"menuitem"},!o&&!I&&Se&&{"aria-selected":Ie()},{ref:W},!o&&{onClick:e=>{R?e.preventDefault():(we(e,ee),ke&&ke(e),I&&xe(e))}},o&&{htmlFor:e},Ne),a.createElement("span",{className:s(v)},"up"===S&&a.createElement("span",{className:s(x)},a.createElement(jt,{"aria-hidden":!0})),A&&a.createElement("span",{className:s(b)},A),o&&a.createElement("span",{className:s(m)},a.createElement($t,{id:e,component:"span",isChecked:L||!1,onChange:e=>we(e,ee),isDisabled:j,"aria-disabled":R})),a.createElement("span",{className:s(E)},t),T&&a.createElement("span",{className:s(h)},a.createElement(Dt,{"aria-hidden":!0})),(I||"down"===S)&&a.createElement("span",{className:s(x)},a.createElement(Ct,{"aria-hidden":!0})),Ie()&&a.createElement("span",{className:s(y)},a.createElement(Rt,{"aria-hidden":!0}))),M&&"up"!==S&&a.createElement("span",{className:s(g)},a.createElement("span",null,M))))),ve&&a.createElement(yt.Provider,{value:{disableHover:ce}},a.createElement(hn.Provider,{value:{direction:ge}},I)),"function"==typeof B?B():B,a.createElement(Et.Provider,{value:{itemId:i,isDisabled:j}},H,null!==f&&a.createElement(rn,{icon:"favorites",isFavorited:f,"aria-label":f?"starred":"not starred",onClick:e=>te(e,i),tabIndex:-1,actionId:"fav"})));return a.createElement("li",Object.assign({className:s(O,j&&N.disabled,R&&N.ariaDisabled,Oe&&N.currentPath,w&&N.load,k&&N.loading,P&&"pf-m-focus",_&&N.danger,n),onMouseOver:()=>{R||ce||(ye?Ee(!0):se(null))}},I&&!R&&{onKeyDown:xe},{ref:be,role:o?"menuitem":"none"},o&&{"aria-label":V},Y),q?a.createElement(gn,Object.assign({},q),Me):Me)},vn=a.forwardRef(((e,t)=>a.createElement(bn,Object.assign({},e,{innerRef:t}))));vn.displayName="MenuItem";const yn=e=>{var{children:t=null,className:n,isAriaMultiselectable:i=!1,"aria-label":r}=e,o=l(e,["children","className","isAriaMultiselectable","aria-label"]);const{role:c}=a.useContext(yt);return a.createElement("ul",Object.assign({role:c},"listbox"===c&&{"aria-multiselectable":i},{className:s(w,n),"aria-label":r},o),t)};yn.displayName="MenuList";const En=e=>{var{children:n,className:i,onSelect:a,isOpen:r,selected:o,toggle:c,shouldFocusToggleOnSelect:d=!1,onOpenChange:p,onOpenChangeKeys:u=["Escape","Tab"],isPlain:f,innerRef:m,zIndex:g=9999,role:h="listbox",popperProps:b,menuHeight:v,maxMenuHeight:y,isScrollable:E}=e,x=l(e,["children","className","onSelect","isOpen","selected","toggle","shouldFocusToggleOnSelect","onOpenChange","onOpenChangeKeys","isPlain","innerRef","zIndex","role","popperProps","menuHeight","maxMenuHeight","isScrollable"]);const w=t.useRef(),O=t.useRef(),k=m||w,N="function"==typeof c||"function"!=typeof c&&!c.toggleRef?O:null==c?void 0:c.toggleRef;t.useEffect((()=>{const e=e=>{var t,n,i;r&&p&&((null===(t=k.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=N.current)||void 0===n?void 0:n.contains(e.target)))&&u.includes(e.key)&&(e.preventDefault(),p(!1),null===(i=N.current)||void 0===i||i.focus())},t=e=>{var t,n,i;r&&(null===(t=N.current)||void 0===t?void 0:t.contains(e.target))&&setTimeout((()=>{var e;const t=null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.querySelector("li button:not(:disabled),li input:not(:disabled)");t&&t.focus()}),0),r&&p&&!(null===(n=null==N?void 0:N.current)||void 0===n?void 0:n.contains(e.target))&&r&&!(null===(i=k.current)||void 0===i?void 0:i.contains(e.target))&&p(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[r,k,N,p,u]);const I=t.createElement(wt,Object.assign({role:h,className:s(i),ref:k,onSelect:(e,t)=>{a&&a(e,t),d&&N.current.focus()},isPlain:f,selected:o,isScrollable:E},Q(xn.displayName,void 0!==x.ouiaId?x.ouiaId:te(xn.displayName),void 0===x.ouiaSafe||x.ouiaSafe),x),t.createElement(Nt,{menuHeight:v,maxMenuHeight:y},n));return t.createElement(bt,Object.assign({trigger:"function"==typeof c?c(N):c.toggleNode,triggerRef:N,popper:I,popperRef:k,isVisible:r,zIndex:g},b))},xn=t.forwardRef(((e,n)=>t.createElement(En,Object.assign({innerRef:n},e))));xn.displayName="Select";const wn=e=>{var{children:n,className:i,isAriaMultiselectable:a=!1}=e,r=l(e,["children","className","isAriaMultiselectable"]);return t.createElement(yn,Object.assign({isAriaMultiselectable:a,className:s(i)},r),n)};wn.displayName="SelectList";const On=e=>{var{children:n,className:i,innerRef:a,value:r}=e,o=l(e,["children","className","innerRef","value"]);return t.createElement(vn,Object.assign({itemId:r,ref:a,className:s(i)},o),n)},kn=t.forwardRef(((e,n)=>t.createElement(On,Object.assign({},e,{innerRef:n}))));kn.displayName="SelectOption";var Nn={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",active:"pf-m-active",disabled:"pf-m-disabled",small:"pf-m-small",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger",splitButton:"pf-m-split-button",action:"pf-m-action",typeahead:"pf-m-typeahead"},textInputGroup:"pf-v6-c-text-input-group"};var In,Sn=H({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});!function(e){e.success="success",e.danger="danger",e.warning="warning"}(In||(In={}));class Mn extends a.Component{constructor(){super(...arguments),this.displayName="MenuToggleBase"}render(){const e=this.props,{children:t,className:n,icon:i,badge:r,isExpanded:o,isDisabled:c,isFullHeight:d,isFullWidth:p,splitButtonOptions:u,variant:f,status:m,statusIcon:g,innerRef:h,onClick:b,"aria-label":v}=e,y=l(e,["children","className","icon","badge","isExpanded","isDisabled","isFullHeight","isFullWidth","splitButtonOptions","variant","status","statusIcon","innerRef","onClick","aria-label"]),E="plain"===f,x="plainText"===f,w="typeahead"===f;let O=g;if(!g)switch(m){case In.success:O=a.createElement(F,{"aria-hidden":"true"});break;case In.warning:O=a.createElement(W,{"aria-hidden":"true"});break;case In.danger:O=a.createElement(B,{"aria-hidden":"true"})}const k=a.createElement("span",{className:s(Nn.menuToggleControls)},void 0!==m&&a.createElement("span",{className:s(Nn.menuToggleStatusIcon)},O),a.createElement("span",{className:s(Nn.menuToggleToggleIcon)},a.createElement(Sn,{"aria-hidden":!0}))),N=a.createElement(a.Fragment,null,i&&a.createElement("span",{className:s(Nn.menuToggleIcon)},i),w?t:t&&a.createElement("span",{className:s(Nn.menuToggleText)},t),a.isValidElement(r)&&a.createElement("span",{className:s(Nn.menuToggleCount)},r),w?a.createElement("button",{type:"button",className:s(Nn.menuToggleButton),"aria-expanded":o,onClick:b,"aria-label":v||"Menu toggle"},k):!E&&k),I=s(Nn.menuToggle,o&&Nn.modifiers.expanded,"primary"===f&&Nn.modifiers.primary,"secondary"===f&&Nn.modifiers.secondary,m&&Nn.modifiers[m],(E||x)&&Nn.modifiers.plain,x&&"pf-m-text",d&&Nn.modifiers.fullHeight,p&&Nn.modifiers.fullWidth,c&&Nn.modifiers.disabled,n),S=Object.assign(Object.assign({children:N},c&&{disabled:!0}),y);return w?a.createElement("div",Object.assign({ref:h,className:s(I,Nn.modifiers.typeahead)},S)):u?a.createElement("div",{ref:h,className:s(I,Nn.modifiers.splitButton,"action"===(null==u?void 0:u.variant)&&Nn.modifiers.action)},null==u?void 0:u.items,a.createElement("button",Object.assign({className:s(Nn.menuToggleButton),type:"button","aria-expanded":o,"aria-label":v,disabled:c,onClick:b},t&&{style:{display:"flex",paddingLeft:"var(--pf-v5-global--spacer--sm)"}},y),t&&a.createElement("span",{className:s(Nn.menuToggleText)},t),k)):a.createElement("button",Object.assign({className:s(I),type:"button","aria-label":v,"aria-expanded":o,ref:h,disabled:c,onClick:b},S))}}Mn.defaultProps={className:"",isExpanded:!1,isDisabled:!1,isFullWidth:!1,isFullHeight:!1};const Dn=a.forwardRef(((e,t)=>a.createElement(Mn,Object.assign({innerRef:t},e))));Dn.displayName="MenuToggle";const Cn=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:r,onToggle:l,toggleContent:s,toggleWidth:c="200px"}=e,d=o(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent","toggleWidth"]);const[p,u]=t.useState(!1),[f,m]=t.useState("Select a value"),g=null==i?void 0:i.map((e=>{const{content:n,value:i}=e,a=o(e,["content","value"]),r=f.includes(`${i}`);return t.createElement(kn,Object.assign({},a,{value:i,key:i,isSelected:r}),n)})),h=()=>{l&&l(!p),u(!p)};return t.createElement(xn,Object.assign({id:"single-select",isOpen:p,selected:f,onSelect:(e,t)=>{r&&r(e,t),m(t),u(!1)},onOpenChange:e=>u(e),toggle:e=>t.createElement(Dn,{ref:e,onClick:h,isExpanded:p,isDisabled:a,style:{width:c}},s||f),shouldFocusToggleOnSelect:!0,ref:n},d),t.createElement(wn,null,g))},jn=t.forwardRef(((e,n)=>t.createElement(Cn,Object.assign({},e,{innerRef:n}))));jn.displayName="SelectSimple";const Rn=e=>{var{innerRef:n,initialOptions:i,isDisabled:a,onSelect:r,onToggle:l,toggleContent:s}=e,c=o(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent"]);const[d,p]=t.useState(!1),[u,f]=t.useState([]),m=null==i?void 0:i.map((e=>{const{content:n,value:i}=e,a=o(e,["content","value"]),r=u.includes(`${i}`);return t.createElement(kn,Object.assign({},a,{value:i,key:i,hasCheckbox:!0,isSelected:r}),n)})),g=()=>{l&&l(!d),p(!d)},h=t.createElement(t.Fragment,null,"Filter by status",u.length>0&&t.createElement(Jt,{isRead:!0},u.length));return t.createElement(xn,Object.assign({id:"checkbox-select",isOpen:d,selected:u,onSelect:(e,t)=>{const n=`${t}`;u.includes(n)?f((e=>e.filter((e=>e!==n)))):f((e=>[...e,n])),r&&r(e,t)},onOpenChange:e=>p(e),toggle:e=>t.createElement(Dn,{ref:e,onClick:g,isExpanded:d,isDisabled:a,style:{width:"200px"}},s||h),ref:n,role:"menu"},c),t.createElement(wn,null,m))},Tn=t.forwardRef(((e,n)=>t.createElement(Rn,Object.assign({},e,{innerRef:n}))));e.CheckboxSelect=Tn,e.SelectSimple=jn}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-templates",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0-alpha.10",
|
|
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,10 +33,10 @@
|
|
|
33
33
|
"subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@patternfly/react-core": "^
|
|
37
|
-
"@patternfly/react-icons": "^
|
|
38
|
-
"@patternfly/react-styles": "^
|
|
39
|
-
"@patternfly/react-tokens": "^
|
|
36
|
+
"@patternfly/react-core": "^6.0.0-alpha.60",
|
|
37
|
+
"@patternfly/react-icons": "^6.0.0-alpha.22",
|
|
38
|
+
"@patternfly/react-styles": "^6.0.0-alpha.22",
|
|
39
|
+
"@patternfly/react-tokens": "^6.0.0-alpha.22",
|
|
40
40
|
"tslib": "^2.5.0"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
@@ -44,7 +44,8 @@
|
|
|
44
44
|
"react-dom": "^17 || ^18"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
+
"rimraf": "^2.6.2",
|
|
47
48
|
"typescript": "^4.7.4"
|
|
48
49
|
},
|
|
49
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "a104a4b6124ea9ba1a0581bd983c6c48471fd8cd"
|
|
50
51
|
}
|