@diplodoc/client 3.1.11 → 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/components/App/useLangs.d.ts

@@ -3,5 +3,5 @@ import { Lang } from '@diplodoc/components';
 export declare function useLangs({ router, lang, langs }: AppProps): {
     lang: "ar" | "he" | Lang | "ru" | "en" | "es" | "fr" | "cs";
     langs: ("ar" | "he" | Lang | "ru" | "en" | "es" | "fr" | "cs")[];
-    onChangeLang: (lang: `${Lang}` | Lang) => void;
+    onChangeLang: (newLang: `${Lang}` | Lang) => void;
 };

package/build/server/app.js

@@ -26,8 +26,12 @@ var defineProperty = __webpack_require__(43693);
 var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty);
 // EXTERNAL MODULE: ./node_modules/@gravity-ui/uikit/build/esm/components/theme/ThemeProvider.js + 7 modules
 var ThemeProvider = __webpack_require__(45593);
-// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/config/index.js + 3 modules
-var config = __webpack_require__(20392);
+// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/config/index.js + 2 modules
+var config = __webpack_require__(64216);
+// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/constants.js
+var constants = __webpack_require__(81836);
+// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/models/index.js
+var models = __webpack_require__(78184);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/components/ConsentPopup/ConsentPopup.js + 50 modules
 var ConsentPopup = __webpack_require__(31703);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/transform/dist/js/yfm.js
@@ -62,8 +66,6 @@ var utils = __webpack_require__(33650);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/toConsumableArray.js
 var toConsumableArray = __webpack_require__(41132);
 var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray);
-// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/models/index.js
-var models = __webpack_require__(78184);
 ;// ./src/constants.ts
 
 
@@ -200,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
@@ -760,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; }
+
 
 
 
@@ -775,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))));
@@ -798,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)
     }
@@ -834,6 +854,9 @@ function RichNavPage(_ref3) {
   }, [navigation, content]);
   return /*#__PURE__*/react.createElement(Provider/* PageConstructorProvider */.Z, {
     theme: theme,
+    projectSettings: {
+      disableCompress: true
+    },
     ssrConfig: {
       isServer: Boolean(false)
     }
@@ -852,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
@@ -868,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,
@@ -883,9 +906,8 @@ function useLangs(_ref) {
   var router = _ref.router,
     lang = _ref.lang,
     langs = _ref.langs;
-  var onChangeLang = (0,react.useCallback)(function (lang) {
-    var path = (0,utils/* getLangPath */.UZ)(router, lang);
-    window.location.replace(path);
+  var onChangeLang = (0,react.useCallback)(function (newLang) {
+    window.location.replace((0,utils/* getLangPath */.UZ)(router, newLang, window.location.href));
   }, [router]);
   return (0,react.useMemo)(function () {
     return {
@@ -990,12 +1012,12 @@ function App(props) {
     lang = props.lang,
     search = props.search,
     analytics = props.analytics;
-  (0,config/* configure */.jK)({
-    lang: lang
-  });
   var settings = useSettings();
-  var langs = useLangs(props);
+  var langData = useLangs(props);
   var mobileView = useMobile();
+  (0,config/* configure */.jK)({
+    lang: constants/* SUPPORTED_LANGS */.Lq.includes(lang) ? lang : models/* Lang */.JA.En
+  });
   var theme = settings.theme,
     textSize = settings.textSize,
     wideFormat = settings.wideFormat,
@@ -1008,14 +1030,15 @@ 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), langs), {}, {
+    return App_objectSpread(App_objectSpread(App_objectSpread({}, settings), langData), {}, {
       mobileView: mobileView
     });
-  }, [langs, settings, mobileView]);
+  }, [langData, settings, mobileView]);
   var direction = getDirection(lang);
   var landingPage = getLandingPage(data);
   (0,react.useEffect)(function () {