@gravity-ui/markdown-editor 14.12.1 → 14.12.3

package/build/cjs/plugins/BaseTooltip/index.d.ts

@@ -1,15 +1,15 @@
+import React, { ReactNode } from 'react';
 import { PopupPlacement, PopupProps } from '@gravity-ui/uikit';
 import { Mark, MarkType, Node, NodeType } from 'prosemirror-model';
 import { PluginView } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import { RendererItem } from "../../extensions/index.js";
-import "./index.css";
-export type BaseTooltipNode = {
+import { RendererItem } from '../../extensions';
+export declare type BaseTooltipNode = {
     pos: number;
     node: Node;
     dom: HTMLElement | null;
 };
-export type TooltipContentCb = (view: EditorView, node: BaseTooltipNode, onChange?: (attrs: Record<string, string>) => void, forceEdit?: boolean, onOutsideClick?: () => void) => React.ReactElement | null;
+export declare type TooltipContentCb = (view: EditorView, node: BaseTooltipNode, onChange?: (attrs: Record<string, string>) => void, forceEdit?: boolean, onOutsideClick?: () => void) => React.ReactElement | null;
 export interface BaseTooltipPluginOptions {
     idPrefix: string;
     content?: TooltipContentCb;
@@ -20,13 +20,13 @@ export interface BaseTooltipPluginOptions {
 export declare const BaseTooltipCn: import("@bem-react/classname").ClassNameFormatter;
 export declare const defaultPlacement: PopupPlacement;
 export declare const baseTooltipContentCn: import("@bem-react/classname").ClassNameFormatter;
-export type TooltipOnChangeCallback = (attrs: Record<string, string>, options?: {
+export declare type TooltipOnChangeCallback = (attrs: Record<string, string>, options?: {
     setFocus?: boolean;
     setSelection?: boolean;
     hideTooltip?: boolean;
     marks?: Mark[];
 }) => void;
-export type TooltipContentProps = {
+export declare type TooltipContentProps = {
     node: BaseTooltipNode;
     view: EditorView;
     onChange?: TooltipOnChangeCallback;
@@ -53,10 +53,10 @@ export declare class BaseTooltipPluginView implements PluginView {
     protected updateTooltipView(): void;
     protected render(): void;
     protected onOutsideClick: PopupProps['onOutsideClick'];
-    protected popupOpenChangeHandler: PopupProps['onOpenChange'];
+    protected popupCloseHandler: PopupProps['onClose'];
     protected startTrackingViewFocus(): void;
     protected stopTrackingViewFocus(): void;
     protected hidePopupManual(): void;
-    protected renderContent(currentNode: BaseTooltipNode): React.ReactNode;
+    protected renderContent(currentNode: BaseTooltipNode): ReactNode;
     protected createRenderItem(): RendererItem;
 }

package/build/cjs/plugins/BaseTooltip/index.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseTooltipPluginView = exports.baseTooltipContentCn = exports.defaultPlacement = exports.BaseTooltipCn = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const prosemirror_state_1 = require("prosemirror-state");
-// @ts-ignore // TODO: fix cjs build
 const prosemirror_utils_1 = require("prosemirror-utils");
-const classname_1 = require("../../classname.js");
-const extensions_1 = require("../../extensions/index.js");
-const ErrorBoundary_1 = require("../../react-utils/ErrorBoundary.js");
-require("./index.css");
+const classname_1 = require("../../classname");
+const extensions_1 = require("../../extensions");
+const ErrorBoundary_1 = require("../../react-utils/ErrorBoundary");
 exports.BaseTooltipCn = (0, classname_1.cn)('base-tooltip');
 exports.defaultPlacement = [
     'bottom-start',
@@ -20,18 +19,46 @@ exports.defaultPlacement = [
 const b = exports.BaseTooltipCn;
 exports.baseTooltipContentCn = (0, classname_1.cn)('base-tooltip-content');
 class BaseTooltipPluginView {
-    view;
-    currentNode = null;
-    content;
-    nodeType;
-    popupPlacement;
-    manualHidden = false;
-    destroyed = false;
-    disableHideOnEscapeKeyDown;
-    focusTrackingRafId = null;
-    idPrefix;
-    renderItem;
     constructor(view, options) {
+        this.currentNode = null;
+        this.manualHidden = false;
+        this.destroyed = false;
+        this.focusTrackingRafId = null;
+        this.onEscapeDown = () => {
+            if (this.disableHideOnEscapeKeyDown)
+                return false;
+            if (this.currentNode && !this.manualHidden) {
+                this.hidePopupManual();
+                return true;
+            }
+            return false;
+        };
+        this.changeAttrsCb = (attrs, options) => {
+            if (this.currentNode) {
+                let tr = this.view.state.tr.setNodeMarkup(this.currentNode.pos, undefined, Object.assign(Object.assign({}, this.currentNode.node.attrs), attrs), (options === null || options === void 0 ? void 0 : options.marks) || []);
+                if (options === null || options === void 0 ? void 0 : options.setSelection) {
+                    tr = tr.setSelection(prosemirror_state_1.NodeSelection.create(tr.doc, this.currentNode.pos));
+                }
+                this.view.dispatch(tr);
+                if (options === null || options === void 0 ? void 0 : options.setFocus) {
+                    this.view.focus();
+                }
+                if (options === null || options === void 0 ? void 0 : options.hideTooltip) {
+                    this.hidePopupManual();
+                }
+            }
+        };
+        this.onOutsideClick = () => {
+            this.hidePopupManual();
+        };
+        this.popupCloseHandler = (_e, reason) => {
+            if (this.disableHideOnEscapeKeyDown && reason === 'escapeKeyDown')
+                return;
+            this.hidePopupManual();
+            if (reason === 'outsideClick' && !this.view.hasFocus()) {
+                this.startTrackingViewFocus();
+            }
+        };
         this.view = view;
         this.idPrefix = options.idPrefix;
         this.content = options.content;
@@ -44,19 +71,11 @@ class BaseTooltipPluginView {
         this.updateTooltipView();
     }
     destroy() {
+        var _a;
         this.destroyed = true;
-        this.renderItem?.remove();
+        (_a = this.renderItem) === null || _a === void 0 ? void 0 : _a.remove();
         this.renderItem = undefined;
     }
-    onEscapeDown = () => {
-        if (this.disableHideOnEscapeKeyDown)
-            return false;
-        if (this.currentNode && !this.manualHidden) {
-            this.hidePopupManual();
-            return true;
-        }
-        return false;
-    };
     setCurrentNode(node) {
         const view = this.view;
         const domAtPos = view.domAtPos.bind(view);
@@ -83,62 +102,27 @@ class BaseTooltipPluginView {
             dom,
         };
     }
-    changeAttrsCb = (attrs, options) => {
-        if (this.currentNode) {
-            let tr = this.view.state.tr.setNodeMarkup(this.currentNode.pos, undefined, {
-                ...this.currentNode.node.attrs,
-                ...attrs,
-            }, options?.marks || []);
-            if (options?.setSelection) {
-                tr = tr.setSelection(prosemirror_state_1.NodeSelection.create(tr.doc, this.currentNode.pos));
-            }
-            this.view.dispatch(tr);
-            if (options?.setFocus) {
-                this.view.focus();
-            }
-            if (options?.hideTooltip) {
-                this.hidePopupManual();
-            }
-        }
-    };
     updateTooltipView() {
+        var _a;
         const oldNode = this.currentNode;
         this.setCurrentNode(this.view.state.schema.nodes[this.nodeType.name]);
         // Do not rerender if we have the same node in selection
         if (oldNode &&
-            this.currentNode?.node.eq(oldNode.node) &&
+            ((_a = this.currentNode) === null || _a === void 0 ? void 0 : _a.node.eq(oldNode.node)) &&
             this.currentNode.pos === oldNode.pos &&
             this.currentNode.dom === oldNode.dom)
             return;
         this.render();
     }
     render() {
+        var _a;
         if (this.destroyed)
             return;
-        this.renderItem = this.renderItem ?? this.createRenderItem();
+        this.renderItem = (_a = this.renderItem) !== null && _a !== void 0 ? _a : this.createRenderItem();
         this.renderItem.rerender();
     }
-    onOutsideClick = () => {
-        this.hidePopupManual();
-    };
-    popupOpenChangeHandler = (open, event, reason) => {
-        if (open)
-            return;
-        if (reason === 'focus-out' && event.relatedTarget === this.view.dom)
-            return;
-        if (this.disableHideOnEscapeKeyDown && reason === 'escape-key')
-            return;
-        this.hidePopupManual();
-        requestAnimationFrame(() => {
-            if (this.destroyed || this.view.hasFocus())
-                return;
-            this.startTrackingViewFocus();
-        });
-    };
     startTrackingViewFocus() {
         this.focusTrackingRafId = requestAnimationFrame(() => {
-            if (this.destroyed)
-                return;
             if (this.view.hasFocus()) {
                 this.focusTrackingRafId = null;
                 this.manualHidden = false;
@@ -163,11 +147,11 @@ class BaseTooltipPluginView {
             return null;
         // hack for popup rerender
         window.dispatchEvent(new CustomEvent('scroll'));
-        return ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: true, hasArrow: false, anchorElement: currentNode.dom, placement: this.popupPlacement || exports.defaultPlacement, onOpenChange: this.popupOpenChangeHandler, children: (0, jsx_runtime_1.jsx)("div", { className: b(), children: this.content(this.view, currentNode, this.changeAttrsCb) }) }));
+        return (react_1.default.createElement(uikit_1.Popup, { open: true, hasArrow: false, contentClassName: b(), anchorRef: { current: currentNode.dom }, placement: this.popupPlacement || exports.defaultPlacement, onClose: this.popupCloseHandler },
+            react_1.default.createElement("div", null, this.content(this.view, currentNode, this.changeAttrsCb))));
     }
     createRenderItem() {
-        return (0, extensions_1.getReactRendererFromState)(this.view.state).createItem(this.idPrefix, () => this.currentNode && !this.manualHidden ? ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorLoggerBoundary, { children: this.renderContent(this.currentNode) })) : null);
+        return (0, extensions_1.getReactRendererFromState)(this.view.state).createItem(this.idPrefix, () => this.currentNode && !this.manualHidden ? (react_1.default.createElement(ErrorBoundary_1.ErrorLoggerBoundary, null, this.renderContent(this.currentNode))) : null);
     }
 }
 exports.BaseTooltipPluginView = BaseTooltipPluginView;
-//# sourceMappingURL=index.js.map

package/build/cjs/plugins/TooltipButton/TooltipButton.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { PopupProps } from '@gravity-ui/uikit';
-type TooltipButtonProps = Pick<PopupProps, 'onOutsideClick'> & {
-    domElem: HTMLElement | null;
+declare type TooltipButtonProps = Pick<PopupProps, 'onOutsideClick'> & {
+    domRef: HTMLElement | null;
     children?: React.ReactNode;
 };
 export declare const TooltipButton: React.FC<TooltipButtonProps>;

package/build/cjs/plugins/TooltipButton/TooltipButton.js

@@ -1,22 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const react_utils_1 = require("../../react-utils/index.js");
-const TooltipButton = ({ domElem, children, onOutsideClick, }) => {
+const react_utils_1 = require("../../react-utils");
+const TooltipButton = ({ domRef, onOutsideClick, children }) => {
+    var _a;
     const [width, setWidth] = (0, react_1.useState)(0);
     const [open, , hide, toggleOpen] = (0, react_utils_1.useBooleanState)(false);
     const placement = ['bottom-end', 'bottom-start'];
-    const [anchor, setAnchor] = (0, react_utils_1.useElementState)();
+    const ref = (0, react_1.useRef)(null);
+    const childrenRef = (0, react_1.useRef)(children);
     (0, react_1.useLayoutEffect)(() => {
-        if (anchor?.clientWidth) {
-            setWidth(anchor.clientWidth);
+        var _a, _b;
+        if ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientWidth) {
+            setWidth((_b = ref.current) === null || _b === void 0 ? void 0 : _b.clientWidth);
         }
-    }, [anchor?.clientWidth]);
-    return ((0, jsx_runtime_1.jsxs)(uikit_1.Popup, { open: true, keepMounted: false, hasArrow: false, anchorElement: domElem, placement: 'right-start', offset: { crossAxis: 3, mainAxis: -(width + 3) }, onOutsideClick: onOutsideClick, children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { onClick: toggleOpen, ref: setAnchor, size: "s", view: open ? 'normal' : 'raised', children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Ellipsis }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: open, anchorElement: anchor, onClose: hide, placement: placement, children: children })] }));
+    }, [(_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientWidth]);
+    return (react_1.default.createElement(uikit_1.Popup, { open: true, keepMounted: false, hasArrow: false, anchorRef: { current: domRef }, placement: 'right-start', offset: [3, -(width + 3)], onOutsideClick: onOutsideClick, modifiers: [
+            {
+                name: 'preventOverflow',
+                enabled: false,
+            },
+        ] },
+        react_1.default.createElement(uikit_1.Button, { onClick: toggleOpen, ref: ref, size: "s", view: open ? 'normal' : 'raised' },
+            react_1.default.createElement(uikit_1.Icon, { data: icons_1.Ellipsis })),
+        react_1.default.createElement(uikit_1.Popup, { open: open, anchorRef: ref, onClose: hide, placement: placement }, childrenRef.current)));
 };
 exports.TooltipButton = TooltipButton;
-//# sourceMappingURL=TooltipButton.js.map

package/build/cjs/plugins/TooltipButton/index.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { NodeType } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
-import { BaseTooltipNode, BaseTooltipPluginOptions, BaseTooltipPluginView, TooltipOnChangeCallback } from "../BaseTooltip/index.js";
-type ButtonContent = (view: EditorView, node: BaseTooltipNode, toggleEdit: () => void) => React.ReactElement;
-type FormContent = (view: EditorView, node: BaseTooltipNode, onChange?: TooltipOnChangeCallback) => React.ReactElement;
+import { BaseTooltipNode, BaseTooltipPluginOptions, BaseTooltipPluginView, TooltipOnChangeCallback } from '../BaseTooltip';
+declare type ButtonContent = (view: EditorView, node: BaseTooltipNode, toggleEdit: () => void) => React.ReactElement;
+declare type FormContent = (view: EditorView, node: BaseTooltipNode, onChange?: TooltipOnChangeCallback) => React.ReactElement;
 interface TooltipMenuOptions extends BaseTooltipPluginOptions {
     disableHideOnBlur?: boolean;
     buttonContent: ButtonContent;

package/build/cjs/plugins/TooltipButton/index.js

@@ -1,16 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipButtonPluginView = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const BaseTooltip_1 = require("../BaseTooltip/index.js");
-const TooltipButton_1 = require("./TooltipButton.js");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const BaseTooltip_1 = require("../BaseTooltip");
+const TooltipButton_1 = require("./TooltipButton");
 class TooltipButtonPluginView extends BaseTooltip_1.BaseTooltipPluginView {
-    enableHideOnBlur;
-    forceEdit = false;
-    buttonContent;
-    formContent;
     constructor(view, options) {
         super(view, options);
+        this.forceEdit = false;
+        this.toggleEdit = () => {
+            this.forceEdit = !this.forceEdit;
+            this.render();
+        };
+        this.onViewFocus = () => {
+            this.forceEdit = false;
+            this.manualHidden = false;
+            this.render();
+        };
         this.enableHideOnBlur = options.disableHideOnBlur !== true;
         this.buttonContent = options.buttonContent;
         this.formContent = options.formContent;
@@ -18,30 +25,22 @@ class TooltipButtonPluginView extends BaseTooltip_1.BaseTooltipPluginView {
             this.view.dom.addEventListener('focus', this.onViewFocus);
         }
     }
-    toggleEdit = () => {
-        this.forceEdit = !this.forceEdit;
-        this.render();
-    };
     destroy() {
         super.destroy();
         this.view.dom.removeEventListener('focus', this.onViewFocus);
     }
     renderContent(currentNode) {
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: this.forceEdit && this.formContent ? ((0, jsx_runtime_1.jsx)("div", { children: this.formContent(this.view, currentNode, this.changeAttrsCb) })) : ((0, jsx_runtime_1.jsx)(TooltipButton_1.TooltipButton, { domElem: currentNode.dom, onOutsideClick: this.onOutsideClick, children: this.buttonContent(this.view, currentNode, this.toggleEdit) })) }));
+        return (react_1.default.createElement(react_1.default.Fragment, null, this.forceEdit && this.formContent ? (react_1.default.createElement("div", null, this.formContent(this.view, currentNode, this.changeAttrsCb))) : (react_1.default.createElement(TooltipButton_1.TooltipButton, { domRef: currentNode.dom, onOutsideClick: this.onOutsideClick }, this.buttonContent(this.view, currentNode, this.toggleEdit)))));
     }
     setCurrentNode(node) {
+        var _a, _b;
         super.setCurrentNode(node);
-        this.currentNode?.dom?.addEventListener('dblclick', this.toggleEdit);
+        (_b = (_a = this.currentNode) === null || _a === void 0 ? void 0 : _a.dom) === null || _b === void 0 ? void 0 : _b.addEventListener('dblclick', this.toggleEdit);
     }
     updateTooltipView() {
-        this.currentNode?.dom?.removeEventListener('dblclick', this.toggleEdit);
+        var _a, _b;
+        (_b = (_a = this.currentNode) === null || _a === void 0 ? void 0 : _a.dom) === null || _b === void 0 ? void 0 : _b.removeEventListener('dblclick', this.toggleEdit);
         super.updateTooltipView();
     }
-    onViewFocus = () => {
-        this.forceEdit = false;
-        this.manualHidden = false;
-        this.render();
-    };
 }
 exports.TooltipButtonPluginView = TooltipButtonPluginView;
-//# sourceMappingURL=index.js.map

package/build/cjs/plugins/TooltipSelect/TooltipSelect.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { PopupProps, SelectOption, SelectOptionGroup } from '@gravity-ui/uikit';
-type TooltipButtonProps = Pick<PopupProps, 'onOutsideClick'> & {
+declare type TooltipButtonProps = Pick<PopupProps, 'onOutsideClick'> & {
     domRef: HTMLElement | null;
     buttonTitle?: string;
     items?: SelectOption[] | SelectOptionGroup[];

package/build/cjs/plugins/TooltipSelect/TooltipSelect.js

@@ -1,20 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const react_utils_1 = require("../../react-utils/index.js");
+const react_utils_1 = require("../../react-utils");
 const TooltipButton = ({ domRef, buttonTitle = 'Settings', items, onUpdate, withSearch, onOutsideClick, }) => {
+    var _a;
     const [width, setWidth] = (0, react_1.useState)(0);
     const [open, , , toggleOpen] = (0, react_utils_1.useBooleanState)(false);
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useLayoutEffect)(() => {
-        if (ref.current?.clientWidth) {
-            setWidth(ref.current?.clientWidth);
+        var _a, _b;
+        if ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientWidth) {
+            setWidth((_b = ref.current) === null || _b === void 0 ? void 0 : _b.clientWidth);
         }
-    }, [ref.current?.clientWidth, buttonTitle]);
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: true, keepMounted: false, hasArrow: false, anchorElement: domRef, placement: 'right-start', offset: { crossAxis: 10, mainAxis: -(width + 10) }, onOutsideClick: onOutsideClick, children: (0, jsx_runtime_1.jsx)(uikit_1.Select, { onOpenChange: toggleOpen, renderControl: () => ((0, jsx_runtime_1.jsxs)(uikit_1.Button, { ref: ref, view: 'flat', children: [buttonTitle, (0, jsx_runtime_1.jsx)(uikit_1.ArrowToggle, { direction: open ? 'top' : 'bottom' })] })), options: items, onUpdate: (v) => onUpdate(v[0]), filterable: withSearch }) }));
+    }, [(_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientWidth, buttonTitle]);
+    return (react_1.default.createElement(uikit_1.Popup, { open: true, keepMounted: false, hasArrow: false, anchorRef: { current: domRef }, placement: 'right-start', offset: [10, -(width + 10)], onOutsideClick: onOutsideClick, modifiers: [
+            {
+                name: 'preventOverflow',
+                enabled: false,
+            },
+        ] },
+        react_1.default.createElement(uikit_1.Select, { onOpenChange: toggleOpen, renderControl: () => (react_1.default.createElement(uikit_1.Button, { ref: ref, view: 'flat' },
+                buttonTitle,
+                react_1.default.createElement(uikit_1.ArrowToggle, { direction: open ? 'top' : 'bottom' }))), options: items, onUpdate: (v) => onUpdate(v[0]), filterable: withSearch })));
 };
 exports.TooltipButton = TooltipButton;
-//# sourceMappingURL=TooltipSelect.js.map

package/build/cjs/plugins/TooltipSelect/index.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { SelectOption, SelectOptionGroup } from '@gravity-ui/uikit';
 import { Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
-import { BaseTooltipNode, BaseTooltipPluginOptions, BaseTooltipPluginView } from "../BaseTooltip/index.js";
+import { BaseTooltipNode, BaseTooltipPluginOptions, BaseTooltipPluginView } from '../BaseTooltip';
 interface TooltipSelectOptions extends BaseTooltipPluginOptions {
     buttonText?: (node: Node) => string;
     items?: SelectOption[] | SelectOptionGroup[];

package/build/cjs/plugins/TooltipSelect/index.js

@@ -1,21 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipSelectPluginView = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const BaseTooltip_1 = require("../BaseTooltip/index.js");
-const TooltipSelect_1 = require("./TooltipSelect.js");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const BaseTooltip_1 = require("../BaseTooltip");
+const TooltipSelect_1 = require("./TooltipSelect");
 class TooltipSelectPluginView extends BaseTooltip_1.BaseTooltipPluginView {
-    buttonText;
-    items;
-    buildAttrs;
-    withSearch;
-    enableHideOnBlur;
     constructor(view, options) {
+        var _a;
         super(view, options);
+        this.onOutsideClick = () => {
+            if (this.enableHideOnBlur && !this.view.hasFocus()) {
+                this.manualHidden = true;
+                this.render();
+            }
+        };
+        this.onViewFocus = () => {
+            this.manualHidden = false;
+            this.render();
+        };
         this.buttonText = options.buttonText;
         this.items = options.items;
         this.buildAttrs = options.buildAttrs;
-        this.withSearch = options.withSearch ?? true;
+        this.withSearch = (_a = options.withSearch) !== null && _a !== void 0 ? _a : true;
         this.enableHideOnBlur = options.disableHideOnBlur !== true;
         if (this.enableHideOnBlur) {
             this.view.dom.addEventListener('focus', this.onViewFocus);
@@ -26,18 +33,8 @@ class TooltipSelectPluginView extends BaseTooltip_1.BaseTooltipPluginView {
         this.view.dom.removeEventListener('focus', this.onViewFocus);
     }
     renderContent(currentNode) {
-        return ((0, jsx_runtime_1.jsx)(TooltipSelect_1.TooltipButton, { domRef: currentNode.dom, buttonTitle: this.buttonText?.(currentNode.node), items: this.items, onUpdate: (v) => this.changeAttrsCb(this.buildAttrs(v), { setFocus: true }), withSearch: this.withSearch, onOutsideClick: this.onOutsideClick }));
+        var _a;
+        return (react_1.default.createElement(TooltipSelect_1.TooltipButton, { domRef: currentNode.dom, buttonTitle: (_a = this.buttonText) === null || _a === void 0 ? void 0 : _a.call(this, currentNode.node), items: this.items, onUpdate: (v) => this.changeAttrsCb(this.buildAttrs(v), { setFocus: true }), withSearch: this.withSearch, onOutsideClick: this.onOutsideClick }));
     }
-    onOutsideClick = () => {
-        if (this.enableHideOnBlur && !this.view.hasFocus()) {
-            this.manualHidden = true;
-            this.render();
-        }
-    };
-    onViewFocus = () => {
-        this.manualHidden = false;
-        this.render();
-    };
 }
 exports.TooltipSelectPluginView = TooltipSelectPluginView;
-//# sourceMappingURL=index.js.map

package/build/cjs/plugins/index.d.ts

@@ -1,3 +1,3 @@
-export * as BaseTooltipPlugin from "./BaseTooltip/index.js";
-export * as TooltipButtonPlugin from "./TooltipButton/index.js";
-export * as TooltipSelectPlugin from "./TooltipSelect/index.js";
+export * from './BaseTooltip';
+export * from './TooltipButton';
+export * from './TooltipSelect';

package/build/cjs/plugins/index.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TooltipSelectPlugin = exports.TooltipButtonPlugin = exports.BaseTooltipPlugin = void 0;
 const tslib_1 = require("tslib");
-exports.BaseTooltipPlugin = tslib_1.__importStar(require("./BaseTooltip/index.js"));
-exports.TooltipButtonPlugin = tslib_1.__importStar(require("./TooltipButton/index.js"));
-exports.TooltipSelectPlugin = tslib_1.__importStar(require("./TooltipSelect/index.js"));
-//# sourceMappingURL=index.js.map
+tslib_1.__exportStar(require("./BaseTooltip"), exports);
+tslib_1.__exportStar(require("./TooltipButton"), exports);
+tslib_1.__exportStar(require("./TooltipSelect"), exports);

package/build/cjs/pm/commands.js

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

package/build/cjs/pm/history.js

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

package/build/cjs/pm/inputrules.js

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

package/build/cjs/pm/keymap.js

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

package/build/cjs/pm/model.js

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

package/build/cjs/pm/state.js

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

package/build/cjs/pm/test-builder.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("prosemirror-test-builder"), exports);
-//# sourceMappingURL=test-builder.js.map

package/build/cjs/pm/transform.js

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

package/build/cjs/pm/utils.js

@@ -1,6 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-// @ts-ignore // TODO: fix cjs build
 tslib_1.__exportStar(require("prosemirror-utils"), exports);
-//# sourceMappingURL=utils.js.map

package/build/cjs/pm/view.js

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

package/build/cjs/presets/commonmark-specs.d.ts

@@ -1,7 +1,7 @@
-import type { Extension, ExtensionAuto } from "../core/index.js";
-import { BreaksSpecsOptions, CodeBlockSpecsOptions, HeadingSpecsOptions } from "../extensions/markdown/specs.js";
-import { type ZeroSpecPresetOptions } from "./zero-specs.js";
-export type CommonMarkSpecsPresetOptions = ZeroSpecPresetOptions & {
+import type { Extension, ExtensionAuto } from '../core';
+import { BreaksSpecsOptions, CodeBlockSpecsOptions, HeadingSpecsOptions } from '../extensions/markdown/specs';
+import { ZeroPresetOptions } from './zero';
+export declare type CommonMarkSpecsPresetOptions = ZeroPresetOptions & {
     image?: false | Extension;
     breaks?: BreaksSpecsOptions;
     codeBlock?: CodeBlockSpecsOptions;

package/build/cjs/presets/commonmark-specs.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CommonMarkSpecsPreset = void 0;
-const specs_1 = require("../extensions/markdown/specs.js");
-const lodash_1 = require("../lodash.js");
-const zero_specs_1 = require("./zero-specs.js");
+const specs_1 = require("../extensions/markdown/specs");
+const lodash_1 = require("../lodash");
+const zero_1 = require("./zero");
 const CommonMarkSpecsPreset = (builder, opts) => {
-    builder.use(zero_specs_1.ZeroSpecsPreset, opts);
+    var _a, _b, _c;
+    builder.use(zero_1.ZeroPreset, opts);
     builder
         .use(specs_1.Html)
         .use(specs_1.BoldSpecs)
@@ -15,8 +16,8 @@ const CommonMarkSpecsPreset = (builder, opts) => {
         .use(specs_1.ListsSpecs)
         .use(specs_1.BlockquoteSpecs)
         .use(specs_1.HorizontalRuleSpecs)
-        .use(specs_1.BreaksSpecs, opts.breaks ?? {})
-        .use(specs_1.CodeBlockSpecs, opts.codeBlock ?? {});
+        .use(specs_1.BreaksSpecs, (_a = opts.breaks) !== null && _a !== void 0 ? _a : {})
+        .use(specs_1.CodeBlockSpecs, (_b = opts.codeBlock) !== null && _b !== void 0 ? _b : {});
     if (opts.image !== false) {
         builder.use((0, lodash_1.isFunction)(opts.image) ? opts.image : specs_1.ImageSpecs);
     }
@@ -24,8 +25,7 @@ const CommonMarkSpecsPreset = (builder, opts) => {
         if ((0, lodash_1.isFunction)(opts.heading))
             builder.use(opts.heading);
         else
-            builder.use(specs_1.HeadingSpecs, opts.heading ?? {});
+            builder.use(specs_1.HeadingSpecs, (_c = opts.heading) !== null && _c !== void 0 ? _c : {});
     }
 };
 exports.CommonMarkSpecsPreset = CommonMarkSpecsPreset;
-//# sourceMappingURL=commonmark-specs.js.map

package/build/cjs/presets/commonmark.d.ts

@@ -1,7 +1,7 @@
-import type { Extension, ExtensionAuto } from "../core/index.js";
-import { BlockquoteOptions, BoldOptions, BreaksOptions, CodeBlockOptions, CodeOptions, HeadingOptions, ImageOptions, ItalicOptions, LinkOptions, ListsOptions } from "../extensions/markdown/index.js";
-import { ZeroPresetOptions } from "./zero.js";
-export type CommonMarkPresetOptions = ZeroPresetOptions & {
+import type { Extension, ExtensionAuto } from '../core';
+import { BlockquoteOptions, BoldOptions, BreaksOptions, CodeBlockOptions, CodeOptions, HeadingOptions, ImageOptions, ItalicOptions, LinkOptions, ListsOptions } from '../extensions/markdown';
+import { ZeroPresetOptions } from './zero';
+export declare type CommonMarkPresetOptions = ZeroPresetOptions & {
     bold?: BoldOptions;
     code?: CodeOptions;
     link?: LinkOptions;