@diplodoc/client 3.11.0 → 4.0.0

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

@@ -1,14 +1,8 @@
-import type { PropsWithChildren } from 'react';
-import type { AppProps, PageData, WithNavigation } from './index';
+import type { AppProps, PageData } from './index';
 import type { Settings } from '../../utils';
 import type { DocBasePageData } from '@diplodoc/components';
 import type { Props as HeaderControlsProps } from '../HeaderControls';
 import React from 'react';
-type Props = PropsWithChildren<Partial<AppProps> & {
-    data: PageData;
-    headerHeight: number;
-}>;
-export declare function Page({ data, ...pageProps }: Props): React.JSX.Element;
 type PageProps<T extends {} = {}> = {
     data: DocBasePageData<T> & PageData;
     props: {
@@ -16,6 +10,5 @@ type PageProps<T extends {} = {}> = {
     } & Settings;
     controls: HeaderControlsProps;
 };
-export declare function LegacyNavPage({ data, props, controls }: PageProps): React.JSX.Element;
-export declare function RichNavPage({ data, props, controls }: PageProps<WithNavigation>): React.JSX.Element;
+export declare function Page({ data, props, controls }: PageProps): React.JSX.Element;
 export {};

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

@@ -22,7 +22,7 @@ export interface AppProps {
     viewerInterface?: Record<string, boolean>;
 }
 export type WithNavigation = {
-    navigation: NavigationData;
+    navigation?: NavigationData;
 };
 export type DocContentPageData = DocContentPageDataBase<PageContent>;
 export type PageData = DocPageData | DocLeadingPageData | DocContentPageData;

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

@@ -0,0 +1,3 @@
+import type { PageData } from './index';
+import { type Lang } from '@diplodoc/components';
+export declare function useAvailableLangs(data: PageData, langs: (`${Lang}` | Lang)[]): Lang[];

package/build/components/ConstructorPage/useNavigation.d.ts

@@ -16,6 +16,8 @@ export declare const useNavigation: (data: DocBasePageData<WithNavigation>, cont
         renderNavigation: () => React.JSX.Element;
         logo: {
             icon: import("@gravity-ui/page-constructor").ImageProps;
+        } | {
+            icon: import("@gravity-ui/page-constructor").ImageProps;
             text?: string;
             url?: string;
             urlTitle?: string;
@@ -28,6 +30,6 @@ export declare const useNavigation: (data: DocBasePageData<WithNavigation>, cont
             alt?: string;
             light: import("@gravity-ui/page-constructor").NavigationLogoData;
         };
-    };
+    } | undefined;
     withControls: boolean;
 };

package/build/components/HeaderControls/index.d.ts

