@gravity-ui/markdown-editor 15.11.1 → 15.12.0

package/build/cjs/version.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 /** During build process, the current version will be injected here */
-exports.VERSION = typeof '15.11.1' !== 'undefined' ? '15.11.1' : 'unknown';
+exports.VERSION = typeof '15.12.0' !== 'undefined' ? '15.12.0' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.11.1' !== 'undefined' ? '15.11.1' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.12.0' !== 'undefined' ? '15.12.0' : 'unknown';\n"]}

package/build/cjs/view/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from "./useYfmShowElemWithId/index.js";
+export * from "./useFilesGallery/index.js";

package/build/cjs/view/hooks/index.js

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./useYfmShowElemWithId/index.js"), exports);
+tslib_1.__exportStar(require("./useFilesGallery/index.js"), exports);
 //# sourceMappingURL=index.js.map

package/build/cjs/view/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/hooks/index.ts"],"names":[],"mappings":";;;AAAA,0EAAuC","sourcesContent":["export * from './useYfmShowElemWithId';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/hooks/index.ts"],"names":[],"mappings":";;;AAAA,0EAAuC;AACvC,qEAAkC","sourcesContent":["export * from './useYfmShowElemWithId';\nexport * from './useFilesGallery';\n"]}

package/build/cjs/view/hooks/useFilesGallery/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const supportedImageExtensions: string[];
+export declare const supportedVideoExtensions: string[];
+export declare const supportedExtensions: string[];
+export declare const extensionRegex: RegExp;

package/build/cjs/view/hooks/useFilesGallery/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extensionRegex = exports.supportedExtensions = exports.supportedVideoExtensions = exports.supportedImageExtensions = void 0;
+exports.supportedImageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif', 'bmp'];
+exports.supportedVideoExtensions = ['mp4', 'webm', 'ogg'];
+exports.supportedExtensions = [...exports.supportedImageExtensions, ...exports.supportedVideoExtensions];
+exports.extensionRegex = /\w+?$/;
+//# sourceMappingURL=constants.js.map

package/build/cjs/view/hooks/useFilesGallery/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,wBAAwB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAEvF,QAAA,wBAAwB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAElD,QAAA,mBAAmB,GAAG,CAAC,GAAG,gCAAwB,EAAE,GAAG,gCAAwB,CAAC,CAAC;AAEjF,QAAA,cAAc,GAAG,OAAO,CAAC","sourcesContent":["export const supportedImageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif', 'bmp'];\n\nexport const supportedVideoExtensions = ['mp4', 'webm', 'ogg'];\n\nexport const supportedExtensions = [...supportedImageExtensions, ...supportedVideoExtensions];\n\nexport const extensionRegex = /\\w+?$/;\n"]}

package/build/cjs/view/hooks/useFilesGallery/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useFilesGallery.js";
+export * from "./types.js";

package/build/cjs/view/hooks/useFilesGallery/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useFilesGallery.js"), exports);
+tslib_1.__exportStar(require("./types.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/view/hooks/useFilesGallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/index.ts"],"names":[],"mappings":";;;AAAA,+DAAkC;AAClC,qDAAwB","sourcesContent":["export * from './useFilesGallery';\nexport * from './types';\n"]}

package/build/cjs/view/hooks/useFilesGallery/types.d.ts

@@ -0,0 +1,4 @@
+import type { GalleryItemProps } from '@gravity-ui/components';
+export type GalleryItemPropsWithUrl = GalleryItemProps & {
+    url?: string;
+};

