@diplodoc/client 5.2.6 → 5.2.7

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CustomPage: () => React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import type { DocBasePageData } from '@diplodoc/components';
+import type { PageData } from './index';
+import type { Props as HeaderControlsProps } from '../HeaderControls';
+import type { Settings } from '../../utils';
+export type CustomPageProps = Settings & Partial<HeaderControlsProps>;
+export interface PageContextProps {
+    data: DocBasePageData & PageData;
+    props: CustomPageProps;
+    hasLayout: boolean;
+}
+export declare const PageProvider: import("react").Provider<PageContextProps | null>;
+export declare function usePageContext(): PageContextProps;

package/build/server/app.js

@@ -1,6 +1,6 @@
 (() => {
 var __webpack_modules__ = ({
-1485(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+11701(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
@@ -852,117 +852,6 @@ function useFeedback(param) {
 var leading_page_links = __webpack_require__(66008);
 // EXTERNAL MODULE: ./node_modules/@gravity-ui/page-constructor/build/esm/index.js + 1311 modules
 var esm = __webpack_require__(47576);
-;// CONCATENATED MODULE: ./src/components/Layout/Layout.scss
-
-;// CONCATENATED MODULE: ./src/components/Layout/index.tsx
-
-
-
-
-
-var Layout_b = (0,lib["default"])('Layout');
-function Header() {
-    return null;
-}
-function Content() {
-    return null;
-}
-function Footer() {
-    return null;
-}
-var defaults = {
-    doc: false
-};
-var Layout = function(props) {
-    var _$_object_spread = (0,_object_spread._)({}, defaults, props), children = _$_object_spread.children, doc = _$_object_spread.doc, _object_spread_headerHeight = _$_object_spread.headerHeight, headerHeight = _object_spread_headerHeight === void 0 ? 0 : _object_spread_headerHeight;
-    var header, content, footer;
-    react.Children.forEach(children, function(child) {
-        switch(child.type){
-            case Header:
-                header = child.props.children;
-                break;
-            case Content:
-                content = child.props.children;
-                break;
-            case Footer:
-                footer = child.props.children;
-                break;
-        }
-    });
-    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-        className: Layout_b({
-            'full-header': headerHeight > 0
-        }),
-        children: [
-            header && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                className: Layout_b('header'),
-                children: header
-            }),
-            /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                className: Layout_b('body'),
-                children: [
-                    content && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                        className: Layout_b('content'),
-                        children: content
-                    }),
-                    footer && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                        className: Layout_b('footer', {
-                            doc: doc
-                        }),
-                        children: footer
-                    })
-                ]
-            })
-        ]
-    });
-};
-Layout.displayName = 'Layout';
-Layout.Header = Header;
-Layout.Content = Content;
-Layout.Footer = Footer;
-
-;// CONCATENATED MODULE: ./src/components/ConstructorPage/index.tsx
-
-
-
-
-
-
-var bPC = (0,lib["default"])('pc-page-constructor');
-var bPCRow = (0,lib["default"])('pc-constructor-row');
-var ConstructorRow = function(param) {
-    var children = param.children;
-    return children ? /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .Row */.fI1, {
-        className: bPCRow(),
-        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .Col */.fvL, {
-            children: children
-        })
-    }) : null;
-};
-function ConstructorPage(param) {
-    var background = param.background, blocks = param.blocks;
-    var theme = (0,esm/* .useTheme */.DPo)();
-    var themedBackground = (0,esm/* .getThemedValue */.dgY)(background, theme);
-    return /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-        className: bPC('docs'),
-        children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-            className: bPC('wrapper'),
-            children: [
-                blocks && themedBackground && /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .BackgroundMedia */.bGR, (0,_object_spread_props._)((0,_object_spread._)({}, themedBackground), {
-                    className: bPC('background')
-                })),
-                /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .Grid */.xA9, {
-                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ConstructorRow, {
-                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .ConstructorBlocks */.FA7, {
-                            items: blocks
-                        })
-                    })
-                })
-            ]
-        })
-    });
-}
-
 ;// CONCATENATED MODULE: ./src/components/ConstructorPage/useContent.tsx
 
 
