@tramvai/module-page-render-mode 1.84.0 → 1.89.1

package/README.md

@@ -170,6 +170,8 @@ const providers = [
 
 With `client` rendering mode, all layout will be rendered in browser.
 
+`PAGE_RENDER_WRAPPER_TYPE` value will be passed to [default layout](references/modules/render.md#basic-layout), where the library [@tinkoff/layout-factory](references/libs/tinkoff-layout.md#wrappers) is used.
+
 ## Troubleshooting
 
 ### Fallback name conflicts

package/lib/index.es.js

@@ -1,7 +1,8 @@
 import { __decorate } from 'tslib';
 import { Module } from '@tramvai/core';
 import { LAYOUT_OPTIONS, TRAMVAI_RENDER_MODE } from '@tramvai/tokens-render';
-import React, { useState, useEffect } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { useDi } from '@tramvai/react';
 import { PAGE_SERVICE_TOKEN } from '@tramvai/tokens-router';
 import { useRoute } from '@tramvai/module-router';
@@ -37,15 +38,14 @@ const PageRenderWrapper = ({ children }) => {
     }, []);
     if (mode === 'client' && !mounted) {
         if (FallbackComponent) {
-            return React.createElement(FallbackComponent, null);
+            return jsx(FallbackComponent, {}, void 0);
         }
         return null;
     }
-    return React.createElement(React.Fragment, null, children);
+    return jsx(Fragment, { children: children }, void 0);
 };
 const pageRenderHOC = (WrapperPage) => (props) => {
-    return (React.createElement(PageRenderWrapper, null,
-        React.createElement(WrapperPage, Object.assign({}, props))));
+    return (jsx(PageRenderWrapper, { children: jsx(WrapperPage, Object.assign({}, props), void 0) }, void 0));
 };
 
 let PageRenderModeModule = class PageRenderModeModule {

package/lib/index.js

@@ -5,16 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var core = require('@tramvai/core');
 var tokensRender = require('@tramvai/tokens-render');
-var React = require('react');
-var react = require('@tramvai/react');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var react$1 = require('@tramvai/react');
 var tokensRouter = require('@tramvai/tokens-router');
 var moduleRouter = require('@tramvai/module-router');
 var dippy = require('@tinkoff/dippy');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const PAGE_RENDER_FALLBACK_COMPONENT_PREFIX = dippy.createToken('pageRenderFallbackComponentName');
 /**
  * @deprecated Use token `TRAMVAI_RENDER_MODE` from `@tramvai/tokens-render`
@@ -24,12 +21,12 @@ const PAGE_RENDER_WRAPPER_TYPE = dippy.createToken('pageRenderWrapperType');
 const PAGE_RENDER_DEFAULT_FALLBACK_COMPONENT = dippy.createToken('pageRenderDefaultFallbackComponent');
 
 const PageRenderWrapper = ({ children }) => {
-    const [mounted, setMounted] = React.useState(false);
+    const [mounted, setMounted] = react.useState(false);
     const { config } = moduleRouter.useRoute();
-    const pageService = react.useDi(tokensRouter.PAGE_SERVICE_TOKEN);
-    const fallbackKey = react.useDi(PAGE_RENDER_FALLBACK_COMPONENT_PREFIX);
-    const defaultRenderMode = react.useDi(PAGE_RENDER_DEFAULT_MODE);
-    const DefaultFallbackComponent = react.useDi({
+    const pageService = react$1.useDi(tokensRouter.PAGE_SERVICE_TOKEN);
+    const fallbackKey = react$1.useDi(PAGE_RENDER_FALLBACK_COMPONENT_PREFIX);
+    const defaultRenderMode = react$1.useDi(PAGE_RENDER_DEFAULT_MODE);
+    const DefaultFallbackComponent = react$1.useDi({
         token: PAGE_RENDER_DEFAULT_FALLBACK_COMPONENT,
         optional: true,
     });
@@ -37,7 +34,7 @@ const PageRenderWrapper = ({ children }) => {
     const { renderMode } = pageService.getComponent(pageComponent);
     const FallbackComponent = pageService.resolveComponentFromConfig(fallbackKey) || DefaultFallbackComponent;
     const mode = renderMode || pageRenderMode || defaultRenderMode;
-    React.useEffect(() => {
+    react.useEffect(() => {
         if (mode === 'client') {
             setMounted(true);
         }
@@ -45,15 +42,14 @@ const PageRenderWrapper = ({ children }) => {
     }, []);
     if (mode === 'client' && !mounted) {
         if (FallbackComponent) {
-            return React__default["default"].createElement(FallbackComponent, null);
+            return jsxRuntime.jsx(FallbackComponent, {}, void 0);
         }
         return null;
     }
-    return React__default["default"].createElement(React__default["default"].Fragment, null, children);
+    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }, void 0);
 };
 const pageRenderHOC = (WrapperPage) => (props) => {
-    return (React__default["default"].createElement(PageRenderWrapper, null,
-        React__default["default"].createElement(WrapperPage, Object.assign({}, props))));
+    return (jsxRuntime.jsx(PageRenderWrapper, { children: jsxRuntime.jsx(WrapperPage, Object.assign({}, props), void 0) }, void 0));
 };
 
 exports.PageRenderModeModule = class PageRenderModeModule {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tramvai/module-page-render-mode",
-  "version": "1.84.0",
+  "version": "1.89.1",
   "description": "Enable different rendering modes for pages",
   "main": "lib/index.js",
   "module": "lib/index.es.js",
@@ -25,11 +25,11 @@
   "dependencies": {},
   "peerDependencies": {
     "@tinkoff/dippy": "0.7.39",
-    "@tramvai/core": "1.84.0",
-    "@tramvai/react": "1.84.0",
-    "@tramvai/module-router": "1.84.0",
-    "@tramvai/tokens-render": "1.84.0",
-    "@tramvai/tokens-router": "1.84.0",
+    "@tramvai/core": "1.89.1",
+    "@tramvai/react": "1.89.1",
+    "@tramvai/module-router": "1.89.1",
+    "@tramvai/tokens-render": "1.89.1",
+    "@tramvai/tokens-router": "1.89.1",
     "react": ">=16.8.0",
     "tslib": "^2.0.3"
   }