package/build/cjs/view/hooks/useFilesGallery/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/build/cjs/view/hooks/useFilesGallery/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {GalleryItemProps} from '@gravity-ui/components';\n\nexport type GalleryItemPropsWithUrl = GalleryItemProps & {\n    // pass the url to be able to exclude the items from content if they are found in the custom files\n    url?: string;\n};\n"]}

package/build/cjs/view/hooks/useFilesGallery/useFilesGallery.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { GalleryItemPropsWithUrl } from "./types.js";
+export declare function useFilesGallery(customFiles?: GalleryItemPropsWithUrl[]): {
+    openFilesGallery: (event: React.MouseEvent<HTMLDivElement>) => void;
+};

package/build/cjs/view/hooks/useFilesGallery/useFilesGallery.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFilesGallery = useFilesGallery;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const components_1 = require("@gravity-ui/components");
+const constants_1 = require("./constants.js");
+function useFilesGallery(customFiles) {
+    const { openGallery } = (0, components_1.useGallery)();
+    return {
+        openFilesGallery: React.useCallback((event) => {
+            if (event.target instanceof HTMLElement) {
+                let fileLink = '';
+                if (event.target.tagName === 'IMG' && !event.target.closest('a')) {
+                    fileLink = event.target.getAttribute('src') ?? '';
+                }
+                else if (event.target.tagName === 'A') {
+                    fileLink = event.target.getAttribute('href') ?? '';
+                }
+                if (!fileLink) {
+                    return;
+                }
+                const filesFromContent = [
+                    ...(event.currentTarget?.querySelectorAll('img,a') ?? []),
+                ].reduce((result, element) => {
+                    const isImage = element.tagName === 'IMG';
+                    const link = isImage
+                        ? element.getAttribute('src')
+                        : element.getAttribute('href');
+                    if (link && !customFiles?.some((item) => item.url === link)) {
+                        const extension = link.match(constants_1.extensionRegex)?.[0] || '';
+                        if (isImage || constants_1.supportedExtensions.includes(extension)) {
+                            const name = (isImage
+                                ? element.getAttribute('alt')
+                                : element.getAttribute('title')) || '';
+                            result.push({
+                                ...(constants_1.supportedVideoExtensions.includes(extension)
+                                    ? (0, components_1.getGalleryItemVideo)({ src: link, name: name })
+                                    : (0, components_1.getGalleryItemImage)({ src: link, name: name })),
+                                url: link,
+                            });
+                        }
+                    }
+                    return result;
+                }, []);
+                const files = [...(customFiles ?? []), ...filesFromContent];
+                const initialItemIndex = files.findIndex((item) => item.url === fileLink);
+                if (initialItemIndex !== -1) {
+                    event.preventDefault();
+                    openGallery(files, initialItemIndex);
+                }
+            }
+        }, [customFiles, openGallery]),
+    };
+}
+//# sourceMappingURL=useFilesGallery.js.map

package/build/cjs/view/hooks/useFilesGallery/useFilesGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilesGallery.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/useFilesGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {getGalleryItemImage, getGalleryItemVideo, useGallery} from '@gravity-ui/components';\n\nimport {extensionRegex, supportedExtensions, supportedVideoExtensions} from './constants';\nimport type {GalleryItemPropsWithUrl} from './types';\n\nexport function useFilesGallery(customFiles?: GalleryItemPropsWithUrl[]) {\n    const {openGallery} = useGallery();\n\n    return {\n        openFilesGallery: React.useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                if (event.target instanceof HTMLElement) {\n                    let fileLink = '';\n\n                    if (event.target.tagName === 'IMG' && !event.target.closest('a')) {\n                        fileLink = event.target.getAttribute('src') ?? '';\n                    } else if (event.target.tagName === 'A') {\n                        fileLink = event.target.getAttribute('href') ?? '';\n                    }\n\n                    if (!fileLink) {\n                        return;\n                    }\n\n                    const filesFromContent = [\n                        ...(event.currentTarget?.querySelectorAll('img,a') ?? []),\n                    ].reduce<GalleryItemPropsWithUrl[]>((result, element) => {\n                        const isImage = element.tagName === 'IMG';\n                        const link = isImage\n                            ? element.getAttribute('src')\n                            : element.getAttribute('href');\n\n                        if (link && !customFiles?.some((item) => item.url === link)) {\n                            const extension = link.match(extensionRegex)?.[0] || '';\n\n                            if (isImage || supportedExtensions.includes(extension)) {\n                                const name =\n                                    (isImage\n                                        ? element.getAttribute('alt')\n                                        : element.getAttribute('title')) || '';\n\n                                result.push({\n                                    ...(supportedVideoExtensions.includes(extension)\n                                        ? getGalleryItemVideo({src: link, name: name})\n                                        : getGalleryItemImage({src: link, name: name})),\n                                    url: link,\n                                });\n                            }\n                        }\n\n                        return result;\n                    }, []);\n\n                    const files = [...(customFiles ?? []), ...filesFromContent];\n\n                    const initialItemIndex = files.findIndex((item) => item.url === fileLink);\n\n                    if (initialItemIndex !== -1) {\n                        event.preventDefault();\n                        openGallery(files, initialItemIndex);\n                    }\n                }\n            },\n            [customFiles, openGallery],\n        ),\n    };\n}\n"]}

package/build/esm/version.js

@@ -1,3 +1,3 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '15.11.1' !== 'undefined' ? '15.11.1' : 'unknown';
+export const VERSION = typeof '15.12.0' !== 'undefined' ? '15.12.0' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/esm/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.11.1' !== 'undefined' ? '15.11.1' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.12.0' !== 'undefined' ? '15.12.0' : 'unknown';\n"]}

package/build/esm/view/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from "./useYfmShowElemWithId/index.js";
+export * from "./useFilesGallery/index.js";

package/build/esm/view/hooks/index.js

@@ -1,2 +1,3 @@
 export * from "./useYfmShowElemWithId/index.js";
+export * from "./useFilesGallery/index.js";
 //# sourceMappingURL=index.js.map

