@redocly/theme 0.56.0 → 0.57.0-next.1

package/lib/core/utils/dynamic.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dynamic = dynamic;
+const react_1 = __importDefault(require("react"));
+function dynamic(factory, { ssr = true, loading } = {}) {
+    const Component = react_1.default.lazy(() => factory().then((mod) => {
+        // Case 1: factory() => import('./SomeModule') - direct import
+        // Case 2: factory() => import('./SomeModule').then(mod => mod.default) - extract default
+        if (typeof mod === 'function') {
+            return { default: mod };
+        }
+        // Case 3: factory() => import('./SomeModule').then(mod => ({ default: mod.default })) - manual wrap
+        // Case 4: factory() => import('./SomeModule').then(mod => ({ default: mod.Named })) - manual wrap named
+        if (mod && typeof mod === 'object' && 'default' in mod) {
+            const defaultExport = mod.default;
+            // Handle both function components and React component objects
+            if (typeof defaultExport === 'function') {
+                return { default: defaultExport };
+            }
+            if (defaultExport && typeof defaultExport === 'object' && '$$typeof' in defaultExport) {
+                return { default: defaultExport };
+            }
+        }
+        // Case 5: factory() => import('./SomeModule').then(mod => mod.Named) - find named export
+        if (mod && typeof mod === 'object') {
+            const modObj = mod;
+            for (const key in modObj) {
+                const value = modObj[key];
+                if (typeof value === 'function') {
+                    return { default: value };
+                }
+                if (value && typeof value === 'object' && '$$typeof' in value) {
+                    return { default: value };
+                }
+            }
+        }
+        throw new Error('Dynamic import did not return a valid React component');
+    }));
+    const LoadingComponent = loading || (() => null);
+    return (props) => {
+        const [hasMounted, setHasMounted] = react_1.default.useState(false);
+        react_1.default.useEffect(() => {
+            setHasMounted(true);
+        }, []);
+        if (ssr) {
+            return (react_1.default.createElement(react_1.default.Suspense, { fallback: react_1.default.createElement(LoadingComponent, Object.assign({}, props)) },
+                react_1.default.createElement(Component, Object.assign({}, props))));
+        }
+        if (!hasMounted) {
+            return react_1.default.createElement(LoadingComponent, Object.assign({}, props));
+        }
+        return (react_1.default.createElement(react_1.default.Suspense, { fallback: react_1.default.createElement(LoadingComponent, Object.assign({}, props)) },
+            react_1.default.createElement(Component, Object.assign({}, props))));
+    };
+}
+//# sourceMappingURL=dynamic.js.map

package/lib/core/utils/index.d.ts

@@ -36,3 +36,4 @@ export * from './parse-style-string';
 export * from './lang-to-name';
 export * from './enhanced-smoothstep';
 export * from './icon-resolver';
+export * from './dynamic';

package/lib/core/utils/index.js

@@ -52,4 +52,5 @@ __exportStar(require("./parse-style-string"), exports);
 __exportStar(require("./lang-to-name"), exports);
 __exportStar(require("./enhanced-smoothstep"), exports);
 __exportStar(require("./icon-resolver"), exports);
+__exportStar(require("./dynamic"), exports);
 //# sourceMappingURL=index.js.map

