@redocly/theme 0.58.0-next.1 → 0.58.0-next.10

package/lib/components/CodeBlock/CodeBlockTabs.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from 'react';
-import type { CodeBlockTabItems } from '../../components/CodeBlock/CodeBlock';
+import type { CodeBlockItems } from '../../components/CodeBlock/CodeBlock';
 export type CodeBlockTabsProps = {
-    tabs: CodeBlockTabItems;
+    tabs: CodeBlockItems;
 };
 export declare function CodeBlockTabs({ tabs }: CodeBlockTabsProps): JSX.Element;

package/lib/components/CodeBlock/CodeBlockTabs.js

@@ -40,15 +40,16 @@ function CodeBlockTabs({ tabs }) {
         tabRefs,
     });
     (0, react_1.useEffect)(() => {
-        const activeTab = tabRefs.current.find((tab) => (tab === null || tab === void 0 ? void 0 : tab.dataset.name) === tabs.value);
+        const activeTab = tabRefs.current.find((tab) => (tab === null || tab === void 0 ? void 0 : tab.dataset.id) === tabs.value);
         if (activeTab) {
             activeTab.scrollIntoView({ block: 'nearest', inline: 'center' });
         }
     }, [tabs.value]);
     return (react_1.default.createElement(CodeBlockTabsWrapper, { ref: containerRef, "data-component-name": "CodeBlock/CodeBlockTabs" },
         react_1.default.createElement(ShadowWrapper, null,
-            react_1.default.createElement(Tabs, null, tabs.items.map(({ name, lang }, i) => {
+            react_1.default.createElement(Tabs, null, tabs.items.map((item, i) => {
                 var _a;
+                const { name, lang, id } = item;
                 const ext = (_a = name.match(/\.([^.]+)$/)) === null || _a === void 0 ? void 0 : _a[1];
                 const fileIcon = lang
                     ? (0, get_file_icon_1.getFileIconByLanguage)(lang)
@@ -57,7 +58,7 @@ function CodeBlockTabs({ tabs }) {
                         : null;
                 return (react_1.default.createElement(Tab, { ref: (el) => {
                         tabRefs.current[i] = el;
-                    }, "data-name": name, active: name === tabs.value, key: name + i, onClick: () => tabs.onChange(name) },
+                    }, "data-name": name, active: id === tabs.value, key: id, onClick: () => tabs.onChange(id) },
                     fileIcon,
                     name));
             }))),

package/lib/components/Search/SearchDialog.js

@@ -190,8 +190,9 @@ function SearchDialog({ onClose, className }) {
                                 }
                             }
                         }, ref: aiQueryRef, tabIndex: 0, role: "option", "aria-selected": "true" },
-                        react_1.default.createElement(AiStarsIcon_1.AiStarsIcon, { color: "var(--search-ai-icon-color)", size: "36px", background: "var(--search-ai-icon-bg-color)", margin: "0 var(--spacing-md) 0 0", borderRadius: "var(--border-radius-lg)" }),
-                        react_1.default.createElement(Typography_1.Typography, { fontWeight: "var(--font-weight-semibold)" }, query),
+                        react_1.default.createElement(AiStarsIcon_1.AiStarsIcon, { style: { flexShrink: 0 }, color: "var(--search-ai-icon-color)", size: "36px", background: "var(--search-ai-icon-bg-color)", margin: "0 var(--spacing-md) 0 0", borderRadius: "var(--border-radius-lg)" }),
+                        react_1.default.createElement(QueryWrapper, null,
+                            react_1.default.createElement(Typography_1.Typography, { fontWeight: "var(--font-weight-semibold)" }, query)),
                         react_1.default.createElement(Typography_1.Typography, null,
                             "- ",
                             translate('search.ai.label', 'Ask AI assistant')),
@@ -268,10 +269,10 @@ const SearchDialogWrapper = styled_components_1.default.div `
   border-radius: 0;
 
   @media screen and (max-width: ${utils_1.breakpoints.small}) {
-    min-height: -webkit-fill-available !important;
-    min-height: 100dvh !important;
-    height: auto !important;
-    width: 100vw !important;
+    min-height: -webkit-fill-available;
+    min-height: 100dvh;
+    height: 100dvh;
+    width: 100vw;
   }
 
   @media screen and (min-width: ${utils_1.breakpoints.small}) {
@@ -318,6 +319,8 @@ const SearchDialogBodyMainView = styled_components_1.default.div `
 `;
 const SearchDialogBodyFilterView = styled_components_1.default.div `
   overflow: scroll;
+  max-width: var(--search-filter-width);
+  width: 100%;
 `;
 const SearchDialogFooter = styled_components_1.default.footer `
   display: flex;
@@ -439,4 +442,7 @@ const SearchWithAI = styled_components_1.default.div `
     margin-right: var(--spacing-xs);
   }
 `;
+const QueryWrapper = styled_components_1.default.div `
+  word-break: break-word;
+`;
 //# sourceMappingURL=SearchDialog.js.map

package/lib/components/Search/SearchFilter.js

@@ -43,7 +43,8 @@ function SearchFilter({ className, facets, filter, query, quickFilterFields, onF
         React.createElement(SearchFilterFields, null, facets.map((facet, index) => (React.createElement(SearchFilterField_1.SearchFilterField, { key: `${facet.field}-${index}`, facet: facet, filter: filter, query: query, quickFilterFields: quickFilterFields, onFilterChange: onFilterChange, onFacetReset: onFacetReset }))))));
 }
 const SearchFilterWrapper = styled_components_1.default.div `
-  width: var(--search-filter-width);
+  width: 100%;
+  max-width: var(--search-filter-width);
   display: flex;
   flex-direction: column;
   padding: var(--search-filter-padding);

package/lib/components/Tooltip/Tooltip.js

@@ -91,15 +91,13 @@ function TooltipComponent({ children, isOpen, tip, withArrow = true, placement =
         }
     }, [isOpened, placement, updateTooltipPosition]);
     (0, react_1.useEffect)(() => {
-        if (isControlled && !disabled) {
-            if (isOpen) {
-                handleOpen();
-            }
-            else {
-                handleClose();
-            }
+        if (isOpen && !disabled) {
+            handleOpen();
+        }
+        else {
+            handleClose();
         }
-    }, [isOpen, isControlled, handleOpen, handleClose, disabled]);
+    }, [isOpen, handleOpen, handleClose, disabled]);
     const controllers = !isControlled &&
         !disabled && {
         onMouseEnter: handleOpen,
@@ -228,7 +226,7 @@ const TooltipBody = styled_components_1.default.span `
   display: inline-block;
 
   padding: var(--tooltip-padding);
