@diplodoc/components 3.0.0-alpha-1

package/build/esm/components/DocPage/DocPage.js

@@ -0,0 +1,436 @@
+// src/components/DocPage/DocPage.tsx
+import React from "react";
+import block from "bem-cn-lite";
+import ReactDOMServer from "react-dom/server";
+import { DEFAULT_SETTINGS } from "../../constants";
+import {
+  callSafe,
+  createElementFromHTML,
+  getHeaderTag,
+  getRandomKey,
+  getStateKey,
+  isContributor
+} from "../../utils";
+import { BookmarkButton } from "../BookmarkButton";
+import { Breadcrumbs } from "../Breadcrumbs";
+import Contributors from "../Contributors/Contributors";
+import { Controls, ControlsLayout, EditControl } from "../Controls";
+import { DocLayout } from "../DocLayout";
+import { DocPageTitle } from "../DocPageTitle";
+import { Feedback, FeedbackView } from "../Feedback";
+import { HTML } from "../HTML";
+import { MiniToc } from "../MiniToc";
+import { SearchBar, withHighlightedSearchWords } from "../SearchBar";
+import { TocNavPanel } from "../TocNavPanel";
+import LinkIcon from "../../../../assets/icons/link.svg";
+import "./DocPage.css";
+var b = block("dc-doc-page");
+var DocPage = class extends React.Component {
+  static defaultProps = DEFAULT_SETTINGS;
+  state = {
+    loading: true,
+    keyDOM: getRandomKey()
+  };
+  bodyRef = null;
+  bodyObserver = null;
+  componentDidMount() {
+    const { singlePage } = this.props;
+    if (singlePage) {
+      this.addLinksToOriginalArticle();
+    }
+    this.setState({ loading: false });
+    this.addBodyObserver();
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.singlePage !== this.props.singlePage) {
+      this.setState({ loading: true });
+    }
+    if (prevProps.html !== this.props.html) {
+      this.setState({ keyDOM: getRandomKey() });
+    }
+  }
+  componentWillUnmount() {
+    if (this.bodyObserver) {
+      this.bodyObserver.disconnect();
+    }
+  }
+  render() {
+    const {
+      toc,
+      router,
+      headerHeight,
+      wideFormat,
+      fullScreen,
+      singlePage,
+      tocTitleIcon,
+      hideTocHeader,
+      hideToc,
+      footer,
+      onChangeSinglePage,
+      pdfLink
+    } = this.props;
+    const hideMiniToc = !this.showMiniToc;
+    const modes = {
+      "regular-page-width": !wideFormat,
+      "full-screen": fullScreen,
+      "hidden-mini-toc": hideMiniToc,
+      "single-page": singlePage
+    };
+    return /* @__PURE__ */ React.createElement(
+      DocLayout,
+      {
+        toc,
+        router,
+        headerHeight,
+        className: b(modes),
+        fullScreen,
+        hideRight: hideMiniToc,
+        tocTitleIcon,
+        wideFormat,
+        hideTocHeader,
+        hideToc,
+        loading: this.state.loading,
+        footer,
+        singlePage,
+        onChangeSinglePage,
+        pdfLink
+      },
+      /* @__PURE__ */ React.createElement(DocLayout.Center, null, this.renderSearchBar(), this.renderBreadcrumbs(), this.renderControls(), /* @__PURE__ */ React.createElement("div", { className: b("main") }, /* @__PURE__ */ React.createElement("main", { className: b("content") }, this.renderTitle(), this.renderPageContributors(), hideMiniToc ? null : this.renderContentMiniToc(), this.renderBody(), this.renderFeedback()), this.renderTocNavPanel()), this.renderLoader()),
+      /* @__PURE__ */ React.createElement(DocLayout.Right, null, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: b("aside"),
+          key: getStateKey(this.showMiniToc, wideFormat, singlePage)
+        },
+        hideMiniToc ? null : this.renderAsideMiniToc()
+      ))
+    );
+  }
+  handleBodyMutation = (mutationsList) => {
+    const { onContentMutation, onContentLoaded } = this.props;
+    if (this.props.singlePage && this.bodyObserver && this.bodyRef) {
+      this.bodyObserver.disconnect();
+      this.addLinksToOriginalArticle();
+      this.bodyObserver.observe(this.bodyRef, {
+        childList: true,
+        subtree: true
+      });
+    }
+    if (onContentMutation) {
+      setTimeout(onContentMutation, 0);
+    }
+    this.setState({ loading: false });
+    if (!onContentLoaded) {
+      return;
+    }
+    setTimeout(() => {
+      mutationsList.filter(({ type }) => type === "childList").forEach((mutation) => {
+        const yfmRoot = mutation.target;
+        const yfmImages = [...yfmRoot.querySelectorAll("img")];
+        yfmImages.forEach((img) => {
+          img.addEventListener("load", onContentLoaded, false);
+        });
+      });
+    }, 0);
+  };
+  addBodyObserver() {
+    if (!this.bodyObserver) {
+      this.bodyObserver = new MutationObserver(this.handleBodyMutation);
+    }
+    if (this.bodyRef) {
+      this.bodyObserver.observe(this.bodyRef, {
+        childList: true,
+        subtree: true
+      });
+    }
+  }
+  setBodyRef = (ref) => {
+    this.bodyRef = ref;
+  };
+  renderLoader() {
+    const { renderLoader } = this.props;
+    const { loading } = this.state;
+    if (!renderLoader || !loading) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: b("loader-wrapper") }, renderLoader());
+  }
+  addLinksToOriginalArticle = () => {
+    const { singlePage, convertPathToOriginalArticle, generatePathToVcs, vcsType } = this.props;
+    if (singlePage) {
+      const elements = document.querySelectorAll("[data-original-article]");
+      for (const el of elements) {
+        const href = el.getAttribute("data-original-article") || "";
+        const linkWrapperEl = getHeaderTag(el);
+        if (linkWrapperEl) {
+          const anchors = linkWrapperEl.querySelectorAll(".yfm-anchor");
+          for (const anchor of anchors) {
+            anchor.classList.add("yfm-anchor_hidden");
+          }
+          const linkToOriginal = document.createElement("a");
+          linkToOriginal.href = callSafe(convertPathToOriginalArticle, href);
+          linkToOriginal.className = "yfm-anchor yfm-original-link";
+          linkToOriginal.innerHTML = ReactDOMServer.renderToStaticMarkup(/* @__PURE__ */ React.createElement(LinkIcon, null));
+          linkWrapperEl.append(linkToOriginal);
+          if (typeof generatePathToVcs === "function") {
+            const vcsHref = callSafe(generatePathToVcs, href);
+            const linkToVcs = createElementFromHTML(
+              ReactDOMServer.renderToStaticMarkup(
+                /* @__PURE__ */ React.createElement(
+                  EditControl,
+                  {
+                    vcsUrl: vcsHref,
+                    vcsType,
+                    view: "wide",
+                    className: b("edit-button")
+                  }
+                )
+              )
+            );
+            linkWrapperEl.append(linkToVcs);
+            linkWrapperEl.classList.add(b("header-container"));
+          }
+        }
+      }
+    }
+  };
+  get showMiniToc() {
+    const { showMiniToc, singlePage, headings, toc } = this.props;
+    if (singlePage) {
+      return false;
+    }
+    const emptyHeaderOrSinglePage = headings.length === 0 || toc.singlePage;
+    const soloHeaderWithChildren = headings.length === 1 && headings[0].items && headings[0].items.length >= 1;
+    if (emptyHeaderOrSinglePage || !(soloHeaderWithChildren || headings.length >= 2)) {
+      return false;
+    }
+    return showMiniToc;
+  }
+  renderBreadcrumbs() {
+    const { breadcrumbs } = this.props;
+    if (!breadcrumbs || breadcrumbs.length < 2) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: b("breadcrumbs") }, /* @__PURE__ */ React.createElement(Breadcrumbs, { items: breadcrumbs }));
+  }
+  renderTitle() {
+    const { title, meta, bookmarkedPage, onChangeBookmarkPage } = this.props;
+    const withBookmarks = onChangeBookmarkPage;
+    if (!title) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(DocPageTitle, { stage: meta.stage, className: b("title") }, /* @__PURE__ */ React.createElement(HTML, null, title), withBookmarks && /* @__PURE__ */ React.createElement(
+      BookmarkButton,
+      {
+        isBookmarked: Boolean(bookmarkedPage),
+        onBookmark: onChangeBookmarkPage
+      }
+    ));
+  }
+  renderPageContributors() {
+    const { meta, hideContributors } = this.props;
+    if (hideContributors) {
+      return null;
+    }
+    const author = this.renderAuthor(!meta?.contributors?.length);
+    const contributors = this.renderContributors();
+    const separator = author && contributors && /* @__PURE__ */ React.createElement("div", { className: b("separator") }, ",");
+    return /* @__PURE__ */ React.createElement("div", { className: b("page-contributors") }, author, " ", separator, " ", contributors);
+  }
+  renderAuthor(onlyAuthor) {
+    const { meta } = this.props;
+    if (!isContributor(meta?.author)) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(
+      Contributors,
+      {
+        users: [meta.author],
+        onlyAuthor,
+        translationName: "authors",
+        isAuthor: true
+      }
+    );
+  }
+  renderContributors() {
+    const { meta } = this.props;
+    if (!meta?.contributors || meta.contributors.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(Contributors, { users: meta.contributors });
+  }
+  renderContentMiniToc() {
+    const { headings } = this.props;
+    return /* @__PURE__ */ React.createElement("div", { className: b("content-mini-toc", "yfm") }, /* @__PURE__ */ React.createElement("ul", null, headings.map(({ title, href, level, items }, index) => {
+      if (level !== 2) {
+        return null;
+      }
+      return /* @__PURE__ */ React.createElement("li", { key: index }, /* @__PURE__ */ React.createElement("a", { href }, title), items && /* @__PURE__ */ React.createElement("ul", null, items.map(
+        ({
+          title: itemTitle,
+          href: itemHref,
+          level: itemLevel
+        }, idx) => {
+          if (itemLevel !== 3) {
+            return null;
+          }
+          return /* @__PURE__ */ React.createElement("li", { key: idx }, /* @__PURE__ */ React.createElement("a", { href: itemHref }, itemTitle));
+        }
+      )));
+    })));
+  }
+  renderBody() {
+    const { html, textSize } = this.props;
+    if (!html) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: this.setBodyRef,
+        className: b("body", { "text-size": textSize }, "yfm"),
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  renderAsideMiniToc() {
+    const { headings, router, headerHeight } = this.props;
+    const { keyDOM } = this.state;
+    return /* @__PURE__ */ React.createElement("div", { className: b("aside-mini-toc") }, /* @__PURE__ */ React.createElement(
+      MiniToc,
+      {
+        headings,
+        router,
+        headerHeight,
+        key: keyDOM
+      }
+    ));
+  }
+  renderFeedback() {
+    const { singlePage, isLiked, isDisliked, onSendFeedback, hideFeedbackControls } = this.props;
+    if (singlePage || hideFeedbackControls || !onSendFeedback) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: b("feedback") }, /* @__PURE__ */ React.createElement(
+      Feedback,
+      {
+        isLiked,
+        isDisliked,
+        onSendFeedback,
+        view: FeedbackView.Wide
+      }
+    ));
+  }
+  renderTocNavPanel() {
+    const { toc, singlePage, router, fullScreen } = this.props;
+    if (singlePage) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(
+      TocNavPanel,
+      {
+        ...toc,
+        router,
+        fixed: fullScreen,
+        className: b("toc-nav-panel")
+      }
+    );
+  }
+  isEditable() {
+    const { toc, meta, vcsUrl, vcsType } = this.props;
+    const editable = toc.stage !== "preview" && meta.stage !== "preview" && meta.editable !== false && toc.editable !== false;
+    return Boolean(editable && vcsUrl && vcsType);
+  }
+  getIsVerticalView = () => {
+    const { fullScreen } = this.props;
+    return !this.showMiniToc || fullScreen;
+  };
+  renderSearchBar = () => {
+    const {
+      showSearchBar,
+      searchQuery,
+      searchCurrentIndex,
+      searchCountResults,
+      onClickPrevSearch,
+      onClickNextSearch,
+      onCloseSearchBar,
+      singlePage
+    } = this.props;
+    if (!showSearchBar || singlePage) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: b("search-bar") }, /* @__PURE__ */ React.createElement(
+      SearchBar,
+      {
+        searchCurrentIndex,
+        searchCountResults,
+        onClickPrevSearch,
+        onClickNextSearch,
+        onCloseSearchBar,
+        searchQuery
+      }
+    ));
+  };
+  renderControls() {
+    const {
+      lang,
+      langs,
+      textSize,
+      theme,
+      wideFormat,
+      fullScreen,
+      singlePage,
+      vcsUrl,
+      vcsType,
+      onChangeLang,
+      onChangeFullScreen,
+      onChangeWideFormat,
+      onChangeShowMiniToc,
+      onChangeTheme,
+      onChangeTextSize,
+      onSendFeedback,
+      onSubscribe,
+      isLiked,
+      isDisliked,
+      hideControls,
+      hideEditControl,
+      hideFeedbackControls
+    } = this.props;
+    if (hideControls) {
+      return null;
+    }
+    const isVerticalView = this.getIsVerticalView();
+    return /* @__PURE__ */ React.createElement("div", { className: b("controls", { vertical: isVerticalView }) }, /* @__PURE__ */ React.createElement(ControlsLayout, { isVerticalView }, /* @__PURE__ */ React.createElement(
+      Controls,
+      {
+        lang,
+        langs,
+        textSize,
+        theme,
+        wideFormat,
+        showMiniToc: this.showMiniToc,
+        fullScreen,
+        singlePage,
+        vcsUrl,
+        vcsType,
+        isLiked,
+        isDisliked,
+        onChangeLang,
+        onChangeFullScreen,
+        onChangeWideFormat,
+        onChangeShowMiniToc,
+        onChangeTheme,
+        onChangeTextSize,
+        onSendFeedback,
+        onSubscribe,
+        hideEditControl: hideEditControl || fullScreen || !this.isEditable(),
+        hideFeedbackControls
+      }
+    )));
+  }
+};
+var DocPage_default = withHighlightedSearchWords(DocPage);
+export {
+  DocPage_default as default
+};
+//# sourceMappingURL=DocPage.js.map