@@ -1212,14 +1101,160 @@ var useNavigation = function(data, controls, CustomControls, CustomSuggest, view
     return config;
 };
 
-;// CONCATENATED MODULE: ./src/components/App/Page.tsx
+;// CONCATENATED MODULE: ./src/components/App/PageContext.tsx
+
+var PageContext = /*#__PURE__*/ (0,react.createContext)(null);
+var PageProvider = PageContext.Provider;
+function usePageContext() {
+    var context = (0,react.useContext)(PageContext);
+    if (!context) {
+        throw new Error('usePageContext must be used within PageProvider');
+    }
+    return context;
+}
+
+;// CONCATENATED MODULE: ./src/components/Layout/Layout.scss
+
+;// CONCATENATED MODULE: ./src/components/Layout/index.tsx
+
+
+
+
+
+var Layout_b = (0,lib["default"])('Layout');
+function Header() {
+    return null;
+}
+function Content() {
+    return null;
+}
+function Footer() {
+    return null;
+}
+var defaults = {
+    doc: false
+};
+var Layout = function(props) {
+    var _$_object_spread = (0,_object_spread._)({}, defaults, props), children = _$_object_spread.children, doc = _$_object_spread.doc, _object_spread_headerHeight = _$_object_spread.headerHeight, headerHeight = _object_spread_headerHeight === void 0 ? 0 : _object_spread_headerHeight;
+    var header, content, footer;
+    react.Children.forEach(children, function(child) {
+        switch(child.type){
+            case Header:
+                header = child.props.children;
+                break;
+            case Content:
+                content = child.props.children;
+                break;
+            case Footer:
+                footer = child.props.children;
+                break;
+        }
+    });
+    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+        className: Layout_b({
+            'full-header': headerHeight > 0
+        }),
+        children: [
+            header && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                className: Layout_b('header'),
+                children: header
+            }),
+            /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                className: Layout_b('body'),
+                children: [
+                    content && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                        className: Layout_b('content'),
+                        children: content
+                    }),
+                    footer && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                        className: Layout_b('footer', {
+                            doc: doc
+                        }),
+                        children: footer
+                    })
+                ]
+            })
+        ]
+    });
+};
+Layout.displayName = 'Layout';
+Layout.Header = Header;
+Layout.Content = Content;
+Layout.Footer = Footer;
 
+;// CONCATENATED MODULE: ./src/components/ConstructorPage/index.tsx
 
 
 
 
 
 
+var bPC = (0,lib["default"])('pc-page-constructor');
+var bPCRow = (0,lib["default"])('pc-constructor-row');
+var ConstructorRow = function(param) {
+    var children = param.children;
+    return children ? /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .Row */.fI1, {
+        className: bPCRow(),
+        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .Col */.fvL, {
+            children: children
+        })
+    }) : null;
+};
+function ConstructorPage(param) {
+    var background = param.background, blocks = param.blocks;
+    var theme = (0,esm/* .useTheme */.DPo)();
+    var themedBackground = (0,esm/* .getThemedValue */.dgY)(background, theme);
+    return /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+        className: bPC('docs'),
+        children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+            className: bPC('wrapper'),
+            children: [
+                blocks && themedBackground && /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .BackgroundMedia */.bGR, (0,_object_spread_props._)((0,_object_spread._)({}, themedBackground), {
+                    className: bPC('background')
+                })),
+                /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .Grid */.xA9, {
+                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ConstructorRow, {
+                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .ConstructorBlocks */.FA7, {
+                            items: blocks
+                        })
+                    })
+                })
+            ]
+        })
+    });
+}
+
+;// CONCATENATED MODULE: ./src/components/App/CustomPage.tsx
+
+
+
+
+
+
+
+
+var CustomPage_CustomPage = function() {
+    var _usePageContext = usePageContext(), data = _usePageContext.data, props = _usePageContext.props, hasLayout = _usePageContext.hasLayout;
+    var type = (0,utils/* .getPageType */.M5)(data);
+    var PageComponent = (0,utils/* .getPageByType */.$T)(type);
+    var headerHeight = props.fullScreen || !hasLayout ? 0 : 64;
+    var pageProps = (0,_object_spread._)({}, data, props);
+    return /*#__PURE__*/ (0,jsx_runtime.jsx)(Layout, {
+        headerHeight: headerHeight,
+        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(Layout.Content, {
+            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(PageComponent, (0,_object_spread_props._)((0,_object_spread._)({}, pageProps), {
+                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ConstructorPage, (0,_object_spread._)({}, data.data))
+            }))
+        })
+    }, "layout");
+};
+
+;// CONCATENATED MODULE: ./src/components/App/Page.tsx
+
+
+
+
+
 
 
 