-  max-width: var(--tooltip-max-width);
+  max-width: ${({ width }) => width || 'var(--tooltip-max-width)'};
   white-space: normal;
   word-break: normal;
   overflow-wrap: break-word;

package/lib/components/Tooltip/TooltipWrapper.js

@@ -9,7 +9,7 @@ const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../core/hooks");
 const Tooltip_1 = require("../../components/Tooltip/Tooltip");
 function TooltipWrapper({ children, tip, placement = 'top', width = 'max-content', className = '', showOnHover = true, disabled = false, }) {
-    const tooltip = (0, hooks_1.useControl)();
+    const tooltip = (0, hooks_1.useControl)(false);
     const handleMouseEnter = () => {
         if (showOnHover && !disabled) {
             tooltip.handleOpen();

package/lib/core/constants/catalog.d.ts

@@ -1,6 +1,6 @@
 import type { EntityRelationType } from '../types/catalog';
 export declare const CATALOG_TAG_MAX_LENGTH = 15;
-export declare const ENTITY_RELATION_TYPES: readonly ["partOf", "hasParts", "creates", "createdBy", "owns", "ownedBy", "implements", "implementedBy", "dependsOn", "dependencyOf", "uses", "usedBy", "produces", "consumes", "linksTo", "supersedes", "supersededBy", "compatibleWith", "extends", "extendedBy", "relatesTo", "hasMember", "memberOf", "triggers", "triggeredBy"];
+export declare const PREDEFINED_ENTITY_TYPES: string[];
 export declare const reverseRelationMap: Record<EntityRelationType, EntityRelationType>;
 export declare const relationTypeMap: Record<EntityRelationType, string>;
 export declare enum GraphHandleType {

package/lib/core/constants/catalog.js

@@ -1,33 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GraphCustomEdgeType = exports.GraphCustomNodeType = exports.GraphHandleType = exports.relationTypeMap = exports.reverseRelationMap = exports.ENTITY_RELATION_TYPES = exports.CATALOG_TAG_MAX_LENGTH = void 0;
+exports.GraphCustomEdgeType = exports.GraphCustomNodeType = exports.GraphHandleType = exports.relationTypeMap = exports.reverseRelationMap = exports.PREDEFINED_ENTITY_TYPES = exports.CATALOG_TAG_MAX_LENGTH = void 0;
 exports.CATALOG_TAG_MAX_LENGTH = 15;
-exports.ENTITY_RELATION_TYPES = [
-    'partOf',
-    'hasParts',
-    'creates',
-    'createdBy',
-    'owns',
-    'ownedBy',
-    'implements',
-    'implementedBy',
-    'dependsOn',
-    'dependencyOf',
-    'uses',
-    'usedBy',
-    'produces',
-    'consumes',
-    'linksTo',
-    'supersedes',
-    'supersededBy',
-    'compatibleWith',
-    'extends',
-    'extendedBy',
-    'relatesTo',
-    'hasMember',
-    'memberOf',
-    'triggers',
-    'triggeredBy',
+exports.PREDEFINED_ENTITY_TYPES = [
+    'service',
+    'domain',
+    'team',
+    'user',
+    'api-description',
+    'data-schema',
+    'api-operation',
 ];
 exports.reverseRelationMap = {
     partOf: 'hasParts',
@@ -55,6 +37,8 @@ exports.reverseRelationMap = {
     memberOf: 'hasMember',
     triggers: 'triggeredBy',
     triggeredBy: 'triggers',
+    returns: 'returnedBy',
+    returnedBy: 'returns',
 };
 exports.relationTypeMap = {
     partOf: 'Part of',
@@ -82,6 +66,8 @@ exports.relationTypeMap = {
     memberOf: 'Member of',
     triggers: 'Triggers',
     triggeredBy: 'Triggered by',
+    returns: 'Returns',
+    returnedBy: 'Returned by',
 };
 var GraphHandleType;
 (function (GraphHandleType) {

package/lib/core/contexts/CodeSnippetContext.d.ts

@@ -1,7 +1,15 @@
-export type CodeSnippetContextType = {
-    activeSnippetName: string;
-    setActiveSnippetName: (name: string) => void;
-};
+import React from 'react';
 export declare const CODE_GROUP_SNIPPET_NAME_KEY = "redocly:codeGroupSnippetName";
-export declare const CodeSnippetContext: import("react").Context<CodeSnippetContextType | null>;
-export declare function useActiveCodeSnippetName(mode: 'tabs' | 'dropdown'): [string, (name: string) => void];
+type CodeSnippetContextType = {
+    activeSnippets: Record<string, string>;
+    setActiveSnippet: (groupId: string, snippetId: string) => void;
+};
+export declare const CodeSnippetContext: React.Context<CodeSnippetContextType | null>;
+export declare function CodeSnippetProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare const useCodeSnippetContext: () => CodeSnippetContextType;
+export declare const useActiveCodeSnippetId: (groupId?: string, availableSnippets?: {
+    id: string;
+}[]) => [string, (id: string) => void];
+export {};

package/lib/core/contexts/CodeSnippetContext.js

@@ -1,23 +1,66 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeSnippetContext = exports.CODE_GROUP_SNIPPET_NAME_KEY = void 0;
-exports.useActiveCodeSnippetName = useActiveCodeSnippetName;
-const react_1 = require("react");
+exports.useActiveCodeSnippetId = exports.useCodeSnippetContext = exports.CodeSnippetContext = exports.CODE_GROUP_SNIPPET_NAME_KEY = void 0;
+exports.CodeSnippetProvider = CodeSnippetProvider;
+const react_1 = __importStar(require("react"));
+const use_local_state_1 = require("../hooks/use-local-state");
 exports.CODE_GROUP_SNIPPET_NAME_KEY = 'redocly:codeGroupSnippetName';
 exports.CodeSnippetContext = (0, react_1.createContext)(null);
-function useActiveCodeSnippetName(mode) {
+function CodeSnippetProvider({ children }) {
+    const [activeSnippets, setActiveSnippets] = (0, use_local_state_1.useLocalState)(exports.CODE_GROUP_SNIPPET_NAME_KEY, {});
+    const setActiveSnippet = (0, react_1.useCallback)((groupId, snippetId) => {
+        setActiveSnippets(Object.assign(Object.assign({}, activeSnippets), { [groupId]: snippetId }));
+    }, [activeSnippets, setActiveSnippets]);
+    const contextValue = { activeSnippets, setActiveSnippet };
+    return react_1.default.createElement(exports.CodeSnippetContext.Provider, { value: contextValue }, children);
+}
+const useCodeSnippetContext = () => {
     const context = (0, react_1.useContext)(exports.CodeSnippetContext);
     if (!context) {
         throw new Error('useCodeSnippetContext must be used within a CodeSnippetContext');
     }
-    const [activeSnippetName, setActiveSnippetName] = (0, react_1.useState)(mode === 'tabs' ? '' : context.activeSnippetName);
-    if (mode === 'tabs') {
-        // use non-synced state for tabs mode
-        return [activeSnippetName, setActiveSnippetName];
-    }
-    else {
-        // use global synced state for dropdown mode
-        return [context.activeSnippetName, context.setActiveSnippetName];
-    }
-}
+    return context;
+};
+exports.useCodeSnippetContext = useCodeSnippetContext;
+const useActiveCodeSnippetId = (groupId, availableSnippets) => {
+    const { activeSnippets, setActiveSnippet } = (0, exports.useCodeSnippetContext)();
+    const storedSnippetId = groupId ? activeSnippets[groupId] || '' : '';
+    const activeId = (0, react_1.useMemo)(() => {
+        var _a;
+        if (!(availableSnippets === null || availableSnippets === void 0 ? void 0 : availableSnippets.length))
+            return storedSnippetId;
+        const found = storedSnippetId && availableSnippets.find((s) => s.id === storedSnippetId);
+        return found ? storedSnippetId : ((_a = availableSnippets[0]) === null || _a === void 0 ? void 0 : _a.id) || '';
+    }, [storedSnippetId, availableSnippets]);
+    const setActiveSnippetId = (0, react_1.useCallback)((id) => {
+        if (groupId) {
+            setActiveSnippet(groupId, id);
+        }
+    }, [groupId, setActiveSnippet]);
+    return [activeId, setActiveSnippetId];
+};
+exports.useActiveCodeSnippetId = useActiveCodeSnippetId;
 //# sourceMappingURL=CodeSnippetContext.js.map

package/lib/core/hooks/catalog/useCatalogTableViewRow.js

@@ -10,7 +10,7 @@ function useCatalogTableViewRow({ entityKey, entityType, catalogConfig, entities
         }
         return Object.values((_a = entitiesCatalogConfig.catalogs) !== null && _a !== void 0 ? _a : {}).find((catalog) => {
             var _a;
-            return (_a = catalog.includes) === null || _a === void 0 ? void 0 : _a.some((include) => include.type === entityType);
+            return (_a = catalog === null || catalog === void 0 ? void 0 : catalog.includes) === null || _a === void 0 ? void 0 : _a.some((include) => include.type === entityType);
         });
     };
     const getEntityDetailsLink = () => {

package/lib/core/hooks/use-active-section-id.js

@@ -17,6 +17,10 @@ function useActiveSectionId(location, hasOverviewPage = false, withNavbar = true
             setItemId('');
             return;
         }
+        if (window.scrollY <= 0) {
+            setItemId(sections[0].getAttribute('data-section-id') || '');
+            return;
+        }
         for (let i = 0; i < sections.length; i++) {
             const section = sections[i];
             const rect = section.getBoundingClientRect();

package/lib/core/hooks/use-codeblock-tabs-controls.d.ts

@@ -1,6 +1,6 @@
-import type { CodeBlockTabItems } from '../../components/CodeBlock/CodeBlock';
+import type { CodeBlockItems } from '../../components/CodeBlock/CodeBlock';
 type CodeBlockTabsProps = {
-    tabs: CodeBlockTabItems;
+    tabs: CodeBlockItems;
     containerRef: React.RefObject<HTMLDivElement | null>;
     tabRefs: React.RefObject<HTMLButtonElement[]>;
 };

package/lib/core/hooks/use-control.js

@@ -2,10 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useControl = void 0;
 const react_1 = require("react");
+const DEFAULT_CONTROL_OPEN_DELAY = 300;
 const useControl = (initialVal = false) => {
     const [isOpened, setIsOpened] = (0, react_1.useState)(initialVal);
-    const handleOpen = (0, react_1.useCallback)(() => setIsOpened(true), []);
-    const handleClose = (0, react_1.useCallback)(() => setIsOpened(false), []);
+    const timeoutRef = (0, react_1.useRef)(null);
+    const clearOpenTimer = (0, react_1.useCallback)(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+    }, []);
+    const handleOpen = (0, react_1.useCallback)(() => {
+        clearOpenTimer();
+        timeoutRef.current = setTimeout(() => {
+            setIsOpened(true);
+        }, DEFAULT_CONTROL_OPEN_DELAY);
+    }, [clearOpenTimer]);
+    const handleClose = (0, react_1.useCallback)(() => {
+        clearOpenTimer();
+        setIsOpened(false);
+    }, [clearOpenTimer]);
     return {
         isOpened,
         handleOpen,

package/lib/core/hooks/use-local-state.js

@@ -2,31 +2,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLocalState = useLocalState;
 const react_1 = require("react");
-function getInitialValue(key, initialValue) {
-    if (typeof window === 'undefined') {
-        return initialValue;
-    }
+const js_utils_1 = require("../utils/js-utils");
+function getStoredValue(key, fallback) {
+    if (!(0, js_utils_1.isBrowser)())
+        return fallback;
     try {
         const savedValue = localStorage.getItem(key);
-        if (savedValue) {
-            return JSON.parse(savedValue);
-        }
+        return savedValue ? JSON.parse(savedValue) : fallback;
     }
-    catch (error) {
-        console.error(`Error reading from localStorage for key "${key}":`, error);
+    catch (_a) {
+        return fallback;
     }
-    return initialValue;
 }
 function useLocalState(key, initialValue) {
-    const [value, setValue] = (0, react_1.useState)(() => getInitialValue(key, initialValue));
+    const [value, setValue] = (0, react_1.useState)(initialValue);
+    // Load stored value from localStorage after component mounts
+    // This ensures SSR compatibility: server and client both start with initialValue,
+    // then client loads the actual stored value without hydration mismatch
     (0, react_1.useEffect)(() => {
-        try {
-            localStorage.setItem(key, JSON.stringify(value));
-        }
-        catch (error) {
-            console.error(`Error writing to localStorage for key "${key}":`, error);
+        if (!(0, js_utils_1.isBrowser)())
+            return;
+        setValue(getStoredValue(key, initialValue));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [key]);
+    const handleSetValue = (0, react_1.useCallback)((newValue) => {
+        setValue(newValue);
+        if ((0, js_utils_1.isBrowser)()) {
+            localStorage.setItem(key, JSON.stringify(newValue));
         }
-    }, [key, value]);
-    return [value, setValue];
+    }, [key]);
+    return [value, handleSetValue];
 }
 //# sourceMappingURL=use-local-state.js.map

package/lib/core/hooks/use-telemetry-fallback.d.ts

@@ -57,4 +57,9 @@ export declare const useTelemetryFallback: () => {
     sendAsyncapiDocsMessageClickedMessage: () => void;
     sendAsyncapiDocsServerModalOpenedMessage: () => void;
     sendAsyncapiDocsDownloadDefinitionClickedMessage: () => void;
+    sendGraphqlDocsViewedMessage: () => void;
+    sendGraphqlDocsPerformanceMetricsMessage: () => void;
+    sendGraphqlDocsReferencedInLinkClickedMessage: () => void;
+    sendGraphqlDocsRequiredScopesModalOpenedMessage: () => void;
+    sendGraphqlDocsDownloadDefinitionClickedMessage: () => void;
 };

package/lib/core/hooks/use-telemetry-fallback.js

@@ -61,6 +61,11 @@ const useTelemetryFallback = () => ({
     sendAsyncapiDocsMessageClickedMessage: () => { },
     sendAsyncapiDocsServerModalOpenedMessage: () => { },
     sendAsyncapiDocsDownloadDefinitionClickedMessage: () => { },
+    sendGraphqlDocsViewedMessage: () => { },
+    sendGraphqlDocsPerformanceMetricsMessage: () => { },
+    sendGraphqlDocsReferencedInLinkClickedMessage: () => { },
+    sendGraphqlDocsRequiredScopesModalOpenedMessage: () => { },
+    sendGraphqlDocsDownloadDefinitionClickedMessage: () => { },
 });
 exports.useTelemetryFallback = useTelemetryFallback;
 //# sourceMappingURL=use-telemetry-fallback.js.map

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

@@ -1,3 +1,7 @@
+export type { UserClaims } from '../types/user-claims';
+export type { OperationParameter, ParameterHighlight } from '../types/search';
+export type { TFunction, TOptions } from '../types/l10n';
+export type { SelectOption, SelectProps } from '../types/select';
 export { IS_BROWSER } from '../utils/dom';
 export { addLeadingSlash, removeLeadingSlash, getPathPrefix, combineUrls, addTrailingSlash, withPathPrefix, } from '../utils/urls';
 export { typedMemo } from '../hoc/typedMemo';
@@ -5,15 +9,15 @@ export { useMount } from '../hooks/use-mount';
 export { GlobalStyle } from '../styles/global';
 export { breakpoints } from '../utils/media-css';
 export { isPrimitive } from '../utils/args-typecheck';
-export type { UserClaims } from '../types/user-claims';
+export { ClipboardService } from '../utils/clipboard-service';
+export { getUserAgent } from '../utils/get-user-agent';
 export { useFocusTrap } from '../hooks/use-focus-trap';
-export type { TFunction, TOptions } from '../types/l10n';
 export { useThemeHooks } from '../hooks/use-theme-hooks';
 export { useOutsideClick } from '../hooks/use-outside-click';
-export type { SelectOption, SelectProps } from '../types/select';
 export { useActiveSectionId } from '../hooks/use-active-section-id';
 export { useModalScrollLock } from '../hooks/use-modal-scroll-lock';
+export { useSearchDialog } from '../hooks/search/use-search-dialog';
+export { useDialogHotKeys } from '../hooks/use-dialog-hotkeys';
 export { SecurityVariablesEnvSuffix } from '../constants/environments';
 export { isUndefined, isString, isNotNull, isObject } from '../utils/type-guards';
 export { ThemeDataContext, type ThemeDataTransferObject } from '../contexts/ThemeDataContext';
-export { ENTITY_RELATION_TYPES } from '../constants/catalog';

package/lib/core/openapi/index.js

@@ -1,12 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ENTITY_RELATION_TYPES = exports.ThemeDataContext = exports.isObject = exports.isNotNull = exports.isString = exports.isUndefined = exports.SecurityVariablesEnvSuffix = exports.useModalScrollLock = exports.useActiveSectionId = exports.useOutsideClick = exports.useThemeHooks = exports.useFocusTrap = exports.isPrimitive = exports.breakpoints = exports.GlobalStyle = exports.useMount = exports.typedMemo = exports.withPathPrefix = exports.addTrailingSlash = exports.combineUrls = exports.getPathPrefix = exports.removeLeadingSlash = exports.addLeadingSlash = exports.IS_BROWSER = void 0;
-// This file is intended to provide selective imports from @redocly/theme/core
-// to reduce bundle size by exporting only functionality used in the @redocly/openapi-docs package.
-//
-// This selective import approach will help with tree shaking and reduce
-// the overall bundle size by avoiding importing the entire theme package
-// when only specific functionality is needed.
+exports.ThemeDataContext = exports.isObject = exports.isNotNull = exports.isString = exports.isUndefined = exports.SecurityVariablesEnvSuffix = exports.useDialogHotKeys = exports.useSearchDialog = exports.useModalScrollLock = exports.useActiveSectionId = exports.useOutsideClick = exports.useThemeHooks = exports.useFocusTrap = exports.getUserAgent = exports.ClipboardService = exports.isPrimitive = exports.breakpoints = exports.GlobalStyle = exports.useMount = exports.typedMemo = exports.withPathPrefix = exports.addTrailingSlash = exports.combineUrls = exports.getPathPrefix = exports.removeLeadingSlash = exports.addLeadingSlash = exports.IS_BROWSER = void 0;
 var dom_1 = require("../utils/dom");
 Object.defineProperty(exports, "IS_BROWSER", { enumerable: true, get: function () { return dom_1.IS_BROWSER; } });
 var urls_1 = require("../utils/urls");
@@ -26,6 +20,10 @@ var media_css_1 = require("../utils/media-css");
 Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return media_css_1.breakpoints; } });
 var args_typecheck_1 = require("../utils/args-typecheck");
 Object.defineProperty(exports, "isPrimitive", { enumerable: true, get: function () { return args_typecheck_1.isPrimitive; } });
+var clipboard_service_1 = require("../utils/clipboard-service");
+Object.defineProperty(exports, "ClipboardService", { enumerable: true, get: function () { return clipboard_service_1.ClipboardService; } });
+var get_user_agent_1 = require("../utils/get-user-agent");
+Object.defineProperty(exports, "getUserAgent", { enumerable: true, get: function () { return get_user_agent_1.getUserAgent; } });
 var use_focus_trap_1 = require("../hooks/use-focus-trap");
 Object.defineProperty(exports, "useFocusTrap", { enumerable: true, get: function () { return use_focus_trap_1.useFocusTrap; } });
 var use_theme_hooks_1 = require("../hooks/use-theme-hooks");
@@ -36,6 +34,10 @@ var use_active_section_id_1 = require("../hooks/use-active-section-id");
 Object.defineProperty(exports, "useActiveSectionId", { enumerable: true, get: function () { return use_active_section_id_1.useActiveSectionId; } });
 var use_modal_scroll_lock_1 = require("../hooks/use-modal-scroll-lock");
 Object.defineProperty(exports, "useModalScrollLock", { enumerable: true, get: function () { return use_modal_scroll_lock_1.useModalScrollLock; } });
+var use_search_dialog_1 = require("../hooks/search/use-search-dialog");
+Object.defineProperty(exports, "useSearchDialog", { enumerable: true, get: function () { return use_search_dialog_1.useSearchDialog; } });
+var use_dialog_hotkeys_1 = require("../hooks/use-dialog-hotkeys");
+Object.defineProperty(exports, "useDialogHotKeys", { enumerable: true, get: function () { return use_dialog_hotkeys_1.useDialogHotKeys; } });
 var environments_1 = require("../constants/environments");
 Object.defineProperty(exports, "SecurityVariablesEnvSuffix", { enumerable: true, get: function () { return environments_1.SecurityVariablesEnvSuffix; } });
 var type_guards_1 = require("../utils/type-guards");
@@ -45,6 +47,4 @@ Object.defineProperty(exports, "isNotNull", { enumerable: true, get: function ()
 Object.defineProperty(exports, "isObject", { enumerable: true, get: function () { return type_guards_1.isObject; } });
 var ThemeDataContext_1 = require("../contexts/ThemeDataContext");
 Object.defineProperty(exports, "ThemeDataContext", { enumerable: true, get: function () { return ThemeDataContext_1.ThemeDataContext; } });
-var catalog_1 = require("../constants/catalog");
-Object.defineProperty(exports, "ENTITY_RELATION_TYPES", { enumerable: true, get: function () { return catalog_1.ENTITY_RELATION_TYPES; } });
 //# sourceMappingURL=index.js.map

package/lib/core/styles/global.js

@@ -773,6 +773,25 @@ const apiReferenceDocs = (0, styled_components_1.css) `
   --fab-icon-color: var(--navbar-text-color); // @presenter Color
 
   // @tokens End
+
+  /**
+    * @tokens OpenAPI Schema Catalog Link
+   */
+
+  --schema-catalog-link-margin-bottom: var(--spacing-lg);
+  --schema-catalog-link-padding: 2px;
+  --schema-catalog-link-border-radius: var(--border-radius-md);
+  --schema-catalog-link-background-color: var(--layer-color);
+  --schema-catalog-link-color: var(--color-purple-7);
+
+  --schema-catalog-link-share-icon-color: var(--color-purple-7);
+  --schema-catalog-link-share-icon-background-color: var(--color-purple-1);
+  --schema-catalog-link-share-icon-border-radius: var(--border-radius-md);
+  --schema-catalog-link-share-icon-wrapper-size: var(--spacing-xl);
+
+  --schema-catalog-link-text-color: var(--text-color-primary);
+
+  // @tokens End
 `;
 const badges = (0, styled_components_1.css) `
   /**

package/lib/core/types/catalog.d.ts

@@ -1,7 +1,7 @@
 import { InfiniteData, UseInfiniteQueryResult } from '@tanstack/react-query';
 import { CatalogEntityConfig, LayoutVariant } from '@redocly/config';
+import { ENTITY_RELATION_TYPES } from '@redocly/config';
 import type { CatalogFilterConfig } from '../../config';
-import { ENTITY_RELATION_TYPES } from '../constants/catalog';
 export type SortOption = 'title' | '-title' | 'type' | '-type';
 export type UseCatalogResponse = {
     filters: ResolvedFilter[];

package/lib/core/types/hooks.d.ts

@@ -4,7 +4,7 @@ import type { ShikiTransformer } from '@shikijs/types';
 import type { Callback, TFunction as TFunc } from 'i18next';
 import type { To, Location, NavigateFunction } from 'react-router-dom';
 import type { CatalogConfig, ProductUiConfig } from '../../config';
-import type { UseCatalogResponse, CatalogApiResults, CatalogApiParams, FilteredCatalog, UseCatalogSortResponse, UseCatalogSearchResponse } from './catalog';
+import type { UseCatalogResponse, CatalogApiResults, CatalogApiParams, FilteredCatalog, UseCatalogSortResponse, UseCatalogSearchResponse, CatalogViewMode } from './catalog';
 import type { UserMenuData } from './user-menu';
 import type { ItemState } from './sidebar';
 import type { SearchItemData, SearchFacet, SearchFilterItem, SearchFacetQuery, AiSearchConversationItem } from './search';
@@ -112,7 +112,7 @@ export type ThemeHooks = {
         prevPage?: ResolvedNavItemWithLink;
         nextPage?: ResolvedNavItemWithLink;
     } | undefined;
-    useCatalog: (config?: CatalogEntityConfig, entitiesCounterInitial?: number) => UseCatalogResponse;
+    useCatalog: (config?: CatalogEntityConfig, entitiesCounterInitial?: number, initialViewMode?: CatalogViewMode) => UseCatalogResponse;
     useCatalogSort: () => UseCatalogSortResponse;
     useCatalogSearch: () => UseCatalogSearchResponse;
     useFetchCatalogEntities: (params: CatalogApiParams, initialData?: BffCatalogEntityList) => CatalogApiResults<BffCatalogEntity, BffCatalogEntityList>;

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

@@ -16,3 +16,4 @@ export * from './open-api-server';
 export * from './marker';
 export * from './code-walkthrough';
 export * from './page-actions';
+export * from './open-api-info';

package/lib/core/types/index.js

@@ -32,4 +32,5 @@ __exportStar(require("./open-api-server"), exports);
 __exportStar(require("./marker"), exports);
 __exportStar(require("./code-walkthrough"), exports);
 __exportStar(require("./page-actions"), exports);
+__exportStar(require("./open-api-info"), exports);
 //# sourceMappingURL=index.js.map