@pie-lib/editable-html 9.2.6-next.4 → 9.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/lib/editor.js.map +1 -1
  3. package/lib/index.js.map +1 -1
  4. package/lib/parse-html.js.map +1 -1
  5. package/lib/plugins/characters/custom-popper.js.map +1 -1
  6. package/lib/plugins/characters/index.js.map +1 -1
  7. package/lib/plugins/characters/utils.js.map +1 -1
  8. package/lib/plugins/image/alt-dialog.js.map +1 -1
  9. package/lib/plugins/image/component.js.map +1 -1
  10. package/lib/plugins/image/image-toolbar.js.map +1 -1
  11. package/lib/plugins/image/index.js.map +1 -1
  12. package/lib/plugins/index.js.map +1 -1
  13. package/lib/plugins/list/index.js.map +1 -1
  14. package/lib/plugins/math/index.js +1 -1
  15. package/lib/plugins/math/index.js.map +1 -1
  16. package/lib/plugins/media/index.js.map +1 -1
  17. package/lib/plugins/media/media-dialog.js.map +1 -1
  18. package/lib/plugins/media/media-toolbar.js.map +1 -1
  19. package/lib/plugins/media/media-wrapper.js.map +1 -1
  20. package/lib/plugins/respArea/drag-in-the-blank/choice.js.map +1 -1
  21. package/lib/plugins/respArea/drag-in-the-blank/index.js.map +1 -1
  22. package/lib/plugins/respArea/explicit-constructed-response/index.js.map +1 -1
  23. package/lib/plugins/respArea/icons/index.js.map +1 -1
  24. package/lib/plugins/respArea/index.js.map +1 -1
  25. package/lib/plugins/respArea/inline-dropdown/index.js.map +1 -1
  26. package/lib/plugins/respArea/utils.js.map +1 -1
  27. package/lib/plugins/table/icons/index.js.map +1 -1
  28. package/lib/plugins/table/index.js.map +1 -1
  29. package/lib/plugins/table/table-toolbar.js.map +1 -1
  30. package/lib/plugins/toolbar/default-toolbar.js.map +1 -1
  31. package/lib/plugins/toolbar/done-button.js.map +1 -1
  32. package/lib/plugins/toolbar/editor-and-toolbar.js.map +1 -1
  33. package/lib/plugins/toolbar/index.js.map +1 -1
  34. package/lib/plugins/toolbar/toolbar-buttons.js.map +1 -1
  35. package/lib/plugins/toolbar/toolbar.js.map +1 -1
  36. package/lib/plugins/utils.js.map +1 -1
  37. package/lib/serialization.js.map +1 -1
  38. package/package.json +6 -6
  39. package/playground/image/data.js +20 -20
  40. package/playground/image/index.html +20 -22
  41. package/playground/image/index.jsx +7 -12
  42. package/playground/index.html +23 -25
  43. package/playground/mathquill/index.html +20 -23
  44. package/playground/mathquill/index.jsx +7 -18
  45. package/playground/prod-test/index.html +20 -24
  46. package/playground/prod-test/index.jsx +2 -5
  47. package/playground/schema-override/data.js +10 -10
  48. package/playground/schema-override/image-plugin.jsx +3 -3
  49. package/playground/schema-override/index.html +19 -21
  50. package/playground/schema-override/index.jsx +12 -12
  51. package/playground/serialization/data.js +10 -10
  52. package/playground/serialization/image-plugin.jsx +3 -3
  53. package/playground/serialization/index.html +20 -22
  54. package/playground/table-examples.html +8 -5
  55. package/playground/webpack.config.js +10 -10
  56. package/src/editor.jsx +77 -101
  57. package/src/index.jsx +11 -18
  58. package/src/parse-html.js +1 -1
  59. package/src/plugins/characters/custom-popper.js +7 -7
  60. package/src/plugins/characters/index.jsx +19 -25
  61. package/src/plugins/characters/utils.js +81 -81
  62. package/src/plugins/image/alt-dialog.jsx +3 -3
  63. package/src/plugins/image/component.jsx +42 -46
  64. package/src/plugins/image/image-toolbar.jsx +14 -26
  65. package/src/plugins/image/index.jsx +21 -23
  66. package/src/plugins/index.jsx +10 -12
  67. package/src/plugins/list/index.jsx +10 -10
  68. package/src/plugins/math/index.jsx +28 -31
  69. package/src/plugins/media/index.jsx +21 -21
  70. package/src/plugins/media/media-dialog.js +60 -86
  71. package/src/plugins/media/media-toolbar.jsx +6 -6
  72. package/src/plugins/media/media-wrapper.jsx +6 -6
  73. package/src/plugins/respArea/drag-in-the-blank/choice.jsx +19 -21
  74. package/src/plugins/respArea/drag-in-the-blank/index.jsx +10 -12
  75. package/src/plugins/respArea/explicit-constructed-response/index.jsx +5 -5
  76. package/src/plugins/respArea/icons/index.jsx +8 -8
  77. package/src/plugins/respArea/index.jsx +21 -31
  78. package/src/plugins/respArea/inline-dropdown/index.jsx +6 -6
  79. package/src/plugins/respArea/utils.jsx +12 -12
  80. package/src/plugins/table/icons/index.jsx +11 -17
  81. package/src/plugins/table/index.jsx +43 -49
  82. package/src/plugins/table/table-toolbar.jsx +8 -13
  83. package/src/plugins/toolbar/default-toolbar.jsx +11 -19
  84. package/src/plugins/toolbar/done-button.jsx +4 -4
  85. package/src/plugins/toolbar/editor-and-toolbar.jsx +39 -47
  86. package/src/plugins/toolbar/index.jsx +2 -2
  87. package/src/plugins/toolbar/toolbar-buttons.jsx +11 -11
  88. package/src/plugins/toolbar/toolbar.jsx +34 -47
  89. package/src/plugins/utils.js +4 -5
  90. package/src/serialization.jsx +32 -32
