@topwrite/reader 1.0.64 → 1.0.66-alpha.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topwrite/reader",
-  "version": "1.0.64",
+  "version": "1.0.66-alpha.7+5dae540",
   "author": "yunwuxin <tzzhangyajun@qq.com> (https://github.com/yunwuxin)",
   "license": "ISC",
   "types": "types/index.d.ts",
@@ -18,15 +18,15 @@
     "prepack": "npm run build"
   },
   "dependencies": {
-    "@topwrite/common": "^1.0.53",
+    "@topwrite/common": "^1.0.55-alpha.7+5dae540",
     "@types/color": "^3.0.3",
     "@types/lodash": "^4.14.168",
     "@types/node": "^16.4.13",
-    "@types/react": "^17.0.4",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "color": "^4.2.3",
     "history": "^5.0.0",
-    "immer": "^8.0.4"
+    "immer": "^9.0.6"
   },
   "devDependencies": {
     "@docsearch/css": "^3.2.1",
@@ -45,16 +45,5 @@
     "webpack-cli": "^4.7.0",
     "webpack-dev-server": "^4.7.3"
   },
-  "peerDependenciesMeta": {
-    "lodash": {
-      "optional": true
-    },
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    }
-  },
-  "gitHead": "1a6b4df4a9333fa52eea0d0ba8c074c575567535"
+  "gitHead": "5dae5406a243025bd176c3c3ea8d6aa3b1cd549e"
 }

package/types/components/anchor.d.ts

@@ -3,5 +3,5 @@ import { SummaryArticle } from '@topwrite/common';
 interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     base?: SummaryArticle;
 }
-declare const Anchor: ({ base, href, ...props }: AnchorProps) => JSX.Element;
+declare const Anchor: ({ base, href, ...props }: AnchorProps) => import("react/jsx-runtime").JSX.Element;
 export default Anchor;

package/types/components/app.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function App(): JSX.Element;
+export default function App(): import("react/jsx-runtime").JSX.Element;

package/types/components/article.d.ts

@@ -4,5 +4,5 @@ interface ArticleProps extends Omit<ComponentProps<typeof Markdown>, 'children'
     className?: string;
     offset?: number;
 }
