@gravity-ui/markdown-editor 14.12.1 → 14.12.2

package/build/cjs/extensions/base/index.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./BaseSchema/index.js"), exports);
-tslib_1.__exportStar(require("./BaseStyles/index.js"), exports);
-tslib_1.__exportStar(require("./BaseKeymap/index.js"), exports);
-tslib_1.__exportStar(require("./BaseInputRules/index.js"), exports);
-//# sourceMappingURL=index.js.map
+tslib_1.__exportStar(require("./BaseSchema"), exports);
+tslib_1.__exportStar(require("./BaseStyles"), exports);
+tslib_1.__exportStar(require("./BaseKeymap"), exports);
+tslib_1.__exportStar(require("./BaseInputRules"), exports);

package/build/cjs/extensions/base/specs.d.ts

@@ -1 +1 @@
-export * from "./BaseSchema/BaseSchemaSpecs/index.js";
+export * from './BaseSchema/BaseSchemaSpecs';

package/build/cjs/extensions/base/specs.js

@@ -1,5 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./BaseSchema/BaseSchemaSpecs/index.js"), exports);
-//# sourceMappingURL=specs.js.map
+tslib_1.__exportStar(require("./BaseSchema/BaseSchemaSpecs"), exports);

package/build/cjs/extensions/behavior/Autocomplete/handler.d.ts

