@netfoundry/docusaurus-theme 0.10.11 → 0.10.13

package/dist/theme/NavbarItem/ComponentTypes.d.ts

@@ -1,10 +1,12 @@
 import ProductPicker from './types/ProductPicker';
 import ResourcesPicker from './types/ResourcesPicker';
 import IconLinks from './types/IconLinks';
+import VersionDropdown from './types/VersionDropdown';
 declare const _default: {
     'custom-productPicker': typeof ProductPicker;
     'custom-resourcesPicker': typeof ResourcesPicker;
     'custom-iconLinks': typeof IconLinks;
+    'custom-versionDropdown': typeof VersionDropdown;
 };
 export default _default;
 //# sourceMappingURL=ComponentTypes.d.ts.map

package/dist/theme/NavbarItem/ComponentTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentTypes.d.ts","sourceRoot":"","sources":["../../../theme/NavbarItem/ComponentTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,SAAS,MAAM,mBAAmB,CAAC;;;;;;AAU1C,wBAKE"}
+{"version":3,"file":"ComponentTypes.d.ts","sourceRoot":"","sources":["../../../theme/NavbarItem/ComponentTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,eAAe,MAAM,yBAAyB,CAAC;;;;;;;AAUtD,wBAME"}

package/dist/theme/NavbarItem/ComponentTypes.js

@@ -1,6 +1,7 @@
 import ProductPicker from './types/ProductPicker';
 import ResourcesPicker from './types/ResourcesPicker';
 import IconLinks from './types/IconLinks';
+import VersionDropdown from './types/VersionDropdown';
 // @theme-original resolves to OUR OWN file in a plugin theme (Docusaurus sets
 // both @theme and @theme-original to the plugin file). @theme-init resolves to
 // the version from the upstream theme (theme-classic) — which is what we want.
@@ -13,5 +14,6 @@ export default {
     'custom-productPicker': ProductPicker,
     'custom-resourcesPicker': ResourcesPicker,
     'custom-iconLinks': IconLinks,
+    'custom-versionDropdown': VersionDropdown,
 };
 //# sourceMappingURL=ComponentTypes.js.map

package/dist/theme/NavbarItem/ComponentTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentTypes.js","sourceRoot":"","sources":["../../../theme/NavbarItem/ComponentTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAE1C,8EAA8E;AAC9E,+EAA+E;AAC/E,+EAA+E;AAC/E,+EAA+E;AAC/E,+EAA+E;AAC/E,8DAA8D;AAC9D,MAAM,kBAAkB,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAC,OAA8B,CAAC;AAE3G,eAAe;IACb,GAAG,kBAAkB;IACrB,sBAAsB,EAAE,aAAa;IACrC,wBAAwB,EAAE,eAAe;IACzC,kBAAkB,EAAE,SAAS;CAC9B,CAAC"}
+{"version":3,"file":"ComponentTypes.js","sourceRoot":"","sources":["../../../theme/NavbarItem/ComponentTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,eAAe,MAAM,yBAAyB,CAAC;AAEtD,8EAA8E;AAC9E,+EAA+E;AAC/E,+EAA+E;AAC/E,+EAA+E;AAC/E,+EAA+E;AAC/E,8DAA8D;AAC9D,MAAM,kBAAkB,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAC,OAA8B,CAAC;AAE3G,eAAe;IACb,GAAG,kBAAkB;IACrB,sBAAsB,EAAE,aAAa;IACrC,wBAAwB,EAAE,eAAe;IACzC,kBAAkB,EAAE,SAAS;IAC7B,wBAAwB,EAAE,eAAe;CAC1C,CAAC"}

package/dist/theme/NavbarItem/DropdownNavbarItem/Desktop/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../theme/NavbarItem/DropdownNavbarItem/Desktop/index.tsx"],"names":[],"mappings":"AAgBA,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,GAAG,2CAsGL"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../theme/NavbarItem/DropdownNavbarItem/Desktop/index.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,GAAG,2CAkEL"}

package/dist/theme/NavbarItem/DropdownNavbarItem/Desktop/index.js

@@ -1,13 +1,5 @@
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Swizzled DropdownNavbarItemDesktop
- *
- * Opens on hover.  The panel stays open until the user actually moves their
- * cursor into it — so the gap between the trigger and the fixed panel never
- * causes a flicker.  Once the cursor has entered the panel, leaving it
- * (or clicking outside) closes it normally.
- */
 import { useState, useRef, useEffect, useCallback } from 'react';
 import clsx from 'clsx';
 import NavbarNavLinkOrig from '@theme/NavbarItem/NavbarNavLink';
@@ -16,14 +8,12 @@ const NavbarNavLink = NavbarNavLinkOrig;
 const NavbarItem = NavbarItemOrig;
 export default function DropdownNavbarItemDesktop({ items, position, className, onClick, ...props }) {
     const dropdownRef = useRef(null);
-    const hasEnteredPanel = useRef(false);
     const [showDropdown, setShowDropdown] = useState(false);
     // Close on click / touch outside
     useEffect(() => {
         const close = (e) => {
             if (!dropdownRef.current?.contains(e.target)) {
                 setShowDropdown(false);
-                hasEnteredPanel.current = false;
             }
         };
         document.addEventListener('mousedown', close);
@@ -33,50 +23,24 @@ export default function DropdownNavbarItemDesktop({ items, position, className,
             document.removeEventListener('touchstart', close);
         };
     }, []);
-    // Sync: close other open megamenus when this one opens
+    // Close when a NavbarPicker opens
     useEffect(() => {
-        const onOtherOpen = (e) => {
-            if (e.detail.label !== props.label) {
-                setShowDropdown(false);
-                hasEnteredPanel.current = false;
-            }
-        };
+        const onOtherOpen = () => setShowDropdown(false);
         window.addEventListener('nf-picker:open', onOtherOpen);
         return () => window.removeEventListener('nf-picker:open', onOtherOpen);
-    }, [props.label]);
-    // Open on hover — reset entry state each time
-    const handleMouseEnter = useCallback(() => {
-        hasEnteredPanel.current = false;
-        window.dispatchEvent(new CustomEvent('nf-picker:open', { detail: { label: props.label } }));
-        setShowDropdown(true);
-        console.log('[product-picker] popped open:', props.label);
-    }, [props.label]);
-    // Leaving the trigger: do nothing — the panel stays open until the user
-    // either enters it (then leaves) or clicks outside.
-    const handleTriggerLeave = useCallback(() => {
-        console.log('[product-picker] trigger leave — hasEnteredPanel:', hasEnteredPanel.current);
-    }, []);
-    // Once the cursor enters the panel, normal leave/blur can close it
-    const handlePanelEnter = useCallback(() => {
-        hasEnteredPanel.current = true;
-        console.log('[product-picker] panel focus obtained');
     }, []);
-    const handlePanelLeave = useCallback(() => {
-        console.log('[product-picker] panel focus lost — hasEnteredPanel:', hasEnteredPanel.current);
-        if (hasEnteredPanel.current) {
-            setShowDropdown(false);
-            hasEnteredPanel.current = false;
-            console.log('[product-picker] closing — cursor left panel');
-        }
+    const handleClick = useCallback((e) => {
+        e.preventDefault();
+        setShowDropdown(prev => !prev);
     }, []);
     return (_jsxs("div", { ref: dropdownRef, className: clsx('navbar__item', 'dropdown', {
             'dropdown--right': position === 'right',
             'dropdown--show': showDropdown,
-        }), onMouseEnter: handleMouseEnter, onMouseLeave: handleTriggerLeave, children: [_jsx(NavbarNavLink, { "aria-haspopup": "true", "aria-expanded": showDropdown, role: "button", href: props.to ? undefined : '#', className: clsx('navbar__link', className), ...props, onClick: props.to ? undefined : (e) => e.preventDefault(), onKeyDown: (e) => {
+        }), children: [_jsx(NavbarNavLink, { "aria-haspopup": "true", "aria-expanded": showDropdown, role: "button", href: props.to ? undefined : '#', className: clsx('navbar__link', className), ...props, onClick: props.to ? undefined : handleClick, onKeyDown: (e) => {
                     if (e.key === 'Enter') {
                         e.preventDefault();
                         setShowDropdown(prev => !prev);
                     }
-                }, children: props.children ?? props.label }), _jsx("ul", { className: "dropdown__menu", onMouseEnter: handlePanelEnter, onMouseLeave: handlePanelLeave, children: items.map((childItemProps, i) => (_createElement(NavbarItem, { isDropdownItem: true, activeClassName: "dropdown__link--active", ...childItemProps, key: i }))) })] }));
+                }, children: props.children ?? props.label }), _jsx("ul", { className: "dropdown__menu", children: items.map((childItemProps, i) => (_createElement(NavbarItem, { isDropdownItem: true, activeClassName: "dropdown__link--active", ...childItemProps, key: i }))) })] }));
 }
 //# sourceMappingURL=index.js.map

