@diplodoc/components 4.9.2 → 4.10.0

package/build/esm/components/SubNavigation/SubNavigation.js

@@ -1,156 +0,0 @@
-// src/components/SubNavigation/SubNavigation.tsx
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { ArrowShapeTurnUpRight, SquareListUl } from "@gravity-ui/icons";
-import { Button } from "@gravity-ui/uikit";
-import block from "bem-cn-lite";
-import "./SubNavigation.css";
-var b = block("dc-subnavigation");
-var useVisibility = (miniTocOpened, closeMiniToc) => {
-  const [visibility, setVisibility] = useState(true);
-  const [hiddingTimeout, setHiddingTimeout] = useState(void 0);
-  const [lastScrollY, setLastScrollY] = useState(
-    typeof window === "undefined" ? null : window.screenY
-  );
-  const clickOutsideMiniToc = useCallback(
-    (event) => {
-      const isOutside = !event.composedPath().slice(0, -2).some((item) => {
-        var _a;
-        const el = item;
-        const classes = (_a = el.classList) != null ? _a : [];
-        return classes == null ? void 0 : classes.contains("dc-doc-layout__right");
-      });
-      if (isOutside) {
-        closeMiniToc();
-      }
-    },
-    [closeMiniToc]
-  );
-  const controlVisibility = useCallback(() => {
-    if (typeof window === "undefined") {
-      return;
-    }
-    if (miniTocOpened) {
-      setVisibility(true);
-      return;
-    }
-    if (lastScrollY && lastScrollY === 0) {
-      setVisibility(true);
-    }
-    if (lastScrollY && window.scrollY > lastScrollY) {
-      if (hiddingTimeout) {
-        return;
-      }
-      setVisibility(false);
-      setHiddingTimeout(
-        window.setTimeout(() => {
-          window.clearTimeout(hiddingTimeout);
-          setHiddingTimeout(void 0);
-        }, 300)
-      );
-    } else if (lastScrollY && window.scrollY < lastScrollY) {
-      setVisibility(true);
-    }
-    setLastScrollY(window.scrollY);
-  }, [
-    miniTocOpened,
-    lastScrollY,
-    hiddingTimeout,
-    setLastScrollY,
-    setVisibility,
-    setHiddingTimeout
-  ]);
-  useEffect(() => {
-    if (typeof window === "undefined") {
-      return;
-    }
-    if (window.scrollY === 0) {
-      return;
-    }
-    setHiddingTimeout(
-      window.setTimeout(() => {
-        setLastScrollY(window.scrollY);
-        setHiddingTimeout(void 0);
-      }, 100)
-    );
-  }, []);
-  useEffect(() => {
-    if (typeof window === "undefined") {
-      return () => {
-      };
-    }
-    window.addEventListener("scroll", controlVisibility);
-    return () => {
-      window.removeEventListener("scroll", controlVisibility);
-    };
-  }, [controlVisibility]);
-  useEffect(() => {
-    document.addEventListener("click", clickOutsideMiniToc, true);
-    return () => {
-      document.removeEventListener("click", clickOutsideMiniToc, true);
-    };
-  }, [clickOutsideMiniToc]);
-  return visibility;
-};
-var useShareHandler = (title) => {
-  const shareData = useMemo(() => {
-    return {
-      title,
-      url: typeof window === "undefined" ? void 0 : window.location.href
-    };
-  }, [title]);
-  const shareHandler = useCallback(() => {
-    if (navigator && navigator.share) {
-      navigator.share(shareData).then(() => {
-      }).catch((error) => console.error("Error sharing", error));
-    } else {
-      console.log("Share not supported", shareData);
-    }
-  }, [shareData]);
-  return shareHandler;
-};
-var SubNavigation = ({
-  title,
-  hideMiniToc,
-  miniTocOpened,
-  toggleMiniTocOpen,
-  closeMiniToc
-}) => {
-  const visibility = useVisibility(miniTocOpened, closeMiniToc);
-  const shareHandler = useShareHandler(title);
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: b({
-        hidden: !visibility,
-        visible: visibility,
-        invisible: hideMiniToc
-      })
-    },
-    /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        className: b("left", { hidden: hideMiniToc }),
-        type: "button",
-        onClick: toggleMiniTocOpen
-      },
-      /* @__PURE__ */ React.createElement("div", { className: b("icon") }, /* @__PURE__ */ React.createElement(SquareListUl, { width: 20, height: 20 })),
-      /* @__PURE__ */ React.createElement("span", { className: b("title") }, title && title.length > 30 ? title.substring(0, 30).trim().concat("...") : title != null ? title : "")
-    ),
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        className: b("button"),
-        size: "xl",
-        view: hideMiniToc ? "raised" : "flat",
-        onClick: shareHandler
-      },
-      /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(ArrowShapeTurnUpRight, { width: 20, height: 20 }))
-    )
-  );
-};
-var SubNavigation_default = SubNavigation;
-export {
-  SubNavigation,
-  SubNavigation_default as default
-};
-//# sourceMappingURL=SubNavigation.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/SubNavigation/SubNavigation.tsx"],
-  "sourcesContent": ["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {ArrowShapeTurnUpRight, SquareListUl} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './SubNavigation.scss';\n\nconst b = block('dc-subnavigation');\n\nexport type ShareData = {\n    title: string | undefined;\n    url?: string;\n};\n\nconst useVisibility = (miniTocOpened: boolean, closeMiniToc: () => void) => {\n    const [visibility, setVisibility] = useState(true);\n    const [hiddingTimeout, setHiddingTimeout] = useState<number | undefined>(undefined);\n    const [lastScrollY, setLastScrollY] = useState(\n        typeof window === 'undefined' ? null : window.screenY,\n    );\n\n    const clickOutsideMiniToc = useCallback(\n        (event: MouseEvent) => {\n            /*\n             * func \"composedPath\" returns an array in which the last two elements are \"HTML\" and \"#document\",\n             * which do not have the classList property, so they are subtracted before checking by slice()\n             */\n            const isOutside = !event\n                .composedPath()\n                .slice(0, -2)\n                .some((item) => {\n                    const el = item as HTMLElement;\n                    const classes = el.classList ?? [];\n\n                    return classes?.contains('dc-doc-layout__right');\n                });\n\n            if (isOutside) {\n                closeMiniToc();\n            }\n        },\n        [closeMiniToc],\n    );\n\n    const controlVisibility = useCallback(() => {\n        if (typeof window === 'undefined') {\n            return;\n        }\n\n        if (miniTocOpened) {\n            setVisibility(true);\n            return;\n        }\n\n        if (lastScrollY && lastScrollY === 0) {\n            setVisibility(true);\n        }\n\n        if (lastScrollY && window.scrollY > lastScrollY) {\n            if (hiddingTimeout) {\n                return;\n            }\n\n            setVisibility(false);\n\n            setHiddingTimeout(\n                window.setTimeout(() => {\n                    window.clearTimeout(hiddingTimeout);\n                    setHiddingTimeout(undefined);\n                }, 300),\n            );\n        } else if (lastScrollY && window.scrollY < lastScrollY) {\n            setVisibility(true);\n        }\n\n        setLastScrollY(window.scrollY);\n    }, [\n        miniTocOpened,\n        lastScrollY,\n        hiddingTimeout,\n        setLastScrollY,\n        setVisibility,\n        setHiddingTimeout,\n    ]);\n\n    useEffect(() => {\n        if (typeof window === 'undefined') {\n            return;\n        }\n\n        if (window.scrollY === 0) {\n            return;\n        }\n\n        setHiddingTimeout(\n            window.setTimeout(() => {\n                setLastScrollY(window.scrollY);\n                setHiddingTimeout(undefined);\n            }, 100),\n        );\n    }, []);\n\n    useEffect(() => {\n        if (typeof window === 'undefined') {\n            return () => {};\n        }\n\n        window.addEventListener('scroll', controlVisibility);\n\n        return () => {\n            window.removeEventListener('scroll', controlVisibility);\n        };\n    }, [controlVisibility]);\n\n    useEffect(() => {\n        document.addEventListener('click', clickOutsideMiniToc, true);\n\n        return () => {\n            document.removeEventListener('click', clickOutsideMiniToc, true);\n        };\n    }, [clickOutsideMiniToc]);\n\n    return visibility;\n};\n\nconst useShareHandler = (title: string | undefined) => {\n    const shareData = useMemo(() => {\n        return {\n            title,\n            url: typeof window === 'undefined' ? undefined : window.location.href,\n        };\n    }, [title]);\n\n    const shareHandler = useCallback(() => {\n        if (navigator && navigator.share) {\n            navigator\n                .share(shareData)\n                .then(() => {})\n                .catch((error) => console.error('Error sharing', error));\n        } else {\n            console.log('Share not supported', shareData);\n        }\n    }, [shareData]);\n\n    return shareHandler;\n};\n\nexport interface SubNavigationProps {\n    title: string | undefined;\n    hideMiniToc: boolean;\n    miniTocOpened: boolean;\n    toggleMiniTocOpen: () => void;\n    closeMiniToc: () => void;\n}\n\nexport const SubNavigation = ({\n    title,\n    hideMiniToc,\n    miniTocOpened,\n    toggleMiniTocOpen,\n    closeMiniToc,\n}: SubNavigationProps) => {\n    const visibility = useVisibility(miniTocOpened, closeMiniToc);\n    const shareHandler = useShareHandler(title);\n\n    return (\n        <div\n            className={b({\n                hidden: !visibility,\n                visible: visibility,\n                invisible: hideMiniToc,\n            })}\n        >\n            <button\n                className={b('left', {hidden: hideMiniToc})}\n                type=\"button\"\n                onClick={toggleMiniTocOpen}\n            >\n                <div className={b('icon')}>\n                    <SquareListUl width={20} height={20} />\n                </div>\n                <span className={b('title')}>\n                    {title && title.length > 30\n                        ? title.substring(0, 30).trim().concat('...')\n                        : title ?? ''}\n                </span>\n            </button>\n            <Button\n                className={b('button')}\n                size=\"xl\"\n                view={hideMiniToc ? 'raised' : 'flat'}\n                onClick={shareHandler}\n            >\n                <Button.Icon>\n                    <ArrowShapeTurnUpRight width={20} height={20} />\n                </Button.Icon>\n            </Button>\n        </div>\n    );\n};\n\nexport default SubNavigation;\n"],
-  "mappings": "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",
-  "names": []
-}

package/build/esm/components/SubNavigation/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SubNavigation';
-export { default as SubNavigation } from './SubNavigation';

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

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

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

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