@diplodoc/client 5.10.0 → 5.10.2

package/build/client/manifest.json

@@ -26,7 +26,7 @@
       "572-e43658c1c6d9f673.css"
     ],
     "js": [
-      "app-faa955b9788700db.js",
+      "app-3235acdfaf832d3c.js",
       "vendor-6439bc8e6fd71188.js",
       "react-27c1123f79611859.js"
     ],

package/build/react-compat.d.ts

@@ -1,6 +1,8 @@
-import 'react';
+import type React from 'react';
 declare global {
     namespace JSX {
+        interface Element extends React.ReactElement<any, any> {
+        }
         interface IntrinsicElements {
         }
     }

package/build/server/vendor.js

@@ -17560,6 +17560,22 @@ var registerTransform = (md, {
   if (directiveSyntax === "enabled" || directiveSyntax === "only") {
     fileDirective(md, { fileExtraAttrs: extraAttrs });
   }
+  const yfmFileGuard = (state) => {
+    const tokens = state.tokens;
+    for (let i = 0; i < tokens.length - 3; i++) {
+      const listClose = tokens[i];
+      const inlineToken = tokens[i + 2];
+      const { children } = inlineToken;
+      if ((listClose.type === "bullet_list_close" || listClose.type === "ordered_list_close" || listClose.type === "table_close") && tokens[i + 1].type === "paragraph_open" && inlineToken.type === "inline" && children !== null && children.length === 1 && children[0].type === FILE_TOKEN) {
+        inlineToken.content = "";
+      }
+    }
+  };
+  try {
+    md.core.ruler.before("curly_attributes", "yfm_file_guard", yfmFileGuard);
+  } catch {
+    md.core.ruler.push("yfm_file_guard", yfmFileGuard);
+  }
   md.core.ruler.push("yfm_file_after", ({ env }) => {
     if (env?.[ENV_FLAG_NAME]) {
       env.meta ||= {};
@@ -19044,11 +19060,10 @@ function findTabs(tokens, idx, closeTokenIdx) {
         break;
       case "ordered_list_close":
       case "bullet_list_close":
-        if (!nestedLevel) {
-          return tabs;
+        if (nestedLevel) {
+          pending.tokens.push(token);
         }
         nestedLevel--;
-        pending.tokens.push(token);
         break;
       case "paragraph_open":
         if (i === closeTokenIdx && tokens[i + 1].content && tokens[i + 1].content.trim() === "{% endlist %}") {
@@ -22697,9 +22712,20 @@ module.exports = blockAnchor;
 const utils_1 = __webpack_require__(49963);
 const utils_2 = __webpack_require__(29108);
 const wrapInFloatingContainer = (element, id, lineWrapping, hasWrap) => {
-    const wrapButtonClass = hasWrap ? 'g-button_selected' : '';
+    const buttonClassNames = [
+        'g-button',
+        'g-button_view_flat',
+        'g-button_size_m',
+        'g-button_pin_round-round',
+        'g-md-viewer-code-button',
+        'yfm-code-button',
+        'yfm-wrapping-button',
+    ];
+    if (hasWrap) {
+        buttonClassNames.push('g-button_selected');
+    }
     const wrappingButton = lineWrapping
-        ? `<button role="button" class="${wrapButtonClass} g-button g-button_view_flat g-button_size_m g-button_pin_round-round g-md-viewer-code-button yfm-code-button yfm-wrapping-button" tabindex="-1" type="button" aria-label="Toggle line wrapping" aria-pressed="${hasWrap}" data-tabindex="0">
+        ? `<button role="button" class="${buttonClassNames.join(' ')}" tabindex="-1" type="button" aria-label="Toggle line wrapping" aria-pressed="${hasWrap}" data-tabindex="0">
             <span class="g-button__icon">
             <span class="g-button__icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true">
                 <svg class="yfm-code-icon yfm-wrapping-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">