package/build/esm/components/DocPage/DocPage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DocPage/DocPage.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport block from 'bem-cn-lite';\nimport ReactDOMServer from 'react-dom/server';\n\nimport {DEFAULT_SETTINGS} from '../../constants';\nimport {\n    DocPageData,\n    DocSettings,\n    FeedbackSendData,\n    Lang,\n    Router,\n    SubscribeData,\n    TextSizes,\n    Theme,\n    Vcs,\n} from '../../models';\nimport {\n    InnerProps,\n    callSafe,\n    createElementFromHTML,\n    getHeaderTag,\n    getRandomKey,\n    getStateKey,\n    isContributor,\n} from '../../utils';\nimport {BookmarkButton} from '../BookmarkButton';\nimport {Breadcrumbs} from '../Breadcrumbs';\nimport Contributors from '../Contributors/Contributors';\nimport {Controls, ControlsLayout, EditControl} from '../Controls';\nimport {DocLayout} from '../DocLayout';\nimport {DocPageTitle} from '../DocPageTitle';\nimport {Feedback, FeedbackView} from '../Feedback';\nimport {HTML} from '../HTML';\nimport {MiniToc} from '../MiniToc';\nimport {SearchBar, withHighlightedSearchWords} from '../SearchBar';\nimport {TocNavPanel} from '../TocNavPanel';\n\nimport LinkIcon from '../../../assets/icons/link.svg';\n\nimport './DocPage.scss';\n\nconst b = block('dc-doc-page');\n\nexport interface DocPageProps extends DocPageData, DocSettings {\n    lang: Lang;\n    langs?: string[];\n    router: Router;\n    headerHeight?: number;\n    tocTitleIcon?: React.ReactNode;\n    hideToc?: boolean;\n\n    showSearchBar?: boolean;\n    searchQuery?: string;\n    onClickPrevSearch?: () => void;\n    onClickNextSearch?: () => void;\n    onCloseSearchBar?: () => void;\n    searchCurrentIndex?: number;\n    searchCountResults?: number;\n\n    hideTocHeader?: boolean;\n    hideControls?: boolean;\n    hideEditControl?: boolean;\n    hideFeedbackControls?: boolean;\n    hideContributors?: boolean;\n    renderLoader?: () => React.ReactNode;\n    convertPathToOriginalArticle?: (path: string) => string;\n    generatePathToVcs?: (path: string) => string;\n    onChangeLang?: (lang: Lang) => void;\n    onChangeFullScreen?: (value: boolean) => void;\n    onChangeSinglePage?: (value: boolean) => void;\n    onChangeWideFormat?: (value: boolean) => void;\n    onChangeShowMiniToc?: (value: boolean) => void;\n    onChangeBookmarkPage?: (value: boolean) => void;\n    onChangeTheme?: (theme: Theme) => void;\n    onChangeTextSize?: (textSize: TextSizes) => void;\n    onSendFeedback?: (data: FeedbackSendData) => void;\n    onContentMutation?: () => void;\n    onContentLoaded?: () => void;\n    onSubscribe?: (data: SubscribeData) => void;\n    pdfLink?: string;\n}\n\ntype DocPageInnerProps = InnerProps<DocPageProps, DocSettings>;\ntype DocPageState = {\n    loading: boolean;\n    keyDOM: number;\n};\n\nclass DocPage extends React.Component<DocPageInnerProps, DocPageState> {\n    static defaultProps: DocSettings = DEFAULT_SETTINGS;\n\n    state: DocPageState = {\n        loading: true,\n        keyDOM: getRandomKey(),\n    };\n\n    bodyRef: HTMLDivElement | null = null;\n    bodyObserver: MutationObserver | null = null;\n\n    componentDidMount(): void {\n        const {singlePage} = this.props;\n\n        if (singlePage) {\n            this.addLinksToOriginalArticle();\n        }\n\n        this.setState({loading: false});\n\n        this.addBodyObserver();\n    }\n\n    componentDidUpdate(prevProps: DocPageInnerProps): void {\n        if (prevProps.singlePage !== this.props.singlePage) {\n            this.setState({loading: true});\n        }\n\n        if (prevProps.html !== this.props.html) {\n            this.setState({keyDOM: getRandomKey()});\n        }\n    }\n\n    componentWillUnmount(): void {\n        if (this.bodyObserver) {\n            this.bodyObserver.disconnect();\n        }\n    }\n\n    render() {\n        const {\n            toc,\n            router,\n            headerHeight,\n            wideFormat,\n            fullScreen,\n            singlePage,\n            tocTitleIcon,\n            hideTocHeader,\n            hideToc,\n            footer,\n            onChangeSinglePage,\n            pdfLink,\n        } = this.props;\n\n        const hideMiniToc = !this.showMiniToc;\n        const modes = {\n            'regular-page-width': !wideFormat,\n            'full-screen': fullScreen,\n            'hidden-mini-toc': hideMiniToc,\n            'single-page': singlePage,\n        };\n\n        return (\n            <DocLayout\n                toc={toc}\n                router={router}\n                headerHeight={headerHeight}\n                className={b(modes)}\n                fullScreen={fullScreen}\n                hideRight={hideMiniToc}\n                tocTitleIcon={tocTitleIcon}\n                wideFormat={wideFormat}\n                hideTocHeader={hideTocHeader}\n                hideToc={hideToc}\n                loading={this.state.loading}\n                footer={footer}\n                singlePage={singlePage}\n                onChangeSinglePage={onChangeSinglePage}\n                pdfLink={pdfLink}\n            >\n                <DocLayout.Center>\n                    {this.renderSearchBar()}\n                    {this.renderBreadcrumbs()}\n                    {this.renderControls()}\n                    <div className={b('main')}>\n                        <main className={b('content')}>\n                            {this.renderTitle()}\n                            {this.renderPageContributors()}\n                            {hideMiniToc ? null : this.renderContentMiniToc()}\n                            {this.renderBody()}\n                            {this.renderFeedback()}\n                        </main>\n                        {this.renderTocNavPanel()}\n                    </div>\n                    {this.renderLoader()}\n                </DocLayout.Center>\n                <DocLayout.Right>\n                    {/* This key allows recalculating the offset for the mini-toc for Safari */}\n                    <div\n                        className={b('aside')}\n                        key={getStateKey(this.showMiniToc, wideFormat, singlePage)}\n                    >\n                        {hideMiniToc ? null : this.renderAsideMiniToc()}\n                    </div>\n                </DocLayout.Right>\n            </DocLayout>\n        );\n    }\n\n    private handleBodyMutation = (mutationsList: MutationRecord[]) => {\n        const {onContentMutation, onContentLoaded} = this.props;\n\n        if (this.props.singlePage && this.bodyObserver && this.bodyRef) {\n            this.bodyObserver.disconnect();\n            this.addLinksToOriginalArticle();\n            this.bodyObserver.observe(this.bodyRef, {\n                childList: true,\n                subtree: true,\n            });\n        }\n\n        if (onContentMutation) {\n            setTimeout(onContentMutation, 0);\n        }\n\n        this.setState({loading: false});\n\n        if (!onContentLoaded) {\n            return;\n        }\n\n        setTimeout(() => {\n            mutationsList\n                .filter(({type}) => type === 'childList')\n                .forEach((mutation) => {\n                    const yfmRoot = mutation.target as HTMLElement;\n                    const yfmImages = [...yfmRoot.querySelectorAll('img')];\n\n                    yfmImages.forEach((img) => {\n                        img.addEventListener('load', onContentLoaded, false);\n                    });\n                });\n        }, 0);\n    };\n\n    private addBodyObserver() {\n        if (!this.bodyObserver) {\n            this.bodyObserver = new MutationObserver(this.handleBodyMutation);\n        }\n\n        if (this.bodyRef) {\n            this.bodyObserver.observe(this.bodyRef, {\n                childList: true,\n                subtree: true,\n            });\n        }\n    }\n\n    private setBodyRef = (ref: HTMLDivElement) => {\n        this.bodyRef = ref;\n    };\n\n    private renderLoader() {\n        const {renderLoader} = this.props;\n        const {loading} = this.state;\n\n        if (!renderLoader || !loading) {\n            return null;\n        }\n\n        return <div className={b('loader-wrapper')}>{renderLoader()}</div>;\n    }\n\n    private addLinksToOriginalArticle = () => {\n        const {singlePage, convertPathToOriginalArticle, generatePathToVcs, vcsType} = this.props;\n\n        if (singlePage) {\n            const elements = document.querySelectorAll('[data-original-article]');\n            for (const el of elements) {\n                const href = el.getAttribute('data-original-article') || '';\n                const linkWrapperEl = getHeaderTag(el as HTMLElement);\n\n                if (linkWrapperEl) {\n                    /* Hide anchors */\n                    const anchors = linkWrapperEl.querySelectorAll('.yfm-anchor');\n                    for (const anchor of anchors) {\n                        anchor.classList.add('yfm-anchor_hidden');\n                    }\n\n                    /* Create the link to the original article */\n                    const linkToOriginal = document.createElement('a');\n                    linkToOriginal.href = callSafe(convertPathToOriginalArticle, href);\n                    linkToOriginal.className = 'yfm-anchor yfm-original-link';\n                    linkToOriginal.innerHTML = ReactDOMServer.renderToStaticMarkup(<LinkIcon />);\n                    linkWrapperEl.append(linkToOriginal);\n\n                    /* Create the link to the vcs */\n                    if (typeof generatePathToVcs === 'function') {\n                        const vcsHref = callSafe(generatePathToVcs, href);\n                        const linkToVcs = createElementFromHTML(\n                            ReactDOMServer.renderToStaticMarkup(\n                                <EditControl\n                                    vcsUrl={vcsHref}\n                                    vcsType={vcsType}\n                                    view={'wide'}\n                                    className={b('edit-button')}\n                                />,\n                            ),\n                        );\n                        linkWrapperEl.append(linkToVcs);\n                        linkWrapperEl.classList.add(b('header-container'));\n                    }\n                }\n            }\n        }\n    };\n\n    get showMiniToc() {\n        const {showMiniToc, singlePage, headings, toc} = this.props;\n\n        if (singlePage) {\n            return false;\n        }\n\n        const emptyHeaderOrSinglePage = headings.length === 0 || toc.singlePage;\n        const soloHeaderWithChildren =\n            headings.length === 1 && headings[0].items && headings[0].items.length >= 1;\n\n        if (emptyHeaderOrSinglePage || !(soloHeaderWithChildren || headings.length >= 2)) {\n            return false;\n        }\n\n        return showMiniToc;\n    }\n\n    private renderBreadcrumbs() {\n        const {breadcrumbs} = this.props;\n\n        if (!breadcrumbs || breadcrumbs.length < 2) {\n            return null;\n        }\n\n        return (\n            <div className={b('breadcrumbs')}>\n                <Breadcrumbs items={breadcrumbs} />\n            </div>\n        );\n    }\n\n    private renderTitle() {\n        const {title, meta, bookmarkedPage, onChangeBookmarkPage} = this.props;\n        const withBookmarks = onChangeBookmarkPage;\n\n        if (!title) {\n            return null;\n        }\n\n        return (\n            <DocPageTitle stage={meta.stage} className={b('title')}>\n                <HTML>{title}</HTML>\n                {withBookmarks && (\n                    <BookmarkButton\n                        isBookmarked={Boolean(bookmarkedPage)}\n                        onBookmark={onChangeBookmarkPage}\n                    />\n                )}\n            </DocPageTitle>\n        );\n    }\n\n    private renderPageContributors() {\n        const {meta, hideContributors} = this.props;\n\n        if (hideContributors) {\n            return null;\n        }\n\n        const author = this.renderAuthor(!meta?.contributors?.length);\n        const contributors = this.renderContributors();\n\n        const separator = author && contributors && <div className={b('separator')}>{','}</div>;\n\n        return (\n            <div className={b('page-contributors')}>\n                {author} {separator} {contributors}\n            </div>\n        );\n    }\n\n    private renderAuthor(onlyAuthor: boolean) {\n        const {meta} = this.props;\n\n        if (!isContributor(meta?.author)) {\n            return null;\n        }\n\n        return (\n            <Contributors\n                users={[meta.author]}\n                onlyAuthor={onlyAuthor}\n                translationName={'authors'}\n                isAuthor={true}\n            />\n        );\n    }\n\n    private renderContributors() {\n        const {meta} = this.props;\n\n        if (!meta?.contributors || meta.contributors.length === 0) {\n            return null;\n        }\n\n        return <Contributors users={meta.contributors} />;\n    }\n\n    private renderContentMiniToc() {\n        const {headings} = this.props;\n\n        return (\n            <div className={b('content-mini-toc', 'yfm')}>\n                <ul>\n                    {headings.map(({title, href, level, items}, index) => {\n                        if (level !== 2) {\n                            return null;\n                        }\n\n                        return (\n                            <li key={index}>\n                                <a href={href}>{title}</a>\n                                {items && (\n                                    <ul>\n                                        {items.map(\n                                            (\n                                                {\n                                                    title: itemTitle,\n                                                    href: itemHref,\n                                                    level: itemLevel,\n                                                },\n                                                idx,\n                                            ) => {\n                                                if (itemLevel !== 3) {\n                                                    return null;\n                                                }\n\n                                                return (\n                                                    <li key={idx}>\n                                                        <a href={itemHref}>{itemTitle}</a>\n                                                    </li>\n                                                );\n                                            },\n                                        )}\n                                    </ul>\n                                )}\n                            </li>\n                        );\n                    })}\n                </ul>\n            </div>\n        );\n    }\n\n    private renderBody() {\n        const {html, textSize} = this.props;\n\n        if (!html) {\n            return null;\n        }\n\n        return (\n            <div\n                ref={this.setBodyRef}\n                className={b('body', {'text-size': textSize}, 'yfm')}\n                dangerouslySetInnerHTML={{__html: html}}\n            />\n        );\n    }\n\n    private renderAsideMiniToc() {\n        const {headings, router, headerHeight} = this.props;\n        const {keyDOM} = this.state;\n\n        return (\n            <div className={b('aside-mini-toc')}>\n                <MiniToc\n                    headings={headings}\n                    router={router}\n                    headerHeight={headerHeight}\n                    key={keyDOM}\n                />\n            </div>\n        );\n    }\n\n    private renderFeedback() {\n        const {singlePage, isLiked, isDisliked, onSendFeedback, hideFeedbackControls} = this.props;\n\n        if (singlePage || hideFeedbackControls || !onSendFeedback) {\n            return null;\n        }\n\n        return (\n            <div className={b('feedback')}>\n                <Feedback\n                    isLiked={isLiked}\n                    isDisliked={isDisliked}\n                    onSendFeedback={onSendFeedback}\n                    view={FeedbackView.Wide}\n                />\n            </div>\n        );\n    }\n\n    private renderTocNavPanel() {\n        const {toc, singlePage, router, fullScreen} = this.props;\n\n        if (singlePage) {\n            return null;\n        }\n\n        return (\n            <TocNavPanel\n                {...toc}\n                router={router}\n                fixed={fullScreen}\n                className={b('toc-nav-panel')}\n            />\n        );\n    }\n\n    private isEditable() {\n        const {toc, meta, vcsUrl, vcsType} = this.props;\n        const editable =\n            toc.stage !== 'preview' &&\n            meta.stage !== 'preview' &&\n            meta.editable !== false &&\n            toc.editable !== false;\n\n        return Boolean(editable && vcsUrl && vcsType);\n    }\n\n    private getIsVerticalView = () => {\n        const {fullScreen} = this.props;\n        return !this.showMiniToc || fullScreen;\n    };\n\n    private renderSearchBar = () => {\n        const {\n            showSearchBar,\n            searchQuery,\n            searchCurrentIndex,\n            searchCountResults,\n            onClickPrevSearch,\n            onClickNextSearch,\n            onCloseSearchBar,\n            singlePage,\n        } = this.props;\n\n        if (!showSearchBar || singlePage) {\n            return null;\n        }\n\n        return (\n            <div className={b('search-bar')}>\n                <SearchBar\n                    searchCurrentIndex={searchCurrentIndex}\n                    searchCountResults={searchCountResults}\n                    onClickPrevSearch={onClickPrevSearch}\n                    onClickNextSearch={onClickNextSearch}\n                    onCloseSearchBar={onCloseSearchBar}\n                    searchQuery={searchQuery}\n                />\n            </div>\n        );\n    };\n\n    private renderControls() {\n        const {\n            lang,\n            langs,\n            textSize,\n            theme,\n            wideFormat,\n            fullScreen,\n            singlePage,\n            vcsUrl,\n            vcsType,\n            onChangeLang,\n            onChangeFullScreen,\n            onChangeWideFormat,\n            onChangeShowMiniToc,\n            onChangeTheme,\n            onChangeTextSize,\n            onSendFeedback,\n            onSubscribe,\n            isLiked,\n            isDisliked,\n            hideControls,\n            hideEditControl,\n            hideFeedbackControls,\n        } = this.props;\n\n        if (hideControls) {\n            return null;\n        }\n\n        const isVerticalView = this.getIsVerticalView();\n\n        return (\n            <div className={b('controls', {vertical: isVerticalView})}>\n                <ControlsLayout isVerticalView={isVerticalView}>\n                    <Controls\n                        lang={lang}\n                        langs={langs}\n                        textSize={textSize}\n                        theme={theme}\n                        wideFormat={wideFormat}\n                        showMiniToc={this.showMiniToc}\n                        fullScreen={fullScreen}\n                        singlePage={singlePage}\n                        vcsUrl={vcsUrl as string}\n                        vcsType={vcsType as Vcs}\n                        isLiked={isLiked}\n                        isDisliked={isDisliked}\n                        onChangeLang={onChangeLang}\n                        onChangeFullScreen={onChangeFullScreen}\n                        onChangeWideFormat={onChangeWideFormat}\n                        onChangeShowMiniToc={onChangeShowMiniToc}\n                        onChangeTheme={onChangeTheme}\n                        onChangeTextSize={onChangeTextSize}\n                        onSendFeedback={onSendFeedback}\n                        onSubscribe={onSubscribe}\n                        hideEditControl={hideEditControl || fullScreen || !this.isEditable()}\n                        hideFeedbackControls={hideFeedbackControls}\n                    />\n                </ControlsLayout>\n            </div>\n        );\n    }\n}\n\nexport default withHighlightedSearchWords(DocPage);\n"],
+  "mappings": "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",
+  "names": []
+}

