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

package/lib/core/hooks/code-walkthrough/use-code-panel.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCodePanel = useCodePanel;
 const react_1 = require("react");
-const contexts_1 = require("../../../core/contexts");
-const hooks_1 = require("../../../core/hooks");
+const CodeWalkthroughControlsContext_1 = require("../../contexts/CodeWalkthrough/CodeWalkthroughControlsContext");
+const CodeWalkthroughStepsContext_1 = require("../../contexts/CodeWalkthrough/CodeWalkthroughStepsContext");
+const use_theme_hooks_1 = require("../use-theme-hooks");
 const ACTIVE_FILE_MOCK = {
     content: [],
     path: '',
@@ -12,9 +13,9 @@ const ACTIVE_FILE_MOCK = {
     language: '',
 };
 function useCodePanel(files) {
-    const { activeStep } = (0, react_1.useContext)(contexts_1.CodeWalkthroughStepsContext);
-    const { areConditionsMet, populateInputsWithValue } = (0, react_1.useContext)(contexts_1.CodeWalkthroughControlsStateContext);
-    const { useCodeHighlight } = (0, hooks_1.useThemeHooks)();
+    const { activeStep } = (0, react_1.useContext)(CodeWalkthroughStepsContext_1.CodeWalkthroughStepsContext);
+    const { areConditionsMet, populateInputsWithValue } = (0, react_1.useContext)(CodeWalkthroughControlsContext_1.CodeWalkthroughControlsStateContext);
+    const { useCodeHighlight } = (0, use_theme_hooks_1.useThemeHooks)();
     const { highlight } = useCodeHighlight();
     const findFileIndexByName = (0, react_1.useCallback)((name) => {
         return files.findIndex((file) => file.path === name);

package/lib/core/hooks/code-walkthrough/use-code-walkthrough-controls.js

@@ -3,7 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCodeWalkthroughControls = useCodeWalkthroughControls;
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
-const utils_1 = require("../../../core/utils");
+const download_code_walkthrough_1 = require("../../utils/download-code-walkthrough");
+const match_code_walkthrough_conditions_1 = require("../../utils/match-code-walkthrough-conditions");
+const get_code_walkthrough_file_text_1 = require("../../utils/get-code-walkthrough-file-text");
+const replace_inputs_with_value_1 = require("../../utils/replace-inputs-with-value");
 const defaultControlsValues = {
     input: '',
     toggle: false,
@@ -102,7 +105,7 @@ function useCodeWalkthroughControls(filters, inputs, toggles, enableDeepLink) {
         }
     };
     const walkthroughContext = (0, react_1.useMemo)(() => {
-        const areConditionsMet = (conditions) => (0, utils_1.matchCodeWalkthroughConditions)(conditions, controlsState);
+        const areConditionsMet = (conditions) => (0, match_code_walkthrough_conditions_1.matchCodeWalkthroughConditions)(conditions, controlsState);
         // reset controls
         for (const control of Object.values(controlsState)) {
             control.render = true;
@@ -142,9 +145,9 @@ function useCodeWalkthroughControls(filters, inputs, toggles, enableDeepLink) {
             });
         }
         const inputsState = Object.fromEntries(Object.entries(controlsState).filter(([_, controlState]) => controlState.type === 'input'));
-        const handleDownloadCode = (files) => (0, utils_1.downloadCodeWalkthrough)(files, controlsState, inputsState);
-        const getFileText = (file) => (0, utils_1.getCodeWalkthroughFileText)(file, controlsState, inputsState);
-        const populateInputsWithValue = (node) => (0, utils_1.replaceInputsWithValue)(node, inputsState);
+        const handleDownloadCode = (files) => (0, download_code_walkthrough_1.downloadCodeWalkthrough)(files, controlsState, inputsState);
+        const getFileText = (file) => (0, get_code_walkthrough_file_text_1.getCodeWalkthroughFileText)(file, controlsState, inputsState);
+        const populateInputsWithValue = (node) => (0, replace_inputs_with_value_1.replaceInputsWithValue)(node, inputsState);
         return {
             activeFilters,
             areConditionsMet,

package/lib/core/hooks/code-walkthrough/use-code-walkthrough-steps.d.ts

@@ -1,5 +1,5 @@
 import type { CodeWalkthroughStepAttr } from '@redocly/config';
-import type { WalkthroughStepsState } from '../../../core/types';
+import type { WalkthroughStepsState } from '../../types/code-walkthrough';
 type CodeWalkthroughStep = CodeWalkthroughStepAttr & {
     compRef?: HTMLElement;
     markerRef?: HTMLElement;

package/lib/core/hooks/code-walkthrough/use-code-walkthrough-steps.js

@@ -4,8 +4,8 @@ exports.useCodeWalkthroughSteps = useCodeWalkthroughSteps;
 exports.getGroupMarkers = getGroupMarkers;
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
-const utils_1 = require("../../../core/utils");
-const constants_1 = require("../../../core/constants");
+const js_utils_1 = require("../../utils/js-utils");
+const code_walkthrough_1 = require("../../constants/code-walkthrough");
 function useCodeWalkthroughSteps({ steps, enableDeepLink, root, }) {
     const location = (0, react_router_dom_1.useLocation)();
     const navigate = (0, react_router_dom_1.useNavigate)();
@@ -15,7 +15,7 @@ function useCodeWalkthroughSteps({ steps, enableDeepLink, root, }) {
     const lockObserver = (0, react_1.useRef)(false);
     // Track observed elements in case new observer needs to be created
     const observedElementsRef = (0, react_1.useRef)(new Set());
-    const [activeStep, setActiveStep] = (0, react_1.useState)(enableDeepLink ? searchParams.get(constants_1.ACTIVE_STEP_QUERY_PARAM) : null);
+    const [activeStep, setActiveStep] = (0, react_1.useState)(enableDeepLink ? searchParams.get(code_walkthrough_1.ACTIVE_STEP_QUERY_PARAM) : null);
     const stepsMap = (0, react_1.useMemo)(() => {
         const map = new Map();
         steps.forEach((step, index) => {
@@ -26,7 +26,7 @@ function useCodeWalkthroughSteps({ steps, enableDeepLink, root, }) {
     }, [JSON.stringify(steps)]);
     const options = (0, react_1.useMemo)(() => {
         var _a, _b;
-        if (!(0, utils_1.isBrowser)()) {
+        if (!(0, js_utils_1.isBrowser)()) {
             return null;
         }
         const filtersElementHeight = ((_a = filtersElementRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
@@ -97,7 +97,7 @@ function useCodeWalkthroughSteps({ steps, enableDeepLink, root, }) {
             return;
         }
         step.compRef = element;
-        setVisibleSteps((prevSteps) => (0, utils_1.insertAt)(prevSteps, step.index, step));
+        setVisibleSteps((prevSteps) => (0, js_utils_1.insertAt)(prevSteps, step.index, step));
     }, [stepsMap]);
     const removeStep = (0, react_1.useCallback)((stepId) => {
         const step = stepsMap.get(stepId);
@@ -105,7 +105,7 @@ function useCodeWalkthroughSteps({ steps, enableDeepLink, root, }) {
             return;
         }
         step.compRef = undefined;
-        setVisibleSteps((prevSteps) => (0, utils_1.removeElement)(prevSteps, step));
+        setVisibleSteps((prevSteps) => (0, js_utils_1.removeElement)(prevSteps, step));
         setActiveStep((prevStep) => (prevStep === stepId ? null : prevStep));
     }, [stepsMap]);
     const observerCallback = (0, react_1.useCallback)((entries) => {
@@ -128,7 +128,7 @@ function useCodeWalkthroughSteps({ steps, enableDeepLink, root, }) {
                 continue;
             }
             const stepIndex = visibleSteps.findIndex((renderedStep) => renderedStep.id === stepId);
-            const { next } = (0, utils_1.getAdjacentValues)(visibleSteps, stepIndex);
+            const { next } = (0, js_utils_1.getAdjacentValues)(visibleSteps, stepIndex);
             const intersectionAtTop = (rootBounds === null || rootBounds === void 0 ? void 0 : rootBounds.bottom) !== undefined && boundingClientRect.top < rootBounds.top;
             const stepGoesIn = isIntersecting;
             if (intersectionRatio > 0.8 && intersectionRatio < 1 && intersectionAtTop) {
@@ -183,10 +183,10 @@ function useCodeWalkthroughSteps({ steps, enableDeepLink, root, }) {
         }
         const newSearchParams = new URLSearchParams(Array.from(searchParams.entries()));
         if (activeStep) {
-            newSearchParams.set(constants_1.ACTIVE_STEP_QUERY_PARAM, activeStep);
+            newSearchParams.set(code_walkthrough_1.ACTIVE_STEP_QUERY_PARAM, activeStep);
         }
         else {
-            newSearchParams.delete(constants_1.ACTIVE_STEP_QUERY_PARAM);
+            newSearchParams.delete(code_walkthrough_1.ACTIVE_STEP_QUERY_PARAM);
         }
         const newSearch = newSearchParams.toString();
         if (newSearch === location.search.substring(1))

package/lib/core/hooks/code-walkthrough/use-code-walkthrough.d.ts

@@ -1,6 +1,6 @@
 import type { CodeWalkthroughFile, CodeWalkthroughStepAttr, CodeWalkthroughAttr } from '@redocly/config';
-import type { WalkthroughStepsState } from '../../../core/types';
-import { type WalkthroughControlsState } from '../../../core/hooks';
+import type { WalkthroughStepsState } from '../../types/code-walkthrough';
+import { type WalkthroughControlsState } from './use-code-walkthrough-controls';
 export type WalkthroughState = {
     stepsState: WalkthroughStepsState;
     controlsState: WalkthroughControlsState;

package/lib/core/hooks/code-walkthrough/use-code-walkthrough.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCodeWalkthrough = useCodeWalkthrough;
-const hooks_1 = require("../../../core/hooks");
+const use_code_walkthrough_controls_1 = require("./use-code-walkthrough-controls");
+const use_code_walkthrough_steps_1 = require("./use-code-walkthrough-steps");
 function useCodeWalkthrough({ steps, attributes, root }) {
     const { filters, filesets, inputs, toggles, __idx } = attributes;
     /*
@@ -11,8 +12,8 @@ function useCodeWalkthrough({ steps, attributes, root }) {
       collisions/conflicts in the URL.
     */
     const enableDeepLink = __idx === 1;
-    const stepsState = (0, hooks_1.useCodeWalkthroughSteps)({ steps, enableDeepLink, root });
-    const controlsState = (0, hooks_1.useCodeWalkthroughControls)(filters, inputs, toggles, enableDeepLink);
+    const stepsState = (0, use_code_walkthrough_steps_1.useCodeWalkthroughSteps)({ steps, enableDeepLink, root });
+    const controlsState = (0, use_code_walkthrough_controls_1.useCodeWalkthroughControls)(filters, inputs, toggles, enableDeepLink);
     const files = filesets
         .filter((fileset) => controlsState.areConditionsMet(fileset))
         .flatMap((fileset) => fileset.files || []);

package/lib/core/hooks/code-walkthrough/use-renderable-files.js

@@ -2,16 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRenderableFiles = useRenderableFiles;
 const react_1 = require("react");
-const utils_1 = require("../../../core/utils");
+const find_closest_common_directory_1 = require("../../utils/find-closest-common-directory");
+const get_file_icon_1 = require("../../utils/get-file-icon");
+const urls_1 = require("../../utils/urls");
 function useRenderableFiles(files) {
     return (0, react_1.useMemo)(function () {
         const filePaths = files.map(({ path }) => path);
-        const rootDir = (0, utils_1.findClosestCommonDirectory)(filePaths);
+        const rootDir = (0, find_closest_common_directory_1.findClosestCommonDirectory)(filePaths);
         const renderableFiles = files.map((file) => {
             const FileIcon = getFileTypeIcon(file.basename);
             const parentFolder = file.path.split('/').slice(-2, -1)[0];
             const isNameDuplicate = files.some((_file) => file.basename === _file.basename && file.path !== _file.path);
-            const inRootDir = file.path === `${(0, utils_1.removeLeadingSlash)(rootDir)}/${file.basename}`;
+            const inRootDir = file.path === `${(0, urls_1.removeLeadingSlash)(rootDir)}/${file.basename}`;
             return Object.assign(Object.assign({}, file), { FileIcon,
                 inRootDir,
                 parentFolder,
@@ -23,6 +25,6 @@ function useRenderableFiles(files) {
 function getFileTypeIcon(basename) {
     var _a;
     const extension = ((_a = basename.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
-    return (0, utils_1.getFileIconByExt)(extension);
+    return (0, get_file_icon_1.getFileIconByExt)(extension);
 }
 //# sourceMappingURL=use-renderable-files.js.map

package/lib/core/hooks/feedback/use-report-dialog.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useReportDialog = useReportDialog;
 const react_1 = require("react");
-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 useReportDialog() {
-    const { codeSnippet: { report = {} } = {} } = (0, hooks_1.useThemeConfig)();
+    const { codeSnippet: { report = {} } = {} } = (0, use_theme_config_1.useThemeConfig)();
     const [isReportDialogShown, setIsReportDialogShown] = (0, react_1.useState)(false);
     const { tooltipText, buttonText, label } = report;
-    const { useTranslate, useSubmitFeedback } = (0, hooks_1.useThemeHooks)();
+    const { useTranslate, useSubmitFeedback } = (0, use_theme_hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
     const { submitFeedback } = useSubmitFeedback();
     const showReportDialog = () => {

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

@@ -1,42 +1,42 @@
-export * from '../../core/hooks/use-theme-config';
-export * from '../../core/hooks/use-control';
-export * from '../../core/hooks/use-mount';
-export * from '../../core/hooks/use-unmount';
-export * from '../../core/hooks/use-active-heading';
-export * from '../../core/hooks/use-active-section-id';
-export * from '../../core/hooks/use-dialog-hotkeys';
-export * from '../../core/hooks/use-full-height';
-export * from '../../core/hooks/use-navbar-height';
-export * from '../../core/hooks/use-outside-click';
-export * from '../../core/hooks/use-theme-hooks';
-export * from '../../core/hooks/use-mobile-menu';
-export * from '../../core/hooks/use-modal-scroll-lock';
-export * from '../../core/hooks/use-color-switcher';
-export * from '../../core/hooks/search/use-recent-searches';
-export * from '../../core/hooks/search/use-suggested-pages';
-export * from '../../core/hooks/menu/use-nested-menu';
-export * from '../../core/hooks/menu/use-menu-item-expanded';
-export * from '../../core/hooks/menu/use-mobile-menu-items';
-export * from '../../core/hooks/menu/use-mobile-menu-levels';
-export * from '../../core/hooks/menu/use-collapse';
-export * from '../../core/hooks/feedback/use-report-dialog';
-export * from '../../core/hooks/use-tabs';
-export * from '../../core/hooks/use-focus-trap';
-export * from '../../core/hooks/use-language-picker';
-export * from '../../core/hooks/use-product-picker';
-export * from '../../core/hooks/search/use-search-dialog';
-export * from '../../core/hooks/search/use-search-filter';
-export * from '../../core/hooks/use-controlled-state';
-export * from '../../core/hooks/use-codeblock-tabs-controls';
-export * from '../../core/hooks/code-walkthrough/use-code-walkthrough';
-export * from '../../core/hooks/code-walkthrough/use-code-walkthrough-steps';
-export * from '../../core/hooks/code-walkthrough/use-code-walkthrough-controls';
-export * from '../../core/hooks/code-walkthrough/use-code-panel';
-export * from '../../core/hooks/code-walkthrough/use-renderable-files';
-export * from '../../core/hooks/use-element-size';
-export * from '../../core/hooks/use-time-ago';
-export * from '../../core/hooks/use-input-key-commands';
-export * from '../../core/hooks/catalog/useCatalogEntities';
-export * from '../../core/hooks/use-active-page-version';
-export * from '../../core/hooks/use-page-versions';
-export * from '../../core/hooks/use-user-teams';
+export * from './use-theme-config';
+export * from './use-control';
+export * from './use-mount';
+export * from './use-unmount';
+export * from './use-active-heading';
+export * from './use-active-section-id';
+export * from './use-dialog-hotkeys';
+export * from './use-full-height';
+export * from './use-navbar-height';
+export * from './use-outside-click';
+export * from './use-theme-hooks';
+export * from './use-mobile-menu';
+export * from './use-modal-scroll-lock';
+export * from './use-color-switcher';
+export * from './search/use-recent-searches';
+export * from './search/use-suggested-pages';
+export * from './menu/use-nested-menu';
+export * from './menu/use-menu-item-expanded';
+export * from './menu/use-mobile-menu-items';
+export * from './menu/use-mobile-menu-levels';
+export * from './menu/use-collapse';
+export * from './feedback/use-report-dialog';
+export * from './use-tabs';
+export * from './use-focus-trap';
+export * from './use-language-picker';
+export * from './use-product-picker';
+export * from './search/use-search-dialog';
+export * from './search/use-search-filter';
+export * from './use-controlled-state';
+export * from './use-codeblock-tabs-controls';
+export * from './code-walkthrough/use-code-walkthrough';
+export * from './code-walkthrough/use-code-walkthrough-steps';
+export * from './code-walkthrough/use-code-walkthrough-controls';
+export * from './code-walkthrough/use-code-panel';
+export * from './code-walkthrough/use-renderable-files';
+export * from './use-element-size';
+export * from './use-time-ago';
+export * from './use-input-key-commands';
+export * from './catalog/useCatalogEntities';
+export * from './use-active-page-version';
+export * from './use-page-versions';
+export * from './use-user-teams';

package/lib/core/hooks/index.js

@@ -14,46 +14,46 @@ 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/hooks/use-theme-config"), exports);
-__exportStar(require("../../core/hooks/use-control"), exports);
-__exportStar(require("../../core/hooks/use-mount"), exports);
-__exportStar(require("../../core/hooks/use-unmount"), exports);
-__exportStar(require("../../core/hooks/use-active-heading"), exports);
-__exportStar(require("../../core/hooks/use-active-section-id"), exports);
-__exportStar(require("../../core/hooks/use-dialog-hotkeys"), exports);
-__exportStar(require("../../core/hooks/use-full-height"), exports);
-__exportStar(require("../../core/hooks/use-navbar-height"), exports);
-__exportStar(require("../../core/hooks/use-outside-click"), exports);
-__exportStar(require("../../core/hooks/use-theme-hooks"), exports);
-__exportStar(require("../../core/hooks/use-mobile-menu"), exports);
-__exportStar(require("../../core/hooks/use-modal-scroll-lock"), exports);
-__exportStar(require("../../core/hooks/use-color-switcher"), exports);
-__exportStar(require("../../core/hooks/search/use-recent-searches"), exports);
-__exportStar(require("../../core/hooks/search/use-suggested-pages"), exports);
-__exportStar(require("../../core/hooks/menu/use-nested-menu"), exports);
-__exportStar(require("../../core/hooks/menu/use-menu-item-expanded"), exports);
-__exportStar(require("../../core/hooks/menu/use-mobile-menu-items"), exports);
-__exportStar(require("../../core/hooks/menu/use-mobile-menu-levels"), exports);
-__exportStar(require("../../core/hooks/menu/use-collapse"), exports);
-__exportStar(require("../../core/hooks/feedback/use-report-dialog"), exports);
-__exportStar(require("../../core/hooks/use-tabs"), exports);
-__exportStar(require("../../core/hooks/use-focus-trap"), exports);
-__exportStar(require("../../core/hooks/use-language-picker"), exports);
-__exportStar(require("../../core/hooks/use-product-picker"), exports);
-__exportStar(require("../../core/hooks/search/use-search-dialog"), exports);
-__exportStar(require("../../core/hooks/search/use-search-filter"), exports);
-__exportStar(require("../../core/hooks/use-controlled-state"), exports);
-__exportStar(require("../../core/hooks/use-codeblock-tabs-controls"), exports);
-__exportStar(require("../../core/hooks/code-walkthrough/use-code-walkthrough"), exports);
-__exportStar(require("../../core/hooks/code-walkthrough/use-code-walkthrough-steps"), exports);
-__exportStar(require("../../core/hooks/code-walkthrough/use-code-walkthrough-controls"), exports);
-__exportStar(require("../../core/hooks/code-walkthrough/use-code-panel"), exports);
-__exportStar(require("../../core/hooks/code-walkthrough/use-renderable-files"), exports);
-__exportStar(require("../../core/hooks/use-element-size"), exports);
-__exportStar(require("../../core/hooks/use-time-ago"), exports);
-__exportStar(require("../../core/hooks/use-input-key-commands"), exports);
-__exportStar(require("../../core/hooks/catalog/useCatalogEntities"), exports);
-__exportStar(require("../../core/hooks/use-active-page-version"), exports);
-__exportStar(require("../../core/hooks/use-page-versions"), exports);
-__exportStar(require("../../core/hooks/use-user-teams"), exports);
+__exportStar(require("./use-theme-config"), exports);
+__exportStar(require("./use-control"), exports);
+__exportStar(require("./use-mount"), exports);
+__exportStar(require("./use-unmount"), exports);
+__exportStar(require("./use-active-heading"), exports);
+__exportStar(require("./use-active-section-id"), exports);
+__exportStar(require("./use-dialog-hotkeys"), exports);
+__exportStar(require("./use-full-height"), exports);
+__exportStar(require("./use-navbar-height"), exports);
+__exportStar(require("./use-outside-click"), exports);
+__exportStar(require("./use-theme-hooks"), exports);
+__exportStar(require("./use-mobile-menu"), exports);
+__exportStar(require("./use-modal-scroll-lock"), exports);
+__exportStar(require("./use-color-switcher"), exports);
+__exportStar(require("./search/use-recent-searches"), exports);
+__exportStar(require("./search/use-suggested-pages"), exports);
+__exportStar(require("./menu/use-nested-menu"), exports);
+__exportStar(require("./menu/use-menu-item-expanded"), exports);
+__exportStar(require("./menu/use-mobile-menu-items"), exports);
+__exportStar(require("./menu/use-mobile-menu-levels"), exports);
+__exportStar(require("./menu/use-collapse"), exports);
+__exportStar(require("./feedback/use-report-dialog"), exports);
+__exportStar(require("./use-tabs"), exports);
+__exportStar(require("./use-focus-trap"), exports);
+__exportStar(require("./use-language-picker"), exports);
+__exportStar(require("./use-product-picker"), exports);
+__exportStar(require("./search/use-search-dialog"), exports);
+__exportStar(require("./search/use-search-filter"), exports);
+__exportStar(require("./use-controlled-state"), exports);
+__exportStar(require("./use-codeblock-tabs-controls"), exports);
+__exportStar(require("./code-walkthrough/use-code-walkthrough"), exports);
+__exportStar(require("./code-walkthrough/use-code-walkthrough-steps"), exports);
+__exportStar(require("./code-walkthrough/use-code-walkthrough-controls"), exports);
+__exportStar(require("./code-walkthrough/use-code-panel"), exports);
+__exportStar(require("./code-walkthrough/use-renderable-files"), exports);
+__exportStar(require("./use-element-size"), exports);
+__exportStar(require("./use-time-ago"), exports);
+__exportStar(require("./use-input-key-commands"), exports);
+__exportStar(require("./catalog/useCatalogEntities"), exports);
+__exportStar(require("./use-active-page-version"), exports);
+__exportStar(require("./use-page-versions"), exports);
+__exportStar(require("./use-user-teams"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/hooks/menu/use-menu-item-expanded.d.ts

@@ -1,3 +1,3 @@
 import type { Dispatch, SetStateAction } from 'react';
-import type { ItemState } from '../../../core/types';
+import type { ItemState } from '../../types/sidebar';
 export declare function useMenuItemExpanded(item: ItemState): [boolean, Dispatch<SetStateAction<boolean>>];

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

@@ -1,4 +1,4 @@
-import { MobileMenuType } from '../../../core/constants';
+import { MobileMenuType } from '../../constants/common';
 export declare const useMobileMenuItems: (menuType: MobileMenuType) => {
     items: import("../..").ItemState[];
     popDrilldownState: () => void;

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);