@mantine/tiptap 7.0.2 → 7.1.1-alpha.0
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/cjs/RichTextEditor.context.js +1 -0
- package/cjs/RichTextEditor.context.js.map +1 -1
- package/cjs/RichTextEditor.js +1 -0
- package/cjs/RichTextEditor.js.map +1 -1
- package/cjs/RichTextEditor.module.css.js +1 -0
- package/cjs/RichTextEditor.module.css.js.map +1 -1
- package/cjs/RichTextEditorContent/RichTextEditorContent.js +1 -0
- package/cjs/RichTextEditorContent/RichTextEditorContent.js.map +1 -1
- package/cjs/RichTextEditorControl/RichTextEditorColorControl.js +1 -0
- package/cjs/RichTextEditorControl/RichTextEditorColorControl.js.map +1 -1
- package/cjs/RichTextEditorControl/RichTextEditorColorPickerControl.js +1 -0
- package/cjs/RichTextEditorControl/RichTextEditorColorPickerControl.js.map +1 -1
- package/cjs/RichTextEditorControl/RichTextEditorControl.js +1 -0
- package/cjs/RichTextEditorControl/RichTextEditorControl.js.map +1 -1
- package/cjs/RichTextEditorControl/RichTextEditorLinkControl.js +1 -0
- package/cjs/RichTextEditorControl/RichTextEditorLinkControl.js.map +1 -1
- package/cjs/RichTextEditorControl/controls.js +1 -0
- package/cjs/RichTextEditorControl/controls.js.map +1 -1
- package/cjs/RichTextEditorControlsGroup/RichTextEditorControlsGroup.js +1 -0
- package/cjs/RichTextEditorControlsGroup/RichTextEditorControlsGroup.js.map +1 -1
- package/cjs/RichTextEditorToolbar/RichTextEditorToolbar.js +1 -0
- package/cjs/RichTextEditorToolbar/RichTextEditorToolbar.js.map +1 -1
- package/cjs/extensions/Link.js +1 -0
- package/cjs/extensions/Link.js.map +1 -1
- package/cjs/index.css +1 -326
- package/cjs/index.js +0 -1
- package/cjs/index.js.map +1 -1
- package/cjs/labels.js +1 -0
- package/cjs/labels.js.map +1 -1
- package/esm/RichTextEditor.context.mjs +1 -0
- package/esm/RichTextEditor.context.mjs.map +1 -1
- package/esm/RichTextEditor.mjs +1 -0
- package/esm/RichTextEditor.mjs.map +1 -1
- package/esm/RichTextEditor.module.mjs +1 -0
- package/esm/RichTextEditor.module.mjs.map +1 -1
- package/esm/RichTextEditorContent/RichTextEditorContent.mjs +1 -0
- package/esm/RichTextEditorContent/RichTextEditorContent.mjs.map +1 -1
- package/esm/RichTextEditorControl/RichTextEditorColorControl.mjs +1 -0
- package/esm/RichTextEditorControl/RichTextEditorColorControl.mjs.map +1 -1
- package/esm/RichTextEditorControl/RichTextEditorColorPickerControl.mjs +1 -0
- package/esm/RichTextEditorControl/RichTextEditorColorPickerControl.mjs.map +1 -1
- package/esm/RichTextEditorControl/RichTextEditorControl.mjs +1 -0
- package/esm/RichTextEditorControl/RichTextEditorControl.mjs.map +1 -1
- package/esm/RichTextEditorControl/RichTextEditorLinkControl.mjs +1 -0
- package/esm/RichTextEditorControl/RichTextEditorLinkControl.mjs.map +1 -1
- package/esm/RichTextEditorControl/controls.mjs +1 -0
- package/esm/RichTextEditorControl/controls.mjs.map +1 -1
- package/esm/RichTextEditorControlsGroup/RichTextEditorControlsGroup.mjs +1 -0
- package/esm/RichTextEditorControlsGroup/RichTextEditorControlsGroup.mjs.map +1 -1
- package/esm/RichTextEditorToolbar/RichTextEditorToolbar.mjs +1 -0
- package/esm/RichTextEditorToolbar/RichTextEditorToolbar.mjs.map +1 -1
- package/esm/extensions/Link.mjs +1 -0
- package/esm/extensions/Link.mjs.map +1 -1
- package/esm/index.css +1 -326
- package/esm/index.layer.css +1 -0
- package/esm/index.mjs +0 -1
- package/esm/index.mjs.map +1 -1
- package/esm/labels.mjs +1 -0
- package/esm/labels.mjs.map +1 -1
- package/package.json +5 -4
package/cjs/index.css
CHANGED
|
@@ -1,326 +1 @@
|
|
|
1
|
-
.m-dd3f7539 {
|
|
2
|
-
position: relative;
|
|
3
|
-
border: calc(0.0625rem * var(--mantine-scale)) solid var(--_root-bd);
|
|
4
|
-
border-radius: var(--mantine-radius-default);
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
[data-mantine-color-scheme='light'] .m-dd3f7539 {
|
|
8
|
-
--_root-bd: var(--mantine-color-gray-4);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
[data-mantine-color-scheme='dark'] .m-dd3f7539 {
|
|
12
|
-
--_root-bd: var(--mantine-color-dark-4);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.m-d37966d9 {
|
|
16
|
-
padding: 0;
|
|
17
|
-
margin: 0;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.m-d37966d9 li > p {
|
|
21
|
-
margin: 0;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.m-d37966d9 ul li,
|
|
25
|
-
.m-d37966d9 ol li {
|
|
26
|
-
margin-top: calc(0.125rem * var(--mantine-scale));
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.m-d37966d9 p {
|
|
30
|
-
margin-bottom: calc(0.4375rem * var(--mantine-scale));
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.m-d37966d9 h1,
|
|
34
|
-
.m-d37966d9 h2,
|
|
35
|
-
.m-d37966d9 h3,
|
|
36
|
-
.m-d37966d9 h4,
|
|
37
|
-
.m-d37966d9 h5,
|
|
38
|
-
.m-d37966d9 h6,
|
|
39
|
-
.m-d37966d9 p {
|
|
40
|
-
margin-top: 0;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.m-c2204cc2 {
|
|
44
|
-
background-color: var(--mantine-color-body);
|
|
45
|
-
border-radius: var(--mantine-radius-default);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.m-c2204cc2 .ProseMirror {
|
|
49
|
-
outline: 0;
|
|
50
|
-
padding: var(--mantine-spacing-md);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.m-c2204cc2 .ProseMirror > *:last-child {
|
|
54
|
-
margin-bottom: 0;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.m-c2204cc2 .ProseMirror p.is-editor-empty:first-of-type::before {
|
|
58
|
-
content: attr(data-placeholder);
|
|
59
|
-
pointer-events: none;
|
|
60
|
-
user-select: none;
|
|
61
|
-
float: left;
|
|
62
|
-
height: 0;
|
|
63
|
-
color: var(--mantine-color-placeholder);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.m-c2204cc2 pre {
|
|
67
|
-
background-color: var(--_code-bg);
|
|
68
|
-
color: var(--_code-color);
|
|
69
|
-
font-family: var(--mantine-font-family-monospace);
|
|
70
|
-
border-radius: var(--mantine-radius-default);
|
|
71
|
-
padding: var(--mantine-spacing-md) var(--mantine-spacing-xl);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.m-c2204cc2 pre code {
|
|
75
|
-
background: none !important;
|
|
76
|
-
background-color: red;
|
|
77
|
-
color: inherit;
|
|
78
|
-
font-size: var(--mantine-font-size-sm);
|
|
79
|
-
padding: 0;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.m-c2204cc2 pre .hljs-comment,
|
|
83
|
-
.m-c2204cc2 pre .hljs-quote {
|
|
84
|
-
color: var(--_code-color-comment);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.m-c2204cc2 pre .hljs-variable,
|
|
88
|
-
.m-c2204cc2 pre .hljs-template-variable,
|
|
89
|
-
.m-c2204cc2 pre .hljs-attribute,
|
|
90
|
-
.m-c2204cc2 pre .hljs-tag,
|
|
91
|
-
.m-c2204cc2 pre .hljs-regexp,
|
|
92
|
-
.m-c2204cc2 pre .hljs-link,
|
|
93
|
-
.m-c2204cc2 pre .hljs-name,
|
|
94
|
-
.m-c2204cc2 pre .hljs-selector-id,
|
|
95
|
-
.m-c2204cc2 pre .hljs-selector-class {
|
|
96
|
-
color: var(--_code-color-var);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.m-c2204cc2 pre .hljs-number,
|
|
100
|
-
.m-c2204cc2 pre .hljs-meta,
|
|
101
|
-
.m-c2204cc2 pre .hljs-built_in,
|
|
102
|
-
.m-c2204cc2 pre .hljs-builtin-name,
|
|
103
|
-
.m-c2204cc2 pre .hljs-literal,
|
|
104
|
-
.m-c2204cc2 pre .hljs-type,
|
|
105
|
-
.m-c2204cc2 pre .hljs-params {
|
|
106
|
-
color: var(--_code-color-number);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.m-c2204cc2 pre .hljs-string,
|
|
110
|
-
.m-c2204cc2 pre .hljs-symbol,
|
|
111
|
-
.m-c2204cc2 pre .hljs-bullet {
|
|
112
|
-
color: var(--_code-color-var);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.m-c2204cc2 pre .hljs-title,
|
|
116
|
-
.m-c2204cc2 pre .hljs-section {
|
|
117
|
-
color: var(--_code-color-title);
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.m-c2204cc2 pre .hljs-keyword,
|
|
121
|
-
.m-c2204cc2 pre .hljs-selector-tag {
|
|
122
|
-
color: var(--_code-color-keyword);
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.m-c2204cc2 pre .hljs-emphasis {
|
|
126
|
-
font-style: italic;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.m-c2204cc2 pre .hljs-strong {
|
|
130
|
-
font-weight: 700;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
[data-mantine-color-scheme='light'] .m-c2204cc2 {
|
|
134
|
-
--_code-bg: var(--mantine-color-gray-0);
|
|
135
|
-
--_code-color: var(--mantine-color-gray-9);
|
|
136
|
-
--_code-color-comment: var(--mantine-color-gray-5);
|
|
137
|
-
--_code-color-var: var(--mantine-color-red-7);
|
|
138
|
-
--_code-color-number: var(--mantine-color-blue-7);
|
|
139
|
-
--_code-color-title: var(--mantine-color-pink-7);
|
|
140
|
-
--_code-color-keyword: var(--mantine-color-violet-7);
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
[data-mantine-color-scheme='dark'] .m-c2204cc2 {
|
|
144
|
-
--_code-bg: var(--mantine-color-dark-8);
|
|
145
|
-
--_code-color: var(--mantine-color-dark-0);
|
|
146
|
-
--_code-color-comment: var(--mantine-color-dark-2);
|
|
147
|
-
--_code-color-var: var(--mantine-color-red-5);
|
|
148
|
-
--_code-color-number: var(--mantine-color-cyan-5);
|
|
149
|
-
--_code-color-title: var(--mantine-color-yellow-5);
|
|
150
|
-
--_code-color-keyword: var(--mantine-color-violet-5);
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.m-8a991b4f {
|
|
154
|
-
background-color: var(--mantine-color-body);
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
.m-c2207da6 {
|
|
158
|
-
background-color: var(--_control-bg);
|
|
159
|
-
color: var(--_control-color);
|
|
160
|
-
min-width: calc(1.625rem * var(--mantine-scale));
|
|
161
|
-
height: calc(1.625rem * var(--mantine-scale));
|
|
162
|
-
display: flex;
|
|
163
|
-
justify-content: center;
|
|
164
|
-
align-items: center;
|
|
165
|
-
border: calc(0.0625rem * var(--mantine-scale)) solid var(--_control-bd);
|
|
166
|
-
border-radius: var(--mantine-radius-default);
|
|
167
|
-
cursor: var(--_control-cursor, default);
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
.m-c2207da6[data-interactive] {
|
|
171
|
-
--_control-cursor: pointer;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
@media (hover: hover) {
|
|
175
|
-
[data-mantine-color-scheme='light'] .m-c2207da6[data-interactive]:hover {
|
|
176
|
-
--_control-bg: var(--mantine-color-gray-0);
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
[data-mantine-color-scheme='dark'] .m-c2207da6[data-interactive]:hover {
|
|
180
|
-
--_control-bg: var(--mantine-color-dark-5);
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
@media (hover: none) {
|
|
185
|
-
[data-mantine-color-scheme='light'] .m-c2207da6[data-interactive]:active {
|
|
186
|
-
--_control-bg: var(--mantine-color-gray-0);
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
[data-mantine-color-scheme='dark'] .m-c2207da6[data-interactive]:active {
|
|
190
|
-
--_control-bg: var(--mantine-color-dark-5);
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
[data-mantine-color-scheme] .m-c2207da6[data-active] {
|
|
195
|
-
--_control-bg: var(--mantine-primary-color-light);
|
|
196
|
-
--_control-color: var(--mantine-primary-color-light-color);
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
@media (hover: hover) {
|
|
200
|
-
|
|
201
|
-
[data-mantine-color-scheme] .m-c2207da6[data-active]:hover {
|
|
202
|
-
--_control-bg: var(--mantine-primary-color-light-hover);
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
@media (hover: none) {
|
|
207
|
-
|
|
208
|
-
[data-mantine-color-scheme] .m-c2207da6[data-active]:active {
|
|
209
|
-
--_control-bg: var(--mantine-primary-color-light-hover);
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
[data-mantine-color-scheme='light'] .m-c2207da6 {
|
|
214
|
-
--_control-bg: var(--mantine-color-white);
|
|
215
|
-
--_control-bd: var(--mantine-color-gray-4);
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
[data-mantine-color-scheme='dark'] .m-c2207da6 {
|
|
219
|
-
--_control-bg: var(--mantine-color-dark-6);
|
|
220
|
-
--_control-bd: var(--mantine-color-dark-4);
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
.m-2ab47ef2 {
|
|
224
|
-
display: flex;
|
|
225
|
-
background-color: var(--mantine-color-body);
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
.m-2ab47ef2 [data-rich-text-editor-control] {
|
|
229
|
-
border-radius: 0;
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
.m-2ab47ef2 [data-rich-text-editor-control]:not(:last-of-type) {
|
|
233
|
-
border-right: 0;
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
.m-2ab47ef2 [data-rich-text-editor-control]:last-of-type {
|
|
237
|
-
border-top-right-radius: var(--mantine-radius-default);
|
|
238
|
-
border-bottom-right-radius: var(--mantine-radius-default);
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
.m-2ab47ef2 [data-rich-text-editor-control]:first-of-type {
|
|
242
|
-
border-top-left-radius: var(--mantine-radius-default);
|
|
243
|
-
border-bottom-left-radius: var(--mantine-radius-default);
|
|
244
|
-
}
|
|
245
|
-
|
|
246
|
-
.m-b67b711e {
|
|
247
|
-
display: flex;
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
.m-296cf94c {
|
|
251
|
-
border-top-right-radius: 0;
|
|
252
|
-
border-bottom-right-radius: 0;
|
|
253
|
-
border-right: 0;
|
|
254
|
-
}
|
|
255
|
-
|
|
256
|
-
.m-cfef614 {
|
|
257
|
-
background-color: var(--_control-bg);
|
|
258
|
-
border: calc(0.0625rem * var(--mantine-scale)) solid var(--_control-bd);
|
|
259
|
-
color: var(--_control-color, var(--mantine-color-text));
|
|
260
|
-
height: calc(1.5rem * var(--mantine-scale));
|
|
261
|
-
width: calc(1.5rem * var(--mantine-scale));
|
|
262
|
-
display: flex;
|
|
263
|
-
justify-content: center;
|
|
264
|
-
align-items: center;
|
|
265
|
-
border-radius: var(--mantine-radius-default);
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
[data-mantine-color-scheme] .m-cfef614[data-active] {
|
|
269
|
-
--_control-bg: var(--mantine-primary-color-light);
|
|
270
|
-
--_control-color: var(--mantine-primary-color-filled);
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
@media (hover: hover) {
|
|
274
|
-
|
|
275
|
-
[data-mantine-color-scheme] .m-cfef614[data-active]:hover {
|
|
276
|
-
--_control-bg: var(--mantine-primary-color-light-hover);
|
|
277
|
-
}
|
|
278
|
-
}
|
|
279
|
-
|
|
280
|
-
@media (hover: none) {
|
|
281
|
-
|
|
282
|
-
[data-mantine-color-scheme] .m-cfef614[data-active]:active {
|
|
283
|
-
--_control-bg: var(--mantine-primary-color-light-hover);
|
|
284
|
-
}
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
[data-mantine-color-scheme='light'] .m-cfef614 {
|
|
288
|
-
--_control-bg: var(--mantine-color-white);
|
|
289
|
-
--_control-bd: var(--mantine-color-gray-4);
|
|
290
|
-
}
|
|
291
|
-
|
|
292
|
-
[data-mantine-color-scheme='dark'] .m-cfef614 {
|
|
293
|
-
--_control-bg: var(--mantine-color-dark-7);
|
|
294
|
-
--_control-bd: var(--mantine-color-dark-4);
|
|
295
|
-
}
|
|
296
|
-
|
|
297
|
-
.m-3b28e7bb {
|
|
298
|
-
border-top-left-radius: 0;
|
|
299
|
-
border-bottom-left-radius: 0;
|
|
300
|
-
}
|
|
301
|
-
|
|
302
|
-
.m-4574a3c4 {
|
|
303
|
-
display: flex;
|
|
304
|
-
flex-wrap: wrap;
|
|
305
|
-
gap: var(--mantine-spacing-sm);
|
|
306
|
-
position: var(--_toolbar-position, static);
|
|
307
|
-
top: var(--rte-sticky-offset, 0);
|
|
308
|
-
background-color: var(--mantine-color-body);
|
|
309
|
-
z-index: 1;
|
|
310
|
-
border-top-right-radius: var(--mantine-radius-default);
|
|
311
|
-
border-top-left-radius: var(--mantine-radius-default);
|
|
312
|
-
border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--_toolbar-bd);
|
|
313
|
-
padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
|
|
314
|
-
}
|
|
315
|
-
|
|
316
|
-
[data-mantine-color-scheme='light'] .m-4574a3c4 {
|
|
317
|
-
--_toolbar-bd: var(--mantine-color-gray-4);
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
[data-mantine-color-scheme='dark'] .m-4574a3c4 {
|
|
321
|
-
--_toolbar-bd: var(--mantine-color-dark-4);
|
|
322
|
-
}
|
|
323
|
-
|
|
324
|
-
.m-4574a3c4[data-sticky] {
|
|
325
|
-
--_toolbar-position: sticky;
|
|
326
|
-
}
|
|
1
|
+
.m-dd3f7539{border:calc(.0625rem*var(--mantine-scale)) solid var(--_root-bd);border-radius:var(--mantine-radius-default);position:relative}[data-mantine-color-scheme=light] .m-dd3f7539{--_root-bd:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .m-dd3f7539{--_root-bd:var(--mantine-color-dark-4)}.m-d37966d9{margin:0;padding:0}.m-d37966d9 li>p{margin:0}.m-d37966d9 ol li,.m-d37966d9 ul li{margin-top:calc(.125rem*var(--mantine-scale))}.m-d37966d9 p{margin-bottom:calc(.4375rem*var(--mantine-scale))}.m-d37966d9 h1,.m-d37966d9 h2,.m-d37966d9 h3,.m-d37966d9 h4,.m-d37966d9 h5,.m-d37966d9 h6,.m-d37966d9 p{margin-top:0}.m-c2204cc2{background-color:var(--mantine-color-body);border-radius:var(--mantine-radius-default)}.m-c2204cc2 .ProseMirror{outline:0;padding:var(--mantine-spacing-md)}.m-c2204cc2 .ProseMirror>:last-child{margin-bottom:0}.m-c2204cc2 .ProseMirror p.is-editor-empty:first-of-type:before{color:var(--mantine-color-placeholder);content:attr(data-placeholder);float:left;height:0;pointer-events:none;user-select:none}.m-c2204cc2 pre{background-color:var(--_code-bg);border-radius:var(--mantine-radius-default);color:var(--_code-color);font-family:var(--mantine-font-family-monospace);padding:var(--mantine-spacing-md) var(--mantine-spacing-xl)}.m-c2204cc2 pre code{background:none!important;background-color:red;color:inherit;font-size:var(--mantine-font-size-sm);padding:0}.m-c2204cc2 pre .hljs-comment,.m-c2204cc2 pre .hljs-quote{color:var(--_code-color-comment)}.m-c2204cc2 pre .hljs-attribute,.m-c2204cc2 pre .hljs-link,.m-c2204cc2 pre .hljs-name,.m-c2204cc2 pre .hljs-regexp,.m-c2204cc2 pre .hljs-selector-class,.m-c2204cc2 pre .hljs-selector-id,.m-c2204cc2 pre .hljs-tag,.m-c2204cc2 pre .hljs-template-variable,.m-c2204cc2 pre .hljs-variable{color:var(--_code-color-var)}.m-c2204cc2 pre .hljs-built_in,.m-c2204cc2 pre .hljs-builtin-name,.m-c2204cc2 pre .hljs-literal,.m-c2204cc2 pre .hljs-meta,.m-c2204cc2 pre .hljs-number,.m-c2204cc2 pre .hljs-params,.m-c2204cc2 pre .hljs-type{color:var(--_code-color-number)}.m-c2204cc2 pre .hljs-bullet,.m-c2204cc2 pre .hljs-string,.m-c2204cc2 pre .hljs-symbol{color:var(--_code-color-var)}.m-c2204cc2 pre .hljs-section,.m-c2204cc2 pre .hljs-title{color:var(--_code-color-title)}.m-c2204cc2 pre .hljs-keyword,.m-c2204cc2 pre .hljs-selector-tag{color:var(--_code-color-keyword)}.m-c2204cc2 pre .hljs-emphasis{font-style:italic}.m-c2204cc2 pre .hljs-strong{font-weight:700}[data-mantine-color-scheme=light] .m-c2204cc2{--_code-bg:var(--mantine-color-gray-0);--_code-color:var(--mantine-color-gray-9);--_code-color-comment:var(--mantine-color-gray-5);--_code-color-var:var(--mantine-color-red-7);--_code-color-number:var(--mantine-color-blue-7);--_code-color-title:var(--mantine-color-pink-7);--_code-color-keyword:var(--mantine-color-violet-7)}[data-mantine-color-scheme=dark] .m-c2204cc2{--_code-bg:var(--mantine-color-dark-8);--_code-color:var(--mantine-color-dark-0);--_code-color-comment:var(--mantine-color-dark-2);--_code-color-var:var(--mantine-color-red-5);--_code-color-number:var(--mantine-color-cyan-5);--_code-color-title:var(--mantine-color-yellow-5);--_code-color-keyword:var(--mantine-color-violet-5)}.m-8a991b4f{background-color:var(--mantine-color-body)}.m-c2207da6{align-items:center;background-color:var(--_control-bg);border:calc(.0625rem*var(--mantine-scale)) solid var(--_control-bd);border-radius:var(--mantine-radius-default);color:var(--_control-color);cursor:var(--_control-cursor,default);display:flex;height:calc(1.625rem*var(--mantine-scale));justify-content:center;min-width:calc(1.625rem*var(--mantine-scale))}.m-c2207da6[data-interactive]{--_control-cursor:pointer}@media (hover:hover){[data-mantine-color-scheme=light] .m-c2207da6[data-interactive]:hover{--_control-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-c2207da6[data-interactive]:hover{--_control-bg:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m-c2207da6[data-interactive]:active{--_control-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-c2207da6[data-interactive]:active{--_control-bg:var(--mantine-color-dark-5)}}[data-mantine-color-scheme] .m-c2207da6[data-active]{--_control-bg:var(--mantine-primary-color-light);--_control-color:var(--mantine-primary-color-light-color)}@media (hover:hover){[data-mantine-color-scheme] .m-c2207da6[data-active]:hover{--_control-bg:var(--mantine-primary-color-light-hover)}}@media (hover:none){[data-mantine-color-scheme] .m-c2207da6[data-active]:active{--_control-bg:var(--mantine-primary-color-light-hover)}}[data-mantine-color-scheme=light] .m-c2207da6{--_control-bg:var(--mantine-color-white);--_control-bd:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .m-c2207da6{--_control-bg:var(--mantine-color-dark-6);--_control-bd:var(--mantine-color-dark-4)}.m-2ab47ef2{background-color:var(--mantine-color-body);display:flex}.m-2ab47ef2 [data-rich-text-editor-control]{border-radius:0}.m-2ab47ef2 [data-rich-text-editor-control]:not(:last-of-type){border-right:0}.m-2ab47ef2 [data-rich-text-editor-control]:last-of-type{border-bottom-right-radius:var(--mantine-radius-default);border-top-right-radius:var(--mantine-radius-default)}.m-2ab47ef2 [data-rich-text-editor-control]:first-of-type{border-bottom-left-radius:var(--mantine-radius-default);border-top-left-radius:var(--mantine-radius-default)}.m-b67b711e{display:flex}.m-296cf94c{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.m-cfef614{align-items:center;background-color:var(--_control-bg);border:calc(.0625rem*var(--mantine-scale)) solid var(--_control-bd);border-radius:var(--mantine-radius-default);color:var(--_control-color,var(--mantine-color-text));display:flex;height:calc(1.5rem*var(--mantine-scale));justify-content:center;width:calc(1.5rem*var(--mantine-scale))}[data-mantine-color-scheme] .m-cfef614[data-active]{--_control-bg:var(--mantine-primary-color-light);--_control-color:var(--mantine-primary-color-filled)}@media (hover:hover){[data-mantine-color-scheme] .m-cfef614[data-active]:hover{--_control-bg:var(--mantine-primary-color-light-hover)}}@media (hover:none){[data-mantine-color-scheme] .m-cfef614[data-active]:active{--_control-bg:var(--mantine-primary-color-light-hover)}}[data-mantine-color-scheme=light] .m-cfef614{--_control-bg:var(--mantine-color-white);--_control-bd:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .m-cfef614{--_control-bg:var(--mantine-color-dark-7);--_control-bd:var(--mantine-color-dark-4)}.m-3b28e7bb{border-bottom-left-radius:0;border-top-left-radius:0}.m-4574a3c4{background-color:var(--mantine-color-body);border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--_toolbar-bd);border-top-left-radius:var(--mantine-radius-default);border-top-right-radius:var(--mantine-radius-default);display:flex;flex-wrap:wrap;gap:var(--mantine-spacing-sm);padding:var(--mantine-spacing-xs) var(--mantine-spacing-md);position:var(--_toolbar-position,static);top:var(--rte-sticky-offset,0);z-index:1}[data-mantine-color-scheme=light] .m-4574a3c4{--_toolbar-bd:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .m-4574a3c4{--_toolbar-bd:var(--mantine-color-dark-4)}.m-4574a3c4[data-sticky]{--_toolbar-position:sticky}
|
package/cjs/index.js
CHANGED
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/labels.js
CHANGED
package/cjs/labels.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labels.js","sources":["../src/labels.ts"],"sourcesContent":["export interface RichTextEditorLabels {\n /** RichTextEditor.Bold control aria-label */\n boldControlLabel: string;\n\n /** RichTextEditor.Hr control aria-label */\n hrControlLabel: string;\n\n /** RichTextEditor.Italic control aria-label */\n italicControlLabel: string;\n\n /** RichTextEditor.Underline control aria-label */\n underlineControlLabel: string;\n\n /** RichTextEditor.Strike control aria-label */\n strikeControlLabel: string;\n\n /** RichTextEditor.ClearFormatting control aria-label */\n clearFormattingControlLabel: string;\n\n /** RichTextEditor.Link control aria-label */\n linkControlLabel: string;\n\n /** RichTextEditor.Unlink control aria-label */\n unlinkControlLabel: string;\n\n /** RichTextEditor.BulletList control aria-label */\n bulletListControlLabel: string;\n\n /** RichTextEditor.OrderedList control aria-label */\n orderedListControlLabel: string;\n\n /** RichTextEditor.H1 control aria-label */\n h1ControlLabel: string;\n\n /** RichTextEditor.H2 control aria-label */\n h2ControlLabel: string;\n\n /** RichTextEditor.H3 control aria-label */\n h3ControlLabel: string;\n\n /** RichTextEditor.H4 control aria-label */\n h4ControlLabel: string;\n\n /** RichTextEditor.H5 control aria-label */\n h5ControlLabel: string;\n\n /** RichTextEditor.H6 control aria-label */\n h6ControlLabel: string;\n\n /** RichTextEditor.Blockquote control aria-label */\n blockquoteControlLabel: string;\n\n /** RichTextEditor.AlignLeft control aria-label */\n alignLeftControlLabel: string;\n\n /** RichTextEditor.AlignCenter control aria-label */\n alignCenterControlLabel: string;\n\n /** RichTextEditor.AlignRight control aria-label */\n alignRightControlLabel: string;\n\n /** RichTextEditor.AlignJustify control aria-label */\n alignJustifyControlLabel: string;\n\n /** RichTextEditor.Code control aria-label */\n codeControlLabel: string;\n\n /** RichTextEditor.CodeBlock control aria-label */\n codeBlockControlLabel: string;\n\n /** RichTextEditor.Subscript control aria-label */\n subscriptControlLabel: string;\n\n /** RichTextEditor.Superscript control aria-label */\n superscriptControlLabel: string;\n\n /** RichTextEditor.ColorPicker control aria-label */\n colorPickerControlLabel: string;\n\n /** RichTextEditor.UnsetColor control aria-label */\n unsetColorControlLabel: string;\n\n /** RichTextEditor.Highlight control aria-label */\n highlightControlLabel: string;\n\n /** A function go get RichTextEditor.Color control aria-label based on color that control applies */\n colorControlLabel(color: string): string;\n\n /** aria-label for link editor url input */\n linkEditorInputLabel: string;\n\n /** placeholder for link editor url input */\n linkEditorInputPlaceholder: string;\n\n /** Content of external button tooltip in link editor when the link was chosen to open in a new tab */\n linkEditorExternalLink: string;\n\n /** Content of external button tooltip in link editor when the link was chosen to open in the same tab */\n linkEditorInternalLink: string;\n\n /** Save button content in link editor */\n linkEditorSave: string;\n\n /** Cancel button title text in color picker control */\n colorPickerCancel: string;\n\n /** Clear button title text in color picker control */\n colorPickerClear: string;\n\n /** Color picker button title text in color picker control */\n colorPickerColorPicker: string;\n\n /** Palette button title text in color picker control */\n colorPickerPalette: string;\n\n /** Save button title text in color picker control */\n colorPickerSave: string;\n\n /** aria-label for color palette colors */\n colorPickerColorLabel(color: string): string;\n}\n\nexport const DEFAULT_LABELS: RichTextEditorLabels = {\n // Controls labels\n linkControlLabel: 'Link',\n colorPickerControlLabel: 'Text color',\n highlightControlLabel: 'Highlight text',\n colorControlLabel: (color) => `Set text color ${color}`,\n boldControlLabel: 'Bold',\n italicControlLabel: 'Italic',\n underlineControlLabel: 'Underline',\n strikeControlLabel: 'Strikethrough',\n clearFormattingControlLabel: 'Clear formatting',\n unlinkControlLabel: 'Remove link',\n bulletListControlLabel: 'Bullet list',\n orderedListControlLabel: 'Ordered list',\n h1ControlLabel: 'Heading 1',\n h2ControlLabel: 'Heading 2',\n h3ControlLabel: 'Heading 3',\n h4ControlLabel: 'Heading 4',\n h5ControlLabel: 'Heading 5',\n h6ControlLabel: 'Heading 6',\n blockquoteControlLabel: 'Blockquote',\n alignLeftControlLabel: 'Align text: left',\n alignCenterControlLabel: 'Align text: center',\n alignRightControlLabel: 'Align text: right',\n alignJustifyControlLabel: 'Align text: justify',\n codeControlLabel: 'Code',\n codeBlockControlLabel: 'Code block',\n subscriptControlLabel: 'Subscript',\n superscriptControlLabel: 'Superscript',\n unsetColorControlLabel: 'Unset color',\n hrControlLabel: 'Horizontal line',\n\n // Link editor\n linkEditorInputLabel: 'Enter URL',\n linkEditorInputPlaceholder: 'https://example.com/',\n linkEditorExternalLink: 'Open link in a new tab',\n linkEditorInternalLink: 'Open link in the same tab',\n linkEditorSave: 'Save',\n\n // Color picker control\n colorPickerCancel: 'Cancel',\n colorPickerClear: 'Clear color',\n colorPickerColorPicker: 'Color picker',\n colorPickerPalette: 'Color palette',\n colorPickerSave: 'Save',\n colorPickerColorLabel: (color) => `Set text color ${color}`,\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"labels.js","sources":["../src/labels.ts"],"sourcesContent":["export interface RichTextEditorLabels {\n /** RichTextEditor.Bold control aria-label */\n boldControlLabel: string;\n\n /** RichTextEditor.Hr control aria-label */\n hrControlLabel: string;\n\n /** RichTextEditor.Italic control aria-label */\n italicControlLabel: string;\n\n /** RichTextEditor.Underline control aria-label */\n underlineControlLabel: string;\n\n /** RichTextEditor.Strike control aria-label */\n strikeControlLabel: string;\n\n /** RichTextEditor.ClearFormatting control aria-label */\n clearFormattingControlLabel: string;\n\n /** RichTextEditor.Link control aria-label */\n linkControlLabel: string;\n\n /** RichTextEditor.Unlink control aria-label */\n unlinkControlLabel: string;\n\n /** RichTextEditor.BulletList control aria-label */\n bulletListControlLabel: string;\n\n /** RichTextEditor.OrderedList control aria-label */\n orderedListControlLabel: string;\n\n /** RichTextEditor.H1 control aria-label */\n h1ControlLabel: string;\n\n /** RichTextEditor.H2 control aria-label */\n h2ControlLabel: string;\n\n /** RichTextEditor.H3 control aria-label */\n h3ControlLabel: string;\n\n /** RichTextEditor.H4 control aria-label */\n h4ControlLabel: string;\n\n /** RichTextEditor.H5 control aria-label */\n h5ControlLabel: string;\n\n /** RichTextEditor.H6 control aria-label */\n h6ControlLabel: string;\n\n /** RichTextEditor.Blockquote control aria-label */\n blockquoteControlLabel: string;\n\n /** RichTextEditor.AlignLeft control aria-label */\n alignLeftControlLabel: string;\n\n /** RichTextEditor.AlignCenter control aria-label */\n alignCenterControlLabel: string;\n\n /** RichTextEditor.AlignRight control aria-label */\n alignRightControlLabel: string;\n\n /** RichTextEditor.AlignJustify control aria-label */\n alignJustifyControlLabel: string;\n\n /** RichTextEditor.Code control aria-label */\n codeControlLabel: string;\n\n /** RichTextEditor.CodeBlock control aria-label */\n codeBlockControlLabel: string;\n\n /** RichTextEditor.Subscript control aria-label */\n subscriptControlLabel: string;\n\n /** RichTextEditor.Superscript control aria-label */\n superscriptControlLabel: string;\n\n /** RichTextEditor.ColorPicker control aria-label */\n colorPickerControlLabel: string;\n\n /** RichTextEditor.UnsetColor control aria-label */\n unsetColorControlLabel: string;\n\n /** RichTextEditor.Highlight control aria-label */\n highlightControlLabel: string;\n\n /** A function go get RichTextEditor.Color control aria-label based on color that control applies */\n colorControlLabel(color: string): string;\n\n /** aria-label for link editor url input */\n linkEditorInputLabel: string;\n\n /** placeholder for link editor url input */\n linkEditorInputPlaceholder: string;\n\n /** Content of external button tooltip in link editor when the link was chosen to open in a new tab */\n linkEditorExternalLink: string;\n\n /** Content of external button tooltip in link editor when the link was chosen to open in the same tab */\n linkEditorInternalLink: string;\n\n /** Save button content in link editor */\n linkEditorSave: string;\n\n /** Cancel button title text in color picker control */\n colorPickerCancel: string;\n\n /** Clear button title text in color picker control */\n colorPickerClear: string;\n\n /** Color picker button title text in color picker control */\n colorPickerColorPicker: string;\n\n /** Palette button title text in color picker control */\n colorPickerPalette: string;\n\n /** Save button title text in color picker control */\n colorPickerSave: string;\n\n /** aria-label for color palette colors */\n colorPickerColorLabel(color: string): string;\n}\n\nexport const DEFAULT_LABELS: RichTextEditorLabels = {\n // Controls labels\n linkControlLabel: 'Link',\n colorPickerControlLabel: 'Text color',\n highlightControlLabel: 'Highlight text',\n colorControlLabel: (color) => `Set text color ${color}`,\n boldControlLabel: 'Bold',\n italicControlLabel: 'Italic',\n underlineControlLabel: 'Underline',\n strikeControlLabel: 'Strikethrough',\n clearFormattingControlLabel: 'Clear formatting',\n unlinkControlLabel: 'Remove link',\n bulletListControlLabel: 'Bullet list',\n orderedListControlLabel: 'Ordered list',\n h1ControlLabel: 'Heading 1',\n h2ControlLabel: 'Heading 2',\n h3ControlLabel: 'Heading 3',\n h4ControlLabel: 'Heading 4',\n h5ControlLabel: 'Heading 5',\n h6ControlLabel: 'Heading 6',\n blockquoteControlLabel: 'Blockquote',\n alignLeftControlLabel: 'Align text: left',\n alignCenterControlLabel: 'Align text: center',\n alignRightControlLabel: 'Align text: right',\n alignJustifyControlLabel: 'Align text: justify',\n codeControlLabel: 'Code',\n codeBlockControlLabel: 'Code block',\n subscriptControlLabel: 'Subscript',\n superscriptControlLabel: 'Superscript',\n unsetColorControlLabel: 'Unset color',\n hrControlLabel: 'Horizontal line',\n\n // Link editor\n linkEditorInputLabel: 'Enter URL',\n linkEditorInputPlaceholder: 'https://example.com/',\n linkEditorExternalLink: 'Open link in a new tab',\n linkEditorInternalLink: 'Open link in the same tab',\n linkEditorSave: 'Save',\n\n // Color picker control\n colorPickerCancel: 'Cancel',\n colorPickerClear: 'Clear color',\n colorPickerColorPicker: 'Color picker',\n colorPickerPalette: 'Color palette',\n colorPickerSave: 'Save',\n colorPickerColorLabel: (color) => `Set text color ${color}`,\n};\n"],"names":[],"mappings":";;;;;AAAY,MAAC,cAAc,GAAG;AAC9B;AACA,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,uBAAuB,EAAE,YAAY;AACvC,EAAE,qBAAqB,EAAE,gBAAgB;AACzC,EAAE,iBAAiB,EAAE,CAAC,KAAK,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AACzD,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,kBAAkB,EAAE,QAAQ;AAC9B,EAAE,qBAAqB,EAAE,WAAW;AACpC,EAAE,kBAAkB,EAAE,eAAe;AACrC,EAAE,2BAA2B,EAAE,kBAAkB;AACjD,EAAE,kBAAkB,EAAE,aAAa;AACnC,EAAE,sBAAsB,EAAE,aAAa;AACvC,EAAE,uBAAuB,EAAE,cAAc;AACzC,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,cAAc,EAAE,WAAW;AAC7B,EAAE,sBAAsB,EAAE,YAAY;AACtC,EAAE,qBAAqB,EAAE,kBAAkB;AAC3C,EAAE,uBAAuB,EAAE,oBAAoB;AAC/C,EAAE,sBAAsB,EAAE,mBAAmB;AAC7C,EAAE,wBAAwB,EAAE,qBAAqB;AACjD,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,qBAAqB,EAAE,YAAY;AACrC,EAAE,qBAAqB,EAAE,WAAW;AACpC,EAAE,uBAAuB,EAAE,aAAa;AACxC,EAAE,sBAAsB,EAAE,aAAa;AACvC,EAAE,cAAc,EAAE,iBAAiB;AACnC;AACA,EAAE,oBAAoB,EAAE,WAAW;AACnC,EAAE,0BAA0B,EAAE,sBAAsB;AACpD,EAAE,sBAAsB,EAAE,wBAAwB;AAClD,EAAE,sBAAsB,EAAE,2BAA2B;AACrD,EAAE,cAAc,EAAE,MAAM;AACxB;AACA,EAAE,iBAAiB,EAAE,QAAQ;AAC7B,EAAE,gBAAgB,EAAE,aAAa;AACjC,EAAE,sBAAsB,EAAE,cAAc;AACxC,EAAE,kBAAkB,EAAE,eAAe;AACrC,EAAE,eAAe,EAAE,MAAM;AACzB,EAAE,qBAAqB,EAAE,CAAC,KAAK,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAC7D;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.context.mjs","sources":["../src/RichTextEditor.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '@mantine/core';\nimport { Editor } from '@tiptap/react';\nimport { RichTextEditorLabels } from './labels';\nimport type { RichTextEditorFactory } from './RichTextEditor';\n\ninterface RichTextEditorContext {\n getStyles: GetStylesApi<RichTextEditorFactory>;\n editor: Editor | null;\n labels: RichTextEditorLabels;\n withCodeHighlightStyles: boolean | undefined;\n withTypographyStyles: boolean | undefined;\n unstyled: boolean | undefined;\n}\n\nexport const [RichTextEditorProvider, useRichTextEditorContext] =\n createSafeContext<RichTextEditorContext>('RichTextEditor component was not found in tree');\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RichTextEditor.context.mjs","sources":["../src/RichTextEditor.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '@mantine/core';\nimport { Editor } from '@tiptap/react';\nimport { RichTextEditorLabels } from './labels';\nimport type { RichTextEditorFactory } from './RichTextEditor';\n\ninterface RichTextEditorContext {\n getStyles: GetStylesApi<RichTextEditorFactory>;\n editor: Editor | null;\n labels: RichTextEditorLabels;\n withCodeHighlightStyles: boolean | undefined;\n withTypographyStyles: boolean | undefined;\n unstyled: boolean | undefined;\n}\n\nexport const [RichTextEditorProvider, useRichTextEditorContext] =\n createSafeContext<RichTextEditorContext>('RichTextEditor component was not found in tree');\n"],"names":[],"mappings":";;;AACY,MAAC,CAAC,sBAAsB,EAAE,wBAAwB,CAAC,GAAG,iBAAiB,CAAC,gDAAgD;;"}
|
package/esm/RichTextEditor.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.mjs","sources":["../src/RichTextEditor.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n Factory,\n} from '@mantine/core';\nimport { Editor } from '@tiptap/react';\nimport { DEFAULT_LABELS, RichTextEditorLabels } from './labels';\nimport { RichTextEditorProvider } from './RichTextEditor.context';\nimport { RichTextEditorToolbar } from './RichTextEditorToolbar/RichTextEditorToolbar';\nimport { RichTextEditorControlsGroup } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup';\nimport { RichTextEditorContent } from './RichTextEditorContent/RichTextEditorContent';\nimport { RichTextEditorControl } from './RichTextEditorControl/RichTextEditorControl';\nimport * as controls from './RichTextEditorControl';\nimport classes from './RichTextEditor.module.css';\n\nexport type RichTextEditorStylesNames =\n | 'linkEditorSave'\n | 'linkEditorDropdown'\n | 'root'\n | 'content'\n | 'typographyStylesProvider'\n | 'control'\n | 'controlsGroup'\n | 'toolbar'\n | 'linkEditor'\n | 'linkEditorInput'\n | 'linkEditorExternalControl';\n\nexport interface RichTextEditorProps\n extends BoxProps,\n StylesApiProps<RichTextEditorFactory>,\n ElementProps<'div'> {\n /** Tiptap editor instance */\n editor: Editor | null;\n\n /** Determines whether code highlight styles should be added, `true` by default */\n withCodeHighlightStyles?: boolean;\n\n /** Determines whether typography styles should be added, `true` by default */\n withTypographyStyles?: boolean;\n\n /** Labels that are used in controls */\n labels?: Partial<RichTextEditorLabels>;\n\n /** Child editor components */\n children: React.ReactNode;\n}\n\nexport type RichTextEditorFactory = Factory<{\n props: RichTextEditorProps;\n ref: HTMLDivElement;\n stylesNames: RichTextEditorStylesNames;\n staticComponents: {\n Content: typeof RichTextEditorContent;\n Control: typeof RichTextEditorControl;\n Toolbar: typeof RichTextEditorToolbar;\n ControlsGroup: typeof RichTextEditorControlsGroup;\n Bold: typeof controls.BoldControl;\n Italic: typeof controls.ItalicControl;\n Strikethrough: typeof controls.StrikeThroughControl;\n Underline: typeof controls.UnderlineControl;\n ClearFormatting: typeof controls.ClearFormattingControl;\n H1: typeof controls.H1Control;\n H2: typeof controls.H2Control;\n H3: typeof controls.H3Control;\n H4: typeof controls.H4Control;\n H5: typeof controls.H5Control;\n H6: typeof controls.H6Control;\n BulletList: typeof controls.BulletListControl;\n OrderedList: typeof controls.OrderedListControl;\n Link: typeof controls.RichTextEditorLinkControl;\n Unlink: typeof controls.UnlinkControl;\n Blockquote: typeof controls.BlockquoteControl;\n AlignLeft: typeof controls.AlignLeftControl;\n AlignRight: typeof controls.AlignRightControl;\n AlignCenter: typeof controls.AlignCenterControl;\n AlignJustify: typeof controls.AlignJustifyControl;\n Superscript: typeof controls.SuperscriptControl;\n Subscript: typeof controls.SubscriptControl;\n Code: typeof controls.CodeControl;\n CodeBlock: typeof controls.CodeBlockControl;\n ColorPicker: typeof controls.RichTextEditorColorPickerControl;\n Color: typeof controls.RichTextEditorColorControl;\n Highlight: typeof controls.HighlightControl;\n Hr: typeof controls.HrControl;\n UnsetColor: typeof controls.UnsetColorControl;\n };\n}>;\n\nconst defaultProps: Partial<RichTextEditorProps> = {\n withCodeHighlightStyles: true,\n withTypographyStyles: true,\n};\n\nexport const RichTextEditor = factory<RichTextEditorFactory>((_props, ref) => {\n const props = useProps('RichTextEditor', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n editor,\n withCodeHighlightStyles,\n withTypographyStyles,\n labels,\n children,\n ...others\n } = props;\n\n const getStyles = useStyles<RichTextEditorFactory>({\n name: 'RichTextEditor',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n\n const mergedLabels = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);\n\n return (\n <RichTextEditorProvider\n value={{\n editor,\n getStyles,\n labels: mergedLabels,\n withCodeHighlightStyles,\n withTypographyStyles,\n unstyled,\n }}\n >\n <Box {...getStyles('root')} {...others} ref={ref}>\n {children}\n </Box>\n </RichTextEditorProvider>\n );\n});\n\nRichTextEditor.classes = classes;\nRichTextEditor.displayName = '@mantine/tiptap/RichTextEditor';\n\n// Generic components\nRichTextEditor.Content = RichTextEditorContent;\nRichTextEditor.Control = RichTextEditorControl;\nRichTextEditor.Toolbar = RichTextEditorToolbar;\nRichTextEditor.ControlsGroup = RichTextEditorControlsGroup;\n\n// Controls components\nRichTextEditor.Bold = controls.BoldControl;\nRichTextEditor.Italic = controls.ItalicControl;\nRichTextEditor.Strikethrough = controls.StrikeThroughControl;\nRichTextEditor.Underline = controls.UnderlineControl;\nRichTextEditor.ClearFormatting = controls.ClearFormattingControl;\nRichTextEditor.H1 = controls.H1Control;\nRichTextEditor.H2 = controls.H2Control;\nRichTextEditor.H3 = controls.H3Control;\nRichTextEditor.H4 = controls.H4Control;\nRichTextEditor.H5 = controls.H5Control;\nRichTextEditor.H6 = controls.H6Control;\nRichTextEditor.BulletList = controls.BulletListControl;\nRichTextEditor.OrderedList = controls.OrderedListControl;\nRichTextEditor.Link = controls.RichTextEditorLinkControl;\nRichTextEditor.Unlink = controls.UnlinkControl;\nRichTextEditor.Blockquote = controls.BlockquoteControl;\nRichTextEditor.AlignLeft = controls.AlignLeftControl;\nRichTextEditor.AlignRight = controls.AlignRightControl;\nRichTextEditor.AlignCenter = controls.AlignCenterControl;\nRichTextEditor.AlignJustify = controls.AlignJustifyControl;\nRichTextEditor.Superscript = controls.SuperscriptControl;\nRichTextEditor.Subscript = controls.SubscriptControl;\nRichTextEditor.Code = controls.CodeControl;\nRichTextEditor.CodeBlock = controls.CodeBlockControl;\nRichTextEditor.ColorPicker = controls.RichTextEditorColorPickerControl;\nRichTextEditor.Color = controls.RichTextEditorColorControl;\nRichTextEditor.Highlight = controls.HighlightControl;\nRichTextEditor.Hr = controls.HrControl;\nRichTextEditor.UnsetColor = controls.UnsetColorControl;\n"],"names":["controls.BoldControl","controls.ItalicControl","controls.StrikeThroughControl","controls.UnderlineControl","controls.ClearFormattingControl","controls.H1Control","controls.H2Control","controls.H3Control","controls.H4Control","controls.H5Control","controls.H6Control","controls.BulletListControl","controls.OrderedListControl","controls.RichTextEditorLinkControl","controls.UnlinkControl","controls.BlockquoteControl","controls.AlignLeftControl","controls.AlignRightControl","controls.AlignCenterControl","controls.AlignJustifyControl","controls.SuperscriptControl","controls.SubscriptControl","controls.CodeControl","controls.CodeBlockControl","controls.RichTextEditorColorPickerControl","controls.RichTextEditorColorControl","controls.HighlightControl","controls.HrControl","controls.UnsetColorControl"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RichTextEditor.mjs","sources":["../src/RichTextEditor.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n Factory,\n} from '@mantine/core';\nimport { Editor } from '@tiptap/react';\nimport { DEFAULT_LABELS, RichTextEditorLabels } from './labels';\nimport { RichTextEditorProvider } from './RichTextEditor.context';\nimport { RichTextEditorToolbar } from './RichTextEditorToolbar/RichTextEditorToolbar';\nimport { RichTextEditorControlsGroup } from './RichTextEditorControlsGroup/RichTextEditorControlsGroup';\nimport { RichTextEditorContent } from './RichTextEditorContent/RichTextEditorContent';\nimport { RichTextEditorControl } from './RichTextEditorControl/RichTextEditorControl';\nimport * as controls from './RichTextEditorControl';\nimport classes from './RichTextEditor.module.css';\n\nexport type RichTextEditorStylesNames =\n | 'linkEditorSave'\n | 'linkEditorDropdown'\n | 'root'\n | 'content'\n | 'typographyStylesProvider'\n | 'control'\n | 'controlsGroup'\n | 'toolbar'\n | 'linkEditor'\n | 'linkEditorInput'\n | 'linkEditorExternalControl';\n\nexport interface RichTextEditorProps\n extends BoxProps,\n StylesApiProps<RichTextEditorFactory>,\n ElementProps<'div'> {\n /** Tiptap editor instance */\n editor: Editor | null;\n\n /** Determines whether code highlight styles should be added, `true` by default */\n withCodeHighlightStyles?: boolean;\n\n /** Determines whether typography styles should be added, `true` by default */\n withTypographyStyles?: boolean;\n\n /** Labels that are used in controls */\n labels?: Partial<RichTextEditorLabels>;\n\n /** Child editor components */\n children: React.ReactNode;\n}\n\nexport type RichTextEditorFactory = Factory<{\n props: RichTextEditorProps;\n ref: HTMLDivElement;\n stylesNames: RichTextEditorStylesNames;\n staticComponents: {\n Content: typeof RichTextEditorContent;\n Control: typeof RichTextEditorControl;\n Toolbar: typeof RichTextEditorToolbar;\n ControlsGroup: typeof RichTextEditorControlsGroup;\n Bold: typeof controls.BoldControl;\n Italic: typeof controls.ItalicControl;\n Strikethrough: typeof controls.StrikeThroughControl;\n Underline: typeof controls.UnderlineControl;\n ClearFormatting: typeof controls.ClearFormattingControl;\n H1: typeof controls.H1Control;\n H2: typeof controls.H2Control;\n H3: typeof controls.H3Control;\n H4: typeof controls.H4Control;\n H5: typeof controls.H5Control;\n H6: typeof controls.H6Control;\n BulletList: typeof controls.BulletListControl;\n OrderedList: typeof controls.OrderedListControl;\n Link: typeof controls.RichTextEditorLinkControl;\n Unlink: typeof controls.UnlinkControl;\n Blockquote: typeof controls.BlockquoteControl;\n AlignLeft: typeof controls.AlignLeftControl;\n AlignRight: typeof controls.AlignRightControl;\n AlignCenter: typeof controls.AlignCenterControl;\n AlignJustify: typeof controls.AlignJustifyControl;\n Superscript: typeof controls.SuperscriptControl;\n Subscript: typeof controls.SubscriptControl;\n Code: typeof controls.CodeControl;\n CodeBlock: typeof controls.CodeBlockControl;\n ColorPicker: typeof controls.RichTextEditorColorPickerControl;\n Color: typeof controls.RichTextEditorColorControl;\n Highlight: typeof controls.HighlightControl;\n Hr: typeof controls.HrControl;\n UnsetColor: typeof controls.UnsetColorControl;\n };\n}>;\n\nconst defaultProps: Partial<RichTextEditorProps> = {\n withCodeHighlightStyles: true,\n withTypographyStyles: true,\n};\n\nexport const RichTextEditor = factory<RichTextEditorFactory>((_props, ref) => {\n const props = useProps('RichTextEditor', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n editor,\n withCodeHighlightStyles,\n withTypographyStyles,\n labels,\n children,\n ...others\n } = props;\n\n const getStyles = useStyles<RichTextEditorFactory>({\n name: 'RichTextEditor',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n\n const mergedLabels = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);\n\n return (\n <RichTextEditorProvider\n value={{\n editor,\n getStyles,\n labels: mergedLabels,\n withCodeHighlightStyles,\n withTypographyStyles,\n unstyled,\n }}\n >\n <Box {...getStyles('root')} {...others} ref={ref}>\n {children}\n </Box>\n </RichTextEditorProvider>\n );\n});\n\nRichTextEditor.classes = classes;\nRichTextEditor.displayName = '@mantine/tiptap/RichTextEditor';\n\n// Generic components\nRichTextEditor.Content = RichTextEditorContent;\nRichTextEditor.Control = RichTextEditorControl;\nRichTextEditor.Toolbar = RichTextEditorToolbar;\nRichTextEditor.ControlsGroup = RichTextEditorControlsGroup;\n\n// Controls components\nRichTextEditor.Bold = controls.BoldControl;\nRichTextEditor.Italic = controls.ItalicControl;\nRichTextEditor.Strikethrough = controls.StrikeThroughControl;\nRichTextEditor.Underline = controls.UnderlineControl;\nRichTextEditor.ClearFormatting = controls.ClearFormattingControl;\nRichTextEditor.H1 = controls.H1Control;\nRichTextEditor.H2 = controls.H2Control;\nRichTextEditor.H3 = controls.H3Control;\nRichTextEditor.H4 = controls.H4Control;\nRichTextEditor.H5 = controls.H5Control;\nRichTextEditor.H6 = controls.H6Control;\nRichTextEditor.BulletList = controls.BulletListControl;\nRichTextEditor.OrderedList = controls.OrderedListControl;\nRichTextEditor.Link = controls.RichTextEditorLinkControl;\nRichTextEditor.Unlink = controls.UnlinkControl;\nRichTextEditor.Blockquote = controls.BlockquoteControl;\nRichTextEditor.AlignLeft = controls.AlignLeftControl;\nRichTextEditor.AlignRight = controls.AlignRightControl;\nRichTextEditor.AlignCenter = controls.AlignCenterControl;\nRichTextEditor.AlignJustify = controls.AlignJustifyControl;\nRichTextEditor.Superscript = controls.SuperscriptControl;\nRichTextEditor.Subscript = controls.SubscriptControl;\nRichTextEditor.Code = controls.CodeControl;\nRichTextEditor.CodeBlock = controls.CodeBlockControl;\nRichTextEditor.ColorPicker = controls.RichTextEditorColorPickerControl;\nRichTextEditor.Color = controls.RichTextEditorColorControl;\nRichTextEditor.Highlight = controls.HighlightControl;\nRichTextEditor.Hr = controls.HrControl;\nRichTextEditor.UnsetColor = controls.UnsetColorControl;\n"],"names":["controls.BoldControl","controls.ItalicControl","controls.StrikeThroughControl","controls.UnderlineControl","controls.ClearFormattingControl","controls.H1Control","controls.H2Control","controls.H3Control","controls.H4Control","controls.H5Control","controls.H6Control","controls.BulletListControl","controls.OrderedListControl","controls.RichTextEditorLinkControl","controls.UnlinkControl","controls.BlockquoteControl","controls.AlignLeftControl","controls.AlignRightControl","controls.AlignCenterControl","controls.AlignJustifyControl","controls.SuperscriptControl","controls.SubscriptControl","controls.CodeControl","controls.CodeBlockControl","controls.RichTextEditorColorPickerControl","controls.RichTextEditorColorControl","controls.HighlightControl","controls.HrControl","controls.UnsetColorControl"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
var classes = {"root":"m-dd3f7539","typographyStylesProvider":"m-d37966d9","content":"m-c2204cc2","linkEditorDropdown":"m-8a991b4f","control":"m-c2207da6","controlsGroup":"m-2ab47ef2","linkEditor":"m-b67b711e","linkEditorInput":"m-296cf94c","linkEditorExternalControl":"m-cfef614","linkEditorSave":"m-3b28e7bb","toolbar":"m-4574a3c4"};
|
|
2
3
|
|
|
3
4
|
export default classes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.module.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RichTextEditor.module.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditorContent.mjs","sources":["../../src/RichTextEditorContent/RichTextEditorContent.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n TypographyStylesProvider,\n} from '@mantine/core';\nimport { EditorContent } from '@tiptap/react';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorContentStylesNames = 'root';\nexport interface RichTextEditorContentProps\n extends BoxProps,\n CompoundStylesApiProps<RichTextEditorContentFactory>,\n ElementProps<'div'> {}\n\nexport type RichTextEditorContentFactory = Factory<{\n props: RichTextEditorContentProps;\n ref: HTMLDivElement;\n stylesNames: RichTextEditorContentStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RichTextEditorContentProps> = {};\n\nexport const RichTextEditorContent = factory<RichTextEditorContentFactory>((_props, ref) => {\n const props = useProps('RichTextEditorContent', defaultProps, _props);\n const { classNames, className, style, styles, vars, ...others } = props;\n const ctx = useRichTextEditorContext();\n\n if (ctx.withTypographyStyles) {\n return (\n <TypographyStylesProvider\n {...ctx.getStyles('typographyStylesProvider', { className, style, styles, classNames })}\n unstyled={ctx.unstyled}\n ref={ref}\n >\n <Box\n component={EditorContent}\n editor={ctx.editor}\n {...ctx.getStyles('content', { classNames, styles })}\n {...others}\n />\n </TypographyStylesProvider>\n );\n }\n\n return (\n <Box\n component={EditorContent}\n editor={ctx.editor}\n {...ctx.getStyles('content', { classNames, styles, className, style })}\n {...others}\n />\n );\n});\n\nRichTextEditorContent.classes = classes;\nRichTextEditorContent.displayName = '@mantine/tiptap/RichTextEditorContent';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RichTextEditorContent.mjs","sources":["../../src/RichTextEditorContent/RichTextEditorContent.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n TypographyStylesProvider,\n} from '@mantine/core';\nimport { EditorContent } from '@tiptap/react';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorContentStylesNames = 'root';\nexport interface RichTextEditorContentProps\n extends BoxProps,\n CompoundStylesApiProps<RichTextEditorContentFactory>,\n ElementProps<'div'> {}\n\nexport type RichTextEditorContentFactory = Factory<{\n props: RichTextEditorContentProps;\n ref: HTMLDivElement;\n stylesNames: RichTextEditorContentStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RichTextEditorContentProps> = {};\n\nexport const RichTextEditorContent = factory<RichTextEditorContentFactory>((_props, ref) => {\n const props = useProps('RichTextEditorContent', defaultProps, _props);\n const { classNames, className, style, styles, vars, ...others } = props;\n const ctx = useRichTextEditorContext();\n\n if (ctx.withTypographyStyles) {\n return (\n <TypographyStylesProvider\n {...ctx.getStyles('typographyStylesProvider', { className, style, styles, classNames })}\n unstyled={ctx.unstyled}\n ref={ref}\n >\n <Box\n component={EditorContent}\n editor={ctx.editor}\n {...ctx.getStyles('content', { classNames, styles })}\n {...others}\n />\n </TypographyStylesProvider>\n );\n }\n\n return (\n <Box\n component={EditorContent}\n editor={ctx.editor}\n {...ctx.getStyles('content', { classNames, styles, className, style })}\n {...others}\n />\n );\n});\n\nRichTextEditorContent.classes = classes;\nRichTextEditorContent.displayName = '@mantine/tiptap/RichTextEditorContent';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditorColorControl.mjs","sources":["../../src/RichTextEditorControl/RichTextEditorColorControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { ColorSwatch, BoxProps, useProps, ElementProps } from '@mantine/core';\nimport { RichTextEditorControl } from './RichTextEditorControl';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\n\nexport interface RichTextEditorColorControlProps extends BoxProps, ElementProps<'button'> {\n /** Color that will be set as text color, for example #ef457e */\n color: string;\n}\n\nconst defaultProps: Partial<RichTextEditorColorControlProps> = {};\n\nexport const RichTextEditorColorControl = forwardRef<\n HTMLButtonElement,\n RichTextEditorColorControlProps\n>((props, ref) => {\n const { color, ...others } = useProps('RichTextEditorColorControl', defaultProps, props);\n const { editor, labels } = useRichTextEditorContext();\n const currentColor = editor?.getAttributes('textStyle').color || null;\n const label = labels.colorControlLabel(color);\n\n return (\n <RichTextEditorControl\n {...others}\n active={currentColor === color}\n aria-label={label}\n title={label}\n onClick={() => (editor?.chain() as any).focus().setColor(color).run()}\n ref={ref}\n >\n <ColorSwatch color={color} size={14} />\n </RichTextEditorControl>\n );\n});\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RichTextEditorColorControl.mjs","sources":["../../src/RichTextEditorControl/RichTextEditorColorControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { ColorSwatch, BoxProps, useProps, ElementProps } from '@mantine/core';\nimport { RichTextEditorControl } from './RichTextEditorControl';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\n\nexport interface RichTextEditorColorControlProps extends BoxProps, ElementProps<'button'> {\n /** Color that will be set as text color, for example #ef457e */\n color: string;\n}\n\nconst defaultProps: Partial<RichTextEditorColorControlProps> = {};\n\nexport const RichTextEditorColorControl = forwardRef<\n HTMLButtonElement,\n RichTextEditorColorControlProps\n>((props, ref) => {\n const { color, ...others } = useProps('RichTextEditorColorControl', defaultProps, props);\n const { editor, labels } = useRichTextEditorContext();\n const currentColor = editor?.getAttributes('textStyle').color || null;\n const label = labels.colorControlLabel(color);\n\n return (\n <RichTextEditorControl\n {...others}\n active={currentColor === color}\n aria-label={label}\n title={label}\n onClick={() => (editor?.chain() as any).focus().setColor(color).run()}\n ref={ref}\n >\n <ColorSwatch color={color} size={14} />\n </RichTextEditorControl>\n );\n});\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditorColorPickerControl.mjs","sources":["../../src/RichTextEditorControl/RichTextEditorColorPickerControl.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport {\n BoxProps,\n Popover,\n PopoverProps,\n ColorSwatch,\n SimpleGrid,\n ColorPicker,\n Group,\n ActionIcon,\n Tooltip,\n ColorPickerProps,\n useProps,\n ElementProps,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconCircleOff, IconColorPicker, IconX, IconPalette, IconCheck } from '@tabler/icons-react';\nimport { RichTextEditorControl } from './RichTextEditorControl';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\n\nexport interface RichTextEditorColorPickerControlProps extends BoxProps, ElementProps<'button'> {\n /** Props added to Popover component */\n popoverProps?: Partial<PopoverProps>;\n\n /** Props added to ColorPicker component */\n colorPickerProps?: Partial<ColorPickerProps>;\n\n /** List of colors that the user can choose from */\n colors: string[];\n}\n\nconst defaultProps: Partial<RichTextEditorColorPickerControlProps> = {};\n\nexport const RichTextEditorColorPickerControl = forwardRef<\n HTMLButtonElement,\n RichTextEditorColorPickerControlProps\n>((props, ref) => {\n const { popoverProps, colors, colorPickerProps, ...others } = useProps(\n 'RichTextEditorColorPickerControl',\n defaultProps,\n props\n );\n\n const { editor, labels, getStyles } = useRichTextEditorContext();\n const [opened, { toggle, close }] = useDisclosure(false);\n const [state, setState] = useState<'palette' | 'colorPicker'>('palette');\n const currentColor = editor?.getAttributes('textStyle').color || 'var(--mantine-color-text)';\n\n const handleChange = (value: string, shouldClose = true) => {\n (editor?.chain() as any).focus().setColor(value).run();\n shouldClose && close();\n };\n\n const handleClear = () => {\n (editor?.chain() as any).focus().unsetColor().run();\n close();\n };\n\n const controls = colors.map((color, index) => (\n <ColorSwatch\n key={index}\n component=\"button\"\n color={color}\n onClick={() => handleChange(color)}\n size={26}\n radius=\"xs\"\n style={{ cursor: 'pointer' }}\n title={labels.colorPickerColorLabel(color)}\n aria-label={labels.colorPickerColorLabel(color)}\n />\n ));\n\n return (\n <Popover opened={opened} withinPortal trapFocus onClose={close} {...popoverProps}>\n <Popover.Target>\n <RichTextEditorControl\n {...others}\n aria-label={labels.colorPickerControlLabel}\n title={labels.colorPickerControlLabel}\n ref={ref}\n onClick={toggle}\n >\n <ColorSwatch color={currentColor} size={14} />\n </RichTextEditorControl>\n </Popover.Target>\n\n <Popover.Dropdown {...getStyles('linkEditorDropdown')}>\n {state === 'palette' && (\n <SimpleGrid cols={7} spacing={2}>\n {controls}\n </SimpleGrid>\n )}\n\n {state === 'colorPicker' && (\n <ColorPicker\n defaultValue={currentColor}\n onChange={(value) => handleChange(value, false)}\n {...colorPickerProps}\n />\n )}\n\n <Tooltip.Group closeDelay={200}>\n <Group justify=\"flex-end\" gap=\"xs\" mt=\"sm\">\n {state === 'palette' && (\n <ActionIcon\n variant=\"default\"\n onClick={close}\n title={labels.colorPickerCancel}\n aria-label={labels.colorPickerCancel}\n >\n <IconX stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n )}\n\n <ActionIcon\n variant=\"default\"\n onClick={handleClear}\n title={labels.colorPickerClear}\n aria-label={labels.colorPickerClear}\n >\n <IconCircleOff stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n\n {state === 'palette' ? (\n <ActionIcon\n variant=\"default\"\n onClick={() => setState('colorPicker')}\n title={labels.colorPickerColorPicker}\n aria-label={labels.colorPickerColorPicker}\n >\n <IconColorPicker stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n ) : (\n <ActionIcon\n variant=\"default\"\n onClick={() => setState('palette')}\n aria-label={labels.colorPickerPalette}\n title={labels.colorPickerPalette}\n >\n <IconPalette stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n )}\n\n {state === 'colorPicker' && (\n <ActionIcon\n variant=\"default\"\n onClick={close}\n title={labels.colorPickerSave}\n aria-label={labels.colorPickerSave}\n >\n <IconCheck stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n )}\n </Group>\n </Tooltip.Group>\n </Popover.Dropdown>\n </Popover>\n );\n});\n\nRichTextEditorColorPickerControl.displayName = '@mantine/tiptap/ColorPickerControl';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RichTextEditorColorPickerControl.mjs","sources":["../../src/RichTextEditorControl/RichTextEditorColorPickerControl.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport {\n BoxProps,\n Popover,\n PopoverProps,\n ColorSwatch,\n SimpleGrid,\n ColorPicker,\n Group,\n ActionIcon,\n Tooltip,\n ColorPickerProps,\n useProps,\n ElementProps,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconCircleOff, IconColorPicker, IconX, IconPalette, IconCheck } from '@tabler/icons-react';\nimport { RichTextEditorControl } from './RichTextEditorControl';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\n\nexport interface RichTextEditorColorPickerControlProps extends BoxProps, ElementProps<'button'> {\n /** Props added to Popover component */\n popoverProps?: Partial<PopoverProps>;\n\n /** Props added to ColorPicker component */\n colorPickerProps?: Partial<ColorPickerProps>;\n\n /** List of colors that the user can choose from */\n colors: string[];\n}\n\nconst defaultProps: Partial<RichTextEditorColorPickerControlProps> = {};\n\nexport const RichTextEditorColorPickerControl = forwardRef<\n HTMLButtonElement,\n RichTextEditorColorPickerControlProps\n>((props, ref) => {\n const { popoverProps, colors, colorPickerProps, ...others } = useProps(\n 'RichTextEditorColorPickerControl',\n defaultProps,\n props\n );\n\n const { editor, labels, getStyles } = useRichTextEditorContext();\n const [opened, { toggle, close }] = useDisclosure(false);\n const [state, setState] = useState<'palette' | 'colorPicker'>('palette');\n const currentColor = editor?.getAttributes('textStyle').color || 'var(--mantine-color-text)';\n\n const handleChange = (value: string, shouldClose = true) => {\n (editor?.chain() as any).focus().setColor(value).run();\n shouldClose && close();\n };\n\n const handleClear = () => {\n (editor?.chain() as any).focus().unsetColor().run();\n close();\n };\n\n const controls = colors.map((color, index) => (\n <ColorSwatch\n key={index}\n component=\"button\"\n color={color}\n onClick={() => handleChange(color)}\n size={26}\n radius=\"xs\"\n style={{ cursor: 'pointer' }}\n title={labels.colorPickerColorLabel(color)}\n aria-label={labels.colorPickerColorLabel(color)}\n />\n ));\n\n return (\n <Popover opened={opened} withinPortal trapFocus onClose={close} {...popoverProps}>\n <Popover.Target>\n <RichTextEditorControl\n {...others}\n aria-label={labels.colorPickerControlLabel}\n title={labels.colorPickerControlLabel}\n ref={ref}\n onClick={toggle}\n >\n <ColorSwatch color={currentColor} size={14} />\n </RichTextEditorControl>\n </Popover.Target>\n\n <Popover.Dropdown {...getStyles('linkEditorDropdown')}>\n {state === 'palette' && (\n <SimpleGrid cols={7} spacing={2}>\n {controls}\n </SimpleGrid>\n )}\n\n {state === 'colorPicker' && (\n <ColorPicker\n defaultValue={currentColor}\n onChange={(value) => handleChange(value, false)}\n {...colorPickerProps}\n />\n )}\n\n <Tooltip.Group closeDelay={200}>\n <Group justify=\"flex-end\" gap=\"xs\" mt=\"sm\">\n {state === 'palette' && (\n <ActionIcon\n variant=\"default\"\n onClick={close}\n title={labels.colorPickerCancel}\n aria-label={labels.colorPickerCancel}\n >\n <IconX stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n )}\n\n <ActionIcon\n variant=\"default\"\n onClick={handleClear}\n title={labels.colorPickerClear}\n aria-label={labels.colorPickerClear}\n >\n <IconCircleOff stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n\n {state === 'palette' ? (\n <ActionIcon\n variant=\"default\"\n onClick={() => setState('colorPicker')}\n title={labels.colorPickerColorPicker}\n aria-label={labels.colorPickerColorPicker}\n >\n <IconColorPicker stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n ) : (\n <ActionIcon\n variant=\"default\"\n onClick={() => setState('palette')}\n aria-label={labels.colorPickerPalette}\n title={labels.colorPickerPalette}\n >\n <IconPalette stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n )}\n\n {state === 'colorPicker' && (\n <ActionIcon\n variant=\"default\"\n onClick={close}\n title={labels.colorPickerSave}\n aria-label={labels.colorPickerSave}\n >\n <IconCheck stroke={1.5} size=\"1rem\" />\n </ActionIcon>\n )}\n </Group>\n </Tooltip.Group>\n </Popover.Dropdown>\n </Popover>\n );\n});\n\nRichTextEditorColorPickerControl.displayName = '@mantine/tiptap/ColorPickerControl';\n"],"names":[],"mappings":";;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAgBF,MAAM,YAAY,GAAG,EAAE,CAAC;AACZ,MAAC,gCAAgC,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAC3E,EAAE,MAAM,EAAE,GAAG,QAAQ;AACrB,IAAI,kCAAkC;AACtC,IAAI,YAAY;AAChB,IAAI,KAAK;AACT,GAAG,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;AAC7H,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,EAAE,CAAC;AACnE,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;AAC3D,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAChD,EAAE,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,KAAK,2BAA2B,CAAC;AAC1H,EAAE,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,KAAK;AACtD,IAAI,CAAC,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC;AAC7E,IAAI,WAAW,IAAI,KAAK,EAAE,CAAC;AAC3B,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,CAAC,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC;AAC1E,IAAI,KAAK,EAAE,CAAC;AACZ,GAAG,CAAC;AACJ,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,qBAAqB,KAAK,CAAC,aAAa;AACnF,IAAI,WAAW;AACf,IAAI;AACJ,MAAM,GAAG,EAAE,KAAK;AAChB,MAAM,SAAS,EAAE,QAAQ;AACzB,MAAM,KAAK;AACX,MAAM,OAAO,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC;AACxC,MAAM,IAAI,EAAE,EAAE;AACd,MAAM,MAAM,EAAE,IAAI;AAClB,MAAM,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;AAClC,MAAM,KAAK,EAAE,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC;AAChD,MAAM,YAAY,EAAE,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC;AACvD,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,YAAY,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa;AAClP,IAAI,qBAAqB;AACzB,IAAI,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AAC9C,MAAM,YAAY,EAAE,MAAM,CAAC,uBAAuB;AAClD,MAAM,KAAK,EAAE,MAAM,CAAC,uBAAuB;AAC3C,MAAM,GAAG;AACT,MAAM,OAAO,EAAE,MAAM;AACrB,KAAK,CAAC;AACN,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACvF,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,KAAK,SAAS,oBAAoB,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,aAAa,oBAAoB,KAAK,CAAC,aAAa;AAC1R,IAAI,WAAW;AACf,IAAI,cAAc,CAAC;AACnB,MAAM,YAAY,EAAE,YAAY;AAChC,MAAM,QAAQ,EAAE,CAAC,KAAK,KAAK,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC;AACrD,KAAK,EAAE,gBAAgB,CAAC;AACxB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,KAAK,KAAK,SAAS,oBAAoB,KAAK,CAAC,aAAa;AAChO,IAAI,UAAU;AACd,IAAI;AACJ,MAAM,OAAO,EAAE,SAAS;AACxB,MAAM,OAAO,EAAE,KAAK;AACpB,MAAM,KAAK,EAAE,MAAM,CAAC,iBAAiB;AACrC,MAAM,YAAY,EAAE,MAAM,CAAC,iBAAiB;AAC5C,KAAK;AACL,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC7E,GAAG,kBAAkB,KAAK,CAAC,aAAa;AACxC,IAAI,UAAU;AACd,IAAI;AACJ,MAAM,OAAO,EAAE,SAAS;AACxB,MAAM,OAAO,EAAE,WAAW;AAC1B,MAAM,KAAK,EAAE,MAAM,CAAC,gBAAgB;AACpC,MAAM,YAAY,EAAE,MAAM,CAAC,gBAAgB;AAC3C,KAAK;AACL,oBAAoB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACrF,GAAG,EAAE,KAAK,KAAK,SAAS,mBAAmB,KAAK,CAAC,aAAa;AAC9D,IAAI,UAAU;AACd,IAAI;AACJ,MAAM,OAAO,EAAE,SAAS;AACxB,MAAM,OAAO,EAAE,MAAM,QAAQ,CAAC,aAAa,CAAC;AAC5C,MAAM,KAAK,EAAE,MAAM,CAAC,sBAAsB;AAC1C,MAAM,YAAY,EAAE,MAAM,CAAC,sBAAsB;AACjD,KAAK;AACL,oBAAoB,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACvF,GAAG,mBAAmB,KAAK,CAAC,aAAa;AACzC,IAAI,UAAU;AACd,IAAI;AACJ,MAAM,OAAO,EAAE,SAAS;AACxB,MAAM,OAAO,EAAE,MAAM,QAAQ,CAAC,SAAS,CAAC;AACxC,MAAM,YAAY,EAAE,MAAM,CAAC,kBAAkB;AAC7C,MAAM,KAAK,EAAE,MAAM,CAAC,kBAAkB;AACtC,KAAK;AACL,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACnF,GAAG,EAAE,KAAK,KAAK,aAAa,oBAAoB,KAAK,CAAC,aAAa;AACnE,IAAI,UAAU;AACd,IAAI;AACJ,MAAM,OAAO,EAAE,SAAS;AACxB,MAAM,OAAO,EAAE,KAAK;AACpB,MAAM,KAAK,EAAE,MAAM,CAAC,eAAe;AACnC,MAAM,YAAY,EAAE,MAAM,CAAC,eAAe;AAC1C,KAAK;AACL,oBAAoB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACjF,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACR,CAAC,EAAE;AACH,gCAAgC,CAAC,WAAW,GAAG,oCAAoC;;"}
|