@@ -3,8 +3,8 @@ export const spanishConfig = {
3
3
  ['á', 'é', 'í', 'ó', 'ú'],
4
4
  ['Á', 'É', 'Í', 'Ó', 'Ú'],
5
5
  ['—', '«', '»', 'ñ', 'ü'],
6
- ['-', '¿', '¡', 'Ñ', 'Ü']
7
- ]
6
+ ['-', '¿', '¡', 'Ñ', 'Ü'],
7
+ ],
8
8
  };
9
9
 
10
10
  export const specialConfig = {
@@ -15,433 +15,433 @@ export const specialConfig = {
15
15
  unicode: 'U+00A2',
16
16
  description: 'CENT SIGN',
17
17
  write: '¢',
18
- label: '¢'
18
+ label: '¢',
19
19
  },
20
20
  {
21
21
  unicode: 'U+00BF',
22
22
  description: 'INVERTED QUESTION MARK',
23
23
  write: '¿',
24
- label: '¿'
24
+ label: '¿',
25
25
  },
26
26
  {
27
27
  unicode: 'U+00B4',
28
28
  description: 'ACUTE ACCENT',
29
29
  write: '´',
30
30
  label: '´',
31
- extraProps: { style: { gridRow: 'span 2' } }
31
+ extraProps: { style: { gridRow: 'span 2' } },
32
32
  },
33
33
  {
34
34
  unicode: 'U+00E1',
35
35
  description: 'LATIN SMALL LETTER A WITH ACUTE',
36
36
  write: 'á',
37
- label: 'á'
37
+ label: 'á',
38
38
  },
39
39
  {
40
40
  unicode: 'U+00E9',
41
41
  description: 'LATIN SMALL LETTER E WITH ACUTE',
42
42
  write: 'é',
43
- label: 'é'
43
+ label: 'é',
44
44
  },
45
45
  {
46
46
  unicode: 'U+00ED',
47
47
  description: 'LATIN SMALL LETTER I WITH ACUTE',
48
48
  write: 'í',
49
- label: 'í'
49
+ label: 'í',
50
50
  },
51
51
  {
52
52
  unicode: 'U+00F3',
53
53
  description: 'LATIN SMALL LETTER O WITH ACUTE',
54
54
  write: 'ó',
55
- label: 'ó'
55
+ label: 'ó',
56
56
  },
57
57
  {
58
58
  unicode: 'U+00FA',
59
59
  description: 'LATIN SMALL LETTER U WITH ACUTE',
60
60
  write: 'ú',
61
- label: 'ú'
61
+ label: 'ú',
62
62
  },
63
63
  {
64
64
  unicode: 'U+00F1',
65
65
  description: 'LATIN SMALL LETTER N WITH TILDE',
66
66
  write: 'ñ',
67
- label: 'ñ'
68
- }
67
+ label: 'ñ',
68
+ },
69
69
  ],
