@gravity-ui/markdown-editor 14.12.1 → 14.12.3

package/build/cjs/markup/codemirror/files-upload-plugin/plugin.js

@@ -2,63 +2,95 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilesUploadPlugin = void 0;
 const view_1 = require("@codemirror/view");
-const utils_1 = require("../../../utils/index.js");
-const files_upload_facet_1 = require("../files-upload-facet.js");
-const react_facet_1 = require("../react-facet.js");
-const const_1 = require("./const.js");
-const effects_1 = require("./effects.js");
-const utils_2 = require("./utils.js");
-const widget_1 = require("./widget.js");
+const utils_1 = require("../../../utils");
+const files_upload_facet_1 = require("../files-upload-facet");
+const react_facet_1 = require("../react-facet");
+const const_1 = require("./const");
+const effects_1 = require("./effects");
+const utils_2 = require("./utils");
+const widget_1 = require("./widget");
 class FileUploadWidget extends view_1.WidgetType {
-    selfId;
-    presenter;
-    renderer = null;
-    props = {};
     constructor(id) {
         super();
+        this.renderer = null;
+        this.props = {};
         this.selfId = id;
     }
     toDOM(view) {
+        var _a;
         const dom = document.createElement('div');
         dom.className = 'cm-file-upload-widget';
         dom.style.display = 'inline-block';
-        this.renderer?.remove();
+        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
         this.createRenderItem(dom, view);
         return dom;
     }
     updateDOM(dom, view) {
-        this.renderer?.remove();
+        var _a;
+        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
         this.createRenderItem(dom, view);
         return true;
     }
     destroy(dom) {
+        var _a, _b;
         super.destroy(dom);
-        this.renderer?.remove();
-        this.presenter?.cancel();
+        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
+        (_b = this.presenter) === null || _b === void 0 ? void 0 : _b.cancel();
         this.presenter = undefined;
     }
     setPresenter(presenter) {
         this.presenter = presenter;
     }
     render(props) {
+        var _a;
         Object.assign(this.props, props);
-        this.renderer?.rerender();
+        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.rerender();
     }
     createRenderItem(dom, view) {
         this.renderer = view.state
             .facet(react_facet_1.ReactRendererFacet)
-            .createItem('cm-file-upload-widget', () => (0, widget_1.renderWidget)(dom, { ...this.props }));
+            .createItem('cm-file-upload-widget', () => (0, widget_1.renderWidget)(dom, Object.assign({}, this.props)));
     }
 }
 class FileUploadPresenter {
-    widget;
-    file;
-    view;
-    uploader;
-    needDimensionsForImages;
-    enableNewImageSizeCalculation;
-    state = 'initial';
     constructor(params) {
+        this.state = 'initial';
+        this.onUploadSuccess = (res) => {
+            if (this.state === 'canceled')
+                return;
+            this.state = 'success';
+            this.widget.render({
+                status: 'success',
+                fileName: this.file.name,
+                fileType: (0, utils_2.isImageFile)(this.file) ? 'image' : 'file',
+            });
+            setTimeout(async () => {
+                const markup = await this.formatFileMarkup(res);
+                if (this.state === 'canceled')
+                    return;
+                this.view.dispatch({
+                    effects: effects_1.RemoveUploadWidgetEffect.of({
+                        id: this.widget.selfId,
+                        markup,
+                    }),
+                });
+            }, const_1.SUCCESS_UPLOAD_REMOVE_TIMEOUT);
+        };
+        this.onUploadError = (err) => {
+            if (this.state === 'canceled')
+                return;
+            this.state = 'error';
+            this.widget.render({
+                status: 'error',
+                fileName: this.file.name,
+                fileType: (0, utils_2.isImageFile)(this.file) ? 'image' : 'file',
+                errorText: String(err),
+                onReUploadClick: () => {
+                    if (this.state === 'error')
+                        this.run();
+                },
+            });
+        };
         this.file = params.file;
         this.view = params.view;
         this.widget = params.widget;
@@ -80,44 +112,9 @@ class FileUploadPresenter {
         });
         this.uploader(this.file).then(this.onUploadSuccess, this.onUploadError);
     }