package/build/esm/view/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/hooks/index.ts"],"names":[],"mappings":"AAAA,gDAAuC","sourcesContent":["export * from './useYfmShowElemWithId';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/hooks/index.ts"],"names":[],"mappings":"AAAA,gDAAuC;AACvC,2CAAkC","sourcesContent":["export * from './useYfmShowElemWithId';\nexport * from './useFilesGallery';\n"]}

package/build/esm/view/hooks/useFilesGallery/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const supportedImageExtensions: string[];
+export declare const supportedVideoExtensions: string[];
+export declare const supportedExtensions: string[];
+export declare const extensionRegex: RegExp;

package/build/esm/view/hooks/useFilesGallery/constants.js

@@ -0,0 +1,5 @@
+export const supportedImageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif', 'bmp'];
+export const supportedVideoExtensions = ['mp4', 'webm', 'ogg'];
+export const supportedExtensions = [...supportedImageExtensions, ...supportedVideoExtensions];
+export const extensionRegex = /\w+?$/;
+//# sourceMappingURL=constants.js.map

package/build/esm/view/hooks/useFilesGallery/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAEpG,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAE/D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAAG,wBAAwB,EAAE,GAAG,wBAAwB,CAAC,CAAC;AAE9F,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC","sourcesContent":["export const supportedImageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif', 'bmp'];\n\nexport const supportedVideoExtensions = ['mp4', 'webm', 'ogg'];\n\nexport const supportedExtensions = [...supportedImageExtensions, ...supportedVideoExtensions];\n\nexport const extensionRegex = /\\w+?$/;\n"]}

package/build/esm/view/hooks/useFilesGallery/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useFilesGallery.js";
+export * from "./types.js";

package/build/esm/view/hooks/useFilesGallery/index.js

@@ -0,0 +1,3 @@
+export * from "./useFilesGallery.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/build/esm/view/hooks/useFilesGallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/index.ts"],"names":[],"mappings":"AAAA,qCAAkC;AAClC,2BAAwB","sourcesContent":["export * from './useFilesGallery';\nexport * from './types';\n"]}

package/build/esm/view/hooks/useFilesGallery/types.d.ts

@@ -0,0 +1,4 @@
+import type { GalleryItemProps } from '@gravity-ui/components';
+export type GalleryItemPropsWithUrl = GalleryItemProps & {
+    url?: string;
+};