70
70
  [
71
71
  {
72
72
  unicode: 'U+20AC',
73
73
  description: 'EURO SIGN',
74
74
  write: '€',
75
- label: '€'
75
+ label: '€',
76
76
  },
77
77
  {
78
78
  unicode: 'U+00A1',
79
79
  description: 'INVERTED EXCLAMATION MARK',
80
80
  write: '¡',
81
- label: '¡'
81
+ label: '¡',
82
82
  },
83
83
  {
84
84
  unicode: 'U+00C1',
85
85
  description: 'LATIN CAPITAL LETTER A WITH ACUTE',
86
86
  write: 'Á',
87
- label: 'Á'
87
+ label: 'Á',
88
88
  },
89
89
  {
90
90
  unicode: 'U+00C9',
91
91
  description: 'LATIN CAPITAL LETTER E WITH ACUTE',
92
92
  write: 'É',
93
- label: 'É'
93
+ label: 'É',
94
94
  },
95
95
  {
96
96
  unicode: 'U+00CD',
97
97
  description: 'LATIN CAPITAL LETTER I WITH ACUTE',
98
98
  write: 'Í',
99
- label: 'Í'
99
+ label: 'Í',
100
100
  },
101
101
  {
102
102
  unicode: 'U+00D3',
103
103
  description: 'LATIN CAPITAL LETTER O WITH ACUTE',
104
104
  write: 'Ó',
105
- label: 'Ó'
105
+ label: 'Ó',
106
106
  },
107
107
  {
108
108
  unicode: 'U+00DA',
109
109
  description: 'LATIN CAPITAL LETTER U WITH ACUTE',
110
110
  write: 'Ú',
111
- label: 'Ú'
111
+ label: 'Ú',
112
112
  },
113
113
  {
114
114
  unicode: 'U+00D1',
115
115
  description: 'LATIN CAPITAL LETTER N WITH TILDE',
116
116
  write: 'Ñ',
117
- label: 'Ñ'
118
- }
117
+ label: 'Ñ',
118
+ },
119
119
  ],
120
120
  [
121
121
  {
122
122
  unicode: 'U+00A3',
123
123
  description: 'POUND SIGN',
124
124
  write: '£',
125
- label: '£'
125
+ label: '£',
126
126
  },
127
127
  {
128
128
  unicode: 'U+00AB',
129
129
  description: 'LEFT-POINTING DOUBLE ANGLE QUOTATION MARK',
130
130
  write: '«',
131
- label: '«'
131
+ label: '«',
132
132
  },
133
133
  {
134
134
  unicode: 'U+005E',
135
135
  description: 'CIRCUMFLEX ACCENT',
136
136
  write: '^',
137
137
  label: '^',
138
- extraProps: { style: { gridRow: 'span 2' } }
138
+ extraProps: { style: { gridRow: 'span 2' } },
139
139
  },
140
140
  {
141
141
  unicode: 'U+00E2',
142
142
  description: 'LATIN SMALL LETTER A WITH CIRCUMFLEX',
143
143
  write: 'â',
144
- label: 'â'
144
+ label: 'â',
145
145
  },
146
146
  {
147
147
  unicode: 'U+00EA',
148
148
  description: 'LATIN SMALL LETTER E WITH CIRCUMFLEX',
149
149
  write: 'ê',
150
- label: 'ê'
150
+ label: 'ê',
151
151
  },
152
152
  {
153
153
  unicode: 'U+00EE',
154
154
  description: 'LATIN SMALL LETTER I WITH CIRCUMFLEX',
155
155
  write: 'î',
156
- label: 'î'
156
+ label: 'î',
157
157
  },
158
158
  {
159
159
  unicode: 'U+00F4',
160
160
  description: 'LATIN SMALL LETTER O WITH CIRCUMFLEX',
161
161
  write: 'ô',
162
- label: 'ô'
162
+ label: 'ô',
163
163
  },
164
164
  {
165
165
  unicode: 'U+00FB',
166
166
  description: 'LATIN SMALL LETTER U WITH CIRCUMFLEX',
167
167
  write: 'û',
168
- label: 'û'
168
+ label: 'û',
169
169
  },
170
170
  {
171
171
  unicode: 'U+00E7',
172
172
  description: 'LATIN SMALL LETTER C WITH CEDILLA',
173
173
  write: 'ç',
174
- label: 'ç'
175
- }
174
+ label: 'ç',
175
+ },
176
176
  ],