-    onUploadSuccess = (res) => {
-        if (this.state === 'canceled')
-            return;
-        this.state = 'success';
-        this.widget.render({
-            status: 'success',
-            fileName: this.file.name,
-            fileType: (0, utils_2.isImageFile)(this.file) ? 'image' : 'file',
-        });
-        setTimeout(async () => {
-            const markup = await this.formatFileMarkup(res);
-            if (this.state === 'canceled')
-                return;
-            this.view.dispatch({
-                effects: effects_1.RemoveUploadWidgetEffect.of({
-                    id: this.widget.selfId,
-                    markup,
-                }),
-            });
-        }, const_1.SUCCESS_UPLOAD_REMOVE_TIMEOUT);
-    };
-    onUploadError = (err) => {
-        if (this.state === 'canceled')
-            return;
-        this.state = 'error';
-        this.widget.render({
-            status: 'error',
-            fileName: this.file.name,
-            fileType: (0, utils_2.isImageFile)(this.file) ? 'image' : 'file',
-            errorText: String(err),
-            onReUploadClick: () => {
-                if (this.state === 'error')
-                    this.run();
-            },
-        });
-    };
     async formatFileMarkup(res) {
-        const fileName = res.name ?? this.file.name ?? '';
+        var _a, _b;
+        const fileName = (_b = (_a = res.name) !== null && _a !== void 0 ? _a : this.file.name) !== null && _b !== void 0 ? _b : '';
         let markup = `![${fileName}](${res.url}`;
         if ((0, utils_2.isImageFile)(this.file)) {
             if (this.needDimensionsForImages) {
@@ -149,9 +146,8 @@ class FileUploadPresenter {
     }
 }
 exports.FilesUploadPlugin = view_1.ViewPlugin.fromClass(class {
-    decos = view_1.Decoration.none;
-    view;
     constructor(view) {
+        this.decos = view_1.Decoration.none;
         this.view = view;
     }
     update(update) {
@@ -234,4 +230,3 @@ exports.FilesUploadPlugin = view_1.ViewPlugin.fromClass(class {
         },
     },
 });
-//# sourceMappingURL=plugin.js.map

package/build/cjs/markup/codemirror/files-upload-plugin/utils.d.ts

@@ -1,5 +1,5 @@
-export { uniqueId } from "../../../lodash.js";
-export { isImageFile } from "../../../utils/clipboard.js";
+export { uniqueId } from '../../../lodash';
+export { isImageFile } from '../../../utils/clipboard';
 export declare function getImageDimensions(imgFile: File): Promise<{
     width: number;
     height: number;

package/build/cjs/markup/codemirror/files-upload-plugin/utils.js

@@ -1,18 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isImageFile = exports.uniqueId = void 0;
-exports.getImageDimensions = getImageDimensions;
-exports.loadImage = loadImage;
-exports.getTransferFiles = getTransferFiles;
-const utils_1 = require("../../../utils/index.js");
-var lodash_1 = require("../../../lodash.js");
+exports.getTransferFiles = exports.loadImage = exports.getImageDimensions = exports.isImageFile = exports.uniqueId = void 0;
+const utils_1 = require("../../../utils");
+var lodash_1 = require("../../../lodash");
 Object.defineProperty(exports, "uniqueId", { enumerable: true, get: function () { return lodash_1.uniqueId; } });
-var clipboard_1 = require("../../../utils/clipboard.js");
+var clipboard_1 = require("../../../utils/clipboard");
 Object.defineProperty(exports, "isImageFile", { enumerable: true, get: function () { return clipboard_1.isImageFile; } });
 async function getImageDimensions(imgFile) {
     const img = await loadImage(imgFile);
     return { width: img.naturalWidth, height: img.naturalHeight };
 }
+exports.getImageDimensions = getImageDimensions;
 async function loadImage(imgFile) {
     return new Promise((resolve, reject) => {
         const img = document.createElement('img');
@@ -24,6 +22,7 @@ async function loadImage(imgFile) {
         img.onerror = (_e, _s, _l, _c, error) => reject(error);
     });
 }
+exports.loadImage = loadImage;
 function getTransferFiles(data) {
     if (!data)
         return null;
@@ -31,4 +30,4 @@ function getTransferFiles(data) {
         return null;
     return Array.from(data.files);
 }
-//# sourceMappingURL=utils.js.map
+exports.getTransferFiles = getTransferFiles;

package/build/cjs/markup/codemirror/files-upload-plugin/widget.d.ts

@@ -1,12 +1,12 @@
-import "./widget.css";
+/// <reference types="react" />
 export declare function renderWidget(container: HTMLElement, props: UploadLabelProps): JSX.Element;
-export type UploadedFile = {
+export declare type UploadedFile = {
     fileName: string;
     fileType: 'image' | 'file';
     status: 'uploading' | 'success' | 'error';
     errorText?: string;
 };
-export type UploadLabelProps = UploadedFile & {
+export declare type UploadLabelProps = UploadedFile & {
     onReUploadClick: () => void;
 };
 export declare function UploadLabel({ fileName, fileType, status, errorText, onReUploadClick, }: UploadLabelProps): JSX.Element | null;

package/build/cjs/markup/codemirror/files-upload-plugin/widget.js

@@ -1,28 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderWidget = renderWidget;
-exports.UploadLabel = UploadLabel;
-const jsx_runtime_1 = require("react/jsx-runtime");
+exports.UploadLabel = exports.renderWidget = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const icons_2 = require("../../../bundle/config/icons.js");
-const classname_1 = require("../../../classname.js");
-require("./widget.css");
+const icons_2 = require("../../../bundle/config/icons");
+const classname_1 = require("../../../classname");
 function renderWidget(container, props) {
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { container: container, children: (0, jsx_runtime_1.jsx)(UploadLabel, { ...props }) }));
+    return (react_1.default.createElement(uikit_1.Portal, { container: container },
+        react_1.default.createElement(UploadLabel, Object.assign({}, props))));
 }
+exports.renderWidget = renderWidget;
 const cnLabel = (0, classname_1.cn)('upload-label');
 function UploadLabel({ fileName, fileType, status, errorText, onReUploadClick, }) {
     const icon = fileType === 'image' ? icons_2.icons.image : icons_2.icons.file;
     if (status === 'uploading') {
-        return ((0, jsx_runtime_1.jsx)(uikit_1.Label, { size: "xs", theme: "info", icon: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { ...icon }), className: cnLabel({ status }), children: (0, jsx_runtime_1.jsxs)("div", { className: cnLabel('content'), children: [(0, jsx_runtime_1.jsx)("span", { title: fileName, className: cnLabel('filename'), children: fileName }), (0, jsx_runtime_1.jsx)(uikit_1.Spin, { size: "xs" })] }) }));
+        return (react_1.default.createElement(uikit_1.Label, { size: "xs", theme: "info", icon: react_1.default.createElement(uikit_1.Icon, Object.assign({}, icon)), className: cnLabel({ status }) },
+            react_1.default.createElement("div", { className: cnLabel('content') },
+                react_1.default.createElement("span", { title: fileName, className: cnLabel('filename') }, fileName),
+                react_1.default.createElement(uikit_1.Spin, { size: "xs" }))));
     }
     if (status === 'success') {
-        return ((0, jsx_runtime_1.jsx)(uikit_1.Label, { size: "xs", theme: "success", icon: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { ...icon }), className: cnLabel({ status }), children: (0, jsx_runtime_1.jsx)("div", { className: cnLabel('content'), children: (0, jsx_runtime_1.jsx)("span", { title: fileName, className: cnLabel('filename'), children: fileName }) }) }));
+        return (react_1.default.createElement(uikit_1.Label, { size: "xs", theme: "success", icon: react_1.default.createElement(uikit_1.Icon, Object.assign({}, icon)), className: cnLabel({ status }) },
+            react_1.default.createElement("div", { className: cnLabel('content') },
+                react_1.default.createElement("span", { title: fileName, className: cnLabel('filename') }, fileName))));
     }
     if (status === 'error') {
-        return ((0, jsx_runtime_1.jsx)(uikit_1.Tooltip, { content: errorText, children: (0, jsx_runtime_1.jsx)(uikit_1.Label, { size: "xs", interactive: true, theme: "danger", icon: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { ...icon }), onClick: onReUploadClick, className: cnLabel({ status }), children: (0, jsx_runtime_1.jsxs)("div", { className: cnLabel('content'), children: [(0, jsx_runtime_1.jsx)("span", { className: cnLabel('filename'), children: fileName }), (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowsRotateRight, size: 16 })] }) }) }));
+        return (react_1.default.createElement(uikit_1.Tooltip, { content: errorText },
+            react_1.default.createElement(uikit_1.Label, { size: "xs", interactive: true, theme: "danger", icon: react_1.default.createElement(uikit_1.Icon, Object.assign({}, icon)), onClick: onReUploadClick, className: cnLabel({ status }) },
+                react_1.default.createElement("div", { className: cnLabel('content') },
+                    react_1.default.createElement("span", { className: cnLabel('filename') }, fileName),
+                    react_1.default.createElement(uikit_1.Icon, { data: icons_1.ArrowsRotateRight, size: 16 })))));
     }
     return null;
 }
-//# sourceMappingURL=widget.js.map
+exports.UploadLabel = UploadLabel;

package/build/cjs/markup/codemirror/gravity.js

@@ -4,7 +4,7 @@ exports.gravityTheme = exports.gravityHighlightStyle = void 0;
 const language_1 = require("@codemirror/language");
 const view_1 = require("@codemirror/view");
 const highlight_1 = require("@lezer/highlight");
-const yfm_1 = require("./yfm.js");
+const yfm_1 = require("./yfm");
 exports.gravityHighlightStyle = language_1.HighlightStyle.define(language_1.defaultHighlightStyle.specs.concat({ tag: highlight_1.tags.meta, color: 'var(--g-color-text-hint)' }, { tag: highlight_1.tags.link, color: 'var(--g-color-text-link)' }, { tag: highlight_1.tags.url, color: 'var(--g-color-text-link-hover)' }, { tag: highlight_1.tags.contentSeparator, color: 'var(--g-color-text-secondary)' }, { tag: [highlight_1.tags.string, highlight_1.tags.deleted], color: 'var(--g-color-text-danger)' }, { tag: highlight_1.tags.escape, color: 'var(--g-color-text-danger-heavy)' }, { tag: highlight_1.tags.typeName, color: 'var(--g-color-text-positive-heavy)' }, { tag: highlight_1.tags.atom, color: 'var(--g-color-text-info-heavy)' }, { tag: highlight_1.tags.labelName, color: 'var(--g-color-text-complementary)' }, { tag: highlight_1.tags.heading, fontWeight: 'bold' }, 
 // custom tags
 { tag: yfm_1.customTags.underline, textDecoration: 'underline' }, { tag: yfm_1.customTags.monospace, fontFamily: 'monospace' }, { tag: yfm_1.customTags.marked, color: 'marktext', backgroundColor: 'mark' }));
@@ -58,4 +58,3 @@ exports.gravityTheme = view_1.EditorView.baseTheme({
         },
     },
 });