@@ -1228,46 +1263,33 @@ var useNavigation = function(data, controls, CustomControls, CustomSuggest, view
 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 */.M5)(data);
-    var Page = (0,utils/* .getPageByType */.$T)(type);
-    var CustomSuggest = (0,react.useCallback)(function() {
-        return /*#__PURE__*/ (0,jsx_runtime.jsx)(Suggest, {});
-    }, []);
     var CustomControls = (0,react.useCallback)(function() {
         return /*#__PURE__*/ (0,jsx_runtime.jsx)(HeaderControls, (0,_object_spread._)({}, controls));
     }, [
         controls
     ]);
-    var navigation = useNavigation(data, controls, CustomControls, CustomSuggest);
-    var CustomPage = (0,react.useCallback)(function() {
-        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))
-                }))
-            })
-        });
+    var navigation = useNavigation(data, controls, CustomControls, Suggest);
+    var content = useContent(data, CustomPage_CustomPage);
+    var headerControls = (0,react.useMemo)(function() {
+        if (navigation.withControls) {
+            return filterControls(controls, [
+                'theme',
+                'onChangeTheme',
+                'textSize',
+                'onChangeTextSize',
+                'wideFormat',
+                'onChangeWideFormat',
+                'showMiniToc',
+                'onChangeShowMiniToc',
+                'langs',
+                'onChangeLang'
+            ]);
+        }
+        return controls;
     }, [
-        data,
-        navigation,
-        props,
-        controls,
-        fullScreen,
-        Page
+        navigation.withControls,
+        controls
     ]);
-    var content = useContent(data, CustomPage);
     var custom = (0,react.useMemo)(function() {
         return {
             navigation: navigation.custom,
@@ -1277,18 +1299,35 @@ function App_Page_Page(param) {
         navigation,
         content
     ]);
-    return /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .PageConstructorProvider */.ZzZ, {
-        theme: theme,
-        projectSettings: {
-            disableCompress: true
-        },
-        ssrConfig: {
-            isServer: Boolean(false)
-        },
-        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .PageConstructor */.i$, {
-            custom: custom,
-            content: content.layout,
-            navigation: fullScreen ? undefined : navigation.layout
+    var hasLayout = Boolean(navigation.layout);
+    var pageContext = (0,react.useMemo)(function() {
+        var pageProps = (0,_object_spread._)({}, props, headerControls);
+        return {
+            data: data,
+            props: pageProps,
+            hasLayout: hasLayout
+        };
+    }, [
+        data,
+        hasLayout,
+        headerControls,
+        props
+    ]);
+    return /*#__PURE__*/ (0,jsx_runtime.jsx)(PageProvider, {
+        value: pageContext,
+        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .PageConstructorProvider */.ZzZ, {
+            theme: theme,
+            projectSettings: {
+                disableCompress: true
+            },
+            ssrConfig: {
+                isServer: Boolean(false)
+            },
+            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm/* .PageConstructor */.i$, {
+                custom: custom,
+                content: content.layout,
+                navigation: fullScreen ? undefined : navigation.layout
+            })
         })
     });
 }
@@ -1931,7 +1970,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, ["85", "474"], () => __webpack_require__(1485));
+var __webpack_exports__ = __webpack_require__.O(undefined, ["85", "474"], () => __webpack_require__(11701));
 __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
 return __webpack_exports__
 };