177
177
  [
178
178
  {
179
179
  unicode: 'U+00A5',
180
180
  description: 'YEN SIGN',
181
181
  write: '¥',
182
- label: '¥'
182
+ label: '¥',
183
183
  },
184
184
  {
185
185
  unicode: 'U+00BB',
186
186
  description: 'RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK',
187
187
  write: '»',
188
- label: '»'
188
+ label: '»',
189
189
  },
190
190
  {
191
191
  unicode: 'U+00C2',
192
192
  description: 'LATIN CAPITAL LETTER A WITH CIRCUMFLEX',
193
193
  write: 'Â',
194
- label: 'Â'
194
+ label: 'Â',
195
195
  },
196
196
  {
197
197
  unicode: 'U+00CA',
198
198
  description: 'LATIN CAPITAL LETTER E WITH CIRCUMFLEX',
199
199
  write: 'Ê',
200
- label: 'Ê'
200
+ label: 'Ê',
201
201
  },
202
202
  {
203
203
  unicode: 'U+00CE',
204
204
  description: 'LATIN CAPITAL LETTER I WITH CIRCUMFLEX',
205
205
  write: 'Î',
206
- label: 'Î'
206
+ label: 'Î',
207
207
  },
208
208
  {
209
209
  unicode: 'U+00D4',
210
210
  description: 'LATIN CAPITAL LETTER O WITH CIRCUMFLEX',
211
211
  write: 'Ô',
212
- label: 'Ô'
212
+ label: 'Ô',
213
213
  },
214
214
  {
215
215
  unicode: 'U+00DB',
216
216
  description: 'LATIN CAPITAL LETTER U WITH CIRCUMFLEX',
217
217
  write: 'Û',
218
- label: 'Û'
218
+ label: 'Û',
219
219
  },
220
220
  {
221
221
  unicode: 'U+00C7',
222
222
  description: 'LATIN CAPITAL LETTER C WITH CEDILLA',
223
223
  write: 'Ç',
224
- label: 'Ç'
225
- }
224
+ label: 'Ç',
225
+ },
226
226
  ],
227
227
  [
228
228
  {
229
229
  unicode: 'U+00A0',
230
230
  description: 'NO-BREAK SPACE',
231
231
  write: String.fromCodePoint('0x00A0'),
232
- label: ' '
232
+ label: ' ',
233
233
  },
234
234
  {
235
235
  unicode: 'U+00A7',
236
236
  description: 'SECTION SIGN',
237
237
  write: '§',
238
- label: '§'
238
+ label: '§',
239
239
  },
240
240
  {
241
241
  unicode: 'U+00A8',
242
242
  description: 'DIAERESIS',
243
243
  write: '¨',
244
244
  label: '¨',
245
- extraProps: { style: { gridRow: 'span 2' } }
245
+ extraProps: { style: { gridRow: 'span 2' } },
246
246
  },
247
247
  {
248
248
  unicode: 'U+00E4',
249
249
  description: 'LATIN SMALL LETTER A WITH DIAERESIS',
250
250
  write: 'ä',
251
- label: 'ä'
251
+ label: 'ä',
252
252
  },
253
253
  {
254
254
  unicode: 'U+00EB',
255
255
  description: 'LATIN SMALL LETTER E WITH DIAERESIS',
256
256
  write: 'ë',
257
- label: 'ë'
257
+ label: 'ë',
258
258
  },
259
259
  {
260
260
  unicode: 'U+00EF',
261
261
  description: 'LATIN SMALL LETTER I WITH DIAERESIS',
262
262
  write: 'ï',
263
- label: 'ï'
263
+ label: 'ï',
264
264
  },
265
265
  {
266
266
  unicode: 'U+00F6',
267
267
  description: 'LATIN SMALL LETTER O WITH DIAERESIS',
268
268
  write: 'ö',
269
- label: 'ö'
269
+ label: 'ö',
270
270
  },
271
271
  {
272
272
  unicode: 'U+00FC',
273
273
  description: 'LATIN SMALL LETTER U WITH DIAERESIS',
274
274
  write: 'ü',
275
- label: 'ü'
275
+ label: 'ü',
276
276
  },
277
277
  {
278
278
  unicode: 'U+00DF',
279
279
  description: 'LATIN SMALL LETTER SHARP S',
280
280
  write: 'ß',
281
- label: 'ß'
282
- }
281
+ label: 'ß',
282
+ },
283
283
  ],
