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

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

@@ -2,16 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMobileMenuItems = void 0;
 const react_router_dom_1 = require("react-router-dom");
-const hooks_1 = require("../../../core/hooks");
-const constants_1 = require("../../../core/constants");
-const utils_1 = require("../../../core/utils");
+const use_theme_hooks_1 = require("../use-theme-hooks");
+const use_theme_config_1 = require("../use-theme-config");
+const common_1 = require("../../constants/common");
+const menu_1 = require("../../utils/menu");
 const MENU_SEPARATOR = {
     type: 'separator',
     separatorLine: true,
 };
 const useMobileMenuItems = (menuType) => {
     var _a, _b, _c;
-    const { useTranslate, useL10nConfig, useCurrentProduct, usePageVersions, useSidebarItems } = (0, hooks_1.useThemeHooks)();
+    const { useTranslate, useL10nConfig, useCurrentProduct, usePageVersions, useSidebarItems } = (0, use_theme_hooks_1.useThemeHooks)();
     const { versions = [] } = usePageVersions() || {};
     const { defaultLocale, currentLocale, locales } = useL10nConfig();
     const { translate } = useTranslate();
@@ -20,15 +21,15 @@ const useMobileMenuItems = (menuType) => {
     const location = (0, react_router_dom_1.useLocation)();
     const currentProduct = useCurrentProduct();
     const hasProductNavbarOverride = (_a = currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.configOverride) === null || _a === void 0 ? void 0 : _a.navbar;
-    const productThemeConfig = (0, hooks_1.useThemeConfig)();
-    const baseThemeConfig = (0, hooks_1.useThemeConfig)(false);
+    const productThemeConfig = (0, use_theme_config_1.useThemeConfig)();
+    const baseThemeConfig = (0, use_theme_config_1.useThemeConfig)(false);
     const baseNavItems = (((_b = baseThemeConfig.navbar) === null || _b === void 0 ? void 0 : _b.items) || []);
     const productNavItems = (hasProductNavbarOverride ? ((_c = productThemeConfig.navbar) === null || _c === void 0 ? void 0 : _c.items) || [] : []);
     const menuItems = [];
-    if (menuType === constants_1.MobileMenuType.PAGE) {
+    if (menuType === common_1.MobileMenuType.PAGE) {
         if (activeVersion) {
             // TODO: consider to refactor
-            const versionsSection = (0, utils_1.buildVersionSection)(translate, versions, activeVersion);
+            const versionsSection = (0, menu_1.buildVersionSection)(translate, versions, activeVersion);
             menuItems.push(...versionsSection);
         }
         if (menuItems.length && sidebarItems.length) {
@@ -36,7 +37,7 @@ const useMobileMenuItems = (menuType) => {
         }
         menuItems.push(...sidebarItems);
     }
-    else if (menuType === constants_1.MobileMenuType.PRODUCT) {
+    else if (menuType === common_1.MobileMenuType.PRODUCT) {
         menuItems.push(...productNavItems);
         if (menuItems.length && baseNavItems.length) {
             menuItems.push(MENU_SEPARATOR);
@@ -45,7 +46,7 @@ const useMobileMenuItems = (menuType) => {
             menuItems.push(...baseNavItems);
         }
     }
-    else if (menuType === constants_1.MobileMenuType.MAIN_MENU) {
+    else if (menuType === common_1.MobileMenuType.MAIN_MENU) {
         const productMenuItems = Object.values(baseThemeConfig.products || {}).map((product) => ({
             label: product.name,
             link: product.link,
@@ -66,7 +67,7 @@ const useMobileMenuItems = (menuType) => {
             menuItems.push(...baseNavItems);
         }
     }
-    const languagesMenu = (0, utils_1.buildLanguagesGroup)(locales, defaultLocale, currentLocale);
+    const languagesMenu = (0, menu_1.buildLanguagesGroup)(locales, defaultLocale, currentLocale);
     if (menuItems.length && languagesMenu) {
         menuItems.push(MENU_SEPARATOR);
     }
@@ -74,7 +75,7 @@ const useMobileMenuItems = (menuType) => {
         menuItems.push(languagesMenu);
     }
     return {
-        items: (0, utils_1.mapNavbarItems)(menuItems, defaultLocale, currentLocale, locales, location),
+        items: (0, menu_1.mapNavbarItems)(menuItems, defaultLocale, currentLocale, locales, location),
         popDrilldownState,
         pushDrilldownState,
         backLink,

package/lib/core/hooks/menu/use-mobile-menu-levels.d.ts

@@ -1,4 +1,4 @@
-import { MobileMenuType } from '../../../core/constants';
+import { MobileMenuType } from '../../constants/common';
 export declare const useMobileMenuLevels: () => {
     label: string;
     type: MobileMenuType;

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

@@ -3,17 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMobileMenuLevels = void 0;
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
-const hooks_1 = require("../../../core/hooks");
-const constants_1 = require("../../../core/constants");
+const use_theme_hooks_1 = require("../use-theme-hooks");
+const use_theme_config_1 = require("../use-theme-config");
+const common_1 = require("../../constants/common");
 const useMobileMenuLevels = () => {
     var _a, _b;
-    const { useTranslate, useCurrentProduct, usePageVersions, useSidebarItems } = (0, hooks_1.useThemeHooks)();
+    const { useTranslate, useCurrentProduct, usePageVersions, useSidebarItems } = (0, use_theme_hooks_1.useThemeHooks)();
     const { versions = [] } = usePageVersions() || {};
     const activeVersion = versions.find((version) => version === null || version === void 0 ? void 0 : version.active);
     const { currentItems: sidebarItems } = useSidebarItems(activeVersion);
     const { translate } = useTranslate();
     const currentProduct = useCurrentProduct();
-    const productThemeConfig = (0, hooks_1.useThemeConfig)();
+    const productThemeConfig = (0, use_theme_config_1.useThemeConfig)();
     const location = (0, react_router_dom_1.useLocation)();
     const hasProductNavbarOverride = (_a = currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.configOverride) === null || _a === void 0 ? void 0 : _a.navbar;
     const productNavItems = (hasProductNavbarOverride ? ((_b = productThemeConfig.navbar) === null || _b === void 0 ? void 0 : _b.items) || [] : []);
@@ -21,19 +22,19 @@ const useMobileMenuLevels = () => {
         const menuLevels = [
             {
                 label: translate('mobileMenu.mainMenu', 'Main menu'),
-                type: constants_1.MobileMenuType.MAIN_MENU,
+                type: common_1.MobileMenuType.MAIN_MENU,
             },
         ];
         if (currentProduct && productNavItems.length) {
             menuLevels.push({
                 label: currentProduct.name,
-                type: constants_1.MobileMenuType.PRODUCT,
+                type: common_1.MobileMenuType.PRODUCT,
             });
         }
         if (sidebarItems.length || activeVersion) {
             menuLevels.push({
                 label: translate('mobileMenu.previous', 'Previous'),
-                type: constants_1.MobileMenuType.PAGE,
+                type: common_1.MobileMenuType.PAGE,
             });
         }
         return menuLevels;

package/lib/core/hooks/menu/use-nested-menu.d.ts

@@ -1,4 +1,4 @@
-import type { MenuItemProps } from '../../../core/types';
+import type { MenuItemProps } from '../../types/sidebar';
 type NestedMenuProps = MenuItemProps & {
     labelRef?: React.RefObject<HTMLElement | null>;
     nestedMenuRef?: React.RefObject<HTMLDivElement | null>;

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

@@ -12,15 +12,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNestedMenu = useNestedMenu;
 const react_router_dom_1 = require("react-router-dom");
 const react_1 = require("react");
-const hooks_1 = require("../../../core/hooks");
-const utils_1 = require("../../../core/utils");
+const use_menu_item_expanded_1 = require("./use-menu-item-expanded");
+const use_collapse_1 = require("./use-collapse");
+const load_and_navigate_1 = require("../../utils/load-and-navigate");
+const urls_1 = require("../../utils/urls");
 function useNestedMenu({ item, labelRef, nestedMenuRef }) {
-    const [isExpanded, setIsExpanded] = (0, hooks_1.useMenuItemExpanded)(item);
+    const [isExpanded, setIsExpanded] = (0, use_menu_item_expanded_1.useMenuItemExpanded)(item);
     // we need to know when the item is collapsed after transition to remove children from DOM
     const [canUnmount, setCanUnmount] = (0, react_1.useState)(!isExpanded);
     const navigate = (0, react_router_dom_1.useNavigate)();
     const location = (0, react_router_dom_1.useLocation)();
-    const { style } = (0, hooks_1.useCollapse)({
+    const { style } = (0, use_collapse_1.useCollapse)({
         isExpanded,
         collapseElRef: nestedMenuRef || { current: null },
         onTransitionStateChange: (state) => {
@@ -64,12 +66,12 @@ function useNestedMenu({ item, labelRef, nestedMenuRef }) {
     }, [labelRef, isExpanded, item.active]);
     const handleExpand = (0, react_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
         if (item.expanded === 'always' ||
-            (item.link && item.hasActiveSubItem && item.link !== (0, utils_1.withoutPathPrefix)(location.pathname))) {
+            (item.link && item.hasActiveSubItem && item.link !== (0, urls_1.withoutPathPrefix)(location.pathname))) {
             return;
         }
         const [firstChild] = item.items;
         if (!isExpanded && item.selectFirstItemOnExpand && firstChild.link) {
-            yield (0, utils_1.loadAndNavigate)({ navigate, to: firstChild.link });
+            yield (0, load_and_navigate_1.loadAndNavigate)({ navigate, to: firstChild.link });
         }
         setIsExpanded(!isExpanded);
     }), [item, isExpanded, navigate, location.pathname, setIsExpanded]);

package/lib/core/hooks/search/use-recent-searches.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRecentSearches = void 0;
 const react_1 = require("react");
-const utils_1 = require("../../../core/utils");
+const js_utils_1 = require("../../utils/js-utils");
 const RECENT_SEARCHES_KEY = 'recentSearches';
 const RECENT_SEARCHES_LIMIT = 5;
 const createRecentSearchesStore = () => {
     const subscribers = new Set();
     let cachedSnapshot;
     const getSnapshot = () => {
-        if (!(0, utils_1.isBrowser)())
+        if (!(0, js_utils_1.isBrowser)())
             return [];
         if (cachedSnapshot)
             return cachedSnapshot;
@@ -24,7 +24,7 @@ const createRecentSearchesStore = () => {
         }
     };
     const updateItems = (value, isAdd) => {
-        if (!(0, utils_1.isBrowser)())
+        if (!(0, js_utils_1.isBrowser)())
             return;
         const currentItems = getSnapshot();
         const valueIndex = currentItems.indexOf(value);

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;