fix: merge main into fix/tooltip-hidden-under-toolbar

Author: dpolevodin

.babelrc

@@ -10,7 +10,9 @@
             }
         ],
         "@babel/preset-typescript",
-        "@babel/preset-react"
+        ["@babel/preset-react", {
+            "runtime": "automatic"
+        }]
     ],
     "plugins": []
 }

.eslintrc

@@ -9,6 +9,15 @@
     "plugins": ["lodash"],
     "rules": {
         "lodash/import-scope": [2, "method"],
-        "jsx-a11y/no-autofocus": "warn"
+        "jsx-a11y/no-autofocus": "warn",
+        "@typescript-eslint/no-import-type-side-effects": "error",
+        "@typescript-eslint/consistent-type-imports": [2, {
+            "fixStyle": "inline-type-imports"
+        }],
+        "@typescript-eslint/no-unused-vars": [2, {
+            "argsIgnorePattern": "^_",
+            "varsIgnorePattern": "^_",
+            "caughtErrors": "none"
+        }]
     }
 }

.storybook/preview.ts

@@ -2,9 +2,10 @@ import type {Preview} from '@storybook/react';
 import {MINIMAL_VIEWPORTS} from '@storybook/addon-viewport';
 import {withThemeProvider} from '../demo/hocs/withThemeProvider';
 import {withLang} from '../demo/hocs/withLang';