package/build/esm/components/DocPage/index.js

@@ -0,0 +1,7 @@
+// src/components/DocPage/index.ts
+import { default as default2 } from "./DocPage";
+export * from "./DocPage";
+export {
+  default2 as DocPage
+};
+//# sourceMappingURL=index.js.map

package/build/esm/components/DocPage/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DocPage/index.ts"],
+  "sourcesContent": ["export {default as DocPage} from './DocPage';\nexport * from './DocPage';\n"],
+  "mappings": ";AAAA,SAAmB,WAAXA,gBAAyB;AACjC,cAAc;",
+  "names": ["default"]
+}

package/build/esm/components/DocPageTitle/DocPageTitle.css

@@ -0,0 +1,10 @@
+/* src/components/DocPageTitle/DocPageTitle.scss */
+.dc-doc-page-title {
+  position: relative;
+}
+.dc-doc-page-title__label {
+  position: absolute;
+  left: 0;
+  top: -11px;
+}
+/*# sourceMappingURL=DocPageTitle.css.map */

package/build/esm/components/DocPageTitle/DocPageTitle.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DocPageTitle/Users/3y3k0/doctools/docs-components/src/components/DocPageTitle/DocPageTitle.scss", "../../../../src/components/DocPageTitle/%3Cinput%20css%203ybV51%3E"],
+  "sourcesContent": [".dc-doc-page-title {\n    position: relative;\n\n    &__label {\n        position: absolute;\n        left: 0;\n        top: -11px;\n    }\n}\n", ".dc-doc-page-title {\n  position: relative;\n}\n.dc-doc-page-title__label {\n  position: absolute;\n  left: 0;\n  top: -11px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Eb2NQYWdlVGl0bGUiLCJzb3VyY2VzIjpbIkRvY1BhZ2VUaXRsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuZGMtZG9jLXBhZ2UtdGl0bGUge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICZfX2xhYmVsIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB0b3A6IC0xMXB4O1xuICAgIH1cbn1cbiJdfQ== */"],
+  "mappings": ";AAAA,CAAA;AACI,YAAA;ACCJ;ADCI,CAAA;AACI,YAAA;AACA,QAAA;AACA,OAAA;ACCR;",
+  "names": []
+}