284
284
  [
285
285
  {
286
286
  unicode: 'U+2009',
287
287
  description: 'THIN SPACE',
288
288
  write: String.fromCodePoint('0x2009'),
289
- label: ' '
289
+ label: ' ',
290
290
  },
291
291
  {
292
292
  unicode: 'U+2026',
293
293
  description: 'HORIZONTAL ELLIPSIS',
294
294
  write: '…',
295
- label: '…'
295
+ label: '…',
296
296
  },
297
297
  {
298
298
  unicode: 'U+00C4',
299
299
  description: 'LATIN CAPITAL LETTER A WITH DIAERESIS',
300
300
  write: 'Ä',
301
- label: 'Ä'
301
+ label: 'Ä',
302
302
  },
303
303
  {
304
304
  unicode: 'U+00CB',
305
305
  description: 'LATIN CAPITAL LETTER E WITH DIAERESIS',
306
306
  write: 'Ë',
307
- label: 'Ë'
307
+ label: 'Ë',
308
308
  },
309
309
  {
310
310
  unicode: 'U+00CF',
311
311
  description: 'LATIN CAPITAL LETTER I WITH DIAERESIS',
312
312
  write: 'Ï',
313
- label: 'Ï'
313
+ label: 'Ï',
314
314
  },
315
315
  {
316
316
  unicode: 'U+00D6',
317
317
  description: 'LATIN CAPITAL LETTER O WITH DIAERESIS',
318
318
  write: 'Ö',
319
- label: 'Ö'
319
+ label: 'Ö',
320
320
  },
321
321
  {
322
322
  unicode: 'U+00DC',
323
323
  description: 'LATIN CAPITAL LETTER U WITH DIAERESIS',
324
324
  write: 'Ü',
325
- label: 'Ü'
325
+ label: 'Ü',
326
326
  },
327
327
  {
328
328
  unicode: 'U+2212',
329
329
  description: 'MINUS SIGN',
330
330
  write: '−',
331
- label: '−'
332
- }
331
+ label: '−',
332
+ },
333
333
  ],
334
334
  [
335
335
  {
336
336
  unicode: 'U+200A',
337
337
  description: 'HAIR SPACE',
338
338
  write: String.fromCodePoint('0x200A'),
339
- label: ' '
339
+ label: ' ',
340
340
  },
341
341
  {
342
342
  unicode: 'U+2022',
343
343
  description: 'BULLET',
344
344
  write: '•',
345
- label: '•'
345
+ label: '•',
346
346
  },
347
347
  {
348
348
  unicode: 'U+0060',
349
349
  description: 'GRAVE ACCENT',
350
350
  write: '`',
351
351
  label: '`',
352
- extraProps: { style: { gridRow: 'span 2' } }
352
+ extraProps: { style: { gridRow: 'span 2' } },
353
353
  },
354
354
  {
355
355
  unicode: 'U+00E0',
356
356
  description: 'LATIN SMALL LETTER A WITH GRAVE',
357
357
  write: 'à',
358
- label: 'à'
358
+ label: 'à',
359
359
  },
360
360
  {
361
361
  unicode: 'U+00E8',
362
362
  description: 'LATIN SMALL LETTER E WITH GRAVE',
363
363
  write: 'è',
364
- label: 'è'
364
+ label: 'è',
365
365
  },
366
366
  {
367
367
  unicode: 'U+00EC',
368
368
  description: 'LATIN SMALL LETTER I WITH GRAVE',
369
369
  write: 'ì',
370
- label: 'ì'
370
+ label: 'ì',
371
371
  },
372
372
  {
373
373
  unicode: 'U+00F2',
374
374
  description: 'LATIN SMALL LETTER O WITH GRAVE',
375
375
  write: 'ò',
376
- label: 'ò'
376
+ label: 'ò',
377
377
  },
378
378
  {
379
379
  unicode: 'U+00F9',
380
380
  description: 'LATIN SMALL LETTER U WITH GRAVE',
381
381
  write: 'ù',
382
- label: 'ù'
382
+ label: 'ù',
383
383
  },
384
384
  {
385
385
  unicode: 'U+2013',
386
386
  description: 'EN DASH',
387
387
  write: '–',
388
- label: '–'
389
- }
388
+ label: '–',
389
+ },
390
390
  ],
