@webiny/lexical-editor 0.0.0-unstable.d65ec29d44

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 (188) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +17 -0
  3. package/components/AddRichTextEditorNodeType.d.ts +6 -0
  4. package/components/AddRichTextEditorNodeType.js +28 -0
  5. package/components/AddRichTextEditorNodeType.js.map +1 -0
  6. package/components/AddRichTextEditorPlugin.d.ts +10 -0
  7. package/components/AddRichTextEditorPlugin.js +31 -0
  8. package/components/AddRichTextEditorPlugin.js.map +1 -0
  9. package/components/AddToolbarAction.d.ts +7 -0
  10. package/components/AddToolbarAction.js +33 -0
  11. package/components/AddToolbarAction.js.map +1 -0
  12. package/components/Editor/HeadingEditor.d.ts +7 -0
  13. package/components/Editor/HeadingEditor.js +28 -0
  14. package/components/Editor/HeadingEditor.js.map +1 -0
  15. package/components/Editor/ParagraphEditor.d.ts +7 -0
  16. package/components/Editor/ParagraphEditor.js +30 -0
  17. package/components/Editor/ParagraphEditor.js.map +1 -0
  18. package/components/Editor/RichTextEditor.d.ts +23 -0
  19. package/components/Editor/RichTextEditor.js +107 -0
  20. package/components/Editor/RichTextEditor.js.map +1 -0
  21. package/components/LexicalHtmlRenderer.d.ts +9 -0
  22. package/components/LexicalHtmlRenderer.js +44 -0
  23. package/components/LexicalHtmlRenderer.js.map +1 -0
  24. package/components/Toolbar/HeadingToolbar.d.ts +12 -0
  25. package/components/Toolbar/HeadingToolbar.js +23 -0
  26. package/components/Toolbar/HeadingToolbar.js.map +1 -0
  27. package/components/Toolbar/ParagraphToolbar.d.ts +12 -0
  28. package/components/Toolbar/ParagraphToolbar.js +23 -0
  29. package/components/Toolbar/ParagraphToolbar.js.map +1 -0
  30. package/components/Toolbar/Toolbar.css +414 -0
  31. package/components/Toolbar/Toolbar.d.ts +13 -0
  32. package/components/Toolbar/Toolbar.js +161 -0
  33. package/components/Toolbar/Toolbar.js.map +1 -0
  34. package/components/ToolbarActions/BoldAction.d.ts +5 -0
  35. package/components/ToolbarActions/BoldAction.js +38 -0
  36. package/components/ToolbarActions/BoldAction.js.map +1 -0
  37. package/components/ToolbarActions/BulletListAction.d.ts +5 -0
  38. package/components/ToolbarActions/BulletListAction.js +89 -0
  39. package/components/ToolbarActions/BulletListAction.js.map +1 -0
  40. package/components/ToolbarActions/CodeHighlightAction.d.ts +6 -0
  41. package/components/ToolbarActions/CodeHighlightAction.js +39 -0
  42. package/components/ToolbarActions/CodeHighlightAction.js.map +1 -0
  43. package/components/ToolbarActions/FontSizeAction.d.ts +2 -0
  44. package/components/ToolbarActions/FontSizeAction.js +104 -0
  45. package/components/ToolbarActions/FontSizeAction.js.map +1 -0
  46. package/components/ToolbarActions/ItalicAction.d.ts +5 -0
  47. package/components/ToolbarActions/ItalicAction.js +38 -0
  48. package/components/ToolbarActions/ItalicAction.js.map +1 -0
  49. package/components/ToolbarActions/LinkAction.d.ts +7 -0
  50. package/components/ToolbarActions/LinkAction.js +69 -0
  51. package/components/ToolbarActions/LinkAction.js.map +1 -0
  52. package/components/ToolbarActions/NumberedListAction.d.ts +5 -0
  53. package/components/ToolbarActions/NumberedListAction.js +89 -0
  54. package/components/ToolbarActions/NumberedListAction.js.map +1 -0
  55. package/components/ToolbarActions/QuoteAction.d.ts +4 -0
  56. package/components/ToolbarActions/QuoteAction.js +66 -0
  57. package/components/ToolbarActions/QuoteAction.js.map +1 -0
  58. package/components/ToolbarActions/UnderlineAction.d.ts +5 -0
  59. package/components/ToolbarActions/UnderlineAction.js +38 -0
  60. package/components/ToolbarActions/UnderlineAction.js.map +1 -0
  61. package/components/ToolbarPresets/HeadingToolbarPreset.d.ts +2 -0
  62. package/components/ToolbarPresets/HeadingToolbarPreset.js +44 -0
  63. package/components/ToolbarPresets/HeadingToolbarPreset.js.map +1 -0
  64. package/components/ToolbarPresets/ParagraphToolbarPreset.d.ts +2 -0
  65. package/components/ToolbarPresets/ParagraphToolbarPreset.js +59 -0
  66. package/components/ToolbarPresets/ParagraphToolbarPreset.js.map +1 -0
  67. package/context/RichTextEditorContext.d.ts +11 -0
  68. package/context/RichTextEditorContext.js +29 -0
  69. package/context/RichTextEditorContext.js.map +1 -0
  70. package/hooks/useRichTextEditor.d.ts +2 -0
  71. package/hooks/useRichTextEditor.js +15 -0
  72. package/hooks/useRichTextEditor.js.map +1 -0
  73. package/images/icons/LICENSE.md +5 -0
  74. package/images/icons/chat-square-quote.svg +1 -0
  75. package/images/icons/chevron-down.svg +1 -0
  76. package/images/icons/code.svg +1 -0
  77. package/images/icons/link.svg +1 -0
  78. package/images/icons/list-ol.svg +1 -0
  79. package/images/icons/list-ul.svg +1 -0
  80. package/images/icons/pencil-fill.svg +1 -0
  81. package/images/icons/text-center.svg +1 -0
  82. package/images/icons/text-left.svg +1 -0
  83. package/images/icons/text-paragraph.svg +1 -0
  84. package/images/icons/text-right.svg +1 -0
  85. package/images/icons/type-bold.svg +1 -0
  86. package/images/icons/type-h1.svg +1 -0
  87. package/images/icons/type-h2.svg +1 -0
  88. package/images/icons/type-h3.svg +1 -0
  89. package/images/icons/type-h4.svg +1 -0
  90. package/images/icons/type-h5.svg +1 -0
  91. package/images/icons/type-h6.svg +1 -0
  92. package/images/icons/type-italic.svg +1 -0
  93. package/images/icons/type-strikethrough.svg +1 -0
  94. package/images/icons/type-underline.svg +1 -0
  95. package/images/icons/unlink_icon.svg +1 -0
  96. package/index.d.ts +34 -0
  97. package/index.js +239 -0
  98. package/index.js.map +1 -0
  99. package/nodes/webinyNodes.d.ts +2 -0
  100. package/nodes/webinyNodes.js +15 -0
  101. package/nodes/webinyNodes.js.map +1 -0
  102. package/package.json +38 -0
  103. package/plugins/AutoLinkPlugin/AutoLinkPlugin.d.ts +11 -0
  104. package/plugins/AutoLinkPlugin/AutoLinkPlugin.js +46 -0
  105. package/plugins/AutoLinkPlugin/AutoLinkPlugin.js.map +1 -0
  106. package/plugins/AutoLinkPlugin/index.d.ts +1 -0
  107. package/plugins/AutoLinkPlugin/index.js +16 -0
  108. package/plugins/AutoLinkPlugin/index.js.map +1 -0
  109. package/plugins/BlurEventPlugin/BlurEventPlugin.d.ts +7 -0
  110. package/plugins/BlurEventPlugin/BlurEventPlugin.js +28 -0
  111. package/plugins/BlurEventPlugin/BlurEventPlugin.js.map +1 -0
  112. package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.d.ts +17 -0
  113. package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.js +88 -0
  114. package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.js.map +1 -0
  115. package/plugins/ClickableLinkPlugin/index.d.ts +1 -0
  116. package/plugins/ClickableLinkPlugin/index.js +16 -0
  117. package/plugins/ClickableLinkPlugin/index.js.map +1 -0
  118. package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.d.ts +1 -0
  119. package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js +20 -0
  120. package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js.map +1 -0
  121. package/plugins/CodeHighlightPlugin/index.d.ts +1 -0
  122. package/plugins/CodeHighlightPlugin/index.js +16 -0
  123. package/plugins/CodeHighlightPlugin/index.js.map +1 -0
  124. package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.css +118 -0
  125. package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.d.ts +7 -0
  126. package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js +222 -0
  127. package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js.map +1 -0
  128. package/plugins/FloatingLinkEditorPlugin/index.d.ts +1 -0
  129. package/plugins/FloatingLinkEditorPlugin/index.js +16 -0
  130. package/plugins/FloatingLinkEditorPlugin/index.js.map +1 -0
  131. package/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin.d.ts +8 -0
  132. package/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin.js +34 -0
  133. package/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin.js.map +1 -0
  134. package/plugins/LexicalUpdateStatePlugin/index.d.ts +1 -0
  135. package/plugins/LexicalUpdateStatePlugin/index.js +16 -0
  136. package/plugins/LexicalUpdateStatePlugin/index.js.map +1 -0
  137. package/themes/webinyLexicalTheme.css +422 -0
  138. package/themes/webinyLexicalTheme.d.ts +10 -0
  139. package/themes/webinyLexicalTheme.js +107 -0
  140. package/themes/webinyLexicalTheme.js.map +1 -0
  141. package/types.d.ts +2 -0
  142. package/types.js +5 -0
  143. package/types.js.map +1 -0
  144. package/ui/Divider.d.ts +2 -0
  145. package/ui/Divider.js +13 -0
  146. package/ui/Divider.js.map +1 -0
  147. package/ui/DropDown.d.ts +25 -0
  148. package/ui/DropDown.js +168 -0
  149. package/ui/DropDown.js.map +1 -0
  150. package/ui/Input.css +32 -0
  151. package/ui/LinkPreview.css +69 -0
  152. package/ui/LinkPreview.d.ts +12 -0
  153. package/ui/LinkPreview.js +101 -0
  154. package/ui/LinkPreview.js.map +1 -0
  155. package/ui/Placeholder.css +23 -0
  156. package/ui/Placeholder.d.ts +13 -0
  157. package/ui/Placeholder.js +24 -0
  158. package/ui/Placeholder.js.map +1 -0
  159. package/ui/TextInput.d.ts +18 -0
  160. package/ui/TextInput.js +39 -0
  161. package/ui/TextInput.js.map +1 -0
  162. package/utils/generateInitialLexicalValue.d.ts +5 -0
  163. package/utils/generateInitialLexicalValue.js +29 -0
  164. package/utils/generateInitialLexicalValue.js.map +1 -0
  165. package/utils/getDOMRangeRect.d.ts +10 -0
  166. package/utils/getDOMRangeRect.js +27 -0
  167. package/utils/getDOMRangeRect.js.map +1 -0
  168. package/utils/getSelectedNode.d.ts +2 -0
  169. package/utils/getSelectedNode.js +30 -0
  170. package/utils/getSelectedNode.js.map +1 -0
  171. package/utils/isValidJSON.d.ts +1 -0
  172. package/utils/isValidJSON.js +18 -0
  173. package/utils/isValidJSON.js.map +1 -0
  174. package/utils/isValidLexicalData.d.ts +2 -0
  175. package/utils/isValidLexicalData.js +24 -0
  176. package/utils/isValidLexicalData.js.map +1 -0
  177. package/utils/point.d.ts +21 -0
  178. package/utils/point.js +77 -0
  179. package/utils/point.js.map +1 -0
  180. package/utils/rect.d.ts +47 -0
  181. package/utils/rect.js +169 -0
  182. package/utils/rect.js.map +1 -0
  183. package/utils/sanitizeUrl.d.ts +8 -0
  184. package/utils/sanitizeUrl.js +27 -0
  185. package/utils/sanitizeUrl.js.map +1 -0
  186. package/utils/setFloatingElemPosition.d.ts +3 -0
  187. package/utils/setFloatingElemPosition.js +40 -0
  188. package/utils/setFloatingElemPosition.js.map +1 -0
