@gravity-ui/markdown-editor 13.5.0 → 13.5.2

package/build/cjs/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockNodeView/NodeView.js

@@ -51,7 +51,7 @@ class WYfmHtmlBlockNodeView {
         this.view.dispatch(tr);
     }
     renderYfmHtmlBlock() {
-        return (0, react_dom_1.createPortal)(react_1.default.createElement(YfmHtmlBlockView_1.YfmHtmlBlockView, { useConfig: this.options.useConfig, view: this.view, onChange: this.onChange.bind(this), node: this.node, getPos: this.getPos }), this.dom);
+        return (0, react_dom_1.createPortal)(react_1.default.createElement(YfmHtmlBlockView_1.YfmHtmlBlockView, { getPos: this.getPos, node: this.node, onChange: this.onChange.bind(this), sanitize: this.options.sanitize, useConfig: this.options.useConfig, view: this.view }), this.dom);
     }
 }
 exports.WYfmHtmlBlockNodeView = WYfmHtmlBlockNodeView;

package/build/cjs/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockNodeView/YfmHtmlBlockView.d.ts

@@ -7,11 +7,12 @@ export declare const cnYfmHtmlBlock: import("@bem-react/classname").ClassNameFor
 export declare const cnHelper: import("@bem-react/classname").ClassNameFormatter;
 export declare function generateID(): string;
 export declare const YfmHtmlBlockView: React.FC<{
-    view: EditorView;
+    getPos: () => number | undefined;
+    node: Node;
     onChange: (attrs: {
         [YfmHtmlBlockConsts.NodeAttrs.srcdoc]: string;
     }) => void;
-    node: Node;
-    getPos: () => number | undefined;
+    sanitize?: (dirtyHtml: string) => string;
     useConfig?: () => IHTMLIFrameElementConfig | undefined;
+    view: EditorView;
 }>;

package/build/cjs/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockNodeView/YfmHtmlBlockView.js

@@ -137,7 +137,7 @@ const CodeEditMode = ({ initialText, onSave, onCancel }) => {
                     react_1.default.createElement(uikit_1.Button, { onClick: () => onSave(text), view: 'action' },
                         react_1.default.createElement("span", { className: (0, exports.cnHelper)({ 'prosemirror-stop-event': true }) }, (0, common_1.i18n)('save'))))))));
 };
-const YfmHtmlBlockView = ({ onChange, node, getPos, view, useConfig }) => {
+const YfmHtmlBlockView = ({ onChange, node, getPos, view, useConfig, sanitize }) => {
     const [editing, setEditing, unsetEditing, toggleEditing] = (0, hooks_1.useBooleanState)(Boolean(node.attrs[const_1.YfmHtmlBlockConsts.NodeAttrs.newCreated]));
     const config = useConfig === null || useConfig === void 0 ? void 0 : useConfig();
     const [menuOpen, , , toggleMenuOpen] = (0, hooks_1.useBooleanState)(false);
@@ -151,9 +151,11 @@ const YfmHtmlBlockView = ({ onChange, node, getPos, view, useConfig }) => {
                 unsetEditing();
             } }));
     }