package/build/esm/components/DocPageTitle/DocPageTitle.js

@@ -0,0 +1,19 @@
+// src/components/DocPageTitle/DocPageTitle.tsx
+import React from "react";
+import block from "bem-cn-lite";
+import { StageLabel } from "../StageLabel";
+import "./DocPageTitle.css";
+var b = block("dc-doc-page-title");
+var DocPageTitle = ({
+  children,
+  stage,
+  className
+}) => {
+  const visibleStage = stage === "tech-preview" ? "preview" : stage;
+  const label = /* @__PURE__ */ React.createElement(StageLabel, { stage: visibleStage, className: b("label") });
+  return /* @__PURE__ */ React.createElement("h1", { className: b(null, className) }, label, children);
+};
+export {
+  DocPageTitle
+};
+//# sourceMappingURL=DocPageTitle.js.map

package/build/esm/components/DocPageTitle/DocPageTitle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DocPageTitle/DocPageTitle.tsx"],
+  "sourcesContent": ["import React, {PropsWithChildren} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {StageLabel, StageType} from '../StageLabel';\n\nimport './DocPageTitle.scss';\n\nconst b = block('dc-doc-page-title');\n\nexport interface DocPageTitleProps {\n    stage?: string;\n    className?: string;\n}\n\nexport const DocPageTitle: React.FC<PropsWithChildren<DocPageTitleProps>> = ({\n    children,\n    stage,\n    className,\n}) => {\n    const visibleStage = stage === 'tech-preview' ? 'preview' : (stage as StageType | undefined);\n    const label = <StageLabel stage={visibleStage} className={b('label')} />;\n\n    return (\n        <h1 className={b(null, className)}>\n            {label}\n            {children}\n        </h1>\n    );\n};\n"],
+  "mappings": ";AAAA,OAAO,WAAgC;AAEvC,OAAO,WAAW;AAElB,SAAQ,kBAA4B;AAEpC,OAAO;AAEP,IAAM,IAAI,MAAM,mBAAmB;AAO5B,IAAM,eAA+D,CAAC;AAAA,EACzE;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,eAAe,UAAU,iBAAiB,YAAa;AAC7D,QAAM,QAAQ,oCAAC,cAAW,OAAO,cAAc,WAAW,EAAE,OAAO,GAAG;AAEtE,SACI,oCAAC,QAAG,WAAW,EAAE,MAAM,SAAS,KAC3B,OACA,QACL;AAER;",
+  "names": []
+}

