1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
import {
DecoratorNode,
DOMExportOutput,
LexicalNode,
NodeKey,
SerializedLexicalNode,
Spread,
} from 'lexical';
import React from 'react';
import { ContractBlockComponent } from './ContractBlockComponent';
export type SerializedContractBlockNode = Spread<
{
contractId: string;
contractName: string;
},
SerializedLexicalNode
>;
export class ContractBlockNode extends DecoratorNode<JSX.Element> {
__contractId: string;
__contractName: string;
static getType(): string {
return 'contract-block';
}
static clone(node: ContractBlockNode): ContractBlockNode {
return new ContractBlockNode(node.__contractId, node.__contractName, node.__key);
}
constructor(contractId: string, contractName: string, key?: NodeKey) {
super(key);
this.__contractId = contractId;
this.__contractName = contractName;
}
createDOM(): HTMLElement {
const div = document.createElement('div');
div.className = 'contract-block-wrapper';
return div;
}
updateDOM(): boolean {
return false;
}
decorate(): JSX.Element {
return (
<ContractBlockComponent
contractId={this.__contractId}
contractName={this.__contractName}
/>
);
}
exportJSON(): SerializedContractBlockNode {
return {
...super.exportJSON(),
type: 'contract-block',
contractId: this.__contractId,
contractName: this.__contractName,
version: 1,
};
}
static importJSON(serializedNode: SerializedContractBlockNode): ContractBlockNode {
return $createContractBlockNode(
serializedNode.contractId,
serializedNode.contractName
);
}
isInline(): boolean {
return false;
}
canInsertTextBefore(): boolean {
return false;
}
canInsertTextAfter(): boolean {
return false;
}
exportDOM(): DOMExportOutput {
const element = document.createElement('div');
element.className = 'contract-block-wrapper';
element.setAttribute('data-contract-id', this.__contractId);
element.textContent = `[Contract: ${this.__contractName}]`;
return { element };
}
}
export function $createContractBlockNode(
contractId: string,
contractName: string
): ContractBlockNode {
return new ContractBlockNode(contractId, contractName);
}
export function $isContractBlockNode(
node: LexicalNode | null | undefined,
): node is ContractBlockNode {
return node instanceof ContractBlockNode;
}
|
