@diplodoc/client 3.0.4 → 3.1.1

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

@@ -5,7 +5,6 @@ import type { RouterConfig } from '../Router';
 import { DocContentPageData as DocContentPageDataBase, DocLeadingPageData, DocPageData, Lang } from '@diplodoc/components';
 import '@diplodoc/transform/dist/js/yfm';
 import '../../interceptors/leading-page-links';
-import '../../interceptors/fast-class-applier';
 import './App.scss';
 export type DocAnalytics = {
     gtm?: {

package/build/interceptors/fast-class-applier.d.ts

@@ -1 +1,2 @@
-export {};
+import type { DocInnerProps } from '../components/App';
+export declare function setRootClasses(data: DocInnerProps): void;

package/build/server/app.js

@@ -1,7 +1,7 @@
 /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 60204:
+/***/ 31890:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -54,6 +54,8 @@ const RouterProvider = RouterContext.Provider;
 function useRouter() {
   return (0,react.useContext)(RouterContext);
 }
+// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/utils/index.js + 59 modules
+var utils = __webpack_require__(54878);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/models/index.js
 var models = __webpack_require__(78184);
 ;// CONCATENATED MODULE: ./src/constants.ts
@@ -78,6 +80,7 @@ const LINK_KEYS_PAGE_CONSTRUCTOR_CONFIG = ['src', 'url', 'href', 'icon', 'image'
 const LINK_KEYS = [...new Set([...LINK_KEYS_LEADING_CONFIG, ...LINK_KEYS_PAGE_CONSTRUCTOR_CONFIG])];
 ;// CONCATENATED MODULE: ./src/utils.ts
 
+
 function isBrowser() {
   return typeof document !== 'undefined';
 }
@@ -109,6 +112,10 @@ function updateRootClassName(states) {
       case 'fullScreen':
         toggle('dc-root_full-screen', states[state]);
         break;
+      case 'landingPage':
+        toggle('dc-root_document-page', !states[state]);
+        toggle('dc-root_landing-page', states[state]);
+        break;
       case 'mobileView':
         toggle('mobile', states[state]);
         toggle('desktop', !states[state]);
@@ -140,6 +147,9 @@ function getSettings() {
     fullScreen: toBoolean(fullScreen)
   };
 }
+function getLandingPage(data) {
+  return (0,utils/* getPageType */.M5)(data) === 'PAGE_CONSTRUCTOR';
+}
 function getMobileView() {
   if (!isBrowser()) {
     return false;
@@ -175,30 +185,10 @@ function useLang() {
 }
 // EXTERNAL MODULE: ./src/interceptors/leading-page-links.js
 var leading_page_links = __webpack_require__(44186);
-;// CONCATENATED MODULE: ./src/interceptors/fast-class-applier.ts
-
-if (typeof document !== 'undefined') {
-  const {
-    theme,
-    wideFormat,
-    fullScreen
-  } = getSettings();
-  const mobileView = getMobileView();
-  updateRootClassName({
-    mobileView,
-    wideFormat,
-    fullScreen
-  });
-  updateThemeClassName({
-    theme
-  });
-}
 // EXTERNAL MODULE: ./node_modules/@gravity-ui/page-constructor/build/esm/containers/PageConstructor/Provider.js
 var Provider = __webpack_require__(47658);
 // EXTERNAL MODULE: ./node_modules/@gravity-ui/page-constructor/build/esm/containers/PageConstructor/PageConstructor.js + 10 modules
 var PageConstructor = __webpack_require__(95168);
-// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/utils/index.js + 59 modules
-var utils = __webpack_require__(54878);
 // EXTERNAL MODULE: ./node_modules/bem-cn-lite/lib/index.js
 var lib = __webpack_require__(23614);
 ;// CONCATENATED MODULE: ./src/components/Layout/index.tsx
@@ -324,6 +314,10 @@ const useContent = (data, CustomPage) => {
 };
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/components/SearchSuggest/index.js + 8 modules
 var SearchSuggest = __webpack_require__(9400);
+// EXTERNAL MODULE: ./node_modules/@gravity-ui/uikit/build/esm/components/Icon/Icon.js + 3 modules
+var Icon = __webpack_require__(29504);
+// EXTERNAL MODULE: ./node_modules/@gravity-ui/icons/esm/Magnifier.js
+var Magnifier = __webpack_require__(84941);
 ;// CONCATENATED MODULE: ./src/components/index.ts
 
 
@@ -447,6 +441,17 @@ function useProvider() {
 
 
 
+
+
+
+const Suggest_b = (0,lib/* default */.A)('Suggest');
+function SearchButton() {
+  return /*#__PURE__*/react.createElement(Icon/* Icon */.I, {
+    data: Magnifier/* default */.A,
+    className: Suggest_b('end'),
+    size: 24
+  });
+}
 function Suggest() {
   const provider = useProvider();
   const suggest = (0,react.useRef)(null);
@@ -473,7 +478,10 @@ function Suggest() {
     provider: provider,
     onFocus: onFocus,
     onBlur: onBlur,
-    classNameContainer: 'Suggest'
+    endContent: /*#__PURE__*/react.createElement(SearchButton, null),
+    className: Suggest_b('input'),
+    classNameContainer: Suggest_b(),
+    closeButton: true
   });
 }
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/components/Controls/ControlsLayout.js
@@ -560,7 +568,10 @@ const useNavigation = (data, controls, CustomControls, CustomSuggest) => {
   const navigationData = (0,react.useMemo)(() => ({
     withBorder: true,
     leftItems: leftItems,
-    rightItems: rightItems
+    rightItems: rightItems,
+    customMobileHeaderItems: [{
+      type: 'search'
+    }]
   }), [leftItems, rightItems]);
   const navigationTocData = (0,react.useMemo)(() => ({
     toc,
@@ -614,7 +625,6 @@ function Page({
     headerHeight: pageProps.headerHeight
   }, /*#__PURE__*/react.createElement(Layout.Content, null, /*#__PURE__*/react.createElement(Page, Object.assign({}, data, pageProps))));
 }
-const EMPTY = {};
 function LegacyNavPage({
   data,
   props,
@@ -653,7 +663,7 @@ function RichNavPage({
   const CustomPage = (0,react.useCallback)(() => /*#__PURE__*/react.createElement(Page, Object.assign({
     data: data,
     headerHeight: fullScreen ? 0 : 64
-  }, props, navigation.withControls ? EMPTY : controls), /*#__PURE__*/react.createElement(ConstructorPage, data.data)), [data, navigation, props, controls, fullScreen]);
+  }, props, filterControls(controls, navigation.withControls)), /*#__PURE__*/react.createElement(ConstructorPage, data.data)), [data, navigation, props, controls, fullScreen]);
   const content = useContent(data, CustomPage);
   const custom = (0,react.useMemo)(() => ({
     navigation: navigation.custom,
@@ -667,6 +677,24 @@ function RichNavPage({
     navigation: fullScreen ? undefined : navigation.layout
   }));
 }
+function filterControls(controls, skipNavigationControls) {
+  if (!skipNavigationControls) {
+    return controls;
+  }
+  return {
+    ...controls,
+    theme: undefined,
+    onChangeTheme: undefined,
+    textSize: undefined,
+    onChangeTextSize: undefined,
+    wideFormat: undefined,
+    onChangeWideFormat: undefined,
+    showMiniToc: undefined,
+    onChangeShowMiniToc: undefined,
+    langs: undefined,
+    onChangeLang: undefined
+  };
+}
 // EXTERNAL MODULE: ./node_modules/@diplodoc/mermaid-extension/react/index.js
 var mermaid_extension_react = __webpack_require__(85905);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/latex-extension/react/index.js
@@ -775,7 +803,6 @@ function useMobile() {
 
 
 
-
 function hasNavigation(data) {
   return Boolean(data.toc.navigation);
 }
@@ -814,16 +841,18 @@ function App(props) {
     mobileView
   }), [langs, settings, mobileView]);
   const direction = getDirection(lang);
+  const landingPage = getLandingPage(data);
   (0,react.useEffect)(() => {
     updateRootClassName({
       mobileView,
       wideFormat,
-      fullScreen
+      fullScreen,
+      landingPage
     });
     updateThemeClassName({
       theme
     });
-  }, [theme, mobileView, wideFormat, fullScreen]);
+  }, [theme, mobileView, wideFormat, fullScreen, landingPage]);
   return /*#__PURE__*/react.createElement("div", {
     className: "App"
   }, /*#__PURE__*/react.createElement(ThemeProvider/* ThemeProvider */.N, {
@@ -1276,7 +1305,7 @@ module.exports = require("util");
 /******/ 	__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, [644,121], () => (__webpack_require__(60204)))
+/******/ 		var __webpack_exports__ = __webpack_require__.O(undefined, [644,121], () => (__webpack_require__(31890)))
 /******/ 		__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
 /******/ 		return __webpack_exports__;
 /******/ 	};