@@ -0,0 +1,422 @@
1
+ /**
2
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
3
+ *
4
+ * This source code is licensed under the MIT license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ .ContentEditable__root{
8
+ font-size: inherit;
9
+ line-height: 1.25;
10
+
11
+ }
12
+ .WebinyLexical__ltr {
13
+ text-align: inherit;
14
+ }
15
+ .WebinyLexical__rtl {
16
+ text-align: inherit;
17
+ }
18
+ .WebinyLexical__paragraph {
19
+ margin: 0;
20
+ position: relative;
21
+ text-align: inherit;
22
+ font-size: inherit;
23
+ }
24
+ .WebinyLexical__quote {
25
+ margin: 0;
26
+ margin-left: 20px;
27
+ margin-bottom: 10px;
28
+ font-size: 15px;
29
+ color: rgb(101, 103, 107);
30
+ border-left-color: rgb(206, 208, 212);
31
+ border-left-width: 4px;
32
+ border-left-style: solid;
33
+ padding-left: 16px;
34
+ }
35
+ .WebinyLexical__h1 {
36
+ font-size: 24px;
37
+ color: rgb(5, 5, 5);
38
+ font-weight: 400;
39
+ margin: 0;
40
+ }
41
+ .WebinyLexical__h2 {
42
+ font-size: 15px;
43
+ color: rgb(101, 103, 107);
44
+ font-weight: 700;
45
+ margin: 0;
46
+ text-transform: uppercase;
47
+ }
48
+ .WebinyLexical__h3 {
49
+ font-size: 12px;
50
+ margin: 0;
51
+ text-transform: uppercase;
52
+ }
53
+ .WebinyLexical__textBold {
54
+ font-weight: bold;
55
+ }
56
+ .WebinyLexical__textItalic {
57
+ font-style: italic;
58
+ }
59
+ .WebinyLexical__textUnderline {
60
+ text-decoration: underline;
61
+ }
62
+ .WebinyLexical__textStrikethrough {
63
+ text-decoration: line-through;
64
+ }
65
+ .WebinyLexical__textUnderlineStrikethrough {
66
+ text-decoration: underline line-through;
67
+ }
68
+ .WebinyLexical__textSubscript {
69
+ font-size: 0.8em;
70
+ vertical-align: sub !important;
71
+ }
72
+ .WebinyLexical__textSuperscript {
73
+ font-size: 0.8em;
74
+ vertical-align: super;
75
+ }
76
+ .WebinyLexical__textCode {
77
+ background-color: rgb(240, 242, 245);
78
+ padding: 1px 0.25rem;
79
+ font-family: Menlo, Consolas, Monaco, monospace;
80
+ font-size: 94%;
81
+ }
82
+ .WebinyLexical__hashtag {
83
+ background-color: rgba(88, 144, 255, 0.15);
84
+ border-bottom: 1px solid rgba(88, 144, 255, 0.3);
85
+ }
86
+ .WebinyLexical__link {
87
+ color: rgb(33, 111, 219);
88
+ text-decoration: none;
89
+ }
90
+ .WebinyLexical__link:hover {
91
+ text-decoration: underline;
92
+ }
93
+ .WebinyLexical__code {
94
+ background-color: rgb(240, 242, 245);
95
+ font-family: Menlo, Consolas, Monaco, monospace;
96
+ display: block;
97
+ padding: 8px 8px 8px 52px;
98
+ line-height: 1.53;
99
+ font-size: 13px;
100
+ margin: 0;
101
+ margin-top: 8px;
102
+ margin-bottom: 8px;
103
+ tab-size: 2;
104
+ /* white-space: pre; */
105
+ overflow-x: auto;
106
+ position: relative;
107
+ }
108
+ .WebinyLexical__code:before {
109
+ content: attr(data-gutter);
110
+ position: absolute;
111
+ background-color: #eee;
112
+ left: 0;
113
+ top: 0;
114
+ border-right: 1px solid #ccc;
115
+ padding: 8px;
116
+ color: #777;
117
+ white-space: pre-wrap;
118
+ text-align: right;
119
+ min-width: 25px;
120
+ }
121
+ .WebinyLexical__table {
122
+ border-collapse: collapse;
123
+ border-spacing: 0;
124
+ max-width: 100%;
125
+ overflow-y: scroll;
126
+ table-layout: fixed;
127
+ width: calc(100% - 25px);
128
+ margin: 30px 0;
129
+ }
130
+ .WebinyLexical__tableSelected {
131
+ outline: 2px solid rgb(60, 132, 244);
132
+ }
133
+ .WebinyLexical__tableCell {
134
+ border: 1px solid #bbb;
135
+ min-width: 75px;
136
+ vertical-align: top;
137
+ text-align: start;
138
+ padding: 6px 8px;
139
+ position: relative;
140
+ cursor: default;
141
+ outline: none;
142
+ }
143
+ .WebinyLexical__tableCellSortedIndicator {
144
+ display: block;
145
+ opacity: 0.5;
146
+ position: absolute;
147
+ bottom: 0;
148
+ left: 0;
149
+ width: 100%;
150
+ height: 4px;
151
+ background-color: #999;
152
+ }
153
+ .WebinyLexical__tableCellResizer {
154
+ position: absolute;
155
+ right: -4px;
156
+ height: 100%;
157
+ width: 8px;
158
+ cursor: ew-resize;
159
+ z-index: 10;
160
+ top: 0;
161
+ }
162
+ .WebinyLexical__tableCellHeader {
163
+ background-color: #f2f3f5;
164
+ text-align: start;
165
+ }
166
+ .WebinyLexical__tableCellSelected {
167
+ background-color: #c9dbf0;
168
+ }
169
+ .WebinyLexical__tableCellPrimarySelected {
170
+ border: 2px solid rgb(60, 132, 244);
171
+ display: block;
172
+ height: calc(100% - 2px);
173
+ position: absolute;
174
+ width: calc(100% - 2px);
175
+ left: -1px;
176
+ top: -1px;
177
+ z-index: 2;
178
+ }
179
+ .WebinyLexical__tableCellEditing {
180
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
181
+ border-radius: 3px;
182
+ }
183
+ .WebinyLexical__tableAddColumns {
184
+ position: absolute;
185
+ top: 0;
186
+ width: 20px;
187
+ background-color: #eee;
188
+ height: 100%;
189
+ right: 0;
190
+ animation: table-controls 0.2s ease;
191
+ border: 0;
192
+ cursor: pointer;
193
+ }
194
+
195
+ .WebinyLexical__tableAddColumns:hover {
196
+ background-color: #c9dbf0;
197
+ }
198
+ .WebinyLexical__tableAddRows {
199
+ position: absolute;
200
+ bottom: -25px;
201
+ width: calc(100% - 25px);
202
+ background-color: #eee;
203
+ height: 20px;
204
+ left: 0;
205
+ animation: table-controls 0.2s ease;
206
+ border: 0;
207
+ cursor: pointer;
208
+ }
209
+
210
+
211
+ .WebinyLexical__tableAddRows:hover {
212
+ background-color: #c9dbf0;
213
+ }
214
+ @keyframes table-controls {
215
+ 0% {
216
+ opacity: 0;
217
+ }
218
+ 100% {
219
+ opacity: 1;
220
+ }
221
+ }
222
+ .WebinyLexical__tableCellResizeRuler {
223
+ display: block;
224
+ position: absolute;
225
+ width: 1px;
226
+ background-color: rgb(60, 132, 244);
227
+ height: 100%;
228
+ top: 0;
229
+ }
230
+ .WebinyLexical__tableCellActionButtonContainer {
231
+ display: block;
232
+ right: 5px;
233
+ top: 6px;
234
+ position: absolute;
235
+ z-index: 4;
236
+ width: 20px;
237
+ height: 20px;
238
+ }
239
+ .WebinyLexical__tableCellActionButton {
240
+ background-color: #eee;
241
+ display: block;
242
+ border: 0;
243
+ border-radius: 20px;
244
+ width: 20px;
245
+ height: 20px;
246
+ color: #222;
247
+ cursor: pointer;
248
+ }
249
+ .WebinyLexical__tableCellActionButton:hover {
250
+ background-color: #ddd;
251
+ }
252
+ .WebinyLexical__characterLimit {
253
+ display: inline;
254
+ background-color: #ffbbbb !important;
255
+ }
256
+ .WebinyLexical__ol1 {
257
+ list-style: auto;
258
+ padding: 0;
259
+ margin: 0;
260
+ margin-left: 16px;
261
+ list-style-position: inside;
262
+ }
263
+ .WebinyLexical__ol2 {
264
+ list-style: initial;
265
+ padding: 0;
266
+ margin: 0;
267
+ margin-left: 16px;
268
+ list-style-type: upper-alpha;
269
+ list-style-position: inside;
270
+ }
271
+ .WebinyLexical__ol3 {
272
+ list-style: initial;
273
+ list-style: auto;
274
+ padding: 0;
275
+ margin: 0;
276
+ margin-left: 16px;
277
+ list-style-type: lower-alpha;
278
+ list-style-position: inside;
279
+ }
280
+ .WebinyLexical__ol4 {
281
+ list-style: initial;
282
+ padding: 0;
283
+ margin: 0;
284
+ margin-left: 16px;
285
+ list-style-type: upper-roman;
286
+ list-style-position: inside;
287
+ }
288
+ .WebinyLexical__ol5 {
289
+ list-style: initial;
290
+ padding: 0;
291
+ margin: 0;
292
+ margin-left: 16px;
293
+ list-style-type: lower-roman;
294
+ list-style-position: inside;
295
+ }
296
+ .WebinyLexical__ul {
297
+ list-style: initial;
298
+ padding: 0;
299
+ margin: 0;
300
+ margin-left: 16px;
301
+ list-style-position: inside;
302
+ }
303
+ .WebinyLexical__listItem {
304
+ margin: 0 32px;
305
+ }
306
+ .WebinyLexical__listItemChecked,
307
+ .WebinyLexical__listItemUnchecked {
308
+ position: relative;
309
+ margin-left: 8px;
310
+ margin-right: 8px;
311
+ padding-left: 24px;
312
+ padding-right: 24px;
313
+ list-style-type: none;
314
+ outline: none;
315
+ }
316
+ .WebinyLexical__listItemChecked {
317
+ text-decoration: line-through;
318
+ }
319
+ .WebinyLexical__listItemUnchecked:before,
320
+ .WebinyLexical__listItemChecked:before {
321
+ content: '';
322
+ width: 16px;
323
+ height: 16px;
324
+ top: 2px;
325
+ left: 0;
326
+ cursor: pointer;
327
+ display: block;
328
+ background-size: cover;
329
+ position: absolute;
330
+ }
331
+ .WebinyLexical__listItemUnchecked[dir='rtl']:before,
332
+ .WebinyLexical__listItemChecked[dir='rtl']:before {
333
+ left: auto;
334
+ right: 0;
335
+ }
336
+ .WebinyLexical__listItemUnchecked:focus:before,
337
+ .WebinyLexical__listItemChecked:focus:before {
338
+ box-shadow: 0 0 0 2px #a6cdfe;
339
+ border-radius: 2px;
340
+ }
341
+ .WebinyLexical__listItemUnchecked:before {
342
+ border: 1px solid #999;
343
+ border-radius: 2px;
344
+ }
345
+ .WebinyLexical__listItemChecked:before {
346
+ border: 1px solid rgb(61, 135, 245);
347
+ border-radius: 2px;
348
+ background-color: #3d87f5;
349
+ background-repeat: no-repeat;
350
+ }
351
+ .WebinyLexical__listItemChecked:after {
352
+ content: '';
353
+ cursor: pointer;
354
+ border-color: #fff;
355
+ border-style: solid;
356
+ position: absolute;
357
+ display: block;
358
+ top: 6px;
359
+ width: 3px;
360
+ left: 7px;
361
+ height: 6px;
362
+ transform: rotate(45deg);
363
+ border-width: 0 2px 2px 0;
364
+ }
365
+ .WebinyLexical__nestedListItem {
366
+ list-style-type: none;
367
+ }
368
+ .WebinyLexical__nestedListItem:before,
369
+ .WebinyLexical__nestedListItem:after {
370
+ display: none;
371
+ }
372
+ .WebinyLexical__tokenComment {
373
+ color: slategray;
374
+ }
375
+ .WebinyLexical__tokenPunctuation {
376
+ color: #999;
377
+ }
378
+ .WebinyLexical__tokenProperty {
379
+ color: #905;
380
+ }
381
+ .WebinyLexical__tokenSelector {
382
+ color: #690;
383
+ }
384
+ .WebinyLexical__tokenOperator {
385
+ color: #9a6e3a;
386
+ }
387
+ .WebinyLexical__tokenAttr {
388
+ color: #07a;
389
+ }
390
+ .WebinyLexical__tokenVariable {
391
+ color: #e90;
392
+ }
393
+ .WebinyLexical__tokenFunction {
394
+ color: #dd4a68;
395
+ }
396
+ .WebinyLexical__mark {
397
+ background: rgba(255, 212, 0, 0.14);
398
+ border-bottom: 2px solid rgba(255, 212, 0, 0.3);
399
+ padding-bottom: 2px;
400
+ }
401
+ .WebinyLexical__markOverlap {
402
+ background: rgba(255, 212, 0, 0.3);
403
+ border-bottom: 2px solid rgba(255, 212, 0, 0.7);
404
+ }
405
+ .WebinyLexical__mark.selected {
406
+ background: rgba(255, 212, 0, 0.5);
407
+ border-bottom: 2px solid rgba(255, 212, 0, 1);
408
+ }
409
+ .WebinyLexical__markOverlap.selected {
410
+ background: rgba(255, 212, 0, 0.7);
411
+ border-bottom: 2px solid rgba(255, 212, 0, 0.7);
412
+ }
413
+ .WebinyLexical__embedBlock {
414
+ user-select: none;
415
+ }
416
+ .WebinyLexical__embedBlockFocus {
417
+ outline: 2px solid rgb(60, 132, 244);
418
+ }
419
+
420
+ .WebinyLexical__placeholder {
421
+ text-align: left;
422
+ }
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
3
+ *
4
+ * This source code is licensed under the MIT license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ *
7
+ */
8
+ import type { EditorThemeClasses } from "lexical";
9
+ import "./webinyLexicalTheme.css";
10
+ export declare const theme: EditorThemeClasses;
@@ -0,0 +1,107 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.theme = void 0;
7
+ require("./webinyLexicalTheme.css");
8
+ /**
9
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
10
+ *
11
+ * This source code is licensed under the MIT license found in the
12
+ * LICENSE file in the root directory of this source tree.
13
+ *
14
+ */
15
+
16
+ var theme = {
17
+ characterLimit: "WebinyLexical__characterLimit",
18
+ code: "WebinyLexical__code",
19
+ codeHighlight: {
20
+ atrule: "WebinyLexical__tokenAttr",
21
+ attr: "WebinyLexical__tokenAttr",
22
+ boolean: "WebinyLexical__tokenProperty",
23
+ builtin: "WebinyLexical__tokenSelector",
24
+ cdata: "WebinyLexical__tokenComment",
25
+ char: "WebinyLexical__tokenSelector",
26
+ class: "WebinyLexical__tokenFunction",
27
+ "class-name": "WebinyLexical__tokenFunction",
28
+ comment: "WebinyLexical__tokenComment",
29
+ constant: "WebinyLexical__tokenProperty",
30
+ deleted: "WebinyLexical__tokenProperty",
31
+ doctype: "WebinyLexical__tokenComment",
32
+ entity: "WebinyLexical__tokenOperator",
33
+ function: "WebinyLexical__tokenFunction",
34
+ important: "WebinyLexical__tokenVariable",
35
+ inserted: "WebinyLexical__tokenSelector",
36
+ keyword: "WebinyLexical__tokenAttr",
37
+ namespace: "WebinyLexical__tokenVariable",
38
+ number: "WebinyLexical__tokenProperty",
39
+ operator: "WebinyLexical__tokenOperator",
40
+ prolog: "WebinyLexical__tokenComment",
41
+ property: "WebinyLexical__tokenProperty",
42
+ punctuation: "WebinyLexical__tokenPunctuation",
43
+ regex: "WebinyLexical__tokenVariable",
44
+ selector: "WebinyLexical__tokenSelector",
45
+ string: "WebinyLexical__tokenSelector",
46
+ symbol: "WebinyLexical__tokenProperty",
47
+ tag: "WebinyLexical__tokenProperty",
48
+ url: "WebinyLexical__tokenOperator",
49
+ variable: "WebinyLexical__tokenVariable"
50
+ },
51
+ embedBlock: {
52
+ base: "WebinyLexical__embedBlock",
53
+ focus: "WebinyLexical__embedBlockFocus"
54
+ },
55
+ hashtag: "WebinyLexical__hashtag",
56
+ heading: {
57
+ h1: "WebinyLexical__h1",
58
+ h2: "WebinyLexical__h2",
59
+ h3: "WebinyLexical__h3",
60
+ h4: "WebinyLexical__h4",
61
+ h5: "WebinyLexical__h5",
62
+ h6: "WebinyLexical__h6"
63
+ },
64
+ image: "editor-image",
65
+ link: "WebinyLexical__link",
66
+ list: {
67
+ listitem: "WebinyLexical__listItem",
68
+ listitemChecked: "WebinyLexical__listItemChecked",
69
+ listitemUnchecked: "WebinyLexical__listItemUnchecked",
70
+ nested: {
71
+ listitem: "WebinyLexical__nestedListItem"
72
+ },
73
+ olDepth: ["WebinyLexical__ol1", "WebinyLexical__ol2", "WebinyLexical__ol3", "WebinyLexical__ol4", "WebinyLexical__ol5"],
74
+ ul: "WebinyLexical__ul"
75
+ },
76
+ ltr: "WebinyLexical__ltr",
77
+ mark: "WebinyLexical__mark",
78
+ markOverlap: "WebinyLexical__markOverlap",
79
+ paragraph: "WebinyLexical__paragraph",
80
+ quote: "WebinyLexical__quote",
81
+ rtl: "WebinyLexical__rtl",
82
+ table: "WebinyLexical__table",
83
+ tableAddColumns: "WebinyLexical__tableAddColumns",
84
+ tableAddRows: "WebinyLexical__tableAddRows",
85
+ tableCell: "WebinyLexical__tableCell",
86
+ tableCellActionButton: "WebinyLexical__tableCellActionButton",
87
+ tableCellActionButtonContainer: "WebinyLexical__tableCellActionButtonContainer",
88
+ tableCellEditing: "WebinyLexical__tableCellEditing",
89
+ tableCellHeader: "WebinyLexical__tableCellHeader",
90
+ tableCellPrimarySelected: "WebinyLexical__tableCellPrimarySelected",
91
+ tableCellResizer: "WebinyLexical__tableCellResizer",
92
+ tableCellSelected: "WebinyLexical__tableCellSelected",
93
+ tableCellSortedIndicator: "WebinyLexical__tableCellSortedIndicator",
94
+ tableResizeRuler: "WebinyLexical__tableCellResizeRuler",
95
+ tableSelected: "WebinyLexical__tableSelected",
96
+ text: {
97
+ bold: "WebinyLexical__textBold",
98
+ code: "WebinyLexical__textCode",
99
+ italic: "WebinyLexical__textItalic",
100
+ strikethrough: "WebinyLexical__textStrikethrough",
101
+ subscript: "WebinyLexical__textSubscript",
102
+ superscript: "WebinyLexical__textSuperscript",
103
+ underline: "WebinyLexical__textUnderline",
104
+ underlineStrikethrough: "WebinyLexical__textUnderlineStrikethrough"
105
+ }
106
+ };
107
+ exports.theme = theme;
@@ -0,0 +1 @@
1
+ {"version":3,"names":["require","theme","characterLimit","code","codeHighlight","atrule","attr","boolean","builtin","cdata","char","class","comment","constant","deleted","doctype","entity","function","important","inserted","keyword","namespace","number","operator","prolog","property","punctuation","regex","selector","string","symbol","tag","url","variable","embedBlock","base","focus","hashtag","heading","h1","h2","h3","h4","h5","h6","image","link","list","listitem","listitemChecked","listitemUnchecked","nested","olDepth","ul","ltr","mark","markOverlap","paragraph","quote","rtl","table","tableAddColumns","tableAddRows","tableCell","tableCellActionButton","tableCellActionButtonContainer","tableCellEditing","tableCellHeader","tableCellPrimarySelected","tableCellResizer","tableCellSelected","tableCellSortedIndicator","tableResizeRuler","tableSelected","text","bold","italic","strikethrough","subscript","superscript","underline","underlineStrikethrough","exports"],"sources":["webinyLexicalTheme.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { EditorThemeClasses } from \"lexical\";\n\nimport \"./webinyLexicalTheme.css\";\n\nexport const theme: EditorThemeClasses = {\n characterLimit: \"WebinyLexical__characterLimit\",\n code: \"WebinyLexical__code\",\n codeHighlight: {\n atrule: \"WebinyLexical__tokenAttr\",\n attr: \"WebinyLexical__tokenAttr\",\n boolean: \"WebinyLexical__tokenProperty\",\n builtin: \"WebinyLexical__tokenSelector\",\n cdata: \"WebinyLexical__tokenComment\",\n char: \"WebinyLexical__tokenSelector\",\n class: \"WebinyLexical__tokenFunction\",\n \"class-name\": \"WebinyLexical__tokenFunction\",\n comment: \"WebinyLexical__tokenComment\",\n constant: \"WebinyLexical__tokenProperty\",\n deleted: \"WebinyLexical__tokenProperty\",\n doctype: \"WebinyLexical__tokenComment\",\n entity: \"WebinyLexical__tokenOperator\",\n function: \"WebinyLexical__tokenFunction\",\n important: \"WebinyLexical__tokenVariable\",\n inserted: \"WebinyLexical__tokenSelector\",\n keyword: \"WebinyLexical__tokenAttr\",\n namespace: \"WebinyLexical__tokenVariable\",\n number: \"WebinyLexical__tokenProperty\",\n operator: \"WebinyLexical__tokenOperator\",\n prolog: \"WebinyLexical__tokenComment\",\n property: \"WebinyLexical__tokenProperty\",\n punctuation: \"WebinyLexical__tokenPunctuation\",\n regex: \"WebinyLexical__tokenVariable\",\n selector: \"WebinyLexical__tokenSelector\",\n string: \"WebinyLexical__tokenSelector\",\n symbol: \"WebinyLexical__tokenProperty\",\n tag: \"WebinyLexical__tokenProperty\",\n url: \"WebinyLexical__tokenOperator\",\n variable: \"WebinyLexical__tokenVariable\"\n },\n embedBlock: {\n base: \"WebinyLexical__embedBlock\",\n focus: \"WebinyLexical__embedBlockFocus\"\n },\n hashtag: \"WebinyLexical__hashtag\",\n heading: {\n h1: \"WebinyLexical__h1\",\n h2: \"WebinyLexical__h2\",\n h3: \"WebinyLexical__h3\",\n h4: \"WebinyLexical__h4\",\n h5: \"WebinyLexical__h5\",\n h6: \"WebinyLexical__h6\"\n },\n image: \"editor-image\",\n link: \"WebinyLexical__link\",\n list: {\n listitem: \"WebinyLexical__listItem\",\n listitemChecked: \"WebinyLexical__listItemChecked\",\n listitemUnchecked: \"WebinyLexical__listItemUnchecked\",\n nested: {\n listitem: \"WebinyLexical__nestedListItem\"\n },\n olDepth: [\n \"WebinyLexical__ol1\",\n \"WebinyLexical__ol2\",\n \"WebinyLexical__ol3\",\n \"WebinyLexical__ol4\",\n \"WebinyLexical__ol5\"\n ],\n ul: \"WebinyLexical__ul\"\n },\n ltr: \"WebinyLexical__ltr\",\n mark: \"WebinyLexical__mark\",\n markOverlap: \"WebinyLexical__markOverlap\",\n paragraph: \"WebinyLexical__paragraph\",\n quote: \"WebinyLexical__quote\",\n rtl: \"WebinyLexical__rtl\",\n table: \"WebinyLexical__table\",\n tableAddColumns: \"WebinyLexical__tableAddColumns\",\n tableAddRows: \"WebinyLexical__tableAddRows\",\n tableCell: \"WebinyLexical__tableCell\",\n tableCellActionButton: \"WebinyLexical__tableCellActionButton\",\n tableCellActionButtonContainer: \"WebinyLexical__tableCellActionButtonContainer\",\n tableCellEditing: \"WebinyLexical__tableCellEditing\",\n tableCellHeader: \"WebinyLexical__tableCellHeader\",\n tableCellPrimarySelected: \"WebinyLexical__tableCellPrimarySelected\",\n tableCellResizer: \"WebinyLexical__tableCellResizer\",\n tableCellSelected: \"WebinyLexical__tableCellSelected\",\n tableCellSortedIndicator: \"WebinyLexical__tableCellSortedIndicator\",\n tableResizeRuler: \"WebinyLexical__tableCellResizeRuler\",\n tableSelected: \"WebinyLexical__tableSelected\",\n text: {\n bold: \"WebinyLexical__textBold\",\n code: \"WebinyLexical__textCode\",\n italic: \"WebinyLexical__textItalic\",\n strikethrough: \"WebinyLexical__textStrikethrough\",\n subscript: \"WebinyLexical__textSubscript\",\n superscript: \"WebinyLexical__textSuperscript\",\n underline: \"WebinyLexical__textUnderline\",\n underlineStrikethrough: \"WebinyLexical__textUnderlineStrikethrough\"\n }\n};\n"],"mappings":"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"}
package/types.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare type ToolbarType = "heading" | "paragraph" | string;
2
+ export declare type LexicalValue = string;
package/types.js ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
package/types.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type ToolbarType = \"heading\" | \"paragraph\" | string;\nexport type LexicalValue = string;\n"],"mappings":""}
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare function Divider(): JSX.Element;
package/ui/Divider.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.Divider = Divider;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ function Divider() {
10
+ return /*#__PURE__*/_react.default.createElement("div", {
11
+ className: "divider"
12
+ });
13
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","Divider","default","createElement","className"],"sources":["Divider.tsx"],"sourcesContent":["import React from \"react\";\n\nexport function Divider(): JSX.Element {\n return <div className=\"divider\"></div>;\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,SAASC,OAAOA,CAAA,EAAgB;EACnC,oBAAOH,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAS,EAAO;AAC1C"}
@@ -0,0 +1,25 @@
1
+ /**
2
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
3
+ *
4
+ * This source code is licensed under the MIT license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ *
7
+ */
8
+ /// <reference types="web" />
9
+ import { ReactNode } from "react";
10
+ import * as React from "react";
11
+ export declare function DropDownItem({ children, className, onClick, title }: {
12
+ children: React.ReactNode;
13
+ className: string;
14
+ onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
15
+ title?: string;
16
+ }): JSX.Element;
17
+ export declare function DropDown({ disabled, buttonLabel, buttonAriaLabel, buttonClassName, buttonIconClassName, children, stopCloseOnClickSelf }: {
18
+ disabled?: boolean;
19
+ buttonAriaLabel?: string;
20
+ buttonClassName: string;
21
+ buttonIconClassName?: string;
22
+ buttonLabel?: string;
23
+ children: ReactNode;
24
+ stopCloseOnClickSelf?: boolean;
25
+ }): JSX.Element;