51 lines
1.2 KiB
TypeScript
51 lines
1.2 KiB
TypeScript
import { findParentNode } from "prosemirror-utils";
|
|
import React from "react";
|
|
import getMenuItems from "../menus/block";
|
|
import BlockMenuItem from "./BlockMenuItem";
|
|
import CommandMenu, { Props } from "./CommandMenu";
|
|
|
|
type BlockMenuProps = Omit<
|
|
Props,
|
|
"renderMenuItem" | "items" | "onClearSearch"
|
|
> &
|
|
Required<Pick<Props, "onLinkToolbarOpen" | "embeds">>;
|
|
|
|
class BlockMenu extends React.Component<BlockMenuProps> {
|
|
get items() {
|
|
return getMenuItems(this.props.dictionary);
|
|
}
|
|
|
|
clearSearch = () => {
|
|
const { state, dispatch } = this.props.view;
|
|
const parent = findParentNode((node) => !!node)(state.selection);
|
|
|
|
if (parent) {
|
|
dispatch(state.tr.insertText("", parent.pos, state.selection.to));
|
|
}
|
|
};
|
|
|
|
render() {
|
|
return (
|
|
<CommandMenu
|
|
{...this.props}
|
|
filterable={true}
|
|
onClearSearch={this.clearSearch}
|
|
renderMenuItem={(item, _index, options) => {
|
|
return (
|
|
<BlockMenuItem
|
|
onClick={options.onClick}
|
|
selected={options.selected}
|
|
icon={item.icon}
|
|
title={item.title}
|
|
shortcut={item.shortcut}
|
|
/>
|
|
);
|
|
}}
|
|
items={this.items}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default BlockMenu;
|