package/build/esm/components/DocPageTitle/index.js

@@ -0,0 +1,3 @@
+// src/components/DocPageTitle/index.ts
+export * from "./DocPageTitle";
+//# sourceMappingURL=index.js.map

package/build/esm/components/DocPageTitle/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DocPageTitle/index.ts"],
+  "sourcesContent": ["export * from './DocPageTitle';\n"],
+  "mappings": ";AAAA,cAAc;",
+  "names": []
+}

package/build/esm/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,25 @@
+// src/components/ErrorBoundary/ErrorBoundary.tsx
+import React from "react";
+import { isEqual } from "lodash";
+import { ErrorPage } from "../ErrorPage";
+var ErrorBoundary = class extends React.Component {
+  state = {};
+  componentDidUpdate(prevProps) {
+    if (this.state.error && !isEqual(this.props, prevProps)) {
+      this.setState({ error: void 0, errorInfo: void 0 });
+    }
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ error, errorInfo });
+  }
+  render() {
+    const { children } = this.props;
+    const { error } = this.state;
+    return error ? /* @__PURE__ */ React.createElement(ErrorPage, null) : children;
+  }
+};
+var ErrorBoundary_default = ErrorBoundary;
+export {
+  ErrorBoundary_default as default
+};
+//# sourceMappingURL=ErrorBoundary.js.map