391
391
  [
392
392
  {
393
393
  unicode: 'U+0009',
394
394
  description: 'TAB',
395
395
  write: String.fromCodePoint('0x0009'),
396
- label: 'TAB'
396
+ label: 'TAB',
397
397
  },
398
398
  {
399
399
  unicode: 'U+25E6',
400
400
  description: 'WHITE BULLET',
401
401
  write: '◦',
402
- label: '◦'
402
+ label: '◦',
403
403
  },
404
404
  {
405
405
  unicode: 'U+00C0',
406
406
  description: 'LATIN CAPITAL LETTER A WITH GRAVE',
407
407
  write: 'À',
408
- label: 'À'
408
+ label: 'À',
409
409
  },
410
410
  {
411
411
  unicode: 'U+00C8',
412
412
  description: 'LATIN CAPITAL LETTER E WITH GRAVE',
413
413
  write: 'È',
414
- label: 'È'
414
+ label: 'È',
415
415
  },
416
416
  {
417
417
  unicode: 'U+00CC',
418
418
  description: 'LATIN CAPITAL LETTER I WITH GRAVE',
419
419
  write: 'Ì',
420
- label: 'Ì'
420
+ label: 'Ì',
421
421
  },
422
422
  {
423
423
  unicode: 'U+00D2',
424
424
  description: 'LATIN CAPITAL LETTER O WITH GRAVE',
425
425
  write: 'Ò',
426
- label: 'Ò'
426
+ label: 'Ò',
427
427
  },
428
428
  {
429
429
  unicode: 'U+00D9',
430
430
  description: 'LATIN CAPITAL LETTER U WITH GRAVE',
431
431
  write: 'Ù',
432
- label: 'Ù'
432
+ label: 'Ù',
433
433
  },
434
434
  {
435
435
  unicode: 'U+2014',
436
436
  description: 'EM DASH',
437
437
  write: '—',
438
- label: '—'
439
- }
440
- ]
441
- ]
438
+ label: '—',
439
+ },
440
+ ],
441
+ ],
442
442
  };
443
443
 
444
444
  export const characterIcons = {
445
445
  spanish: 'ñ',
446
- special: '€'
446
+ special: '€',
447
447
  };
@@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
10
10
  export class AltDialog extends React.Component {
11
11
  static propTypes = {
12
12
  onDone: PropTypes.func.isRequired,
13
- alt: PropTypes.string
13
+ alt: PropTypes.string,
14
14
  };
15
15
 
16
16
  constructor(props) {
@@ -19,7 +19,7 @@ export class AltDialog extends React.Component {
19
19
  const { alt } = props;
20
20
 
21
21
  this.state = {
22
- value: alt
22
+ value: alt,
23
23
  };
24
24
  }
25
25
 
@@ -54,7 +54,7 @@ export class AltDialog extends React.Component {
54
54
  'Users with visual limitations rely on Alt Text, since screen readers cannot otherwise describe the contents of an image.'
55
55
  }
56
56
  value={value}
57
- onChange={event => this.setState({ value: event.target.value })}
57
+ onChange={(event) => this.setState({ value: event.target.value })}
58
58
  FormHelperTextProps={{ style: { fontSize: 14 } }}
59
59
  />
60
60
  </div>