All files / roosterjs-content-model-plugins/lib/edit/deleteSteps deleteEmptyQuote.ts

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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
29x
 
29x
 
 
 
 
58x
58x
29x
29x
 
 
 
 
29x
 
29x
6x
6x
 
6x
2x
2x
2x
4x
 
 
 
 
2x
2x
2x
 
 
 
 
 
1x
6x
 
 
 
 
 
 
1x
6x
10x
 
 
 
1x
 
 
 
 
 
2x
 
2x
2x
 
2x
2x
 
 
 
 
2x
 
 
 
2x
 
 
2x
2x
 
2x
 
 
 
 
 
import {
    unwrapBlock,
    getClosestAncestorBlockGroupIndex,
    createFormatContainer,
    mutateBlock,
} from 'roosterjs-content-model-dom';
import type {
    DeleteSelectionStep,
    ReadonlyContentModelBlockGroup,
    ReadonlyContentModelFormatContainer,
    ReadonlyContentModelParagraph,
    ShallowMutableContentModelFormatContainer,
    ShallowMutableContentModelParagraph,
} from 'roosterjs-content-model-types';
 
/**
 * @internal
 */
export const deleteEmptyQuote: DeleteSelectionStep = context => {
    const { deleteResult } = context;
 
    Eif (
        deleteResult == 'nothingToDelete' ||
        deleteResult == 'notDeleted' ||
        deleteResult == 'range'
    ) {
        const { insertPoint, formatContext } = context;
        const { path, paragraph } = insertPoint;
        const rawEvent = formatContext?.rawEvent as KeyboardEvent;
        const index = getClosestAncestorBlockGroupIndex(
            path,
            ['FormatContainer'],
            ['TableCell', 'ListItem']
        );
        const quote = path[index];
 
        if (quote && quote.blockGroupType === 'FormatContainer' && quote.tagName == 'blockquote') {
            const parent = path[index + 1];
            const quoteBlockIndex = parent.blocks.indexOf(quote);
 
            if (isEmptyQuote(quote)) {
                unwrapBlock(parent, quote);
                rawEvent?.preventDefault();
                context.deleteResult = 'range';
            } else if (
                rawEvent?.key === 'Enter' &&
                quote.blocks.indexOf(paragraph) >= 0 &&
                isEmptyParagraph(paragraph)
            ) {
                insertNewLine(mutateBlock(quote), parent, quoteBlockIndex, paragraph);
                rawEvent?.preventDefault();
                context.deleteResult = 'range';
            }
        }
    }
};
 
const isEmptyQuote = (quote: ReadonlyContentModelFormatContainer) => {
    return (
        quote.blocks.length === 1 &&
        quote.blocks[0].blockType === 'Paragraph' &&
        isEmptyParagraph(quote.blocks[0])
    );
};
 
const isEmptyParagraph = (paragraph: ReadonlyContentModelParagraph) => {
    return paragraph.segments.every(
        s => s.segmentType === 'SelectionMarker' || s.segmentType === 'Br'
    );
};
 
const insertNewLine = (
    quote: ShallowMutableContentModelFormatContainer,
    parent: ReadonlyContentModelBlockGroup,
    quoteIndex: number,
    paragraph: ShallowMutableContentModelParagraph
) => {
    const paraIndex = quote.blocks.indexOf(paragraph);
 
    Eif (paraIndex >= 0) {
        const mutableParent = mutateBlock(parent);
 
        Eif (paraIndex < quote.blocks.length - 1) {
            const newQuote: ShallowMutableContentModelFormatContainer = createFormatContainer(
                quote.tagName,
                quote.format
            );
 
            newQuote.blocks.push(
                ...quote.blocks.splice(paraIndex + 1, quote.blocks.length - paraIndex - 1)
            );
 
            mutableParent.blocks.splice(quoteIndex + 1, 0, newQuote);
        }
 
        mutableParent.blocks.splice(quoteIndex + 1, 0, paragraph);
        quote.blocks.splice(paraIndex, 1);
 
        Iif (quote.blocks.length == 0) {
            mutableParent.blocks.splice(quoteIndex, 0);
        }
    }
};