package/build/esm/view/hooks/useFilesGallery/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/esm/view/hooks/useFilesGallery/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {GalleryItemProps} from '@gravity-ui/components';\n\nexport type GalleryItemPropsWithUrl = GalleryItemProps & {\n    // pass the url to be able to exclude the items from content if they are found in the custom files\n    url?: string;\n};\n"]}

package/build/esm/view/hooks/useFilesGallery/useFilesGallery.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { GalleryItemPropsWithUrl } from "./types.js";
+export declare function useFilesGallery(customFiles?: GalleryItemPropsWithUrl[]): {
+    openFilesGallery: (event: React.MouseEvent<HTMLDivElement>) => void;
+};

package/build/esm/view/hooks/useFilesGallery/useFilesGallery.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { getGalleryItemImage, getGalleryItemVideo, useGallery } from '@gravity-ui/components';
+import { extensionRegex, supportedExtensions, supportedVideoExtensions } from "./constants.js";
+export function useFilesGallery(customFiles) {
+    const { openGallery } = useGallery();
+    return {
+        openFilesGallery: React.useCallback((event) => {
+            if (event.target instanceof HTMLElement) {
+                let fileLink = '';
+                if (event.target.tagName === 'IMG' && !event.target.closest('a')) {
+                    fileLink = event.target.getAttribute('src') ?? '';
+                }
+                else if (event.target.tagName === 'A') {
+                    fileLink = event.target.getAttribute('href') ?? '';
+                }
+                if (!fileLink) {
+                    return;
+                }
+                const filesFromContent = [
+                    ...(event.currentTarget?.querySelectorAll('img,a') ?? []),
+                ].reduce((result, element) => {
+                    const isImage = element.tagName === 'IMG';
+                    const link = isImage
+                        ? element.getAttribute('src')
+                        : element.getAttribute('href');
+                    if (link && !customFiles?.some((item) => item.url === link)) {
+                        const extension = link.match(extensionRegex)?.[0] || '';
+                        if (isImage || supportedExtensions.includes(extension)) {
+                            const name = (isImage
+                                ? element.getAttribute('alt')
+                                : element.getAttribute('title')) || '';
+                            result.push({
+                                ...(supportedVideoExtensions.includes(extension)
+                                    ? getGalleryItemVideo({ src: link, name: name })
+                                    : getGalleryItemImage({ src: link, name: name })),
+                                url: link,
+                            });
+                        }
+                    }
+                    return result;
+                }, []);
+                const files = [...(customFiles ?? []), ...filesFromContent];
+                const initialItemIndex = files.findIndex((item) => item.url === fileLink);
+                if (initialItemIndex !== -1) {
+                    event.preventDefault();
+                    openGallery(files, initialItemIndex);
+                }
+            }
+        }, [customFiles, openGallery]),
+    };
+}
+//# sourceMappingURL=useFilesGallery.js.map

package/build/esm/view/hooks/useFilesGallery/useFilesGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilesGallery.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/useFilesGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {getGalleryItemImage, getGalleryItemVideo, useGallery} from '@gravity-ui/components';\n\nimport {extensionRegex, supportedExtensions, supportedVideoExtensions} from './constants';\nimport type {GalleryItemPropsWithUrl} from './types';\n\nexport function useFilesGallery(customFiles?: GalleryItemPropsWithUrl[]) {\n    const {openGallery} = useGallery();\n\n    return {\n        openFilesGallery: React.useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                if (event.target instanceof HTMLElement) {\n                    let fileLink = '';\n\n                    if (event.target.tagName === 'IMG' && !event.target.closest('a')) {\n                        fileLink = event.target.getAttribute('src') ?? '';\n                    } else if (event.target.tagName === 'A') {\n                        fileLink = event.target.getAttribute('href') ?? '';\n                    }\n\n                    if (!fileLink) {\n                        return;\n                    }\n\n                    const filesFromContent = [\n                        ...(event.currentTarget?.querySelectorAll('img,a') ?? []),\n                    ].reduce<GalleryItemPropsWithUrl[]>((result, element) => {\n                        const isImage = element.tagName === 'IMG';\n                        const link = isImage\n                            ? element.getAttribute('src')\n                            : element.getAttribute('href');\n\n                        if (link && !customFiles?.some((item) => item.url === link)) {\n                            const extension = link.match(extensionRegex)?.[0] || '';\n\n                            if (isImage || supportedExtensions.includes(extension)) {\n                                const name =\n                                    (isImage\n                                        ? element.getAttribute('alt')\n                                        : element.getAttribute('title')) || '';\n\n                                result.push({\n                                    ...(supportedVideoExtensions.includes(extension)\n                                        ? getGalleryItemVideo({src: link, name: name})\n                                        : getGalleryItemImage({src: link, name: name})),\n                                    url: link,\n                                });\n                            }\n                        }\n\n                        return result;\n                    }, []);\n\n                    const files = [...(customFiles ?? []), ...filesFromContent];\n\n                    const initialItemIndex = files.findIndex((item) => item.url === fileLink);\n\n                    if (initialItemIndex !== -1) {\n                        event.preventDefault();\n                        openGallery(files, initialItemIndex);\n                    }\n                }\n            },\n            [customFiles, openGallery],\n        ),\n    };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.11.1",
+  "version": "15.12.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -225,15 +225,16 @@
     "@diplodoc/html-extension": "2.7.1",
     "@diplodoc/latex-extension": "1.0.3",
     "@diplodoc/mermaid-extension": "1.2.1",
-    "@diplodoc/quote-link-extension": "0.1.2",
+    "@diplodoc/quote-link-extension": "0.1.3",
     "@diplodoc/tabs-extension": "^3.5.1",
     "@diplodoc/transform": "^4.57.2",
+    "@gravity-ui/components": "4.2.2",
     "@gravity-ui/eslint-config": "3.3.0",
     "@gravity-ui/gulp-utils": "1.0.3",
     "@gravity-ui/prettier-config": "1.1.0",
     "@gravity-ui/stylelint-config": "4.0.1",
     "@gravity-ui/tsconfig": "1.0.0",
-    "@gravity-ui/uikit": "7.1.1",
+    "@gravity-ui/uikit": "7.10.0",
     "@playwright/experimental-ct-react": "1.49.0",
     "@playwright/test": "1.49.0",
     "@storybook/addon-docs": "8.4.1",
@@ -310,6 +311,9 @@
     },
     "lowlight": {
       "optional": true
+    },
+    "@gravity-ui/components": {
+      "optional": true
     }
   },
   "peerDependencies": {
@@ -319,9 +323,10 @@
     "@diplodoc/html-extension": "^2.3.2",
     "@diplodoc/latex-extension": "^1.0.3",
     "@diplodoc/mermaid-extension": "^1.0.0",
-    "@diplodoc/quote-link-extension": "^0.1.1",
+    "@diplodoc/quote-link-extension": "^0.1.3",
     "@diplodoc/tabs-extension": "^3.5.1",
     "@diplodoc/transform": "^4.43.0",
+    "@gravity-ui/components": "^4.2.2",
     "@gravity-ui/uikit": "^7.1.0",
     "highlight.js": "^11.8.0",
     "katex": "^0.16.9",