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

package/src/components/Catalog/CatalogTableView/CatalogEntityCell.tsx

@@ -3,13 +3,14 @@ import styled from 'styled-components';
 
 import { CatalogHighlight } from '@redocly/theme/components/Catalog/CatalogHighlight';
 import { CatalogEntityIcon } from '@redocly/theme/components/Catalog/CatalogEntityIcon';
-import { BffCatalogRelatedEntity } from '@redocly/theme/core/types';
+import { BffCatalogEntity } from '@redocly/theme/core/types';
 
-export type CatalogEntityCellProps = {
-  entity: BffCatalogRelatedEntity;
+type Entity = Pick<BffCatalogEntity, 'type' | 'title' | 'summary'>;
+export type CatalogEntityCellProps<T extends Entity> = {
+  entity: T;
 };
 
-export function CatalogEntityCell({ entity }: CatalogEntityCellProps) {
+export function CatalogEntityCell<T extends Entity>({ entity }: CatalogEntityCellProps<T>) {
   return (
     <EntityTitleCellWrapper data-component-name="Catalog/CatalogTableView/CatalogEntityCell">
       <IconContainer>

package/src/components/Catalog/CatalogTableView/CatalogEntityRelationCell.tsx

@@ -0,0 +1,19 @@
+import type { BffCatalogRelatedEntity } from '@redocly/theme/core/types';
+
+import { reverseRelationMap } from '@redocly/theme/core/constants';
+
+export type CatalogEntityRelationCellProps = Pick<
+  BffCatalogRelatedEntity,
+  'relationType' | 'relationRole'
+>;
+
+export function CatalogEntityRelationCell({
+  relationType,
+  relationRole,
+}: CatalogEntityRelationCellProps) {
+  if (relationRole === 'source') {
+    return reverseRelationMap[relationType];
+  }
+
+  return relationType;
+}

package/src/components/Catalog/CatalogTableView/CatalogTableView.tsx

@@ -52,6 +52,10 @@ export const getEntityTagColor = (type: EntityType): string => {
       return 'yellow';
     case 'api-description':
       return 'sky';
+    case 'data-schema':
+      return 'sky';
+    case 'api-operation':
+      return 'sky';
     default:
       const exhaustiveCheck: never = type;
       throw new Error(`Unhandled entity type: ${exhaustiveCheck}`);

package/src/components/Catalog/CatalogTableView/CatalogTableViewRow.tsx

@@ -47,6 +47,10 @@ export const getEntityTagColor = (type: EntityType): string => {
       return 'yellow';
     case 'api-description':
       return 'sky';
+    case 'data-schema':
+      return 'sky';
+    case 'api-operation':
+      return 'sky';
     default:
       const exhaustiveCheck: never = type;
       throw new Error(`Unhandled entity type: ${exhaustiveCheck}`);

package/src/components/Catalog/CatalogTagsWithTooltip.tsx

@@ -35,21 +35,13 @@ export function CatalogTagsWithTooltip({
 
   if (items.length <= itemsToShow) {
     return (
-      <TooltipComponent
-        tip={items.join(', ')}
-        placement="bottom"
-        className="catalog"
-        width="400px"
-        disabled={items.join(', ').length <= CATALOG_TAG_MAX_LENGTH}
-      >
-        <CatalogTagsWrapper data-component-name="Catalog/CatalogTagsWithTooltip">
-          {items.map((item, index) => (
-            <Tag key={`${item}-${index}`} {...tagProps} maxLength={CATALOG_TAG_MAX_LENGTH}>
-              <CatalogHighlight>{item}</CatalogHighlight>
-            </Tag>
-          ))}
-        </CatalogTagsWrapper>
-      </TooltipComponent>
+      <CatalogTagsWrapper data-component-name="Catalog/CatalogTagsWithTooltip">
+        {items.map((item, index) => (
+          <Tag key={`${item}-${index}`} {...tagProps} maxLength={CATALOG_TAG_MAX_LENGTH}>
+            <CatalogHighlight>{item}</CatalogHighlight>
+          </Tag>
+        ))}
+      </CatalogTagsWrapper>
     );
   }
 

package/src/components/Catalog/variables.ts

@@ -254,7 +254,7 @@ export const catalog = css`
     */
   --catalog-table-border-color: var(--border-color-primary);
   --catalog-table-header-bg-color: var(--bg-color-secondary);
-  --catalog-table-header-font-weight: var(--font-weight-semibold);
+  --catalog-table-header-font-weight: var(--font-weight-medium);
   --catalog-table-header-cell-padding: 5px 8px;
   --catalog-table-cell-padding: 5px 8px;
   --catalog-table-row-hover-bg-color: var(--bg-color-hover, rgba(0, 0, 0, 0.04));
@@ -286,7 +286,7 @@ export const catalog = css`
     */
   --catalog-table-entity-title-font-size: var(--catalog-card-title-font-size);
   --catalog-table-entity-title-line-height: var(--line-height-lg);
-  --catalog-table-entity-title-font-weight: var(--font-weight-semibold);
+  --catalog-table-entity-title-font-weight: var(--font-weight-medium);
 
   /**
     * @tokens Catalog table description

package/src/core/constants/catalog.ts

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

package/src/core/constants/index.ts

@@ -1,5 +1,5 @@
-export * from '@redocly/theme/core/constants/common';
-export * from '@redocly/theme/core/constants/environments';
-export * from '@redocly/theme/core/constants/code-walkthrough';
-export * from '@redocly/theme/core/constants/search';
-export * from '@redocly/theme/core/constants/catalog';
+export * from './common';
+export * from './environments';
+export * from './code-walkthrough';
+export * from './search';
+export * from './catalog';

package/src/core/constants/search.ts

@@ -1,4 +1,4 @@
-import type { AiSearchErrorConfig } from '@redocly/theme/core/types';
+import type { AiSearchErrorConfig } from '../types/search';
 
 export enum AiSearchError {
   Unauthorized = 'ai_search_unauthorized',

package/src/core/contexts/CodeWalkthrough/CodeWalkthroughControlsContext.tsx

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-import type { WalkthroughControlsState } from '@redocly/theme/core/hooks';
+import type { WalkthroughControlsState } from '../../hooks/code-walkthrough/use-code-walkthrough-controls';
 
 export const CodeWalkthroughControlsStateContext = createContext<WalkthroughControlsState>({
   activeFilters: [],

package/src/core/contexts/CodeWalkthrough/CodeWalkthroughStepsContext.tsx

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-import type { WalkthroughStepsState } from '@redocly/theme/core/types';
+import type { WalkthroughStepsState } from '../../types/code-walkthrough';
 
 export const CodeWalkthroughStepsContext = createContext<WalkthroughStepsState>({
   markers: {},

package/src/core/contexts/ThemeDataContext.tsx

@@ -1,9 +1,9 @@
 import { createContext } from 'react';
 
 import type { JSX } from 'react';
-import type { ThemeHooks } from '@redocly/theme/core/types';
-import type { LinkProps } from '@redocly/theme/components/Link/Link';
-import type { UiAccessibleConfig } from '@redocly/theme/config';
+import type { ThemeHooks } from '../types/hooks';
+import type { LinkProps } from '../../components/Link/Link';
+import type { UiAccessibleConfig } from '../../config';
 
 export interface ThemeDataTransferObject {
   hooks: ThemeHooks;

package/src/core/contexts/index.ts

@@ -1,3 +1,3 @@
-export * from '@redocly/theme/core/contexts/ThemeDataContext';
-export * from '@redocly/theme/core/contexts/CodeWalkthrough/CodeWalkthroughControlsContext';
-export * from '@redocly/theme/core/contexts/CodeWalkthrough/CodeWalkthroughStepsContext';
+export * from './ThemeDataContext';
+export * from './CodeWalkthrough/CodeWalkthroughControlsContext';
+export * from './CodeWalkthrough/CodeWalkthroughStepsContext';

package/src/core/hoc/index.ts

@@ -1 +1 @@
-export * from '@redocly/theme/core/hoc/typedMemo';
+export * from './typedMemo';

package/src/core/hooks/__mocks__/index.ts

@@ -1,28 +1,28 @@
-export * from '@redocly/theme/core/hooks/__mocks__/use-theme-config';
-export * from '@redocly/theme/core/hooks/__mocks__/use-theme-hooks';
-export * from '@redocly/theme/core/hooks/__mocks__/use-mobile-menu';
-export * from '@redocly/theme/core/hooks/__mocks__/use-controlled-state';
-export * from '@redocly/theme/core/hooks/__mocks__/search/use-recent-searches';
-export * from '@redocly/theme/core/hooks/__mocks__/search/use-suggested-pages';
-export * from '@redocly/theme/core/hooks/__mocks__/search/use-search-filter';
-export * from '@redocly/theme/core/hooks/menu/__mocks__/use-mobile-menu-items';
-export * from '@redocly/theme/core/hooks/menu/use-collapse';
-export * from '@redocly/theme/core/hooks/use-active-heading';
-export * from '@redocly/theme/core/hooks/use-control';
-export * from '@redocly/theme/core/hooks/use-dialog-hotkeys';
-export * from '@redocly/theme/core/hooks/use-full-height';
-export * from '@redocly/theme/core/hooks/use-modal-scroll-lock';
-export * from '@redocly/theme/core/hooks/use-mount';
-export * from '@redocly/theme/core/hooks/use-outside-click';
-export * from '@redocly/theme/core/hooks/use-unmount';
-export * from '@redocly/theme/core/hooks/use-color-switcher';
-export * from '@redocly/theme/core/hooks/menu/use-nested-menu';
-export * from '@redocly/theme/core/hooks/menu/use-menu-item-expanded';
-export * from '@redocly/theme/core/hooks/menu/use-mobile-menu-levels';
-export * from '@redocly/theme/core/hooks/feedback/use-report-dialog';
-export * from '@redocly/theme/core/hooks/use-product-picker';
-export * from '@redocly/theme/core/hooks/search/use-search-dialog';
-export * from '@redocly/theme/core/hooks/use-language-picker';
-export * from '@redocly/theme/core/hooks/__mocks__/use-element-size';
-export * from '@redocly/theme/core/hooks/__mocks__/use-time-ago';
-export * from '@redocly/theme/core/hooks/__mocks__/use-input-key-commands';
+export * from './use-theme-config';
+export * from './use-theme-hooks';
+export * from './use-mobile-menu';
+export * from './use-controlled-state';
+export * from './search/use-recent-searches';
+export * from './search/use-suggested-pages';
+export * from './search/use-search-filter';
+export * from '../menu/__mocks__/use-mobile-menu-items';
+export * from '../menu/use-collapse';
+export * from '../use-active-heading';
+export * from '../use-control';
+export * from '../use-dialog-hotkeys';
+export * from '../use-full-height';
+export * from '../use-modal-scroll-lock';
+export * from '../use-mount';
+export * from '../use-outside-click';
+export * from '../use-unmount';
+export * from '../use-color-switcher';
+export * from '../menu/use-nested-menu';
+export * from '../menu/use-menu-item-expanded';
+export * from '../menu/use-mobile-menu-levels';
+export * from '../feedback/use-report-dialog';
+export * from '../use-product-picker';
+export * from '../search/use-search-dialog';
+export * from '../use-language-picker';
+export * from './use-element-size';
+export * from './use-time-ago';
+export * from './use-input-key-commands';

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

@@ -1,4 +1,4 @@
-import type { UseCatalogEntitiesProps } from '@redocly/theme';
+import type { UseCatalogEntitiesProps } from '../../types/catalog';
 
 export function useCatalogEntities({ entitiesTypes, excludedEntities }: UseCatalogEntitiesProps) {
   const initialTypesWithoutAll = entitiesTypes.filter((type) => type !== 'all');

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

@@ -1,6 +1,6 @@
 import { CatalogEntityConfig, EntitiesCatalogConfig } from '@redocly/config';
 
-import { getPathPrefix } from '../../utils';
+import { getPathPrefix } from '../../utils/urls';
 
 type CatalogTableViewRowProps = {
   entityKey: string;

package/src/core/hooks/code-walkthrough/use-code-panel.ts

@@ -6,11 +6,9 @@ import type {
   CodeWalkthroughConditionsObject,
 } from '@redocly/config';
 
-import {
-  CodeWalkthroughControlsStateContext,
-  CodeWalkthroughStepsContext,
-} from '@redocly/theme/core/contexts';
-import { useThemeHooks } from '@redocly/theme/core/hooks';
+import { CodeWalkthroughControlsStateContext } from '../../contexts/CodeWalkthrough/CodeWalkthroughControlsContext';
+import { CodeWalkthroughStepsContext } from '../../contexts/CodeWalkthrough/CodeWalkthroughStepsContext';
+import { useThemeHooks } from '../use-theme-hooks';
 
 const ACTIVE_FILE_MOCK = {
   content: [],

package/src/core/hooks/code-walkthrough/use-code-walkthrough-controls.ts

@@ -12,12 +12,10 @@ import type {
   CodeWalkthroughControlsState,
 } from '@redocly/config';
 
-import {
-  downloadCodeWalkthrough,
-  matchCodeWalkthroughConditions,
-  getCodeWalkthroughFileText,
-  replaceInputsWithValue,
-} from '@redocly/theme/core/utils';
+import { downloadCodeWalkthrough } from '../../utils/download-code-walkthrough';
+import { matchCodeWalkthroughConditions } from '../../utils/match-code-walkthrough-conditions';
+import { getCodeWalkthroughFileText } from '../../utils/get-code-walkthrough-file-text';
+import { replaceInputsWithValue } from '../../utils/replace-inputs-with-value';
 
 export type ActiveFilter = {
   id: string;

package/src/core/hooks/code-walkthrough/use-code-walkthrough-steps.ts

@@ -2,10 +2,11 @@ import { useCallback, useEffect, useRef, useState, useMemo } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 
 import type { CodeWalkthroughStepAttr } from '@redocly/config';
-import type { ActiveStep, MarkerArea, WalkthroughStepsState } from '@redocly/theme/core/types';
+import type { ActiveStep, WalkthroughStepsState } from '../../types/code-walkthrough';
+import type { MarkerArea } from '../../types/marker';
 
-import { getAdjacentValues, insertAt, isBrowser, removeElement } from '@redocly/theme/core/utils';
-import { ACTIVE_STEP_QUERY_PARAM } from '@redocly/theme/core/constants';
+import { getAdjacentValues, insertAt, isBrowser, removeElement } from '../../utils/js-utils';
+import { ACTIVE_STEP_QUERY_PARAM } from '../../constants/code-walkthrough';
 
 type CodeWalkthroughStep = CodeWalkthroughStepAttr & {
   compRef?: HTMLElement;

package/src/core/hooks/code-walkthrough/use-code-walkthrough.ts

@@ -3,13 +3,13 @@ import type {
   CodeWalkthroughStepAttr,
   CodeWalkthroughAttr,
 } from '@redocly/config';
-import type { WalkthroughStepsState } from '@redocly/theme/core/types';
+import type { WalkthroughStepsState } from '../../types/code-walkthrough';
 
 import {
-  useCodeWalkthroughSteps,
   useCodeWalkthroughControls,
   type WalkthroughControlsState,
-} from '@redocly/theme/core/hooks';
+} from './use-code-walkthrough-controls';
+import { useCodeWalkthroughSteps } from './use-code-walkthrough-steps';
 
 export type WalkthroughState = {
   stepsState: WalkthroughStepsState;

package/src/core/hooks/code-walkthrough/use-renderable-files.ts

@@ -1,13 +1,11 @@
 import { useMemo } from 'react';
 
 import type { CodeWalkthroughFile } from '@redocly/config';
-import type { IconProps } from '@redocly/theme/icons/types';
+import type { IconProps } from '../../../icons/types';
 
-import {
-  getFileIconByExt,
-  removeLeadingSlash,
-  findClosestCommonDirectory,
-} from '@redocly/theme/core/utils';
+import { findClosestCommonDirectory } from '../../utils/find-closest-common-directory';
+import { getFileIconByExt } from '../../utils/get-file-icon';
+import { removeLeadingSlash } from '../../utils/urls';
 
 export type RenderableFile = CodeWalkthroughFile & {
   FileIcon: React.FunctionComponent<IconProps>;

package/src/core/hooks/feedback/use-report-dialog.ts

@@ -1,8 +1,9 @@
 import { useState } from 'react';
 
-import type { ReportDialogProps } from '@redocly/theme/components/Feedback/ReportDialog';
+import type { ReportDialogProps } from '../../../components/Feedback/ReportDialog';
 
-import { useThemeHooks, useThemeConfig } from '@redocly/theme/core/hooks';
+import { useThemeHooks } from '../use-theme-hooks';
+import { useThemeConfig } from '../use-theme-config';
 
 export type ReportButtonProps = {
   onClick: () => void;

package/src/core/hooks/index.ts

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

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 
 import type { Dispatch, SetStateAction } from 'react';
-import type { ItemState } from '@redocly/theme/core/types';
+import type { ItemState } from '../../types/sidebar';
 
 function isItemExpanded(item: ItemState) {
   return (

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

@@ -2,13 +2,10 @@ import { useLocation } from 'react-router-dom';
 
 import type { ResolvedNavItem } from '@redocly/config';
 
-import { useThemeHooks, useThemeConfig } from '@redocly/theme/core/hooks';
-import { MobileMenuType } from '@redocly/theme/core/constants';
-import {
-  buildLanguagesGroup,
-  buildVersionSection,
-  mapNavbarItems,
-} from '@redocly/theme/core/utils';
+import { useThemeHooks } from '../use-theme-hooks';
+import { useThemeConfig } from '../use-theme-config';
+import { MobileMenuType } from '../../constants/common';
+import { buildLanguagesGroup, buildVersionSection, mapNavbarItems } from '../../utils/menu';
 
 const MENU_SEPARATOR: ResolvedNavItem = {
   type: 'separator',

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

@@ -3,8 +3,9 @@ import { useLocation } from 'react-router-dom';
 
 import type { ResolvedNavItem } from '@redocly/config';
 
-import { useThemeHooks, useThemeConfig } from '@redocly/theme/core/hooks';
-import { MobileMenuType } from '@redocly/theme/core/constants';
+import { useThemeHooks } from '../use-theme-hooks';
+import { useThemeConfig } from '../use-theme-config';
+import { MobileMenuType } from '../../constants/common';
 
 export const useMobileMenuLevels = () => {
   const { useTranslate, useCurrentProduct, usePageVersions, useSidebarItems } = useThemeHooks();

package/src/core/hooks/menu/use-nested-menu.ts

@@ -1,10 +1,12 @@
 import { useNavigate, useLocation } from 'react-router-dom';
 import { useCallback, useEffect, useState } from 'react';
 
-import type { MenuItemProps } from '@redocly/theme/core/types';
+import type { MenuItemProps } from '../../types/sidebar';
 
-import { useMenuItemExpanded, useCollapse } from '@redocly/theme/core/hooks';
-import { loadAndNavigate, withoutPathPrefix } from '@redocly/theme/core/utils';
+import { useMenuItemExpanded } from './use-menu-item-expanded';
+import { useCollapse } from './use-collapse';
+import { loadAndNavigate } from '../../utils/load-and-navigate';
+import { withoutPathPrefix } from '../../utils/urls';
 
 type NestedMenuProps = MenuItemProps & {
   labelRef?: React.RefObject<HTMLElement | null>;

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

@@ -1,6 +1,6 @@
 import { useCallback, useSyncExternalStore } from 'react';
 
-import { isBrowser } from '@redocly/theme/core/utils';
+import { isBrowser } from '../../utils/js-utils';
 
 const RECENT_SEARCHES_KEY = 'recentSearches';
 const RECENT_SEARCHES_LIMIT = 5;

package/src/core/hooks/search/use-search-dialog.ts

@@ -2,7 +2,8 @@ import { useEffect, useCallback, useState } from 'react';
 import { useLocation } from 'react-router-dom';
 import hotkeys from 'hotkeys-js';
 
-import { useThemeHooks, useThemeConfig } from '@redocly/theme/core/hooks';
+import { useThemeHooks } from '../use-theme-hooks';
+import { useThemeConfig } from '../use-theme-config';
 
 export function useSearchDialog() {
   const [isOpen, setIsOpen] = useState(false);

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

@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
 
-import type { SearchFilterItem } from '@redocly/theme/core/types';
+import type { SearchFilterItem } from '../../types/search';
 
 export function useSearchFilter(
   filter: SearchFilterItem[],

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

@@ -1,4 +1,4 @@
-import { useThemeConfig } from '@redocly/theme/core/hooks';
+import { useThemeConfig } from '../use-theme-config';
 
 export const useSuggestedPages = () => {
   const themeSettings = useThemeConfig();

package/src/core/hooks/use-active-page-version.ts

@@ -1,4 +1,4 @@
-import { useThemeHooks } from '@redocly/theme/core/hooks';
+import { useThemeHooks } from './use-theme-hooks';
 
 export function useActivePageVersion(): string | undefined {
   const { usePageVersions } = useThemeHooks();

package/src/core/hooks/use-active-section-id.ts

@@ -3,7 +3,7 @@ import throttle from 'lodash.throttle';
 
 import type { Location } from 'react-router-dom';
 
-import { useNavbarHeight } from '@redocly/theme/core/hooks';
+import { useNavbarHeight } from './use-navbar-height';
 
 export type UseActiveSectionIdReturnType = string;
 

package/src/core/hooks/use-codeblock-tabs-controls.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState, useCallback, useMemo } from 'react';
 
-import type { FileTabs } from '@redocly/theme/components/CodeBlock/CodeBlock';
+import type { FileTabs } from '../../components/CodeBlock/CodeBlock';
 
 type CodeBlockTabsProps = {
   tabs: FileTabs;