@diplodoc/components 0.0.0-rc-pdf-icon-custimization-24387828749

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

@@ -0,0 +1,527 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a, prop, b2[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a, prop, b2[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/components/DocPage/DocPage.tsx
+import React from "react";
+import { Link } from "@gravity-ui/icons";
+import block from "bem-cn-lite";
+import { createPortal } from "react-dom";
+import { InterfaceContext } from "../../contexts/InterfaceContext";
+import { DEFAULT_SETTINGS } from "../../constants";
+import { ControlSizes } from "../../models";
+import { callSafe, getRandomKey, getStateKey, isContributor } from "../../utils";
+import { BookmarkButton } from "../BookmarkButton";
+import { Breadcrumbs } from "../Breadcrumbs";
+import { ContentWrapper } from "../ContentWrapper";
+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 { ShareButton } from "../ShareButton";
+import { SubNavigation } from "../SubNavigation";
+import { SearchBar, withHighlightedSearchWords } from "../SearchBar";
+import { TocNavPanel } from "../TocNavPanel";
+import UpdatedAtDate from "../UpdatedAtDate/UpdatedAtDate";
+import { Notification } from "../Notification";
+import RenderBodyWithHooks from "./components/RenderBodyWithHooks/RenderBodyWithHooks";
+import "./DocPage.css";
+var b = block("dc-doc-page");
+var DocPage = class extends React.Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "state");
+    __publicField(this, "bodyRef", null);
+    __publicField(this, "bodyObserver", null);
+    __publicField(this, "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 = Array.from(yfmRoot.querySelectorAll("img"));
+          yfmImages.forEach((img) => {
+            img.addEventListener("load", onContentLoaded, false);
+          });
+        });
+      }, 0);
+    });
+    __publicField(this, "setBodyRef", (ref) => {
+      this.bodyRef = ref;
+    });
+    __publicField(this, "addLinksToOriginalArticle", () => {
+      const { singlePage, generatePathToVcs } = this.props;
+      if (!this.bodyRef || !singlePage) {
+        return;
+      }
+      const headers = Array.from(this.bodyRef.querySelectorAll("[data-original-article]"));
+      for (const header of headers) {
+        const anchors = Array.from(header.querySelectorAll(".yfm-anchor"));
+        for (const anchor of anchors) {
+          if (!anchor.classList.contains("yfm-original-link")) {
+            anchor.classList.add("yfm-anchor_hidden");
+          }
+        }
+        if (typeof generatePathToVcs === "function") {
+          header.classList.add(b("header-container"));
+        }
+      }
+    });
+    __publicField(this, "getIsVerticalView", () => {
+      const { fullScreen } = this.props;
+      return !this.showMiniToc || fullScreen;
+    });
+    __publicField(this, "renderSearchBar", () => {
+      const {
+        showSearchBar,
+        searchQuery,
+        searchCurrentIndex,
+        searchCountResults,
+        onClickPrevSearch,
+        onClickNextSearch,
+        onCloseSearchBar,
+        singlePage
+      } = this.props;
+      const { isHidden } = this.context;
+      const isTocHidden = isHidden("toc");
+      if (isTocHidden || !showSearchBar || singlePage) {
+        return null;
+      }
+      return /* @__PURE__ */ React.createElement("div", { className: b("search-bar") }, /* @__PURE__ */ React.createElement(
+        SearchBar,
+        {
+          searchCurrentIndex,
+          searchCountResults,
+          onClickPrevSearch,
+          onClickNextSearch,
+          onCloseSearchBar,
+          searchQuery
+        }
+      ));
+    });
+    this.state = {
+      loading: props.singlePage,
+      keyDOM: getRandomKey()
+    };
+  }
+  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,
+      headings,
+      lang,
+      langs,
+      theme,
+      title,
+      headerHeight,
+      wideFormat,
+      fullScreen,
+      singlePage,
+      tocTitleIcon,
+      hideTocHeader,
+      hideToc,
+      footer,
+      onChangeSinglePage,
+      pdfLink,
+      pdfIconConfig,
+      useMainTag,
+      onChangeLang,
+      onChangeTheme,
+      onMiniTocItemClick,
+      legacyToc,
+      notification,
+      notificationCb,
+      availableLangs = [],
+      beforeSubNavigationContent
+    } = this.props;
+    const hideBurger = typeof headerHeight !== "undefined" && headerHeight > 0;
+    const modes = {
+      "regular-page-width": !wideFormat,
+      "full-screen": fullScreen,
+      "single-page": singlePage
+    };
+    const mobileControlsData = {
+      controlSize: ControlSizes.L,
+      lang,
+      userSettings: {
+        langs,
+        availableLangs,
+        onChangeLang,
+        theme,
+        onChangeTheme
+      }
+    };
+    return /* @__PURE__ */ React.createElement(
+      DocLayout,
+      {
+        toc,
+        router,
+        headerHeight,
+        className: b(modes),
+        fullScreen,
+        tocTitleIcon,
+        wideFormat,
+        hideTocHeader,
+        hideToc,
+        loading: this.state.loading,
+        footer,
+        singlePage,
+        onChangeSinglePage,
+        pdfLink,
+        pdfIconConfig,
+        legacyToc
+      },
+      /* @__PURE__ */ React.createElement(DocLayout.Center, null, this.renderSearchBar(), /* @__PURE__ */ React.createElement(Notification, { notification, notificationCb }), this.renderBreadcrumbs(), this.renderControls(), /* @__PURE__ */ React.createElement("div", { className: b("main") }, /* @__PURE__ */ React.createElement(ContentWrapper, { className: b("content"), useMainTag }, this.renderTitle(), this.renderPageContributors(), this.showMiniToc && this.renderContentMiniToc(), this.renderBody(), this.renderFeedback()), this.renderTocNavPanel()), this.renderLoader(), this.renderSinglePageControls()),
+      /* @__PURE__ */ React.createElement(DocLayout.Right, null, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: b("aside"),
+          key: getStateKey(this.showMiniToc, wideFormat, singlePage)
+        },
+        beforeSubNavigationContent,
+        /* @__PURE__ */ React.createElement(
+          SubNavigation,
+          {
+            router,
+            toc,
+            tocTitleIcon,
+            keyDOM: this.state.keyDOM,
+            pageTitle: title,
+            headings,
+            mobileControlsData,
+            headerHeight,
+            hideMiniToc: !this.showMiniToc,
+            hideBurger,
+            hideTocHeader,
+            onMiniTocItemClick
+          }
+        )
+      ))
+    );
+  }
+  addBodyObserver() {
+    if (!this.bodyObserver) {
+      this.bodyObserver = new MutationObserver(this.handleBodyMutation);
+    }
+    if (this.bodyRef) {
+      this.bodyObserver.observe(this.bodyRef, {
+        childList: true,
+        subtree: true
+      });
+    }
+  }
+  renderLoader() {
+    const { renderLoader } = this.props;
+    const { loading } = this.state;
+    if (!renderLoader || !loading) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: b("loader-wrapper") }, renderLoader());
+  }
+  renderSinglePageControls() {
+    const { singlePage, convertPathToOriginalArticle, generatePathToVcs, vcsType } = this.props;
+    if (!this.bodyRef || !singlePage) {
+      return null;
+    }
+    const headers = Array.from(this.bodyRef.querySelectorAll("[data-original-article]"));
+    return headers.reduce((acc, header, index) => {
+      const href = callSafe(
+        convertPathToOriginalArticle,
+        header.getAttribute("data-original-article") || ""
+      );
+      if (href && header) {
+        const vcsHref = callSafe(generatePathToVcs, href);
+        acc.push(
+          createPortal(
+            /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("a", { className: "yfm-anchor yfm-original-link", href }, /* @__PURE__ */ React.createElement(Link, null)), vcsHref && /* @__PURE__ */ React.createElement(
+              EditControl,
+              {
+                vcsUrl: vcsHref,
+                vcsType,
+                view: "wide",
+                className: b("edit-button")
+              }
+            )),
+            header,
+            "key-" + index
+          )
+        );
+      }
+      return acc;
+    }, []);
+  }
+  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, isMobile, headerHeight } = this.props;
+    const withBookmarks = onChangeBookmarkPage;
+    const withShare = isMobile && Number(headerHeight) > 0 && !this.showMiniToc;
+    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
+      }
+    ), withShare && /* @__PURE__ */ React.createElement(ShareButton, { className: b("share-button"), title }));
+  }
+  renderPageContributors() {
+    var _a;
+    const { meta, hideContributors } = this.props;
+    if (hideContributors) {
+      return null;
+    }
+    const author = this.renderAuthor(!((_a = meta == null ? void 0 : meta.contributors) == null ? void 0 : _a.length));
+    const contributors = this.renderContributors();
+    const updatedAt = this.renderUpdatedAt(meta == null ? void 0 : meta.updatedAt);
+    return /* @__PURE__ */ React.createElement("div", { className: b("page-contributors") }, author, contributors, updatedAt);
+  }
+  renderUpdatedAt(updatedAt) {
+    if (!updatedAt) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(UpdatedAtDate, { updatedAt });
+  }
+  renderAuthor(onlyAuthor) {
+    const { meta } = this.props;
+    if (!isContributor(meta == null ? void 0 : meta.author)) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(
+      Contributors,
+      {
+        users: [meta.author],
+        onlyAuthor,
+        translationName: "authors",
+        isAuthor: true
+      }
+    );
+  }
+  renderContributors() {
+    const { meta } = this.props;
+    if (!(meta == null ? void 0 : 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, mdxArtifacts, textSize } = this.props;
+    if (!html) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(
+      RenderBodyWithHooks,
+      {
+        forwardRef: this.setBodyRef,
+        className: b("body", { "text-size": textSize }, "yfm"),
+        html,
+        mdxArtifacts
+      }
+    );
+  }
+  renderFeedback() {
+    const {
+      singlePage,
+      isLiked,
+      isDisliked,
+      onSendFeedback,
+      hideFeedback,
+      hideFeedbackControls
+    } = this.props;
+    const { isHidden } = this.context;
+    const isFeedbackHidden = isHidden("feedback");
+    if (hideFeedback || isFeedbackHidden || 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, onTocNavPanelClick } = this.props;
+    const { isHidden } = this.context;
+    const isTocHidden = isHidden("toc");
+    if (isTocHidden || !toc || singlePage) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(
+      TocNavPanel,
+      __spreadProps(__spreadValues({}, toc), {
+        onClick: onTocNavPanelClick,
+        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);
+  }
+  renderControls() {
+    const {
+      lang,
+      langs,
+      textSize,
+      theme,
+      wideFormat,
+      fullScreen,
+      singlePage,
+      vcsUrl,
+      vcsType,
+      onChangeLang,
+      onChangeFullScreen,
+      onChangeWideFormat,
+      onChangeShowMiniToc,
+      onChangeTheme,
+      onChangeTextSize,
+      onSendFeedback,
+      onSubscribe,
+      isLiked,
+      isDisliked,
+      hideControls,
+      hideEditControl,
+      hideFeedbackControls,
+      availableLangs = []
+    } = 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,
+        availableLangs
+      }
+    )));
+  }
+};
+__publicField(DocPage, "defaultProps", DEFAULT_SETTINGS);
+__publicField(DocPage, "contextType", InterfaceContext);
+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 type {ReactPortal} from 'react';\nimport type {\n    AvailableLangs,\n    DocPageData,\n    DocSettings,\n    FeedbackSendData,\n    Lang,\n    LangOptions,\n    Router,\n    SubscribeData,\n    TextSizes,\n    Theme,\n    VcsType,\n} from '../../models';\nimport type {InnerProps} from '../../utils';\nimport type {NotificationProps} from '../Notification';\n\nimport React from 'react';\nimport {Link} from '@gravity-ui/icons';\nimport block from 'bem-cn-lite';\nimport {createPortal} from 'react-dom';\n\nimport {InterfaceContext} from '../../contexts/InterfaceContext';\nimport {DEFAULT_SETTINGS} from '../../constants';\nimport {ControlSizes} from '../../models';\nimport {callSafe, getRandomKey, getStateKey, isContributor} from '../../utils';\nimport {BookmarkButton} from '../BookmarkButton';\nimport {Breadcrumbs} from '../Breadcrumbs';\nimport {ContentWrapper} from '../ContentWrapper';\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 {ShareButton} from '../ShareButton';\nimport {SubNavigation} from '../SubNavigation';\nimport {SearchBar, withHighlightedSearchWords} from '../SearchBar';\nimport {TocNavPanel} from '../TocNavPanel';\nimport UpdatedAtDate from '../UpdatedAtDate/UpdatedAtDate';\nimport {Notification} from '../Notification';\n\nimport RenderBodyWithHooks from './components/RenderBodyWithHooks/RenderBodyWithHooks';\nimport './DocPage.scss';\n\nconst b = block('dc-doc-page');\n\nexport interface DocPageProps extends DocPageData, DocSettings, NotificationProps {\n    lang: `${Lang}` | Lang;\n    langs?: (`${Lang}` | Lang)[];\n    router: Router;\n    headerHeight?: number;\n    tocTitleIcon?: React.ReactNode;\n    hideToc?: boolean;\n    legacyToc?: boolean;\n\n    showSearchBar?: boolean;\n    searchQuery?: string;\n    onClickPrevSearch?: () => void;\n    onClickNextSearch?: () => void;\n    onCloseSearchBar?: () => void;\n    onTocNavPanelClick?: (at: 'prev' | 'next') => void;\n    searchCurrentIndex?: number;\n    searchCountResults?: number;\n\n    hideTocHeader?: boolean;\n    hideFeedback?: 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}` | Lang, options?: LangOptions) => 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    pdfIconConfig?: {position?: string; size?: 'S' | 'M' | 'L'; icon?: string};\n    onMiniTocItemClick?: (event: MouseEvent) => void;\n    useMainTag?: boolean;\n    isMobile?: boolean;\n    viewerInterface?: Record<string, boolean>;\n    availableLangs?: AvailableLangs;\n    beforeSubNavigationContent?: React.ReactNode;\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    static contextType = InterfaceContext;\n    declare context: React.ContextType<typeof InterfaceContext>;\n\n    state: DocPageState;\n    bodyRef: HTMLDivElement | null = null;\n    bodyObserver: MutationObserver | null = null;\n\n    constructor(props: DocPageInnerProps) {\n        super(props);\n\n        this.state = {\n            loading: props.singlePage,\n            keyDOM: getRandomKey(),\n        };\n    }\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            headings,\n            lang,\n            langs,\n            theme,\n            title,\n            headerHeight,\n            wideFormat,\n            fullScreen,\n            singlePage,\n            tocTitleIcon,\n            hideTocHeader,\n            hideToc,\n            footer,\n            onChangeSinglePage,\n            pdfLink,\n            pdfIconConfig,\n            useMainTag,\n            onChangeLang,\n            onChangeTheme,\n            onMiniTocItemClick,\n            legacyToc,\n            notification,\n            notificationCb,\n            availableLangs = [],\n            beforeSubNavigationContent,\n        } = this.props;\n\n        const hideBurger = typeof headerHeight !== 'undefined' && headerHeight > 0;\n\n        const modes = {\n            'regular-page-width': !wideFormat,\n            'full-screen': fullScreen,\n            'single-page': singlePage,\n        };\n\n        const mobileControlsData = {\n            controlSize: ControlSizes.L,\n            lang,\n            userSettings: {\n                langs,\n                availableLangs,\n                onChangeLang,\n                theme,\n                onChangeTheme,\n            },\n        };\n\n        return (\n            <DocLayout\n                toc={toc}\n                router={router}\n                headerHeight={headerHeight}\n                className={b(modes)}\n                fullScreen={fullScreen}\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                pdfIconConfig={pdfIconConfig}\n                legacyToc={legacyToc}\n            >\n                <DocLayout.Center>\n                    {this.renderSearchBar()}\n                    <Notification notification={notification} notificationCb={notificationCb} />\n                    {this.renderBreadcrumbs()}\n                    {this.renderControls()}\n                    <div className={b('main')}>\n                        <ContentWrapper className={b('content')} useMainTag={useMainTag}>\n                            {this.renderTitle()}\n                            {this.renderPageContributors()}\n                            {this.showMiniToc && this.renderContentMiniToc()}\n                            {this.renderBody()}\n                            {this.renderFeedback()}\n                        </ContentWrapper>\n                        {this.renderTocNavPanel()}\n                    </div>\n                    {this.renderLoader()}\n                    {this.renderSinglePageControls()}\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                        {beforeSubNavigationContent}\n                        <SubNavigation\n                            router={router}\n                            toc={toc}\n                            tocTitleIcon={tocTitleIcon}\n                            keyDOM={this.state.keyDOM}\n                            pageTitle={title}\n                            headings={headings}\n                            mobileControlsData={mobileControlsData}\n                            headerHeight={headerHeight}\n                            hideMiniToc={!this.showMiniToc}\n                            hideBurger={hideBurger}\n                            hideTocHeader={hideTocHeader}\n                            onMiniTocItemClick={\n                                onMiniTocItemClick as unknown as (event: React.MouseEvent) => void\n                            }\n                        />\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 = Array.from(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 renderSinglePageControls() {\n        const {singlePage, convertPathToOriginalArticle, generatePathToVcs, vcsType} = this.props;\n\n        if (!this.bodyRef || !singlePage) {\n            return null;\n        }\n\n        const headers = Array.from(this.bodyRef.querySelectorAll('[data-original-article]'));\n\n        return headers.reduce((acc, header, index) => {\n            const href = callSafe(\n                convertPathToOriginalArticle,\n                header.getAttribute('data-original-article') || '',\n            );\n\n            if (href && header) {\n                const vcsHref = callSafe(generatePathToVcs, href);\n\n                acc.push(\n                    createPortal(\n                        <>\n                            <a className=\"yfm-anchor yfm-original-link\" href={href}>\n                                <Link />\n                            </a>\n                            {vcsHref && (\n                                <EditControl\n                                    vcsUrl={vcsHref}\n                                    vcsType={vcsType}\n                                    view={'wide'}\n                                    className={b('edit-button')}\n                                />\n                            )}\n                        </>,\n                        header,\n                        'key-' + index,\n                    ),\n                );\n            }\n\n            return acc;\n        }, [] as ReactPortal[]);\n    }\n\n    private addLinksToOriginalArticle = () => {\n        const {singlePage, generatePathToVcs} = this.props;\n\n        if (!this.bodyRef || !singlePage) {\n            return;\n        }\n\n        const headers = Array.from(this.bodyRef.querySelectorAll('[data-original-article]'));\n\n        for (const header of headers) {\n            /* Hide anchors */\n            const anchors = Array.from(header.querySelectorAll('.yfm-anchor'));\n            for (const anchor of anchors) {\n                if (!anchor.classList.contains('yfm-original-link')) {\n                    anchor.classList.add('yfm-anchor_hidden');\n                }\n            }\n\n            /* Create the link to the vcs */\n            if (typeof generatePathToVcs === 'function') {\n                header.classList.add(b('header-container'));\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, isMobile, headerHeight} =\n            this.props;\n        const withBookmarks = onChangeBookmarkPage;\n        const withShare = isMobile && Number(headerHeight) > 0 && !this.showMiniToc;\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                {withShare && <ShareButton className={b('share-button')} title={title} />}\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        const updatedAt = this.renderUpdatedAt(meta?.updatedAt);\n\n        return (\n            <div className={b('page-contributors')}>\n                {author}\n                {contributors}\n                {updatedAt}\n            </div>\n        );\n    }\n\n    private renderUpdatedAt(updatedAt?: string) {\n        if (!updatedAt) {\n            return null;\n        }\n\n        return <UpdatedAtDate updatedAt={updatedAt} />;\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, mdxArtifacts, textSize} = this.props;\n\n        if (!html) {\n            return null;\n        }\n\n        return (\n            <RenderBodyWithHooks\n                forwardRef={this.setBodyRef}\n                className={b('body', {'text-size': textSize}, 'yfm')}\n                html={html}\n                mdxArtifacts={mdxArtifacts}\n            />\n        );\n    }\n\n    private renderFeedback() {\n        const {\n            singlePage,\n            isLiked,\n            isDisliked,\n            onSendFeedback,\n            hideFeedback,\n            hideFeedbackControls,\n        } = this.props;\n        const {isHidden} = this.context;\n        const isFeedbackHidden = isHidden('feedback');\n\n        if (\n            hideFeedback ||\n            isFeedbackHidden ||\n            singlePage ||\n            hideFeedbackControls ||\n            !onSendFeedback\n        ) {\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, onTocNavPanelClick} = this.props;\n        const {isHidden} = this.context;\n        const isTocHidden = isHidden('toc');\n\n        if (isTocHidden || !toc || singlePage) {\n            return null;\n        }\n\n        return (\n            <TocNavPanel\n                {...toc}\n                onClick={onTocNavPanelClick}\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        const {isHidden} = this.context;\n        const isTocHidden = isHidden('toc');\n\n        if (isTocHidden || !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            availableLangs = [],\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 VcsType}\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                        availableLangs={availableLangs}\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/__tests__/DocPage.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/build/esm/components/DocPage/components/RenderBody/RenderBody.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+export type MdxArtifacts = Record<string, unknown>;
+export interface RenderBodyProps {
+    html: string;
+    forwardRef: (el: HTMLDivElement) => void;
+    className: string;
+    mdxArtifacts?: MdxArtifacts;
+}
+declare const RenderBody: FC<RenderBodyProps>;
+export default RenderBody;

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

@@ -0,0 +1,11 @@
+// src/components/DocPage/components/RenderBody/RenderBody.tsx
+import React, { useMemo } from "react";
+var RenderBody = ({ html, forwardRef, className = "" }) => {
+  const htmlProps = useMemo(() => ({ __html: html }), [html]);
+  return /* @__PURE__ */ React.createElement("div", { ref: forwardRef, className, dangerouslySetInnerHTML: htmlProps });
+};
+var RenderBody_default = RenderBody;
+export {
+  RenderBody_default as default
+};
+//# sourceMappingURL=RenderBody.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/DocPage/components/RenderBody/RenderBody.tsx"],
+  "sourcesContent": ["import type {FC} from 'react';\n\nimport React, {useMemo} from 'react';\n\nexport type MdxArtifacts = Record<string, unknown>;\n\nexport interface RenderBodyProps {\n    html: string;\n    forwardRef: (el: HTMLDivElement) => void;\n    className: string;\n    mdxArtifacts?: MdxArtifacts;\n}\n\nconst RenderBody: FC<RenderBodyProps> = ({html, forwardRef, className = ''}) => {\n    const htmlProps = useMemo(() => ({__html: html}), [html]);\n\n    return <div ref={forwardRef} className={className} dangerouslySetInnerHTML={htmlProps} />;\n};\n\nexport default RenderBody;\n"],
+  "mappings": ";AAEA,OAAO,SAAQ,eAAc;AAW7B,IAAM,aAAkC,CAAC,EAAC,MAAM,YAAY,YAAY,GAAE,MAAM;AAC5E,QAAM,YAAY,QAAQ,OAAO,EAAC,QAAQ,KAAI,IAAI,CAAC,IAAI,CAAC;AAExD,SAAO,oCAAC,SAAI,KAAK,YAAY,WAAsB,yBAAyB,WAAW;AAC3F;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/build/esm/components/DocPage/components/RenderBodyWithHooks/RenderBodyWithHooks.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { RenderBodyProps } from '../RenderBody/RenderBody';
+declare const RenderBodyWithHooks: FC<RenderBodyProps>;
+export default RenderBodyWithHooks;

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

@@ -0,0 +1,14 @@
+// src/components/DocPage/components/RenderBodyWithHooks/RenderBodyWithHooks.tsx
+import React, { useContext, useMemo } from "react";
+import RenderBody from "../RenderBody/RenderBody";
+import { RenderBodyHooksContext } from "../../../../contexts/RenderBodyHooksContext";
+var RenderBodyWithHooks = (props) => {
+  const hooks = useContext(RenderBodyHooksContext);
+  const Component = useMemo(() => hooks.reduce((C, hook) => hook(C), RenderBody), [hooks]);
+  return React.createElement(Component, props);
+};
+var RenderBodyWithHooks_default = RenderBodyWithHooks;
+export {
+  RenderBodyWithHooks_default as default
+};
+//# sourceMappingURL=RenderBodyWithHooks.js.map