-//# sourceMappingURL=gravity.js.map

package/build/cjs/markup/codemirror/html-to-markdown/converters.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MarkdownConverter = void 0;
-const handlers_1 = require("./handlers.js");
-const helpers_1 = require("./helpers.js");
+const handlers_1 = require("./handlers");
+const helpers_1 = require("./helpers");
 /**
  * Main converter class that implements the visitor interface to convert HTML to Markdown.
  * Uses the Chain of Responsibility pattern for handling different node types.
  */
 class MarkdownConverter {
-    handler;
     constructor() {
         // Set up the chain of responsibility for handling different node types
         this.handler = this.setupHandlerChain();
@@ -23,10 +22,11 @@ class MarkdownConverter {
      * Converts an HTML anchor element to Markdown link syntax.
      */
     visitLink(node) {
+        var _a;
         const linkText = this.collectTextContent(node);
         const url = node.href || '';
         // Handle links with formatted content vs plain text differently
-        const formattedText = node.childNodes.length === 1 && node.firstChild?.nodeType === Node.TEXT_NODE
+        const formattedText = node.childNodes.length === 1 && ((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.nodeType) === Node.TEXT_NODE
             ? (0, helpers_1.applyFormatting)(linkText, node) // Plain text link
             : Array.from(node.childNodes)
                 .map((child) => {
@@ -56,7 +56,8 @@ class MarkdownConverter {
      * Applies Markdown formatting (bold, italic, etc.) to text content.
      */
     visitFormatting(node) {
-        if (node.childNodes.length === 1 && node.firstChild?.nodeType === Node.TEXT_NODE) {
+        var _a;
+        if (node.childNodes.length === 1 && ((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.nodeType) === Node.TEXT_NODE) {
             const text = this.collectTextContent(node);
             return (0, helpers_1.applyFormatting)(text, node);
         }
@@ -211,4 +212,3 @@ class MarkdownConverter {
     }
 }
 exports.MarkdownConverter = MarkdownConverter;
-//# sourceMappingURL=converters.js.map

package/build/cjs/markup/codemirror/html-to-markdown/handlers.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLNodeVisitor } from "./converters.js";
+import type { HTMLNodeVisitor } from './converters';
 /**
  * Base handler class implementing the Chain of Responsibility pattern for HTML node processing.
  * Each concrete handler decides whether it can process a node or should pass it to the next handler.

package/build/cjs/markup/codemirror/html-to-markdown/handlers.js

@@ -6,7 +6,9 @@ exports.ImageHandler = exports.TableHandler = exports.TableRowHandler = exports.
  * Each concrete handler decides whether it can process a node or should pass it to the next handler.
  */
 class NodeHandler {
-    next = null;
+    constructor() {
+        this.next = null;
+    }
     /**
      * Sets up the next handler in the chain
      */
@@ -88,6 +90,7 @@ exports.ParagraphHandler = ParagraphHandler;
  */
 class FormattingHandler extends NodeHandler {
     handle(node, visitor) {
+        var _a;
         if (node.nodeType !== Node.ELEMENT_NODE) {
             return this.handleNext(node, visitor);
         }
@@ -95,7 +98,7 @@ class FormattingHandler extends NodeHandler {
         const tagName = element.tagName.toLowerCase();
         const formattingTags = ['b', 'strong', 'i', 'em', 'span'];
         if (formattingTags.includes(tagName) &&
-            !['a', 'code', 'pre'].includes(element.parentElement?.tagName.toLowerCase() || '')) {
+            !['a', 'code', 'pre'].includes(((_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) || '')) {
             return visitor.visitFormatting(element);
         }
         return this.handleNext(node, visitor);
@@ -228,4 +231,3 @@ class ImageHandler extends NodeHandler {
     }
 }
 exports.ImageHandler = ImageHandler;
-//# sourceMappingURL=handlers.js.map

package/build/cjs/markup/codemirror/html-to-markdown/helpers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyFormatting = applyFormatting;
+exports.applyFormatting = void 0;
 function applyFormatting(text, element) {
     // Check for italic formatting (either through tags or CSS)
     const hasItalic = element.tagName.toLowerCase() === 'i' ||
@@ -18,4 +18,4 @@ function applyFormatting(text, element) {
         formatted = `**${formatted}**`; // Wrap in double asterisks for bold
     return formatted;
 }
-//# sourceMappingURL=helpers.js.map
+exports.applyFormatting = applyFormatting;

package/build/cjs/markup/codemirror/index.d.ts

@@ -1,6 +1,6 @@
-export type { CreateCodemirrorParams } from "./create.js";
-export { createCodemirror } from "./create.js";
-export { ReactRendererFacet } from "./react-facet.js";
-export { DirectiveSyntaxFacet } from "./directive-facet.js";
-export { getImageDimensions, IMG_MAX_HEIGHT } from "./files-upload-plugin/index.js";
-export type { YfmLangOptions } from "./yfm.js";
+export type { CreateCodemirrorParams } from './create';
+export { createCodemirror } from './create';
+export { ReactRendererFacet } from './react-facet';
+export { DirectiveSyntaxFacet } from './directive-facet';
+export { getImageDimensions, IMG_MAX_HEIGHT } from './files-upload-plugin';
+export type { YfmLangOptions } from './yfm';

package/build/cjs/markup/codemirror/index.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IMG_MAX_HEIGHT = exports.getImageDimensions = exports.DirectiveSyntaxFacet = exports.ReactRendererFacet = exports.createCodemirror = void 0;
-var create_1 = require("./create.js");
+var create_1 = require("./create");
 Object.defineProperty(exports, "createCodemirror", { enumerable: true, get: function () { return create_1.createCodemirror; } });
-var react_facet_1 = require("./react-facet.js");
+var react_facet_1 = require("./react-facet");
 Object.defineProperty(exports, "ReactRendererFacet", { enumerable: true, get: function () { return react_facet_1.ReactRendererFacet; } });
-var directive_facet_1 = require("./directive-facet.js");
+var directive_facet_1 = require("./directive-facet");
 Object.defineProperty(exports, "DirectiveSyntaxFacet", { enumerable: true, get: function () { return directive_facet_1.DirectiveSyntaxFacet; } });
-var files_upload_plugin_1 = require("./files-upload-plugin/index.js");
+var files_upload_plugin_1 = require("./files-upload-plugin");
 Object.defineProperty(exports, "getImageDimensions", { enumerable: true, get: function () { return files_upload_plugin_1.getImageDimensions; } });
 Object.defineProperty(exports, "IMG_MAX_HEIGHT", { enumerable: true, get: function () { return files_upload_plugin_1.IMG_MAX_HEIGHT; } });
-//# sourceMappingURL=index.js.map

package/build/cjs/markup/codemirror/pairing-chars.js

@@ -27,4 +27,3 @@ exports.PairingCharactersExtension = view_1.EditorView.inputHandler.of((view, _1
     view.dispatch(tr, { scrollIntoView: true });
     return true;
 });
-//# sourceMappingURL=pairing-chars.js.map

package/build/cjs/markup/codemirror/react-facet.d.ts

@@ -1,3 +1,3 @@
 import { Facet } from '@codemirror/state';
-import type { ReactRenderStorage } from "../../extensions/index.js";
+import type { ReactRenderStorage } from '../../extensions';
 export declare const ReactRendererFacet: Facet<ReactRenderStorage, ReactRenderStorage>;

package/build/cjs/markup/codemirror/react-facet.js

@@ -6,4 +6,3 @@ exports.ReactRendererFacet = state_1.Facet.define({
     combine: (value) => value[0],
     static: true,
 });
-//# sourceMappingURL=react-facet.js.map

package/build/cjs/markup/codemirror/search-plugin/plugin.d.ts

@@ -1,10 +1,10 @@
 import { SearchQuery } from '@codemirror/search';
 import { EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view';
-import type { MarkdownEditorMode } from "../../../bundle/index.js";
-import type { EventMap } from "../../../bundle/Editor.js";
-import type { RendererItem } from "../../../extensions/index.js";
-import { Receiver } from "../../../utils/index.js";
-type SearchQueryConfig = ConstructorParameters<typeof SearchQuery>[0];
+import type { MarkdownEditorMode } from '../../../bundle';
+import type { EventMap } from '../../../bundle/Editor';
+import type { RendererItem } from '../../../extensions';
+import { Receiver } from '../../../utils';
+declare type SearchQueryConfig = ConstructorParameters<typeof SearchQuery>[0];
 export interface SearchPanelPluginParams {
     anchorSelector: string;
     inputDelay?: number;

package/build/cjs/markup/codemirror/search-plugin/plugin.js

@@ -3,23 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchPanelPlugin = void 0;
 const search_1 = require("@codemirror/search");
 const view_1 = require("@codemirror/view");
-const lodash_1 = require("../../../lodash.js");
-const react_facet_1 = require("../react-facet.js");
-const SearchPopup_1 = require("./view/SearchPopup.js");
+const lodash_1 = require("../../../lodash");
+const react_facet_1 = require("../react-facet");
+const SearchPopup_1 = require("./view/SearchPopup");
 const INPUT_DELAY = 200;
 const SearchPanelPlugin = (params) => view_1.ViewPlugin.fromClass(class {
-    view;
-    params;
-    anchor;
-    renderer;
-    searchConfig = {
-        search: '',
-        caseSensitive: false,
-        wholeWord: false,
-    };
-    receiver;
-    setViewSearchWithDelay;
     constructor(view) {
+        var _a, _b;
+        this.searchConfig = {
+            search: '',
+            caseSensitive: false,
+            wholeWord: false,
+        };
         this.view = view;
         this.anchor = null;
         this.renderer = null;
@@ -31,10 +26,11 @@ const SearchPanelPlugin = (params) => view_1.ViewPlugin.fromClass(class {
         this.handleSearchPrev = this.handleSearchPrev.bind(this);
         this.handleSearchConfigChange = this.handleSearchConfigChange.bind(this);
         this.handleEditorModeChange = this.handleEditorModeChange.bind(this);
-        this.setViewSearchWithDelay = (0, lodash_1.debounce)(this.setViewSearch, this.params.inputDelay ?? INPUT_DELAY);
-        this.receiver?.on('change-editor-mode', this.handleEditorModeChange);
+        this.setViewSearchWithDelay = (0, lodash_1.debounce)(this.setViewSearch, (_a = this.params.inputDelay) !== null && _a !== void 0 ? _a : INPUT_DELAY);
+        (_b = this.receiver) === null || _b === void 0 ? void 0 : _b.on('change-editor-mode', this.handleEditorModeChange);
     }
     update(update) {
+        var _a;
         const isPanelOpen = (0, search_1.searchPanelOpen)(update.state);
         if (isPanelOpen && !this.renderer) {
             const initial = (0, search_1.getSearchQuery)(update.state);
@@ -53,23 +49,19 @@ const SearchPanelPlugin = (params) => view_1.ViewPlugin.fromClass(class {
             }));
         }
         else if (!isPanelOpen && this.renderer) {
-            this.renderer?.remove();
+            (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
             this.renderer = null;
         }
     }
     destroy() {
-        this.renderer?.remove();
+        var _a, _b;
+        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
         this.renderer = null;
-        this.receiver?.off('change-editor-mode', this.handleEditorModeChange);
+        (_b = this.receiver) === null || _b === void 0 ? void 0 : _b.off('change-editor-mode', this.handleEditorModeChange);
     }
     setViewSearch(config) {
-        this.searchConfig = {
-            ...this.searchConfig,
-            ...config,
-        };
-        const searchQuery = new search_1.SearchQuery({
-            ...this.searchConfig,
-        });
+        this.searchConfig = Object.assign(Object.assign({}, this.searchConfig), config);
+        const searchQuery = new search_1.SearchQuery(Object.assign({}, this.searchConfig));
         this.view.dispatch({ effects: search_1.setSearchQuery.of(searchQuery) });
     }
     handleEditorModeChange({ mode }) {
@@ -105,4 +97,3 @@ const SearchPanelPlugin = (params) => view_1.ViewPlugin.fromClass(class {
     ],
 });
 exports.SearchPanelPlugin = SearchPanelPlugin;
-//# sourceMappingURL=plugin.js.map

package/build/cjs/markup/codemirror/search-plugin/view/SearchPopup.d.ts

@@ -1,7 +1,7 @@
+import React from 'react';
 import type { SearchQuery } from '@codemirror/search';
-import "./SearchPopup.css";
-type SearchInitial = Pick<SearchQuery, 'search' | 'caseSensitive' | 'wholeWord'>;
-type SearchConfig = Pick<SearchInitial, 'caseSensitive' | 'wholeWord'>;
+declare type SearchInitial = Pick<SearchQuery, 'search' | 'caseSensitive' | 'wholeWord'>;
+declare type SearchConfig = Pick<SearchInitial, 'caseSensitive' | 'wholeWord'>;
 interface SearchCardProps {
     initial: SearchInitial;
     onSearchKeyDown?: (query: string) => void;
@@ -21,5 +21,5 @@ export declare const SearchPopup: React.FC<SearchPopupProps>;
 interface SearchPopupWithRefProps extends Omit<SearchPopupProps, 'anchor'> {
     anchor: HTMLElement | null;
 }
-export declare function renderSearchPopup({ anchor, ...props }: SearchPopupWithRefProps): JSX.Element;
+export declare function renderSearchPopup({ anchor, open, onClose, ...props }: SearchPopupWithRefProps): JSX.Element;
 export {};