package/dist/theme/NavbarItem/DropdownNavbarItem/Desktop/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../theme/NavbarItem/DropdownNavbarItem/Desktop/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../theme/NavbarItem/DropdownNavbarItem/Desktop/index.tsx"],"names":[],"mappings":"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"}

package/dist/theme/NavbarItem/types/VersionDropdown/index.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    pathPrefix: string;
+    docsPluginId: string;
+    position?: 'left' | 'right';
+};
+export default function VersionDropdown({ pathPrefix, docsPluginId, position }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/NavbarItem/types/VersionDropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../theme/NavbarItem/types/VersionDropdown/index.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAC,EAAE,KAAK,kDAIlF"}

package/dist/theme/NavbarItem/types/VersionDropdown/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLocation } from 'react-router-dom';
+import NavbarItemOrig from '@theme/NavbarItem';
+const NavbarItem = NavbarItemOrig;
+export default function VersionDropdown({ pathPrefix, docsPluginId, position }) {
+    const { pathname } = useLocation();
+    if (!pathname.startsWith(pathPrefix))
+        return null;
+    return _jsx(NavbarItem, { type: "docsVersionDropdown", docsPluginId: docsPluginId, position: position });
+}
+//# sourceMappingURL=index.js.map

package/dist/theme/NavbarItem/types/VersionDropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../theme/NavbarItem/types/VersionDropdown/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAE/C,MAAM,UAAU,GAAG,cAA0C,CAAC;AAQ9D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAQ;IACjF,MAAM,EAAC,QAAQ,EAAC,GAAG,WAAW,EAAE,CAAC;IACjC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC;QAAE,OAAO,IAAI,CAAC;IAClD,OAAO,KAAC,UAAU,IAAC,IAAI,EAAC,qBAAqB,EAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACnG,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netfoundry/docusaurus-theme",
-  "version": "0.10.11",
+  "version": "0.10.13",
   "description": "NetFoundry Docusaurus theme with shared layout, footer, and styling",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",