@@ -1,5 +1,5 @@
-import type { AutocompleteAction, AutocompleteHandler, AutocompleteItem } from "./types.js";
-export type MainHandlerConfig = readonly AutocompleteItem[];
+import type { AutocompleteAction, AutocompleteHandler, AutocompleteItem } from './types';
+export declare type MainHandlerConfig = readonly AutocompleteItem[];
 export declare class MainHandler implements Required<AutocompleteHandler> {
     private static log;
     private readonly config;

package/build/cjs/extensions/behavior/Autocomplete/handler.js

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MainHandler = void 0;
-const lodash_1 = require("../../../lodash.js");
-const logger_1 = require("../../../logger.js");
+const lodash_1 = require("../../../lodash");
+const logger_1 = require("../../../logger");
 class MainHandler {
+    constructor(config) {
+        this.config = config;
+    }
     static log(opts) {
         const prefix = '[Autocomplete]';
         if (opts.event === 'destroy') {
@@ -21,39 +24,41 @@ class MainHandler {
         ].join(' ');
         logger_1.logger.log(msg);
     }
-    config;
-    constructor(config) {
-        this.config = config;
-    }
     onOpen(action) {
+        var _a, _b, _c;
         const item = this.getItem(action);
         MainHandler.log({ event: 'open', action, item });
-        return item?.handler.onOpen?.(action) ?? false;
+        return (_c = (_b = item === null || item === void 0 ? void 0 : (_a = item.handler).onOpen) === null || _b === void 0 ? void 0 : _b.call(_a, action)) !== null && _c !== void 0 ? _c : false;
     }
     onClose(action) {
+        var _a, _b, _c;
         const item = this.getItem(action);
         MainHandler.log({ event: 'close', action, item });
-        return item?.handler.onClose?.(action) ?? false;
+        return (_c = (_b = item === null || item === void 0 ? void 0 : (_a = item.handler).onClose) === null || _b === void 0 ? void 0 : _b.call(_a, action)) !== null && _c !== void 0 ? _c : false;
     }
     onArrow(action) {
+        var _a, _b, _c;
         const item = this.getItem(action);
         MainHandler.log({ event: 'arrow', action, item });
-        return item?.handler.onArrow?.(action) ?? false;
+        return (_c = (_b = item === null || item === void 0 ? void 0 : (_a = item.handler).onArrow) === null || _b === void 0 ? void 0 : _b.call(_a, action)) !== null && _c !== void 0 ? _c : false;
     }
     onEnter(action) {
+        var _a, _b, _c;
         const item = this.getItem(action);
         MainHandler.log({ event: 'enter', action, item });
-        return item?.handler.onEnter?.(action) ?? false;
+        return (_c = (_b = item === null || item === void 0 ? void 0 : (_a = item.handler).onEnter) === null || _b === void 0 ? void 0 : _b.call(_a, action)) !== null && _c !== void 0 ? _c : false;
     }
     onFilter(action) {
+        var _a, _b, _c;
         const item = this.getItem(action);
         MainHandler.log({ event: 'filter', action, item });
-        return item?.handler.onFilter?.(action) ?? false;
+        return (_c = (_b = item === null || item === void 0 ? void 0 : (_a = item.handler).onFilter) === null || _b === void 0 ? void 0 : _b.call(_a, action)) !== null && _c !== void 0 ? _c : false;
     }
     onDestroy() {
+        var _a, _b;
         MainHandler.log({ event: 'destroy' });
         for (const item of this.config) {
-            item.handler.onDestroy?.();
+            (_b = (_a = item.handler).onDestroy) === null || _b === void 0 ? void 0 : _b.call(_a);
         }
     }
     getItem({ trigger, type }) {
@@ -73,4 +78,3 @@ class MainHandler {
     }
 }
 exports.MainHandler = MainHandler;
-//# sourceMappingURL=handler.js.map

package/build/cjs/extensions/behavior/Autocomplete/index.d.ts

@@ -1,10 +1,10 @@
-import { ExtensionAuto, ExtensionDeps } from "../../../core/index.js";
-import type { AutocompleteItem } from "./types.js";
+import { ExtensionAuto, ExtensionDeps } from '../../../core';
+import type { AutocompleteItem } from './types';
 export { openAutocomplete, closeAutocomplete } from 'prosemirror-autocomplete';
 export declare const AutocompleteDecoClassName = "autocomplete";
-export type AutocompleteItemFn = (deps: ExtensionDeps) => AutocompleteItem;
-export * from "./types.js";
-type Storage = {
+export declare type AutocompleteItemFn = (deps: ExtensionDeps) => AutocompleteItem;
+export * from './types';
+declare type Storage = {
     add(item: AutocompleteItem | AutocompleteItemFn): Storage;
 };
 /**

package/build/cjs/extensions/behavior/Autocomplete/index.js

@@ -4,13 +4,13 @@ exports.Autocomplete = exports.AutocompleteDecoClassName = exports.closeAutocomp
 const tslib_1 = require("tslib");
 const prosemirror_autocomplete_1 = tslib_1.__importDefault(require("prosemirror-autocomplete"));
 const prosemirror_state_1 = require("prosemirror-state");
-const lodash_1 = require("../../../lodash.js");
-const handler_1 = require("./handler.js");
+const lodash_1 = require("../../../lodash");
+const handler_1 = require("./handler");
 var prosemirror_autocomplete_2 = require("prosemirror-autocomplete");
 Object.defineProperty(exports, "openAutocomplete", { enumerable: true, get: function () { return prosemirror_autocomplete_2.openAutocomplete; } });
 Object.defineProperty(exports, "closeAutocomplete", { enumerable: true, get: function () { return prosemirror_autocomplete_2.closeAutocomplete; } });
 exports.AutocompleteDecoClassName = 'autocomplete';
-tslib_1.__exportStar(require("./types.js"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 /**
  * This extension is wrapper of _prosemirror-autocomplete_
  * You only need to use it once.
@@ -50,4 +50,3 @@ const Autocomplete = (builder) => {
     }, builder.Priority.VeryHigh);
 };
 exports.Autocomplete = Autocomplete;
-//# sourceMappingURL=index.js.map

package/build/cjs/extensions/behavior/Autocomplete/types.d.ts

@@ -4,7 +4,7 @@ export { ActionKind as AutocompleteActionKind } from 'prosemirror-autocomplete';
 export interface AutocompleteHandler extends Pick<Options, 'onArrow' | 'onClose' | 'onEnter' | 'onFilter' | 'onOpen'> {
     onDestroy?: () => void;
 }
-export type AutocompleteItem = {
+export declare type AutocompleteItem = {
     trigger: Trigger;
     handler: AutocompleteHandler;
 };

package/build/cjs/extensions/behavior/Autocomplete/types.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutocompleteActionKind = void 0;
 var prosemirror_autocomplete_1 = require("prosemirror-autocomplete");
 Object.defineProperty(exports, "AutocompleteActionKind", { enumerable: true, get: function () { return prosemirror_autocomplete_1.ActionKind; } });
-//# sourceMappingURL=types.js.map

package/build/cjs/extensions/behavior/ClicksOnEdges/ClicksOnEdges.d.ts

@@ -1,4 +1,4 @@
-import { Action, Extension } from "../../../core/index.js";
+import { Action, Extension } from '../../../core';
 declare const startActionName = "addEmptyDefaultTextblockToStartOfDocument";
 declare const endActionName = "addEmptyDefaultTextblockToEndOfDocument";
 export declare const ClicksOnEdges: Extension;

package/build/cjs/extensions/behavior/ClicksOnEdges/ClicksOnEdges.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClicksOnEdges = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
-const commands_1 = require("./commands.js");
+const commands_1 = require("./commands");
 const startActionName = 'addEmptyDefaultTextblockToStartOfDocument';
 const endActionName = 'addEmptyDefaultTextblockToEndOfDocument';
 const ClicksOnEdges = (builder) => {
@@ -41,4 +41,3 @@ const ClicksOnEdges = (builder) => {
     });
 };
 exports.ClicksOnEdges = ClicksOnEdges;
-//# sourceMappingURL=ClicksOnEdges.js.map

package/build/cjs/extensions/behavior/ClicksOnEdges/commands.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addParagraphToEnd = exports.addParagraphToStart = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
-const base_1 = require("../../base/index.js");
+const base_1 = require("../../../extensions/base");
 const addParagraphToStart = (state, dispatch) => {
     const { firstChild } = state.doc;
-    if (firstChild?.type === (0, base_1.pType)(state.schema)) {
+    if ((firstChild === null || firstChild === void 0 ? void 0 : firstChild.type) === (0, base_1.pType)(state.schema)) {
         // paragraph already at start of doc
         if (dispatch) {
             const pos = 1;
@@ -45,4 +45,3 @@ function insertParagraph(pos, state, dispatch) {
     tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, pos + 1));
     dispatch(tr.scrollIntoView());
 }
-//# sourceMappingURL=commands.js.map

package/build/cjs/extensions/behavior/ClicksOnEdges/index.d.ts

@@ -1 +1 @@
-export * from "./ClicksOnEdges.js";
+export * from './ClicksOnEdges';

package/build/cjs/extensions/behavior/ClicksOnEdges/index.js

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

package/build/cjs/extensions/behavior/Clipboard/clipboard.d.ts

@@ -1,7 +1,7 @@
 import { Plugin } from 'prosemirror-state';
-import { Parser, Serializer } from "../../../core/index.js";
-import "../../../types/spec.js";
-export type ClipboardPluginOptions = {
+import { Parser, Serializer } from '../../../core';
+import '../../../types/spec';
+export declare type ClipboardPluginOptions = {
     mdParser: Parser;
     textParser: Parser;
     serializer: Serializer;

package/build/cjs/extensions/behavior/Clipboard/clipboard.js

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.clipboard = void 0;
 const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_state_1 = require("prosemirror-state");
-const core_1 = require("../../../core/index.js");
-const logger_1 = require("../../../logger.js");
-require("../../../types/spec.js");
-const helpers_1 = require("../../../utils/helpers.js");
-const selection_1 = require("../../../utils/selection.js");
-const serialize_for_clipboard_1 = require("../../../utils/serialize-for-clipboard.js");
-const BaseSchema_1 = require("../../base/BaseSchema/index.js");
-const code_1 = require("./code.js");
-const utils_1 = require("./utils.js");
+const core_1 = require("../../../core");
+const logger_1 = require("../../../logger");
+require("../../../types/spec");
+const helpers_1 = require("../../../utils/helpers");
+const selection_1 = require("../../../utils/selection");
+const serialize_for_clipboard_1 = require("../../../utils/serialize-for-clipboard");
+const BaseSchema_1 = require("../../base/BaseSchema");
+const code_1 = require("./code");
+const utils_1 = require("./utils");
 const clipboard = ({ textParser, mdParser, serializer, pasteFileHandler, }) => {
     return new prosemirror_state_1.Plugin({
         props: {
@@ -130,9 +130,10 @@ const clipboard = ({ textParser, mdParser, serializer, pasteFileHandler, }) => {
 };
 exports.clipboard = clipboard;
 function getSliceFromMarkupFragment(fragment) {
+    var _a;
     let start = 0;
     let end = 0;
-    if (fragment.firstChild?.isTextblock) {
+    if ((_a = fragment.firstChild) === null || _a === void 0 ? void 0 : _a.isTextblock) {
         start = 1;
         if (fragment.childCount === 1) {
             end = 1;
@@ -148,7 +149,6 @@ function serializeSelected(view, serializer) {
         const fragment = sel.content().content;
         return { text: fragment.textBetween(0, fragment.size) };
     }
-    // FIXME: Verify and use Node instead of Fragment
     const markup = serializer.serialize(getCopyContent(view.state).content);
     const { dom, text } = (0, serialize_for_clipboard_1.serializeForClipboard)(view, sel.content());
     return { markup, text, html: dom.innerHTML };
@@ -162,6 +162,7 @@ function setClipboardData(data, result) {
     data.setData(utils_1.DataTransferType.Text, result.text);
 }
 function getCopyContent(state) {
+    var _a;
     const sel = state.selection;
     if ((0, selection_1.isWholeSelection)(sel)) {
         return new prosemirror_model_1.Slice(state.doc.content, 0, 0);
@@ -194,7 +195,7 @@ function getCopyContent(state) {
     }
     let slice = getSelectionContent(sel);
     // replace first node with paragraph if needed
-    if (slice.content.firstChild?.isTextblock &&
+    if (((_a = slice.content.firstChild) === null || _a === void 0 ? void 0 : _a.isTextblock) &&
         slice.content.firstChild.type.name !== BaseSchema_1.BaseNode.Paragraph) {
         let shouldTransformFirstChildToPara = true;
         const { firstChild } = slice.content;
@@ -238,4 +239,3 @@ function getSelectionContent(sel) {
 function getSharedDepthNode({ $from, $to }) {
     return $from.node($from.sharedDepth($to.pos));
 }
-//# sourceMappingURL=clipboard.js.map

package/build/cjs/extensions/behavior/Clipboard/code.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isInsideCode = isInsideCode;
-exports.isInsideBlockCode = isInsideBlockCode;
-exports.isInsideInlineCode = isInsideInlineCode;
+exports.isInsideInlineCode = exports.isInsideBlockCode = exports.isInsideCode = void 0;
 const isCodeMark = (mark) => mark.type.spec.code;
 function isInsideCode(state) {
     if (isInsideBlockCode(state))
@@ -11,17 +9,20 @@ function isInsideCode(state) {
         return 'inline';
     return false;
 }
+exports.isInsideCode = isInsideCode;
 function isInsideBlockCode(state) {
     // it is enough to check only $from
     // when pasting, the content is inserted into a block with the type from $from
     return Boolean(state.selection.$from.parent.type.spec.code);
 }
+exports.isInsideBlockCode = isInsideBlockCode;
 function isInsideInlineCode(state) {
+    var _a;
     // same as for block code
     const fromHasCodeMark = state.selection.$from.marks().some(isCodeMark);
     if (state.selection.empty) {
-        return fromHasCodeMark || (state.storedMarks ?? []).some(isCodeMark);
+        return fromHasCodeMark || ((_a = state.storedMarks) !== null && _a !== void 0 ? _a : []).some(isCodeMark);
     }
     return fromHasCodeMark;
 }
-//# sourceMappingURL=code.js.map
+exports.isInsideInlineCode = isInsideInlineCode;

package/build/cjs/extensions/behavior/Clipboard/index.d.ts

@@ -1,6 +1,6 @@
-import type { ExtensionAuto } from "../../../core/index.js";
-import { ClipboardPluginOptions } from "./clipboard.js";
-import * as clipboardUtils from "./utils.js";
+import type { ExtensionAuto } from '../../../core';
+import { ClipboardPluginOptions } from './clipboard';
+import * as clipboardUtils from './utils';
 export { clipboardUtils };
-export type ClipboardOptions = Pick<ClipboardPluginOptions, 'pasteFileHandler'>;
+export declare type ClipboardOptions = Pick<ClipboardPluginOptions, 'pasteFileHandler'>;
 export declare const Clipboard: ExtensionAuto<ClipboardOptions>;

package/build/cjs/extensions/behavior/Clipboard/index.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Clipboard = exports.clipboardUtils = void 0;
 const tslib_1 = require("tslib");
-const clipboard_1 = require("./clipboard.js");
-const clipboardUtils = tslib_1.__importStar(require("./utils.js"));
+const clipboard_1 = require("./clipboard");
+const clipboardUtils = tslib_1.__importStar(require("./utils"));
 exports.clipboardUtils = clipboardUtils;
 const Clipboard = (builder, opts) => {
     builder.addPlugin((deps) => (0, clipboard_1.clipboard)({
@@ -11,7 +11,6 @@ const Clipboard = (builder, opts) => {
         textParser: deps.textParser,
         serializer: deps.serializer,
         pasteFileHandler: opts.pasteFileHandler,
-    }), builder.Priority.VeryLow);
+    }), builder.PluginPriority.VeryLow);
 };
 exports.Clipboard = Clipboard;
-//# sourceMappingURL=index.js.map

package/build/cjs/extensions/behavior/Clipboard/utils.d.ts

@@ -2,8 +2,8 @@
 export declare enum DataTransferType {
     Text = "text/plain",
     Html = "text/html",
-    Yfm = "text/yfm",// self
-    Rtf = "text/rtf",// Safari, WebStorm/Intelij
+    Yfm = "text/yfm",
+    Rtf = "text/rtf",
     UriList = "text/uri-list",
     VSCodeData = "vscode-editor-data",
     Files = "Files"

package/build/cjs/extensions/behavior/Clipboard/utils.js

@@ -1,11 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTransferType = void 0;
-exports.isIosSafariShare = isIosSafariShare;
-exports.isFilesOnly = isFilesOnly;
-exports.isFilesFromHtml = isFilesFromHtml;
-exports.isImageFile = isImageFile;
-exports.extractTextContentFromHtml = extractTextContentFromHtml;
+exports.extractTextContentFromHtml = exports.isImageFile = exports.isFilesFromHtml = exports.isFilesOnly = exports.isIosSafariShare = exports.DataTransferType = void 0;
 /** Сontains all data formats known to us */
 var DataTransferType;
 (function (DataTransferType) {
@@ -16,7 +11,7 @@ var DataTransferType;
     DataTransferType["UriList"] = "text/uri-list";
     DataTransferType["VSCodeData"] = "vscode-editor-data";
     DataTransferType["Files"] = "Files";
-})(DataTransferType || (exports.DataTransferType = DataTransferType = {}));
+})(DataTransferType = exports.DataTransferType || (exports.DataTransferType = {}));
 function isIosSafariShare({ types }) {
     // if link is copied from ios safari share button,
     // then data transfer only have text/uri-list data type
@@ -24,17 +19,21 @@ function isIosSafariShare({ types }) {
         !types.includes(DataTransferType.Text) &&
         !types.includes(DataTransferType.Html));
 }
+exports.isIosSafariShare = isIosSafariShare;
 function isFilesOnly({ types }) {
     return types.length === 1 && types[0] === DataTransferType.Files;
 }
+exports.isFilesOnly = isFilesOnly;
 function isFilesFromHtml({ types }) {
     return (types.length === 2 &&
         types.includes(DataTransferType.Files) &&
         types.includes(DataTransferType.Html));
 }
+exports.isFilesFromHtml = isFilesFromHtml;
 function isImageFile(file) {
     return file.type.startsWith('image/');
 }
+exports.isImageFile = isImageFile;
 function extractTextContentFromHtml(html) {
     const element = document.createElement('div');
     element.innerHTML = html;
@@ -50,4 +49,4 @@ function extractTextContentFromHtml(html) {
     }
     return null;
 }
-//# sourceMappingURL=utils.js.map
+exports.extractTextContentFromHtml = extractTextContentFromHtml;

package/build/cjs/extensions/behavior/CommandMenu/component.d.ts

@@ -1,11 +1,11 @@
-import { AutocompletePopupProps } from "../../../utils/autocomplete-popup.js";
-import type { CommandAction } from "./types.js";
-import "./component.css";
-export type CommandMenuItem = Pick<CommandAction, 'id' | 'title' | 'icon' | 'hotkey' | 'hint' | 'preview'>;
-export type CommandMenuComponentProps = AutocompletePopupProps & {
+import React from 'react';
+import { AutocompletePopupProps } from '../../../utils/autocomplete-popup';
+import type { CommandAction } from './types';
+export declare type CommandMenuItem = Pick<CommandAction, 'id' | 'title' | 'icon' | 'hotkey' | 'hint' | 'preview'>;
+export declare type CommandMenuComponentProps = AutocompletePopupProps & {
     currentIndex?: number;
     items: readonly CommandMenuItem[];
-    onItemClick(itemIndex: number): void;
+    onClick(itemIndex: number): void;
 };
 export declare const CommandMenuComponent: React.FC<CommandMenuComponentProps>;
 export declare function render(props: CommandMenuComponentProps): React.ReactNode;

package/build/cjs/extensions/behavior/CommandMenu/component.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommandMenuComponent = void 0;
-exports.render = render;
-const jsx_runtime_1 = require("react/jsx-runtime");
+exports.render = exports.CommandMenuComponent = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("@gravity-ui/components");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../../../classname.js");
-const suggest_1 = require("../../../i18n/suggest/index.js");
-const lodash_1 = require("../../../lodash.js");
-const ErrorBoundary_1 = require("../../../react-utils/ErrorBoundary.js");
-const PreviewTooltip_1 = require("../../../toolbar/PreviewTooltip.js");
-require("./component.css");
+const classname_1 = require("../../../classname");
+const suggest_1 = require("../../../i18n/suggest");
+const lodash_1 = require("../../../lodash");
+const ErrorBoundary_1 = require("../../../react-utils/ErrorBoundary");
+const PreviewTooltip_1 = require("../../../toolbar/PreviewTooltip");
 const b = (0, classname_1.cn)('command-menu');
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
 const ITEM_HEIGHT = 28; // px
@@ -20,18 +20,28 @@ function calcListHeight(itemsCount) {
         return undefined;
     return Math.min(MAX_LIST_HEIGHT, itemsCount * ITEM_HEIGHT);
 }
-const CommandMenuComponent = ({ anchorElement, currentIndex, items, onItemClick, onOpenChange, }) => {
-    if (!anchorElement)
+const CommandMenuComponent = ({ anchor, currentIndex, items, onClick, onEnterKeyDown, onEscapeKeyDown, onOutsideClick, }) => {
+    if (!anchor)
         return null;
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: true, anchorElement: anchorElement, placement: placement, onOpenChange: onOpenChange, children: (0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(uikit_1.List, { virtualized: true, items: items, sortable: false, filterable: false, emptyPlaceholder: (0, suggest_1.i18n)('empty-msg'), itemHeight: ITEM_HEIGHT, itemsHeight: calcListHeight(items.length), renderItem: renderItem, deactivateOnLeave: false, activeItemIndex: currentIndex, onItemClick: (_item, index) => onItemClick(index), className: b('list'), itemClassName: b('list-item') }) }) }));
+    return (react_1.default.createElement(uikit_1.Popup, { open: true, anchorRef: { current: anchor }, placement: placement, onEnterKeyDown: onEnterKeyDown, onEscapeKeyDown: onEscapeKeyDown, onOutsideClick: onOutsideClick },
+        react_1.default.createElement("div", { className: b() },
+            react_1.default.createElement(uikit_1.List, { virtualized: true, items: items, sortable: false, filterable: false, emptyPlaceholder: (0, suggest_1.i18n)('empty-msg'), itemHeight: ITEM_HEIGHT, itemsHeight: calcListHeight(items.length), renderItem: renderItem, deactivateOnLeave: false, activeItemIndex: currentIndex, onItemClick: (_item, index) => onClick(index), className: b('list'), itemClassName: b('list-item') }))));
 };
 exports.CommandMenuComponent = CommandMenuComponent;
 function renderItem({ id, title, icon, hotkey, hint, preview }) {
     const titleText = (0, lodash_1.isFunction)(title) ? title() : title;
     const hintText = (0, lodash_1.isFunction)(hint) ? hint() : hint;
-    return ((0, jsx_runtime_1.jsx)(PreviewTooltip_1.PreviewTooltip, { preview: preview, children: (0, jsx_runtime_1.jsxs)("div", { className: b('item', { id }), children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon.data, size: 20, className: b('item-icon') }), (0, jsx_runtime_1.jsxs)("div", { className: b('item-body'), children: [(0, jsx_runtime_1.jsx)("span", { className: b('item-title'), children: titleText }), (0, jsx_runtime_1.jsxs)("div", { className: b('item-extra'), children: [hotkey && (0, jsx_runtime_1.jsx)(uikit_1.Hotkey, { value: hotkey, className: b('item-hotkey') }), hintText && (0, jsx_runtime_1.jsx)(uikit_1.HelpMark, { className: b('item-hint'), children: hintText })] })] })] }, id) }));
+    return (react_1.default.createElement(PreviewTooltip_1.PreviewTooltip, { preview: preview },
+        react_1.default.createElement("div", { key: id, className: b('item', { id }) },
+            react_1.default.createElement(uikit_1.Icon, { data: icon.data, size: 20, className: b('item-icon') }),
+            react_1.default.createElement("div", { className: b('item-body') },
+                react_1.default.createElement("span", { className: b('item-title') }, titleText),
+                react_1.default.createElement("div", { className: b('item-extra') },
+                    hotkey && react_1.default.createElement(uikit_1.Hotkey, { value: hotkey, className: b('item-hotkey') }),
+                    hintText && react_1.default.createElement(components_1.HelpPopover, { className: b('item-hint'), content: hintText }))))));
 }
 function render(props) {
-    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorLoggerBoundary, { children: (0, jsx_runtime_1.jsx)(exports.CommandMenuComponent, { ...props }) }));
+    return (react_1.default.createElement(ErrorBoundary_1.ErrorLoggerBoundary, null,
+        react_1.default.createElement(exports.CommandMenuComponent, Object.assign({}, props))));
 }
-//# sourceMappingURL=component.js.map
+exports.render = render;

package/build/cjs/extensions/behavior/CommandMenu/const.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DecoClassName = void 0;
 exports.DecoClassName = 'pm-command-input';
-//# sourceMappingURL=const.js.map

package/build/cjs/extensions/behavior/CommandMenu/handler.d.ts

@@ -1,12 +1,12 @@
-import type { ActionStorage } from "../../../core/index.js";
-import { AutocompleteAction, AutocompleteHandler } from "../Autocomplete/index.js";
-import type { Config } from "./types.js";
+import type { ActionStorage } from '../../../core';
+import { AutocompleteAction, AutocompleteHandler } from '../Autocomplete';
+import type { Config } from './types';
 declare module 'prosemirror-model' {
     interface NodeSpec {
         commandMenu?: boolean;
     }
 }
-export type CommandHandlerParams = {
+export declare type CommandHandlerParams = {
     actions: Config;
     storage: ActionStorage;
     nodesIgnoreList?: readonly string[];