@patternfly/patternfly-doc-core 1.9.0 → 1.10.0

package/cli/convertToMDX.ts

@@ -1,32 +1,87 @@
-import { readFile, writeFile } from 'fs/promises'
+import { readFile, writeFile, unlink } from 'fs/promises'
 import { glob } from 'glob'
+import path from 'path'
 
-export async function convertToMDX(globPath: string) {
-  const files = await glob(globPath)
+function handleTsExamples(content: string): string {
+  //regex link: https://regexr.com/8f0bu
+  const ExampleBlockRegex = /```[tj]s file=['"]\.?\/?(\w*)\.(\w*)['"]\s*\n```/g
+
+  //the first capture group is the example file name without the extension or path, the second is the extension
+  const replacementString = `\nimport $1 from "./$1.$2?raw"\n\n<LiveExample src={$1} />`
+  return content.replace(ExampleBlockRegex, replacementString)
+}
+
+async function handleHTMLExamples(
+  content: string,
+  fileDir: string,
+): Promise<string> {
+  const htmlCodeFenceRegex = /```html\n([\s\S]*?)\n```/g
+  const matches = Array.from(content.matchAll(htmlCodeFenceRegex))
 
-  files.forEach(async (file) => {
-    const fileContent = await readFile(file, 'utf-8')
+  const replacements = await Promise.all(
+    matches.map(async (match, index) => {
+      const htmlContent = match[1]
+      const exampleName = `Example${index + 1}`
+      const htmlFilePath = path.join(fileDir, `${exampleName}.html`)
 
-    //regex link: https://regexr.com/8f0er
-    const importRegex = /(?<!```no[lL]ive\n)import {?[\w\s,\n]*}?.*\n/g
+      await writeFile(htmlFilePath, htmlContent)
 
-    //removes all top level imports from the md file that the old docs framework used to determine what imports are needed
-    const withoutImports = fileContent.replace(importRegex, '')
+      return {
+        original: match[0],
+        replacement: `\nimport ${exampleName} from './${exampleName}.html?raw'\n\n<LiveExample html={${exampleName}} />`,
+      }
+    }),
+  )
 
-    //regex link: https://regexr.com/8f0bu
-    const ExampleBlockRegex =
-      /```[tj]s file=['"]\.?\/?(\w*)\.(\w*)['"]\s*\n```/g
+  return replacements.reduce(
+    (result, { original, replacement }) =>
+      result.replace(original, replacement),
+    content,
+  )
+}
 
-    //the first capture group is the example file name without the extension or path, the second is the extension
-    const replacementString = `\nimport $1 from "./$1.$2?raw"\n\n<LiveExample src={$1} />`
-    const examplesConvertedToMDX = withoutImports.replace(
-      ExampleBlockRegex,
-      replacementString,
-    )
+function removeNoLiveTags(content: string): string {
+  return content.replace(/```no[lL]ive/g, '```')
+}
 
-    //we want to strip the nolive/noLive tags from codeblocks as that was custom to the old docs framework
-    const noLiveRemoved = examplesConvertedToMDX.replace(/```no[lL]ive/g, '```')
+function removeExistingImports(content: string): string {
+  // Remove imports that don't end in .css
+  const importRegex = /^import {?[\w\s,\n]*}? from ['"](?!.*\.css['"])[^'"]*['"]\n/gm
+  return content.replace(importRegex, '')
+}
 
-    await writeFile(file + 'x', noLiveRemoved)
-  })
+function convertCommentsToMDX(content: string): string {
+  return content.replace(
+    /<!--([\s\S]*?)-->/g,
+    (_, comment) => `{/*${comment}*/}`,
+  )
+}
+
+async function processFile(file: string): Promise<void> {
+  const fileContent = await readFile(file, 'utf-8')
+  const fileDir = path.dirname(file)
+
+  const transformations = [
+    removeNoLiveTags,
+    removeExistingImports,
+    (content: string) => handleHTMLExamples(content, fileDir),
+    handleTsExamples,
+    convertCommentsToMDX,
+  ]
+
+  const processedContent = await transformations.reduce(
+    async (contentPromise, transform) => {
+      const content = await contentPromise
+      return transform(content)
+    },
+    Promise.resolve(fileContent),
+  )
+
+  await writeFile(file + 'x', processedContent)
+  await unlink(file)
+}
+
+export async function convertToMDX(globPath: string): Promise<void> {
+  const files = await glob(globPath)
+  await Promise.all(files.map(processFile))
 }

package/dist/cli/convertToMDX.js

@@ -1,20 +1,57 @@
-import { readFile, writeFile } from 'fs/promises';
+import { readFile, writeFile, unlink } from 'fs/promises';
 import { glob } from 'glob';
+import path from 'path';
+function handleTsExamples(content) {
+    //regex link: https://regexr.com/8f0bu
+    const ExampleBlockRegex = /```[tj]s file=['"]\.?\/?(\w*)\.(\w*)['"]\s*\n```/g;
+    //the first capture group is the example file name without the extension or path, the second is the extension
+    const replacementString = `\nimport $1 from "./$1.$2?raw"\n\n<LiveExample src={$1} />`;
+    return content.replace(ExampleBlockRegex, replacementString);
+}
+async function handleHTMLExamples(content, fileDir) {
+    const htmlCodeFenceRegex = /```html\n([\s\S]*?)\n```/g;
+    const matches = Array.from(content.matchAll(htmlCodeFenceRegex));
+    const replacements = await Promise.all(matches.map(async (match, index) => {
+        const htmlContent = match[1];
+        const exampleName = `Example${index + 1}`;
+        const htmlFilePath = path.join(fileDir, `${exampleName}.html`);
+        await writeFile(htmlFilePath, htmlContent);
+        return {
+            original: match[0],
+            replacement: `\nimport ${exampleName} from './${exampleName}.html?raw'\n\n<LiveExample html={${exampleName}} />`,
+        };
+    }));
+    return replacements.reduce((result, { original, replacement }) => result.replace(original, replacement), content);
+}
+function removeNoLiveTags(content) {
+    return content.replace(/```no[lL]ive/g, '```');
+}
+function removeExistingImports(content) {
+    // Remove imports that don't end in .css
+    const importRegex = /^import {?[\w\s,\n]*}? from ['"](?!.*\.css['"])[^'"]*['"]\n/gm;
+    return content.replace(importRegex, '');
+}
+function convertCommentsToMDX(content) {
+    return content.replace(/<!--([\s\S]*?)-->/g, (_, comment) => `{/*${comment}*/}`);
+}
+async function processFile(file) {
+    const fileContent = await readFile(file, 'utf-8');
+    const fileDir = path.dirname(file);
+    const transformations = [
+        removeNoLiveTags,
+        removeExistingImports,
+        (content) => handleHTMLExamples(content, fileDir),
+        handleTsExamples,
+        convertCommentsToMDX,
+    ];
+    const processedContent = await transformations.reduce(async (contentPromise, transform) => {
+        const content = await contentPromise;
+        return transform(content);
+    }, Promise.resolve(fileContent));
+    await writeFile(file + 'x', processedContent);
+    await unlink(file);
+}
 export async function convertToMDX(globPath) {
     const files = await glob(globPath);
-    files.forEach(async (file) => {
-        const fileContent = await readFile(file, 'utf-8');
-        //regex link: https://regexr.com/8f0er
-        const importRegex = /(?<!```no[lL]ive\n)import {?[\w\s,\n]*}?.*\n/g;
-        //removes all top level imports from the md file that the old docs framework used to determine what imports are needed
-        const withoutImports = fileContent.replace(importRegex, '');
-        //regex link: https://regexr.com/8f0bu
-        const ExampleBlockRegex = /```[tj]s file=['"]\.?\/?(\w*)\.(\w*)['"]\s*\n```/g;
-        //the first capture group is the example file name without the extension or path, the second is the extension
-        const replacementString = `\nimport $1 from "./$1.$2?raw"\n\n<LiveExample src={$1} />`;
-        const examplesConvertedToMDX = withoutImports.replace(ExampleBlockRegex, replacementString);
-        //we want to strip the nolive/noLive tags from codeblocks as that was custom to the old docs framework
-        const noLiveRemoved = examplesConvertedToMDX.replace(/```no[lL]ive/g, '```');
-        await writeFile(file + 'x', noLiveRemoved);
-    });
+    await Promise.all(files.map(processFile));
 }

package/dist/client/_astro/{LiveExample.DZkxbJA_.js → LiveExample.DjPiO80i.js}

@@ -256,4 +256,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       monaco.config({ paths: { vs: '...' } })
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
-  `},oo=SG2(OG2)(LH),PG2={config:BG2},HG2=function(){for(var t=arguments.length,o=new Array(t),c=0;c<t;c++)o[c]=arguments[c];return function(l){return o.reduceRight(function(r,i){return i(r)},l)}};function BH(a,t){return Object.keys(t).forEach(function(o){t[o]instanceof Object&&a[o]&&Object.assign(t[o],BH(a[o],t[o]))}),Q4(Q4({},a),t)}var EG2={type:"cancelation",msg:"operation is manually canceled"};function ka(a){var t=!1,o=new Promise(function(c,l){a.then(function(r){return t?l(EG2):c(r)}),a.catch(l)});return o.cancel=function(){return t=!0},o}var VG2=wG2.create({config:yG2,isInitialized:!1,resolve:null,reject:null,monaco:null}),MH=lG2(VG2,2),p6=MH[0],sa=MH[1];function TG2(a){var t=PG2.config(a),o=t.monaco,c=cG2(t,["monaco"]);sa(function(l){return{config:BH(l.config,c),monaco:o}})}function AG2(){var a=p6(function(t){var o=t.monaco,c=t.isInitialized,l=t.resolve;return{monaco:o,isInitialized:c,resolve:l}});if(!a.isInitialized){if(sa({isInitialized:!0}),a.monaco)return a.resolve(a.monaco),ka(wa);if(window.monaco&&window.monaco.editor)return OH(window.monaco),a.resolve(window.monaco),ka(wa);HG2(FG2,WG2)(NG2)}return ka(wa)}function FG2(a){return document.body.appendChild(a)}function jG2(a){var t=document.createElement("script");return a&&(t.src=a),t}function WG2(a){var t=p6(function(c){var l=c.config,r=c.reject;return{config:l,reject:r}}),o=jG2("".concat(t.config.paths.vs,"/loader.js"));return o.onload=function(){return a()},o.onerror=t.reject,o}function NG2(){var a=p6(function(o){var c=o.config,l=o.resolve,r=o.reject;return{config:c,resolve:l,reject:r}}),t=window.require;t.config(a.config),t(["vs/editor/editor.main"],function(o){OH(o),a.resolve(o)},function(o){a.reject(o)})}function OH(a){p6().monaco||sa({monaco:a})}function DG2(){return p6(function(a){var t=a.monaco;return t})}var wa=new Promise(function(a,t){return sa({resolve:a,reject:t})}),PH={config:TG2,init:AG2,__getMonacoInstance:DG2},RG2={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},ya=RG2,GG2={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},ZG2=GG2;function UG2({children:a}){return i2.createElement("div",{style:ZG2.container},a)}var qG2=UG2,XG2=qG2;function $G2({width:a,height:t,isEditorReady:o,loading:c,_ref:l,className:r,wrapperProps:i}){return i2.createElement("section",{style:{...ya.wrapper,width:a,height:t},...i},!o&&i2.createElement(XG2,null,c),i2.createElement("div",{ref:l,style:{...ya.fullWidth,...!o&&ya.hide},className:r}))}var KG2=$G2,HH=m.memo(KG2);function YG2(a){m.useEffect(a,[])}var EH=YG2;function JG2(a,t,o=!0){let c=m.useRef(!0);m.useEffect(c.current||!o?()=>{c.current=!1}:a,t)}var r2=JG2;function De(){}function ie(a,t,o,c){return QG2(a,c)||eZ2(a,t,o,c)}function QG2(a,t){return a.editor.getModel(VH(a,t))}function eZ2(a,t,o,c){return a.editor.createModel(t,o,c?VH(a,c):void 0)}function VH(a,t){return a.Uri.parse(t)}function aZ2({original:a,modified:t,language:o,originalLanguage:c,modifiedLanguage:l,originalModelPath:r,modifiedModelPath:i,keepCurrentOriginalModel:s=!1,keepCurrentModifiedModel:p=!1,theme:v="light",loading:d="Loading...",options:f={},height:g="100%",width:h="100%",className:u,wrapperProps:x={},beforeMount:C=De,onMount:z=De}){let[w,I]=m.useState(!1),[k,S]=m.useState(!0),T=m.useRef(null),P=m.useRef(null),V=m.useRef(null),L=m.useRef(z),M=m.useRef(C),y=m.useRef(!1);EH(()=>{let E=PH.init();return E.then(F=>(P.current=F)&&S(!1)).catch(F=>F?.type!=="cancelation"&&console.error("Monaco initialization: error:",F)),()=>T.current?O():E.cancel()}),r2(()=>{if(T.current&&P.current){let E=T.current.getOriginalEditor(),F=ie(P.current,a||"",c||o||"text",r||"");F!==E.getModel()&&E.setModel(F)}},[r],w),r2(()=>{if(T.current&&P.current){let E=T.current.getModifiedEditor(),F=ie(P.current,t||"",l||o||"text",i||"");F!==E.getModel()&&E.setModel(F)}},[i],w),r2(()=>{let E=T.current.getModifiedEditor();E.getOption(P.current.editor.EditorOption.readOnly)?E.setValue(t||""):t!==E.getValue()&&(E.executeEdits("",[{range:E.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),E.pushUndoStop())},[t],w),r2(()=>{T.current?.getModel()?.original.setValue(a||"")},[a],w),r2(()=>{let{original:E,modified:F}=T.current.getModel();P.current.editor.setModelLanguage(E,c||o||"text"),P.current.editor.setModelLanguage(F,l||o||"text")},[o,c,l],w),r2(()=>{P.current?.editor.setTheme(v)},[v],w),r2(()=>{T.current?.updateOptions(f)},[f],w);let B=m.useCallback(()=>{if(!P.current)return;M.current(P.current);let E=ie(P.current,a||"",c||o||"text",r||""),F=ie(P.current,t||"",l||o||"text",i||"");T.current?.setModel({original:E,modified:F})},[o,t,l,a,c,r,i]),A=m.useCallback(()=>{!y.current&&V.current&&(T.current=P.current.editor.createDiffEditor(V.current,{automaticLayout:!0,...f}),B(),P.current?.editor.setTheme(v),I(!0),y.current=!0)},[f,v,B]);m.useEffect(()=>{w&&L.current(T.current,P.current)},[w]),m.useEffect(()=>{!k&&!w&&A()},[k,w,A]);function O(){let E=T.current?.getModel();s||E?.original?.dispose(),p||E?.modified?.dispose(),T.current?.dispose()}return i2.createElement(HH,{width:h,height:g,isEditorReady:w,loading:d,_ref:V,className:u,wrapperProps:x})}var tZ2=aZ2;m.memo(tZ2);function oZ2(a){let t=m.useRef();return m.useEffect(()=>{t.current=a},[a]),t.current}var nZ2=oZ2,z6=new Map;function cZ2({defaultValue:a,defaultLanguage:t,defaultPath:o,value:c,language:l,path:r,theme:i="light",line:s,loading:p="Loading...",options:v={},overrideServices:d={},saveViewState:f=!0,keepCurrentModel:g=!1,width:h="100%",height:u="100%",className:x,wrapperProps:C={},beforeMount:z=De,onMount:w=De,onChange:I,onValidate:k=De}){let[S,T]=m.useState(!1),[P,V]=m.useState(!0),L=m.useRef(null),M=m.useRef(null),y=m.useRef(null),B=m.useRef(w),A=m.useRef(z),O=m.useRef(),E=m.useRef(c),F=nZ2(r),X=m.useRef(!1),N=m.useRef(!1);EH(()=>{let q=PH.init();return q.then($=>(L.current=$)&&V(!1)).catch($=>$?.type!=="cancelation"&&console.error("Monaco initialization: error:",$)),()=>M.current?U():q.cancel()}),r2(()=>{let q=ie(L.current,a||c||"",t||l||"",r||o||"");q!==M.current?.getModel()&&(f&&z6.set(F,M.current?.saveViewState()),M.current?.setModel(q),f&&M.current?.restoreViewState(z6.get(r)))},[r],S),r2(()=>{M.current?.updateOptions(v)},[v],S),r2(()=>{!M.current||c===void 0||(M.current.getOption(L.current.editor.EditorOption.readOnly)?M.current.setValue(c):c!==M.current.getValue()&&(N.current=!0,M.current.executeEdits("",[{range:M.current.getModel().getFullModelRange(),text:c,forceMoveMarkers:!0}]),M.current.pushUndoStop(),N.current=!1))},[c],S),r2(()=>{let q=M.current?.getModel();q&&l&&L.current?.editor.setModelLanguage(q,l)},[l],S),r2(()=>{s!==void 0&&M.current?.revealLine(s)},[s],S),r2(()=>{L.current?.editor.setTheme(i)},[i],S);let R=m.useCallback(()=>{if(!(!y.current||!L.current)&&!X.current){A.current(L.current);let q=r||o,$=ie(L.current,c||a||"",t||l||"",q||"");M.current=L.current?.editor.create(y.current,{model:$,automaticLayout:!0,...v},d),f&&M.current.restoreViewState(z6.get(q)),L.current.editor.setTheme(i),s!==void 0&&M.current.revealLine(s),T(!0),X.current=!0}},[a,t,o,c,l,r,v,d,f,i,s]);m.useEffect(()=>{S&&B.current(M.current,L.current)},[S]),m.useEffect(()=>{!P&&!S&&R()},[P,S,R]),E.current=c,m.useEffect(()=>{S&&I&&(O.current?.dispose(),O.current=M.current?.onDidChangeModelContent(q=>{N.current||I(M.current.getValue(),q)}))},[S,I]),m.useEffect(()=>{if(S){let q=L.current.editor.onDidChangeMarkers($=>{let J=M.current.getModel()?.uri;if(J&&$.find(a1=>a1.path===J.path)){let a1=L.current.editor.getModelMarkers({resource:J});k?.(a1)}});return()=>{q?.dispose()}}return()=>{}},[S,k]);function U(){O.current?.dispose(),g?f&&z6.set(r,M.current.saveViewState()):M.current.getModel()?.dispose(),M.current.dispose()}return i2.createElement(HH,{width:h,height:u,isEditorReady:S,loading:p,_ref:y,className:x,wrapperProps:C})}var lZ2=cZ2,rZ2=m.memo(lZ2),iZ2=rZ2;const TH=m.createContext(null),W2=a=>{var{icon:t,className:o,"aria-label":c,onClick:l=()=>{},isVisible:r=!0,tooltipProps:i={}}=a,s=b(a,["icon","className","aria-label","onClick","isVisible","tooltipProps"]);const p=m.useContext(TH),v=d=>{l(p.code,d)};return r?n.jsx(G1,Object.assign({},i,{children:n.jsx(Y,Object.assign({className:o,onClick:v,variant:"plain","aria-label":c},s,{icon:t}))})):null};W2.displayName="CodeEditorControl";var o2;(function(a){a.abap="abap",a.aes="aes",a.apex="apex",a.azcli="azcli",a.bat="bat",a.bicep="bicep",a.c="c",a.cameligo="cameligo",a.clojure="clojure",a.coffeescript="coffeescript",a.cpp="cpp",a.csharp="csharp",a.csp="csp",a.css="css",a.dart="dart",a.dockerfile="dockerfile",a.ecl="ecl",a.elixir="elixir",a.fsharp="fsharp",a.go="go",a.graphql="graphql",a.handlebars="handlebars",a.hcl="hcl",a.html="html",a.ini="ini",a.java="java",a.javascript="javascript",a.json="json",a.julia="julia",a.kotlin="kotlin",a.less="less",a.lexon="lexon",a.liquid="liquid",a.lua="lua",a.m3="m3",a.markdown="markdown",a.mips="mips",a.msdax="msdax",a.mysql="mysql",a["objective-c"]="objective-c",a.pascal="pascal",a.pascaligo="pascaligo",a.perl="perl",a.pgsql="pgsql",a.php="php",a.plaintext="plaintext",a.postiats="postiats",a.powerquery="powerquery",a.powershell="powershell",a.pug="pug",a.python="python",a.r="r",a.razor="razor",a.redis="redis",a.redshift="redshift",a.restructuredtext="restructuredtext",a.ruby="ruby",a.rust="rust",a.sb="sb",a.scala="scala",a.scheme="scheme",a.scss="scss",a.shell="shell",a.sol="sol",a.sql="sql",a.st="st",a.swift="swift",a.systemverilog="systemverilog",a.tcl="tcl",a.twig="twig",a.typescript="typescript",a.vb="vb",a.verilog="verilog",a.xml="xml",a.yaml="yaml"})(o2||(o2={}));const sZ2=a=>{switch(a){case o2.shell:return"sh";case o2.ruby:return"rb";case o2.perl:return"pl";case o2.python:return"py";case o2.mysql:return"sql";case o2.javascript:return"js";case o2.typescript:return"ts";case o2.markdown:return"md";case o2.plaintext:return"txt";default:return a.toString()}},_Z2=(a,t)=>{const o=document.createElement("a");o.href=URL.createObjectURL(new Blob([a],{type:"text"})),o.download=t,o.click()},AH=({className:a="",code:t="",copyButtonAriaLabel:o="Copy code to clipboard",copyButtonSuccessTooltipText:c="Content added to clipboard",copyButtonToolTipText:l="Copy to clipboard",customControls:r=null,downloadButtonAriaLabel:i="Download code",downloadButtonToolTipText:s="Download",downloadFileName:p=Date.now().toString(),editorProps:v,emptyState:d="",emptyStateBody:f="Drag and drop a file or upload one.",emptyStateButton:g="Browse",emptyStateLink:h="Start from scratch",emptyStateTitle:u="Start editing",headerMainContent:x="",height:C,isCopyEnabled:z=!1,isDarkTheme:w=!1,isDownloadEnabled:I=!1,isFullHeight:k=!1,isHeaderPlain:S=!1,isLanguageLabelVisible:T=!1,isLineNumbersVisible:P=!0,isMinimapVisible:V=!1,isReadOnly:L=!1,isUploadEnabled:M=!1,language:y=o2.plaintext,loading:B="",onChange:A=()=>{},onCodeChange:O=()=>{},onDownload:E=_Z2,onEditorDidMount:F=()=>{},options:X={},overrideServices:N={},shortcutsPopoverButtonText:R="View Shortcuts",shortcutsPopoverProps:U={bodyContent:"","aria-label":"Keyboard Shortcuts"},showEditor:q=!0,toolTipCopyExitDelay:$=1600,toolTipDelay:J=300,toolTipMaxWidth:a1="100px",toolTipPosition:o1="top",uploadButtonAriaLabel:s1="Upload code",uploadButtonToolTipText:I1="Upload",width:m1=""})=>{const[u1,k1]=m.useState(t),[w1,v1]=m.useState(!1),[C1,x1]=m.useState(!0),[b1,B1]=m.useState(!1),i1=m.useRef(null),e1=m.useRef(null),G=m.useRef(null),W=m.useRef(()=>{}),H=()=>{var _1,y1,W1;const d2=(_1=i1.current)===null||_1===void 0?void 0:_1.getContentHeight(),Ee=(y1=i1.current)===null||y1===void 0?void 0:y1.getLayoutInfo();(W1=i1.current)===null||W1===void 0||W1.layout({width:Ee.width,height:d2})},Z=(_1,y1)=>{C==="sizeToFit"&&H(),A&&A(_1,y1),k1(_1),O(_1)},D=()=>{i1.current&&(i1.current.layout({width:0,height:0}),i1.current.layout())},j=_1=>{var y1;e1.current===document.activeElement&&(_1.key==="ArrowDown"||_1.key===" ")&&((y1=i1.current)===null||y1===void 0||y1.focus(),_1.preventDefault())};m.useEffect(()=>k1(t),[t]),m.useEffect(()=>(document.addEventListener("keydown",j),W.current=G2(G.current,D,!0),D(),()=>{document.removeEventListener("keydown",j),W.current()}),[]);const K=(_1,y1)=>{_1.addCommand(y1.KeyMod.Shift|y1.KeyCode.Tab,()=>e1.current.focus()),Array.from(document.getElementsByClassName("monaco-editor")).forEach(W1=>W1.removeAttribute("role")),F(_1,y1),i1.current=_1,C==="sizeToFit"&&H()},n1=_1=>{k1(_1),O(_1)},p1=()=>v1(!0),z1=()=>v1(!1),Z1=_1=>new Promise((y1,W1)=>{const d2=new FileReader;d2.onload=()=>y1(d2.result),d2.onerror=()=>W1(d2.error),d2.readAsText(_1)}),K1=_1=>{if(_1.length>0){const y1=_1[0];n1(""),p1(),Z1(y1).then(W1=>{z1(),x1(!1),n1(W1)}).catch(W1=>{console.error("error",W1),z1(),n1("")})}},k2=_1=>{_1.length>0&&console.error("There was an error accepting that dropped file")},C2=()=>{navigator.clipboard.writeText(u1),B1(!0)},l2=Object.assign({scrollBeyondLastLine:C!=="sizeToFit",readOnly:L,cursorStyle:"line",lineNumbers:P?"on":"off",tabIndex:-1,minimap:{enabled:V}},X),P2={position:o1,exitDelay:J,entryDelay:J,maxWidth:a1,trigger:"mouseenter focus"},He=(z||I)&&(!C1||!!u1)||M||r||x||!!U.bodyContent;return n.jsx(ea,{multiple:!1,onDropAccepted:K1,onDropRejected:k2,children:({getRootProps:_1,getInputProps:y1,isDragActive:W1,open:d2})=>{const Ee=n.jsx("input",Object.assign({},y1(),{hidden:!0})),FH=d||(M?n.jsxs(T6,{variant:ue.sm,titleText:u,icon:Ne,headingLevel:"h4",children:[n.jsx(Ft,{children:f}),!L&&n.jsxs(A6,{children:[n.jsx(We,{children:n.jsx(Y,{variant:"primary",onClick:d2,children:g})}),n.jsx(We,{children:n.jsx(Y,{variant:"link",onClick:()=>x1(!1),children:h})})]})]}):n.jsx(T6,{variant:ue.sm,titleText:u,icon:Ne,headingLevel:"h4",children:!L&&n.jsx(A6,{children:n.jsx(We,{children:n.jsx(Y,{variant:"primary",onClick:()=>x1(!1),children:h})})})})),jH=n.jsxs(n.Fragment,{children:[n.jsx("div",{className:_(T1.codeEditorControls),children:n.jsxs(TH.Provider,{value:{code:u1},children:[z&&(!C1||!!u1)&&n.jsx(W2,{icon:n.jsx(K6,{}),"aria-label":o,tooltipProps:Object.assign(Object.assign({},P2),{"aria-live":"polite",content:n.jsx("div",{children:b1?c:l}),exitDelay:b1?$:J,onTooltipHidden:()=>B1(!1)}),onClick:C2}),M&&n.jsx(W2,{icon:n.jsx(lO,{}),"aria-label":s1,tooltipProps:Object.assign({content:n.jsx("div",{children:I1})},P2),onClick:d2}),I&&(!C1||!!u1)&&n.jsx(W2,{icon:n.jsx(ks,{}),"aria-label":i,tooltipProps:Object.assign({content:n.jsx("div",{children:s})},P2),onClick:()=>{E(u1,`${p}.${sZ2(y)}`)}}),r&&r]})}),x&&n.jsx("div",{className:_(T1.codeEditorHeaderMain),children:x}),!!U.bodyContent&&n.jsx("div",{className:`${T1.codeEditor}__keyboard-shortcuts`,children:n.jsx(tt,Object.assign({},U,{children:n.jsx(Y,{variant:H1.link,icon:n.jsx(Lo,{}),children:R})}))})]}),C4=n.jsxs("div",{className:_(T1.codeEditorHeader,S&&T1.modifiers.plain),children:[He&&n.jsx("div",{className:_(T1.codeEditorHeaderContent),children:jH}),T&&n.jsxs("div",{className:_(T1.codeEditorTab),children:[n.jsx("span",{className:_(T1.codeEditorTabIcon),children:n.jsx(Ne,{})}),n.jsx("span",{className:_(T1.codeEditorTabText),children:y.toUpperCase()})]})]}),x4=n.jsx("div",{className:_(T1.codeEditorCode),ref:e1,tabIndex:0,dir:"ltr",children:n.jsx(iZ2,Object.assign({height:C==="100%"?void 0:C,width:m1,language:y,value:u1,options:l2,overrideServices:N,onChange:Z,onMount:K,loading:B,theme:w?"vs-dark":"vs-light"},v))});return n.jsx("div",{className:_(T1.codeEditor,L&&T1.modifiers.readOnly,(C==="100%"?!0:k)&&T1.modifiers.fullHeight,a),ref:G,children:(M||d)&&!u1?n.jsxs("div",Object.assign({},_1({onClick:WH=>WH.stopPropagation()}),{className:_(T1.codeEditorContainer,w1&&V2.modifiers.loading),children:[C4,n.jsx("div",{className:_(T1.codeEditorMain,W1&&T1.modifiers.dragHover),children:(C1||d)&&!u1?n.jsxs("div",{className:_(T1.codeEditorUpload),children:[Ee,FH]}):n.jsxs(n.Fragment,{children:[Ee,x4]})})]})):n.jsxs(n.Fragment,{children:[C4,q&&n.jsxs("div",{className:_(T1.codeEditorMain),children:[Ee,x4]})]})})}})};AH.displayName="CodeEditor";const dZ2=a=>{navigator.clipboard.writeText(a)},no=window,ne=(a,t,o,c)=>{c||=0,no?.gtag&&no?.gtag("event",a,{event_category:t,event_label:o,...c>=0&&{value:c}})};function vZ2(a){return a==="js"?o2.javascript:a==="ts"?o2.typescript:a}const mZ2=({fullscreenLink:a,codeBoxParams:t,lang:o,isFullscreen:c,originalCode:l,code:r,setCode:i,exampleTitle:s})=>{const[p,v]=i2.useState(!1),[d,f]=i2.useState(!1),g="Copy code to clipboard",h=`Toggle ${o.toUpperCase()} code`,u="Open example in CodeSandbox",x="Open example in new window",C="Convert example from Typescript to JavaScript",z="Undo all changes",w=`Copy ${s} example code to clipboard`,I=`Toggle ${o.toUpperCase()} code in ${s} example`,k=`Open ${s} example in CodeSandbox`,S=`Open ${s} example in new window`,T=`Convert ${s} example from Typescript to JavaScript`,P=`Undo all changes to ${s}`,V={className:"ws-code-editor-control"},L={exitDelay:300,maxWidth:"var(--ws-code-editor--tooltip--MaxWidth)"},M=()=>{dZ2(r),f(!0)},y=n.jsxs(i2.Fragment,{children:[n.jsx(W2,{icon:n.jsxs(i2.Fragment,{children:[n.jsx(Ne,{})," "+o.toUpperCase()]}),onClick:()=>{v(!p),ne("code_editor_control_click","click_event","TOGGLE_CODE",p?0:1)},tooltipProps:{content:h,...L},"aria-label":I,"aria-expanded":p,...V}),n.jsx(G1,{content:n.jsx("div",{children:d?"Code copied":g}),maxWidth:V?.maxWidth,exitDelay:d?300:1600,onTooltipHidden:()=>f(!1),children:n.jsx(Y,{onClick:()=>{M(),ne("code_editor_control_click","click_event","COPY_CODE")},variant:"plain","aria-label":w,className:V.className,children:n.jsx(K6,{})})}),t&&n.jsxs(Ja,{"aria-label":`${k} form`,action:"https://codesandbox.io/api/v1/sandboxes/define",method:"POST",target:"_blank",style:{display:"inline-block"},children:[n.jsx(G1,{content:u,maxWidth:V.maxWidth,children:n.jsx(Y,{"aria-label":k,variant:"plain",type:"submit",onClick:()=>{ne("code_editor_control_click","click_event","CODESANDBOX_LINK")},className:V.className,children:n.jsx(pi,{})})}),n.jsx("input",{type:"hidden",name:"parameters",value:t})]}),a&&n.jsx(W2,{component:"a",icon:n.jsx(Mo,{}),href:a,target:"_blank",rel:"noopener noreferrer","aria-label":S,tooltipProps:{content:x,...L},onClick:()=>{ne("code_editor_control_click","click_event","FULLSCREEN_LINK")},...V}),p&&o==="ts"&&n.jsx(W2,{icon:n.jsxs(i2.Fragment,{children:["TS ",n.jsx(o4,{})," JS"]}),"aria-label":T,tooltipProps:{content:C,...L},onClick:()=>{i(ho.convertToJSX(r).code),ne("code_editor_control_click","click_event","TS_TO_JS")},...V}),r!==l&&n.jsx(W2,{icon:n.jsx(Kk,{}),"aria-label":P,tooltipProps:{content:z,...L},onClick:()=>{i(l),ne("code_editor_control_click","click_event","RESET_CODE")},...V})]}),B=(A,O)=>{O.languages.typescript.typescriptDefaults.setCompilerOptions({jsx:!0,...O.languages.typescript.typescriptDefaults.getCompilerOptions()}),O.languages.typescript.typescriptDefaults.setDiagnosticsOptions({noSemanticValidation:!0,noSyntaxValidation:!0,noSuggestionDiagnostics:!0,onlyVisible:!0})};return n.jsx(AH,{customControls:y,showEditor:p,language:vZ2(o),height:"400px",code:r,onChange:A=>i(A),onEditorDidMount:B,isReadOnly:c,className:`${p?"ws-example-code-expanded ":""}ws-code-editor`,isHeaderPlain:!0})};function pZ2({error:a}){return n.jsxs("div",{role:"alert",children:[n.jsx("p",{children:"Something went wrong:"}),n.jsx("pre",{style:{color:"red"},children:a.message})]})}function fZ2(a){const t={...fW,...Ni1,styles:Di1,...tG2,useState:m.useState,Fragment:m.Fragment,useRef:m.useRef,useEffect:m.useEffect,createRef:m.createRef,useReducer:m.useReducer},{code:o}=ho.convertToReactComponent(a),c=Object.keys(t),l=Object.values(t),i=new Function("React",...c,o)(i2,...l);return n.jsx(i,{})}const HZ2=({src:a})=>{const[t,o]=m.useState(a),c=fZ2(t);return n.jsxs(uW,{fallbackRender:pZ2,children:[c,n.jsx(mZ2,{originalCode:a,code:t,setCode:o,lang:"ts",isFullscreen:!1})]})};export{HZ2 as LiveExample};
+  `},oo=SG2(OG2)(LH),PG2={config:BG2},HG2=function(){for(var t=arguments.length,o=new Array(t),c=0;c<t;c++)o[c]=arguments[c];return function(l){return o.reduceRight(function(r,i){return i(r)},l)}};function BH(a,t){return Object.keys(t).forEach(function(o){t[o]instanceof Object&&a[o]&&Object.assign(t[o],BH(a[o],t[o]))}),Q4(Q4({},a),t)}var EG2={type:"cancelation",msg:"operation is manually canceled"};function ka(a){var t=!1,o=new Promise(function(c,l){a.then(function(r){return t?l(EG2):c(r)}),a.catch(l)});return o.cancel=function(){return t=!0},o}var VG2=wG2.create({config:yG2,isInitialized:!1,resolve:null,reject:null,monaco:null}),MH=lG2(VG2,2),p6=MH[0],sa=MH[1];function TG2(a){var t=PG2.config(a),o=t.monaco,c=cG2(t,["monaco"]);sa(function(l){return{config:BH(l.config,c),monaco:o}})}function AG2(){var a=p6(function(t){var o=t.monaco,c=t.isInitialized,l=t.resolve;return{monaco:o,isInitialized:c,resolve:l}});if(!a.isInitialized){if(sa({isInitialized:!0}),a.monaco)return a.resolve(a.monaco),ka(wa);if(window.monaco&&window.monaco.editor)return OH(window.monaco),a.resolve(window.monaco),ka(wa);HG2(FG2,WG2)(NG2)}return ka(wa)}function FG2(a){return document.body.appendChild(a)}function jG2(a){var t=document.createElement("script");return a&&(t.src=a),t}function WG2(a){var t=p6(function(c){var l=c.config,r=c.reject;return{config:l,reject:r}}),o=jG2("".concat(t.config.paths.vs,"/loader.js"));return o.onload=function(){return a()},o.onerror=t.reject,o}function NG2(){var a=p6(function(o){var c=o.config,l=o.resolve,r=o.reject;return{config:c,resolve:l,reject:r}}),t=window.require;t.config(a.config),t(["vs/editor/editor.main"],function(o){OH(o),a.resolve(o)},function(o){a.reject(o)})}function OH(a){p6().monaco||sa({monaco:a})}function DG2(){return p6(function(a){var t=a.monaco;return t})}var wa=new Promise(function(a,t){return sa({resolve:a,reject:t})}),PH={config:TG2,init:AG2,__getMonacoInstance:DG2},RG2={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},ya=RG2,GG2={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},ZG2=GG2;function UG2({children:a}){return i2.createElement("div",{style:ZG2.container},a)}var qG2=UG2,XG2=qG2;function $G2({width:a,height:t,isEditorReady:o,loading:c,_ref:l,className:r,wrapperProps:i}){return i2.createElement("section",{style:{...ya.wrapper,width:a,height:t},...i},!o&&i2.createElement(XG2,null,c),i2.createElement("div",{ref:l,style:{...ya.fullWidth,...!o&&ya.hide},className:r}))}var KG2=$G2,HH=m.memo(KG2);function YG2(a){m.useEffect(a,[])}var EH=YG2;function JG2(a,t,o=!0){let c=m.useRef(!0);m.useEffect(c.current||!o?()=>{c.current=!1}:a,t)}var r2=JG2;function De(){}function ie(a,t,o,c){return QG2(a,c)||eZ2(a,t,o,c)}function QG2(a,t){return a.editor.getModel(VH(a,t))}function eZ2(a,t,o,c){return a.editor.createModel(t,o,c?VH(a,c):void 0)}function VH(a,t){return a.Uri.parse(t)}function aZ2({original:a,modified:t,language:o,originalLanguage:c,modifiedLanguage:l,originalModelPath:r,modifiedModelPath:i,keepCurrentOriginalModel:s=!1,keepCurrentModifiedModel:p=!1,theme:v="light",loading:d="Loading...",options:f={},height:g="100%",width:h="100%",className:u,wrapperProps:x={},beforeMount:C=De,onMount:z=De}){let[w,I]=m.useState(!1),[k,S]=m.useState(!0),T=m.useRef(null),P=m.useRef(null),V=m.useRef(null),L=m.useRef(z),M=m.useRef(C),y=m.useRef(!1);EH(()=>{let E=PH.init();return E.then(F=>(P.current=F)&&S(!1)).catch(F=>F?.type!=="cancelation"&&console.error("Monaco initialization: error:",F)),()=>T.current?O():E.cancel()}),r2(()=>{if(T.current&&P.current){let E=T.current.getOriginalEditor(),F=ie(P.current,a||"",c||o||"text",r||"");F!==E.getModel()&&E.setModel(F)}},[r],w),r2(()=>{if(T.current&&P.current){let E=T.current.getModifiedEditor(),F=ie(P.current,t||"",l||o||"text",i||"");F!==E.getModel()&&E.setModel(F)}},[i],w),r2(()=>{let E=T.current.getModifiedEditor();E.getOption(P.current.editor.EditorOption.readOnly)?E.setValue(t||""):t!==E.getValue()&&(E.executeEdits("",[{range:E.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),E.pushUndoStop())},[t],w),r2(()=>{T.current?.getModel()?.original.setValue(a||"")},[a],w),r2(()=>{let{original:E,modified:F}=T.current.getModel();P.current.editor.setModelLanguage(E,c||o||"text"),P.current.editor.setModelLanguage(F,l||o||"text")},[o,c,l],w),r2(()=>{P.current?.editor.setTheme(v)},[v],w),r2(()=>{T.current?.updateOptions(f)},[f],w);let B=m.useCallback(()=>{if(!P.current)return;M.current(P.current);let E=ie(P.current,a||"",c||o||"text",r||""),F=ie(P.current,t||"",l||o||"text",i||"");T.current?.setModel({original:E,modified:F})},[o,t,l,a,c,r,i]),A=m.useCallback(()=>{!y.current&&V.current&&(T.current=P.current.editor.createDiffEditor(V.current,{automaticLayout:!0,...f}),B(),P.current?.editor.setTheme(v),I(!0),y.current=!0)},[f,v,B]);m.useEffect(()=>{w&&L.current(T.current,P.current)},[w]),m.useEffect(()=>{!k&&!w&&A()},[k,w,A]);function O(){let E=T.current?.getModel();s||E?.original?.dispose(),p||E?.modified?.dispose(),T.current?.dispose()}return i2.createElement(HH,{width:h,height:g,isEditorReady:w,loading:d,_ref:V,className:u,wrapperProps:x})}var tZ2=aZ2;m.memo(tZ2);function oZ2(a){let t=m.useRef();return m.useEffect(()=>{t.current=a},[a]),t.current}var nZ2=oZ2,z6=new Map;function cZ2({defaultValue:a,defaultLanguage:t,defaultPath:o,value:c,language:l,path:r,theme:i="light",line:s,loading:p="Loading...",options:v={},overrideServices:d={},saveViewState:f=!0,keepCurrentModel:g=!1,width:h="100%",height:u="100%",className:x,wrapperProps:C={},beforeMount:z=De,onMount:w=De,onChange:I,onValidate:k=De}){let[S,T]=m.useState(!1),[P,V]=m.useState(!0),L=m.useRef(null),M=m.useRef(null),y=m.useRef(null),B=m.useRef(w),A=m.useRef(z),O=m.useRef(),E=m.useRef(c),F=nZ2(r),X=m.useRef(!1),N=m.useRef(!1);EH(()=>{let q=PH.init();return q.then($=>(L.current=$)&&V(!1)).catch($=>$?.type!=="cancelation"&&console.error("Monaco initialization: error:",$)),()=>M.current?U():q.cancel()}),r2(()=>{let q=ie(L.current,a||c||"",t||l||"",r||o||"");q!==M.current?.getModel()&&(f&&z6.set(F,M.current?.saveViewState()),M.current?.setModel(q),f&&M.current?.restoreViewState(z6.get(r)))},[r],S),r2(()=>{M.current?.updateOptions(v)},[v],S),r2(()=>{!M.current||c===void 0||(M.current.getOption(L.current.editor.EditorOption.readOnly)?M.current.setValue(c):c!==M.current.getValue()&&(N.current=!0,M.current.executeEdits("",[{range:M.current.getModel().getFullModelRange(),text:c,forceMoveMarkers:!0}]),M.current.pushUndoStop(),N.current=!1))},[c],S),r2(()=>{let q=M.current?.getModel();q&&l&&L.current?.editor.setModelLanguage(q,l)},[l],S),r2(()=>{s!==void 0&&M.current?.revealLine(s)},[s],S),r2(()=>{L.current?.editor.setTheme(i)},[i],S);let R=m.useCallback(()=>{if(!(!y.current||!L.current)&&!X.current){A.current(L.current);let q=r||o,$=ie(L.current,c||a||"",t||l||"",q||"");M.current=L.current?.editor.create(y.current,{model:$,automaticLayout:!0,...v},d),f&&M.current.restoreViewState(z6.get(q)),L.current.editor.setTheme(i),s!==void 0&&M.current.revealLine(s),T(!0),X.current=!0}},[a,t,o,c,l,r,v,d,f,i,s]);m.useEffect(()=>{S&&B.current(M.current,L.current)},[S]),m.useEffect(()=>{!P&&!S&&R()},[P,S,R]),E.current=c,m.useEffect(()=>{S&&I&&(O.current?.dispose(),O.current=M.current?.onDidChangeModelContent(q=>{N.current||I(M.current.getValue(),q)}))},[S,I]),m.useEffect(()=>{if(S){let q=L.current.editor.onDidChangeMarkers($=>{let J=M.current.getModel()?.uri;if(J&&$.find(a1=>a1.path===J.path)){let a1=L.current.editor.getModelMarkers({resource:J});k?.(a1)}});return()=>{q?.dispose()}}return()=>{}},[S,k]);function U(){O.current?.dispose(),g?f&&z6.set(r,M.current.saveViewState()):M.current.getModel()?.dispose(),M.current.dispose()}return i2.createElement(HH,{width:h,height:u,isEditorReady:S,loading:p,_ref:y,className:x,wrapperProps:C})}var lZ2=cZ2,rZ2=m.memo(lZ2),iZ2=rZ2;const TH=m.createContext(null),W2=a=>{var{icon:t,className:o,"aria-label":c,onClick:l=()=>{},isVisible:r=!0,tooltipProps:i={}}=a,s=b(a,["icon","className","aria-label","onClick","isVisible","tooltipProps"]);const p=m.useContext(TH),v=d=>{l(p.code,d)};return r?n.jsx(G1,Object.assign({},i,{children:n.jsx(Y,Object.assign({className:o,onClick:v,variant:"plain","aria-label":c},s,{icon:t}))})):null};W2.displayName="CodeEditorControl";var o2;(function(a){a.abap="abap",a.aes="aes",a.apex="apex",a.azcli="azcli",a.bat="bat",a.bicep="bicep",a.c="c",a.cameligo="cameligo",a.clojure="clojure",a.coffeescript="coffeescript",a.cpp="cpp",a.csharp="csharp",a.csp="csp",a.css="css",a.dart="dart",a.dockerfile="dockerfile",a.ecl="ecl",a.elixir="elixir",a.fsharp="fsharp",a.go="go",a.graphql="graphql",a.handlebars="handlebars",a.hcl="hcl",a.html="html",a.ini="ini",a.java="java",a.javascript="javascript",a.json="json",a.julia="julia",a.kotlin="kotlin",a.less="less",a.lexon="lexon",a.liquid="liquid",a.lua="lua",a.m3="m3",a.markdown="markdown",a.mips="mips",a.msdax="msdax",a.mysql="mysql",a["objective-c"]="objective-c",a.pascal="pascal",a.pascaligo="pascaligo",a.perl="perl",a.pgsql="pgsql",a.php="php",a.plaintext="plaintext",a.postiats="postiats",a.powerquery="powerquery",a.powershell="powershell",a.pug="pug",a.python="python",a.r="r",a.razor="razor",a.redis="redis",a.redshift="redshift",a.restructuredtext="restructuredtext",a.ruby="ruby",a.rust="rust",a.sb="sb",a.scala="scala",a.scheme="scheme",a.scss="scss",a.shell="shell",a.sol="sol",a.sql="sql",a.st="st",a.swift="swift",a.systemverilog="systemverilog",a.tcl="tcl",a.twig="twig",a.typescript="typescript",a.vb="vb",a.verilog="verilog",a.xml="xml",a.yaml="yaml"})(o2||(o2={}));const sZ2=a=>{switch(a){case o2.shell:return"sh";case o2.ruby:return"rb";case o2.perl:return"pl";case o2.python:return"py";case o2.mysql:return"sql";case o2.javascript:return"js";case o2.typescript:return"ts";case o2.markdown:return"md";case o2.plaintext:return"txt";default:return a.toString()}},_Z2=(a,t)=>{const o=document.createElement("a");o.href=URL.createObjectURL(new Blob([a],{type:"text"})),o.download=t,o.click()},AH=({className:a="",code:t="",copyButtonAriaLabel:o="Copy code to clipboard",copyButtonSuccessTooltipText:c="Content added to clipboard",copyButtonToolTipText:l="Copy to clipboard",customControls:r=null,downloadButtonAriaLabel:i="Download code",downloadButtonToolTipText:s="Download",downloadFileName:p=Date.now().toString(),editorProps:v,emptyState:d="",emptyStateBody:f="Drag and drop a file or upload one.",emptyStateButton:g="Browse",emptyStateLink:h="Start from scratch",emptyStateTitle:u="Start editing",headerMainContent:x="",height:C,isCopyEnabled:z=!1,isDarkTheme:w=!1,isDownloadEnabled:I=!1,isFullHeight:k=!1,isHeaderPlain:S=!1,isLanguageLabelVisible:T=!1,isLineNumbersVisible:P=!0,isMinimapVisible:V=!1,isReadOnly:L=!1,isUploadEnabled:M=!1,language:y=o2.plaintext,loading:B="",onChange:A=()=>{},onCodeChange:O=()=>{},onDownload:E=_Z2,onEditorDidMount:F=()=>{},options:X={},overrideServices:N={},shortcutsPopoverButtonText:R="View Shortcuts",shortcutsPopoverProps:U={bodyContent:"","aria-label":"Keyboard Shortcuts"},showEditor:q=!0,toolTipCopyExitDelay:$=1600,toolTipDelay:J=300,toolTipMaxWidth:a1="100px",toolTipPosition:o1="top",uploadButtonAriaLabel:s1="Upload code",uploadButtonToolTipText:I1="Upload",width:m1=""})=>{const[u1,k1]=m.useState(t),[w1,v1]=m.useState(!1),[C1,x1]=m.useState(!0),[b1,B1]=m.useState(!1),i1=m.useRef(null),e1=m.useRef(null),G=m.useRef(null),W=m.useRef(()=>{}),H=()=>{var _1,y1,W1;const d2=(_1=i1.current)===null||_1===void 0?void 0:_1.getContentHeight(),Ee=(y1=i1.current)===null||y1===void 0?void 0:y1.getLayoutInfo();(W1=i1.current)===null||W1===void 0||W1.layout({width:Ee.width,height:d2})},Z=(_1,y1)=>{C==="sizeToFit"&&H(),A&&A(_1,y1),k1(_1),O(_1)},D=()=>{i1.current&&(i1.current.layout({width:0,height:0}),i1.current.layout())},j=_1=>{var y1;e1.current===document.activeElement&&(_1.key==="ArrowDown"||_1.key===" ")&&((y1=i1.current)===null||y1===void 0||y1.focus(),_1.preventDefault())};m.useEffect(()=>k1(t),[t]),m.useEffect(()=>(document.addEventListener("keydown",j),W.current=G2(G.current,D,!0),D(),()=>{document.removeEventListener("keydown",j),W.current()}),[]);const K=(_1,y1)=>{_1.addCommand(y1.KeyMod.Shift|y1.KeyCode.Tab,()=>e1.current.focus()),Array.from(document.getElementsByClassName("monaco-editor")).forEach(W1=>W1.removeAttribute("role")),F(_1,y1),i1.current=_1,C==="sizeToFit"&&H()},n1=_1=>{k1(_1),O(_1)},p1=()=>v1(!0),z1=()=>v1(!1),Z1=_1=>new Promise((y1,W1)=>{const d2=new FileReader;d2.onload=()=>y1(d2.result),d2.onerror=()=>W1(d2.error),d2.readAsText(_1)}),K1=_1=>{if(_1.length>0){const y1=_1[0];n1(""),p1(),Z1(y1).then(W1=>{z1(),x1(!1),n1(W1)}).catch(W1=>{console.error("error",W1),z1(),n1("")})}},k2=_1=>{_1.length>0&&console.error("There was an error accepting that dropped file")},C2=()=>{navigator.clipboard.writeText(u1),B1(!0)},l2=Object.assign({scrollBeyondLastLine:C!=="sizeToFit",readOnly:L,cursorStyle:"line",lineNumbers:P?"on":"off",tabIndex:-1,minimap:{enabled:V}},X),P2={position:o1,exitDelay:J,entryDelay:J,maxWidth:a1,trigger:"mouseenter focus"},He=(z||I)&&(!C1||!!u1)||M||r||x||!!U.bodyContent;return n.jsx(ea,{multiple:!1,onDropAccepted:K1,onDropRejected:k2,children:({getRootProps:_1,getInputProps:y1,isDragActive:W1,open:d2})=>{const Ee=n.jsx("input",Object.assign({},y1(),{hidden:!0})),FH=d||(M?n.jsxs(T6,{variant:ue.sm,titleText:u,icon:Ne,headingLevel:"h4",children:[n.jsx(Ft,{children:f}),!L&&n.jsxs(A6,{children:[n.jsx(We,{children:n.jsx(Y,{variant:"primary",onClick:d2,children:g})}),n.jsx(We,{children:n.jsx(Y,{variant:"link",onClick:()=>x1(!1),children:h})})]})]}):n.jsx(T6,{variant:ue.sm,titleText:u,icon:Ne,headingLevel:"h4",children:!L&&n.jsx(A6,{children:n.jsx(We,{children:n.jsx(Y,{variant:"primary",onClick:()=>x1(!1),children:h})})})})),jH=n.jsxs(n.Fragment,{children:[n.jsx("div",{className:_(T1.codeEditorControls),children:n.jsxs(TH.Provider,{value:{code:u1},children:[z&&(!C1||!!u1)&&n.jsx(W2,{icon:n.jsx(K6,{}),"aria-label":o,tooltipProps:Object.assign(Object.assign({},P2),{"aria-live":"polite",content:n.jsx("div",{children:b1?c:l}),exitDelay:b1?$:J,onTooltipHidden:()=>B1(!1)}),onClick:C2}),M&&n.jsx(W2,{icon:n.jsx(lO,{}),"aria-label":s1,tooltipProps:Object.assign({content:n.jsx("div",{children:I1})},P2),onClick:d2}),I&&(!C1||!!u1)&&n.jsx(W2,{icon:n.jsx(ks,{}),"aria-label":i,tooltipProps:Object.assign({content:n.jsx("div",{children:s})},P2),onClick:()=>{E(u1,`${p}.${sZ2(y)}`)}}),r&&r]})}),x&&n.jsx("div",{className:_(T1.codeEditorHeaderMain),children:x}),!!U.bodyContent&&n.jsx("div",{className:`${T1.codeEditor}__keyboard-shortcuts`,children:n.jsx(tt,Object.assign({},U,{children:n.jsx(Y,{variant:H1.link,icon:n.jsx(Lo,{}),children:R})}))})]}),C4=n.jsxs("div",{className:_(T1.codeEditorHeader,S&&T1.modifiers.plain),children:[He&&n.jsx("div",{className:_(T1.codeEditorHeaderContent),children:jH}),T&&n.jsxs("div",{className:_(T1.codeEditorTab),children:[n.jsx("span",{className:_(T1.codeEditorTabIcon),children:n.jsx(Ne,{})}),n.jsx("span",{className:_(T1.codeEditorTabText),children:y.toUpperCase()})]})]}),x4=n.jsx("div",{className:_(T1.codeEditorCode),ref:e1,tabIndex:0,dir:"ltr",children:n.jsx(iZ2,Object.assign({height:C==="100%"?void 0:C,width:m1,language:y,value:u1,options:l2,overrideServices:N,onChange:Z,onMount:K,loading:B,theme:w?"vs-dark":"vs-light"},v))});return n.jsx("div",{className:_(T1.codeEditor,L&&T1.modifiers.readOnly,(C==="100%"?!0:k)&&T1.modifiers.fullHeight,a),ref:G,children:(M||d)&&!u1?n.jsxs("div",Object.assign({},_1({onClick:WH=>WH.stopPropagation()}),{className:_(T1.codeEditorContainer,w1&&V2.modifiers.loading),children:[C4,n.jsx("div",{className:_(T1.codeEditorMain,W1&&T1.modifiers.dragHover),children:(C1||d)&&!u1?n.jsxs("div",{className:_(T1.codeEditorUpload),children:[Ee,FH]}):n.jsxs(n.Fragment,{children:[Ee,x4]})})]})):n.jsxs(n.Fragment,{children:[C4,q&&n.jsxs("div",{className:_(T1.codeEditorMain),children:[Ee,x4]})]})})}})};AH.displayName="CodeEditor";const dZ2=a=>{navigator.clipboard.writeText(a)},no=window,ne=(a,t,o,c)=>{c||=0,no?.gtag&&no?.gtag("event",a,{event_category:t,event_label:o,...c>=0&&{value:c}})};function vZ2(a){return a==="js"?o2.javascript:a==="ts"?o2.typescript:a}const mZ2=({fullscreenLink:a,codeBoxParams:t,lang:o,isFullscreen:c,originalCode:l,code:r,setCode:i,exampleTitle:s})=>{const[p,v]=i2.useState(!1),[d,f]=i2.useState(!1),g="Copy code to clipboard",h=`Toggle ${o.toUpperCase()} code`,u="Open example in CodeSandbox",x="Open example in new window",C="Convert example from Typescript to JavaScript",z="Undo all changes",w=`Copy ${s} example code to clipboard`,I=`Toggle ${o.toUpperCase()} code in ${s} example`,k=`Open ${s} example in CodeSandbox`,S=`Open ${s} example in new window`,T=`Convert ${s} example from Typescript to JavaScript`,P=`Undo all changes to ${s}`,V={className:"ws-code-editor-control"},L={exitDelay:300,maxWidth:"var(--ws-code-editor--tooltip--MaxWidth)"},M=()=>{dZ2(r),f(!0)},y=n.jsxs(i2.Fragment,{children:[n.jsx(W2,{icon:n.jsxs(i2.Fragment,{children:[n.jsx(Ne,{})," "+o.toUpperCase()]}),onClick:()=>{v(!p),ne("code_editor_control_click","click_event","TOGGLE_CODE",p?0:1)},tooltipProps:{content:h,...L},"aria-label":I,"aria-expanded":p,...V}),n.jsx(G1,{content:n.jsx("div",{children:d?"Code copied":g}),maxWidth:V?.maxWidth,exitDelay:d?300:1600,onTooltipHidden:()=>f(!1),children:n.jsx(Y,{onClick:()=>{M(),ne("code_editor_control_click","click_event","COPY_CODE")},variant:"plain","aria-label":w,className:V.className,children:n.jsx(K6,{})})}),t&&n.jsxs(Ja,{"aria-label":`${k} form`,action:"https://codesandbox.io/api/v1/sandboxes/define",method:"POST",target:"_blank",style:{display:"inline-block"},children:[n.jsx(G1,{content:u,maxWidth:V.maxWidth,children:n.jsx(Y,{"aria-label":k,variant:"plain",type:"submit",onClick:()=>{ne("code_editor_control_click","click_event","CODESANDBOX_LINK")},className:V.className,children:n.jsx(pi,{})})}),n.jsx("input",{type:"hidden",name:"parameters",value:t})]}),a&&n.jsx(W2,{component:"a",icon:n.jsx(Mo,{}),href:a,target:"_blank",rel:"noopener noreferrer","aria-label":S,tooltipProps:{content:x,...L},onClick:()=>{ne("code_editor_control_click","click_event","FULLSCREEN_LINK")},...V}),p&&o==="ts"&&n.jsx(W2,{icon:n.jsxs(i2.Fragment,{children:["TS ",n.jsx(o4,{})," JS"]}),"aria-label":T,tooltipProps:{content:C,...L},onClick:()=>{i(ho.convertToJSX(r).code),ne("code_editor_control_click","click_event","TS_TO_JS")},...V}),r!==l&&n.jsx(W2,{icon:n.jsx(Kk,{}),"aria-label":P,tooltipProps:{content:z,...L},onClick:()=>{i(l),ne("code_editor_control_click","click_event","RESET_CODE")},...V})]}),B=(A,O)=>{O.languages.typescript.typescriptDefaults.setCompilerOptions({jsx:!0,...O.languages.typescript.typescriptDefaults.getCompilerOptions()}),O.languages.typescript.typescriptDefaults.setDiagnosticsOptions({noSemanticValidation:!0,noSyntaxValidation:!0,noSuggestionDiagnostics:!0,onlyVisible:!0})};return n.jsx(AH,{customControls:y,showEditor:p,language:vZ2(o),height:"400px",code:r,onChange:A=>i(A),onEditorDidMount:B,isReadOnly:c,className:`${p?"ws-example-code-expanded ":""}ws-code-editor`,isHeaderPlain:!0})};function pZ2({error:a}){return n.jsxs("div",{role:"alert",children:[n.jsx("p",{children:"Something went wrong:"}),n.jsx("pre",{style:{color:"red"},children:a.message})]})}function fZ2(a){const t={...fW,...Ni1,styles:Di1,...tG2,useState:m.useState,Fragment:m.Fragment,useRef:m.useRef,useEffect:m.useEffect,createRef:m.createRef,useReducer:m.useReducer},{code:o}=ho.convertToReactComponent(a),c=Object.keys(t),l=Object.values(t),i=new Function("React",...c,o)(i2,...l);return n.jsx(i,{})}const HZ2=({src:a,html:t,isFullscreenPreview:o})=>{const c=a||t||"",[l,r]=m.useState(c);let i=null,s="ts";return t?(i=n.jsx("div",{className:`ws-preview-html ${o&&"pf-v6-u-h-100"}`,dangerouslySetInnerHTML:{__html:l}}),s="html"):(i=fZ2(l),s="ts"),n.jsxs(uW,{fallbackRender:pZ2,children:[i,n.jsx(mZ2,{originalCode:c,code:l,setCode:r,lang:s,isFullscreen:!1})]})};export{HZ2 as LiveExample};

package/dist/client/_astro/Navigation.kbLxctIo.js

@@ -0,0 +1 @@
+import{j as i}from"./Button.BQCwQ5pE.js";import{r as d}from"./index.eCxJ45ll.js";import{k as l,s as p}from"./index.CAChmxYj.js";import{c as v,b as x,e as b,N as f,d as u}from"./PageSidebarBody.B0AJe8Hg.js";/* empty css                        */import"./angle-left-icon.teo8GC0v.js";import"./divider.tlrBPkzg.js";import"./index.BQFV5hT1.js";import"./page.BTC3Kf3x.js";import"./PageContext.miTsIqVo.js";const m=t=>t.replace("PatternFly","Patternfly"),c=t=>l(m(t)),j=t=>p(m(t)).replace("Patternfly","PatternFly"),N=({entry:t,isActive:o})=>{const{id:e}=t,{id:r,section:s}=t.data,a=c(r),n=c(s);return i.jsx(v,{itemId:e,to:`/${n}/${a}`,isActive:o,id:`nav-entry-${e}`,"data-astro-reload":!0,children:r})},h=({entries:t,sectionId:o,activeItem:e})=>{const r=window.location.pathname.includes(c(o)),s=t.some(n=>n.id===e),a=t.map(n=>i.jsx(N,{entry:n,isActive:e===n.id||window.location.pathname.includes(c(n.data.id))},n.id));return i.jsx(x,{title:j(o),isActive:s,isExpanded:r,id:`nav-section-${o}`,children:a})},A=({navData:t})=>{const[o,e]=d.useState("");d.useEffect(()=>{e(window.location.pathname.split("/").reverse()[0])},[]);const r=(s,a)=>{e(a.itemId.toString())};return i.jsx(b,{id:"page-sidebar-body",children:i.jsx(f,{onSelect:r,children:i.jsx(u,{children:t.map(s=>{const{section:a}=s[0].data;return i.jsx(h,{entries:s,sectionId:a,activeItem:o},a)})})})})};export{A as Navigation};

package/dist/client/_astro/Toolbar.CroDQcyv.js

@@ -0,0 +1 @@
+import{j as t,B as u}from"./Button.BQCwQ5pE.js";import{R as o}from"./index.eCxJ45ll.js";import{S as h,M as m,D as s,G as w}from"./github-icon.ByC5XEPt.js";import{T as b,a as g,b as k,c as z,d as j,e as f}from"./ToolbarContent.UH3ZRlHp.js";import{I as x,S,D as T}from"./SearchInput.DhHo7yPx.js";import{D,a as d,M as I,b as R}from"./DropdownList.cxp03sS4.js";/* empty css                        */import"./angle-left-icon.teo8GC0v.js";import"./PageContext.miTsIqVo.js";import"./divider.tlrBPkzg.js";import"./index.BQFV5hT1.js";const q=a=>{typeof window!==void 0&&(window?.localStorage?.setItem("theme-preference",a),document?.querySelector("html")?.classList.toggle("pf-v6-theme-dark",a==="dark"))},P=()=>{const a=window?.localStorage?.getItem("theme-preference");return a!==void 0?a:"system"},E=()=>{const[a,p]=o.useState(!1),[y,n]=o.useState(!1);o.useEffect(()=>{n(!0);const r=P()==="dark";p(r)},[]);const l=(r,e)=>{const c=!e===a;q(c?"dark":"light"),p(c)};return y?t.jsxs(b,{"aria-label":"Dark theme toggle group",children:[t.jsx(g,{"aria-label":"light theme toggle",icon:t.jsx(x,{size:"md",children:t.jsx(h,{})}),isSelected:!a,onChange:l}),t.jsx(g,{"aria-label":"dark theme toggle",icon:t.jsx(x,{size:"md",children:t.jsx(m,{})}),isSelected:a,onChange:l})]}):null},C=({searchEnabled:a=!0})=>{const[p,y]=o.useState(""),[n,l]=o.useState(!1),r=(c,i)=>{y(i)},e=(c,i)=>{l(!i)};return a&&t.jsx(S,{className:"ws-global-search",placeholder:"Search",value:p,onChange:r,onClear:c=>r(c,""),expandableInput:{isExpanded:n,onToggleExpand:e,toggleAriaLabel:"Expandable search input toggle"}})},G=[{name:"Patternfly 5",href:"https://v5-archive.patternfly.org/"},{name:"PatternFly 4 ",href:"http://v4-archive.patternfly.org/v4/"},{name:"PatternFly 3",href:"https://pf3.patternfly.org/"}],M=JSON.parse('[{"name":"6.1.0","date":"2024-12-17","latest":true,"versions":{"@patternfly/patternfly":"6.1.0","@patternfly/react-catalog-view-extension":"6.0.0","@patternfly/react-charts":"8.1.0","@patternfly/react-code-editor":"6.1.0","@patternfly/react-component-groups":"6.1.0","@patternfly/react-core":"6.1.0","@patternfly/react-drag-drop":"6.1.0","@patternfly/react-icons":"6.1.0","@patternfly/react-log-viewer":"6.1.0","@patternfly/react-styles":"6.1.0","@patternfly/react-table":"6.1.0","@patternfly/react-tokens":"6.1.0","@patternfly/react-topology":"6.1.0","@patternfly/react-user-feedback":"6.0.0","@patternfly/react-console":"6.0.0","@patternfly/quickstarts":"6.1.0","@patternfly/react-virtualized-extension":"6.0.0","@patternfly/react-templates":"6.1.0","@patternfly/chatbot":"2.1.0","@patternfly/data-view":"6.1.0"}},{"name":"6.0.0","date":"2024-10-30","hidden":true,"versions":{"@patternfly/patternfly":"6.0.0","@patternfly/react-catalog-view-extension":"6.0.0","@patternfly/react-charts":"8.0.0","@patternfly/react-code-editor":"6.0.0","@patternfly/react-component-groups":"6.0.0","@patternfly/react-core":"6.0.0","@patternfly/react-drag-drop":"6.0.0","@patternfly/react-icons":"6.0.0","@patternfly/react-log-viewer":"6.0.0","@patternfly/react-styles":"6.0.0","@patternfly/react-table":"6.0.0","@patternfly/react-tokens":"6.0.0","@patternfly/react-topology":"6.0.1","@patternfly/react-user-feedback":"6.0.0","@patternfly/react-console":"6.0.0","@patternfly/quickstarts":"6.0.0","@patternfly/react-virtualized-extension":"6.0.0","@patternfly/react-templates":"6.0.0","@patternfly/virtual-assistant":"2.0.2"}},{"name":"prerelease","date":"2024-10-08","hidden":true,"versions":{"@patternfly/patternfly":"6.0.0-prerelease.15","@patternfly/react-catalog-view-extension":"6.0.0-prerelease.1","@patternfly/react-charts":"8.0.0-prerelease.14","@patternfly/react-code-editor":"6.0.0-prerelease.21","@patternfly/react-component-groups":"6.0.0-prerelease.4","@patternfly/react-core":"6.0.0-prerelease.21","@patternfly/react-drag-drop":"6.0.0-prerelease.21","@patternfly/react-icons":"6.0.0-prerelease.7","@patternfly/react-log-viewer":"6.0.0-prerelease.1","@patternfly/react-styles":"6.0.0-prerelease.6","@patternfly/react-table":"6.0.0-prerelease.22","@patternfly/react-tokens":"6.0.0-prerelease.7","@patternfly/react-topology":"6.0.0-prerelease.2","@patternfly/react-user-feedback":"6.0.0-prerelease.2","@patternfly/react-console":"6.0.0-prerelease.2","@patternfly/quickstarts":"6.0.0-prerelease.2","@patternfly/react-virtualized-extension":"6.0.0-prerelease.4","@patternfly/react-templates":"6.0.0-prerelease.21"}},{"name":"5.4.1","date":"2024-09-30","hidden":true,"versions":{"@patternfly/patternfly":"5.4.1","@patternfly/react-charts":"7.4.3","@patternfly/react-code-editor":"5.4.3","@patternfly/react-core":"5.4.1","@patternfly/react-icons":"5.4.0","@patternfly/react-styles":"5.4.0","@patternfly/react-table":"5.4.1","@patternfly/react-drag-drop":"5.4.1","@patternfly/react-tokens":"5.4.0","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.1.0","@patternfly/react-log-viewer":"5.3.0","@patternfly/react-topology":"5.4.0","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.4.0","@patternfly/react-templates":"1.1.1"}},{"name":"5.4.0","date":"2024-08-28","hidden":true,"versions":{"@patternfly/patternfly":"5.4.0","@patternfly/react-charts":"7.4.0","@patternfly/react-code-editor":"5.4.0","@patternfly/react-core":"5.4.0","@patternfly/react-icons":"5.4.0","@patternfly/react-styles":"5.4.0","@patternfly/react-table":"5.4.0","@patternfly/react-drag-drop":"5.4.0","@patternfly/react-tokens":"5.4.0","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.1.0","@patternfly/react-log-viewer":"5.3.0","@patternfly/react-topology":"5.4.0","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.4.0","@patternfly/react-templates":"1.1.0"}},{"name":"5.3.0","date":"2024-04-02","hidden":true,"versions":{"@patternfly/patternfly":"5.3.1","@patternfly/react-charts":"7.3.1","@patternfly/react-code-editor":"5.3.3","@patternfly/react-core":"5.3.3","@patternfly/react-icons":"5.3.2","@patternfly/react-styles":"5.3.1","@patternfly/react-table":"5.3.3","@patternfly/react-drag-drop":"5.3.3","@patternfly/react-tokens":"5.3.1","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.2.0","@patternfly/react-topology":"5.3.0","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.3.0","@patternfly/react-templates":"1.0.3"}},{"name":"5.2.2","date":"2024-03-12","hidden":true,"versions":{"@patternfly/patternfly":"5.2.1","@patternfly/react-charts":"7.2.2","@patternfly/react-code-editor":"5.2.2","@patternfly/react-core":"5.2.2","@patternfly/react-icons":"5.2.1","@patternfly/react-styles":"5.2.1","@patternfly/react-table":"5.2.2","@patternfly/react-drag-drop":"5.2.2","@patternfly/react-tokens":"5.2.1","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.2.0","@patternfly/react-topology":"5.2.1","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.0.0","@patternfly/react-templates":"^1.0.0-alpha.0"}},{"name":"5.2.1","date":"2024-03-01","hidden":true,"versions":{"@patternfly/patternfly":"5.2.1","@patternfly/react-charts":"7.2.2","@patternfly/react-code-editor":"5.2.1","@patternfly/react-core":"5.2.1","@patternfly/react-icons":"5.2.1","@patternfly/react-styles":"5.2.1","@patternfly/react-table":"5.2.1","@patternfly/react-drag-drop":"5.2.1","@patternfly/react-tokens":"5.2.1","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.2.0","@patternfly/react-topology":"5.2.1","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.0.0","@patternfly/react-templates":"^1.0.0-alpha.0"}},{"name":"5.2.0","date":"2024-01-17","hidden":true,"versions":{"@patternfly/patternfly":"5.2.0","@patternfly/react-charts":"7.2.0","@patternfly/react-code-editor":"5.2.0","@patternfly/react-core":"5.2.0","@patternfly/react-icons":"5.2.0","@patternfly/react-styles":"5.2.0","@patternfly/react-table":"5.2.0","@patternfly/react-drag-drop":"5.2.0","@patternfly/react-tokens":"5.2.0","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.2.0","@patternfly/react-topology":"5.2.1","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.0.0"}},{"name":"5.1.0","date":"2023-10-06","hidden":true,"versions":{"@patternfly/patternfly":"5.1.0","@patternfly/react-charts":"7.1.1","@patternfly/react-code-editor":"5.1.1","@patternfly/react-core":"5.1.1","@patternfly/react-icons":"5.1.1","@patternfly/react-styles":"5.1.1","@patternfly/react-table":"5.1.1","@patternfly/react-drag-drop":"5.0.0-alpha.0","@patternfly/react-tokens":"5.1.1","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.0.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.0.0","@patternfly/react-topology":"5.1.0","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.0.0"}},{"name":"5.0.0","date":"2023-07-27","hidden":true,"versions":{"@patternfly/patternfly":"5.0.2","@patternfly/react-charts":"7.0.0","@patternfly/react-code-editor":"5.0.0","@patternfly/react-core":"5.0.0","@patternfly/react-icons":"5.0.0","@patternfly/react-styles":"5.0.0","@patternfly/react-table":"5.0.0","@patternfly/react-drag-drop":"5.0.0-alpha.0","@patternfly/react-tokens":"5.0.0","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.0.0","@patternfly/react-topology":"5.0.0","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.0.0"}},{"name":"2023.02","date":"2022-03-27","hidden":true,"versions":{"@patternfly/patternfly":"4.224.4","@patternfly/react-catalog-view-extension":"4.96.0","@patternfly/react-charts":"6.94.19","@patternfly/react-code-editor":"4.82.115","@patternfly/react-console":"4.95.5","@patternfly/react-core":"4.276.8","@patternfly/react-icons":"4.93.6","@patternfly/react-inline-edit-extension":"4.86.122","@patternfly/react-log-viewer":"4.87.100","@patternfly/react-styles":"4.92.6","@patternfly/react-table":"4.113.0","@patternfly/react-tokens":"4.94.6","@patternfly/react-topology":"4.91.40","@patternfly/react-virtualized-extension":"4.88.115"}},{"name":"2023.01","date":"2022-01-31","hidden":true,"versions":{"@patternfly/patternfly":"4.224.2","@patternfly/react-catalog-view-extension":"4.95.1","@patternfly/react-charts":"6.94.18","@patternfly/react-code-editor":"4.82.113","@patternfly/react-core":"4.276.6","@patternfly/react-icons":"4.93.6","@patternfly/react-inline-edit-extension":"4.86.118","@patternfly/react-log-viewer":"4.87.100","@patternfly/react-styles":"4.92.6","@patternfly/react-table":"4.112.39","@patternfly/react-tokens":"4.94.6","@patternfly/react-topology":"4.91.27","@patternfly/react-virtualized-extension":"4.88.113"}},{"name":"2022.16","date":"2022-12-15","hidden":true,"versions":{"@patternfly/patternfly":"4.222.4","@patternfly/react-catalog-view-extension":"4.93.15","@patternfly/react-charts":"6.94.15","@patternfly/react-code-editor":"4.82.82","@patternfly/react-core":"4.267.6","@patternfly/react-icons":"4.93.3","@patternfly/react-inline-edit-extension":"4.86.85","@patternfly/react-log-viewer":"4.87.77","@patternfly/react-styles":"4.92.3","@patternfly/react-table":"4.112.6","@patternfly/react-tokens":"4.94.3","@patternfly/react-topology":"4.90.38","@patternfly/react-virtualized-extension":"4.88.82"}},{"name":"2022.15","date":"2022-11-21","hidden":true,"versions":{"@patternfly/patternfly":"4.221.2","@patternfly/react-catalog-view-extension":"4.93.0","@patternfly/react-charts":"6.94.12","@patternfly/react-code-editor":"4.82.67","@patternfly/react-core":"4.264.0","@patternfly/react-icons":"4.93.0","@patternfly/react-inline-edit-extension":"4.86.68","@patternfly/react-log-viewer":"4.87.62","@patternfly/react-styles":"4.92.0","@patternfly/react-table":"4.111.45","@patternfly/react-tokens":"4.94.0","@patternfly/react-topology":"4.90.23","@patternfly/react-virtualized-extension":"4.88.67"}},{"name":"2022.14","date":"2022-11-01","hidden":true,"versions":{"@patternfly/patternfly":"4.219.2","@patternfly/react-catalog-view-extension":"4.92.55","@patternfly/react-charts":"6.94.11","@patternfly/react-code-editor":"4.82.55","@patternfly/react-core":"4.258.3","@patternfly/react-icons":"4.92.10","@patternfly/react-inline-edit-extension":"4.86.56","@patternfly/react-log-viewer":"4.87.50","@patternfly/react-styles":"4.91.10","@patternfly/react-table":"4.111.33","@patternfly/react-tokens":"4.93.10","@patternfly/react-topology":"4.90.11","@patternfly/react-virtualized-extension":"4.88.55"}},{"name":"2022.13","date":"2022-10-11","hidden":true,"versions":{"@patternfly/patternfly":"4.217.1","@patternfly/react-catalog-view-extension":"4.92.26","@patternfly/react-charts":"6.94.7","@patternfly/react-code-editor":"4.82.26","@patternfly/react-core":"4.250.1","@patternfly/react-icons":"4.92.6","@patternfly/react-inline-edit-extension":"4.86.27","@patternfly/react-log-viewer":"4.87.21","@patternfly/react-styles":"4.91.6","@patternfly/react-table":"4.111.4","@patternfly/react-tokens":"4.93.6","@patternfly/react-topology":"4.88.26","@patternfly/react-virtualized-extension":"4.88.26"}},{"name":"2022.12","date":"2022-9-16","hidden":true,"versions":{"@patternfly/patternfly":"4.215.1","@patternfly/react-catalog-view-extension":"4.90.0","@patternfly/react-charts":"6.92.0","@patternfly/react-code-editor":"4.80.0","@patternfly/react-core":"4.239.0","@patternfly/react-icons":"4.90.0","@patternfly/react-inline-edit-extension":"4.84.0","@patternfly/react-log-viewer":"4.84.0","@patternfly/react-styles":"4.89.0","@patternfly/react-table":"4.108.0","@patternfly/react-tokens":"4.91.0","@patternfly/react-topology":"4.86.0","@patternfly/react-virtualized-extension":"4.86.0"}},{"name":"2022.11","date":"2022-8-31","hidden":true,"versions":{"@patternfly/patternfly":"4.210.2","@patternfly/react-catalog-view-extension":"4.86.7","@patternfly/react-charts":"6.88.7","@patternfly/react-code-editor":"4.76.7","@patternfly/react-core":"4.235.7","@patternfly/react-icons":"4.86.7","@patternfly/react-inline-edit-extension":"4.80.7","@patternfly/react-log-viewer":"4.80.7","@patternfly/react-styles":"4.85.7","@patternfly/react-table":"4.104.7","@patternfly/react-tokens":"4.87.7","@patternfly/react-topology":"4.82.7","@patternfly/react-virtualized-extension":"4.82.7"}},{"name":"2022.10","date":"2022-8-16","hidden":true,"versions":{"@patternfly/patternfly":"4.206.3","@patternfly/react-catalog-view-extension":"4.82.8","@patternfly/react-charts":"6.84.8","@patternfly/react-code-editor":"4.72.8","@patternfly/react-core":"4.231.8","@patternfly/react-icons":"4.82.8","@patternfly/react-inline-edit-extension":"4.76.8","@patternfly/react-log-viewer":"4.76.8","@patternfly/react-styles":"4.81.8","@patternfly/react-table":"4.100.8","@patternfly/react-tokens":"4.83.8","@patternfly/react-topology":"4.78.8","@patternfly/react-virtualized-extension":"4.78.8"}},{"name":"2022.08","date":"2022-6-30","hidden":true,"versions":{"@patternfly/patternfly":"4.202.1","@patternfly/react-catalog-view-extension":"4.75.1","@patternfly/react-charts":"6.77.1","@patternfly/react-code-editor":"4.65.1","@patternfly/react-core":"4.224.1","@patternfly/react-icons":"4.75.1","@patternfly/react-inline-edit-extension":"4.69.1","@patternfly/react-log-viewer":"4.69.1","@patternfly/react-styles":"4.74.1","@patternfly/react-table":"4.93.1","@patternfly/react-tokens":"4.76.1","@patternfly/react-topology":"4.71.1","@patternfly/react-virtualized-extension":"4.71.1"}},{"name":"2022.07","date":"2022-6-3","hidden":true,"versions":{"@patternfly/patternfly":"4.196.7","@patternfly/react-catalog-view-extension":"4.72.3","@patternfly/react-charts":"6.74.3","@patternfly/react-code-editor":"4.62.3","@patternfly/react-core":"4.221.3","@patternfly/react-icons":"4.72.3","@patternfly/react-inline-edit-extension":"4.66.3","@patternfly/react-log-viewer":"4.66.3","@patternfly/react-styles":"4.71.3","@patternfly/react-table":"4.90.3","@patternfly/react-tokens":"4.73.3","@patternfly/react-topology":"4.68.3","@patternfly/react-virtualized-extension":"4.68.3"}},{"name":"2022.06","date":"2022-5-13","hidden":true,"versions":{"@patternfly/patternfly":"4.194.4","@patternfly/react-catalog-view-extension":"4.65.1","@patternfly/react-charts":"6.67.1","@patternfly/react-code-editor":"4.55.1","@patternfly/react-core":"4.214.1","@patternfly/react-icons":"4.65.1","@patternfly/react-inline-edit-extension":"4.59.1","@patternfly/react-log-viewer":"4.59.1","@patternfly/react-styles":"4.64.1","@patternfly/react-table":"4.83.1","@patternfly/react-tokens":"4.66.1","@patternfly/react-topology":"4.61.1","@patternfly/react-virtualized-extension":"4.61.1"}},{"name":"2022.05","date":"2022-4-25","hidden":true,"versions":{"@patternfly/patternfly":"4.192.1","@patternfly/react-catalog-view-extension":"4.57.1","@patternfly/react-charts":"6.59.1","@patternfly/react-code-editor":"4.47.1","@patternfly/react-core":"4.206.1","@patternfly/react-icons":"4.57.1","@patternfly/react-inline-edit-extension":"4.51.1","@patternfly/react-log-viewer":"4.51.1","@patternfly/react-styles":"4.56.1","@patternfly/react-table":"4.75.1","@patternfly/react-tokens":"4.58.1","@patternfly/react-topology":"4.53.1","@patternfly/react-virtualized-extension":"4.53.1"}},{"name":"2022.04","date":"2022-4-7","hidden":true,"versions":{"@patternfly/patternfly":"4.185.1","@patternfly/react-catalog-view-extension":"4.53.16","@patternfly/react-charts":"6.55.16","@patternfly/react-code-editor":"4.43.16","@patternfly/react-core":"4.202.16","@patternfly/react-icons":"4.53.16","@patternfly/react-inline-edit-extension":"4.47.16","@patternfly/react-log-viewer":"4.47.16","@patternfly/react-styles":"4.52.16","@patternfly/react-table":"4.71.16","@patternfly/react-tokens":"4.54.16","@patternfly/react-topology":"4.49.16","@patternfly/react-virtualized-extension":"4.49.16"}},{"name":"2022.03","date":"2022-3-10","hidden":true,"versions":{"@patternfly/patternfly":"4.183.1","@patternfly/react-catalog-view-extension":"4.49.19","@patternfly/react-charts":"6.51.19","@patternfly/react-code-editor":"4.39.19","@patternfly/react-core":"4.198.19","@patternfly/react-icons":"4.49.19","@patternfly/react-inline-edit-extension":"4.43.19","@patternfly/react-log-viewer":"4.43.19","@patternfly/react-styles":"4.48.19","@patternfly/react-table":"4.67.19","@patternfly/react-tokens":"4.50.19","@patternfly/react-topology":"4.45.19","@patternfly/react-virtualized-extension":"4.45.19"}},{"name":"2022.02","date":"2022-2-22","hidden":true,"versions":{"@patternfly/patternfly":"4.179.1","@patternfly/react-catalog-view-extension":"4.49.5","@patternfly/react-charts":"6.51.5","@patternfly/react-code-editor":"4.39.5","@patternfly/react-core":"4.198.5","@patternfly/react-icons":"4.49.5","@patternfly/react-inline-edit-extension":"4.43.5","@patternfly/react-log-viewer":"4.43.5","@patternfly/react-styles":"4.48.5","@patternfly/react-table":"4.67.5","@patternfly/react-tokens":"4.50.5","@patternfly/react-topology":"4.45.5","@patternfly/react-virtualized-extension":"4.45.5"}},{"name":"2022.01","date":"2022-1-28","hidden":true,"versions":{"@patternfly/patternfly":"4.171.1","@patternfly/react-catalog-view-extension":"4.43.14","@patternfly/react-charts":"6.45.14","@patternfly/react-code-editor":"4.33.14","@patternfly/react-core":"4.192.14","@patternfly/react-icons":"4.43.14","@patternfly/react-inline-edit-extension":"4.37.14","@patternfly/react-log-viewer":"4.37.14","@patternfly/react-styles":"4.42.14","@patternfly/react-table":"4.61.14","@patternfly/react-tokens":"4.44.14","@patternfly/react-topology":"4.39.14","@patternfly/react-virtualized-extension":"4.39.14"}},{"name":"2021.16","date":"2021-12-13","hidden":true,"versions":{"@patternfly/patternfly":"4.164.2","@patternfly/react-catalog-view-extension":"4.32.1","@patternfly/react-charts":"6.34.1","@patternfly/react-code-editor":"4.22.1","@patternfly/react-core":"4.181.1","@patternfly/react-icons":"4.32.1","@patternfly/react-inline-edit-extension":"4.26.1","@patternfly/react-log-viewer":"4.26.1","@patternfly/react-styles":"4.31.1","@patternfly/react-table":"4.50.1","@patternfly/react-tokens":"4.33.1","@patternfly/react-topology":"4.28.1","@patternfly/react-virtualized-extension":"4.28.1"}},{"name":"2021.15","date":"2021-11-16","hidden":true,"versions":{"@patternfly/patternfly":"4.159.1","@patternfly/react-catalog-view-extension":"4.26.4","@patternfly/react-charts":"6.28.4","@patternfly/react-code-editor":"4.16.4","@patternfly/react-core":"4.175.4","@patternfly/react-icons":"4.26.4","@patternfly/react-inline-edit-extension":"4.20.4","@patternfly/react-log-viewer":"4.20.4","@patternfly/react-styles":"4.25.4","@patternfly/react-table":"4.44.4","@patternfly/react-tokens":"4.27.4","@patternfly/react-topology":"4.22.4","@patternfly/react-virtualized-extension":"4.22.4"}},{"name":"2021.14","date":"2021-10-28","hidden":true,"versions":{"@patternfly/patternfly":"4.151.4","@patternfly/react-catalog-view-extension":"4.19.8","@patternfly/react-charts":"6.21.8","@patternfly/react-code-editor":"4.9.8","@patternfly/react-core":"4.168.8","@patternfly/react-icons":"4.19.8","@patternfly/react-inline-edit-extension":"4.13.8","@patternfly/react-log-viewer":"4.13.8","@patternfly/react-styles":"4.18.8","@patternfly/react-table":"4.37.8","@patternfly/react-tokens":"4.20.8","@patternfly/react-topology":"4.15.8","@patternfly/react-virtualized-extension":"4.15.8"}},{"name":"2021.13","date":"2021-10-13","hidden":true,"versions":{"@patternfly/patternfly":"4.144.4","@patternfly/react-catalog-view-extension":"4.13.17","@patternfly/react-charts":"6.15.31","@patternfly/react-code-editor":"4.3.84","@patternfly/react-core":"4.162.2","@patternfly/react-icons":"4.13.0","@patternfly/react-inline-edit-extension":"4.7.108","@patternfly/react-log-viewer":"4.7.20","@patternfly/react-styles":"4.12.4","@patternfly/react-table":"4.31.7","@patternfly/react-tokens":"4.14.0","@patternfly/react-topology":"4.9.103","@patternfly/react-virtualized-extension":"4.9.73"}},{"name":"2021.12","date":"2021-09-20","hidden":true,"versions":{"@patternfly/patternfly":"4.135.2","@patternfly/react-catalog-view-extension":"4.12.74","@patternfly/react-charts":"6.15.23","@patternfly/react-code-editor":"4.3.61","@patternfly/react-core":"4.157.3","@patternfly/react-icons":"4.11.17","@patternfly/react-inline-edit-extension":"4.7.84","@patternfly/react-log-viewer":"4.6.14","@patternfly/react-styles":"4.11.16","@patternfly/react-table":"4.30.3","@patternfly/react-tokens":"4.12.18","@patternfly/react-topology":"4.9.80","@patternfly/react-virtualized-extension":"4.9.49"}},{"name":"2021.11","date":"2021-08-26","hidden":true,"versions":{"@patternfly/patternfly":"4.132.2","@patternfly/react-catalog-view-extension":"4.12.56","@patternfly/react-charts":"6.15.20","@patternfly/react-code-editor":"4.3.42","@patternfly/react-core":"4.152.4","@patternfly/react-icons":"4.11.14","@patternfly/react-inline-edit-extension":"4.7.65","@patternfly/react-log-viewer":"4.5.4","@patternfly/react-styles":"4.11.13","@patternfly/react-table":"4.29.58","@patternfly/react-tokens":"4.12.15","@patternfly/react-topology":"4.9.62","@patternfly/react-virtualized-extension":"4.9.31"}},{"name":"2021.10","date":"2021-08-04","hidden":true,"versions":{"@patternfly/patternfly":"4.125.3","@patternfly/react-catalog-view-extension":"4.12.36","@patternfly/react-charts":"6.15.14","@patternfly/react-code-editor":"4.3.22","@patternfly/react-core":"4.147.0","@patternfly/react-icons":"4.11.8","@patternfly/react-inline-edit-extension":"4.7.44","@patternfly/react-log-viewer":"4.4.0","@patternfly/react-styles":"4.11.8","@patternfly/react-table":"4.29.37","@patternfly/react-tokens":"4.12.9","@patternfly/react-topology":"4.9.42","@patternfly/react-virtualized-extension":"4.9.11"}},{"name":"2021.08","date":"2021-06-23","hidden":true,"versions":{"@patternfly/patternfly":"4.115.2","@patternfly/react-catalog-view-extension":"4.12.0","@patternfly/react-charts":"6.15.3","@patternfly/react-code-editor":"4.2.92","@patternfly/react-core":"4.135.0","@patternfly/react-icons":"4.11.0","@patternfly/react-inline-edit-extension":"4.7.7","@patternfly/react-log-viewer":"4.2.0","@patternfly/react-styles":"4.11.0","@patternfly/react-table":"4.29.0","@patternfly/react-tokens":"4.12.0","@patternfly/react-topology":"4.9.6","@patternfly/react-virtualized-extension":"4.8.38"}},{"name":"2021.07","date":"2021-06-07","hidden":true,"versions":{"@patternfly/patternfly":"4.108.2","@patternfly/react-catalog-view-extension":"4.11.42","@patternfly/react-charts":"6.14.29","@patternfly/react-code-editor":"4.2.76","@patternfly/react-core":"4.128.2","@patternfly/react-icons":"4.10.11","@patternfly/react-inline-edit-extension":"4.6.125","@patternfly/react-log-viewer":"4.1.19","@patternfly/react-styles":"4.10.11","@patternfly/react-table":"4.27.24","@patternfly/react-tokens":"4.11.12","@patternfly/react-topology":"4.8.72","@patternfly/react-virtualized-extension":"4.8.23"}},{"name":"2021.06","date":"2021-05-17","hidden":true,"versions":{"@patternfly/patternfly":"4.103.6","@patternfly/react-catalog-view-extension":"4.11.25","@patternfly/react-charts":"6.14.22","@patternfly/react-code-editor":"4.2.59","@patternfly/react-core":"4.121.1","@patternfly/react-icons":"4.10.7","@patternfly/react-inline-edit-extension":"4.6.108","@patternfly/react-log-viewer":"4.1.2","@patternfly/react-styles":"4.10.7","@patternfly/react-table":"4.27.7","@patternfly/react-tokens":"4.11.8","@patternfly/react-topology":"4.8.55","@patternfly/react-virtualized-extension":"4.8.6"}},{"name":"2021.05","date":"2021-04-23","hidden":true,"versions":{"@patternfly/patternfly":"4.102.2","@patternfly/react-catalog-view-extension":"4.11.7","@patternfly/react-charts":"6.14.17","@patternfly/react-code-editor":"4.2.41","@patternfly/react-core":"4.115.2","@patternfly/react-icons":"4.10.2","@patternfly/react-inline-edit-extension":"4.6.88","@patternfly/react-styles":"4.10.2","@patternfly/react-table":"4.26.7","@patternfly/react-tokens":"4.11.3","@patternfly/react-topology":"4.8.37","@patternfly/react-virtualized-extension":"4.7.24"}},{"name":"2021.04","date":"2021-04-01","hidden":true,"versions":{"@patternfly/patternfly":"4.96.2","@patternfly/react-catalog-view-extension":"4.10.29","@patternfly/react-charts":"6.14.11","@patternfly/react-code-editor":"4.2.18","@patternfly/react-core":"4.106.2","@patternfly/react-icons":"4.9.9","@patternfly/react-inline-edit-extension":"4.6.65","@patternfly/react-styles":"4.9.4","@patternfly/react-table":"4.24.1","@patternfly/react-tokens":"4.10.9","@patternfly/react-topology":"4.8.15","@patternfly/react-virtualized-extension":"4.7.1"}},{"name":"2021.03","date":"2021-03-10","hidden":true,"versions":{"@patternfly/patternfly":"4.90.5","@patternfly/react-catalog-view-extension":"4.10.13","@patternfly/react-charts":"6.14.6","@patternfly/react-code-editor":"4.2.2","@patternfly/react-core":"4.101.3","@patternfly/react-icons":"4.9.5","@patternfly/react-inline-edit-extension":"4.6.48","@patternfly/react-styles":"4.8.5","@patternfly/react-table":"4.23.14","@patternfly/react-tokens":"4.10.5","@patternfly/react-topology":"4.7.45","@patternfly/react-virtualized-extension":"4.6.46"}},{"name":"2021.02","date":"2021-02-17","hidden":true,"versions":{"@patternfly/patternfly":"4.87.3","@patternfly/react-catalog-view-extension":"4.10.2","@patternfly/react-charts":"6.14.2","@patternfly/react-code-editor":"4.1.25","@patternfly/react-core":"4.97.2","@patternfly/react-icons":"4.9.2","@patternfly/react-inline-edit-extension":"4.6.36","@patternfly/react-styles":"4.8.2","@patternfly/react-table":"4.23.2","@patternfly/react-tokens":"4.10.2","@patternfly/react-topology":"4.7.34","@patternfly/react-virtualized-extension":"4.6.35"}},{"name":"2021.01","date":"2021-01-27","hidden":true,"versions":{"@patternfly/patternfly":"4.87.2","@patternfly/react-catalog-view-extension":"4.10.1","@patternfly/react-charts":"6.14.1","@patternfly/react-code-editor":"4.1.24","@patternfly/react-core":"4.97.1","@patternfly/react-icons":"4.9.1","@patternfly/react-inline-edit-extension":"4.6.35","@patternfly/react-styles":"4.8.1","@patternfly/react-table":"4.23.1","@patternfly/react-tokens":"4.10.1","@patternfly/react-topology":"4.7.33","@patternfly/react-virtualized-extension":"4.6.34"}},{"name":"2021.01","date":"2021-01-27","hidden":true,"versions":{"@patternfly/patternfly":"4.80.3","@patternfly/react-catalog-view-extension":"4.9.15","@patternfly/react-charts":"6.13.8","@patternfly/react-code-editor":"4.1.4","@patternfly/react-core":"4.90.2","@patternfly/react-icons":"4.8.4","@patternfly/react-inline-edit-extension":"4.6.15","@patternfly/react-styles":"4.7.29","@patternfly/react-table":"4.20.15","@patternfly/react-tokens":"4.9.26","@patternfly/react-topology":"4.7.15","@patternfly/react-virtualized-extension":"4.6.15"}},{"name":"2020.16","date":"2020-12-15","hidden":true,"versions":{"@patternfly/patternfly":"4.70.2","@patternfly/react-catalog-view-extension":"4.8.126","@patternfly/react-charts":"6.12.12","@patternfly/react-core":"4.84.4","@patternfly/react-icons":"4.7.22","@patternfly/react-inline-edit-extension":"4.5.187","@patternfly/react-styles":"4.7.22","@patternfly/react-table":"4.19.45","@patternfly/react-tokens":"4.9.22","@patternfly/react-topology":"4.6.91","@patternfly/react-virtualized-extension":"4.5.171"}},{"name":"2020.15","date":"2020-11-18","hidden":true,"versions":{"@patternfly/patternfly":"4.65.6","@patternfly/react-catalog-view-extension":"4.8.105","@patternfly/react-charts":"6.12.2","@patternfly/react-core":"4.79.2","@patternfly/react-datetime":"4.2.50","@patternfly/react-icons":"4.7.18","@patternfly/react-inline-edit-extension":"4.5.166","@patternfly/react-styles":"4.7.16","@patternfly/react-table":"4.19.24","@patternfly/react-tokens":"4.9.18","@patternfly/react-topology":"4.6.69","@patternfly/react-virtualized-extension":"4.5.150"}},{"name":"2020.14","date":"2020-10-27","hidden":true,"versions":{"@patternfly/patternfly":"4.59.1","@patternfly/react-catalog-view-extension":"4.8.89","@patternfly/react-charts":"6.11.7","@patternfly/react-core":"4.75.2","@patternfly/react-icons":"4.7.16","@patternfly/react-inline-edit-extension":"4.5.147","@patternfly/react-styles":"4.7.12","@patternfly/react-table":"4.19.5","@patternfly/react-tokens":"4.9.16","@patternfly/react-topology":"4.6.54","@patternfly/react-virtualized-extension":"4.5.134"}},{"name":"2020.13","date":"2020-10-06","hidden":true,"versions":{"@patternfly/patternfly":"4.50.4","@patternfly/react-catalog-view-extension":"4.8.60","@patternfly/react-charts":"6.10.4","@patternfly/react-core":"4.63.3","@patternfly/react-icons":"4.7.11","@patternfly/react-inline-edit-extension":"4.5.117","@patternfly/react-styles":"4.7.8","@patternfly/react-table":"4.18.14","@patternfly/react-tokens":"4.9.12","@patternfly/react-topology":"4.6.25","@patternfly/react-virtualized-extension":"4.5.105"}},{"name":"2020.12","date":"2020-09-18","hidden":true,"versions":{"@patternfly/patternfly":"4.42.2","@patternfly/react-catalog-view-extension":"4.8.31","@patternfly/react-charts":"6.9.8","@patternfly/react-core":"4.50.2","@patternfly/react-icons":"4.7.6","@patternfly/react-inline-edit-extension":"4.5.87","@patternfly/react-styles":"4.7.5","@patternfly/react-table":"4.16.20","@patternfly/react-tokens":"4.9.8","@patternfly/react-topology":"4.5.14","@patternfly/react-virtualized-extension":"4.5.76"}},{"name":"2020.11","date":"2020-08-26","hidden":true,"versions":{"@patternfly/patternfly":"4.35.2","@patternfly/react-catalog-view-extension":"4.8.18","@patternfly/react-charts":"6.9.6","@patternfly/react-core":"4.47.0","@patternfly/react-icons":"4.7.4","@patternfly/react-inline-edit-extension":"4.5.74","@patternfly/react-styles":"4.7.3","@patternfly/react-table":"4.16.7","@patternfly/react-tokens":"4.9.6","@patternfly/react-topology":"4.4.75","@patternfly/react-virtualized-extension":"4.5.63"}},{"name":"2020.10","date":"2020-08-17","hidden":true,"versions":{"@patternfly/patternfly":"4.31.6","@patternfly/react-catalog-view-extension":"4.8.5","@patternfly/react-charts":"6.9.4","@patternfly/react-core":"4.40.4","@patternfly/react-icons":"4.7.2","@patternfly/react-inline-edit-extension":"4.5.61","@patternfly/react-styles":"4.7.2","@patternfly/react-table":"4.15.5","@patternfly/react-tokens":"4.9.4","@patternfly/react-topology":"4.4.63","@patternfly/react-virtualized-extension":"4.5.51"}},{"name":"2020.09","date":"2020-07-17","hidden":true,"versions":{"@patternfly/patternfly":"4.23.3","@patternfly/react-catalog-view-extension":"4.5.1","@patternfly/react-charts":"6.6.0","@patternfly/react-core":"4.32.1","@patternfly/react-icons":"4.5.0","@patternfly/react-inline-edit-extension":"4.5.28","@patternfly/react-styles":"4.5.0","@patternfly/react-table":"4.12.1","@patternfly/react-tokens":"4.6.0","@patternfly/react-topology":"4.4.30","@patternfly/react-virtualized-extension":"4.5.20"}},{"name":"2020.08","date":"2020-06-24","hidden":true,"versions":{"@patternfly/patternfly":"4.16.7","@patternfly/react-catalog-view-extension":"4.4.8","@patternfly/react-charts":"6.5.4","@patternfly/react-core":"4.23.1","@patternfly/react-icons":"4.4.2","@patternfly/react-inline-edit-extension":"4.5.7","@patternfly/react-styles":"4.4.2","@patternfly/react-table":"4.8.6","@patternfly/react-tokens":"4.5.2","@patternfly/react-topology":"4.4.8","@patternfly/react-virtualized-extension":"4.4.8"}},{"name":"2020.07","date":"2020-06-05","hidden":true,"versions":{"@patternfly/patternfly":"4.10.31","@patternfly/react-catalog-view-extension":"4.3.12","@patternfly/react-charts":"6.3.9","@patternfly/react-core":"4.18.5","@patternfly/react-icons":"4.3.5","@patternfly/react-inline-edit-extension":"4.4.14","@patternfly/react-styles":"4.3.4","@patternfly/react-table":"4.5.7","@patternfly/react-tokens":"4.4.4","@patternfly/react-topology":"4.3.13","@patternfly/react-virtualized-extension":"4.3.14"}},{"name":"2020.06","date":"2020-05-11","hidden":true,"versions":{"@patternfly/patternfly":"2.71.6","@patternfly/react-catalog-view-extension":"1.4.66","@patternfly/react-charts":"5.3.21","@patternfly/react-core":"3.158.1","@patternfly/react-icons":"3.15.17","@patternfly/react-inline-edit-extension":"2.17.66","@patternfly/react-styles":"3.7.14","@patternfly/react-table":"2.28.47","@patternfly/react-tokens":"2.8.14","@patternfly/react-topology":"2.14.66","@patternfly/react-virtualized-extension":"1.4.67"}},{"name":"2020.05","date":"2020-04-21","hidden":true,"versions":{"@patternfly/patternfly":"2.71.5","@patternfly/react-catalog-view-extension":"1.4.58","@patternfly/react-charts":"5.3.19","@patternfly/react-core":"3.153.13","@patternfly/react-icons":"3.15.16","@patternfly/react-inline-edit-extension":"2.17.58","@patternfly/react-styles":"3.7.13","@patternfly/react-table":"2.28.39","@patternfly/react-tokens":"2.8.13","@patternfly/react-topology":"2.14.58","@patternfly/react-virtualized-extension":"1.4.59"}},{"name":"2020.04","date":"2020-03-31","hidden":true,"versions":{"@patternfly/patternfly":"2.71.3","@patternfly/react-catalog-view-extension":"1.4.48","@patternfly/react-charts":"5.3.18","@patternfly/react-core":"3.153.3","@patternfly/react-icons":"3.15.15","@patternfly/react-inline-edit-extension":"2.17.48","@patternfly/react-styles":"3.7.12","@patternfly/react-table":"2.28.29","@patternfly/react-tokens":"2.8.12","@patternfly/react-topology":"2.14.48","@patternfly/react-virtualized-extension":"1.4.49"}},{"name":"2020.03","date":"2020-03-13","hidden":true,"versions":{"@patternfly/patternfly":"2.68.3","@patternfly/react-catalog-view-extension":"1.4.27","@patternfly/react-charts":"5.3.12","@patternfly/react-core":"3.146.0","@patternfly/react-icons":"3.15.11","@patternfly/react-inline-edit-extension":"2.17.27","@patternfly/react-styles":"3.7.8","@patternfly/react-table":"2.28.8","@patternfly/react-tokens":"2.8.8","@patternfly/react-topology":"2.14.27","@patternfly/react-virtualized-extension":"1.4.28"}},{"name":"2020.02","date":"2020-02-19","hidden":true,"versions":{"@patternfly/patternfly":"2.65.2","@patternfly/react-catalog-view-extension":"1.4.11","@patternfly/react-charts":"5.3.5","@patternfly/react-core":"3.140.11","@patternfly/react-icons":"3.15.3","@patternfly/react-inline-edit-extension":"2.17.11","@patternfly/react-styles":"3.7.4","@patternfly/react-table":"2.27.11","@patternfly/react-tokens":"2.8.4","@patternfly/react-topology":"2.14.11","@patternfly/react-virtualized-extension":"1.4.12"}},{"name":"2020.01","date":"2020-01-28","hidden":true,"versions":{"@patternfly/patternfly":"2.56.3","@patternfly/react-catalog-view-extension":"1.2.5","@patternfly/react-charts":"5.2.21","@patternfly/react-core":"3.134.2","@patternfly/react-icons":"3.14.39","@patternfly/react-inline-edit-extension":"2.15.6","@patternfly/react-styles":"3.6.26","@patternfly/react-table":"2.25.6","@patternfly/react-tokens":"2.7.25","@patternfly/react-topology":"2.12.5","@patternfly/react-virtualized-extension":"1.3.93"}},{"name":"2019.11","date":"2019-12-18","hidden":true,"versions":{"@patternfly/patternfly":"2.46.1","@patternfly/react-catalog-view-extension":"1.1.58","@patternfly/react-charts":"5.2.9","@patternfly/react-core":"3.129.1","@patternfly/react-icons":"3.14.28","@patternfly/react-inline-edit-extension":"2.14.18","@patternfly/react-styles":"3.6.15","@patternfly/react-table":"2.24.62","@patternfly/react-tokens":"2.7.14","@patternfly/react-topology":"2.11.46","@patternfly/react-virtualized-extension":"1.3.59"}},{"name":"2019.10","date":"2019-11-25","hidden":true,"versions":{"@patternfly/patternfly":"2.43.1","@patternfly/react-catalog-view-extension":"1.1.38","@patternfly/react-charts":"5.2.2","@patternfly/react-core":"3.124.1","@patternfly/react-icons":"3.14.23","@patternfly/react-inline-edit-extension":"2.13.9","@patternfly/react-styles":"3.6.11","@patternfly/react-table":"2.24.41","@patternfly/react-tokens":"2.7.10","@patternfly/react-topology":"2.11.27","@patternfly/react-virtualized-extension":"1.3.40"}},{"name":"2019.09","date":"2019-11-01","hidden":true,"versions":{"@patternfly/patternfly":"2.40.6","@patternfly/react-charts":"5.1.5","@patternfly/react-core":"3.120.5","@patternfly/react-styles":"3.6.5","@patternfly/react-table":"2.24.17","@patternfly/react-tokens":"2.7.5","@patternfly/react-topology":"2.11.5","@patternfly/react-icons":"3.14.18","@patternfly/react-virtualized-extension":"1.3.17","@patternfly/react-inline-edit-extension":"2.12.17"}},{"name":"2019.08","date":"2019-10-01","hidden":true,"versions":{"@patternfly/patternfly":"2.33.5","@patternfly/react-charts":"5.0.13","@patternfly/react-core":"3.112.3","@patternfly/react-styles":"3.5.27","@patternfly/react-table":"2.22.19","@patternfly/react-tokens":"2.6.31","@patternfly/react-topology":"2.8.65","@patternfly/react-icons":"3.14.7","@patternfly/react-virtualized-extension":"1.2.55","@patternfly/react-inline-edit-extension":"2.11.70"}},{"name":"2019.07","date":"2019-09-10","hidden":true,"versions":{"@patternfly/patternfly":"2.31.6","@patternfly/react-charts":"4.7.9","@patternfly/react-core":"3.104.0","@patternfly/react-styles":"3.5.22","@patternfly/react-table":"2.20.15","@patternfly/react-tokens":"2.6.26","@patternfly/react-topology":"2.8.34","@patternfly/react-icons":"3.14.2","@patternfly/react-virtualized-extension":"1.2.23","@patternfly/react-inline-edit-extension":"2.11.35"}},{"name":"2019.06","date":"2019-08-13","hidden":true,"versions":{"@patternfly/patternfly":"2.26.1","@patternfly/react-charts":"4.7.9","@patternfly/react-core":"3.87.3","@patternfly/react-styles":"3.5.13","@patternfly/react-table":"2.17.5","@patternfly/react-tokens":"2.6.16","@patternfly/react-topology":"2.7.31","@patternfly/react-icons":"3.10.14","@patternfly/react-virtualized-extension":"1.1.117","@patternfly/react-inline-edit-extension":"2.10.5"}},{"name":"2019.05","date":"2019-07-24","hidden":true,"versions":{"@patternfly/patternfly":"2.23.0","@patternfly/react-charts":"4.7.1","@patternfly/react-core":"3.75.2","@patternfly/react-icons":"3.10.14","@patternfly/react-inline-edit-extension":"2.9.49","@patternfly/react-styles":"3.5.7","@patternfly/react-table":"2.14.23","@patternfly/react-tokens":"2.6.13","@patternfly/react-topology":"2.6.20","@patternfly/react-virtualized-extension":"1.1.82"}},{"name":"2019.04","date":"2019-07-02","hidden":true,"versions":{"@patternfly/patternfly":"2.17.0","@patternfly/react-charts":"4.4.7","@patternfly/react-core":"3.58.1","@patternfly/react-icons":"3.10.6","@patternfly/react-inline-edit-extension":"2.9.12","@patternfly/react-styles":"3.4.6","@patternfly/react-table":"2.13.43","@patternfly/react-tokens":"2.6.5","@patternfly/react-topology":"2.4.21","@patternfly/react-virtualized-extension":"1.1.45"}},{"name":"2019.03","date":"2019-06-11","hidden":true,"versions":{"@patternfly/patternfly":"2.17.0","@patternfly/react-charts":"4.1.5","@patternfly/react-core":"3.58.1","@patternfly/react-icons":"3.9.5","@patternfly/react-inline-edit-extension":"2.7.7","@patternfly/react-styles":"3.3.3","@patternfly/react-table":"2.11.1","@patternfly/react-tokens":"2.5.5"}},{"name":"2019.02","date":"2019-06-05","hidden":true,"versions":{"@patternfly/patternfly":"2.17.0","@patternfly/react-charts":"3.6.5","@patternfly/react-core":"3.34.2","@patternfly/react-icons":"3.9.3","@patternfly/react-inline-edit-extension":"2.5.2","@patternfly/react-styles":"3.2.3","@patternfly/react-table":"2.9.2","@patternfly/react-tokens":"2.5.3"}}]'),v={ArchivedReleases:G,Releases:M},O=()=>{const a=v.Releases.find(e=>e.latest),p=Object.values(v.Releases).filter(e=>!e.hidden&&!e.latest),y=Object.values(v.ArchivedReleases),[n,l]=o.useState(!1),r=(e,c=!1)=>t.jsx(R,{itemId:`${e.name}-latest-release`,to:c?"/":e.href?e.href:`/${e.name}`,isExternalLink:!!e.href,children:`Release ${e.name}`},`${e.name}-latest`);return t.jsxs(D,{onSelect:()=>l(!n),onOpenChange:e=>l(e),isOpen:n,toggle:e=>t.jsx(I,{ref:e,onClick:()=>l(!n),isExpanded:n,children:`Release ${a.name}`}),popperProps:{position:"right"},children:[t.jsx(s,{label:"Latest",children:t.jsx(d,{children:r(a,!0)})},"Latest"),p.length>0&&t.jsx(s,{label:"Previous releases",children:t.jsx(d,{children:p.slice(0,3).map(e=>r(e))})},"Previous releases"),y.length>0&&t.jsxs(t.Fragment,{children:[t.jsx(T,{},"divider1"),t.jsx(s,{label:"Previous versions",children:t.jsx(d,{children:y.map(e=>r(e))})},"Previous versions")]})]})},Q=()=>t.jsx(k,{id:"toolbar",isStatic:!0,children:t.jsx(z,{children:t.jsxs(j,{variant:"action-group-plain",align:{default:"alignEnd"},gap:{default:"gapNone",md:"gapMd"},children:[t.jsx(f,{children:t.jsx(E,{})}),t.jsx(f,{children:t.jsx(C,{})}),t.jsx(f,{children:t.jsx(u,{component:"a",variant:"plain",href:"//github.com/patternfly",target:"top","aria-label":"PatternFly GitHub page",children:t.jsx(w,{})})}),t.jsx(f,{children:t.jsx(O,{})})]})})});export{Q as Toolbar};