package/theme/NavbarItem/ComponentTypes.tsx

@@ -1,6 +1,7 @@
 import ProductPicker from './types/ProductPicker';
 import ResourcesPicker from './types/ResourcesPicker';
 import IconLinks from './types/IconLinks';
+import VersionDropdown from './types/VersionDropdown';
 
 // @theme-original resolves to OUR OWN file in a plugin theme (Docusaurus sets
 // both @theme and @theme-original to the plugin file). @theme-init resolves to
@@ -15,4 +16,5 @@ export default {
   'custom-productPicker': ProductPicker,
   'custom-resourcesPicker': ResourcesPicker,
   'custom-iconLinks': IconLinks,
+  'custom-versionDropdown': VersionDropdown,
 };

package/theme/NavbarItem/DropdownNavbarItem/Desktop/index.tsx

@@ -1,125 +1,81 @@
-/**
- * Swizzled DropdownNavbarItemDesktop
- *
- * Opens on hover.  The panel stays open until the user actually moves their
- * cursor into it — so the gap between the trigger and the fixed panel never
- * causes a flicker.  Once the cursor has entered the panel, leaving it
- * (or clicking outside) closes it normally.
- */
-import React, {useState, useRef, useEffect, useCallback} from 'react';
-import clsx from 'clsx';
-import NavbarNavLinkOrig from '@theme/NavbarItem/NavbarNavLink';
-import NavbarItemOrig from '@theme/NavbarItem';
-
-const NavbarNavLink = NavbarNavLinkOrig as React.ComponentType<any>;
-const NavbarItem    = NavbarItemOrig    as React.ComponentType<any>;
-
-export default function DropdownNavbarItemDesktop({
-  items,
-  position,
-  className,
-  onClick,
-  ...props
-}: any) {
-  const dropdownRef     = useRef<HTMLDivElement>(null);
-  const hasEnteredPanel = useRef(false);
-  const [showDropdown, setShowDropdown] = useState(false);
-
-  // Close on click / touch outside
-  useEffect(() => {
-    const close = (e: MouseEvent | TouchEvent) => {
-      if (!dropdownRef.current?.contains(e.target as Node)) {
-        setShowDropdown(false);
-        hasEnteredPanel.current = false;
-      }
-    };
-    document.addEventListener('mousedown', close);
-    document.addEventListener('touchstart', close);
-    return () => {
-      document.removeEventListener('mousedown', close);
-      document.removeEventListener('touchstart', close);
-    };
-  }, []);
-
-  // Sync: close other open megamenus when this one opens
-  useEffect(() => {
-    const onOtherOpen = (e: any) => {
-      if (e.detail.label !== props.label) {
-        setShowDropdown(false);
-        hasEnteredPanel.current = false;
-      }
-    };
-    window.addEventListener('nf-picker:open', onOtherOpen);
-    return () => window.removeEventListener('nf-picker:open', onOtherOpen);
-  }, [props.label]);
-
-  // Open on hover — reset entry state each time
-  const handleMouseEnter = useCallback(() => {
-    hasEnteredPanel.current = false;
-    window.dispatchEvent(new CustomEvent('nf-picker:open', {detail: {label: props.label}}));
-    setShowDropdown(true);
-    console.log('[product-picker] popped open:', props.label);
-  }, [props.label]);
-
-  // Leaving the trigger: do nothing — the panel stays open until the user
-  // either enters it (then leaves) or clicks outside.
-  const handleTriggerLeave = useCallback(() => {
-    console.log('[product-picker] trigger leave — hasEnteredPanel:', hasEnteredPanel.current);
-  }, []);
-
-  // Once the cursor enters the panel, normal leave/blur can close it
-  const handlePanelEnter = useCallback(() => {
-    hasEnteredPanel.current = true;
-    console.log('[product-picker] panel focus obtained');
-  }, []);
-
-  const handlePanelLeave = useCallback(() => {
-    console.log('[product-picker] panel focus lost — hasEnteredPanel:', hasEnteredPanel.current);
-    if (hasEnteredPanel.current) {
-      setShowDropdown(false);
-      hasEnteredPanel.current = false;
-      console.log('[product-picker] closing — cursor left panel');
-    }
-  }, []);
-
-  return (
-    <div
-      ref={dropdownRef}
-      className={clsx('navbar__item', 'dropdown', {
-        'dropdown--right': position === 'right',
-        'dropdown--show':  showDropdown,
-      })}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleTriggerLeave}>
-      <NavbarNavLink
-        aria-haspopup="true"
-        aria-expanded={showDropdown}
-        role="button"
-        href={props.to ? undefined : '#'}
-        className={clsx('navbar__link', className)}
-        {...props}
-        onClick={props.to ? undefined : (e: React.MouseEvent) => e.preventDefault()}
-        onKeyDown={(e: React.KeyboardEvent) => {
-          if (e.key === 'Enter') {
-            e.preventDefault();
-            setShowDropdown(prev => !prev);
-          }
-        }}>
-        {props.children ?? props.label}
-      </NavbarNavLink>
-      <ul
-        className="dropdown__menu"
-        onMouseEnter={handlePanelEnter}
-        onMouseLeave={handlePanelLeave}>
-        {items.map((childItemProps: any, i: number) => (
-          <NavbarItem
-            isDropdownItem
-            activeClassName="dropdown__link--active"
-            {...childItemProps}
-            key={i}
-          />
-        ))}
-      </ul>
-    </div>
-  );
-}
+import React, {useState, useRef, useEffect, useCallback} from 'react';
+import clsx from 'clsx';
+import NavbarNavLinkOrig from '@theme/NavbarItem/NavbarNavLink';
+import NavbarItemOrig from '@theme/NavbarItem';
+
+const NavbarNavLink = NavbarNavLinkOrig as React.ComponentType<any>;
+const NavbarItem    = NavbarItemOrig    as React.ComponentType<any>;
+
+export default function DropdownNavbarItemDesktop({
+  items,
+  position,
+  className,
+  onClick,
+  ...props
+}: any) {
+  const dropdownRef     = useRef<HTMLDivElement>(null);
+  const [showDropdown, setShowDropdown] = useState(false);
+
+  // Close on click / touch outside
+  useEffect(() => {
+    const close = (e: MouseEvent | TouchEvent) => {
+      if (!dropdownRef.current?.contains(e.target as Node)) {
+        setShowDropdown(false);
+      }
+    };
+    document.addEventListener('mousedown', close);
+    document.addEventListener('touchstart', close);
+    return () => {
+      document.removeEventListener('mousedown', close);
+      document.removeEventListener('touchstart', close);
+    };
+  }, []);
+
+  // Close when a NavbarPicker opens
+  useEffect(() => {
+    const onOtherOpen = () => setShowDropdown(false);
+    window.addEventListener('nf-picker:open', onOtherOpen);
+    return () => window.removeEventListener('nf-picker:open', onOtherOpen);
+  }, []);
+
+  const handleClick = useCallback((e: React.MouseEvent) => {
+    e.preventDefault();
+    setShowDropdown(prev => !prev);
+  }, []);
+
+  return (
+    <div
+      ref={dropdownRef}
+      className={clsx('navbar__item', 'dropdown', {
+        'dropdown--right': position === 'right',
+        'dropdown--show':  showDropdown,
+      })}>
+      <NavbarNavLink
+        aria-haspopup="true"
+        aria-expanded={showDropdown}
+        role="button"
+        href={props.to ? undefined : '#'}
+        className={clsx('navbar__link', className)}
+        {...props}
+        onClick={props.to ? undefined : handleClick}
+        onKeyDown={(e: React.KeyboardEvent) => {
+          if (e.key === 'Enter') {
+            e.preventDefault();
+            setShowDropdown(prev => !prev);
+          }
+        }}>
+        {props.children ?? props.label}
+      </NavbarNavLink>
+      <ul className="dropdown__menu">
+        {items.map((childItemProps: any, i: number) => (
+          <NavbarItem
+            isDropdownItem
+            activeClassName="dropdown__link--active"
+            {...childItemProps}
+            key={i}
+          />
+        ))}
+      </ul>
+    </div>
+  );
+}

package/theme/NavbarItem/types/VersionDropdown/index.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import {useLocation} from 'react-router-dom';
+import NavbarItemOrig from '@theme/NavbarItem';
+
+const NavbarItem = NavbarItemOrig as React.ComponentType<any>;
+
+type Props = {
+  pathPrefix: string;
+  docsPluginId: string;
+  position?: 'left' | 'right';
+};
+
+export default function VersionDropdown({pathPrefix, docsPluginId, position}: Props) {
+  const {pathname} = useLocation();
+  if (!pathname.startsWith(pathPrefix)) return null;
+  return <NavbarItem type="docsVersionDropdown" docsPluginId={docsPluginId} position={position} />;
+}