pixel-react 1.22.5 → 1.22.6

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.
Files changed (71) hide show
  1. package/lib/components/AutoTruncateText/AutoTruncateText.js +38 -30
  2. package/lib/components/AutoTruncateText/AutoTruncateText.js.map +1 -1
  3. package/lib/components/AutoTruncateText/resizeObserverService.d.ts +10 -2
  4. package/lib/components/AutoTruncateText/resizeObserverService.js +19 -12
  5. package/lib/components/AutoTruncateText/resizeObserverService.js.map +1 -1
  6. package/lib/components/HighlightText/HighlightText.d.ts +2 -2
  7. package/lib/components/HighlightText/HighlightText.js +144 -13
  8. package/lib/components/HighlightText/HighlightText.js.map +1 -1
  9. package/lib/components/HighlightText/index.d.ts +1 -0
  10. package/lib/components/HighlightText/types.d.ts +46 -0
  11. package/lib/components/Icon/iconList.js +2 -4
  12. package/lib/components/Icon/iconList.js.map +1 -1
  13. package/lib/components/MenuOption/MenuOption.js +22 -31
  14. package/lib/components/MenuOption/MenuOption.js.map +1 -1
  15. package/lib/components/Tooltip/Tooltip.js +20 -26
  16. package/lib/components/Tooltip/Tooltip.js.map +1 -1
  17. package/lib/components/TooltipService/TooltipService.js +219 -109
  18. package/lib/components/TooltipService/TooltipService.js.map +1 -1
  19. package/lib/hooks/useFocusTrap.d.ts +29 -0
  20. package/lib/hooks/useFocusTrap.js +97 -0
  21. package/lib/hooks/useFocusTrap.js.map +1 -0
  22. package/lib/hooks/useInteractiveAncestor.d.ts +7 -0
  23. package/lib/hooks/useInteractiveAncestor.js +18 -0
  24. package/lib/hooks/useInteractiveAncestor.js.map +1 -0
  25. package/lib/index.d.ts +50 -175
  26. package/lib/index.js +9 -27
  27. package/lib/index.js.map +1 -1
  28. package/lib/styles.css +1 -1
  29. package/lib/tsconfig.tsbuildinfo +1 -1
  30. package/lib/utils/a11y/a11y.d.ts +28 -0
  31. package/lib/utils/a11y/a11y.js +62 -0
  32. package/lib/utils/a11y/a11y.js.map +1 -0
  33. package/lib/utils/truncateText/truncateText.js +29 -15
  34. package/lib/utils/truncateText/truncateText.js.map +1 -1
  35. package/package.json +119 -129
  36. package/lib/components/RichTextEditor/DynamicValue.d.ts +0 -8
  37. package/lib/components/RichTextEditor/DynamicValue.js +0 -73
  38. package/lib/components/RichTextEditor/DynamicValue.js.map +0 -1
  39. package/lib/components/RichTextEditor/DynamicValueList.d.ts +0 -11
  40. package/lib/components/RichTextEditor/DynamicValueList.js +0 -49
  41. package/lib/components/RichTextEditor/DynamicValueList.js.map +0 -1
  42. package/lib/components/RichTextEditor/ImagePopover.d.ts +0 -10
  43. package/lib/components/RichTextEditor/ImagePopover.js +0 -99
  44. package/lib/components/RichTextEditor/ImagePopover.js.map +0 -1
  45. package/lib/components/RichTextEditor/LinkPopover.d.ts +0 -8
  46. package/lib/components/RichTextEditor/LinkPopover.js +0 -98
  47. package/lib/components/RichTextEditor/LinkPopover.js.map +0 -1
  48. package/lib/components/RichTextEditor/RichTextEditor.d.ts +0 -5
  49. package/lib/components/RichTextEditor/RichTextEditor.js +0 -216
  50. package/lib/components/RichTextEditor/RichTextEditor.js.map +0 -1
  51. package/lib/components/RichTextEditor/Toolbar.d.ts +0 -12
  52. package/lib/components/RichTextEditor/Toolbar.js +0 -186
  53. package/lib/components/RichTextEditor/Toolbar.js.map +0 -1
  54. package/lib/components/RichTextEditor/constants.d.ts +0 -4
  55. package/lib/components/RichTextEditor/constants.js +0 -33
  56. package/lib/components/RichTextEditor/constants.js.map +0 -1
  57. package/lib/components/RichTextEditor/fileAttachment.d.ts +0 -23
  58. package/lib/components/RichTextEditor/fileAttachment.js +0 -143
  59. package/lib/components/RichTextEditor/fileAttachment.js.map +0 -1
  60. package/lib/components/RichTextEditor/imageUpload.d.ts +0 -6
  61. package/lib/components/RichTextEditor/imageUpload.js +0 -29
  62. package/lib/components/RichTextEditor/imageUpload.js.map +0 -1
  63. package/lib/components/RichTextEditor/index.d.ts +0 -1
  64. package/lib/components/RichTextEditor/index.js +0 -2
  65. package/lib/components/RichTextEditor/index.js.map +0 -1
  66. package/lib/components/RichTextEditor/pasteFormatting.d.ts +0 -18
  67. package/lib/components/RichTextEditor/pasteFormatting.js +0 -167
  68. package/lib/components/RichTextEditor/pasteFormatting.js.map +0 -1
  69. package/lib/components/RichTextEditor/types.d.ts +0 -167
  70. package/lib/components/RichTextEditor/types.js +0 -2
  71. 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,5 +0,0 @@
1
- import { FC } from 'react';
2
- import './RichTextEditor.scss';
3
- import { RichTextEditorProps } from './types';
4
- declare const RichTextEditor: FC<RichTextEditorProps>;
5
- export default RichTextEditor;
@@ -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, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
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":"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"}
@@ -1,4 +0,0 @@
1
- import { RichTextToolbarOption } from './types';
2
- export declare const DEFAULT_TOOLBAR_OPTIONS: RichTextToolbarOption[];
3
- export declare const getToolGroup: (option: RichTextToolbarOption) => number;
4
- export declare const SAFE_URL_REGEX: RegExp;
@@ -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 {};