@ni/nimble-components 20.1.13 → 20.1.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all-components-bundle.js +8920 -8379
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +1572 -1520
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/rich-text-editor/index.d.ts +24 -1
- package/dist/esm/rich-text-editor/index.js +100 -1
- package/dist/esm/rich-text-editor/index.js.map +1 -1
- package/dist/esm/rich-text-editor/styles.js +4 -0
- package/dist/esm/rich-text-editor/styles.js.map +1 -1
- package/dist/esm/rich-text-editor/template.js +1 -5
- package/dist/esm/rich-text-editor/template.js.map +1 -1
- package/dist/esm/rich-text-editor/testing/rich-text-editor.pageobject.d.ts +11 -10
- package/dist/esm/rich-text-editor/testing/rich-text-editor.pageobject.js +20 -20
- package/dist/esm/rich-text-editor/testing/rich-text-editor.pageobject.js.map +1 -1
- package/dist/esm/src/rich-text-editor/index.d.ts +24 -1
- package/dist/esm/src/rich-text-editor/testing/rich-text-editor.pageobject.d.ts +11 -10
- package/package.json +1 -1
|
@@ -28,8 +28,14 @@ export declare class RichTextEditor extends FoundationElement {
|
|
|
28
28
|
/**
|
|
29
29
|
* @internal
|
|
30
30
|
*/
|
|
31
|
-
|
|
31
|
+
editorContainer: HTMLDivElement;
|
|
32
32
|
private tiptapEditor;
|
|
33
|
+
private editor;
|
|
34
|
+
private readonly markdownParser;
|
|
35
|
+
private readonly markdownSerializer;
|
|
36
|
+
private readonly domSerializer;
|
|
37
|
+
private readonly xmlSerializer;
|
|
38
|
+
constructor();
|
|
33
39
|
/**
|
|
34
40
|
* @internal
|
|
35
41
|
*/
|
|
@@ -78,10 +84,27 @@ export declare class RichTextEditor extends FoundationElement {
|
|
|
78
84
|
* @internal
|
|
79
85
|
*/
|
|
80
86
|
numberedListButtonKeyDown(event: KeyboardEvent): boolean;
|
|
87
|
+
/**
|
|
88
|
+
* This function load tip tap editor with provided markdown content by parsing into html
|
|
89
|
+
* @public
|
|
90
|
+
*/
|
|
91
|
+
setMarkdown(markdown: string): void;
|
|
92
|
+
/**
|
|
93
|
+
* This function returns markdown string by serializing tiptap editor document using prosemirror MarkdownSerializer
|
|
94
|
+
* @public
|
|
95
|
+
*/
|
|
96
|
+
getMarkdown(): string;
|
|
81
97
|
/**
|
|
82
98
|
* @internal
|
|
83
99
|
*/
|
|
84
100
|
stopEventPropagation(event: Event): boolean;
|
|
101
|
+
/**
|
|
102
|
+
* This function takes the Fragment from parseMarkdownToDOM function and return the serialized string using XMLSerializer
|
|
103
|
+
*/
|
|
104
|
+
private getHtmlContent;
|
|
105
|
+
private initializeMarkdownParser;
|
|
106
|
+
private initializeMarkdownSerializer;
|
|
107
|
+
private parseMarkdownToDOM;
|
|
85
108
|
private initializeEditor;
|
|
86
109
|
/**
|
|
87
110
|
* Binding the "transaction" event to the editor allows continuous monitoring the events and updating the button state in response to
|
|
@@ -3,6 +3,8 @@ import { observable } from '@microsoft/fast-element';
|
|
|
3
3
|
import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
|
|
4
4
|
import { keyEnter, keySpace } from '@microsoft/fast-web-utilities';
|
|
5
5
|
import { Editor } from '@tiptap/core';
|
|
6
|
+
import { schema, defaultMarkdownParser, MarkdownParser, MarkdownSerializer, defaultMarkdownSerializer } from 'prosemirror-markdown';
|
|
7
|
+
import { DOMSerializer } from 'prosemirror-model';
|
|
6
8
|
import Bold from '@tiptap/extension-bold';
|
|
7
9
|
import BulletList from '@tiptap/extension-bullet-list';
|
|
8
10
|
import Document from '@tiptap/extension-document';
|
|
@@ -18,12 +20,22 @@ import { styles } from './styles';
|
|
|
18
20
|
* A nimble styled rich text editor
|
|
19
21
|
*/
|
|
20
22
|
export class RichTextEditor extends FoundationElement {
|
|
23
|
+
constructor() {
|
|
24
|
+
super();
|
|
25
|
+
this.markdownParser = this.initializeMarkdownParser();
|
|
26
|
+
this.markdownSerializer = this.initializeMarkdownSerializer();
|
|
27
|
+
this.domSerializer = DOMSerializer.fromSchema(schema);
|
|
28
|
+
this.xmlSerializer = new XMLSerializer();
|
|
29
|
+
this.initializeEditor();
|
|
30
|
+
}
|
|
21
31
|
/**
|
|
22
32
|
* @internal
|
|
23
33
|
*/
|
|
24
34
|
connectedCallback() {
|
|
25
35
|
super.connectedCallback();
|
|
26
|
-
this.
|
|
36
|
+
if (!this.editor.isConnected) {
|
|
37
|
+
this.editorContainer.append(this.editor);
|
|
38
|
+
}
|
|
27
39
|
this.bindEditorTransactionEvent();
|
|
28
40
|
}
|
|
29
41
|
/**
|
|
@@ -105,6 +117,22 @@ export class RichTextEditor extends FoundationElement {
|
|
|
105
117
|
}
|
|
106
118
|
return true;
|
|
107
119
|
}
|
|
120
|
+
/**
|
|
121
|
+
* This function load tip tap editor with provided markdown content by parsing into html
|
|
122
|
+
* @public
|
|
123
|
+
*/
|
|
124
|
+
setMarkdown(markdown) {
|
|
125
|
+
const html = this.getHtmlContent(markdown);
|
|
126
|
+
this.tiptapEditor.commands.setContent(html);
|
|
127
|
+
}
|
|
128
|
+
/**
|
|
129
|
+
* This function returns markdown string by serializing tiptap editor document using prosemirror MarkdownSerializer
|
|
130
|
+
* @public
|
|
131
|
+
*/
|
|
132
|
+
getMarkdown() {
|
|
133
|
+
const markdownContent = this.markdownSerializer.serialize(this.tiptapEditor.state.doc);
|
|
134
|
+
return markdownContent;
|
|
135
|
+
}
|
|
108
136
|
/**
|
|
109
137
|
* @internal
|
|
110
138
|
*/
|
|
@@ -114,7 +142,78 @@ export class RichTextEditor extends FoundationElement {
|
|
|
114
142
|
event.stopPropagation();
|
|
115
143
|
return false;
|
|
116
144
|
}
|
|
145
|
+
/**
|
|
146
|
+
* This function takes the Fragment from parseMarkdownToDOM function and return the serialized string using XMLSerializer
|
|
147
|
+
*/
|
|
148
|
+
getHtmlContent(markdown) {
|
|
149
|
+
const documentFragment = this.parseMarkdownToDOM(markdown);
|
|
150
|
+
return this.xmlSerializer.serializeToString(documentFragment);
|
|
151
|
+
}
|
|
152
|
+
initializeMarkdownParser() {
|
|
153
|
+
/**
|
|
154
|
+
* It configures the tokenizer of the default Markdown parser with the 'zero' preset.
|
|
155
|
+
* The 'zero' preset is a configuration with no rules enabled by default to selectively enable specific rules.
|
|
156
|
+
* https://github.com/markdown-it/markdown-it/blob/2b6cac25823af011ff3bc7628bc9b06e483c5a08/lib/presets/zero.js#L1
|
|
157
|
+
*
|
|
158
|
+
*/
|
|
159
|
+
const zeroTokenizerConfiguration = defaultMarkdownParser.tokenizer.configure('zero');
|
|
160
|
+
// The detailed information of the supported rules were provided in the below CommonMark spec document.
|
|
161
|
+
// https://spec.commonmark.org/0.30/
|
|
162
|
+
const supportedTokenizerRules = zeroTokenizerConfiguration.enable([
|
|
163
|
+
'emphasis',
|
|
164
|
+
'list'
|
|
165
|
+
]);
|
|
166
|
+
return new MarkdownParser(schema, supportedTokenizerRules, defaultMarkdownParser.tokens);
|
|
167
|
+
}
|
|
168
|
+
initializeMarkdownSerializer() {
|
|
169
|
+
/**
|
|
170
|
+
* orderedList Node is getting 'order' attribute which it is not present in the
|
|
171
|
+
* tip-tap orderedList Node and having start instead of order, Changed it to start (nodes.attrs.start)
|
|
172
|
+
* Assigned updated node in place of orderedList node from defaultMarkdownSerializer
|
|
173
|
+
* https://github.com/ProseMirror/prosemirror-markdown/blob/b7c1fd2fb74c7564bfe5428c7c8141ded7ebdd9f/src/to_markdown.ts#L94C2-L101C7
|
|
174
|
+
*/
|
|
175
|
+
const orderedListNode = function orderedList(state, node) {
|
|
176
|
+
const start = node.attrs.start || 1;
|
|
177
|
+
const maxW = String(start + node.childCount - 1).length;
|
|
178
|
+
const space = state.repeat(' ', maxW + 2);
|
|
179
|
+
state.renderList(node, space, i => {
|
|
180
|
+
const nStr = String(start + i);
|
|
181
|
+
return `${state.repeat(' ', maxW - nStr.length) + nStr}. `;
|
|
182
|
+
});
|
|
183
|
+
};
|
|
184
|
+
/**
|
|
185
|
+
* Internally Tiptap editor creates it own schema ( Nodes AND Marks ) based on the extensions ( Here Starter Kit is used for Bold, italic, orderedList and
|
|
186
|
+
* bulletList extensions) and defaultMarkdownSerializer uses schema from prosemirror-markdown to serialize the markdown.
|
|
187
|
+
* So, there is variations in the nodes and marks name (Eg. 'ordered_list' in prosemirror-markdown schema whereas 'orderedList' in tip tap editor schema),
|
|
188
|
+
* To fix up this reassigned the respective nodes and marks with tip-tap editor schema.
|
|
189
|
+
*/
|
|
190
|
+
const nodes = {
|
|
191
|
+
bulletList: defaultMarkdownSerializer.nodes.bullet_list,
|
|
192
|
+
listItem: defaultMarkdownSerializer.nodes.list_item,
|
|
193
|
+
orderedList: orderedListNode,
|
|
194
|
+
doc: defaultMarkdownSerializer.nodes.doc,
|
|
195
|
+
paragraph: defaultMarkdownSerializer.nodes.paragraph,
|
|
196
|
+
text: defaultMarkdownSerializer.nodes.text
|
|
197
|
+
};
|
|
198
|
+
const marks = {
|
|
199
|
+
italic: defaultMarkdownSerializer.marks.em,
|
|
200
|
+
bold: defaultMarkdownSerializer.marks.strong
|
|
201
|
+
};
|
|
202
|
+
return new MarkdownSerializer(nodes, marks);
|
|
203
|
+
}
|
|
204
|
+
parseMarkdownToDOM(value) {
|
|
205
|
+
const parsedMarkdownContent = this.markdownParser.parse(value);
|
|
206
|
+
if (parsedMarkdownContent === null) {
|
|
207
|
+
return document.createDocumentFragment();
|
|
208
|
+
}
|
|
209
|
+
return this.domSerializer.serializeFragment(parsedMarkdownContent.content);
|
|
210
|
+
}
|
|
117
211
|
initializeEditor() {
|
|
212
|
+
// Create div from the constructor because the TipTap editor requires its host element before the template is instantiated.
|
|
213
|
+
this.editor = document.createElement('div');
|
|
214
|
+
this.editor.className = 'editor';
|
|
215
|
+
this.editor.setAttribute('aria-multiline', 'true');
|
|
216
|
+
this.editor.setAttribute('role', 'textbox');
|
|
118
217
|
/**
|
|
119
218
|
* For more information on the extensions for the supported formatting options, refer to the links below.
|
|
120
219
|
* Tiptap marks: https://tiptap.dev/api/marks
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/rich-text-editor/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,UAAU,MAAM,+BAA+B,CAAC;AACvD,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AACnD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,iBAAiB;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/rich-text-editor/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/rich-text-editor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,UAAU,EACV,eAAe,EAClB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;gBAGZ,QAAQ;;iBAEP,aAAa;;;cAGhB,WAAW;;;UAGf;AACE,qHAAqH,CAAC,EAC1H;;;;;;;;;kBASU,WAAW,eAAe,qBAAqB;;;;;;;4BAOrC,WAAW;;;;;yBAKd,gBAAgB;;4BAEb,UAAU;;;;+BAIP,gBAAgB;;;;;;;;;;;;;;kBAc7B,WAAW
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/rich-text-editor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,UAAU,EACV,eAAe,EAClB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;gBAGZ,QAAQ;;iBAEP,aAAa;;;cAGhB,WAAW;;;UAGf;AACE,qHAAqH,CAAC,EAC1H;;;;;;;;;kBASU,WAAW,eAAe,qBAAqB;;;;;;;4BAOrC,WAAW;;;;;yBAKd,gBAAgB;;4BAEb,UAAU;;;;+BAIP,gBAAgB;;;;;;;;;;;;;;kBAc7B,WAAW;;;;;;;;;;;;;UAanB;AACE;;;GAGG,CAAC,EACR;;;;kBAIU,WAAW;;;;;;;;;;MAUvB;AACE;;;;;GAKG,CAAC,EACR;;;;;;;;;;;;;;;;;MAiBE,CAAA,+DAAgE,EAAE;;;;;;;;;;;;;;;;;;;;;kBAqBtD,WAAW;iCACI,qBAAqB;;;;;;;;;;;;;;;;;6BAiBzB,eAAe;eAC7B,eAAe;;;CAG7B,CAAC"}
|
|
@@ -9,11 +9,7 @@ import { iconNumberListTag } from '../icons/number-list';
|
|
|
9
9
|
export const template = html `
|
|
10
10
|
<template>
|
|
11
11
|
<div class="container">
|
|
12
|
-
<section
|
|
13
|
-
${ref('editor')}
|
|
14
|
-
class="editor"
|
|
15
|
-
role="textbox"
|
|
16
|
-
aria-multiline="true">
|
|
12
|
+
<section ${ref('editorContainer')} class="editor-container">
|
|
17
13
|
</section>
|
|
18
14
|
<section class="footer-section" part="footer-section">
|
|
19
15
|
<${toolbarTag}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/rich-text-editor/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAgB
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/rich-text-editor/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAgB;;;uBAGrB,GAAG,CAAC,iBAAiB,CAAC;;;mBAG1B,UAAU;uBACN,eAAe;0BACZ,GAAG,CAAC,YAAY,CAAC;;;;;iCAKV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;kCACvB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC;mCACxC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAsB,CAAC;;;2BAG/D,YAAY,mBAAmB,YAAY;wBAC9C,eAAe;uBAChB,eAAe;0BACZ,GAAG,CAAC,eAAe,CAAC;;;;;iCAKb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE;kCAC1B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC;mCACxC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAsB,CAAC;;;2BAGlE,cAAc,mBAAmB,cAAc;wBAClD,eAAe;uBAChB,eAAe;0BACZ,GAAG,CAAC,kBAAkB,CAAC;;;;;iCAKhB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE;kCAC7B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC;mCACxC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,KAAsB,CAAC;;;2BAGrE,WAAW,mBAAmB,WAAW;wBAC5C,eAAe;uBAChB,eAAe;0BACZ,GAAG,CAAC,oBAAoB,CAAC;;;;;iCAKlB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,EAAE;kCAC/B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC;mCACxC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,KAAsB,CAAC;;;2BAGvE,iBAAiB,mBAAmB,iBAAiB;wBACxD,eAAe;oBACnB,UAAU;;;;;;;CAO7B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { RichTextEditor } from '..';
|
|
2
|
+
import type { ToolbarButton } from './types';
|
|
2
3
|
/**
|
|
3
4
|
* Page object for the `nimble-rich-text-editor` component.
|
|
4
5
|
*/
|
|
@@ -13,29 +14,29 @@ export declare class RichTextEditorPageObject {
|
|
|
13
14
|
pressShiftTabKeysInEditor(): Promise<void>;
|
|
14
15
|
/**
|
|
15
16
|
* To click a formatting button in the footer section, pass its position value as an index (starting from '0')
|
|
16
|
-
* @param
|
|
17
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
17
18
|
*/
|
|
18
|
-
clickFooterButton(
|
|
19
|
+
clickFooterButton(button: ToolbarButton): Promise<void>;
|
|
19
20
|
/**
|
|
20
21
|
* To retrieve the checked state of the button, provide its position value as an index (starting from '0')
|
|
21
|
-
* @param
|
|
22
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
22
23
|
*/
|
|
23
|
-
getButtonCheckedState(
|
|
24
|
+
getButtonCheckedState(button: ToolbarButton): boolean;
|
|
24
25
|
/**
|
|
25
26
|
* To retrieve the tab index of the button, provide its position value as an index (starting from '0')
|
|
26
|
-
* @param
|
|
27
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
27
28
|
*/
|
|
28
|
-
getButtonTabIndex(
|
|
29
|
+
getButtonTabIndex(button: ToolbarButton): number;
|
|
29
30
|
/**
|
|
30
31
|
* To trigger a space key press for the button, provide its position value as an index (starting from '0')
|
|
31
|
-
* @param
|
|
32
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
32
33
|
*/
|
|
33
|
-
spaceKeyActivatesButton(
|
|
34
|
+
spaceKeyActivatesButton(button: ToolbarButton): void;
|
|
34
35
|
/**
|
|
35
36
|
* To trigger a enter key press for the button, provide its position value as an index (starting from '0')
|
|
36
|
-
* @param
|
|
37
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
37
38
|
*/
|
|
38
|
-
enterKeyActivatesButton(
|
|
39
|
+
enterKeyActivatesButton(button: ToolbarButton): void;
|
|
39
40
|
setEditorTextContent(value: string): Promise<void>;
|
|
40
41
|
getEditorFirstChildTagName(): string;
|
|
41
42
|
getEditorFirstChildTextContent(): string;
|
|
@@ -60,50 +60,50 @@ export class RichTextEditorPageObject {
|
|
|
60
60
|
}
|
|
61
61
|
/**
|
|
62
62
|
* To click a formatting button in the footer section, pass its position value as an index (starting from '0')
|
|
63
|
-
* @param
|
|
63
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
64
64
|
*/
|
|
65
|
-
async clickFooterButton(
|
|
66
|
-
const
|
|
67
|
-
|
|
65
|
+
async clickFooterButton(button) {
|
|
66
|
+
const toggleButton = this.getFormattingButton(button);
|
|
67
|
+
toggleButton.click();
|
|
68
68
|
await waitForUpdatesAsync();
|
|
69
69
|
}
|
|
70
70
|
/**
|
|
71
71
|
* To retrieve the checked state of the button, provide its position value as an index (starting from '0')
|
|
72
|
-
* @param
|
|
72
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
73
73
|
*/
|
|
74
|
-
getButtonCheckedState(
|
|
75
|
-
const
|
|
76
|
-
return
|
|
74
|
+
getButtonCheckedState(button) {
|
|
75
|
+
const toggleButton = this.getFormattingButton(button);
|
|
76
|
+
return toggleButton.checked;
|
|
77
77
|
}
|
|
78
78
|
/**
|
|
79
79
|
* To retrieve the tab index of the button, provide its position value as an index (starting from '0')
|
|
80
|
-
* @param
|
|
80
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
81
81
|
*/
|
|
82
|
-
getButtonTabIndex(
|
|
83
|
-
const
|
|
84
|
-
return
|
|
82
|
+
getButtonTabIndex(button) {
|
|
83
|
+
const toggleButton = this.getFormattingButton(button);
|
|
84
|
+
return toggleButton.tabIndex;
|
|
85
85
|
}
|
|
86
86
|
/**
|
|
87
87
|
* To trigger a space key press for the button, provide its position value as an index (starting from '0')
|
|
88
|
-
* @param
|
|
88
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
89
89
|
*/
|
|
90
|
-
spaceKeyActivatesButton(
|
|
91
|
-
const
|
|
90
|
+
spaceKeyActivatesButton(button) {
|
|
91
|
+
const toggleButton = this.getFormattingButton(button);
|
|
92
92
|
const event = new KeyboardEvent('keypress', {
|
|
93
93
|
key: keySpace
|
|
94
94
|
});
|
|
95
|
-
|
|
95
|
+
toggleButton.control.dispatchEvent(event);
|
|
96
96
|
}
|
|
97
97
|
/**
|
|
98
98
|
* To trigger a enter key press for the button, provide its position value as an index (starting from '0')
|
|
99
|
-
* @param
|
|
99
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
100
100
|
*/
|
|
101
|
-
enterKeyActivatesButton(
|
|
102
|
-
const
|
|
101
|
+
enterKeyActivatesButton(button) {
|
|
102
|
+
const toggleButton = this.getFormattingButton(button);
|
|
103
103
|
const event = new KeyboardEvent('keypress', {
|
|
104
104
|
key: keyEnter
|
|
105
105
|
});
|
|
106
|
-
|
|
106
|
+
toggleButton.control.dispatchEvent(event);
|
|
107
107
|
}
|
|
108
108
|
async setEditorTextContent(value) {
|
|
109
109
|
let lastElement = this.getTiptapEditor()?.lastElementChild;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rich-text-editor.pageobject.js","sourceRoot":"","sources":["../../../../src/rich-text-editor/testing/rich-text-editor.pageobject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"rich-text-editor.pageobject.js","sourceRoot":"","sources":["../../../../src/rich-text-editor/testing/rich-text-editor.pageobject.ts"],"names":[],"mappings":"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"}
|
|
@@ -28,8 +28,14 @@ export declare class RichTextEditor extends FoundationElement {
|
|
|
28
28
|
/**
|
|
29
29
|
* @internal
|
|
30
30
|
*/
|
|
31
|
-
|
|
31
|
+
editorContainer: HTMLDivElement;
|
|
32
32
|
private tiptapEditor;
|
|
33
|
+
private editor;
|
|
34
|
+
private readonly markdownParser;
|
|
35
|
+
private readonly markdownSerializer;
|
|
36
|
+
private readonly domSerializer;
|
|
37
|
+
private readonly xmlSerializer;
|
|
38
|
+
constructor();
|
|
33
39
|
/**
|
|
34
40
|
* @internal
|
|
35
41
|
*/
|
|
@@ -78,10 +84,27 @@ export declare class RichTextEditor extends FoundationElement {
|
|
|
78
84
|
* @internal
|
|
79
85
|
*/
|
|
80
86
|
numberedListButtonKeyDown(event: KeyboardEvent): boolean;
|
|
87
|
+
/**
|
|
88
|
+
* This function load tip tap editor with provided markdown content by parsing into html
|
|
89
|
+
* @public
|
|
90
|
+
*/
|
|
91
|
+
setMarkdown(markdown: string): void;
|
|
92
|
+
/**
|
|
93
|
+
* This function returns markdown string by serializing tiptap editor document using prosemirror MarkdownSerializer
|
|
94
|
+
* @public
|
|
95
|
+
*/
|
|
96
|
+
getMarkdown(): string;
|
|
81
97
|
/**
|
|
82
98
|
* @internal
|
|
83
99
|
*/
|
|
84
100
|
stopEventPropagation(event: Event): boolean;
|
|
101
|
+
/**
|
|
102
|
+
* This function takes the Fragment from parseMarkdownToDOM function and return the serialized string using XMLSerializer
|
|
103
|
+
*/
|
|
104
|
+
private getHtmlContent;
|
|
105
|
+
private initializeMarkdownParser;
|
|
106
|
+
private initializeMarkdownSerializer;
|
|
107
|
+
private parseMarkdownToDOM;
|
|
85
108
|
private initializeEditor;
|
|
86
109
|
/**
|
|
87
110
|
* Binding the "transaction" event to the editor allows continuous monitoring the events and updating the button state in response to
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { RichTextEditor } from '..';
|
|
2
|
+
import type { ToolbarButton } from './types';
|
|
2
3
|
/**
|
|
3
4
|
* Page object for the `nimble-rich-text-editor` component.
|
|
4
5
|
*/
|
|
@@ -13,29 +14,29 @@ export declare class RichTextEditorPageObject {
|
|
|
13
14
|
pressShiftTabKeysInEditor(): Promise<void>;
|
|
14
15
|
/**
|
|
15
16
|
* To click a formatting button in the footer section, pass its position value as an index (starting from '0')
|
|
16
|
-
* @param
|
|
17
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
17
18
|
*/
|
|
18
|
-
clickFooterButton(
|
|
19
|
+
clickFooterButton(button: ToolbarButton): Promise<void>;
|
|
19
20
|
/**
|
|
20
21
|
* To retrieve the checked state of the button, provide its position value as an index (starting from '0')
|
|
21
|
-
* @param
|
|
22
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
22
23
|
*/
|
|
23
|
-
getButtonCheckedState(
|
|
24
|
+
getButtonCheckedState(button: ToolbarButton): boolean;
|
|
24
25
|
/**
|
|
25
26
|
* To retrieve the tab index of the button, provide its position value as an index (starting from '0')
|
|
26
|
-
* @param
|
|
27
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
27
28
|
*/
|
|
28
|
-
getButtonTabIndex(
|
|
29
|
+
getButtonTabIndex(button: ToolbarButton): number;
|
|
29
30
|
/**
|
|
30
31
|
* To trigger a space key press for the button, provide its position value as an index (starting from '0')
|
|
31
|
-
* @param
|
|
32
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
32
33
|
*/
|
|
33
|
-
spaceKeyActivatesButton(
|
|
34
|
+
spaceKeyActivatesButton(button: ToolbarButton): void;
|
|
34
35
|
/**
|
|
35
36
|
* To trigger a enter key press for the button, provide its position value as an index (starting from '0')
|
|
36
|
-
* @param
|
|
37
|
+
* @param button can be imported from an enum for each button using the `ButtonIndex`.
|
|
37
38
|
*/
|
|
38
|
-
enterKeyActivatesButton(
|
|
39
|
+
enterKeyActivatesButton(button: ToolbarButton): void;
|
|
39
40
|
setEditorTextContent(value: string): Promise<void>;
|
|
40
41
|
getEditorFirstChildTagName(): string;
|
|
41
42
|
getEditorFirstChildTextContent(): string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/nimble-components",
|
|
3
|
-
"version": "20.1.
|
|
3
|
+
"version": "20.1.14",
|
|
4
4
|
"description": "Styled web components for the NI Nimble Design System",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",
|