+    const dirtyHtml = node.attrs[const_1.YfmHtmlBlockConsts.NodeAttrs.srcdoc];
+    const html = sanitize ? sanitize(dirtyHtml) : dirtyHtml;
     return (react_1.default.createElement("div", { className: b(), onDoubleClick: setEditing },
         react_1.default.createElement(uikit_1.Label, { className: b('label'), icon: react_1.default.createElement(uikit_1.Icon, { size: 16, data: icons_1.Eye }) }, (0, common_1.i18n)('preview')),
-        react_1.default.createElement(YfmHtmlBlockPreview, { html: node.attrs[const_1.YfmHtmlBlockConsts.NodeAttrs.srcdoc], "on\u0421lick": handleClick, config: config }),
+        react_1.default.createElement(YfmHtmlBlockPreview, { html: html, "on\u0421lick": handleClick, config: config }),
         react_1.default.createElement("div", { className: b('menu') },
             react_1.default.createElement(uikit_1.Button, { onClick: toggleMenuOpen, ref: buttonRef, size: 's', className: (0, exports.cnHelper)({ 'prosemirror-stop-event': true }) },
                 react_1.default.createElement(uikit_1.Icon, { data: icons_1.Ellipsis, className: (0, exports.cnHelper)({ 'prosemirror-stop-event': true }) })),

package/build/cjs/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockSpecs/index.d.ts

@@ -2,6 +2,7 @@ import type { ExtensionNodeSpec } from '../../../../core';
 export { yfmHtmlBlockNodeName } from './const';
 export declare type YfmHtmlBlockSpecsOptions = {
     nodeView?: ExtensionNodeSpec['view'];
+    sanitize?: (dirtyHtml: string) => string;
 };
 export declare const YfmHtmlBlockSpecs: import("../../../../core").ExtensionWithOptions<YfmHtmlBlockSpecsOptions> & {
     readonly NodeName: "yfm_html_block";

package/build/cjs/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockSpecs/index.js

@@ -6,9 +6,9 @@ const html_extension_1 = require("@diplodoc/html-extension");
 const const_1 = require("./const");
 var const_2 = require("./const");
 Object.defineProperty(exports, "yfmHtmlBlockNodeName", { enumerable: true, get: function () { return const_2.yfmHtmlBlockNodeName; } });
-const YfmHtmlBlockSpecsExtension = (builder, { nodeView }) => {
+const YfmHtmlBlockSpecsExtension = (builder, { nodeView, sanitize }) => {
     builder
-        .configureMd((md) => md.use((0, html_extension_1.transform)({ bundle: false }), {}))
+        .configureMd((md) => md.use((0, html_extension_1.transform)({ bundle: false, sanitize }), {}))
         .addNode(const_1.YfmHtmlBlockConsts.NodeName, () => ({
         fromMd: {
             tokenSpec: {

package/build/cjs/extensions/yfm/YfmHtmlBlock/index.d.ts

@@ -3,6 +3,7 @@ import { Action, ExtensionAuto } from '../../../core';
 import { YfmHtmlBlockAction } from './YfmHtmlBlockSpecs/const';
 export declare type YfmHtmlBlockOptions = {
     useConfig?: () => IHTMLIFrameElementConfig | undefined;
+    sanitize?: (dirtyHtml: string) => string;
 };
 export declare const YfmHtmlBlock: ExtensionAuto<YfmHtmlBlockOptions>;
 declare global {

package/build/cjs/extensions/yfm/YfmHtmlBlock/index.js

@@ -8,6 +8,7 @@ const actions_1 = require("./actions");
 const YfmHtmlBlock = (builder, options) => {
     builder.use(YfmHtmlBlockSpecs_1.YfmHtmlBlockSpecs, {
         nodeView: YfmHtmlBlockNodeViewFactory(options),
+        sanitize: options.sanitize,
     });
     builder.addAction(const_1.YfmHtmlBlockAction, () => actions_1.addYfmHtmlBlock);
 };

package/build/cjs/forms/utils.d.ts

@@ -0,0 +1 @@
+export { enterKeyHandler } from '../utils/handlers';

package/build/cjs/forms/utils.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.enterKeyHandler = void 0;
+var handlers_1 = require("../utils/handlers");
+Object.defineProperty(exports, "enterKeyHandler", { enumerable: true, get: function () { return handlers_1.enterKeyHandler; } });

package/build/cjs/version.js

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

package/build/esm/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockNodeView/NodeView.js

@@ -47,6 +47,6 @@ export class WYfmHtmlBlockNodeView {
         this.view.dispatch(tr);
     }
     renderYfmHtmlBlock() {
-        return createPortal(React.createElement(YfmHtmlBlockView, { useConfig: this.options.useConfig, view: this.view, onChange: this.onChange.bind(this), node: this.node, getPos: this.getPos }), this.dom);
+        return createPortal(React.createElement(YfmHtmlBlockView, { getPos: this.getPos, node: this.node, onChange: this.onChange.bind(this), sanitize: this.options.sanitize, useConfig: this.options.useConfig, view: this.view }), this.dom);
     }
 }

package/build/esm/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockNodeView/YfmHtmlBlockView.d.ts

@@ -8,11 +8,12 @@ export declare const cnHelper: import("@bem-react/classname").ClassNameFormatter
 import './YfmHtmlBlock.css';
 export declare function generateID(): string;
 export declare const YfmHtmlBlockView: React.FC<{
-    view: EditorView;
+    getPos: () => number | undefined;
+    node: Node;
     onChange: (attrs: {
         [YfmHtmlBlockConsts.NodeAttrs.srcdoc]: string;
     }) => void;
-    node: Node;
-    getPos: () => number | undefined;
+    sanitize?: (dirtyHtml: string) => string;
     useConfig?: () => IHTMLIFrameElementConfig | undefined;
+    view: EditorView;
 }>;

package/build/esm/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockNodeView/YfmHtmlBlockView.js

@@ -133,7 +133,7 @@ const CodeEditMode = ({ initialText, onSave, onCancel }) => {
                     React.createElement(Button, { onClick: () => onSave(text), view: 'action' },
                         React.createElement("span", { className: cnHelper({ 'prosemirror-stop-event': true }) }, i18n('save'))))))));
 };
-export const YfmHtmlBlockView = ({ onChange, node, getPos, view, useConfig }) => {
+export const YfmHtmlBlockView = ({ onChange, node, getPos, view, useConfig, sanitize }) => {
     const [editing, setEditing, unsetEditing, toggleEditing] = useBooleanState(Boolean(node.attrs[YfmHtmlBlockConsts.NodeAttrs.newCreated]));
     const config = useConfig === null || useConfig === void 0 ? void 0 : useConfig();
     const [menuOpen, , , toggleMenuOpen] = useBooleanState(false);
@@ -147,9 +147,11 @@ export const YfmHtmlBlockView = ({ onChange, node, getPos, view, useConfig }) =>
                 unsetEditing();
             } }));
     }
+    const dirtyHtml = node.attrs[YfmHtmlBlockConsts.NodeAttrs.srcdoc];
+    const html = sanitize ? sanitize(dirtyHtml) : dirtyHtml;
     return (React.createElement("div", { className: b(), onDoubleClick: setEditing },
         React.createElement(Label, { className: b('label'), icon: React.createElement(Icon, { size: 16, data: Eye }) }, i18n('preview')),
-        React.createElement(YfmHtmlBlockPreview, { html: node.attrs[YfmHtmlBlockConsts.NodeAttrs.srcdoc], "on\u0421lick": handleClick, config: config }),
+        React.createElement(YfmHtmlBlockPreview, { html: html, "on\u0421lick": handleClick, config: config }),
         React.createElement("div", { className: b('menu') },
             React.createElement(Button, { onClick: toggleMenuOpen, ref: buttonRef, size: 's', className: cnHelper({ 'prosemirror-stop-event': true }) },
                 React.createElement(Icon, { data: DotsIcon, className: cnHelper({ 'prosemirror-stop-event': true }) })),

package/build/esm/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockSpecs/index.d.ts

@@ -2,6 +2,7 @@ import type { ExtensionNodeSpec } from '../../../../core';
 export { yfmHtmlBlockNodeName } from './const';
 export declare type YfmHtmlBlockSpecsOptions = {
     nodeView?: ExtensionNodeSpec['view'];
+    sanitize?: (dirtyHtml: string) => string;
 };
 export declare const YfmHtmlBlockSpecs: import("../../../../core").ExtensionWithOptions<YfmHtmlBlockSpecsOptions> & {
     readonly NodeName: "yfm_html_block";

package/build/esm/extensions/yfm/YfmHtmlBlock/YfmHtmlBlockSpecs/index.js

@@ -2,9 +2,9 @@
 import { transform } from '@diplodoc/html-extension';
 import { YfmHtmlBlockConsts } from './const';
 export { yfmHtmlBlockNodeName } from './const';
-const YfmHtmlBlockSpecsExtension = (builder, { nodeView }) => {
+const YfmHtmlBlockSpecsExtension = (builder, { nodeView, sanitize }) => {
     builder
-        .configureMd((md) => md.use(transform({ bundle: false }), {}))
+        .configureMd((md) => md.use(transform({ bundle: false, sanitize }), {}))
         .addNode(YfmHtmlBlockConsts.NodeName, () => ({
         fromMd: {
             tokenSpec: {

package/build/esm/extensions/yfm/YfmHtmlBlock/index.d.ts

@@ -3,6 +3,7 @@ import { Action, ExtensionAuto } from '../../../core';
 import { YfmHtmlBlockAction } from './YfmHtmlBlockSpecs/const';
 export declare type YfmHtmlBlockOptions = {
     useConfig?: () => IHTMLIFrameElementConfig | undefined;
+    sanitize?: (dirtyHtml: string) => string;
 };
 export declare const YfmHtmlBlock: ExtensionAuto<YfmHtmlBlockOptions>;
 declare global {

package/build/esm/extensions/yfm/YfmHtmlBlock/index.js

@@ -5,6 +5,7 @@ import { addYfmHtmlBlock } from './actions';
 export const YfmHtmlBlock = (builder, options) => {
     builder.use(YfmHtmlBlockSpecs, {
         nodeView: YfmHtmlBlockNodeViewFactory(options),
+        sanitize: options.sanitize,
     });
     builder.addAction(YfmHtmlBlockAction, () => addYfmHtmlBlock);
 };

package/build/esm/forms/utils.d.ts

@@ -0,0 +1 @@
+export { enterKeyHandler } from '../utils/handlers';

package/build/esm/forms/utils.js

@@ -0,0 +1 @@
+export { enterKeyHandler } from '../utils/handlers';

package/build/esm/version.js

@@ -1,2 +1,2 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '13.5.0' !== 'undefined' ? '13.5.0' : 'unknown';
+export const VERSION = typeof '13.5.2' !== 'undefined' ? '13.5.2' : 'unknown';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "13.5.0",
+  "version": "13.5.2",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {