@diplodoc/client 3.1.12 → 3.2.0

package/build/client/vendor.rtl.css

@@ -373,7 +373,8 @@ a.pc-image-card_border_shadow,.pc-image-card_border_shadow{box-shadow:0px 4px 24
 .yfm dl,
 .yfm table,
 .yfm pre {
-  margin: 0 0 15px;
+  margin-block: 0 15px;
+  margin-block: var(--yfm-text-block-margin-block, 0 15px);
 }
 .yfm ul pre,
 .yfm ol pre,
@@ -533,11 +534,11 @@ a.pc-image-card_border_shadow,.pc-image-card_border_shadow{box-shadow:0px 4px 24
 .yfm :not(ol > li) > ol > li::marker {
   content: counter(list) ". ";
 }
-.yfm ol.yfm_no-list-reset {
+.yfm.yfm_no-list-reset ol {
   counter-reset: none;
   counter-reset: initial;
 }
-.yfm ol.yfm_no-list-reset li::marker {
+.yfm.yfm_no-list-reset ol li::marker {
   content: normal;
   content: initial;
 }
@@ -545,11 +546,18 @@ a.pc-image-card_border_shadow,.pc-image-card_border_shadow{box-shadow:0px 4px 24
   word-wrap: break-word;
 }
 .yfm li + li {
-  margin-top: 0.33em;
+  margin-block: 0.33em 0;
+  margin-block: var(--yfm-list-item-margin-block, 0.33em 0);
 }
 .yfm li p,
 .yfm li blockquote {
-  margin-top: 15px;
+  margin-block: 15px;
+  margin-block: var(--yfm-list-text-margin-block, 15px);
+}
+.yfm li > p:last-child,
+.yfm li > blockquote:last-child {
+  margin-block: 15px;
+  margin-block: var(--yfm-list-text-last-margin-block, 15px);
 }
 .yfm code {
   padding: 0.1em 0.4em 0.15em;
@@ -809,7 +817,7 @@ a.pc-image-card_border_shadow,.pc-image-card_border_shadow{box-shadow:0px 4px 24
 }
 .yfm table td.cell-align-top-left,
 .yfm table td.cell-align-bottom-left {
-  text-align: right;
+  text-align: start;
 }
 .yfm table td.cell-align-top-center,
 .yfm table td.cell-align-center {
@@ -817,7 +825,7 @@ a.pc-image-card_border_shadow,.pc-image-card_border_shadow{box-shadow:0px 4px 24
 }
 .yfm table td.cell-align-top-right,
 .yfm table td.cell-align-bottom-right {
-  text-align: left;
+  text-align: end;
 }
 .yfm table td.cell-align-top-left,
 .yfm table td.cell-align-top-center,
@@ -868,10 +876,7 @@ a.pc-image-card_border_shadow,.pc-image-card_border_shadow{box-shadow:0px 4px 24
   content: "";
   position: absolute;
   z-index: -1;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
+  inset: 0;
   border-radius: inherit;
   box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow);
 }

package/build/server/app.js

@@ -202,6 +202,8 @@ var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectW
 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/tabs-extension/build/react/index.js
+var build_react = __webpack_require__(81397);
 // EXTERNAL MODULE: ./node_modules/bem-cn-lite/lib/index.js
 var lib = __webpack_require__(23614);
 ;// ./src/components/Layout/index.tsx
@@ -762,7 +764,11 @@ var useNavigation = function useNavigation(data, controls, CustomControls, Custo
 };
 ;// ./src/components/App/Page.tsx
 
+
 var _excluded = ["data"];
+function Page_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function Page_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Page_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_default()(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Page_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
 
 
 
@@ -777,6 +783,15 @@ function Page(_ref) {
     pageProps = objectWithoutProperties_default()(_ref, _excluded);
   var type = (0,utils/* getPageType */.M5)(data);
   var Page = (0,utils/* getPageByType */.$T)(type);
+  var tabs = (0,build_react.useDiplodocTabs)();
+  tabs.configure({
+    saveTabsToLocalStorage: true,
+    saveTabsToQueryStateMode: 'page'
+  });
+  (0,react.useEffect)(function () {
+    tabs.onPageChanged();
+    tabs.restoreTabs(Page_objectSpread(Page_objectSpread({}, tabs.getTabsFromLocalStorage()), tabs.getTabsFromSearchQuery()));
+  }, [tabs]);
   return /*#__PURE__*/react.createElement(Layout, {
     headerHeight: pageProps.headerHeight
   }, /*#__PURE__*/react.createElement(Layout.Content, null, /*#__PURE__*/react.createElement(Page, Object.assign({}, data, pageProps))));
@@ -800,6 +815,9 @@ function LegacyNavPage(_ref2) {
     headerHeight: 0
   }, props, controls), /*#__PURE__*/react.createElement(Provider/* PageConstructorProvider */.Z, {
     theme: theme,
+    projectSettings: {
+      disableCompress: true
+    },
     ssrConfig: {
       isServer: Boolean(false)
     }
@@ -836,6 +854,9 @@ function RichNavPage(_ref3) {
   }, [navigation, content]);
   return /*#__PURE__*/react.createElement(Provider/* PageConstructorProvider */.Z, {
     theme: theme,
+    projectSettings: {
+      disableCompress: true
+    },
     ssrConfig: {
       isServer: Boolean(false)
     }
@@ -854,7 +875,7 @@ function filterControls(controls, omitProps) {
   }, {});
 }
 // EXTERNAL MODULE: ./node_modules/@diplodoc/mermaid-extension/build/react/index.js
-var build_react = __webpack_require__(58498);
+var mermaid_extension_build_react = __webpack_require__(58498);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/latex-extension/build/react/index.js
 var latex_extension_build_react = __webpack_require__(89457);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/openapi-extension/build/runtime/index.min.js + 14 modules
@@ -870,7 +891,7 @@ var theme_useTheme = __webpack_require__(65277);
 
 function Runtime() {
   var theme = (0,theme_useTheme/* useTheme */.D)();
-  return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(index_min/* Runtime */.v, null), /*#__PURE__*/react.createElement(latex_extension_build_react/* LatexRuntime */.l, null), /*#__PURE__*/react.createElement(build_react/* MermaidRuntime */.A, {
+  return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(index_min/* Runtime */.v, null), /*#__PURE__*/react.createElement(latex_extension_build_react/* LatexRuntime */.l, null), /*#__PURE__*/react.createElement(mermaid_extension_build_react/* MermaidRuntime */.A, {
     theme: theme === models/* Theme */.Sx.Dark ? 'dark' : 'neutral',
     zoom: {
       showMenu: true,
@@ -995,7 +1016,7 @@ function App(props) {
   var langData = useLangs(props);
   var mobileView = useMobile();
   (0,config/* configure */.jK)({
-    lang: Object.keys(constants/* SUPPORTED_LANGS */.Lq).includes(lang) ? lang : models/* Lang */.JA.En
+    lang: constants/* SUPPORTED_LANGS */.Lq.includes(lang) ? lang : models/* Lang */.JA.En
   });
   var theme = settings.theme,
     textSize = settings.textSize,
@@ -1009,9 +1030,10 @@ function App(props) {
       textSize: textSize,
       wideFormat: wideFormat,
       fullScreen: fullScreen,
-      showMiniToc: showMiniToc
+      showMiniToc: showMiniToc,
+      isMobile: mobileView
     };
-  }, [router, theme, textSize, wideFormat, fullScreen, showMiniToc]);
+  }, [router, theme, textSize, wideFormat, fullScreen, showMiniToc, mobileView]);
   var controls = (0,react.useMemo)(function () {
     return App_objectSpread(App_objectSpread(App_objectSpread({}, settings), langData), {}, {
       mobileView: mobileView