@gravity-ui/markdown-editor 13.5.1 → 13.5.3

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/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/toolbar/ToolbarButton.js

@@ -9,10 +9,11 @@ const common_1 = require("../i18n/common");
 const lodash_1 = require("../lodash");
 const const_1 = require("./const");
 const b = (0, classname_1.cn)('toolbar-button');
-exports.ToolbarButtonView = react_1.default.forwardRef(function ToolbarButtonView({ icon, title, hotkey, disabledPopoverVisible = true, hintWhenDisabled, active, enabled, onClick, className, }, ref) {
+exports.ToolbarButtonView = react_1.default.forwardRef(function ToolbarButtonView({ icon, title, hint, hotkey, disabledPopoverVisible = true, hintWhenDisabled, active, enabled, onClick, className, }, ref) {
     var _a;
     const disabled = !active && !enabled;
     const titleText = (0, lodash_1.isFunction)(title) ? title() : title;
+    const hintText = (0, lodash_1.isFunction)(hint) ? hint() : hint;
     const hideHintWhenDisabled = hintWhenDisabled === false || !disabledPopoverVisible || !disabled;
     const hintWhenDisabledText = typeof hintWhenDisabled === 'string'
         ? hintWhenDisabled
@@ -20,7 +21,7 @@ exports.ToolbarButtonView = react_1.default.forwardRef(function ToolbarButtonVie
             ? hintWhenDisabled()
             : (0, common_1.i18n)('toolbar_action_disabled');
     return (react_1.default.createElement(uikit_1.Popover, { content: hintWhenDisabledText, disabled: hideHintWhenDisabled, tooltipContentClassName: b('action-disabled-tooltip'), placement: ['bottom'] },
-        react_1.default.createElement(uikit_1.ActionTooltip, { openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close, title: titleText, hotkey: hotkey },
+        react_1.default.createElement(uikit_1.ActionTooltip, { openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close, description: hintText, title: titleText, hotkey: hotkey },
             react_1.default.createElement(uikit_1.Button, { size: "m", ref: ref, selected: active, disabled: disabled, view: active ? 'normal' : 'flat', onClick: onClick, className: b(null, [className]), extraProps: { 'aria-label': titleText } },
                 react_1.default.createElement(uikit_1.Icon, { data: icon.data, size: (_a = icon.size) !== null && _a !== void 0 ? _a : 16 })))));
 });

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.1' !== 'undefined' ? '13.5.1' : 'unknown';
+exports.VERSION = typeof '13.5.3' !== 'undefined' ? '13.5.3' : '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/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/toolbar/ToolbarButton.js

@@ -6,10 +6,11 @@ import { isFunction } from '../lodash';
 import { ToolbarTooltipDelay } from './const';
 import './ToolbarButton.css';
 const b = cn('toolbar-button');
-export const ToolbarButtonView = React.forwardRef(function ToolbarButtonView({ icon, title, hotkey, disabledPopoverVisible = true, hintWhenDisabled, active, enabled, onClick, className, }, ref) {
+export const ToolbarButtonView = React.forwardRef(function ToolbarButtonView({ icon, title, hint, hotkey, disabledPopoverVisible = true, hintWhenDisabled, active, enabled, onClick, className, }, ref) {
     var _a;
     const disabled = !active && !enabled;
     const titleText = isFunction(title) ? title() : title;
+    const hintText = isFunction(hint) ? hint() : hint;
     const hideHintWhenDisabled = hintWhenDisabled === false || !disabledPopoverVisible || !disabled;
     const hintWhenDisabledText = typeof hintWhenDisabled === 'string'
         ? hintWhenDisabled
@@ -17,7 +18,7 @@ export const ToolbarButtonView = React.forwardRef(function ToolbarButtonView({ i
             ? hintWhenDisabled()
             : i18n('toolbar_action_disabled');
     return (React.createElement(Popover, { content: hintWhenDisabledText, disabled: hideHintWhenDisabled, tooltipContentClassName: b('action-disabled-tooltip'), placement: ['bottom'] },
-        React.createElement(ActionTooltip, { openDelay: ToolbarTooltipDelay.Open, closeDelay: ToolbarTooltipDelay.Close, title: titleText, hotkey: hotkey },
+        React.createElement(ActionTooltip, { openDelay: ToolbarTooltipDelay.Open, closeDelay: ToolbarTooltipDelay.Close, description: hintText, title: titleText, hotkey: hotkey },
             React.createElement(Button, { size: "m", ref: ref, selected: active, disabled: disabled, view: active ? 'normal' : 'flat', onClick: onClick, className: b(null, [className]), extraProps: { 'aria-label': titleText } },
                 React.createElement(Icon, { data: icon.data, size: (_a = icon.size) !== null && _a !== void 0 ? _a : 16 })))));
 });

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.1' !== 'undefined' ? '13.5.1' : 'unknown';
+export const VERSION = typeof '13.5.3' !== 'undefined' ? '13.5.3' : 'unknown';

package/package.json

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