package/lib/icons/GenericIcon/GenericIcon.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface GenericIconProps {
+export type GenericIconProps = {
     icon: string | React.ReactNode;
     srcSet?: string;
     rawContent?: string;
@@ -7,5 +7,5 @@ export interface GenericIconProps {
     color?: string;
     alt?: string;
     className?: string;
-}
+};
 export declare function GenericIcon({ icon, srcSet, rawContent, size, color, alt, className, }: GenericIconProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;

package/lib/icons/GenericIcon/GenericIcon.js

@@ -33,19 +33,24 @@ const CDNIcon_1 = require("../../icons/CDNIcon/CDNIcon");
 const utils_1 = require("../../core/utils");
 const InlineSvg_1 = require("../../markdoc/components/InlineSvg/InlineSvg");
 const Image_1 = require("../../components/Image/Image");
+const INVALID_ICON_NAME = 'image-slash';
 function GenericIcon({ icon, srcSet, rawContent, size, color, alt, className, }) {
     if (srcSet) {
-        return React.createElement(Image_1.Image, { srcSet: srcSet, alt: alt, className: className });
+        return React.createElement(IconSrcSetImg, { srcSet: srcSet, alt: alt, className: className });
     }
     const resolvedIcon = icon && typeof icon === 'string' ? (0, utils_1.resolveIcon)(icon) : null;
-    const iconComponent = rawContent ? (React.createElement(IconSvg, { fileRawContent: rawContent, className: className })) : (resolvedIcon === null || resolvedIcon === void 0 ? void 0 : resolvedIcon.type) === 'link' ? (React.createElement(IconImg, { src: resolvedIcon.value, alt: alt, className: className })) : (resolvedIcon === null || resolvedIcon === void 0 ? void 0 : resolvedIcon.type) === 'font-awesome' ? (React.createElement(CDNIcon_1.CDNIcon, { name: resolvedIcon.name, type: resolvedIcon.style, size: size, color: color, className: className })) : (icon);
+    const iconComponent = rawContent ? (React.createElement(IconSvg, { fileRawContent: rawContent, className: className })) : (resolvedIcon === null || resolvedIcon === void 0 ? void 0 : resolvedIcon.type) === 'link' ? (React.createElement(IconImg, { src: resolvedIcon.value, alt: alt, className: className })) : (resolvedIcon === null || resolvedIcon === void 0 ? void 0 : resolvedIcon.type) === 'font-awesome' ? (React.createElement(CDNIcon_1.CDNIcon, { name: resolvedIcon.name, type: resolvedIcon.style, size: size, color: color, className: className })) : (resolvedIcon === null || resolvedIcon === void 0 ? void 0 : resolvedIcon.type) === 'invalid' ? (React.createElement(CDNIcon_1.CDNIcon, { name: INVALID_ICON_NAME, size: size, color: color, className: className })) : (icon);
     return iconComponent;
 }
 const IconImg = styled_components_1.default.img `
   width: var(--icon-width, 16px);
   height: var(--icon-height, 16px);
   display: inline-block;
-  object-fit: cover;
+  vertical-align: middle;
+`;
+const IconSrcSetImg = (0, styled_components_1.default)(Image_1.Image) `
+  width: var(--icon-width, 16px);
+  height: var(--icon-height, 16px);
 `;
 const IconSvg = (0, styled_components_1.default)(InlineSvg_1.InlineSvg) `
   width: var(--icon-width, 16px);

package/lib/icons/__tests__/IconTestUtils.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@testing-library/jest-dom';
 export declare function testIconComponent(IconComponent: React.ComponentType<any>, componentName: string): {
     rendersCorrectlyWithDefaultProps: () => void;
     appliesCustomSizeAndColor: () => void;

package/lib/icons/__tests__/IconTestUtils.js

@@ -6,42 +6,43 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.testIconComponent = testIconComponent;
 const react_1 = __importDefault(require("react"));
 const react_2 = require("@testing-library/react");
-require("@testing-library/jest-dom");
+const vitest_1 = require("vitest");
 function testIconComponent(IconComponent, componentName) {
     const dataName = `icons/${componentName}/${componentName}`;
     return {
         rendersCorrectlyWithDefaultProps: () => {
             const { container } = (0, react_2.render)(react_1.default.createElement(IconComponent, null));
             const svgElement = container.querySelector('svg');
-            expect(svgElement).toBeInTheDocument();
+            (0, vitest_1.expect)(svgElement).toBeTruthy();
             // Check if styles are applied either via style attribute or CSS class
             const element = container.firstChild;
             const hasStyleAttr = element.style.height === '16px' && element.style.width === '16px';
             const elementClass = element.getAttribute('class') || '';
             const hasClassName = elementClass.includes('sc-'); // styled-components class
-            expect(hasStyleAttr || hasClassName).toBeTruthy();
+            (0, vitest_1.expect)(hasStyleAttr || hasClassName).toBeTruthy();
         },
         appliesCustomSizeAndColor: () => {
             var _a;
             const { container } = (0, react_2.render)(react_1.default.createElement(IconComponent, { size: "24px", color: "--color-primary" }));
             const svgElement = container.querySelector('svg');
-            expect(svgElement).toBeInTheDocument();
+            (0, vitest_1.expect)(svgElement).toBeTruthy();
             const element = container.firstChild;
             const pathElement = container.querySelector('path');
             // Check if size styles are applied either via style attribute or CSS class
             const hasSizeStyle = element.style.height === '24px' && element.style.width === '24px';
             const elementClass = element.getAttribute('class') || '';
             const hasClassName = elementClass.includes('sc-'); // styled-components class
-            expect(hasSizeStyle || hasClassName).toBeTruthy();
+            (0, vitest_1.expect)(hasSizeStyle || hasClassName).toBeTruthy();
             // Check if color is applied either via style attribute or CSS class
             const hasColorStyle = ((_a = pathElement.getAttribute('style')) === null || _a === void 0 ? void 0 : _a.includes('fill: var(--color-primary)')) ||
                 pathElement.getAttribute('fill') === 'var(--color-primary)' ||
                 elementClass.includes('sc-'); // check styled-components class on the root element
-            expect(hasColorStyle).toBeTruthy();
+            (0, vitest_1.expect)(hasColorStyle).toBeTruthy();
         },
         hasCorrectDataComponentName: () => {
             const { container } = (0, react_2.render)(react_1.default.createElement(IconComponent, null));
-            expect(container.firstChild).toHaveAttribute('data-component-name', dataName);
+            (0, vitest_1.expect)(container.firstChild).toHaveProperty('getAttribute');
+            (0, vitest_1.expect)(container.firstChild.getAttribute('data-component-name')).toBe(dataName);
         },
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.56.0",
+  "version": "0.57.0-next.1",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -38,13 +38,10 @@
   "devDependencies": {
     "@markdoc/markdoc": "0.5.2",
     "@shikijs/types": "1.24.2",
-    "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/file-saver": "2.0.7",
     "@types/highlight-words-core": "1.2.3",
-    "@types/jest": "29.5.11",
-    "@types/jest-when": "3.5.5",
     "@types/lodash.debounce": "4.0.9",
     "@types/lodash.throttle": "4.1.9",
     "@types/node": "22.15.3",
@@ -53,11 +50,10 @@
     "@types/react-dom": "^19.1.4",
     "@types/styled-components": "5.1.34",
     "@types/styled-system": "5.1.22",
+    "@vitest/coverage-v8": "^3.1.1",
+    "@vitest/ui": "3.2.4",
     "concurrently": "7.6.0",
-    "jest": "29.5.0",
-    "jest-environment-jsdom": "29.5.0",
-    "jest-styled-components": "7.2.0",
-    "jest-when": "3.6.0",
+    "vitest-when": "0.6.2",
     "json-schema-to-ts": "2.7.2",
     "npm-run-all2": "5.0.2",
     "react-refresh": "0.14.2",
@@ -66,13 +62,13 @@
     "rimraf": "5.0.7",
     "styled-components": "5.3.11",
     "styled-system": "5.1.5",
-    "ts-jest": "29.1.2",
     "ts-node": "10.9.2",
     "ts-node-dev": "2.0.0",
     "tsc-alias": "1.8.10",
     "tsconfig-paths": "4.2.0",
     "tsconfig-paths-webpack-plugin": "3.5.2",
     "typescript": "5.6.2",
+    "vitest": "3.2.4",
     "webpack": "5.94.0"
   },
   "dependencies": {
@@ -90,7 +86,7 @@
     "react-calendar": "5.1.0",
     "react-date-picker": "11.0.0",
     "@redocly/config": "0.28.0",
-    "@redocly/realm-asyncapi-sdk": "0.2.0"
+    "@redocly/realm-asyncapi-sdk": "0.3.0-next.0"
   },
   "scripts": {
     "watch": "tsc -p tsconfig.build.json && (concurrently \"tsc -w -p tsconfig.build.json\" \"tsc-alias -w -p tsconfig.build.json\")",
@@ -98,10 +94,10 @@
     "clean": "rimraf lib",
     "compile": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
     "build": "npm run clean && npm run compile",
-    "test": "jest",
-    "test:update": "jest -u",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
-    "test:coverage:html": "jest --coverage --coverageReporters html"
+    "test": "vitest run",
+    "test:update": "vitest run --update",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:coverage:html": "vitest run --coverage --reporter=html"
   }
 }

package/src/components/Catalog/CatalogEntities.tsx

@@ -58,7 +58,7 @@ export function CatalogEntities(props: CatalogEntitiesProps): JSX.Element {
       limit: LOAD_MORE_THRESHOLD,
       filter:
         initialFilter && filterQuery
-          ? `${initialFilter} AND ${filterQuery}`
+          ? `(${initialFilter}) AND (${filterQuery})`
           : initialFilter || filterQuery,
       sort: sortOption || undefined,
       search: searchQuery,

package/src/components/Dropdown/Dropdown.tsx

@@ -29,6 +29,7 @@ export type DropdownProps = PropsWithChildren<{
   withArrow?: boolean;
 
   onClick?: (event: React.UIEvent) => void;
+  onClose?: () => void;
 }>;
 
 export function Dropdown({
@@ -43,6 +44,7 @@ export function Dropdown({
   placement,
   alignment,
   onClick,
+  onClose,
 }: DropdownProps): JSX.Element {
   const dropdownRef = useRef<HTMLDivElement | null>(null);
   const [isOpen, setIsOpen] = useControlledState<boolean>(false, active);
@@ -53,6 +55,7 @@ export function Dropdown({
 
   const handleClose = () => {
     setIsOpen(false);
+    onClose?.();
   };
 
   const handleChildClick = () => {
@@ -126,7 +129,7 @@ const DropdownWrapper = styled.div`
 `;
 
 const ChildrenWrapper = styled.div<{ placement?: string; alignment?: string; isOpen?: boolean }>`
-  padding-top: var(--dropdown-menu-margin-top);
+  padding-top: var(--dropdown-menu-padding-top);
   position: absolute;
   top: ${({ placement }) => (placement === 'top' ? 'auto' : '100%')};
   bottom: ${({ placement }) => (placement === 'top' ? '100%' : 'auto')};

package/src/components/Dropdown/variables.ts

@@ -9,7 +9,7 @@ export const dropdown = css`
   --dropdown-menu-line-height: var(--line-height-base); // @presenter LineHeight
   --dropdown-menu-text-color: var(--text-color-secondary); // @presenter Color
 
-  --dropdown-menu-margin-top: var(--spacing-xxs);
+  --dropdown-menu-padding-top: var(--spacing-xxs);
   --dropdown-menu-min-width: 100px;
   --dropdown-menu-max-width: 424px;
   --dropdown-menu-max-height: 300px;

package/src/core/hooks/__mocks__/search/use-recent-searches.ts

@@ -1,4 +1,6 @@
-export const useRecentSearches = jest.fn(() => {
+import { vi } from 'vitest';
+
+export const useRecentSearches = vi.fn(() => {
   const items = ['test'];
   return {
     items,

package/src/core/hooks/__mocks__/search/use-search-filter.ts

@@ -1,4 +1,6 @@
-export const useSearchFilter = jest.fn(() => {
+import { vi } from 'vitest';
+
+export const useSearchFilter = vi.fn(() => {
   return {
     isFilterOpen: false,
     onFacetReset: () => {},

package/src/core/hooks/__mocks__/search/use-suggested-pages.ts

@@ -1,4 +1,6 @@
-export const useSuggestedPages = jest.fn(() => {
+import { vi } from 'vitest';
+
+export const useSuggestedPages = vi.fn(() => {
   return [
     {
       link: '/',

package/src/core/hooks/__mocks__/use-controlled-state.ts

@@ -1 +1,3 @@
-export const useControlledState = () => [false, jest.fn()];
+import { vi } from 'vitest';
+
+export const useControlledState = () => [false, vi.fn()];

package/src/core/hooks/__mocks__/use-input-key-commands.ts

@@ -1,3 +1,5 @@
-export const useInputKeyCommands = jest.fn(() => ({
-  onKeyDown: jest.fn(),
+import { vi } from 'vitest';
+
+export const useInputKeyCommands = vi.fn(() => ({
+  onKeyDown: vi.fn(),
 }));

package/src/core/hooks/__mocks__/use-mobile-menu.ts

@@ -1 +1,3 @@
-export const useMobileMenu = () => [false, jest.fn];
+import { vi } from 'vitest';
+
+export const useMobileMenu = () => [false, vi.fn()];

package/src/core/hooks/__mocks__/use-theme-config.ts

@@ -1,4 +1,6 @@
-export const useThemeConfig = jest.fn(() => ({
+import { vi } from 'vitest';
+
+export const useThemeConfig = vi.fn(() => ({
   userMenu: {
     items: [],
   },

package/src/core/hooks/__mocks__/use-theme-hooks.ts

@@ -1,6 +1,8 @@
-export const useThemeHooks = jest.fn(() => ({
-  useTranslate: jest.fn(() => ({
-    translate: jest.fn((key: string, defaultValue: string) =>
+import { vi } from 'vitest';
+
+export const useThemeHooks = vi.fn(() => ({
+  useTranslate: vi.fn(() => ({
+    translate: vi.fn((key: string, defaultValue: string) =>
       defaultValue
         ? typeof defaultValue !== 'string'
           ? (defaultValue as any).defaultValue
@@ -8,21 +10,21 @@ export const useThemeHooks = jest.fn(() => ({
         : key,
     ),
   })),
-  useTelemetry: jest.fn(() => ({
-    send: jest.fn(),
+  useTelemetry: vi.fn(() => ({
+    send: vi.fn(),
   })),
-  useBreadcrumbs: jest.fn().mockReturnValue([]),
-  usePageSharedData: jest.fn().mockReturnValue({}),
-  useCatalogClassic: jest.fn(() => ({
+  useBreadcrumbs: vi.fn().mockReturnValue([]),
+  usePageSharedData: vi.fn().mockReturnValue({}),
+  useCatalogClassic: vi.fn(() => ({
     groups: [],
     filters: [],
     filterTerm: '',
-    setFilterTerm: jest.fn(),
+    setFilterTerm: vi.fn(),
   })),
-  useL10n: jest.fn(() => ({
-    changeLanguage: jest.fn(),
+  useL10n: vi.fn(() => ({
+    changeLanguage: vi.fn(),
   })),
-  useL10nConfig: jest.fn(() => ({
+  useL10nConfig: vi.fn(() => ({
     currentLocale: 'en',
     defaultLocale: 'en',
     locales: [
@@ -31,42 +33,42 @@ export const useThemeHooks = jest.fn(() => ({
       { code: 'uk', name: 'Ukraine' },
     ],
   })),
-  usePreloadHistory: jest.fn(() => ({
-    push: jest.fn(),
+  usePreloadHistory: vi.fn(() => ({
+    push: vi.fn(),
   })),
-  useCurrentProduct: jest.fn(),
-  useProducts: jest.fn(() => []),
-  useSearch: jest.fn(() => ({
-    query: jest.fn().mockReturnValue(''),
-    setQuery: jest.fn(),
+  useCurrentProduct: vi.fn(),
+  useProducts: vi.fn(() => []),
+  useSearch: vi.fn(() => ({
+    query: vi.fn().mockReturnValue(''),
+    setQuery: vi.fn(),
     items: [],
     isLoading: false,
   })),
-  useAiSearch: jest.fn(() => ({
-    askQuestion: jest.fn(),
+  useAiSearch: vi.fn(() => ({
+    askQuestion: vi.fn(),
     references: [],
   })),
-  useFacetQuery: jest.fn(() => ({
+  useFacetQuery: vi.fn(() => ({
     searchFacet: null,
-    setSearchFacet: jest.fn(),
-    setSearchFacetQuery: jest.fn(),
+    setSearchFacet: vi.fn(),
+    setSearchFacetQuery: vi.fn(),
   })),
-  useMarkdownText: jest.fn(() => {
+  useMarkdownText: vi.fn(() => {
     return null;
   }),
-  useUserMenu: jest.fn(() => ({
+  useUserMenu: vi.fn(() => ({
     userData: {
       isAuthenticated: true,
       name: 'test-name',
       email: 'test-email@test.xyz',
       picture: 'picture',
     },
-    handleLogout: jest.fn(),
+    handleLogout: vi.fn(),
     loginUrl: 'https://login.redoc.ly',
     hasDeveloperOnboarding: true,
   })),
-  usePageVersions: jest.fn(),
-  useSidebarItems: jest.fn().mockReturnValue({
+  usePageVersions: vi.fn(),
+  useSidebarItems: vi.fn().mockReturnValue({
     currentItems: [
       {
         label: 'Item',
@@ -77,14 +79,14 @@ export const useThemeHooks = jest.fn(() => ({
         label: 'Item',
       },
     ],
-    popDrilldownState: jest.fn(),
-    pushDrilldownState: jest.fn(),
+    popDrilldownState: vi.fn(),
+    pushDrilldownState: vi.fn(),
   }),
-  useSidebarSiblingsData: jest.fn(),
-  useSubmitFeedback: jest.fn(() => ({
-    submitFeedback: jest.fn(),
+  useSidebarSiblingsData: vi.fn(),
+  useSubmitFeedback: vi.fn(() => ({
+    submitFeedback: vi.fn(),
   })),
-  useLoadAndNavigate: jest.fn(),
-  usePageProps: jest.fn().mockReturnValue({}),
-  usePageData: jest.fn().mockReturnValue(null),
+  useLoadAndNavigate: vi.fn(),
+  usePageProps: vi.fn().mockReturnValue({}),
+  usePageData: vi.fn().mockReturnValue(null),
 }));

package/src/core/hooks/__mocks__/use-time-ago.ts

@@ -1,3 +1,5 @@
-export const useTimeAgo = jest.fn(() => ({
+import { vi } from 'vitest';
+
+export const useTimeAgo = vi.fn(() => ({
   format: () => '5 days ago',
 }));

package/src/core/hooks/catalog/useCatalogEntities.ts

@@ -6,11 +6,14 @@ export function useCatalogEntities({ entitiesTypes, excludedEntities }: UseCatal
   const initialExcludedEntitiesFilter = excludedEntities?.length
     ? `-key:${excludedEntities.map((entity) => entity.key).join(',')}`
     : '';
-  const initialFilter = initialTypesFilter
-    ? `${initialTypesFilter} AND ${initialExcludedEntitiesFilter}`
-    : initialExcludedEntitiesFilter;
+
+  if (initialTypesFilter && initialExcludedEntitiesFilter) {
+    return {
+      initialFilter: `(${initialTypesFilter}) AND (${initialExcludedEntitiesFilter})`,
+    };
+  }
 
   return {
-    initialFilter,
+    initialFilter: initialTypesFilter || initialExcludedEntitiesFilter,
   };
 }

package/src/core/hooks/code-walkthrough/__mocks__/MockIntersectionObserver.ts

@@ -1,3 +1,5 @@
+import { vi } from 'vitest';
+
 export class MockIntersectionObserver {
   public readonly root: Element | Document | null;
   public readonly rootMargin: string;
@@ -11,9 +13,9 @@ export class MockIntersectionObserver {
     this.root = null;
     this.rootMargin = '0px';
     this.thresholds = [1];
-    this.observe = jest.fn;
-    this.unobserve = jest.fn;
-    this.disconnect = jest.fn;
+    this.observe = vi.fn();
+    this.unobserve = vi.fn();
+    this.disconnect = vi.fn();
   }
 
   takeRecords(): any[] {

package/src/core/hooks/menu/__mocks__/use-mobile-menu-items.ts

@@ -1,4 +1,6 @@
-export const useMobileMenuItems = jest.fn().mockReturnValue({
+import { vi } from 'vitest';
+
+export const useMobileMenuItems = vi.fn().mockReturnValue({
   items: [
     {
       type: 'group',

package/src/core/hooks/use-page-actions.ts

@@ -20,7 +20,8 @@ export function usePageActions(pageSlug: string): PageAction[] {
 
   const { navigation } = useThemeConfig();
   // Can't use any actions if no markdown files are generated for LLMs
-  const isLlmsDisabled = usePageProps()?.seo?.llmstxt?.hide === true;
+  const pageProps = usePageProps();
+  const isLlmsDisabled = pageProps?.seo?.llmstxt?.hide || pageProps?.frontmatter?.excludeFromSearch;
   const { isPublic } = usePageData() || {};
 
   const actions: PageAction[] = useMemo(() => {
@@ -60,6 +61,9 @@ export function usePageActions(pageSlug: string): PageAction[] {
               onClick: async () => {
                 try {
                   const result = await fetch(mdPageUrl);
+                  if (result.status !== 200) {
+                    throw new Error('Failed to fetch markdown content');
+                  }
                   const text = await result.text();
 
                   ClipboardService.copyCustom(text);

package/src/core/types/l10n.ts

@@ -257,6 +257,8 @@ export type TranslationKey =
   | 'openapi.collapseAll'
   | 'openapi.viewSecurityDetails'
   | 'openapi.noResponseExample'
+  | 'openapi.discriminator.searchPlaceholder'
+  | 'openapi.discriminator.searchNoResults'
   | 'openapi.noResponseContent'
   | 'openapi.noRequestPayload'
   | 'openapi.hidePattern'

package/src/core/types/user-claims.ts

@@ -1,4 +1,6 @@
 export type UserClaims = {
   email?: string;
   name?: string;
+  federatedAccessToken?: string;
+  federatedIdToken?: string;
 };