@patternfly/patternfly-doc-core 1.2.1 → 1.4.0

package/dist/cli/cli.js

@@ -8,6 +8,9 @@ import { setFsRootDir } from './setFsRootDir.js';
 import { createConfigFile } from './createConfigFile.js';
 import { updatePackageFile } from './updatePackageFile.js';
 import { getConfig } from './getConfig.js';
+import { symLinkConfig } from './symLinkConfig.js';
+import { buildPropsData } from './buildPropsData.js';
+import { hasFile } from './hasFile.js';
 function updateContent(program) {
     const { verbose } = program.opts();
     if (verbose) {
@@ -15,14 +18,36 @@ function updateContent(program) {
     }
     createCollectionContent(astroRoot, `${process.cwd()}/pf-docs.config.mjs`, verbose);
 }
-const astroRoot = import.meta
-    .resolve('@patternfly/patternfly-doc-core')
-    .replace('dist/cli/cli.js', '')
-    .replace('file://', '');
+async function generateProps(program, forceProps = false) {
+    const { verbose, props } = program.opts();
+    if (!props && !forceProps) {
+        return;
+    }
+    if (verbose) {
+        console.log('Verbose mode enabled');
+    }
+    buildPropsData(currentDir, astroRoot, `${currentDir}/pf-docs.config.mjs`, verbose);
+}
+let astroRoot = '';
+try {
+    astroRoot = import.meta
+        .resolve('@patternfly/patternfly-doc-core')
+        .replace('dist/cli/cli.js', '')
+        .replace('file://', '');
+}
+catch (e) {
+    if (e.code === 'ERR_MODULE_NOT_FOUND') {
+        astroRoot = process.cwd();
+    }
+    else {
+        console.error('Error resolving astroRoot', e);
+    }
+}
 const currentDir = process.cwd();
 const program = new Command();
 program.name('pf-doc-core');
 program.option('--verbose', 'verbose mode', false);
+program.option('--props', 'generate props data', false);
 program.command('setup').action(async () => {
     await Promise.all([
         updatePackageFile(astroRoot, currentDir),
@@ -32,14 +57,20 @@ program.command('setup').action(async () => {
 });
 program.command('init').action(async () => {
     await setFsRootDir(astroRoot, currentDir);
+    await symLinkConfig(astroRoot, currentDir);
     console.log('\nInitialization complete, next update your pf-docs.config.mjs file and then run the `start` script to start the dev server');
 });
 program.command('start').action(async () => {
     updateContent(program);
+    // if a props file hasn't been generated yet, but the consumer has propsData, it will cause a runtime error so to
+    // prevent that we're just creating a props file regardless of what they say if one doesn't exist yet
+    const hasPropsFile = await hasFile(join(astroRoot, 'dist', 'props.json'));
+    await generateProps(program, !hasPropsFile);
     dev({ mode: 'development', root: astroRoot });
 });
 program.command('build').action(async () => {
     updateContent(program);
+    await generateProps(program, true);
     const config = await getConfig(`${currentDir}/pf-docs.config.mjs`);
     if (!config) {
         console.error('No config found, please run the `setup` command or manually create a pf-docs.config.mjs file');
@@ -51,6 +82,10 @@ program.command('build').action(async () => {
     }
     build({ root: astroRoot, outDir: join(currentDir, config.outputDir) });
 });
+program.command('generate-props').action(async () => {
+    await generateProps(program, true);
+    console.log('\nProps data generated');
+});
 program.command('serve').action(async () => {
     updateContent(program);
     preview({ root: astroRoot });

package/dist/cli/hasFile.js

@@ -0,0 +1,4 @@
+import { readFile } from "fs/promises";
+export async function hasFile(path) {
+    return readFile(path).then(() => true, () => false);
+}

package/dist/cli/symLinkConfig.js

@@ -0,0 +1,15 @@
+/* eslint-disable no-console */
+import { symlink } from 'fs/promises';
+export async function symLinkConfig(astroRootDir, consumerRootDir) {
+    const configFileName = '/pf-docs.config.mjs';
+    const docsConfigFile = consumerRootDir + configFileName;
+    try {
+        await symlink(docsConfigFile, astroRootDir + configFileName);
+    }
+    catch (e) {
+        console.error(`Error creating symlink to ${docsConfigFile} in ${astroRootDir}`, e);
+    }
+    finally {
+        console.log(`Symlink to ${docsConfigFile} in ${astroRootDir} created`);
+    }
+}

package/dist/cli/templates/pf-docs.config.mjs

@@ -16,5 +16,17 @@ export const config = {
     //   name: "react-component-docs",
     // },
     ],
-    outputDir: "./dist/docs"
+    navSectionOrder: ["get-started", "design-foundations"],
+    outputDir: './dist/docs',
+    propsGlobs: [
+    // {
+    //   include: ['*/@patternfly/react-core/src/**/*.tsx'],
+    //   exclude: [
+    //     '/**/examples/**',
+    //     '/**/__mocks__/**',
+    //     '/**/__tests__/**',
+    //     '/**/*.test.tsx',
+    //   ],
+    // },
+    ],
 };

package/dist/cli/tsDocGen.js

@@ -0,0 +1,153 @@
+import { readFile } from 'fs/promises';
+import { parse } from 'react-docgen';
+import ts from 'typescript';
+const annotations = [
+    {
+        regex: /@deprecated/,
+        name: 'deprecated',
+        type: 'Boolean',
+    },
+    {
+        regex: /@hide/,
+        name: 'hide',
+        type: 'Boolean',
+    },
+    {
+        regex: /@beta/,
+        name: 'beta',
+        type: 'Boolean',
+    },
+    {
+        regex: /@propType\s+(.*)/,
+        name: 'type',
+        type: 'String',
+    },
+];
+function addAnnotations(prop) {
+    if (prop.description) {
+        annotations.forEach(({ regex, name }) => {
+            const match = prop.description.match(regex);
+            if (match) {
+                prop.description = prop.description.replace(regex, '').trim();
+                if (name) {
+                    prop[name] = match[2] || match[1] || true;
+                }
+            }
+        });
+    }
+    return prop;
+}
+function getComponentMetadata(filename, sourceText) {
+    let parsedComponents = null;
+    try {
+        parsedComponents = parse(sourceText, { filename });
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
+    catch (_err) {
+        // eslint-disable-next-line no-console
+        // console.warn(`No component found in ${filename}:`, err);
+    }
+    return (parsedComponents || []).filter((parsed) => parsed && parsed.displayName);
+}
+const getNodeText = (node, sourceText) => {
+    if (!node || !node.pos || !node.end) {
+        return undefined;
+    }
+    return sourceText.substring(node.pos, node.end).trim();
+};
+const buildJsDocProps = (nodes, sourceText) => nodes?.reduce((acc, member) => {
+    const name = (member.name && member.name.escapedText) ||
+        (member.parameters &&
+            `[${getNodeText(member.parameters[0], sourceText)}]`) ||
+        'Unknown';
+    acc[name] = {
+        description: member.jsDoc
+            ? member.jsDoc.map((doc) => doc.comment).join('\n')
+            : null,
+        required: member.questionToken === undefined,
+        type: {
+            raw: getNodeText(member.type, sourceText).trim(),
+        },
+    };
+    return acc;
+}, {});
+const getSourceFileStatements = (filename, sourceText) => {
+    const { statements } = ts.createSourceFile(filename, sourceText, ts.ScriptTarget.Latest);
+    return statements;
+};
+const getInterfaceMetadata = (filename, sourceText) => getSourceFileStatements(filename, sourceText).reduce((metaDataAcc, statement) => {
+    if (statement.kind === ts.SyntaxKind.InterfaceDeclaration) {
+        const _statement = statement;
+        metaDataAcc.push({
+            displayName: _statement.name.escapedText,
+            description: _statement.jsDoc?.map((doc) => doc.comment).join('\n'),
+            props: buildJsDocProps(_statement.members, sourceText),
+        });
+    }
+    return metaDataAcc;
+}, []);
+const getTypeAliasMetadata = (filename, sourceText) => getSourceFileStatements(filename, sourceText).reduce((metaDataAcc, statement) => {
+    if (statement.kind === ts.SyntaxKind.TypeAliasDeclaration) {
+        const _statement = statement;
+        const props = _statement.type.types?.reduce((propAcc, type) => {
+            if (type.members) {
+                propAcc.push(buildJsDocProps(type.members, sourceText));
+            }
+            return propAcc;
+        }, []);
+        metaDataAcc.push({
+            props,
+            displayName: _statement.name.escapedText,
+            description: _statement.jsDoc?.map((doc) => doc.comment).join('\n'),
+        });
+    }
+    return metaDataAcc;
+}, []);
+function normalizeProp([name, { required, annotatedType, type, tsType, description, defaultValue },]) {
+    const res = {
+        name,
+        type: annotatedType ||
+            (type && type.name) ||
+            (type && (type.raw || type.name)) ||
+            (tsType && (tsType.raw || tsType.name)) ||
+            'No type info',
+        description,
+    };
+    if (required) {
+        res.required = true;
+    }
+    if (defaultValue && defaultValue.value) {
+        res.defaultValue = defaultValue.value;
+    }
+    return res;
+}
+export async function tsDocgen(file) {
+    const sourceText = await readFile(file, 'utf8');
+    const componentMeta = getComponentMetadata(file, sourceText); // Array of components with props
+    const interfaceMeta = getInterfaceMetadata(file, sourceText); // Array of interfaces with props
+    const typeAliasMeta = getTypeAliasMetadata(file, sourceText); // Array of type aliases with props
+    const propsMetaMap = [...interfaceMeta, ...typeAliasMeta].reduce(function (target, interfaceOrTypeAlias) {
+        target[interfaceOrTypeAlias.displayName] = interfaceOrTypeAlias;
+        return target;
+    }, {});
+    // Go through each component and check if they have an interface or type alias with a jsDoc description
+    // If so copy it over (fix for https://github.com/patternfly/patternfly-react/issues/7612)
+    componentMeta.forEach((c) => {
+        if (c.description) {
+            return c;
+        }
+        const propsName = `${c.displayName}Props`;
+        if (propsMetaMap[propsName]?.description) {
+            c.description = propsMetaMap[propsName].description;
+        }
+    });
+    return [...componentMeta, ...interfaceMeta, ...typeAliasMeta].map((parsed) => ({
+        name: parsed.displayName,
+        description: parsed.description || '',
+        props: Object.entries(parsed.props || {})
+            .map(normalizeProp)
+            .map(addAnnotations)
+            .filter((prop) => !prop.hide)
+            .sort((p1, p2) => p1.name.localeCompare(p2.name)),
+    }));
+}

package/dist/cli/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../../cli/cli.ts","../../cli/createCollectionContent.ts","../../cli/createConfigFile.ts","../../cli/getConfig.ts","../../cli/setFsRootDir.ts","../../cli/updatePackageFile.ts","../../cli/templates/pf-docs.config.mjs"],"version":"5.6.3"}
+{"root":["../../cli/buildPropsData.ts","../../cli/cli.ts","../../cli/createCollectionContent.ts","../../cli/createConfigFile.ts","../../cli/getConfig.ts","../../cli/hasFile.ts","../../cli/setFsRootDir.ts","../../cli/symLinkConfig.ts","../../cli/tsDocGen.js","../../cli/updatePackageFile.ts","../../cli/templates/pf-docs.config.mjs"],"version":"5.6.3"}

package/dist/client/_astro/Navigation.75VF_8AW.js

@@ -0,0 +1 @@
+import{f as ee,_ as O,d as h,h as te,v as B,w as J,B as Q,u as xe,g as be,j as y}from"./Button.C3_jB5tC.js";import{r as t}from"./index.CTH3fVMn.js";/* empty css                        */import{g as Ie,A as Le,a as $,d as ye,P as Ne,m as Ce}from"./divider.BSD-oFoh.js";import{s as F}from"./page.B65lVdBS.js";const i={modifiers:{expanded:"pf-m-expanded",hover:"pf-m-hover",current:"pf-m-current",flyout:"pf-m-flyout",horizontal:"pf-m-horizontal",subnav:"pf-m-subnav",scrollable:"pf-m-scrollable"},nav:"pf-v6-c-nav",navItem:"pf-v6-c-nav__item",navLink:"pf-v6-c-nav__link",navLinkIcon:"pf-v6-c-nav__link-icon",navList:"pf-v6-c-nav__list",navScrollButton:"pf-v6-c-nav__scroll-button",navSubnav:"pf-v6-c-nav__subnav",navToggle:"pf-v6-c-nav__toggle",navToggleIcon:"pf-v6-c-nav__toggle-icon"},Ae={},A=t.createContext(Ae);class w extends t.Component{constructor(){super(...arguments),this.state={isScrollable:!1,ouiaStateId:ee(w.displayName,this.props.variant),flyoutRef:null},this.navRef=t.createRef()}onSelect(e,n,s,a,l,c){l&&e.preventDefault(),this.props.onSelect(e,{groupId:n,itemId:s,to:a}),c&&c(e,s,n,a)}onToggle(e,n,s){this.props.onToggle(e,{groupId:n,isExpanded:s})}render(){const e=this.props,{"aria-label":n,children:s,className:a,onSelect:l,onToggle:c,ouiaId:d,ouiaSafe:r,variant:p}=e,m=O(e,["aria-label","children","className","onSelect","onToggle","ouiaId","ouiaSafe","variant"]),v=["horizontal","horizontal-subnav"].includes(p);return t.createElement(A.Provider,{value:{onSelect:(g,I,E,R,N,P)=>this.onSelect(g,I,E,R,N,P),onToggle:(g,I,E)=>this.onToggle(g,I,E),updateIsScrollable:g=>this.setState({isScrollable:g}),isHorizontal:["horizontal","horizontal-subnav"].includes(p),flyoutRef:this.state.flyoutRef,setFlyoutRef:g=>this.setState({flyoutRef:g}),navRef:this.navRef}},t.createElement("nav",Object.assign({className:h(i.nav,v&&i.modifiers.horizontal,p==="horizontal-subnav"&&i.modifiers.subnav,this.state.isScrollable&&i.modifiers.scrollable,a),"aria-label":n||(p==="horizontal-subnav"?"Local":"Global"),ref:this.navRef},te(w.displayName,d!==void 0?d:this.state.ouiaStateId,r),m),s))}}w.displayName="Nav";w.defaultProps={onSelect:()=>{},onToggle:()=>{},ouiaSafe:!0};const we={isSidebarOpen:!0},M=t.createContext(we);class U extends t.Component{constructor(){super(...arguments),this.direction="ltr",this.state={scrollViewAtStart:!1,scrollViewAtEnd:!1},this.navList=t.createRef(),this.observer=()=>{},this.handleScrollButtons=()=>{const e=this.navList.current;if(e){const n=B(e,e.firstChild),s=B(e,e.lastChild);this.setState({scrollViewAtStart:n,scrollViewAtEnd:s}),this.context.updateIsScrollable(!n||!s)}},this.scrollBack=()=>{const e=this.navList.current;if(e){const n=Array.from(e.children);let s,a;for(let l=0;l<n.length&&!s;l++)B(e,n[l])&&(s=n[l],a=n[l-1]);a&&(this.direction==="ltr"?e.scrollLeft-=a.scrollWidth:e.scrollLeft+=a.scrollWidth),this.handleScrollButtons()}},this.scrollForward=()=>{const e=this.navList.current;if(e){const n=Array.from(e.children);let s,a;for(let l=n.length-1;l>=0&&!s;l--)B(e,n[l])&&(s=n[l],a=n[l+1]);a&&(this.direction==="ltr"?e.scrollLeft+=a.scrollWidth:e.scrollLeft-=a.scrollWidth),this.handleScrollButtons()}}}componentDidMount(){this.observer=Ie(this.navList.current,this.handleScrollButtons),this.direction=J(this.navList.current),this.handleScrollButtons()}componentWillUnmount(){this.observer()}componentDidUpdate(){this.direction=J(this.navList.current)}render(){const e=this.props,{children:n,className:s,backScrollAriaLabel:a,forwardScrollAriaLabel:l}=e,c=O(e,["children","className","backScrollAriaLabel","forwardScrollAriaLabel"]),{scrollViewAtStart:d,scrollViewAtEnd:r}=this.state;return t.createElement(A.Consumer,null,({isHorizontal:p})=>t.createElement(M.Consumer,null,({isSidebarOpen:m})=>t.createElement(t.Fragment,null,p&&(!d||!r)&&t.createElement("div",{className:h(i.navScrollButton)},t.createElement(Q,{variant:"plain","aria-label":a,onClick:this.scrollBack,isDisabled:d,tabIndex:m?null:-1,icon:t.createElement(Le,null)})),t.createElement("ul",Object.assign({ref:this.navList,className:h(i.navList,s),onScroll:this.handleScrollButtons,role:"list"},c),n),p&&(!d||!r)&&t.createElement("div",{className:h(i.navScrollButton)},t.createElement(Q,{variant:"plain","aria-label":l,onClick:this.scrollForward,isDisabled:r,tabIndex:m?null:-1,icon:t.createElement($,null)})))))}}U.displayName="NavList";U.contextType=A;U.defaultProps={backScrollAriaLabel:"Scroll back",forwardScrollAriaLabel:"Scroll foward"};const W=o=>{var{children:e,styleChildren:n=!0,className:s,to:a,isActive:l=!1,groupId:c=null,itemId:d=null,preventDefault:r=!1,onClick:p,component:m="a",flyout:v,onShowFlyout:g,ouiaId:I,ouiaSafe:E,zIndex:R=9999,icon:N}=o,P=O(o,["children","styleChildren","className","to","isActive","groupId","itemId","preventDefault","onClick","component","flyout","onShowFlyout","ouiaId","ouiaSafe","zIndex","icon"]);const{flyoutRef:T,setFlyoutRef:j,navRef:V}=t.useContext(A),{isSidebarOpen:re}=t.useContext(M),[z,ie]=t.useState(null),[ce,H]=t.useState(!1),L=t.useRef(),x=L===T,C=t.useRef(),S=v!==void 0,de=S?"button":m;a&&S&&console.error('NavItem cannot have both "to" and "flyout" props.');const D=(u,f)=>{(!x||f)&&u?j(L):(x||f)&&!u&&j(null),g&&u&&g()},ue=u=>{const f=u.target.closest(`.${i.navItem}.pf-m-flyout`);S&&!x?D(!0):T!==null&&!f&&j(null)},q=u=>{u.target.closest(".pf-m-flyout")||(S?D(!1,!0):T!==null&&j(null))},pe=u=>{var f,b;const k=u.key,K=u.target;(k===" "||k==="Enter"||k==="ArrowRight")&&S&&(!((f=L?.current)===null||f===void 0)&&f.contains(K))&&(u.stopPropagation(),u.preventDefault(),x||(D(!0),ie(K))),(k==="Escape"||k==="ArrowLeft")&&((b=C?.current)===null||b===void 0?void 0:b.querySelectorAll(`.${Ce.menu}`).length)===1&&x&&(u.stopPropagation(),u.preventDefault(),D(!1))};t.useEffect(()=>(S&&window.addEventListener("click",q),()=>{S&&window.removeEventListener("click",q)}),[]),t.useEffect(()=>{z&&(x?Array.from(C.current.getElementsByTagName("UL")[0].children).filter(f=>!(f.classList.contains("pf-m-disabled")||f.classList.contains(ye.divider)))[0].firstChild.focus():z.focus())},[x,z]);const X=t.createElement("span",{className:h(i.navToggle)},t.createElement("span",{className:h(i.navToggleIcon)},t.createElement($,{"aria-hidden":!0}))),fe={"aria-haspopup":"menu","aria-expanded":x},G=re?null:-1,me=u=>{const f=r||!a;return t.createElement(de,Object.assign({href:a,onClick:b=>u.onSelect(b,c,d,a,f,p),className:h(i.navLink,l&&i.modifiers.current,ce&&i.modifiers.hover,s),"aria-current":l?"page":null,tabIndex:G},S&&Object.assign({},fe),P),N&&t.createElement("span",{className:h(i.navLinkIcon)},N),t.createElement("span",{className:h(`${i.nav}__link-text`)},e),v&&X)},he=(u,f)=>t.cloneElement(f,Object.assign(Object.assign({onClick:b=>u.onSelect(b,c,d,a,r,p),"aria-current":l?"page":null},n&&{className:h(i.navLink,l&&i.modifiers.current,f.props&&f.props.className)}),{tabIndex:f.props.tabIndex||G,children:S?t.createElement(t.Fragment,null,f.props.children,X):f.props.children})),ve=xe(W.displayName,I,E),ge=()=>{H(!0)},Se=()=>{H(!1)},Ee=t.createElement(Ne,{triggerRef:L,popper:t.createElement("div",{ref:C,onMouseEnter:ge,onMouseLeave:Se},v),popperRef:C,placement:"right-start",isVisible:x,onDocumentKeyDown:pe,zIndex:R,appendTo:V?.current});return t.createElement(t.Fragment,null,t.createElement("li",Object.assign({onMouseOver:ue,className:h(i.navItem,S&&i.modifiers.flyout,s),ref:L},ve),t.createElement(A.Consumer,null,u=>t.isValidElement(e)?he(u,e):me(u))),v&&Ee)};W.displayName="NavItem";class _ extends t.Component{constructor(){super(...arguments),this.id=this.props.id||be(),this.state={expandedState:this.props.isExpanded,ouiaStateId:ee(_.displayName)},this.onExpand=(e,n)=>{const{expandedState:s}=this.state;if(this.props.onExpand)this.props.onExpand(e,!s);else{this.setState(l=>({expandedState:!l.expandedState}));const{groupId:a}=this.props;n(e,a,!s)}}}componentDidMount(){this.setState({expandedState:this.props.isExpanded})}componentDidUpdate(e){this.props.isExpanded!==e.isExpanded&&this.setState({expandedState:this.props.isExpanded})}render(){const e=this.props,{title:n,srText:s,children:a,className:l,isActive:c,ouiaId:d,groupId:r,id:p,isExpanded:m,buttonProps:v,onExpand:g}=e,I=O(e,["title","srText","children","className","isActive","ouiaId","groupId","id","isExpanded","buttonProps","onExpand"]),{expandedState:E,ouiaStateId:R}=this.state;return t.createElement(A.Consumer,null,N=>t.createElement("li",Object.assign({className:h(i.navItem,E&&i.modifiers.expanded,c&&i.modifiers.current,l)},te(_.displayName,d!==void 0?d:R),I),t.createElement(M.Consumer,null,({isSidebarOpen:P})=>t.createElement("button",Object.assign({className:h(i.navLink),id:s?null:this.id,onClick:T=>this.onExpand(T,N.onToggle),"aria-expanded":E,tabIndex:P?null:-1},v),typeof n!="string"?t.createElement("span",{className:h(`${i.nav}__link-text`)},n):n,t.createElement("span",{className:h(i.navToggle)},t.createElement("span",{className:h(i.navToggleIcon)},t.createElement($,{"aria-hidden":"true"}))))),t.createElement("section",{className:h(i.navSubnav),"aria-labelledby":this.id,hidden:E?null:!0},s&&t.createElement("h2",{className:"pf-v6-screen-reader",id:this.id},s),t.createElement("ul",{className:h(i.navList),role:"list"},a))))}}_.displayName="NavExpandable";_.defaultProps={srText:"",isExpanded:!1,children:"",className:"",groupId:null,isActive:!1,id:""};const ne=o=>{var{children:e,className:n,usePageInsets:s,isFilled:a,isContextSelector:l}=o,c=O(o,["children","className","usePageInsets","isFilled","isContextSelector"]);return t.createElement("div",Object.assign({className:h(F.pageSidebarBody,s&&F.modifiers.pageInsets,a===!1&&F.modifiers.noFill,a===!0&&F.modifiers.fill,l===!0&&F.modifiers.contextSelector,n)},c),e)};ne.displayName="PageSidebarBody";const _e=/([\p{Ll}\d])(\p{Lu})/gu,Re=/(\p{Lu})([\p{Lu}][\p{Ll}])/gu,Pe=/(\d)\p{Ll}|(\p{L})\d/u,Te=/[^\p{L}\d]+/giu,Y="$1\0$2",Z="";function se(o){let e=o.trim();e=e.replace(_e,Y).replace(Re,Y),e=e.replace(Te,"\0");let n=0,s=e.length;for(;e.charAt(n)==="\0";)n++;if(n===s)return[];for(;e.charAt(s-1)==="\0";)s--;return e.slice(n,s).split(/\0/g)}function ke(o){const e=se(o);for(let n=0;n<e.length;n++){const s=e[n],a=Pe.exec(s);if(a){const l=a.index+(a[1]??a[2]).length;e.splice(n,1,s.slice(0,l),s.slice(l))}}return e}function Fe(o,e){const[n,s,a]=oe(o,e);return n+s.map(le(e?.locale)).join(e?.delimiter??" ")+a}function ae(o,e){return Fe(o,{delimiter:"-",...e})}function Oe(o,e){const[n,s,a]=oe(o,e),l=le(e?.locale),c=je(e?.locale),d=De(l,c);return n+s.map((r,p)=>p===0?d(r):l(r)).join(" ")+a}function le(o){return o===!1?e=>e.toLowerCase():e=>e.toLocaleLowerCase(o)}function je(o){return e=>e.toLocaleUpperCase(o)}function De(o,e){return n=>`${e(n[0])}${o(n.slice(1))}`}function oe(o,e={}){const n=e.split??(e.separateNumbers?ke:se),s=e.prefixCharacters??Z,a=e.suffixCharacters??Z;let l=0,c=o.length;for(;l<o.length;){const d=o.charAt(l);if(!s.includes(d))break;l++}for(;c>l;){const d=c-1,r=o.charAt(d);if(!a.includes(r))break;c=d}return[o.slice(0,l),n(o.slice(l,c)),o.slice(c)]}const Be=({entry:o,isActive:e})=>{const{id:n}=o,{id:s,section:a}=o.data,l=a==="components"||a==="layouts"?ae(s):n;return y.jsx(W,{itemId:l,to:`/${a}/${l}`,isActive:e,id:`nav-entry-${l}`,children:s})},Ue=({entries:o,sectionId:e,activeItem:n})=>{const s=window.location.pathname.includes(e),a=o.sort((r,p)=>r.data.id.localeCompare(p.data.id)),l=a.some(r=>r.id===n);let c=a;(e==="components"||e==="layouts")&&(c=[...a.reduce((r,p)=>(r.has(p.data.id)||r.set(p.data.id,p),r),new Map).values()]);const d=c.map(r=>y.jsx(Be,{entry:r,isActive:n===r.id||window.location.pathname.includes(ae(r.data.id))},r.id));return y.jsx(_,{title:Oe(e),isActive:l,isExpanded:s,id:`nav-section-${e}`,children:d})},qe=({navEntries:o,navSectionOrder:e})=>{const[n,s]=t.useState("");t.useEffect(()=>{s(window.location.pathname.split("/").reverse()[0])},[]);const a=(m,v)=>{s(v.itemId.toString())},l=Array.from(new Set(o.map(m=>m.data.section))),[c,d]=l.reduce((m,v)=>{if(!e)return m[1].push(v),m;const g=e.indexOf(v);return g>-1?m[0][g]=v:m[1].push(v),m},[[],[]]),p=[...c,...d.sort()].map(m=>{const v=o.filter(g=>g.data.section===m);return y.jsx(Ue,{entries:v,sectionId:m,activeItem:n},m)});return y.jsx(ne,{id:"page-sidebar-body",children:y.jsx(w,{onSelect:a,children:y.jsx(U,{children:p})})})};export{qe as Navigation};