@@ -1,4 +1,4 @@
-import type { Lang, TextSizes, Theme } from '@diplodoc/components';
+import type { AvailableLangs, Lang, TextSizes, Theme } from '@diplodoc/components';
 import React from 'react';
 type OnChangeCallback = (value: any) => void;
 export type Props = {
@@ -14,6 +14,7 @@ export type Props = {
     lang: Lang | `${Lang}`;
     langs: (Lang | `${Lang}`)[];
     onChangeLang?: (lang: `${Lang}` | Lang) => void;
+    availableLangs?: AvailableLangs;
 };
 export declare const HeaderControls: React.NamedExoticComponent<Props>;
 export {};

package/build/server/app.js

@@ -1,6 +1,6 @@
 (() => { // webpackBootstrap
 var __webpack_modules__ = ({
-13543: (function (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+85978: (function (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
@@ -787,8 +787,6 @@ function useSearch() {
 
 // EXTERNAL MODULE: ./src/interceptors/leading-page-links.js
 var leading_page_links = __webpack_require__(90101);
-// EXTERNAL MODULE: ./node_modules/@swc/helpers/esm/_object_without_properties.js + 1 modules
-var _object_without_properties = __webpack_require__(98848);
 // EXTERNAL MODULE: ./node_modules/@gravity-ui/page-constructor/build/esm/containers/PageConstructor/Provider.js
 var Provider = __webpack_require__(77725);
 // EXTERNAL MODULE: ./node_modules/@gravity-ui/page-constructor/build/esm/containers/PageConstructor/PageConstructor.js + 18 modules
@@ -1023,7 +1021,7 @@ var Controls = __webpack_require__(80208);
 
 
 var HeaderControls = /*#__PURE__*/ (0,react.memo)(function(param) {
-    var mobileView = param.mobileView, theme = param.theme, onChangeTheme = param.onChangeTheme, textSize = param.textSize, onChangeTextSize = param.onChangeTextSize, wideFormat = param.wideFormat, onChangeWideFormat = param.onChangeWideFormat, showMiniToc = param.showMiniToc, onChangeShowMiniToc = param.onChangeShowMiniToc, lang = param.lang, langs = param.langs, onChangeLang = param.onChangeLang;
+    var mobileView = param.mobileView, theme = param.theme, onChangeTheme = param.onChangeTheme, textSize = param.textSize, onChangeTextSize = param.onChangeTextSize, wideFormat = param.wideFormat, onChangeWideFormat = param.onChangeWideFormat, showMiniToc = param.showMiniToc, onChangeShowMiniToc = param.onChangeShowMiniToc, lang = param.lang, langs = param.langs, onChangeLang = param.onChangeLang, _param_availableLangs = param.availableLangs, availableLangs = _param_availableLangs === void 0 ? [] : _param_availableLangs;
     return /*#__PURE__*/ (0,jsx_runtime.jsx)(ControlsLayout/* .ControlsLayout */.C, {
         controlClassName: 'Control',
         controlSize: models/* .ControlSizes.L */.$D.L,
@@ -1041,7 +1039,8 @@ var HeaderControls = /*#__PURE__*/ (0,react.memo)(function(param) {
             onChangeTextSize: onChangeTextSize,
             lang: lang,
             langs: langs,
-            onChangeLang: onChangeLang
+            onChangeLang: onChangeLang,
+            availableLangs: availableLangs
         })
     });
 });
@@ -1066,11 +1065,15 @@ function findItem(right, left, type) {
         return item.type === type;
     });
 }
+var EmptyNavigation = {};
+var EmptyHeader = {};
+var EmptyLeftItems = [];
+var EmptyRightItems = [];
 var useNavigation = function(data, controls, CustomControls, CustomSuggest, viewerInterface) {
     var toc = data.toc;
-    var navigation = toc.navigation;
-    var _navigation_header = navigation.header, header = _navigation_header === void 0 ? {} : _navigation_header, logo = navigation.logo;
-    var _header_leftItems = header.leftItems, leftItems = _header_leftItems === void 0 ? [] : _header_leftItems, _header_rightItems = header.rightItems, rightItems = _header_rightItems === void 0 ? [] : _header_rightItems;
+    var navigation = toc.navigation || EmptyNavigation;
+    var _navigation_header = navigation.header, header = _navigation_header === void 0 ? EmptyHeader : _navigation_header, logo = navigation.logo;
+    var _header_leftItems = header.leftItems, leftItems = _header_leftItems === void 0 ? EmptyLeftItems : _header_leftItems, _header_rightItems = header.rightItems, rightItems = _header_rightItems === void 0 ? EmptyRightItems : _header_rightItems;
     var withControls = findItem(rightItems, leftItems, 'controls');
     var withSearch = findItem(rightItems, leftItems, 'search');
     var search = useSearch();
@@ -1117,7 +1120,7 @@ var useNavigation = function(data, controls, CustomControls, CustomSuggest, view
     ]);
     var layout = (0,react.useMemo)(function() {
         var _logo_icon;
-        return {
+        return EmptyNavigation === navigation ? undefined : {
             header: {
                 leftItems: []
             },
@@ -1140,7 +1143,8 @@ var useNavigation = function(data, controls, CustomControls, CustomSuggest, view
         navigationData,
         navigationTocData,
         mobileControlsData,
-        logo
+        logo,
+        navigation
     ]);
     var config = (0,react.useMemo)(function() {
         return {
@@ -1174,58 +1178,11 @@ var useNavigation = function(data, controls, CustomControls, CustomSuggest, view
 
 
 
-
-function App_Page_Page(_param) {
-    var data = _param.data, pageProps = (0,_object_without_properties._)(_param, [
-        "data"
-    ]);
-    var type = (0,utils/* .getPageType */.C2)(data);
-    var Page = (0,utils/* .getPageByType */.N7)(type);
-    return /*#__PURE__*/ (0,jsx_runtime.jsx)(Layout, {
-        headerHeight: pageProps.headerHeight,
-        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(Layout.Content, {
-            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(Page, (0,_object_spread._)({}, data, pageProps))
-        })
-    });
-}
-function LegacyNavPage(param) {
-    var data = param.data, props = param.props, controls = param.controls;
-    var theme = props.theme;
-    var CustomPage = (0,react.useCallback)(function() {
-        return /*#__PURE__*/ (0,jsx_runtime.jsx)(ConstructorPage, (0,_object_spread._)({}, data.data));
-    }, [
-        data
-    ]);
-    var content = useContent(data, CustomPage);
-    var custom = (0,react.useMemo)(function() {
-        return {
-            blocks: content.custom
-        };
-    }, [
-        content
-    ]);
-    return /*#__PURE__*/ (0,jsx_runtime.jsx)(App_Page_Page, (0,_object_spread_props._)((0,_object_spread._)({
-        data: data,
-        headerHeight: 0
-    }, props, controls), {
-        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(Provider/* .PageConstructorProvider */.W, {
-            theme: theme,
-            projectSettings: {
-                disableCompress: true
-            },
-            ssrConfig: {
-                isServer: Boolean(false)
-            },
-            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(PageConstructor/* .PageConstructor */.C, {
-                custom: custom,
-                content: content.layout
-            })
-        })
-    }));
-}
-function RichNavPage(param) {
+function App_Page_Page(param) {
     var data = param.data, props = param.props, controls = param.controls;
     var theme = props.theme, fullScreen = props.fullScreen;
+    var type = (0,utils/* .getPageType */.C2)(data);
+    var Page = (0,utils/* .getPageByType */.N7)(type);
     var CustomSuggest = (0,react.useCallback)(function() {
         return /*#__PURE__*/ (0,jsx_runtime.jsx)(Suggest, {});
     }, []);
@@ -1236,29 +1193,32 @@ function RichNavPage(param) {
     ]);
     var navigation = useNavigation(data, controls, CustomControls, CustomSuggest);
     var CustomPage = (0,react.useCallback)(function() {
-        return /*#__PURE__*/ (0,jsx_runtime.jsx)(App_Page_Page, (0,_object_spread_props._)((0,_object_spread._)({
-            data: data,
-            headerHeight: fullScreen ? 0 : 64
-        }, props, navigation.withControls ? filterControls(controls, [
-            'theme',
-            'onChangeTheme',
-            'textSize',
-            'onChangeTextSize',
-            'wideFormat',
-            'onChangeWideFormat',
-            'showMiniToc',
-            'onChangeShowMiniToc',
-            'langs',
-            'onChangeLang'
-        ]) : controls), {
-            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ConstructorPage, (0,_object_spread._)({}, data.data))
-        }));
+        return /*#__PURE__*/ (0,jsx_runtime.jsx)(Layout, {
+            headerHeight: fullScreen || !navigation.layout ? 0 : 64,
+            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(Layout.Content, {
+                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(Page, (0,_object_spread_props._)((0,_object_spread._)({}, data, props, navigation.withControls ? filterControls(controls, [
+                    'theme',
+                    'onChangeTheme',
+                    'textSize',
+                    'onChangeTextSize',
+                    'wideFormat',
+                    'onChangeWideFormat',
+                    'showMiniToc',
+                    'onChangeShowMiniToc',
+                    'langs',
+                    'onChangeLang'
+                ]) : controls), {
+                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ConstructorPage, (0,_object_spread._)({}, data.data))
+                }))
+            })
+        });
     }, [
         data,
         navigation,
         props,
         controls,
-        fullScreen
+        fullScreen,
+        Page
     ]);
     var content = useContent(data, CustomPage);
     var custom = (0,react.useMemo)(function() {
@@ -1359,6 +1319,58 @@ function useLangs(param) {
     ]);
 }
 
+;// CONCATENATED MODULE: ./src/components/App/useAvailableLangs.ts
+
+
+
+function useAvailableLangs(data, langs) {
+    return (0,react.useMemo)(function() {
+        if (!('meta' in data)) {
+            return [];
+        }
+        var _data_meta = data.meta, canonical = _data_meta.canonical, _data_meta_alternate = _data_meta.alternate, alternate = _data_meta_alternate === void 0 ? [] : _data_meta_alternate;
+        if (!canonical) {
+            return [];
+        }
+        var langsSet = new Set();
+        var _canonical_split = (0,esm_sliced_to_array._)(canonical.split('/'), 1), canonicalLang = _canonical_split[0];
+        if (langs.includes(canonicalLang)) {
+            langsSet.add(canonicalLang);
+        }
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = alternate[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var alt = _step.value;
+                var href = alt.href;
+                if (!href || (0,utils/* .isExternalHref */.$2)(href)) {
+                    continue;
+                }
+                var _href_split = (0,esm_sliced_to_array._)(href.split('/'), 1), altLang = _href_split[0];
+                if (langs.includes(altLang)) {
+                    langsSet.add(altLang);
+                }
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+        return Array.from(langsSet);
+    }, [
+        data,
+        langs
+    ]);
+}
+
 // EXTERNAL MODULE: ./node_modules/@diplodoc/mdx-extension/build/esm/hooks/useMdxSsr.js + 9 modules
 var useMdxSsr = __webpack_require__(2915);
 ;// CONCATENATED MODULE: ./src/components/App/withMdxInit.tsx
@@ -1416,15 +1428,14 @@ var withMdxInit = function(param) {
 
 
 
-function hasNavigation(data) {
-    return Boolean(data.toc.navigation);
-}
+
 function App(props) {
     var _analytics_gtm, _analytics_gtm1;
-    var data = props.data, router = props.router, lang = props.lang, search = props.search, analytics = props.analytics, viewerInterface = props.viewerInterface;
+    var data = props.data, router = props.router, lang = props.lang, langs = props.langs, search = props.search, analytics = props.analytics, viewerInterface = props.viewerInterface;
     var settings = useSettings_useSettings();
     var langData = useLangs(props);
     var mobileView = useMobile_useMobile();
+    var availableLangs = useAvailableLangs(data, langs);
     var fixedLang = constants/* .SUPPORTED_LANGS.includes */.aP.includes(lang) ? lang : models/* .Lang.En */.Uo.En;
     (0,esm_config/* .configure */.jQ)({
         lang: fixedLang,
@@ -1464,12 +1475,14 @@ function App(props) {
     ]);
     var controls = (0,react.useMemo)(function() {
         return (0,_object_spread_props._)((0,_object_spread._)({}, settings, langData), {
-            mobileView: mobileView
+            mobileView: mobileView,
+            availableLangs: availableLangs
         });
     }, [
         langData,
         settings,
-        mobileView
+        mobileView,
+        availableLangs
     ]);
     var direction = utils_getDirection(lang);
     var landingPage = getLandingPage(data);
@@ -1507,11 +1520,7 @@ function App(props) {
                             children: [
                                 /*#__PURE__*/ (0,jsx_runtime.jsx)(RenderBodyHooksContext/* .RenderBodyHooksContext.Provider */.Y.Provider, {
                                     value: renderHooks,
-                                    children: hasNavigation(data) ? /*#__PURE__*/ (0,jsx_runtime.jsx)(RichNavPage, {
-                                        data: data,
-                                        props: page,
-                                        controls: controls
-                                    }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(LegacyNavPage, {
+                                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(App_Page_Page, {
                                         data: data,
                                         props: page,
                                         controls: controls
@@ -1851,7 +1860,7 @@ __webpack_require__.m = __webpack_modules__;
 __webpack_require__.x = () => {
 // Load entry module and return exports
 // This entry module depends on other loaded chunks and execution need to be delayed
-var __webpack_exports__ = __webpack_require__.O(undefined, ["966", "971"], function() { return __webpack_require__(13543) });
+var __webpack_exports__ = __webpack_require__.O(undefined, ["966", "971"], function() { return __webpack_require__(85978) });
 __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
 return __webpack_exports__
 };