pixel-react 1.22.5 → 1.22.7
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/lib/components/AutoTruncateText/AutoTruncateText.js +38 -30
- package/lib/components/AutoTruncateText/AutoTruncateText.js.map +1 -1
- package/lib/components/AutoTruncateText/resizeObserverService.d.ts +10 -2
- package/lib/components/AutoTruncateText/resizeObserverService.js +19 -12
- package/lib/components/AutoTruncateText/resizeObserverService.js.map +1 -1
- package/lib/components/HighlightText/HighlightText.d.ts +2 -2
- package/lib/components/HighlightText/HighlightText.js +144 -13
- package/lib/components/HighlightText/HighlightText.js.map +1 -1
- package/lib/components/HighlightText/index.d.ts +1 -0
- package/lib/components/HighlightText/types.d.ts +46 -0
- package/lib/components/Icon/iconList.js +2 -4
- package/lib/components/Icon/iconList.js.map +1 -1
- package/lib/components/InsightCard/index.d.ts +1 -1
- package/lib/components/InsightCard/index.js +1 -1
- package/lib/components/InsightCard/index.js.map +1 -1
- package/lib/components/MenuOption/MenuOption.js +22 -31
- package/lib/components/MenuOption/MenuOption.js.map +1 -1
- package/lib/components/MetricCard/MetricCard.d.ts +1 -0
- package/lib/components/MetricCard/MetricCard.js +1 -0
- package/lib/components/MetricCard/MetricCard.js.map +1 -1
- package/lib/components/MetricCard/index.d.ts +1 -1
- package/lib/components/MetricCard/index.js +1 -1
- package/lib/components/MetricCard/index.js.map +1 -1
- package/lib/components/StepsLandingTable/Components/StepInnerTable.d.ts +1 -1
- package/lib/components/StepsLandingTable/Components/StepInnerTable.js +8 -5
- package/lib/components/StepsLandingTable/Components/StepInnerTable.js.map +1 -1
- package/lib/components/StepsLandingTable/Components/StepTableMainRow.js +72 -5
- package/lib/components/StepsLandingTable/Components/StepTableMainRow.js.map +1 -1
- package/lib/components/StepsLandingTable/Components/Types.d.ts +14 -0
- package/lib/components/StepsLandingTable/StepLandingTable.js +13 -10
- package/lib/components/StepsLandingTable/StepLandingTable.js.map +1 -1
- package/lib/components/StepsLandingTable/constant.d.ts +222 -44
- package/lib/components/StepsLandingTable/constant.js +171 -661
- package/lib/components/StepsLandingTable/constant.js.map +1 -1
- package/lib/components/StepsLandingTable/types.d.ts +7 -0
- package/lib/components/Tooltip/Tooltip.js +20 -26
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/components/TooltipService/TooltipService.js +219 -109
- package/lib/components/TooltipService/TooltipService.js.map +1 -1
- package/lib/hooks/useFocusTrap.d.ts +29 -0
- package/lib/hooks/useFocusTrap.js +97 -0
- package/lib/hooks/useFocusTrap.js.map +1 -0
- package/lib/hooks/useInteractiveAncestor.d.ts +7 -0
- package/lib/hooks/useInteractiveAncestor.js +18 -0
- package/lib/hooks/useInteractiveAncestor.js.map +1 -0
- package/lib/index.d.ts +57 -175
- package/lib/index.js +9 -27
- package/lib/index.js.map +1 -1
- package/lib/styles.css +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/a11y/a11y.d.ts +28 -0
- package/lib/utils/a11y/a11y.js +62 -0
- package/lib/utils/a11y/a11y.js.map +1 -0
- package/lib/utils/truncateText/truncateText.js +29 -15
- package/lib/utils/truncateText/truncateText.js.map +1 -1
- package/package.json +119 -129
- package/lib/components/RichTextEditor/DynamicValue.d.ts +0 -8
- package/lib/components/RichTextEditor/DynamicValue.js +0 -73
- package/lib/components/RichTextEditor/DynamicValue.js.map +0 -1
- package/lib/components/RichTextEditor/DynamicValueList.d.ts +0 -11
- package/lib/components/RichTextEditor/DynamicValueList.js +0 -49
- package/lib/components/RichTextEditor/DynamicValueList.js.map +0 -1
- package/lib/components/RichTextEditor/ImagePopover.d.ts +0 -10
- package/lib/components/RichTextEditor/ImagePopover.js +0 -99
- package/lib/components/RichTextEditor/ImagePopover.js.map +0 -1
- package/lib/components/RichTextEditor/LinkPopover.d.ts +0 -8
- package/lib/components/RichTextEditor/LinkPopover.js +0 -98
- package/lib/components/RichTextEditor/LinkPopover.js.map +0 -1
- package/lib/components/RichTextEditor/RichTextEditor.d.ts +0 -5
- package/lib/components/RichTextEditor/RichTextEditor.js +0 -216
- package/lib/components/RichTextEditor/RichTextEditor.js.map +0 -1
- package/lib/components/RichTextEditor/Toolbar.d.ts +0 -12
- package/lib/components/RichTextEditor/Toolbar.js +0 -186
- package/lib/components/RichTextEditor/Toolbar.js.map +0 -1
- package/lib/components/RichTextEditor/constants.d.ts +0 -4
- package/lib/components/RichTextEditor/constants.js +0 -33
- package/lib/components/RichTextEditor/constants.js.map +0 -1
- package/lib/components/RichTextEditor/fileAttachment.d.ts +0 -23
- package/lib/components/RichTextEditor/fileAttachment.js +0 -143
- package/lib/components/RichTextEditor/fileAttachment.js.map +0 -1
- package/lib/components/RichTextEditor/imageUpload.d.ts +0 -6
- package/lib/components/RichTextEditor/imageUpload.js +0 -29
- package/lib/components/RichTextEditor/imageUpload.js.map +0 -1
- package/lib/components/RichTextEditor/index.d.ts +0 -1
- package/lib/components/RichTextEditor/index.js +0 -2
- package/lib/components/RichTextEditor/index.js.map +0 -1
- package/lib/components/RichTextEditor/pasteFormatting.d.ts +0 -18
- package/lib/components/RichTextEditor/pasteFormatting.js +0 -167
- package/lib/components/RichTextEditor/pasteFormatting.js.map +0 -1
- package/lib/components/RichTextEditor/types.d.ts +0 -167
- package/lib/components/RichTextEditor/types.js +0 -2
- package/lib/components/RichTextEditor/types.js.map +0 -1
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useId, useRef, useState } from 'react';
|
|
3
|
-
import Button from '../Button';
|
|
4
|
-
import Checkbox from '../Checkbox';
|
|
5
|
-
import Typography from '../Typography';
|
|
6
|
-
import { SAFE_URL_REGEX } from './constants';
|
|
7
|
-
const normalizeUrl = (raw) => {
|
|
8
|
-
const url = raw.trim();
|
|
9
|
-
if (SAFE_URL_REGEX.test(url))
|
|
10
|
-
return url;
|
|
11
|
-
// No scheme given (e.g. "example.com"): default to https
|
|
12
|
-
if (!/^[a-z][a-z0-9+.-]*:/i.test(url))
|
|
13
|
-
return `https://${url}`;
|
|
14
|
-
return null;
|
|
15
|
-
};
|
|
16
|
-
const LinkPopover = ({ editor, onClose }) => {
|
|
17
|
-
const id = useId();
|
|
18
|
-
const popoverRef = useRef(null);
|
|
19
|
-
// Snapshot the selection on open; when the caret is inside a link, edit the whole link
|
|
20
|
-
const [initial] = useState(() => {
|
|
21
|
-
if (editor.isActive('link'))
|
|
22
|
-
editor.commands.extendMarkRange('link');
|
|
23
|
-
const { from, to } = editor.state.selection;
|
|
24
|
-
const attrs = editor.getAttributes('link');
|
|
25
|
-
return {
|
|
26
|
-
from,
|
|
27
|
-
to,
|
|
28
|
-
text: editor.state.doc.textBetween(from, to, ' '),
|
|
29
|
-
href: attrs.href ?? '',
|
|
30
|
-
newWindow: attrs.href ? attrs.target === '_blank' : true,
|
|
31
|
-
isEditing: !!attrs.href,
|
|
32
|
-
};
|
|
33
|
-
});
|
|
34
|
-
const [title, setTitle] = useState(initial.text);
|
|
35
|
-
const [target, setTarget] = useState(initial.href);
|
|
36
|
-
const [newWindow, setNewWindow] = useState(initial.newWindow);
|
|
37
|
-
const [error, setError] = useState('');
|
|
38
|
-
useEffect(() => {
|
|
39
|
-
const handleMouseDown = (event) => {
|
|
40
|
-
// The parent also holds the toolbar button, which toggles the popover itself
|
|
41
|
-
const anchor = popoverRef.current?.parentElement;
|
|
42
|
-
if (!anchor?.contains(event.target))
|
|
43
|
-
onClose();
|
|
44
|
-
};
|
|
45
|
-
const handleKeyDown = (event) => {
|
|
46
|
-
if (event.key === 'Escape')
|
|
47
|
-
onClose();
|
|
48
|
-
};
|
|
49
|
-
document.addEventListener('mousedown', handleMouseDown);
|
|
50
|
-
document.addEventListener('keydown', handleKeyDown);
|
|
51
|
-
return () => {
|
|
52
|
-
document.removeEventListener('mousedown', handleMouseDown);
|
|
53
|
-
document.removeEventListener('keydown', handleKeyDown);
|
|
54
|
-
};
|
|
55
|
-
}, [onClose]);
|
|
56
|
-
const handleSubmit = (event) => {
|
|
57
|
-
event.preventDefault();
|
|
58
|
-
const href = normalizeUrl(target);
|
|
59
|
-
if (!href) {
|
|
60
|
-
setError('Enter a valid http, https or mailto link');
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
const { from, to, text } = initial;
|
|
64
|
-
const linkAttrs = { href, target: newWindow ? '_blank' : null };
|
|
65
|
-
const displayText = title.trim() || text || href;
|
|
66
|
-
const chain = editor.chain().focus();
|
|
67
|
-
if (from !== to && displayText === text) {
|
|
68
|
-
chain.setTextSelection({ from, to }).setLink(linkAttrs).run();
|
|
69
|
-
}
|
|
70
|
-
else {
|
|
71
|
-
chain
|
|
72
|
-
.insertContentAt({ from, to }, {
|
|
73
|
-
type: 'text',
|
|
74
|
-
text: displayText,
|
|
75
|
-
marks: [{ type: 'link', attrs: linkAttrs }],
|
|
76
|
-
})
|
|
77
|
-
.run();
|
|
78
|
-
}
|
|
79
|
-
onClose();
|
|
80
|
-
};
|
|
81
|
-
const handleRemove = () => {
|
|
82
|
-
editor
|
|
83
|
-
.chain()
|
|
84
|
-
.focus()
|
|
85
|
-
.setTextSelection({ from: initial.from, to: initial.to })
|
|
86
|
-
.unsetLink()
|
|
87
|
-
.run();
|
|
88
|
-
onClose();
|
|
89
|
-
};
|
|
90
|
-
return (_jsxs("form", { ref: popoverRef, className: "ff-rich-text-editor__popover", onSubmit: handleSubmit,
|
|
91
|
-
// Inputs must be focusable; don't let the toolbar's mousedown guard apply here
|
|
92
|
-
onMouseDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "ff-rich-text-editor__popover-field", children: [_jsx(Typography, { as: "label", htmlFor: `${id}-title`, fontSize: 12, children: "Link Title" }), _jsx("input", { id: `${id}-title`, className: "ff-rich-text-editor__popover-input", value: title, onChange: (e) => setTitle(e.target.value) })] }), _jsxs("div", { className: "ff-rich-text-editor__popover-field", children: [_jsx(Typography, { as: "label", htmlFor: `${id}-target`, fontSize: 12, children: "Link Target" }), _jsx("input", { id: `${id}-target`, className: "ff-rich-text-editor__popover-input", value: target, autoFocus: true, onChange: (e) => {
|
|
93
|
-
setTarget(e.target.value);
|
|
94
|
-
setError('');
|
|
95
|
-
} }), error && (_jsx(Typography, { fontSize: 10, className: "ff-rich-text-editor__popover-error", children: error }))] }), _jsx(Checkbox, { id: `${id}-new-window`, label: "Open link in new window", checked: newWindow, onChange: (e) => setNewWindow(e.target.checked) }), _jsxs("div", { className: "ff-rich-text-editor__popover-actions", children: [initial.isEditing && (_jsx(Button, { variant: "tertiary", size: "small", label: "Remove", onClick: handleRemove })), _jsx(Button, { variant: "primary", size: "small", type: "submit", label: initial.isEditing ? 'Update' : 'Add', disabled: !target.trim() }), _jsx(Button, { variant: "secondary", size: "small", label: "Cancel", onClick: onClose })] })] }));
|
|
96
|
-
};
|
|
97
|
-
export default LinkPopover;
|
|
98
|
-
//# sourceMappingURL=LinkPopover.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LinkPopover.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/LinkPopover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,216 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useRef, useState } from 'react';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { EditorContent, useEditor } from '@tiptap/react';
|
|
5
|
-
import StarterKit from '@tiptap/starter-kit';
|
|
6
|
-
import { CharacterCount, Placeholder } from '@tiptap/extensions';
|
|
7
|
-
import { TextStyleKit } from '@tiptap/extension-text-style';
|
|
8
|
-
import { TableKit } from '@tiptap/extension-table';
|
|
9
|
-
import './RichTextEditor.scss';
|
|
10
|
-
import Typography from '../Typography';
|
|
11
|
-
import Toolbar from './Toolbar';
|
|
12
|
-
import { DEFAULT_TOOLBAR_OPTIONS } from './constants';
|
|
13
|
-
import { createDynamicValue, getDynamicValues } from './DynamicValue';
|
|
14
|
-
import { FileAttachment, insertAttachmentFiles } from './fileAttachment';
|
|
15
|
-
import { getImageFiles, insertImageFiles, readAsDataUrl } from './imageUpload';
|
|
16
|
-
import { hasHtmlText, InlineImage, normalizePastedHtml, PreservedHtmlAttributes, } from './pasteFormatting';
|
|
17
|
-
const toCssSize = (size) => typeof size === 'number' ? `${size}px` : size;
|
|
18
|
-
const escapeHtml = (text) => text.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
|
|
19
|
-
// One paragraph per line, mirroring how `getOutput` joins blocks in text mode
|
|
20
|
-
const textToHtml = (text) => text
|
|
21
|
-
.split('\n')
|
|
22
|
-
.map((line) => `<p>${escapeHtml(line)}</p>`)
|
|
23
|
-
.join('');
|
|
24
|
-
// An empty editor still holds '<p></p>'; report it as an empty string
|
|
25
|
-
const getOutput = (instance, format) => {
|
|
26
|
-
if (instance.isEmpty)
|
|
27
|
-
return '';
|
|
28
|
-
return format === 'text'
|
|
29
|
-
? instance.getText({ blockSeparator: '\n' })
|
|
30
|
-
: instance.getHTML();
|
|
31
|
-
};
|
|
32
|
-
const toEditorContent = (value, format) => format === 'text' ? textToHtml(value) : value;
|
|
33
|
-
const RichTextEditor = ({ value = '', outputFormat = 'html', onChange, onCharCountChange, label, required = false, placeholder = '', readOnly = false, toolbarHidden = false, toolbarOptions = DEFAULT_TOOLBAR_OPTIONS, dynamicValues, dynamicValueTrigger = '<', onDynamicValuesChange, allowImageUpload = false, onImageUpload, allowFileAttachment = false, onFileUpload, fileAttachmentAccept = 'image/*', maxFileSize, onFileAttachmentError, error = false, helperText, minHeight = 140, maxHeight = 140, minLength, maxLength, autoFocus = false, onFocus, onBlur, className, }) => {
|
|
34
|
-
const dynamicValuesRef = useRef(dynamicValues ?? []);
|
|
35
|
-
dynamicValuesRef.current = dynamicValues ?? [];
|
|
36
|
-
const onDynamicValuesChangeRef = useRef(onDynamicValuesChange);
|
|
37
|
-
onDynamicValuesChangeRef.current = onDynamicValuesChange;
|
|
38
|
-
// Last reported ids, so the callback only fires when the used values change
|
|
39
|
-
const reportedDynamicValuesRef = useRef(null);
|
|
40
|
-
const reportDynamicValues = (instance) => {
|
|
41
|
-
if (!onDynamicValuesChangeRef.current)
|
|
42
|
-
return;
|
|
43
|
-
const used = getDynamicValues(instance);
|
|
44
|
-
const key = JSON.stringify(used);
|
|
45
|
-
if (key === reportedDynamicValuesRef.current)
|
|
46
|
-
return;
|
|
47
|
-
reportedDynamicValuesRef.current = key;
|
|
48
|
-
onDynamicValuesChangeRef.current(used);
|
|
49
|
-
};
|
|
50
|
-
const imageUpload = onImageUpload ?? readAsDataUrl;
|
|
51
|
-
// Read inside editorProps, which are only set when the editor is created
|
|
52
|
-
const imageUploadRef = useRef(imageUpload);
|
|
53
|
-
imageUploadRef.current = imageUpload;
|
|
54
|
-
const imagesEnabled = allowImageUpload && toolbarOptions.includes('image');
|
|
55
|
-
const imagesEnabledRef = useRef(imagesEnabled);
|
|
56
|
-
imagesEnabledRef.current = imagesEnabled;
|
|
57
|
-
const attachmentsEnabled = allowFileAttachment && toolbarOptions.includes('attachment');
|
|
58
|
-
const attachmentOptions = {
|
|
59
|
-
upload: onFileUpload ?? readAsDataUrl,
|
|
60
|
-
accept: fileAttachmentAccept,
|
|
61
|
-
maxFileSize,
|
|
62
|
-
onError: onFileAttachmentError,
|
|
63
|
-
};
|
|
64
|
-
// Read inside editorProps, which are only set when the editor is created
|
|
65
|
-
const attachmentOptionsRef = useRef(attachmentsEnabled ? attachmentOptions : null);
|
|
66
|
-
attachmentOptionsRef.current = attachmentsEnabled ? attachmentOptions : null;
|
|
67
|
-
const visibleToolbarOptions = toolbarOptions.filter((option) => (option !== 'image' || allowImageUpload) &&
|
|
68
|
-
(option !== 'attachment' || allowFileAttachment));
|
|
69
|
-
// Images go inline when image uploads are on; other files (and images when
|
|
70
|
-
// they're off) become attachment chips when attachments are on
|
|
71
|
-
const splitFiles = (fileList) => {
|
|
72
|
-
const files = Array.from(fileList ?? []);
|
|
73
|
-
const images = imagesEnabledRef.current ? getImageFiles(files) : [];
|
|
74
|
-
const attachments = attachmentOptionsRef.current
|
|
75
|
-
? files.filter((file) => !images.includes(file))
|
|
76
|
-
: [];
|
|
77
|
-
return { files, images, attachments };
|
|
78
|
-
};
|
|
79
|
-
const insertFiles = async (view, images, attachments, pos) => {
|
|
80
|
-
let next = pos;
|
|
81
|
-
if (images.length) {
|
|
82
|
-
next = await insertImageFiles(view, images, imageUploadRef.current, next);
|
|
83
|
-
}
|
|
84
|
-
const options = attachmentOptionsRef.current;
|
|
85
|
-
if (options && attachments.length) {
|
|
86
|
-
await insertAttachmentFiles(view, attachments, options, next);
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
// Read inside editor callbacks, which are only set when the editor is created
|
|
90
|
-
const outputFormatRef = useRef(outputFormat);
|
|
91
|
-
outputFormatRef.current = outputFormat;
|
|
92
|
-
const [charCount, setCharCount] = useState(0);
|
|
93
|
-
const [touched, setTouched] = useState(false);
|
|
94
|
-
const editor = useEditor({
|
|
95
|
-
extensions: [
|
|
96
|
-
StarterKit.configure({
|
|
97
|
-
link: {
|
|
98
|
-
openOnClick: true,
|
|
99
|
-
autolink: true,
|
|
100
|
-
defaultProtocol: 'https',
|
|
101
|
-
protocols: ['http', 'https', 'mailto'],
|
|
102
|
-
},
|
|
103
|
-
}),
|
|
104
|
-
Placeholder.configure({ placeholder }),
|
|
105
|
-
// Blocks typing/pasting past maxLength
|
|
106
|
-
CharacterCount.configure({ limit: maxLength || null }),
|
|
107
|
-
// Always registered so existing tokens in `value` still parse
|
|
108
|
-
createDynamicValue(dynamicValuesRef, dynamicValueTrigger),
|
|
109
|
-
// Inline so pasted signature images stay in their line or link.
|
|
110
|
-
// Base64 allowed so images embedded by the default upload still parse
|
|
111
|
-
InlineImage.configure({ inline: true, allowBase64: true }),
|
|
112
|
-
// Always registered so existing attachments in `value` still parse
|
|
113
|
-
FileAttachment,
|
|
114
|
-
// Keep pasted formatting (e.g. email signatures) as it looks in the source
|
|
115
|
-
TextStyleKit,
|
|
116
|
-
TableKit.configure({ table: { resizable: false } }),
|
|
117
|
-
PreservedHtmlAttributes,
|
|
118
|
-
],
|
|
119
|
-
editorProps: {
|
|
120
|
-
// Also applied to dropped HTML. Images are removed when uploads are
|
|
121
|
-
// disabled so they can't bypass it
|
|
122
|
-
transformPastedHTML: (html) => normalizePastedHtml(html, imagesEnabledRef.current),
|
|
123
|
-
handlePaste: (view, event) => {
|
|
124
|
-
const { files, images, attachments } = splitFiles(event.clipboardData?.files);
|
|
125
|
-
if (!files.length)
|
|
126
|
-
return false;
|
|
127
|
-
// Copied rich content (e.g. a signature) can carry image files too: paste
|
|
128
|
-
// the HTML, which keeps the layout and references its images by URL
|
|
129
|
-
if (hasHtmlText(event.clipboardData?.getData('text/html') ?? '')) {
|
|
130
|
-
return false;
|
|
131
|
-
}
|
|
132
|
-
// Swallow file-only pastes when neither images nor attachments take them
|
|
133
|
-
if (!images.length && !attachments.length) {
|
|
134
|
-
return !event.clipboardData?.getData('text/plain');
|
|
135
|
-
}
|
|
136
|
-
insertFiles(view, images, attachments).catch(() => { });
|
|
137
|
-
return true;
|
|
138
|
-
},
|
|
139
|
-
handleDrop: (view, event, _slice, moved) => {
|
|
140
|
-
const { files, images, attachments } = splitFiles(event.dataTransfer?.files);
|
|
141
|
-
if (moved || !files.length)
|
|
142
|
-
return false;
|
|
143
|
-
event.preventDefault();
|
|
144
|
-
// Swallow dropped files when neither images nor attachments take them
|
|
145
|
-
if (!images.length && !attachments.length)
|
|
146
|
-
return true;
|
|
147
|
-
const pos = view.posAtCoords({
|
|
148
|
-
left: event.clientX,
|
|
149
|
-
top: event.clientY,
|
|
150
|
-
})?.pos;
|
|
151
|
-
insertFiles(view, images, attachments, pos).catch(() => { });
|
|
152
|
-
return true;
|
|
153
|
-
},
|
|
154
|
-
},
|
|
155
|
-
content: toEditorContent(value, outputFormat),
|
|
156
|
-
editable: !readOnly,
|
|
157
|
-
autofocus: autoFocus,
|
|
158
|
-
onCreate: ({ editor }) => {
|
|
159
|
-
setCharCount(editor.storage.characterCount.characters());
|
|
160
|
-
reportDynamicValues(editor);
|
|
161
|
-
},
|
|
162
|
-
onUpdate: ({ editor }) => {
|
|
163
|
-
const count = editor.storage.characterCount.characters();
|
|
164
|
-
setCharCount(count);
|
|
165
|
-
reportDynamicValues(editor);
|
|
166
|
-
console.log('onChange', JSON.stringify(getOutput(editor, outputFormatRef.current)));
|
|
167
|
-
onChange?.(getOutput(editor, outputFormatRef.current), count);
|
|
168
|
-
},
|
|
169
|
-
onFocus: ({ editor }) => onFocus?.(getOutput(editor, outputFormatRef.current)),
|
|
170
|
-
onBlur: ({ editor }) => {
|
|
171
|
-
setTouched(true);
|
|
172
|
-
onBlur?.(getOutput(editor, outputFormatRef.current));
|
|
173
|
-
},
|
|
174
|
-
});
|
|
175
|
-
// Sync external value changes without resetting the caret while typing
|
|
176
|
-
useEffect(() => {
|
|
177
|
-
if (!editor)
|
|
178
|
-
return;
|
|
179
|
-
const current = getOutput(editor, outputFormat);
|
|
180
|
-
if (value !== current) {
|
|
181
|
-
editor.commands.setContent(toEditorContent(value, outputFormat), {
|
|
182
|
-
emitUpdate: false,
|
|
183
|
-
});
|
|
184
|
-
setCharCount(editor.storage.characterCount.characters());
|
|
185
|
-
reportDynamicValues(editor);
|
|
186
|
-
}
|
|
187
|
-
}, [editor, value, outputFormat]);
|
|
188
|
-
const onCharCountChangeRef = useRef(onCharCountChange);
|
|
189
|
-
onCharCountChangeRef.current = onCharCountChange;
|
|
190
|
-
useEffect(() => {
|
|
191
|
-
onCharCountChangeRef.current?.(charCount);
|
|
192
|
-
}, [charCount]);
|
|
193
|
-
useEffect(() => {
|
|
194
|
-
editor?.setEditable(!readOnly);
|
|
195
|
-
}, [editor, readOnly]);
|
|
196
|
-
// Empty content is left to `required`; only partially filled content is flagged
|
|
197
|
-
const minLengthError = touched && !!minLength && charCount > 0 && charCount < minLength;
|
|
198
|
-
const maxLengthError = !!maxLength && charCount > maxLength;
|
|
199
|
-
const lengthErrorText = minLengthError
|
|
200
|
-
? `Minimum ${minLength} characters required`
|
|
201
|
-
: maxLengthError
|
|
202
|
-
? `Maximum ${maxLength} characters allowed`
|
|
203
|
-
: undefined;
|
|
204
|
-
const hasError = error || !!lengthErrorText;
|
|
205
|
-
const footerText = (error && helperText) || lengthErrorText || helperText;
|
|
206
|
-
const showToolbar = !readOnly && !toolbarHidden && !!editor;
|
|
207
|
-
return (_jsxs("div", { className: classNames('ff-rich-text-editor', className, {
|
|
208
|
-
'ff-rich-text-editor--error': hasError,
|
|
209
|
-
'ff-rich-text-editor--readonly': readOnly,
|
|
210
|
-
}), children: [label && (_jsxs(Typography, { as: "label", fontSize: 12, className: "ff-rich-text-editor__label", children: [required && _jsx("span", { className: "ff-rich-text-editor__required", children: "*" }), label] })), _jsxs("div", { className: "ff-rich-text-editor__container", children: [showToolbar && (_jsx(Toolbar, { editor: editor, options: visibleToolbarOptions, imageUpload: imageUpload, attachFiles: (files) => insertAttachmentFiles(editor.view, files, attachmentOptions).catch(() => { }), attachmentAccept: fileAttachmentAccept })), _jsx(EditorContent, { editor: editor, className: "ff-rich-text-editor__content", style: {
|
|
211
|
-
minHeight: toCssSize(minHeight),
|
|
212
|
-
maxHeight: toCssSize(maxHeight),
|
|
213
|
-
} })] }), (footerText || !!maxLength) && (_jsxs("div", { className: "ff-rich-text-editor__footer", children: [_jsx(Typography, { fontSize: 10, className: "ff-rich-text-editor__helper-text", children: footerText }), !!maxLength && (_jsxs(Typography, { fontSize: 10, className: "ff-rich-text-editor__char-count", children: [charCount, "/", maxLength] }))] }))] }));
|
|
214
|
-
};
|
|
215
|
-
export default RichTextEditor;
|
|
216
|
-
//# sourceMappingURL=RichTextEditor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { Editor } from '@tiptap/react';
|
|
3
|
-
import { RichTextImageUpload, RichTextToolbarOption } from './types';
|
|
4
|
-
interface ToolbarProps {
|
|
5
|
-
editor: Editor;
|
|
6
|
-
options: RichTextToolbarOption[];
|
|
7
|
-
imageUpload: RichTextImageUpload;
|
|
8
|
-
attachFiles: (files: File[]) => void;
|
|
9
|
-
attachmentAccept: string;
|
|
10
|
-
}
|
|
11
|
-
declare const Toolbar: FC<ToolbarProps>;
|
|
12
|
-
export default Toolbar;
|
|
@@ -1,186 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Fragment, useCallback, useRef, useState } from 'react';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { useEditorState } from '@tiptap/react';
|
|
5
|
-
import Icon from '../Icon';
|
|
6
|
-
import { getToolGroup } from './constants';
|
|
7
|
-
import { getImageFiles, insertImageFiles } from './imageUpload';
|
|
8
|
-
import LinkPopover from './LinkPopover';
|
|
9
|
-
const isPopoverOption = (option) => option === 'link';
|
|
10
|
-
// Inherits the button's text color so it follows the active/disabled styles
|
|
11
|
-
const ToolIcon = ({ name }) => (_jsx(Icon, { name: name, width: 14, height: 14, color: "currentColor", withPadding: false, "aria-hidden": true }));
|
|
12
|
-
const TOOLS = {
|
|
13
|
-
bold: {
|
|
14
|
-
label: _jsx("b", { children: "B" }),
|
|
15
|
-
title: 'Bold',
|
|
16
|
-
run: (e) => e.chain().focus().toggleBold().run(),
|
|
17
|
-
isActive: (e) => e.isActive('bold'),
|
|
18
|
-
},
|
|
19
|
-
italic: {
|
|
20
|
-
label: _jsx("i", { children: "I" }),
|
|
21
|
-
title: 'Italic',
|
|
22
|
-
run: (e) => e.chain().focus().toggleItalic().run(),
|
|
23
|
-
isActive: (e) => e.isActive('italic'),
|
|
24
|
-
},
|
|
25
|
-
underline: {
|
|
26
|
-
label: _jsx("u", { children: "U" }),
|
|
27
|
-
title: 'Underline',
|
|
28
|
-
run: (e) => e.chain().focus().toggleUnderline().run(),
|
|
29
|
-
isActive: (e) => e.isActive('underline'),
|
|
30
|
-
},
|
|
31
|
-
strike: {
|
|
32
|
-
label: _jsx("s", { children: "S" }),
|
|
33
|
-
title: 'Strikethrough',
|
|
34
|
-
run: (e) => e.chain().focus().toggleStrike().run(),
|
|
35
|
-
isActive: (e) => e.isActive('strike'),
|
|
36
|
-
},
|
|
37
|
-
heading1: {
|
|
38
|
-
label: 'H1',
|
|
39
|
-
title: 'Heading 1',
|
|
40
|
-
run: (e) => e.chain().focus().toggleHeading({ level: 1 }).run(),
|
|
41
|
-
isActive: (e) => e.isActive('heading', { level: 1 }),
|
|
42
|
-
},
|
|
43
|
-
heading2: {
|
|
44
|
-
label: 'H2',
|
|
45
|
-
title: 'Heading 2',
|
|
46
|
-
run: (e) => e.chain().focus().toggleHeading({ level: 2 }).run(),
|
|
47
|
-
isActive: (e) => e.isActive('heading', { level: 2 }),
|
|
48
|
-
},
|
|
49
|
-
heading3: {
|
|
50
|
-
label: 'H3',
|
|
51
|
-
title: 'Heading 3',
|
|
52
|
-
run: (e) => e.chain().focus().toggleHeading({ level: 3 }).run(),
|
|
53
|
-
isActive: (e) => e.isActive('heading', { level: 3 }),
|
|
54
|
-
},
|
|
55
|
-
bulletList: {
|
|
56
|
-
label: '• List',
|
|
57
|
-
title: 'Bulleted list',
|
|
58
|
-
run: (e) => e.chain().focus().toggleBulletList().run(),
|
|
59
|
-
isActive: (e) => e.isActive('bulletList'),
|
|
60
|
-
},
|
|
61
|
-
orderedList: {
|
|
62
|
-
label: '1. List',
|
|
63
|
-
title: 'Numbered list',
|
|
64
|
-
run: (e) => e.chain().focus().toggleOrderedList().run(),
|
|
65
|
-
isActive: (e) => e.isActive('orderedList'),
|
|
66
|
-
},
|
|
67
|
-
blockquote: {
|
|
68
|
-
label: '❝',
|
|
69
|
-
title: 'Quote',
|
|
70
|
-
run: (e) => e.chain().focus().toggleBlockquote().run(),
|
|
71
|
-
isActive: (e) => e.isActive('blockquote'),
|
|
72
|
-
},
|
|
73
|
-
code: {
|
|
74
|
-
label: '</>',
|
|
75
|
-
title: 'Inline code',
|
|
76
|
-
run: (e) => e.chain().focus().toggleCode().run(),
|
|
77
|
-
isActive: (e) => e.isActive('code'),
|
|
78
|
-
},
|
|
79
|
-
codeBlock: {
|
|
80
|
-
label: '{ }',
|
|
81
|
-
title: 'Code block',
|
|
82
|
-
run: (e) => e.chain().focus().toggleCodeBlock().run(),
|
|
83
|
-
isActive: (e) => e.isActive('codeBlock'),
|
|
84
|
-
},
|
|
85
|
-
link: {
|
|
86
|
-
label: _jsx(ToolIcon, { name: "link" }),
|
|
87
|
-
title: 'Insert link',
|
|
88
|
-
isActive: (e) => e.isActive('link'),
|
|
89
|
-
},
|
|
90
|
-
image: {
|
|
91
|
-
label: _jsx(ToolIcon, { name: "image" }),
|
|
92
|
-
title: 'Insert image',
|
|
93
|
-
isActive: (e) => e.isActive('image'),
|
|
94
|
-
},
|
|
95
|
-
attachment: {
|
|
96
|
-
label: _jsx(ToolIcon, { name: "file" }),
|
|
97
|
-
title: 'Attach file',
|
|
98
|
-
isActive: (e) => e.isActive('fileAttachment'),
|
|
99
|
-
},
|
|
100
|
-
undo: {
|
|
101
|
-
label: '↶',
|
|
102
|
-
title: 'Undo',
|
|
103
|
-
run: (e) => e.chain().focus().undo().run(),
|
|
104
|
-
isDisabled: (e) => !e.can().undo(),
|
|
105
|
-
},
|
|
106
|
-
redo: {
|
|
107
|
-
label: '↷',
|
|
108
|
-
title: 'Redo',
|
|
109
|
-
run: (e) => e.chain().focus().redo().run(),
|
|
110
|
-
isDisabled: (e) => !e.can().redo(),
|
|
111
|
-
},
|
|
112
|
-
clear: {
|
|
113
|
-
label: 'Clear',
|
|
114
|
-
title: 'Clear formatting',
|
|
115
|
-
run: (e) => {
|
|
116
|
-
const { empty, $from } = e.state.selection;
|
|
117
|
-
const chain = e.chain().focus();
|
|
118
|
-
// unsetAllMarks ignores a bare caret, so clear the caret's whole block
|
|
119
|
-
if (empty) {
|
|
120
|
-
chain.command(({ tr }) => {
|
|
121
|
-
tr.removeMark($from.start(), $from.end()).setStoredMarks([]);
|
|
122
|
-
return true;
|
|
123
|
-
});
|
|
124
|
-
}
|
|
125
|
-
chain.unsetAllMarks().clearNodes().run();
|
|
126
|
-
},
|
|
127
|
-
},
|
|
128
|
-
};
|
|
129
|
-
const Toolbar = ({ editor, options, imageUpload, attachFiles, attachmentAccept, }) => {
|
|
130
|
-
const [openPopover, setOpenPopover] = useState(null);
|
|
131
|
-
const closePopover = useCallback(() => setOpenPopover(null), []);
|
|
132
|
-
const fileInputRef = useRef(null);
|
|
133
|
-
const attachmentInputRef = useRef(null);
|
|
134
|
-
const handleImageFiles = (fileList) => {
|
|
135
|
-
const files = getImageFiles(fileList);
|
|
136
|
-
if (!files.length)
|
|
137
|
-
return;
|
|
138
|
-
editor.commands.focus();
|
|
139
|
-
insertImageFiles(editor.view, files, imageUpload).catch(() => { });
|
|
140
|
-
};
|
|
141
|
-
// Re-render only when the active/disabled state of the shown buttons changes
|
|
142
|
-
const state = useEditorState({
|
|
143
|
-
editor,
|
|
144
|
-
selector: ({ editor: e }) => options.map((option) => ({
|
|
145
|
-
active: TOOLS[option].isActive?.(e) ?? false,
|
|
146
|
-
disabled: TOOLS[option].isDisabled?.(e) ?? false,
|
|
147
|
-
})),
|
|
148
|
-
equalityFn: (a, b) => !!b &&
|
|
149
|
-
a.length === b.length &&
|
|
150
|
-
a.every((s, i) => s.active === b[i]?.active && s.disabled === b[i]?.disabled),
|
|
151
|
-
});
|
|
152
|
-
return (_jsxs("div", { className: "ff-rich-text-editor__toolbar", role: "toolbar",
|
|
153
|
-
// Keep the editor selection when clicking toolbar buttons
|
|
154
|
-
onMouseDown: (e) => e.preventDefault(), children: [options.map((option, index) => {
|
|
155
|
-
const tool = TOOLS[option];
|
|
156
|
-
const { active, disabled } = state[index] ?? {};
|
|
157
|
-
const next = options[index + 1];
|
|
158
|
-
const showDivider = !!next && getToolGroup(option) !== getToolGroup(next);
|
|
159
|
-
const button = (_jsx("button", { type: "button", title: tool.title, "aria-label": tool.title, "aria-pressed": tool.isActive ? active : undefined, "aria-expanded": isPopoverOption(option) ? openPopover === option : undefined, disabled: disabled, className: classNames('ff-rich-text-editor__tool', {
|
|
160
|
-
'ff-rich-text-editor__tool--active': active,
|
|
161
|
-
}), onClick: () => {
|
|
162
|
-
if (tool.run)
|
|
163
|
-
tool.run(editor);
|
|
164
|
-
else if (option === 'image')
|
|
165
|
-
fileInputRef.current?.click();
|
|
166
|
-
else if (option === 'attachment')
|
|
167
|
-
attachmentInputRef.current?.click();
|
|
168
|
-
else if (isPopoverOption(option))
|
|
169
|
-
setOpenPopover((open) => (open === option ? null : option));
|
|
170
|
-
}, children: tool.label }));
|
|
171
|
-
return (_jsxs(Fragment, { children: [isPopoverOption(option) ? (_jsxs("span", { className: "ff-rich-text-editor__popover-anchor", children: [button, openPopover === option && (_jsx(LinkPopover, { editor: editor, onClose: closePopover }))] })) : (button), showDivider && _jsx("span", { className: "ff-rich-text-editor__divider" })] }, option));
|
|
172
|
-
}), options.includes('image') && (_jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", multiple: true, hidden: true, onChange: (e) => {
|
|
173
|
-
handleImageFiles(e.target.files);
|
|
174
|
-
// Allow picking the same file again
|
|
175
|
-
e.target.value = '';
|
|
176
|
-
} })), options.includes('attachment') && (_jsx("input", { ref: attachmentInputRef, type: "file", accept: attachmentAccept, multiple: true, hidden: true, onChange: (e) => {
|
|
177
|
-
const files = Array.from(e.target.files ?? []);
|
|
178
|
-
if (files.length) {
|
|
179
|
-
editor.commands.focus();
|
|
180
|
-
attachFiles(files);
|
|
181
|
-
}
|
|
182
|
-
e.target.value = '';
|
|
183
|
-
} }))] }));
|
|
184
|
-
};
|
|
185
|
-
export default Toolbar;
|
|
186
|
-
//# sourceMappingURL=Toolbar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAa,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAU,cAAc,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,WAAW,MAAM,eAAe,CAAC;AAcxC,MAAM,eAAe,GAAG,CACtB,MAA6B,EACJ,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC;AAWhD,4EAA4E;AAC5E,MAAM,QAAQ,GAAyB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACnD,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,cAAc,EACpB,WAAW,EAAE,KAAK,wBAElB,CACH,CAAC;AAEF,MAAM,KAAK,GAA8C;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,4BAAQ;QACf,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE;QAChD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KACpC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,4BAAQ;QACf,KAAK,EAAE,QAAQ;QACf,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE;QAClD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;KACtC;IACD,SAAS,EAAE;QACT,KAAK,EAAE,4BAAQ;QACf,KAAK,EAAE,WAAW;QAClB,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,EAAE,CAAC,GAAG,EAAE;QACrD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC;KACzC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,4BAAQ;QACf,KAAK,EAAE,eAAe;QACtB,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE;QAClD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;KACtC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,WAAW;QAClB,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;QAC/D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;KACrD;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,WAAW;QAClB,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;QAC/D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;KACrD;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,WAAW;QAClB,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;QAC/D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;KACrD;IACD,UAAU,EAAE;QACV,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,eAAe;QACtB,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE;QACtD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;KAC1C;IACD,WAAW,EAAE;QACX,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,eAAe;QACtB,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,iBAAiB,EAAE,CAAC,GAAG,EAAE;QACvD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;KAC3C;IACD,UAAU,EAAE;QACV,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE;QACtD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;KAC1C;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,aAAa;QACpB,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE;QAChD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KACpC;IACD,SAAS,EAAE;QACT,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,YAAY;QACnB,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,EAAE,CAAC,GAAG,EAAE;QACrD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC;KACzC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,GAAG;QAC/B,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KACpC;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,GAAG;QAChC,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;KACrC;IACD,UAAU,EAAE;QACV,KAAK,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,GAAG;QAC/B,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC;KAC9C;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE;QAC1C,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE;KACnC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE;QAC1C,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE;KACnC;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,kBAAkB;QACzB,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE;YACT,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;YAC3C,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;YAChC,uEAAuE;YACvE,IAAI,KAAK,EAAE,CAAC;gBACV,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;oBACvB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;oBAC7D,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC,CAAC;YACL,CAAC;YACD,KAAK,CAAC,aAAa,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC;QAC3C,CAAC;KACF;CACF,CAAC;AAEF,MAAM,OAAO,GAAqB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,WAAW,EACX,WAAW,EACX,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAuB,IAAI,CAAC,CAAC;IAC3E,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACjE,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACpD,MAAM,kBAAkB,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE1D,MAAM,gBAAgB,GAAG,CAAC,QAAyB,EAAE,EAAE;QACrD,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;QACtC,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAC1B,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QACxB,gBAAgB,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;IAEF,6EAA6E;IAC7E,MAAM,KAAK,GAAG,cAAc,CAAC;QAC3B,MAAM;QACN,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAC1B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACvB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK;YAC5C,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK;SACjD,CAAC,CAAC;QACL,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACnB,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;YACrB,CAAC,CAAC,KAAK,CACL,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CACrE;KACJ,CAAC,CAAC;IAEH,OAAO,CACL,eACE,SAAS,EAAC,8BAA8B,EACxC,IAAI,EAAC,SAAS;QACd,0DAA0D;QAC1D,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,aAErC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC7B,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;gBAC3B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBAChD,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBAChC,MAAM,WAAW,GAAG,CAAC,CAAC,IAAI,IAAI,YAAY,CAAC,MAAM,CAAC,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;gBAE1E,MAAM,MAAM,GAAG,CACb,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,gBACL,IAAI,CAAC,KAAK,kBACR,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBAE9C,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,EAE9D,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE;wBACjD,mCAAmC,EAAE,MAAM;qBAC5C,CAAC,EACF,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,IAAI,CAAC,GAAG;4BAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;6BAC1B,IAAI,MAAM,KAAK,OAAO;4BAAE,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;6BACtD,IAAI,MAAM,KAAK,YAAY;4BAC9B,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;6BACjC,IAAI,eAAe,CAAC,MAAM,CAAC;4BAC9B,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;oBAChE,CAAC,YAEA,IAAI,CAAC,KAAK,GACJ,CACV,CAAC;gBAEF,OAAO,CACL,MAAC,QAAQ,eACN,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACzB,gBAAM,SAAS,EAAC,qCAAqC,aAClD,MAAM,EACN,WAAW,KAAK,MAAM,IAAI,CACzB,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,GAAI,CACvD,IACI,CACR,CAAC,CAAC,CAAC,CACF,MAAM,CACP,EACA,WAAW,IAAI,eAAM,SAAS,EAAC,8BAA8B,GAAG,KAXpD,MAAM,CAYV,CACZ,CAAC;YACJ,CAAC,CAAC,EACD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAC5B,gBACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,QAAQ,QACR,MAAM,QACN,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACjC,oCAAoC;oBACpC,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;gBACtB,CAAC,GACD,CACH,EACA,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CACjC,gBACE,GAAG,EAAE,kBAAkB,EACvB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,gBAAgB,EACxB,QAAQ,QACR,MAAM,QACN,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;oBAC/C,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;wBACjB,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;wBACxB,WAAW,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC;oBACD,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;gBACtB,CAAC,GACD,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
export const DEFAULT_TOOLBAR_OPTIONS = [
|
|
2
|
-
'bold',
|
|
3
|
-
'italic',
|
|
4
|
-
'underline',
|
|
5
|
-
'strike',
|
|
6
|
-
'heading1',
|
|
7
|
-
'heading2',
|
|
8
|
-
'heading3',
|
|
9
|
-
'bulletList',
|
|
10
|
-
'orderedList',
|
|
11
|
-
'blockquote',
|
|
12
|
-
'code',
|
|
13
|
-
'codeBlock',
|
|
14
|
-
'link',
|
|
15
|
-
'image',
|
|
16
|
-
'attachment',
|
|
17
|
-
'undo',
|
|
18
|
-
'redo',
|
|
19
|
-
'clear',
|
|
20
|
-
];
|
|
21
|
-
// A divider is drawn between neighbouring options of different groups, so it
|
|
22
|
-
// stays in place when an option (e.g. `image`) is hidden
|
|
23
|
-
const TOOL_GROUPS = [
|
|
24
|
-
['bold', 'italic', 'underline', 'strike'],
|
|
25
|
-
['heading1', 'heading2', 'heading3'],
|
|
26
|
-
['bulletList', 'orderedList', 'blockquote', 'code', 'codeBlock'],
|
|
27
|
-
['link', 'image', 'attachment'],
|
|
28
|
-
['undo', 'redo'],
|
|
29
|
-
['clear'],
|
|
30
|
-
];
|
|
31
|
-
export const getToolGroup = (option) => TOOL_GROUPS.findIndex((group) => group.includes(option));
|
|
32
|
-
export const SAFE_URL_REGEX = /^(https?:\/\/|mailto:)/i;
|
|
33
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,uBAAuB,GAA4B;IAC9D,MAAM;IACN,QAAQ;IACR,WAAW;IACX,QAAQ;IACR,UAAU;IACV,UAAU;IACV,UAAU;IACV,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,MAAM;IACN,WAAW;IACX,MAAM;IACN,OAAO;IACP,YAAY;IACZ,MAAM;IACN,MAAM;IACN,OAAO;CACR,CAAC;AAEF,6EAA6E;AAC7E,yDAAyD;AACzD,MAAM,WAAW,GAA8B;IAC7C,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,CAAC;IACzC,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IACpC,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,CAAC;IAChE,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,CAAC;IAC/B,CAAC,MAAM,EAAE,MAAM,CAAC;IAChB,CAAC,OAAO,CAAC;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAA6B,EAAE,EAAE,CAC5D,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAG,yBAAyB,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Node } from '@tiptap/react';
|
|
2
|
-
import { EditorView } from '@tiptap/pm/view';
|
|
3
|
-
import { RichTextFileAttachmentError, RichTextFileUpload } from './types';
|
|
4
|
-
export declare const SAFE_ATTACHMENT_URL_REGEX: RegExp;
|
|
5
|
-
export declare const formatFileSize: (bytes: number) => string;
|
|
6
|
-
export declare const matchesAccept: (file: File, accept: string) => boolean;
|
|
7
|
-
/**
|
|
8
|
-
* Inline, non-editable chip linking to an uploaded file. Serialised as
|
|
9
|
-
* `<a data-type="fileAttachment" href="{url}" data-name="{name}" data-size="{bytes}" download="{name}">{name} ({size})</a>`
|
|
10
|
-
*/
|
|
11
|
-
export declare const FileAttachment: Node<any, any>;
|
|
12
|
-
interface InsertAttachmentOptions {
|
|
13
|
-
upload: RichTextFileUpload;
|
|
14
|
-
accept: string;
|
|
15
|
-
maxFileSize?: number;
|
|
16
|
-
onError?: (file: File, reason: RichTextFileAttachmentError) => void;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* Uploads files and inserts them as attachment chips at `pos`, or over the
|
|
20
|
-
* selection when omitted. Resolves with the position after the last chip
|
|
21
|
-
*/
|
|
22
|
-
export declare const insertAttachmentFiles: (view: EditorView, files: File[], { upload, accept, maxFileSize, onError }: InsertAttachmentOptions, pos?: number) => Promise<number | undefined>;
|
|
23
|
-
export {};
|