package/build/esm/components/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],
+  "sourcesContent": ["import React, {PropsWithChildren} from 'react';\n\nimport {isEqual} from 'lodash';\n\nimport {ErrorPage} from '../ErrorPage';\n\ninterface ErrorBoundaryState {\n    error?: Error;\n    errorInfo?: unknown;\n}\n\nclass ErrorBoundary extends React.Component<PropsWithChildren<ErrorBoundaryState>> {\n    state: ErrorBoundaryState = {};\n\n    componentDidUpdate(prevProps: ErrorBoundaryState) {\n        if (this.state.error && !isEqual(this.props, prevProps)) {\n            this.setState({error: undefined, errorInfo: undefined});\n        }\n    }\n\n    componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n        this.setState({error, errorInfo});\n    }\n\n    render() {\n        const {children} = this.props;\n        const {error} = this.state;\n\n        return error ? <ErrorPage /> : children;\n    }\n}\n\nexport default ErrorBoundary;\n"],
+  "mappings": ";AAAA,OAAO,WAAgC;AAEvC,SAAQ,eAAc;AAEtB,SAAQ,iBAAgB;AAOxB,IAAM,gBAAN,cAA4B,MAAM,UAAiD;AAAA,EAC/E,QAA4B,CAAC;AAAA,EAE7B,mBAAmB,WAA+B;AAC9C,QAAI,KAAK,MAAM,SAAS,CAAC,QAAQ,KAAK,OAAO,SAAS,GAAG;AACrD,WAAK,SAAS,EAAC,OAAO,QAAW,WAAW,OAAS,CAAC;AAAA,IAC1D;AAAA,EACJ;AAAA,EAEA,kBAAkB,OAAc,WAA4B;AACxD,SAAK,SAAS,EAAC,OAAO,UAAS,CAAC;AAAA,EACpC;AAAA,EAEA,SAAS;AACL,UAAM,EAAC,SAAQ,IAAI,KAAK;AACxB,UAAM,EAAC,MAAK,IAAI,KAAK;AAErB,WAAO,QAAQ,oCAAC,eAAU,IAAK;AAAA,EACnC;AACJ;AAEA,IAAO,wBAAQ;",
+  "names": []
+}

package/build/esm/components/ErrorBoundary/index.js

@@ -0,0 +1,7 @@
+// src/components/ErrorBoundary/index.ts
+import { default as default2 } from "./ErrorBoundary";
+export * from "./ErrorBoundary";
+export {
+  default2 as ErrorBoundary
+};
+//# sourceMappingURL=index.js.map

package/build/esm/components/ErrorBoundary/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ErrorBoundary/index.ts"],
+  "sourcesContent": ["export {default as ErrorBoundary} from './ErrorBoundary';\nexport * from './ErrorBoundary';\n"],
+  "mappings": ";AAAA,SAAmB,WAAXA,gBAA+B;AACvC,cAAc;",
+  "names": ["default"]
+}