-export default function Article({ className, header, footer, offset, aside, ...props }: ArticleProps): JSX.Element;
+export default function Article({ className, header, footer, offset, aside, ...props }: ArticleProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/asset.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 interface Props {
     element: 't-attachment' | 'img' | 'video' | 'audio';
     src?: string;
 }
-export default function Asset({ element, src, ...props }: Props): JSX.Element;
+export default function Asset({ element, src, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/breadcrumb.d.ts

@@ -4,5 +4,5 @@ interface Props {
     className?: string;
     renderItem?: (item: SummaryArticle | SummaryPart) => ReactNode;
 }
-export default function Breadcrumb({ className, renderItem }: Props): JSX.Element;
+export default function Breadcrumb({ className, renderItem }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/catalog.d.ts

@@ -31,5 +31,5 @@ export declare const CatalogItems: FC<{
     part?: SummaryPart;
     itemsComponent?: ComponentType<ItemsProps>;
 } & Pick<CatalogProps, 'itemComponent'>>;
-export default function Catalog({ ...props }: CatalogProps & DeprecatedCatalogProps): JSX.Element;
+export default function Catalog({ ...props }: CatalogProps & DeprecatedCatalogProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/html/a.d.ts

@@ -1,2 +1,2 @@
 import { AnchorHTMLAttributes } from 'react';
-export default function A(props: AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+export default function A(props: AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;

package/types/components/html/attachment.d.ts

@@ -1,2 +1,2 @@
 import { AttachmentHTMLAttributes } from 'react';
-export default function Attachment(props: AttachmentHTMLAttributes<HTMLAttachmentElement>): JSX.Element;
+export default function Attachment(props: AttachmentHTMLAttributes<HTMLAttachmentElement>): import("react/jsx-runtime").JSX.Element;

package/types/components/html/audio.d.ts

@@ -1,2 +1,2 @@
 import { AudioHTMLAttributes } from 'react';
-export default function Audio(props: AudioHTMLAttributes<HTMLAudioElement>): JSX.Element;
+export default function Audio(props: AudioHTMLAttributes<HTMLAudioElement>): import("react/jsx-runtime").JSX.Element;

package/types/components/html/img.d.ts

@@ -1,2 +1,2 @@
 import { ImgHTMLAttributes } from 'react';
-export default function Img(props: ImgHTMLAttributes<HTMLImageElement>): JSX.Element;
+export default function Img(props: ImgHTMLAttributes<HTMLImageElement>): import("react/jsx-runtime").JSX.Element;

package/types/components/html/video.d.ts

@@ -1,2 +1,2 @@
 import { VideoHTMLAttributes } from 'react';
-export default function Video(props: VideoHTMLAttributes<HTMLVideoElement>): JSX.Element;
+export default function Video(props: VideoHTMLAttributes<HTMLVideoElement>): import("react/jsx-runtime").JSX.Element;

package/types/components/link.d.ts

@@ -3,5 +3,5 @@ import { SummaryArticle } from '@topwrite/common';
 interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
     to?: string | SummaryArticle;
 }
-export default function Link({ children, to, className, ...props }: LinkProps): JSX.Element;
+export default function Link({ children, to, className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/loading-bar/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function LoadingBar(): JSX.Element;
+export default function LoadingBar(): import("react/jsx-runtime").JSX.Element;

package/types/components/loading-bar/loading-bar.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import 'react-loading-bar/dist/index.css';
-export default function LoadingBar(): JSX.Element;
+export default function LoadingBar(): import("react/jsx-runtime").JSX.Element;

package/types/components/logo.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 interface LogoProps {
     className?: string;
     size?: number;
 }
-export default function Logo({ size, className }: LogoProps): JSX.Element;
+export default function Logo({ size, className }: LogoProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/markdown.d.ts

@@ -1,5 +1,5 @@
 import { Markdown as CommonMarkdown } from '@topwrite/common';
 import { ComponentProps } from 'react';
 type MarkdownProps = ComponentProps<typeof CommonMarkdown>;
-export default function Markdown({ children, components, ...props }: MarkdownProps): JSX.Element;
+export default function Markdown({ children, components, ...props }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/menu.d.ts

@@ -10,5 +10,5 @@ export interface MenuItemProps {
 export interface MenuProps {
     className?: string;
 }
-export default function Menu({ className }: MenuProps): JSX.Element | null;
+export default function Menu({ className }: MenuProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/types/components/nav-link.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 interface Props {
     title: string;
     url: string;
     className?: string;
 }
-export default function NavLink({ url, title, className }: Props): JSX.Element;
+export default function NavLink({ url, title, className }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/page-loader.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function PageLoader(): JSX.Element;
+export default function PageLoader(): import("react/jsx-runtime").JSX.Element;

package/types/components/page.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function Page(): JSX.Element;
+export default function Page(): import("react/jsx-runtime").JSX.Element;

package/types/components/powered-by.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface PoweredByProps {
     className?: string;
 }
-export default function PoweredBy({ className }: PoweredByProps): JSX.Element | null;
+export default function PoweredBy({ className }: PoweredByProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/types/components/search/ask-box/form.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface Props {
     onClose(): void;
 }
-export default function Form({ onClose }: Props): JSX.Element;
+export default function Form({ onClose }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/search/ask-box/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface AskBoxProps {
     onClose(): void;
 }
-export default function AskBox({ onClose }: AskBoxProps): JSX.Element;
+export default function AskBox({ onClose }: AskBoxProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/search/ask-box/screens/error-screen.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function ErrorScreen(): JSX.Element;
+export declare function ErrorScreen(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/ask-box/screens/start-screen.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function StartScreen(): JSX.Element;
+export declare function StartScreen(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/ask-box/state.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface Props {
     onClose(): void;
 }
-export default function State({ onClose }: Props): JSX.Element;
+export default function State({ onClose }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/search/doc-search-button.d.ts

@@ -1,3 +1,3 @@
 import { ComponentProps } from 'react';
 export type DocSearchButtonProps = ComponentProps<'button'>;
-export declare const DocSearchButton: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DocSearchButton: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/types/components/search/doc-search-modal.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export interface DocSearchModalProps {
     onClose(): void;
 }
-export declare function DocSearchModal({ onClose }: DocSearchModalProps): JSX.Element;
+export declare function DocSearchModal({ onClose }: DocSearchModalProps): import("react/jsx-runtime").JSX.Element;

package/types/components/search/doc-search.d.ts

@@ -5,4 +5,4 @@ export interface DocSearchProps {
     className?: string;
     onlyCurrentPart?: boolean;
 }
-export default function DocSearch({ as, className, onlyCurrentPart, ...props }: DocSearchProps): JSX.Element;
+export default function DocSearch({ as, className, onlyCurrentPart, ...props }: DocSearchProps): import("react/jsx-runtime").JSX.Element;

package/types/components/search/footer.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function Footer(): JSX.Element;
+export declare function Footer(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/ask-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function AskIcon(): JSX.Element;
+export declare function AskIcon(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/content-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function ContentIcon(): JSX.Element;
+export declare function ContentIcon(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/control-key-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function ControlKeyIcon(): JSX.Element;
+export declare function ControlKeyIcon(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/error-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function ErrorIcon(): JSX.Element;
+export declare function ErrorIcon(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/go-to-external-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function GoToExternal(): JSX.Element;
+export declare function GoToExternal(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/loading-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function LoadingIcon(): JSX.Element;
+export declare function LoadingIcon(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/no-results-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function NoResultsIcon(): JSX.Element;
+export declare function NoResultsIcon(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/recent-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function RecentIcon(): JSX.Element;
+export declare function RecentIcon(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/reset-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function ResetIcon(): JSX.Element;
+export declare function ResetIcon(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/search-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function SearchIcon(): JSX.Element;
+export declare function SearchIcon(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/select-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function SelectIcon(): JSX.Element;
+export declare function SelectIcon(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/icons/star-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function StarIcon(): JSX.Element;
+export declare function StarIcon(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { DocSearchProps } from './doc-search';
-export default function Search(props: DocSearchProps): JSX.Element;
+export default function Search(props: DocSearchProps): import("react/jsx-runtime").JSX.Element;

package/types/components/search/mode-provider.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, ReactNode, SetStateAction } from 'react';
 export default function ({ children }: {
     children: ReactNode;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export declare const useMode: () => [string, Dispatch<SetStateAction<string>>];

package/types/components/search/search-box/form.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface Props {
     onClose(): void;
 }
-export default function Form({ onClose }: Props): JSX.Element;
+export default function Form({ onClose }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/search/search-box/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface SearchBoxProps {
     onClose(): void;
 }
-export default function SearchBox({ onClose }: SearchBoxProps): JSX.Element;
+export default function SearchBox({ onClose }: SearchBoxProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/search/search-box/results.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SearchResult } from '../../../models/search';
 export interface ResultItem extends SearchResult {
     id: number;
@@ -10,5 +9,5 @@ interface ResultsProps {
     onItemClick(item: ResultItem): void;
     onActive(index: number): void;
 }
-export declare function Results({ title, items, ...props }: ResultsProps): JSX.Element;
+export declare function Results({ title, items, ...props }: ResultsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/search/search-box/screens/error-screen.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function ErrorScreen(): JSX.Element;
+export declare function ErrorScreen(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/search-box/screens/no-result-screen.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function NoResultsScreen(): JSX.Element;
+export declare function NoResultsScreen(): import("react/jsx-runtime").JSX.Element;

package/types/components/search/search-box/screens/results-screen.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ResultItem } from '../results';
 import { SearchResult } from '../../../../models/search';
 interface ResultsScreenProps {
@@ -10,5 +9,5 @@ interface ResultsScreenProps {
         items: ResultItem[];
     }[];
 }
-export declare function ResultsScreen({ collections, ...props }: ResultsScreenProps): JSX.Element;
+export declare function ResultsScreen({ collections, ...props }: ResultsScreenProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/search/search-box/screens/start-screen.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface StartScreenProps {
     hasCollections: boolean;
 }
-export declare function StartScreen(props: StartScreenProps): JSX.Element | null;
+export declare function StartScreen(props: StartScreenProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/types/components/search/search-box/state.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { SearchResult } from '../../../models/search';
 export interface StateProps {
     activeIndex?: number;
     onItemClick: (item: SearchResult) => void;
     onActive: (index: number) => void;
 }
-export default function State(props: StateProps): JSX.Element;
+export default function State(props: StateProps): import("react/jsx-runtime").JSX.Element;

package/types/lib/use-css.d.ts

@@ -3,6 +3,6 @@ export declare const CssContext: import("react").Context<string | undefined>;
 interface Props {
     readonly children: ReactNode;
 }
-export declare function CssProvider({ children }: Props): JSX.Element | null;
+export declare function CssProvider({ children }: Props): import("react/jsx-runtime").JSX.Element | null;
 export default function useCss(): string | undefined;
 export {};

package/types/lib/use-logo.d.ts

@@ -2,6 +2,6 @@ import { ReactNode } from 'react';
 interface Props {
     readonly children: ReactNode;
 }
-export declare function LogoProvider({ children }: Props): JSX.Element;
+export declare function LogoProvider({ children }: Props): import("react/jsx-runtime").JSX.Element;
 export default function useLogo(): string;
 export {};

package/types/typings.d.ts

@@ -5,11 +5,6 @@ import Markdown from './components/markdown';
 import { MenuItemProps, MenuProps } from './components/menu';
 import Color from 'color';
 type Models = typeof models;
-declare module 'styled-components' {
-    interface DefaultTheme {
-        primaryColor: Color;
-    }
-}
 declare module '@topwrite/common' {
     function useSelector<T extends keyof Models>(model: T): States<T, Models>[T];
     function useActions<T extends keyof Models>(model: T): Actions<T, Models>[T];
@@ -37,5 +32,8 @@ declare module '@topwrite/common' {
     }
     interface OptionsStateType {
     }
+    interface ThemeType {
+        primaryColor: Color;
+    }
 }
 export {};