@redocly/theme 0.56.0-next.2 → 0.56.0-next.3

package/lib/core/hooks/search/use-search-dialog.js

@@ -7,13 +7,14 @@ exports.useSearchDialog = useSearchDialog;
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
 const hotkeys_js_1 = __importDefault(require("hotkeys-js"));
-const hooks_1 = require("../../../core/hooks");
+const use_theme_hooks_1 = require("../use-theme-hooks");
+const use_theme_config_1 = require("../use-theme-config");
 function useSearchDialog() {
     var _a, _b;
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const themeSettings = (0, hooks_1.useThemeConfig)();
+    const themeSettings = (0, use_theme_config_1.useThemeConfig)();
     const location = (0, react_router_dom_1.useLocation)();
-    const { useTelemetry } = (0, hooks_1.useThemeHooks)();
+    const { useTelemetry } = (0, use_theme_hooks_1.useThemeHooks)();
     const telemetry = useTelemetry();
     const keyShortcuts = (_b = (_a = themeSettings === null || themeSettings === void 0 ? void 0 : themeSettings.search) === null || _a === void 0 ? void 0 : _a.shortcuts) !== null && _b !== void 0 ? _b : ['⌘+K,CTRL+K'];
     const hotKeys = keyShortcuts === null || keyShortcuts === void 0 ? void 0 : keyShortcuts.join(',');

package/lib/core/hooks/search/use-search-filter.d.ts

@@ -1,4 +1,4 @@
-import type { SearchFilterItem } from '../../../core/types';
+import type { SearchFilterItem } from '../../types/search';
 export declare function useSearchFilter(filter: SearchFilterItem[], setFilter: React.Dispatch<React.SetStateAction<SearchFilterItem[]>>): {
     onFacetReset: (field: string) => void;
     onFilterChange: (field: string, value: string | string[] | undefined, isQuickFilter?: boolean) => void;

package/lib/core/hooks/search/use-suggested-pages.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSuggestedPages = void 0;
-const hooks_1 = require("../../../core/hooks");
+const use_theme_config_1 = require("../use-theme-config");
 const useSuggestedPages = () => {
     var _a;
-    const themeSettings = (0, hooks_1.useThemeConfig)();
+    const themeSettings = (0, use_theme_config_1.useThemeConfig)();
     const suggestedPages = (_a = themeSettings.search) === null || _a === void 0 ? void 0 : _a.suggestedPages;
     return suggestedPages || [];
 };

package/lib/core/hooks/use-active-page-version.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useActivePageVersion = useActivePageVersion;
-const hooks_1 = require("../../core/hooks");
+const use_theme_hooks_1 = require("./use-theme-hooks");
 function useActivePageVersion() {
-    const { usePageVersions } = (0, hooks_1.useThemeHooks)();
+    const { usePageVersions } = (0, use_theme_hooks_1.useThemeHooks)();
     const { versions } = usePageVersions();
     const activeVersion = versions.find((version) => version.active);
     return activeVersion === null || activeVersion === void 0 ? void 0 : activeVersion.version;

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useActiveSectionId = useActiveSectionId;
 const react_1 = require("react");
 const lodash_throttle_1 = __importDefault(require("lodash.throttle"));
-const hooks_1 = require("../../core/hooks");
+const use_navbar_height_1 = require("./use-navbar-height");
 function useActiveSectionId(location, hasOverviewPage = false, withNavbar = true) {
     const [itemId, setItemId] = (0, react_1.useState)('');
-    const navbarHeight = (0, hooks_1.useNavbarHeight)(location);
+    const navbarHeight = (0, use_navbar_height_1.useNavbarHeight)(location);
     const heightOffset = (withNavbar ? navbarHeight : 0) + 150; // use 150px to account next section visibility;
     const scrollListener = (0, react_1.useMemo)(() => (0, lodash_throttle_1.default)(() => {
         const sections = document.querySelectorAll('[data-section-id]');

package/lib/core/hooks/use-color-switcher.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useColorSwitcher = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../core/hooks");
+const use_theme_config_1 = require("./use-theme-config");
+const use_theme_hooks_1 = require("./use-theme-hooks");
 const useColorSwitcher = () => {
-    const themeSettings = (0, hooks_1.useThemeConfig)();
-    const { useTelemetry } = (0, hooks_1.useThemeHooks)();
+    const themeSettings = (0, use_theme_config_1.useThemeConfig)();
+    const { useTelemetry } = (0, use_theme_hooks_1.useThemeHooks)();
     const telemetry = useTelemetry();
     const colorMode = themeSettings.colorMode;
     const modes = (colorMode === null || colorMode === void 0 ? void 0 : colorMode.modes) || ['light', 'dark'];

package/lib/core/hooks/use-input-key-commands.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useInputKeyCommands = useInputKeyCommands;
 const react_1 = require("react");
-const utils_1 = require("../../core/utils");
+const get_user_agent_1 = require("../utils/get-user-agent");
 function useInputKeyCommands(actionHandlers) {
     // MacOS uses Command key instead of Ctrl
-    const ctrlKey = (0, react_1.useMemo)(() => ((0, utils_1.getUserAgent)().includes('Mac') ? 'metaKey' : 'ctrlKey'), []);
+    const ctrlKey = (0, react_1.useMemo)(() => ((0, get_user_agent_1.getUserAgent)().includes('Mac') ? 'metaKey' : 'ctrlKey'), []);
     const isSelectAll = (0, react_1.useCallback)((event) => {
         return event.key === 'a' && event[ctrlKey];
     }, [ctrlKey]);

package/lib/core/hooks/use-language-picker.d.ts

@@ -1,4 +1,4 @@
-import type { L10nConfig } from '../../core/types';
+import type { L10nConfig } from '../types/hooks';
 export declare function useLanguagePicker(): {
     currentLocale: L10nConfig['locales'][number] | undefined;
     locales: L10nConfig['locales'];

package/lib/core/hooks/use-language-picker.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLanguagePicker = useLanguagePicker;
 const react_router_dom_1 = require("react-router-dom");
-const hooks_1 = require("../../core/hooks");
-const utils_1 = require("../../core/utils");
+const use_theme_hooks_1 = require("./use-theme-hooks");
+const urls_1 = require("../utils/urls");
 function useLanguagePicker() {
-    const { useL10nConfig, useLoadAndNavigate } = (0, hooks_1.useThemeHooks)();
+    const { useL10nConfig, useLoadAndNavigate } = (0, use_theme_hooks_1.useThemeHooks)();
     const navigate = (0, react_router_dom_1.useNavigate)();
     const loadAndNavigate = useLoadAndNavigate();
     const { currentLocale, locales, defaultLocale } = useL10nConfig();
     const locale = locales.find((l) => l.code === currentLocale);
     function setLocale(value) {
-        const newLangPathname = (0, utils_1.withPathPrefix)((0, utils_1.getPathnameForLocale)((0, utils_1.withoutPathPrefix)(location.pathname), defaultLocale, value, locales));
+        const newLangPathname = (0, urls_1.withPathPrefix)((0, urls_1.getPathnameForLocale)((0, urls_1.withoutPathPrefix)(location.pathname), defaultLocale, value, locales));
         const newUrlWithLanguage = `${newLangPathname}${location.search}${location.hash}`;
         loadAndNavigate({ navigate, to: newUrlWithLanguage });
     }

package/lib/core/hooks/use-mobile-menu.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMobileMenu = useMobileMenu;
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
-const hooks_1 = require("../../core/hooks");
+const use_modal_scroll_lock_1 = require("./use-modal-scroll-lock");
 function useMobileMenu(initialState = false) {
     const location = (0, react_router_dom_1.useLocation)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(initialState);
     (0, react_1.useEffect)(() => setIsOpen(false), [location.pathname, location.hash]);
-    (0, hooks_1.useModalScrollLock)(isOpen);
+    (0, use_modal_scroll_lock_1.useModalScrollLock)(isOpen);
     const openMobileMenu = () => setIsOpen(true);
     const closeMobileMenu = () => setIsOpen(false);
     return { isOpen, openMobileMenu, closeMobileMenu };

package/lib/core/hooks/use-navbar-height.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNavbarHeight = useNavbarHeight;
 const react_1 = require("react");
-const utils_1 = require("../../core/utils");
+const get_navbar_element_1 = require("../utils/get-navbar-element");
 function useNavbarHeight(location) {
     const [height, setHeight] = (0, react_1.useState)(0);
     (0, react_1.useEffect)(() => {
-        const navbar = (0, utils_1.getNavbarElement)();
+        const navbar = (0, get_navbar_element_1.getNavbarElement)();
         setHeight((navbar && navbar.clientHeight) || 0);
     }, [location.pathname]);
     (0, react_1.useEffect)(() => {
         window.requestAnimationFrame(() => {
-            const navbar = (0, utils_1.getNavbarElement)();
+            const navbar = (0, get_navbar_element_1.getNavbarElement)();
             setHeight((navbar && navbar.clientHeight) || 0);
         });
     }, []);

package/lib/core/hooks/use-page-versions.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePageVersions = usePageVersions;
-const hooks_1 = require("../../core/hooks");
+const use_theme_hooks_1 = require("./use-theme-hooks");
 function usePageVersions() {
-    const { usePageVersions } = (0, hooks_1.useThemeHooks)();
+    const { usePageVersions } = (0, use_theme_hooks_1.useThemeHooks)();
     const pageVersions = usePageVersions();
     return pageVersions.versions.map((version) => ({
         active: version.active,

package/lib/core/hooks/use-product-picker.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useProductPicker = useProductPicker;
 const react_router_dom_1 = require("react-router-dom");
-const hooks_1 = require("../../core/hooks");
+const use_theme_hooks_1 = require("./use-theme-hooks");
 function useProductPicker() {
-    const { useCurrentProduct, useProducts, useTelemetry, useLoadAndNavigate } = (0, hooks_1.useThemeHooks)();
+    const { useCurrentProduct, useProducts, useTelemetry, useLoadAndNavigate } = (0, use_theme_hooks_1.useThemeHooks)();
     const currentProduct = useCurrentProduct();
     const products = useProducts();
     const telemetry = useTelemetry();

package/lib/core/hooks/use-theme-config.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeConfig = useThemeConfig;
 const react_1 = require("react");
-const contexts_1 = require("../../core/contexts");
+const ThemeDataContext_1 = require("../contexts/ThemeDataContext");
 // TODO: rename and additionally export as alias for backward compatibility
 function useThemeConfig(useProductConfig = true) {
-    const context = (0, react_1.useContext)(contexts_1.ThemeDataContext);
+    const context = (0, react_1.useContext)(ThemeDataContext_1.ThemeDataContext);
     if (!(context === null || context === void 0 ? void 0 : context.config)) {
         return {};
     }

package/lib/core/hooks/use-theme-hooks.d.ts

@@ -1,2 +1,2 @@
-import type { ThemeHooks } from '../../core/types';
+import type { ThemeHooks } from '../types/hooks';
 export declare const useThemeHooks: () => ThemeHooks;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeHooks = void 0;
 const react_1 = require("react");
-const contexts_1 = require("../../core/contexts");
+const ThemeDataContext_1 = require("../contexts/ThemeDataContext");
 const fallbacks = {
     useTranslate: () => ({
         translate: (value, options) => (typeof options === 'string' ? options : options === null || options === void 0 ? void 0 : options.defaultValue) || value || '',
@@ -18,7 +18,7 @@ const fallbacks = {
     useUserMenu: () => ({}),
 };
 const useThemeHooks = () => {
-    const context = (0, react_1.useContext)(contexts_1.ThemeDataContext);
+    const context = (0, react_1.useContext)(ThemeDataContext_1.ThemeDataContext);
     return new Proxy({}, {
         get(_, prop) {
             if (context && prop in context.hooks) {

package/lib/core/hooks/use-time-ago.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTimeAgo = useTimeAgo;
 const react_1 = require("react");
-const hooks_1 = require("../../core/hooks");
+const use_theme_hooks_1 = require("./use-theme-hooks");
 const timeUnits = ['second', 'minute', 'hour', 'day', 'week', 'month', 'year'];
 const timeUnitConversions = [
     60, // 60 seconds in 1 min
@@ -13,7 +13,7 @@ const timeUnitConversions = [
     12, // 12 months in 1 year
 ];
 function useTimeAgo() {
-    const { useTranslate } = (0, hooks_1.useThemeHooks)();
+    const { useTranslate } = (0, use_theme_hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
     const format = (0, react_1.useCallback)((date) => {
         let timeUnitIndex = 0;

package/lib/core/hooks/use-user-teams.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUserTeams = useUserTeams;
-const hooks_1 = require("../../core/hooks");
+const use_theme_hooks_1 = require("./use-theme-hooks");
 function useUserTeams() {
-    const { useUserTeams } = (0, hooks_1.useThemeHooks)();
+    const { useUserTeams } = (0, use_theme_hooks_1.useThemeHooks)();
     const userTeams = useUserTeams();
     return userTeams;
 }

package/lib/core/index.d.ts

@@ -1,7 +1,7 @@
-export * from '../core/constants';
-export * from '../core/contexts';
-export * from '../core/hoc';
-export * from '../core/hooks';
-export * from '../core/types';
-export * from '../core/utils';
-export * from '../core/styles';
+export * from './constants';
+export * from './contexts';
+export * from './hoc';
+export * from './hooks';
+export * from './types';
+export * from './utils';
+export * from './styles';

package/lib/core/index.js

@@ -14,11 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../core/constants"), exports);
-__exportStar(require("../core/contexts"), exports);
-__exportStar(require("../core/hoc"), exports);
-__exportStar(require("../core/hooks"), exports);
-__exportStar(require("../core/types"), exports);
-__exportStar(require("../core/utils"), exports);
-__exportStar(require("../core/styles"), exports);
+__exportStar(require("./constants"), exports);
+__exportStar(require("./contexts"), exports);
+__exportStar(require("./hoc"), exports);
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./utils"), exports);
+__exportStar(require("./styles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,18 @@
+export { IS_BROWSER } from '../utils/dom';
+export { addLeadingSlash, removeLeadingSlash, getPathPrefix, combineUrls, addTrailingSlash, withPathPrefix, } from '../utils/urls';
+export { typedMemo } from '../hoc/typedMemo';
+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 { 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 { SecurityVariablesEnvSuffix } from '../constants/environments';
+export { isUndefined, isString, isNotNull, isObject } from '../utils/type-guards';
+export { ThemeDataContext, type ThemeDataTransferObject } from '../contexts/ThemeDataContext';

package/lib/core/openapi/index.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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.
+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");
+Object.defineProperty(exports, "addLeadingSlash", { enumerable: true, get: function () { return urls_1.addLeadingSlash; } });
+Object.defineProperty(exports, "removeLeadingSlash", { enumerable: true, get: function () { return urls_1.removeLeadingSlash; } });
+Object.defineProperty(exports, "getPathPrefix", { enumerable: true, get: function () { return urls_1.getPathPrefix; } });
+Object.defineProperty(exports, "combineUrls", { enumerable: true, get: function () { return urls_1.combineUrls; } });
+Object.defineProperty(exports, "addTrailingSlash", { enumerable: true, get: function () { return urls_1.addTrailingSlash; } });
+Object.defineProperty(exports, "withPathPrefix", { enumerable: true, get: function () { return urls_1.withPathPrefix; } });
+var typedMemo_1 = require("../hoc/typedMemo");
+Object.defineProperty(exports, "typedMemo", { enumerable: true, get: function () { return typedMemo_1.typedMemo; } });
+var use_mount_1 = require("../hooks/use-mount");
+Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return use_mount_1.useMount; } });
+var global_1 = require("../styles/global");
+Object.defineProperty(exports, "GlobalStyle", { enumerable: true, get: function () { return global_1.GlobalStyle; } });
+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 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");
+Object.defineProperty(exports, "useThemeHooks", { enumerable: true, get: function () { return use_theme_hooks_1.useThemeHooks; } });
+var use_outside_click_1 = require("../hooks/use-outside-click");
+Object.defineProperty(exports, "useOutsideClick", { enumerable: true, get: function () { return use_outside_click_1.useOutsideClick; } });
+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 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");
+Object.defineProperty(exports, "isUndefined", { enumerable: true, get: function () { return type_guards_1.isUndefined; } });
+Object.defineProperty(exports, "isString", { enumerable: true, get: function () { return type_guards_1.isString; } });
+Object.defineProperty(exports, "isNotNull", { enumerable: true, get: function () { return type_guards_1.isNotNull; } });
+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; } });
+//# sourceMappingURL=index.js.map

package/lib/core/styles/global.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GlobalStyle = exports.styles = void 0;
 const styled_components_1 = require("styled-components");
-const dark_1 = require("../../core/styles/dark");
 const variables_1 = require("../../components/LanguagePicker/variables");
 const variables_2 = require("../../components/Scorecard/variables");
 const variables_3 = require("../../components/Feedback/variables");
@@ -41,6 +40,7 @@ const variables_35 = require("../../components/Switch/variables");
 const variables_36 = require("../../markdoc/components/Cards/variables");
 const variables_37 = require("../../markdoc/components/CodeWalkthrough/variables");
 const variables_38 = require("../../components/SkipContent/variables");
+const dark_1 = require("./dark");
 const themeColors = (0, styled_components_1.css) `
   /* === Palette === */
   /**

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

@@ -1,2 +1,2 @@
-export * from '../../core/styles/global';
-export * from '../../core/styles/dark';
+export * from './global';
+export * from './dark';

package/lib/core/styles/index.js

@@ -14,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../../core/styles/global"), exports);
-__exportStar(require("../../core/styles/dark"), exports);
+__exportStar(require("./global"), exports);
+__exportStar(require("./dark"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/templates/Markdown.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { UiAccessibleConfig } from '../../config';
-import type { MdHeading } from '../../core/types';
+import type { MdHeading } from '../types/markdown';
 export type MarkdownTemplateProps = {
     pageProps: {
         frontmatter?: UiAccessibleConfig;

package/lib/core/templates/Markdown.js

@@ -26,18 +26,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const React = __importStar(require("react"));
 const react_router_dom_1 = require("react-router-dom");
-const hooks_1 = require("../../core/hooks");
 const DocumentationLayout_1 = require("../../layouts/DocumentationLayout");
 const Markdown_1 = require("../../components/Markdown/Markdown");
 const TableOfContent_1 = require("../../components/TableOfContent/TableOfContent");
 const Feedback_1 = require("../../components/Feedback/Feedback");
-const utils_1 = require("../../core/utils");
 const CodeWalkthroughLayout_1 = require("../../layouts/CodeWalkthroughLayout");
+const dom_1 = require("../utils/dom");
+const details_1 = require("../utils/details");
+const use_theme_hooks_1 = require("../hooks/use-theme-hooks");
+const use_theme_config_1 = require("../hooks/use-theme-config");
 function default_1({ pageProps, children }) {
     var _a;
     const [wrapperElement, setWrapperElement] = React.useState(null);
-    const { useSidebarSiblingsData } = (0, hooks_1.useThemeHooks)();
-    const { markdown } = (0, hooks_1.useThemeConfig)();
+    const { useSidebarSiblingsData } = (0, use_theme_hooks_1.useThemeHooks)();
+    const { markdown } = (0, use_theme_config_1.useThemeConfig)();
     const { nextPage, prevPage } = useSidebarSiblingsData() || {};
     const { pathname } = (0, react_router_dom_1.useLocation)();
     const wrapperRefCb = React.useCallback((node) => {
@@ -61,8 +63,8 @@ function default_1({ pageProps, children }) {
         nextPage,
         prevPage,
     };
-    if (utils_1.IS_BROWSER) {
-        (0, utils_1.onDocumentReady)(utils_1.extendDetailsBehaviour);
+    if (dom_1.IS_BROWSER) {
+        (0, dom_1.onDocumentReady)(details_1.extendDetailsBehaviour);
     }
     const document = React.createElement(Markdown_1.Markdown, { ref: wrapperRefCb }, children);
     const tagList = pageProps.metadata.markdoc.tagList;

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

@@ -1,6 +1,7 @@
 import { InfiniteData, UseInfiniteQueryResult } from '@tanstack/react-query';
 import { CatalogEntityConfig, LayoutVariant } 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[];
@@ -91,7 +92,7 @@ export type UseCatalogEntitiesProps = {
 export type UseCatalogEntitiesResponse = {
     setEntitiesCounter: (counter: number) => void;
 };
-export type EntityType = 'service' | 'domain' | 'team' | 'user' | 'api-description';
+export type EntityType = 'service' | 'domain' | 'team' | 'user' | 'api-description' | 'data-schema' | 'api-operation';
 export type CatalogViewMode = 'cards' | 'table';
 export type CatalogSwitcherItem = {
     labelTranslationKey: string;
@@ -105,6 +106,8 @@ export type BffCatalogRelatedEntity = {
     title: string;
     summary?: string | null;
     readonly source: 'api' | 'file';
+    relationRole: 'source' | 'target';
+    relationType: EntityRelationType;
     sourceFile?: string | null;
     metadata?: Record<string, any>;
     readonly createdAt: string | null;
@@ -120,7 +123,7 @@ export type BffCatalogEntity = {
     readonly source: 'api' | 'file';
     domains?: Array<BffCatalogRelatedEntity>;
     owners?: Array<BffCatalogRelatedEntity>;
-    summary?: string;
+    summary?: string | null;
     tags?: Array<string>;
     metadata?: Record<string, any>;
     git?: Array<string>;
@@ -158,3 +161,4 @@ export type Page = {
     limit: number;
     total: number;
 };
+export type EntityRelationType = (typeof ENTITY_RELATION_TYPES)[number];

package/lib/core/types/code-walkthrough.d.ts

@@ -1,4 +1,4 @@
-import type { MarkerArea } from '../../core/types';
+import type { MarkerArea } from './marker';
 export type ActiveStep = string | null;
 export type WalkthroughStepsState = {
     activeStep: ActiveStep;

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

@@ -1,4 +1,4 @@
-import type { FEEDBACK_TYPES } from '../../core/constants';
+import type { FEEDBACK_TYPES } from '../constants/common';
 import type { SentimentProps } from '../../components/Feedback/Sentiment';
 import type { CommentProps } from '../../components/Feedback/Comment';
 import type { MoodProps } from '../../components/Feedback/Mood';

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

@@ -1,4 +1,4 @@
-import type { ResolvedFilter } from '../../core/types';
+import type { ResolvedFilter } from './catalog';
 import type { RedoclyConfig } from '@redocly/config';
 export type FilterProps = {
     filter: ResolvedFilter & {

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

@@ -3,9 +3,17 @@ 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 { UserMenuData, UseCatalogResponse, ItemState, SearchItemData, SubmitFeedbackParams, TFunction, BreadcrumbItem, DrilldownMenuItemDetails, SearchFacet, SearchFilterItem, SearchFacetQuery, AiSearchConversationItem, CatalogApiResults, CatalogApiParams, FilteredCatalog, UseCatalogSortResponse, UseCatalogSearchResponse, EventType, SendEventParams } from '../../core/types';
-import { BffCatalogEntity, BffCatalogEntityList, BffCatalogRelatedEntity, BffCatalogRelatedEntityList } from '../../core/types';
-import { AiSearchError } from '../../core/constants';
+import type { UseCatalogResponse, CatalogApiResults, CatalogApiParams, FilteredCatalog, UseCatalogSortResponse, UseCatalogSearchResponse } from './catalog';
+import type { UserMenuData } from './user-menu';
+import type { ItemState } from './sidebar';
+import type { SearchItemData, SearchFacet, SearchFilterItem, SearchFacetQuery, AiSearchConversationItem } from './search';
+import type { EventType, SendEventParams } from './telemetry';
+import type { SubmitFeedbackParams } from './feedback';
+import type { TFunction } from './l10n';
+import type { BreadcrumbItem } from './breadcrumb';
+import type { DrilldownMenuItemDetails } from './sidebar';
+import { BffCatalogEntity, BffCatalogEntityList, BffCatalogRelatedEntity, BffCatalogRelatedEntityList } from './catalog';
+import { AiSearchError } from '../constants/search';
 export type ThemeHooks = {
     useTranslate: () => {
         translate: TFunction;

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

@@ -1,18 +1,18 @@
-export * from '../../core/types/breadcrumb';
-export * from '../../core/types/catalog';
-export * from '../../core/types/l10n';
-export * from '../../core/types/feedback';
-export * from '../../core/types/hooks';
-export * from '../../core/types/markdown';
-export * from '../../core/types/navbar';
-export * from '../../core/types/search';
-export * from '../../core/types/select';
-export * from '../../core/types/sidebar';
-export * from '../../core/types/filter';
-export * from '../../core/types/user-menu';
-export * from '../../core/types/user-claims';
-export * from '../../core/types/common';
-export * from '../../core/types/open-api-server';
-export * from '../../core/types/marker';
-export * from '../../core/types/code-walkthrough';
-export * from '../../core/types/telemetry';
+export * from './breadcrumb';
+export * from './catalog';
+export * from './l10n';
+export * from './feedback';
+export * from './hooks';
+export * from './markdown';
+export * from './navbar';
+export * from './search';
+export * from './select';
+export * from './sidebar';
+export * from './filter';
+export * from './user-menu';
+export * from './user-claims';
+export * from './common';
+export * from './open-api-server';
+export * from './marker';
+export * from './code-walkthrough';
+export * from './telemetry';

package/lib/core/types/index.js

@@ -14,22 +14,22 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../../core/types/breadcrumb"), exports);
-__exportStar(require("../../core/types/catalog"), exports);
-__exportStar(require("../../core/types/l10n"), exports);
-__exportStar(require("../../core/types/feedback"), exports);
-__exportStar(require("../../core/types/hooks"), exports);
-__exportStar(require("../../core/types/markdown"), exports);
-__exportStar(require("../../core/types/navbar"), exports);
-__exportStar(require("../../core/types/search"), exports);
-__exportStar(require("../../core/types/select"), exports);
-__exportStar(require("../../core/types/sidebar"), exports);
-__exportStar(require("../../core/types/filter"), exports);
-__exportStar(require("../../core/types/user-menu"), exports);
-__exportStar(require("../../core/types/user-claims"), exports);
-__exportStar(require("../../core/types/common"), exports);
-__exportStar(require("../../core/types/open-api-server"), exports);
-__exportStar(require("../../core/types/marker"), exports);
-__exportStar(require("../../core/types/code-walkthrough"), exports);
-__exportStar(require("../../core/types/telemetry"), exports);
+__exportStar(require("./breadcrumb"), exports);
+__exportStar(require("./catalog"), exports);
+__exportStar(require("./l10n"), exports);
+__exportStar(require("./feedback"), exports);
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./markdown"), exports);
+__exportStar(require("./navbar"), exports);
+__exportStar(require("./search"), exports);
+__exportStar(require("./select"), exports);
+__exportStar(require("./sidebar"), exports);
+__exportStar(require("./filter"), exports);
+__exportStar(require("./user-menu"), exports);
+__exportStar(require("./user-claims"), exports);
+__exportStar(require("./common"), exports);
+__exportStar(require("./open-api-server"), exports);
+__exportStar(require("./marker"), exports);
+__exportStar(require("./code-walkthrough"), exports);
+__exportStar(require("./telemetry"), exports);
 //# sourceMappingURL=index.js.map