phx-react 1.3.125 → 1.3.129
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/cjs/components/MainWrap/MainWrap.js +1 -1
- package/dist/cjs/components/MainWrap/MainWrap.js.map +1 -1
- package/dist/cjs/components/Table/Table.d.ts +3 -1
- package/dist/cjs/components/Table/Table.js +25 -3
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/cjs/components/TextEditor/index.d.ts +1 -0
- package/dist/cjs/components/TextEditor/index.js +5 -0
- package/dist/cjs/components/TextEditor/index.js.map +1 -0
- package/dist/cjs/components/TextEditor/plugins/AutoLinkPlugin.d.ts +2 -0
- package/dist/cjs/components/TextEditor/plugins/AutoLinkPlugin.js +32 -0
- package/dist/cjs/components/TextEditor/plugins/AutoLinkPlugin.js.map +1 -0
- package/dist/cjs/components/TextEditor/plugins/CodeHighlightPlugin.d.ts +1 -0
- package/dist/cjs/components/TextEditor/plugins/CodeHighlightPlugin.js +12 -0
- package/dist/cjs/components/TextEditor/plugins/CodeHighlightPlugin.js.map +1 -0
- package/dist/cjs/components/TextEditor/plugins/ListMaxIndentLevelPlugin.d.ts +1 -0
- package/dist/cjs/components/TextEditor/plugins/ListMaxIndentLevelPlugin.js +46 -0
- package/dist/cjs/components/TextEditor/plugins/ListMaxIndentLevelPlugin.js.map +1 -0
- package/dist/cjs/components/TextEditor/plugins/ToolbarPlugin.d.ts +2 -0
- package/dist/cjs/components/TextEditor/plugins/ToolbarPlugin.js +460 -0
- package/dist/cjs/components/TextEditor/plugins/ToolbarPlugin.js.map +1 -0
- package/dist/cjs/components/TextEditor/textEditor.d.ts +2 -0
- package/dist/cjs/components/TextEditor/textEditor.js +86 -0
- package/dist/cjs/components/TextEditor/textEditor.js.map +1 -0
- package/dist/cjs/components/TextEditor/themes/ExampleTheme.d.ts +68 -0
- package/dist/cjs/components/TextEditor/themes/ExampleTheme.js +71 -0
- package/dist/cjs/components/TextEditor/themes/ExampleTheme.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/MainWrap/MainWrap.js +1 -1
- package/dist/esm/components/MainWrap/MainWrap.js.map +1 -1
- package/dist/esm/components/Table/Table.d.ts +3 -1
- package/dist/esm/components/Table/Table.js +25 -3
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/TextEditor/index.d.ts +1 -0
- package/dist/esm/components/TextEditor/index.js +2 -0
- package/dist/esm/components/TextEditor/index.js.map +1 -0
- package/dist/esm/components/TextEditor/plugins/AutoLinkPlugin.d.ts +2 -0
- package/dist/esm/components/TextEditor/plugins/AutoLinkPlugin.js +28 -0
- package/dist/esm/components/TextEditor/plugins/AutoLinkPlugin.js.map +1 -0
- package/dist/esm/components/TextEditor/plugins/CodeHighlightPlugin.d.ts +1 -0
- package/dist/esm/components/TextEditor/plugins/CodeHighlightPlugin.js +9 -0
- package/dist/esm/components/TextEditor/plugins/CodeHighlightPlugin.js.map +1 -0
- package/dist/esm/components/TextEditor/plugins/ListMaxIndentLevelPlugin.d.ts +1 -0
- package/dist/esm/components/TextEditor/plugins/ListMaxIndentLevelPlugin.js +43 -0
- package/dist/esm/components/TextEditor/plugins/ListMaxIndentLevelPlugin.js.map +1 -0
- package/dist/esm/components/TextEditor/plugins/ToolbarPlugin.d.ts +2 -0
- package/dist/esm/components/TextEditor/plugins/ToolbarPlugin.js +456 -0
- package/dist/esm/components/TextEditor/plugins/ToolbarPlugin.js.map +1 -0
- package/dist/esm/components/TextEditor/textEditor.d.ts +2 -0
- package/dist/esm/components/TextEditor/textEditor.js +81 -0
- package/dist/esm/components/TextEditor/textEditor.js.map +1 -0
- package/dist/esm/components/TextEditor/themes/ExampleTheme.d.ts +68 -0
- package/dist/esm/components/TextEditor/themes/ExampleTheme.js +69 -0
- package/dist/esm/components/TextEditor/themes/ExampleTheme.js.map +1 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +16 -15
|
@@ -0,0 +1,456 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { $createCodeNode, $isCodeNode, getDefaultCodeLanguage, getCodeLanguages } from '@lexical/code';
|
|
3
|
+
import { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';
|
|
4
|
+
import { INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, $isListNode, ListNode, } from '@lexical/list';
|
|
5
|
+
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
|
|
6
|
+
import { $createHeadingNode, $createQuoteNode, $isHeadingNode } from '@lexical/rich-text';
|
|
7
|
+
import { $isParentElementRTL, $wrapNodes, $isAtNodeEnd } from '@lexical/selection';
|
|
8
|
+
import { $getNearestNodeOfType, mergeRegister } from '@lexical/utils';
|
|
9
|
+
import { CAN_REDO_COMMAND, CAN_UNDO_COMMAND, REDO_COMMAND, UNDO_COMMAND, SELECTION_CHANGE_COMMAND, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, $getSelection, $isRangeSelection, $createParagraphNode, $getNodeByKey, } from 'lexical';
|
|
10
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
11
|
+
import { createPortal } from 'react-dom';
|
|
12
|
+
var LowPriority = 1;
|
|
13
|
+
var supportedBlockTypes = new Set(['paragraph', 'quote', 'code', 'h1', 'h2', 'ul', 'ol']);
|
|
14
|
+
var blockTypeToBlockName = {
|
|
15
|
+
code: 'Code Block',
|
|
16
|
+
h1: 'Large Heading',
|
|
17
|
+
h2: 'Small Heading',
|
|
18
|
+
h3: 'Heading',
|
|
19
|
+
h4: 'Heading',
|
|
20
|
+
h5: 'Heading',
|
|
21
|
+
ol: 'Numbered List',
|
|
22
|
+
paragraph: 'Normal',
|
|
23
|
+
quote: 'Quote',
|
|
24
|
+
ul: 'Bulleted List'
|
|
25
|
+
};
|
|
26
|
+
function Divider() {
|
|
27
|
+
return React.createElement("div", { className: 'divider' });
|
|
28
|
+
}
|
|
29
|
+
function positionEditorElement(editor, rect) {
|
|
30
|
+
if (rect === null) {
|
|
31
|
+
editor.style.opacity = '0';
|
|
32
|
+
editor.style.top = '-1000px';
|
|
33
|
+
editor.style.left = '-1000px';
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
editor.style.opacity = '1';
|
|
37
|
+
// eslint-disable-next-line no-undef
|
|
38
|
+
editor.style.top = "".concat(rect.top + rect.height + window.pageYOffset + 10, "px");
|
|
39
|
+
editor.style.left = "".concat(
|
|
40
|
+
// eslint-disable-next-line no-undef
|
|
41
|
+
rect.left + window.pageXOffset - editor.offsetWidth / 2 + rect.width / 2, "px");
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
// eslint-disable-next-line react/prop-types
|
|
45
|
+
function FloatingLinkEditor(_a) {
|
|
46
|
+
var editor = _a.editor;
|
|
47
|
+
var editorRef = useRef(null);
|
|
48
|
+
var inputRef = useRef(null);
|
|
49
|
+
var mouseDownRef = useRef(false);
|
|
50
|
+
var _b = useState(''), linkUrl = _b[0], setLinkUrl = _b[1];
|
|
51
|
+
var _c = useState(false), isEditMode = _c[0], setEditMode = _c[1];
|
|
52
|
+
var _d = useState(null), lastSelection = _d[0], setLastSelection = _d[1];
|
|
53
|
+
var updateLinkEditor = useCallback(function () {
|
|
54
|
+
var selection = $getSelection();
|
|
55
|
+
if ($isRangeSelection(selection)) {
|
|
56
|
+
var node = getSelectedNode(selection);
|
|
57
|
+
var parent_1 = node.getParent();
|
|
58
|
+
if ($isLinkNode(parent_1)) {
|
|
59
|
+
setLinkUrl(parent_1.getURL());
|
|
60
|
+
}
|
|
61
|
+
else if ($isLinkNode(node)) {
|
|
62
|
+
setLinkUrl(node.getURL());
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
setLinkUrl('');
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
var editorElem = editorRef.current;
|
|
69
|
+
// eslint-disable-next-line no-undef
|
|
70
|
+
var nativeSelection = window.getSelection();
|
|
71
|
+
// eslint-disable-next-line no-undef
|
|
72
|
+
var activeElement = document.activeElement;
|
|
73
|
+
if (editorElem === null) {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
// eslint-disable-next-line react/prop-types
|
|
77
|
+
var rootElement = editor.getRootElement();
|
|
78
|
+
if (selection !== null &&
|
|
79
|
+
!nativeSelection.isCollapsed &&
|
|
80
|
+
rootElement !== null &&
|
|
81
|
+
rootElement.contains(nativeSelection.anchorNode)) {
|
|
82
|
+
var domRange = nativeSelection.getRangeAt(0);
|
|
83
|
+
var rect = void 0;
|
|
84
|
+
if (nativeSelection.anchorNode === rootElement) {
|
|
85
|
+
var inner = rootElement;
|
|
86
|
+
while (inner.firstElementChild != null) {
|
|
87
|
+
inner = inner.firstElementChild;
|
|
88
|
+
}
|
|
89
|
+
rect = inner.getBoundingClientRect();
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
rect = domRange.getBoundingClientRect();
|
|
93
|
+
}
|
|
94
|
+
if (!mouseDownRef.current) {
|
|
95
|
+
positionEditorElement(editorElem, rect);
|
|
96
|
+
}
|
|
97
|
+
setLastSelection(selection);
|
|
98
|
+
}
|
|
99
|
+
else if (!activeElement || activeElement.className !== 'link-input') {
|
|
100
|
+
positionEditorElement(editorElem, null);
|
|
101
|
+
setLastSelection(null);
|
|
102
|
+
setEditMode(false);
|
|
103
|
+
setLinkUrl('');
|
|
104
|
+
}
|
|
105
|
+
return true;
|
|
106
|
+
}, [editor]);
|
|
107
|
+
useEffect(function () {
|
|
108
|
+
return mergeRegister(editor.registerUpdateListener(function (_a) {
|
|
109
|
+
var editorState = _a.editorState;
|
|
110
|
+
editorState.read(function () {
|
|
111
|
+
updateLinkEditor();
|
|
112
|
+
});
|
|
113
|
+
}), editor.registerCommand(SELECTION_CHANGE_COMMAND, function () {
|
|
114
|
+
updateLinkEditor();
|
|
115
|
+
return true;
|
|
116
|
+
}, LowPriority));
|
|
117
|
+
}, [editor, updateLinkEditor]);
|
|
118
|
+
useEffect(function () {
|
|
119
|
+
editor.getEditorState().read(function () {
|
|
120
|
+
updateLinkEditor();
|
|
121
|
+
});
|
|
122
|
+
}, [editor, updateLinkEditor]);
|
|
123
|
+
useEffect(function () {
|
|
124
|
+
if (isEditMode && inputRef.current) {
|
|
125
|
+
inputRef.current.focus();
|
|
126
|
+
}
|
|
127
|
+
}, [isEditMode]);
|
|
128
|
+
return (React.createElement("div", { ref: editorRef, className: 'link-editor' }, isEditMode ? (React.createElement("input", { ref: inputRef, className: 'link-input', onChange: function (event) {
|
|
129
|
+
setLinkUrl(event.target.value);
|
|
130
|
+
}, onKeyDown: function (event) {
|
|
131
|
+
if (event.key === 'Enter') {
|
|
132
|
+
event.preventDefault();
|
|
133
|
+
if (lastSelection !== null) {
|
|
134
|
+
if (linkUrl !== '') {
|
|
135
|
+
editor.dispatchCommand(TOGGLE_LINK_COMMAND, linkUrl);
|
|
136
|
+
}
|
|
137
|
+
setEditMode(false);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
else if (event.key === 'Escape') {
|
|
141
|
+
event.preventDefault();
|
|
142
|
+
setEditMode(false);
|
|
143
|
+
}
|
|
144
|
+
}, value: linkUrl })) : (React.createElement(React.Fragment, null,
|
|
145
|
+
React.createElement("div", { className: 'link-input' },
|
|
146
|
+
React.createElement("a", { href: linkUrl, rel: 'noopener noreferrer', target: '_blank' }, linkUrl),
|
|
147
|
+
React.createElement("div", { className: 'link-edit', onClick: function () {
|
|
148
|
+
setEditMode(true);
|
|
149
|
+
}, onMouseDown: function (event) { return event.preventDefault(); }, role: 'button', tabIndex: 0 }))))));
|
|
150
|
+
}
|
|
151
|
+
function Select(_a) {
|
|
152
|
+
var className = _a.className, onChange = _a.onChange, options = _a.options, value = _a.value;
|
|
153
|
+
return (React.createElement("select", { className: className, onChange: onChange, value: value },
|
|
154
|
+
React.createElement("option", { hidden: true, value: '' }),
|
|
155
|
+
options.map(function (option) { return (React.createElement("option", { key: option, value: option }, option)); })));
|
|
156
|
+
}
|
|
157
|
+
function getSelectedNode(selection) {
|
|
158
|
+
var anchor = selection.anchor;
|
|
159
|
+
var focus = selection.focus;
|
|
160
|
+
var anchorNode = selection.anchor.getNode();
|
|
161
|
+
var focusNode = selection.focus.getNode();
|
|
162
|
+
if (anchorNode === focusNode) {
|
|
163
|
+
return anchorNode;
|
|
164
|
+
}
|
|
165
|
+
var isBackward = selection.isBackward();
|
|
166
|
+
if (isBackward) {
|
|
167
|
+
return $isAtNodeEnd(focus) ? anchorNode : focusNode;
|
|
168
|
+
}
|
|
169
|
+
else {
|
|
170
|
+
return $isAtNodeEnd(anchor) ? focusNode : anchorNode;
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
function BlockOptionsDropdownList(_a) {
|
|
174
|
+
var blockType = _a.blockType, editor = _a.editor, setShowBlockOptionsDropDown = _a.setShowBlockOptionsDropDown, toolbarRef = _a.toolbarRef;
|
|
175
|
+
var dropDownRef = useRef(null);
|
|
176
|
+
useEffect(function () {
|
|
177
|
+
var toolbar = toolbarRef.current;
|
|
178
|
+
var dropDown = dropDownRef.current;
|
|
179
|
+
if (toolbar !== null && dropDown !== null) {
|
|
180
|
+
var _a = toolbar.getBoundingClientRect(), left = _a.left, top_1 = _a.top;
|
|
181
|
+
dropDown.style.top = "".concat(top_1 + 40, "px");
|
|
182
|
+
dropDown.style.left = "".concat(left, "px");
|
|
183
|
+
}
|
|
184
|
+
}, [dropDownRef, toolbarRef]);
|
|
185
|
+
useEffect(function () {
|
|
186
|
+
var dropDown = dropDownRef.current;
|
|
187
|
+
var toolbar = toolbarRef.current;
|
|
188
|
+
if (dropDown !== null && toolbar !== null) {
|
|
189
|
+
var handle = function (event) {
|
|
190
|
+
var target = event.target;
|
|
191
|
+
if (!dropDown.contains(target) && !toolbar.contains(target)) {
|
|
192
|
+
setShowBlockOptionsDropDown(false);
|
|
193
|
+
}
|
|
194
|
+
};
|
|
195
|
+
document.addEventListener('click', handle);
|
|
196
|
+
}
|
|
197
|
+
}, [dropDownRef, setShowBlockOptionsDropDown, toolbarRef]);
|
|
198
|
+
var formatParagraph = function () {
|
|
199
|
+
if (blockType !== 'paragraph') {
|
|
200
|
+
editor.update(function () {
|
|
201
|
+
var selection = $getSelection();
|
|
202
|
+
if ($isRangeSelection(selection)) {
|
|
203
|
+
$wrapNodes(selection, function () { return $createParagraphNode(); });
|
|
204
|
+
}
|
|
205
|
+
});
|
|
206
|
+
}
|
|
207
|
+
setShowBlockOptionsDropDown(false);
|
|
208
|
+
};
|
|
209
|
+
var formatLargeHeading = function () {
|
|
210
|
+
if (blockType !== 'h1') {
|
|
211
|
+
editor.update(function () {
|
|
212
|
+
var selection = $getSelection();
|
|
213
|
+
if ($isRangeSelection(selection)) {
|
|
214
|
+
$wrapNodes(selection, function () { return $createHeadingNode('h1'); });
|
|
215
|
+
}
|
|
216
|
+
});
|
|
217
|
+
}
|
|
218
|
+
setShowBlockOptionsDropDown(false);
|
|
219
|
+
};
|
|
220
|
+
var formatSmallHeading = function () {
|
|
221
|
+
if (blockType !== 'h2') {
|
|
222
|
+
editor.update(function () {
|
|
223
|
+
var selection = $getSelection();
|
|
224
|
+
if ($isRangeSelection(selection)) {
|
|
225
|
+
$wrapNodes(selection, function () { return $createHeadingNode('h2'); });
|
|
226
|
+
}
|
|
227
|
+
});
|
|
228
|
+
}
|
|
229
|
+
setShowBlockOptionsDropDown(false);
|
|
230
|
+
};
|
|
231
|
+
var formatBulletList = function () {
|
|
232
|
+
if (blockType !== 'ul') {
|
|
233
|
+
editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND);
|
|
234
|
+
}
|
|
235
|
+
else {
|
|
236
|
+
editor.dispatchCommand(REMOVE_LIST_COMMAND);
|
|
237
|
+
}
|
|
238
|
+
setShowBlockOptionsDropDown(false);
|
|
239
|
+
};
|
|
240
|
+
var formatNumberedList = function () {
|
|
241
|
+
if (blockType !== 'ol') {
|
|
242
|
+
editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND);
|
|
243
|
+
}
|
|
244
|
+
else {
|
|
245
|
+
editor.dispatchCommand(REMOVE_LIST_COMMAND);
|
|
246
|
+
}
|
|
247
|
+
setShowBlockOptionsDropDown(false);
|
|
248
|
+
};
|
|
249
|
+
var formatQuote = function () {
|
|
250
|
+
if (blockType !== 'quote') {
|
|
251
|
+
editor.update(function () {
|
|
252
|
+
var selection = $getSelection();
|
|
253
|
+
if ($isRangeSelection(selection)) {
|
|
254
|
+
$wrapNodes(selection, function () { return $createQuoteNode(); });
|
|
255
|
+
}
|
|
256
|
+
});
|
|
257
|
+
}
|
|
258
|
+
setShowBlockOptionsDropDown(false);
|
|
259
|
+
};
|
|
260
|
+
var formatCode = function () {
|
|
261
|
+
if (blockType !== 'code') {
|
|
262
|
+
editor.update(function () {
|
|
263
|
+
var selection = $getSelection();
|
|
264
|
+
if ($isRangeSelection(selection)) {
|
|
265
|
+
$wrapNodes(selection, function () { return $createCodeNode(); });
|
|
266
|
+
}
|
|
267
|
+
});
|
|
268
|
+
}
|
|
269
|
+
setShowBlockOptionsDropDown(false);
|
|
270
|
+
};
|
|
271
|
+
return (React.createElement("div", { ref: dropDownRef, className: 'dropdown' },
|
|
272
|
+
React.createElement("button", { className: 'item', onClick: formatParagraph },
|
|
273
|
+
React.createElement("span", { className: 'icon paragraph' }),
|
|
274
|
+
React.createElement("span", { className: 'text' }, "Normal"),
|
|
275
|
+
blockType === 'paragraph' && React.createElement("span", { className: 'active' })),
|
|
276
|
+
React.createElement("button", { className: 'item', onClick: formatLargeHeading },
|
|
277
|
+
React.createElement("span", { className: 'icon large-heading' }),
|
|
278
|
+
React.createElement("span", { className: 'text' }, "Large Heading"),
|
|
279
|
+
blockType === 'h1' && React.createElement("span", { className: 'active' })),
|
|
280
|
+
React.createElement("button", { className: 'item', onClick: formatSmallHeading },
|
|
281
|
+
React.createElement("span", { className: 'icon small-heading' }),
|
|
282
|
+
React.createElement("span", { className: 'text' }, "Small Heading"),
|
|
283
|
+
blockType === 'h2' && React.createElement("span", { className: 'active' })),
|
|
284
|
+
React.createElement("button", { className: 'item', onClick: formatBulletList },
|
|
285
|
+
React.createElement("span", { className: 'icon bullet-list' }),
|
|
286
|
+
React.createElement("span", { className: 'text' }, "Bullet List"),
|
|
287
|
+
blockType === 'ul' && React.createElement("span", { className: 'active' })),
|
|
288
|
+
React.createElement("button", { className: 'item', onClick: formatNumberedList },
|
|
289
|
+
React.createElement("span", { className: 'icon numbered-list' }),
|
|
290
|
+
React.createElement("span", { className: 'text' }, "Numbered List"),
|
|
291
|
+
blockType === 'ol' && React.createElement("span", { className: 'active' })),
|
|
292
|
+
React.createElement("button", { className: 'item', onClick: formatQuote },
|
|
293
|
+
React.createElement("span", { className: 'icon quote' }),
|
|
294
|
+
React.createElement("span", { className: 'text' }, "Quote"),
|
|
295
|
+
blockType === 'quote' && React.createElement("span", { className: 'active' })),
|
|
296
|
+
React.createElement("button", { className: 'item', onClick: formatCode },
|
|
297
|
+
React.createElement("span", { className: 'icon code' }),
|
|
298
|
+
React.createElement("span", { className: 'text' }, "Code Block"),
|
|
299
|
+
blockType === 'code' && React.createElement("span", { className: 'active' }))));
|
|
300
|
+
}
|
|
301
|
+
export default function ToolbarPlugin() {
|
|
302
|
+
var editor = useLexicalComposerContext()[0];
|
|
303
|
+
var toolbarRef = useRef(null);
|
|
304
|
+
var _a = useState(false), canUndo = _a[0], setCanUndo = _a[1];
|
|
305
|
+
var _b = useState(false), canRedo = _b[0], setCanRedo = _b[1];
|
|
306
|
+
var _c = useState('paragraph'), blockType = _c[0], setBlockType = _c[1];
|
|
307
|
+
var _d = useState(null), selectedElementKey = _d[0], setSelectedElementKey = _d[1];
|
|
308
|
+
var _e = useState(false), showBlockOptionsDropDown = _e[0], setShowBlockOptionsDropDown = _e[1];
|
|
309
|
+
var _f = useState(''), codeLanguage = _f[0], setCodeLanguage = _f[1];
|
|
310
|
+
var _g = useState(false), setIsRTL = _g[1];
|
|
311
|
+
var _h = useState(false), isLink = _h[0], setIsLink = _h[1];
|
|
312
|
+
var _j = useState(false), isBold = _j[0], setIsBold = _j[1];
|
|
313
|
+
var _k = useState(false), isItalic = _k[0], setIsItalic = _k[1];
|
|
314
|
+
var _l = useState(false), isUnderline = _l[0], setIsUnderline = _l[1];
|
|
315
|
+
var _m = useState(false), isStrikethrough = _m[0], setIsStrikethrough = _m[1];
|
|
316
|
+
var _o = useState(false), isCode = _o[0], setIsCode = _o[1];
|
|
317
|
+
var updateToolbar = useCallback(function () {
|
|
318
|
+
var selection = $getSelection();
|
|
319
|
+
if ($isRangeSelection(selection)) {
|
|
320
|
+
var anchorNode = selection.anchor.getNode();
|
|
321
|
+
var element = anchorNode.getKey() === 'root' ? anchorNode : anchorNode.getTopLevelElementOrThrow();
|
|
322
|
+
var elementKey = element.getKey();
|
|
323
|
+
var elementDOM = editor.getElementByKey(elementKey);
|
|
324
|
+
if (elementDOM !== null) {
|
|
325
|
+
setSelectedElementKey(elementKey);
|
|
326
|
+
if ($isListNode(element)) {
|
|
327
|
+
var parentList = $getNearestNodeOfType(anchorNode, ListNode);
|
|
328
|
+
var type = parentList ? parentList.getTag() : element.getTag();
|
|
329
|
+
setBlockType(type);
|
|
330
|
+
}
|
|
331
|
+
else {
|
|
332
|
+
var type = $isHeadingNode(element) ? element.getTag() : element.getType();
|
|
333
|
+
setBlockType(type);
|
|
334
|
+
if ($isCodeNode(element)) {
|
|
335
|
+
setCodeLanguage(element.getLanguage() || getDefaultCodeLanguage());
|
|
336
|
+
}
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
// Update text format
|
|
340
|
+
setIsBold(selection.hasFormat('bold'));
|
|
341
|
+
setIsItalic(selection.hasFormat('italic'));
|
|
342
|
+
setIsUnderline(selection.hasFormat('underline'));
|
|
343
|
+
setIsStrikethrough(selection.hasFormat('strikethrough'));
|
|
344
|
+
setIsCode(selection.hasFormat('code'));
|
|
345
|
+
setIsRTL($isParentElementRTL(selection));
|
|
346
|
+
// Update links
|
|
347
|
+
var node = getSelectedNode(selection);
|
|
348
|
+
var parent_2 = node.getParent();
|
|
349
|
+
if ($isLinkNode(parent_2) || $isLinkNode(node)) {
|
|
350
|
+
setIsLink(true);
|
|
351
|
+
}
|
|
352
|
+
else {
|
|
353
|
+
setIsLink(false);
|
|
354
|
+
}
|
|
355
|
+
}
|
|
356
|
+
}, [editor]);
|
|
357
|
+
useEffect(function () {
|
|
358
|
+
return mergeRegister(editor.registerUpdateListener(function (_a) {
|
|
359
|
+
var editorState = _a.editorState;
|
|
360
|
+
editorState.read(function () {
|
|
361
|
+
updateToolbar();
|
|
362
|
+
});
|
|
363
|
+
}), editor.registerCommand(SELECTION_CHANGE_COMMAND, function () {
|
|
364
|
+
updateToolbar();
|
|
365
|
+
return false;
|
|
366
|
+
}, LowPriority), editor.registerCommand(CAN_UNDO_COMMAND, function (payload) {
|
|
367
|
+
setCanUndo(payload);
|
|
368
|
+
return false;
|
|
369
|
+
}, LowPriority), editor.registerCommand(CAN_REDO_COMMAND, function (payload) {
|
|
370
|
+
setCanRedo(payload);
|
|
371
|
+
return false;
|
|
372
|
+
}, LowPriority));
|
|
373
|
+
}, [editor, updateToolbar]);
|
|
374
|
+
var codeLanguges = useMemo(function () { return getCodeLanguages(); }, []);
|
|
375
|
+
var onCodeLanguageSelect = useCallback(function (e) {
|
|
376
|
+
editor.update(function () {
|
|
377
|
+
if (selectedElementKey !== null) {
|
|
378
|
+
var node = $getNodeByKey(selectedElementKey);
|
|
379
|
+
if ($isCodeNode(node)) {
|
|
380
|
+
node.setLanguage(e.target.value);
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
});
|
|
384
|
+
}, [editor, selectedElementKey]);
|
|
385
|
+
var insertLink = useCallback(function () {
|
|
386
|
+
if (!isLink) {
|
|
387
|
+
editor.dispatchCommand(TOGGLE_LINK_COMMAND, 'https://');
|
|
388
|
+
}
|
|
389
|
+
else {
|
|
390
|
+
editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
|
|
391
|
+
}
|
|
392
|
+
}, [editor, isLink]);
|
|
393
|
+
return (React.createElement("div", { ref: toolbarRef, className: 'toolbar' },
|
|
394
|
+
React.createElement("button", { type: 'button', "aria-label": 'Undo', className: 'toolbar-item spaced', disabled: !canUndo, onClick: function () {
|
|
395
|
+
editor.dispatchCommand(UNDO_COMMAND);
|
|
396
|
+
} },
|
|
397
|
+
React.createElement("i", { className: 'format undo' })),
|
|
398
|
+
React.createElement("button", { type: 'button', "aria-label": 'Redo', className: 'toolbar-item', disabled: !canRedo, onClick: function () {
|
|
399
|
+
editor.dispatchCommand(REDO_COMMAND);
|
|
400
|
+
} },
|
|
401
|
+
React.createElement("i", { className: 'format redo' })),
|
|
402
|
+
React.createElement(Divider, null),
|
|
403
|
+
supportedBlockTypes.has(blockType) && (React.createElement(React.Fragment, null,
|
|
404
|
+
React.createElement("button", { "aria-label": 'Formatting Options', className: 'toolbar-item block-controls', onClick: function () { return setShowBlockOptionsDropDown(!showBlockOptionsDropDown); }, type: 'button' },
|
|
405
|
+
React.createElement("span", { className: 'icon block-type ' + blockType }),
|
|
406
|
+
React.createElement("span", { className: 'text' }, blockTypeToBlockName[blockType]),
|
|
407
|
+
React.createElement("i", { className: 'chevron-down' })),
|
|
408
|
+
showBlockOptionsDropDown &&
|
|
409
|
+
createPortal(React.createElement(BlockOptionsDropdownList, { blockType: blockType, editor: editor, setShowBlockOptionsDropDown: setShowBlockOptionsDropDown, toolbarRef: toolbarRef }), document.body),
|
|
410
|
+
React.createElement(Divider, null))),
|
|
411
|
+
blockType === 'code' ? (React.createElement(React.Fragment, null,
|
|
412
|
+
React.createElement(Select, { className: 'toolbar-item code-language', onChange: onCodeLanguageSelect, options: codeLanguges, value: codeLanguage }),
|
|
413
|
+
React.createElement("i", { className: 'chevron-down inside' }))) : (React.createElement(React.Fragment, null,
|
|
414
|
+
React.createElement("button", { "aria-label": 'Format Bold', className: 'toolbar-item spaced ' + (isBold ? 'active' : ''), onClick: function () {
|
|
415
|
+
editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold');
|
|
416
|
+
}, type: 'button' },
|
|
417
|
+
React.createElement("i", { className: 'format bold' })),
|
|
418
|
+
React.createElement("button", { "aria-label": 'Format Italics', className: 'toolbar-item spaced ' + (isItalic ? 'active' : ''), onClick: function () {
|
|
419
|
+
editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');
|
|
420
|
+
}, type: 'button' },
|
|
421
|
+
React.createElement("i", { className: 'format italic' })),
|
|
422
|
+
React.createElement("button", { "aria-label": 'Format Underline', className: 'toolbar-item spaced ' + (isUnderline ? 'active' : ''), onClick: function () {
|
|
423
|
+
editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
|
|
424
|
+
}, type: 'button' },
|
|
425
|
+
React.createElement("i", { className: 'format underline' })),
|
|
426
|
+
React.createElement("button", { "aria-label": 'Format Strikethrough', className: 'toolbar-item spaced ' + (isStrikethrough ? 'active' : ''), onClick: function () {
|
|
427
|
+
editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough');
|
|
428
|
+
}, type: 'button' },
|
|
429
|
+
React.createElement("i", { className: 'format strikethrough' })),
|
|
430
|
+
React.createElement("button", { "aria-label": 'Insert Code', className: 'toolbar-item spaced ' + (isCode ? 'active' : ''), onClick: function () {
|
|
431
|
+
editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code');
|
|
432
|
+
}, type: 'button' },
|
|
433
|
+
React.createElement("i", { className: 'format code' })),
|
|
434
|
+
React.createElement("button", { "aria-label": 'Insert Link', className: 'toolbar-item spaced ' + (isLink ? 'active' : ''), onClick: insertLink, type: 'button' },
|
|
435
|
+
React.createElement("i", { className: 'format link' })),
|
|
436
|
+
isLink && createPortal(React.createElement(FloatingLinkEditor, { editor: editor }), document.body),
|
|
437
|
+
React.createElement(Divider, null),
|
|
438
|
+
React.createElement("button", { "aria-label": 'Left Align', className: 'toolbar-item spaced', onClick: function () {
|
|
439
|
+
editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'left');
|
|
440
|
+
}, type: 'button' },
|
|
441
|
+
React.createElement("i", { className: 'format left-align' })),
|
|
442
|
+
React.createElement("button", { "aria-label": 'Center Align', className: 'toolbar-item spaced', onClick: function () {
|
|
443
|
+
editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'center');
|
|
444
|
+
}, type: 'button' },
|
|
445
|
+
React.createElement("i", { className: 'format center-align' })),
|
|
446
|
+
React.createElement("button", { "aria-label": 'Right Align', className: 'toolbar-item spaced', onClick: function () {
|
|
447
|
+
editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'right');
|
|
448
|
+
}, type: 'button' },
|
|
449
|
+
React.createElement("i", { className: 'format right-align' })),
|
|
450
|
+
React.createElement("button", { "aria-label": 'Justify Align', className: 'toolbar-item', onClick: function () {
|
|
451
|
+
editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify');
|
|
452
|
+
}, type: 'button' },
|
|
453
|
+
React.createElement("i", { className: 'format justify-align' })),
|
|
454
|
+
' '))));
|
|
455
|
+
}
|
|
456
|
+
//# sourceMappingURL=ToolbarPlugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToolbarPlugin.js","sourceRoot":"","sources":["../../../../../src/components/TextEditor/plugins/ToolbarPlugin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { CodeHighlightNode, CodeNode } from '@lexical/code';
|
|
2
|
+
import { AutoLinkNode, LinkNode } from '@lexical/link';
|
|
3
|
+
import { ListItemNode, ListNode } from '@lexical/list';
|
|
4
|
+
import { TRANSFORMERS, $convertToMarkdownString } from '@lexical/markdown';
|
|
5
|
+
import { AutoFocusPlugin } from '@lexical/react/LexicalAutoFocusPlugin';
|
|
6
|
+
import { LexicalComposer } from '@lexical/react/LexicalComposer';
|
|
7
|
+
import { ContentEditable } from '@lexical/react/LexicalContentEditable';
|
|
8
|
+
import LexicalErrorBoundary from '@lexical/react/LexicalErrorBoundary';
|
|
9
|
+
import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
|
|
10
|
+
import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
|
|
11
|
+
import { ListPlugin } from '@lexical/react/LexicalListPlugin';
|
|
12
|
+
import { MarkdownShortcutPlugin } from '@lexical/react/LexicalMarkdownShortcutPlugin';
|
|
13
|
+
import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
|
|
14
|
+
import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
|
|
15
|
+
import { HeadingNode, QuoteNode } from '@lexical/rich-text';
|
|
16
|
+
import { TableCellNode, TableNode, TableRowNode } from '@lexical/table';
|
|
17
|
+
import { $createParagraphNode, $createTextNode, $getRoot } from 'lexical';
|
|
18
|
+
import React from 'react';
|
|
19
|
+
import AutoLinkPlugin from './plugins/AutoLinkPlugin';
|
|
20
|
+
import CodeHighlightPlugin from './plugins/CodeHighlightPlugin';
|
|
21
|
+
import ListMaxIndentLevelPlugin from './plugins/ListMaxIndentLevelPlugin';
|
|
22
|
+
import ToolbarPlugin from './plugins/ToolbarPlugin';
|
|
23
|
+
import ExampleTheme from './themes/ExampleTheme';
|
|
24
|
+
function Placeholder() {
|
|
25
|
+
return React.createElement("div", { className: 'editor-placeholder' }, "Enter some rich text...");
|
|
26
|
+
}
|
|
27
|
+
export var PHXTextEditor = function (_a) {
|
|
28
|
+
var onChangeEditor = _a.onChangeEditor, value = _a.value;
|
|
29
|
+
function prepopulatedRichText() {
|
|
30
|
+
var root = $getRoot();
|
|
31
|
+
if (root.getFirstChild() === null) {
|
|
32
|
+
var paragraph = $createParagraphNode();
|
|
33
|
+
paragraph.append($createTextNode(value));
|
|
34
|
+
root.append(paragraph);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
var editorConfig = {
|
|
38
|
+
// The editor theme
|
|
39
|
+
theme: ExampleTheme,
|
|
40
|
+
editorState: prepopulatedRichText,
|
|
41
|
+
// Handling of errors during update
|
|
42
|
+
onError: function (error) {
|
|
43
|
+
throw error;
|
|
44
|
+
},
|
|
45
|
+
// Any custom nodes go here
|
|
46
|
+
nodes: [
|
|
47
|
+
HeadingNode,
|
|
48
|
+
ListNode,
|
|
49
|
+
ListItemNode,
|
|
50
|
+
QuoteNode,
|
|
51
|
+
CodeNode,
|
|
52
|
+
CodeHighlightNode,
|
|
53
|
+
TableNode,
|
|
54
|
+
TableCellNode,
|
|
55
|
+
TableRowNode,
|
|
56
|
+
AutoLinkNode,
|
|
57
|
+
LinkNode,
|
|
58
|
+
]
|
|
59
|
+
};
|
|
60
|
+
var onChange = function (editorState) {
|
|
61
|
+
editorState.read(function () {
|
|
62
|
+
var markdown = $convertToMarkdownString(TRANSFORMERS);
|
|
63
|
+
onChangeEditor(markdown);
|
|
64
|
+
});
|
|
65
|
+
};
|
|
66
|
+
return (React.createElement(LexicalComposer, { initialConfig: editorConfig },
|
|
67
|
+
React.createElement("div", { className: 'editor-container' },
|
|
68
|
+
React.createElement(ToolbarPlugin, null),
|
|
69
|
+
React.createElement("div", { className: 'editor-inner' },
|
|
70
|
+
React.createElement(RichTextPlugin, { contentEditable: React.createElement(ContentEditable, { className: 'editor-input' }), ErrorBoundary: LexicalErrorBoundary, placeholder: React.createElement(Placeholder, null) }),
|
|
71
|
+
React.createElement(OnChangePlugin, { onChange: onChange }),
|
|
72
|
+
React.createElement(HistoryPlugin, null),
|
|
73
|
+
React.createElement(AutoFocusPlugin, null),
|
|
74
|
+
React.createElement(CodeHighlightPlugin, null),
|
|
75
|
+
React.createElement(ListPlugin, null),
|
|
76
|
+
React.createElement(LinkPlugin, null),
|
|
77
|
+
React.createElement(AutoLinkPlugin, null),
|
|
78
|
+
React.createElement(ListMaxIndentLevelPlugin, { maxDepth: 7 }),
|
|
79
|
+
React.createElement(MarkdownShortcutPlugin, { transformers: TRANSFORMERS })))));
|
|
80
|
+
};
|
|
81
|
+
//# sourceMappingURL=textEditor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textEditor.js","sourceRoot":"","sources":["../../../../src/components/TextEditor/textEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
declare const exampleTheme: {
|
|
2
|
+
ltr: string;
|
|
3
|
+
rtl: string;
|
|
4
|
+
placeholder: string;
|
|
5
|
+
paragraph: string;
|
|
6
|
+
quote: string;
|
|
7
|
+
heading: {
|
|
8
|
+
h1: string;
|
|
9
|
+
h2: string;
|
|
10
|
+
h3: string;
|
|
11
|
+
h4: string;
|
|
12
|
+
h5: string;
|
|
13
|
+
};
|
|
14
|
+
list: {
|
|
15
|
+
nested: {
|
|
16
|
+
listitem: string;
|
|
17
|
+
};
|
|
18
|
+
ol: string;
|
|
19
|
+
ul: string;
|
|
20
|
+
listitem: string;
|
|
21
|
+
};
|
|
22
|
+
image: string;
|
|
23
|
+
link: string;
|
|
24
|
+
text: {
|
|
25
|
+
bold: string;
|
|
26
|
+
italic: string;
|
|
27
|
+
overflowed: string;
|
|
28
|
+
hashtag: string;
|
|
29
|
+
underline: string;
|
|
30
|
+
strikethrough: string;
|
|
31
|
+
underlineStrikethrough: string;
|
|
32
|
+
code: string;
|
|
33
|
+
};
|
|
34
|
+
code: string;
|
|
35
|
+
codeHighlight: {
|
|
36
|
+
atrule: string;
|
|
37
|
+
attr: string;
|
|
38
|
+
boolean: string;
|
|
39
|
+
builtin: string;
|
|
40
|
+
cdata: string;
|
|
41
|
+
char: string;
|
|
42
|
+
class: string;
|
|
43
|
+
'class-name': string;
|
|
44
|
+
comment: string;
|
|
45
|
+
constant: string;
|
|
46
|
+
deleted: string;
|
|
47
|
+
doctype: string;
|
|
48
|
+
entity: string;
|
|
49
|
+
function: string;
|
|
50
|
+
important: string;
|
|
51
|
+
inserted: string;
|
|
52
|
+
keyword: string;
|
|
53
|
+
namespace: string;
|
|
54
|
+
number: string;
|
|
55
|
+
operator: string;
|
|
56
|
+
prolog: string;
|
|
57
|
+
property: string;
|
|
58
|
+
punctuation: string;
|
|
59
|
+
regex: string;
|
|
60
|
+
selector: string;
|
|
61
|
+
string: string;
|
|
62
|
+
symbol: string;
|
|
63
|
+
tag: string;
|
|
64
|
+
url: string;
|
|
65
|
+
variable: string;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
export default exampleTheme;
|