+import {withToaster} from '../demo/hocs/withToaster';
 
 const preview: Preview = {
-    decorators: [withThemeProvider, withLang],
+    decorators: [withThemeProvider, withLang, withToaster],
     parameters: {
         jsx: {showFunctions: true}, // To show functions in sources
         viewport: {

CHANGELOG.md

@@ -1,5 +1,51 @@
 # Changelog
 
+## [15.0.0](https://github.com/gravity-ui/markdown-editor/compare/v14.12.2...v15.0.0) (2025-02-11)
+
+See [the migration guide here](https://github.com/gravity-ui/markdown-editor/discussions/610).
+
+### ⚠ BREAKING CHANGES
+
+* markdown-editor@15 ([#604](https://github.com/gravity-ui/markdown-editor/issues/604))
+* `@gravity-ui/uikit` updated to v7
+* removed `toaster` prop from `<MarkdownEditorView />` component
+* removed deprecated props from `useMarkdownEditor()` hook
+* removed generics from `useMarkdownEditor()` and `UseMarkdownEditorProps`
+* removed deprecated `PluginPriority` field from `ExtensionBuilder`
+* removed deprecated constants with node and mark names; similarly for attributes
+* removed deprecated `<YfmHtml />` and `YfmHtmlProps`
+* removed deprecated `disabledPopoverVisible` field from `ToolbarItemData` type
+* removed `typesVersions` from `package.json`
+* build react-jsx using new jsx-transform
+* dropped support of `[email protected]`; changed minimal `react@16` version: `^16.14.0`
+* changed build target to ES2022 
+* dropped support of `@diplodoc/transform` lower then `^4.43.0`
+* dropped support of `@diplodoc/cut-extension` lower then `^0.5.0`
+* added `@diplodoc/file-extension` to peer dependencies
+* updated `SerializerMarkToken` — parent parameter now uses `Node` instead of `Fragment`
+
+### Features
+
+* moved `lodash` to dependencies
+* updated `codemirror` packages to latest versions
+* updated `prosemirror` packages to latest versions
+* added sourcemaps for builded files 
+
+## [14.12.2](https://github.com/gravity-ui/markdown-editor/compare/v14.12.0...v14.12.2) (2025-02-11)
+
+
+### chore
+
+* release 14.12.2 ([12a8ef1](https://github.com/gravity-ui/markdown-editor/commit/12a8ef1d6a4b8fba5f9741d0d974a8549992acc6))
+
+## [14.12.0](https://github.com/gravity-ui/markdown-editor/compare/v14.11.2...v14.12.0) (2025-02-11)
+
+
+### Features
+
+* **actions:** add heading previews ([#582](https://github.com/gravity-ui/markdown-editor/issues/582)) ([0bf2af1](https://github.com/gravity-ui/markdown-editor/commit/0bf2af1a65c52f82559930e1f31dab78f9c16b34))
+* **core:** added preserving and managing original markdown formatting for YfmTable ([#558](https://github.com/gravity-ui/markdown-editor/issues/558)) ([59549eb](https://github.com/gravity-ui/markdown-editor/commit/59549ebb4ee04296ae32e68c4e6289559d037330))
+
 ## [14.11.2](https://github.com/gravity-ui/markdown-editor/compare/v14.11.1...v14.11.2) (2025-02-07)
 
 

README-ru.md

@@ -30,7 +30,6 @@ npm install @gravity-ui/markdown-editor
 ```tsx
 import React from 'react';
 import {useMarkdownEditor, MarkdownEditorView} from '@gravity-ui/markdown-editor';
-import {toaster} from '@gravity-ui/uikit/toaster-singleton-react-18';
 
 function Editor({onSubmit}) {
   const editor = useMarkdownEditor({allowHTML: false});
@@ -48,11 +47,12 @@ function Editor({onSubmit}) {
     };
   }, [onSubmit]);
 
-  return <MarkdownEditorView stickyToolbar autofocus toaster={toaster} editor={editor} />;
+  return <MarkdownEditorView stickyToolbar autofocus editor={editor} />;
 }
 ```
 
 Полезные ссылки:
+
 - [Как подключить редактор в Create React App](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-install-create-react-app--docs)
 - [Как добавить предварительный просмотр для режима разметки](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-develop-preview--docs)
 - [Как добавить расширение HTML](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-connect-html-block--docs)
@@ -84,20 +84,19 @@ configure({
 
 Обязательно сделайте вызов `configure()` из [UIKit](https://github.com/gravity-ui/uikit?tab=readme-ov-file#i18n) и других UI-библиотек.
 
-### Система z-index 
+### Система z-index
 
 В этом проекте используется система z-index для управления слоями элементов. Ниже приведены определенные уровни и их значения:
 
 | level               | z-index value |
-|---------------------|---------------|
+| ------------------- | ------------- |
 | background          | -1            |
 | default             | 0             |
 | forefront           | 1             |
 | img-settings-button | 2             |
 | table-view-button   | 100           |
 | table-cell-button   | 110           |
-| sticky-toolbar      | 2000          |
-| tooltip             | 2100          |
+| sticky-toolbar      | 990           |
 
 ### Использование
 
@@ -107,7 +106,7 @@ configure({
 @use 'styles/mixins.scss';
 
 .tooltip {
-  @include mixins.z-index('tooltip');
+  @include mixins.z-index('forefront');
 }
 ```
 

README.md

@@ -30,7 +30,6 @@ To set up styling and theme see [UIKit docs](https://github.com/gravity-ui/uikit
 ```tsx
 import React from 'react';
 import {useMarkdownEditor, MarkdownEditorView} from '@gravity-ui/markdown-editor';
-import {toaster} from '@gravity-ui/uikit/toaster-singleton-react-18';
 
 function Editor({onSubmit}) {
   const editor = useMarkdownEditor({allowHTML: false});
@@ -48,10 +47,12 @@ function Editor({onSubmit}) {
     };
   }, [onSubmit]);
 
-  return <MarkdownEditorView stickyToolbar autofocus toaster={toaster} editor={editor} />;
+  return <MarkdownEditorView stickyToolbar autofocus editor={editor} />;
 }
 ```
+
 Read more:
+
 - [How to connect the editor in the Create React App](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-install-create-react-app--docs)
 - [How to add preview for markup mode](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-develop-preview--docs)
 - [How to add HTML extension](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-connect-html-block--docs)
@@ -62,13 +63,13 @@ Read more:
 - [How to add text binding extension in markdown](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-develop-extension-with-popup--docs)
 
 ### Development
+
 To start the dev storybook
 
 ```shell
 npm start
 ```
 
-
 ### i18n
 
 To set up internationalization, you just need to use the `configure`:
@@ -88,15 +89,14 @@ Don't forget to call `configure()` from [UIKit](https://github.com/gravity-ui/ui
 This project uses a z-index map to control the layers of elements. Defined levels:
 
 | level               | z-index value |
-|---------------------|---------------|
+| ------------------- | ------------- |
 | background          | -1            |
 | default             | 0             |
 | forefront           | 1             |
 | img-settings-button | 2             |
 | table-view-button   | 100           |
 | table-cell-button   | 110           |
-| sticky-toolbar      | 2000          |
-| tooltip             | 2100          |
+| sticky-toolbar      | 990           |
 
 ### Usage
 
@@ -106,7 +106,7 @@ To apply z-index to components, use the z-index mixin, passing the key as an arg
 @use 'styles/mixins.scss';
 
 .tooltip {
-  @include mixins.z-index('tooltip');
+  @include mixins.z-index('forefront');
 }
 ```
 

demo/.eslintrc

@@ -1,3 +1,3 @@
 {
-    "extends": "@gravity-ui/eslint-config/client"
+    "extends": ["@gravity-ui/eslint-config/client", "plugin:react/jsx-runtime"]
 }

demo/components/PMSelection.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
+import {useLayoutEffect} from 'react';
 
-import {EditorView} from 'prosemirror-view';
+import type {EditorView} from 'prosemirror-view';
 import {useEffectOnce, useUpdate} from 'react-use';
 
 import {
@@ -23,7 +23,7 @@ export function WysiwygSelection({editor, className}: WysiwygSelectionProps) {
 
     const view = editor?.currentMode === 'wysiwyg' && editor._wysiwygView;
 
-    React.useLayoutEffect(() => {
+    useLayoutEffect(() => {
         if (!editor) return undefined;
         editor.on(
             // @ts-expect-error TODO: add public event for selection change