feat!: yfm instead of html (#993)

.storybook/utils.ts

@@ -1,3 +1,26 @@
 import yfm from '@diplodoc/transform';
+import {TitleItemProps} from '../src';
 
 export const yfmTransform = (content: string) => yfm(content).result.html;
+export const yfmTransformInline = (content: string) =>
+    yfm(content, {renderInline: true}).result.html;
+export const transformTitle = (title: string | TitleItemProps) => {
+    if (!title) {
+        return undefined;
+    }
+
+    if (typeof title === 'string') {
+        return yfmTransformInline(title);
+    }
+
+    const {text, ...rest} = title;
+
+    return {...rest, text: yfmTransformInline(text)};
+};
+export const transformOptionalTitle = (title?: string | TitleItemProps) => {
+    if (!title) {
+        return undefined;
+    }
+
+    return transformTitle(title);
+};

package.json

@@ -116,7 +116,7 @@
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "@diplodoc/transform": "^4.10.4",
+    "@diplodoc/transform": "^4.28.2",
     "@gravity-ui/uikit": "^6.0.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },

playwright/README.md

@@ -136,3 +136,4 @@
 - `npm run playwright:docker` - run tests using docker
 - `npm run playwright:docker:update` - update screenshots using docker
 - `npm run playwright:docker:clear-cache` - clear node_modules cache for docker container and clear cache vite
+- `npx playwright show-report ./playwright-report-docker` - show report

playwright/playwright.config.ts

@@ -72,7 +72,6 @@ const config: PlaywrightTestConfig = {
                         icon: true,
                     },
                 }),
-
                 commonjs(),
             ],
             resolve: {