@diplodoc/client 3.10.1 → 3.10.3

package/build/components/App/useLangs.d.ts

@@ -1,6 +1,6 @@
 import type { AppProps } from './index';
 import type { Lang } from '@diplodoc/components';
-export declare function useLangs({ router, lang, langs }: AppProps): {
+export declare function useLangs({ lang, langs }: AppProps): {
     lang: "ar" | "he" | Lang | "ru" | "en" | "es" | "fr" | "cs";
     langs: ("ar" | "he" | Lang | "ru" | "en" | "es" | "fr" | "cs")[];
     onChangeLang: (newLang: `${Lang}` | Lang) => void;

package/build/server/app.js

@@ -497,7 +497,6 @@ var LINK_KEYS = (0,_to_consumable_array._)(new Set((0,_to_consumable_array._)(LI
 ;// CONCATENATED MODULE: ./src/utils.ts
 
 
-
 function isBrowser() {
     return typeof document !== 'undefined';
 }
@@ -592,8 +591,10 @@ function utils_setSetting(name, value) {
         sessionStorage.setItem(name, String(value));
     } catch (e) {}
 }
+function isDetailsTag(el) {
+    return (el === null || el === void 0 ? void 0 : el.tagName.toLowerCase()) === 'details';
+}
 function isHeaderTag(el) {
-    if (!el) return false;
     return [
         'H1',
         'H2',
@@ -603,48 +604,56 @@ function isHeaderTag(el) {
         'H6'
     ].indexOf(el.tagName) !== -1;
 }
-function isCutTag(el) {
-    if (!el) return false;
-    return el.matches('.yfm-cut');
-}
-function focusActiveTab(cutNode) {
-    cutNode.classList.toggle('open');
-    cutNode.setAttribute('open', 'true');
-    cutNode.classList.add('cut-highlight');
-    cutNode.scrollIntoView(true);
-    window.scrollBy(0, -100);
-    setTimeout(function() {
-        cutNode.classList.remove('cut-highlight');
-    }, 1000);
-}
 /**
  * Scrolls to the element.
  * If the element is a heading - simply scrolls to it, since needed offset is already in css.
  * If the element is of any other type - calculate the offset form the element position in heading and scroll to it.
  * @param {HTMLElement} el
  */ function scrollToElement(el) {
-    if (!el) return;
+    var offset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 200;
+    if (isInViewport(el)) {
+        return;
+    }
     if (isHeaderTag(el)) {
         // Header already includes the offset in css
         // That puts it where we want it when it's scrolled to
         el.scrollIntoView();
-    } else if (isCutTag(el)) {
-        focusActiveTab(el);
     } else {
-        // For elements other than headers calculate the offset
-        var _Array_from = (0,esm_sliced_to_array._)(Array.from(document.getElementsByClassName('Layout__header')), 1), header = _Array_from[0];
-        var _header_clientHeight;
-        var headerOffset = (_header_clientHeight = header === null || header === void 0 ? void 0 : header.clientHeight) !== null && _header_clientHeight !== void 0 ? _header_clientHeight : 0;
-        var anchorPosition = el.offsetTop;
-        window.scrollTo(0, anchorPosition - headerOffset);
+        var elementPosition = el.getBoundingClientRect().top;
+        var offsetPosition = elementPosition + window.scrollY - offset;
+        window.scrollTo({
+            top: offsetPosition
+        });
     }
 }
+function getLangPath(lang, href) {
+    var path = href.replace(/^https?:\/\/[^/]+/, '').replace(/^\/[a-z]{2}\//, '/');
+    return "".concat(lang).concat(path);
+}
+function isInViewport(el) {
+    var rect = el.getBoundingClientRect();
+    return rect.top >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight);
+}
 function scrollToHash() {
     var hash = window.location.hash.substring(1);
-    if (hash) {
-        var element = document.getElementById(hash);
-        scrollToElement(element);
+    if (!hash) {
+        return;
     }
+    var element = document.getElementById(hash);
+    if (!element) {
+        return;
+    }
+    var node = element === null || element === void 0 ? void 0 : element.parentElement;
+    while(node){
+        if (isDetailsTag(node)) {
+            node.open = true;
+        }
+        node = node.parentElement;
+    }
+    element.focus();
+    setTimeout(function() {
+        scrollToElement(element);
+    }, 10);
 }
 
 // EXTERNAL MODULE: ./src/interceptors/leading-page-links.js
@@ -1166,8 +1175,6 @@ var index_min = __webpack_require__(38553);
 var theme_useTheme = __webpack_require__(11946);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/tabs-extension/build/react/index.js
 var tabs_extension_build_react = __webpack_require__(34952);
-// EXTERNAL MODULE: ./node_modules/@diplodoc/cut-extension/build/react/index.js
-var cut_extension_build_react = __webpack_require__(20535);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/page-constructor-extension/build/react/index.js
 var page_constructor_extension_build_react = __webpack_require__(76638);
 ;// CONCATENATED MODULE: ./src/components/App/Runtime.tsx
@@ -1180,7 +1187,6 @@ var page_constructor_extension_build_react = __webpack_require__(76638);
 
 
 
-
 function Runtime() {
     var theme = (0,theme_useTheme/* .useTheme */.F)();
     return /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
@@ -1198,10 +1204,6 @@ function Runtime() {
                 saveTabsToLocalStorage: true,
                 saveTabsToQueryStateMode: "page"
             }),
-            /*#__PURE__*/ (0,jsx_runtime.jsx)(cut_extension_build_react/* .CutRuntime */.q, {
-                offset: 200,
-                behavior: "instant"
-            }),
             /*#__PURE__*/ (0,jsx_runtime.jsx)(page_constructor_extension_build_react/* .PageConstructorRuntime */.Hc, {})
         ]
     });
@@ -1211,12 +1213,10 @@ function Runtime() {
 
 
 function useLangs(param) {
-    var router = param.router, lang = param.lang, langs = param.langs;
+    var lang = param.lang, langs = param.langs;
     var onChangeLang = (0,react.useCallback)(function(newLang) {
-        window.location.replace((0,utils/* .getLangPath */.Wx)(router, newLang, window.location.href));
-    }, [
-        router
-    ]);
+        window.location.replace(getLangPath(newLang, window.location.href));
+    }, []);
     return (0,react.useMemo)(function() {
         return {
             lang: lang,
@@ -1567,29 +1567,6 @@ var render = function(props) {
             }
         })(Element.prototype);
     }
-    if (typeof document !== 'undefined') {
-        document.addEventListener('click', function(event) {
-            var href = event.target.href;
-            var locationOrigin = window.location.origin;
-            if (event.target.matches('.dc-doc-layout__center a') && href.startsWith(locationOrigin)) {
-                event.preventDefault();
-                var mainFileName = 'index';
-                var extention = '.html';
-                if (href.endsWith('/')) {
-                    window.location.href = "".concat(href).concat(mainFileName).concat(extention);
-                    return;
-                }
-                // https://../file-name, https://../file-name#fragment
-                var splitedHref = href.split('#');
-                if (splitedHref.length > 0 && !splitedHref[0].endsWith(extention)) {
-                    splitedHref[0] += extention;
-                    window.location.href = splitedHref.join('#');
-                    return;
-                }
-                window.location.href = href;
-            }
-        });
-    }
 })();