@redocly/theme 0.1.9 → 0.1.12

package/src/hooks/index.ts

@@ -1,7 +1,7 @@
-export * from './useControl';
-export * from './useMount';
-export * from './useUnmount';
-export * from './useActiveHeading';
-export * from './useActiveSectionId';
-export * from './useFullHeight';
-export * from './useNavbarHeight';
+export * from '@theme/hooks/useControl';
+export * from '@theme/hooks/useMount';
+export * from '@theme/hooks/useUnmount';
+export * from '@theme/hooks/useActiveHeading';
+export * from '@theme/hooks/useActiveSectionId';
+export * from '@theme/hooks/useFullHeight';
+export * from '@theme/hooks/useNavbarHeight';

package/src/hooks/useActiveSectionId.ts

@@ -1,14 +1,14 @@
+import { Location } from 'history';
 import { useEffect, useState, useMemo } from 'react';
 import throttle from 'lodash.throttle';
 
 import { useNavbarHeight } from '@theme/hooks/useNavbarHeight';
-import type { MenuProps } from '@theme/types/portal';
 
 export type UseActiveSectionIdReturnType = string;
 
 export function useActiveSectionId(
-  location: MenuProps['location'],
-  hasOverviewPage: boolean,
+  location: Location,
+  hasOverviewPage = false,
 ): UseActiveSectionIdReturnType {
   const [itemId, setItemId] = useState<string>('');
   const navbarHeight = useNavbarHeight(location);

package/src/icons/ShelfIcon/index.ts

@@ -1,2 +1,2 @@
-export { ShelfIcon } from './ShelfIcon';
-export type { ShelfIconProps } from './ShelfIcon';
+export { ShelfIcon } from '@theme/icons/ShelfIcon/ShelfIcon';
+export type { ShelfIconProps } from '@theme/icons/ShelfIcon/ShelfIcon';

package/src/icons/index.ts

@@ -1 +1 @@
-export * from './ShelfIcon';
+export * from '@theme/icons/ShelfIcon';

package/src/mocks/Link.tsx

@@ -1,7 +1,10 @@
-import * as React from 'react';
+import React from 'react';
+import { omit } from 'lodash';
 
 // TODO: use real typings here
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export function Link(props: any): JSX.Element {
-  return <a href={props.to} {...props} />;
+  // We omit "active" property to avoid "Warning: Received `false` for a non-boolean attribute `active`."
+  const filteredProps = omit(props, ['active', 'httpVerb', 'hasActiveSubItem']);
+  return <a href={filteredProps.to} {...filteredProps} />;
 }

package/src/mocks/hooks/usePageData.ts

@@ -4,5 +4,8 @@ export function usePageData(): {
   prevPage: ResolvedNavLinkItem | null;
   nextPage: ResolvedNavLinkItem | null;
 } {
-  return { prevPage: null, nextPage: null };
+  return {
+    prevPage: { label: 'Intro', type: 'link', link: '#prev' },
+    nextPage: { label: 'FAQ', type: 'link', link: '#next' },
+  };
 }

package/src/types/portal/index.d.ts

@@ -2,5 +2,4 @@ export * from './src/client/styling';
 export * from './src/client/app/Sidebar/types';
 export * from './src/server/plugins/portal-config/types';
 export * from './src/shared/types';
-export * from './src/server/plugins/versions/types';
 export type { MdHeading } from './src/server/plugins/markdown/types';

package/src/types/portal/src/client/app/Sidebar/types.d.ts

@@ -1,50 +1,41 @@
-import { Location } from 'history';
 import { MenuStyle } from '../../../shared/types';
-import type { Version } from '../../../server/plugins/versions/types';
 export interface SidebarNavItem {
-  label?: string;
-  sublabel?: string;
-  icon?: string;
-  link?: string;
-  type?: string;
-  httpVerb?: string;
-  expanded?: string;
-  selectFirstItemOnExpand?: boolean;
-  pageId?: string;
-  redocPrevLink?: string;
-  redocPrevLabel?: string;
-  redocNextLink?: string;
-  redocNextLabel?: string;
-  redocFakePage?: boolean;
-  redocInfoPageId?: string;
-  target?: string;
-  external?: boolean;
-  items?: SidebarNavItem[];
-  permission?: string;
-  menuStyle?: MenuStyle;
-  separatorLine?: boolean;
-  version?: string;
-  default?: boolean;
+    label?: string;
+    sublabel?: string;
+    icon?: string;
+    link?: string;
+    type?: string;
+    httpVerb?: string;
+    expanded?: string;
+    selectFirstItemOnExpand?: boolean;
+    pageId?: string;
+    redocPrevLink?: string;
+    redocPrevLabel?: string;
+    redocNextLink?: string;
+    redocNextLabel?: string;
+    redocFakePage?: boolean;
+    redocInfoPageId?: string;
+    target?: string;
+    external?: boolean;
+    items?: SidebarNavItem[];
+    permission?: string;
+    menuStyle?: MenuStyle;
+    separatorLine?: boolean;
+    version?: string;
 }
 export interface ItemState extends SidebarNavItem {
-  items: ItemState[];
-  active: boolean;
-  hasActiveSubItem: boolean;
-  menuStyle?: MenuStyle | null;
-}
-export interface MenuProps {
-  items: SidebarNavItem[];
-  location: Location;
-  pageId: string;
-  versions?: Version[];
+    items: ItemState[];
+    active: boolean;
+    hasActiveSubItem: boolean;
+    menuStyle?: MenuStyle | null;
 }
 export declare enum MenuType {
-  Separator = 'separator',
-  DrillDown = 'drilldown',
-  Group = 'group',
-  Operation = 'operation',
+    Separator = "separator",
+    DrillDown = "drilldown",
+    Group = "group",
+    Operation = "operation"
 }
 export interface MenuItemProps {
-  item: ItemState;
-  activeItem?: ItemState;
+    item: ItemState;
+    activeItem?: ItemState;
 }

package/src/types/portal/src/client/app/media-css.d.ts

@@ -1,7 +1,7 @@
 export declare const breakpoints: {
-  small: string;
-  medium: string;
-  large: string;
+    small: string;
+    medium: string;
+    large: string;
 };
-export declare const mediaQueries: import('@theme/utils/media-css').MediaQueries;
+export declare const mediaQueries: import("@theme/utils/media-css").MediaQueries;
 export type { MediaQueries } from '@theme/utils/media-css';