@cloud-ru/ds-markdown 1.0.20-preview-9414fc09.0 → 1.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-markdown",
-  "version": "1.0.20-preview-9414fc09.0",
+  "version": "1.0.20",
   "description": "Просмотр и редактирование markdown — рендер GFM и WYSIWYG-редактор на TipTap.",
   "repository": {
     "type": "git",
@@ -62,20 +62,20 @@
     "rehype-highlight": "^7.0.2",
     "remark-gfm": "^4.0.1",
     "unified": "^11.0.5",
-    "@cloud-ru/ds-divider": "1.0.1",
-    "@cloud-ru/ds-button": "1.0.2",
-    "@cloud-ru/ds-fields": "2.2.3-preview-9414fc09.0",
-    "@cloud-ru/ds-icons": "1.1.0",
-    "@cloud-ru/ds-modal": "1.1.1",
-    "@cloud-ru/ds-portal-context": "1.0.1",
-    "@cloud-ru/ds-materials": "1.0.1",
-    "@cloud-ru/ds-scroll": "1.0.2",
-    "@cloud-ru/ds-locale": "1.0.0",
-    "@cloud-ru/ds-toggles": "1.1.3",
-    "@cloud-ru/ds-list": "2.1.3",
-    "@cloud-ru/ds-tooltip": "1.0.4",
-    "@cloud-ru/ds-utils": "1.1.0",
-    "@cloud-ru/ds-typography": "1.0.0"
+    "@cloud-ru/ds-button": "^1.0.2",
+    "@cloud-ru/ds-fields": "^2.2.2",
+    "@cloud-ru/ds-list": "^2.1.3",
+    "@cloud-ru/ds-icons": "^1.1.0",
+    "@cloud-ru/ds-divider": "^1.0.1",
+    "@cloud-ru/ds-portal-context": "^1.0.1",
+    "@cloud-ru/ds-modal": "^1.1.1",
+    "@cloud-ru/ds-toggles": "^1.1.3",
+    "@cloud-ru/ds-locale": "^1.0.0",
+    "@cloud-ru/ds-scroll": "^1.0.2",
+    "@cloud-ru/ds-materials": "^1.0.1",
+    "@cloud-ru/ds-tooltip": "^1.0.4",
+    "@cloud-ru/ds-typography": "^1.0.0",
+    "@cloud-ru/ds-utils": "^1.1.0"
   },
   "devDependencies": {
     "sass": "1.102.0",

package/src/mixins.scss

@@ -51,6 +51,12 @@ $block-top-spacings: (
     }
   }
 
+  // У части брендовых шрифтов (SB Sans Interface) нет курсивного начертания — разрешаем браузерный наклон.
+  em,
+  i {
+    font-synthesis-style: auto;
+  }
+
   ul,
   ol {
     padding-left: base.$sn-primitive-dimension-24;

package/src/toolbarApi.ts

@@ -1,3 +1,4 @@
+import { TextSelection } from '@tiptap/pm/state';
 import { Editor } from '@tiptap/react';
 import { RefObject } from 'react';
 
@@ -84,14 +85,23 @@ export function createWysiwygApi(editor: Editor): ToolbarApi {
         return;
       }
 
-      const chain = editor.chain().focus().extendMarkRange('link');
+      editor
+        .chain()
+        .focus()
+        .extendMarkRange('link')
+        // Текст из модалки отличается от текущего — заменяем его, иначе не трогаем (сохраняем вложенные марки).
+        .command(({ tr }) => {
+          const { from, to } = tr.selection;
 
-      // Нет выделения, но задан текст — вставляем текст-ссылку. Иначе оборачиваем выделение.
-      if (editor.state.selection.empty && title) {
-        chain.insertContent({ type: 'text', text: title, marks: [{ type: 'link', attrs: { href } }] }).run();
-      } else {
-        chain.setLink({ href }).run();
-      }
+          if (title && title !== tr.doc.textBetween(from, to)) {
+            tr.insertText(title, from, to);
+            tr.setSelection(TextSelection.create(tr.doc, from, from + title.length));
+          }
+
+          return true;
+        })
+        .setLink({ href })
+        .run();
     },
     insertImage: (src, alt) => editor.chain().focus().setImage({ src, alt }).run(),
     insertTable: (rows, cols) => editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run(),