@ckeditor/ckeditor5-table 40.0.0 → 40.2.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.
Files changed (171) hide show
  1. package/CHANGELOG.md +15 -15
  2. package/LICENSE.md +3 -3
  3. package/build/table.js +1 -1
  4. package/build/translations/fi.js +1 -1
  5. package/lang/translations/fi.po +3 -3
  6. package/package.json +2 -2
  7. package/src/augmentation.d.ts +76 -76
  8. package/src/augmentation.js +5 -5
  9. package/src/commands/insertcolumncommand.d.ts +55 -55
  10. package/src/commands/insertcolumncommand.js +67 -67
  11. package/src/commands/insertrowcommand.d.ts +54 -54
  12. package/src/commands/insertrowcommand.js +66 -66
  13. package/src/commands/inserttablecommand.d.ts +44 -44
  14. package/src/commands/inserttablecommand.js +69 -69
  15. package/src/commands/mergecellcommand.d.ts +68 -68
  16. package/src/commands/mergecellcommand.js +198 -198
  17. package/src/commands/mergecellscommand.d.ts +28 -28
  18. package/src/commands/mergecellscommand.js +94 -94
  19. package/src/commands/removecolumncommand.d.ts +29 -29
  20. package/src/commands/removecolumncommand.js +109 -109
  21. package/src/commands/removerowcommand.d.ts +29 -29
  22. package/src/commands/removerowcommand.js +82 -82
  23. package/src/commands/selectcolumncommand.d.ts +33 -33
  24. package/src/commands/selectcolumncommand.js +60 -60
  25. package/src/commands/selectrowcommand.d.ts +33 -33
  26. package/src/commands/selectrowcommand.js +56 -56
  27. package/src/commands/setheadercolumncommand.d.ts +50 -50
  28. package/src/commands/setheadercolumncommand.js +71 -71
  29. package/src/commands/setheaderrowcommand.d.ts +53 -53
  30. package/src/commands/setheaderrowcommand.js +79 -79
  31. package/src/commands/splitcellcommand.d.ts +43 -43
  32. package/src/commands/splitcellcommand.js +54 -54
  33. package/src/converters/downcast.d.ts +63 -63
  34. package/src/converters/downcast.js +146 -146
  35. package/src/converters/table-caption-post-fixer.d.ts +20 -20
  36. package/src/converters/table-caption-post-fixer.js +53 -53
  37. package/src/converters/table-cell-paragraph-post-fixer.d.ts +32 -32
  38. package/src/converters/table-cell-paragraph-post-fixer.js +107 -107
  39. package/src/converters/table-cell-refresh-handler.d.ts +18 -18
  40. package/src/converters/table-cell-refresh-handler.js +45 -45
  41. package/src/converters/table-headings-refresh-handler.d.ts +17 -17
  42. package/src/converters/table-headings-refresh-handler.js +49 -49
  43. package/src/converters/table-layout-post-fixer.d.ts +226 -226
  44. package/src/converters/table-layout-post-fixer.js +367 -367
  45. package/src/converters/tableproperties.d.ts +54 -54
  46. package/src/converters/tableproperties.js +159 -159
  47. package/src/converters/upcasttable.d.ts +49 -49
  48. package/src/converters/upcasttable.js +243 -243
  49. package/src/index.d.ts +60 -60
  50. package/src/index.js +30 -30
  51. package/src/plaintableoutput.d.ts +26 -26
  52. package/src/plaintableoutput.js +123 -123
  53. package/src/table.d.ts +40 -40
  54. package/src/table.js +44 -44
  55. package/src/tablecaption/tablecaptionediting.d.ts +63 -63
  56. package/src/tablecaption/tablecaptionediting.js +122 -122
  57. package/src/tablecaption/tablecaptionui.d.ts +21 -21
  58. package/src/tablecaption/tablecaptionui.js +57 -57
  59. package/src/tablecaption/toggletablecaptioncommand.d.ts +68 -68
  60. package/src/tablecaption/toggletablecaptioncommand.js +105 -104
  61. package/src/tablecaption/utils.d.ts +38 -42
  62. package/src/tablecaption/utils.js +57 -67
  63. package/src/tablecaption.d.ts +24 -24
  64. package/src/tablecaption.js +28 -28
  65. package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.d.ts +32 -32
  66. package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.js +30 -30
  67. package/src/tablecellproperties/commands/tablecellbordercolorcommand.d.ts +37 -37
  68. package/src/tablecellproperties/commands/tablecellbordercolorcommand.js +44 -44
  69. package/src/tablecellproperties/commands/tablecellborderstylecommand.d.ts +37 -37
  70. package/src/tablecellproperties/commands/tablecellborderstylecommand.js +44 -44
  71. package/src/tablecellproperties/commands/tablecellborderwidthcommand.d.ts +51 -51
  72. package/src/tablecellproperties/commands/tablecellborderwidthcommand.js +64 -64
  73. package/src/tablecellproperties/commands/tablecellheightcommand.d.ts +46 -46
  74. package/src/tablecellproperties/commands/tablecellheightcommand.js +51 -51
  75. package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.d.ts +32 -32
  76. package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.js +30 -30
  77. package/src/tablecellproperties/commands/tablecellpaddingcommand.d.ts +51 -51
  78. package/src/tablecellproperties/commands/tablecellpaddingcommand.js +64 -64
  79. package/src/tablecellproperties/commands/tablecellpropertycommand.d.ts +62 -62
  80. package/src/tablecellproperties/commands/tablecellpropertycommand.js +92 -92
  81. package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.d.ts +40 -40
  82. package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.js +38 -38
  83. package/src/tablecellproperties/tablecellpropertiesediting.d.ts +43 -43
  84. package/src/tablecellproperties/tablecellpropertiesediting.js +241 -241
  85. package/src/tablecellproperties/tablecellpropertiesui.d.ts +112 -112
  86. package/src/tablecellproperties/tablecellpropertiesui.js +330 -330
  87. package/src/tablecellproperties/ui/tablecellpropertiesview.d.ts +228 -228
  88. package/src/tablecellproperties/ui/tablecellpropertiesview.js +548 -548
  89. package/src/tablecellproperties.d.ts +30 -30
  90. package/src/tablecellproperties.js +34 -34
  91. package/src/tablecellwidth/commands/tablecellwidthcommand.d.ts +46 -46
  92. package/src/tablecellwidth/commands/tablecellwidthcommand.js +51 -51
  93. package/src/tablecellwidth/tablecellwidthediting.d.ts +29 -29
  94. package/src/tablecellwidth/tablecellwidthediting.js +45 -45
  95. package/src/tableclipboard.d.ts +65 -65
  96. package/src/tableclipboard.js +450 -450
  97. package/src/tablecolumnresize/constants.d.ts +20 -20
  98. package/src/tablecolumnresize/constants.js +20 -20
  99. package/src/tablecolumnresize/converters.d.ts +18 -18
  100. package/src/tablecolumnresize/converters.js +46 -46
  101. package/src/tablecolumnresize/tablecolumnresizeediting.d.ts +139 -139
  102. package/src/tablecolumnresize/tablecolumnresizeediting.js +583 -583
  103. package/src/tablecolumnresize/tablewidthscommand.d.ts +38 -38
  104. package/src/tablecolumnresize/tablewidthscommand.js +61 -61
  105. package/src/tablecolumnresize/utils.d.ts +148 -148
  106. package/src/tablecolumnresize/utils.js +358 -358
  107. package/src/tablecolumnresize.d.ts +26 -26
  108. package/src/tablecolumnresize.js +30 -30
  109. package/src/tableconfig.d.ts +343 -343
  110. package/src/tableconfig.js +5 -5
  111. package/src/tableediting.d.ts +98 -98
  112. package/src/tableediting.js +191 -191
  113. package/src/tablekeyboard.d.ts +68 -68
  114. package/src/tablekeyboard.js +279 -279
  115. package/src/tablemouse/mouseeventsobserver.d.ts +62 -62
  116. package/src/tablemouse/mouseeventsobserver.js +35 -35
  117. package/src/tablemouse.d.ts +48 -48
  118. package/src/tablemouse.js +172 -172
  119. package/src/tableproperties/commands/tablealignmentcommand.d.ts +32 -32
  120. package/src/tableproperties/commands/tablealignmentcommand.js +30 -30
  121. package/src/tableproperties/commands/tablebackgroundcolorcommand.d.ts +32 -32
  122. package/src/tableproperties/commands/tablebackgroundcolorcommand.js +30 -30
  123. package/src/tableproperties/commands/tablebordercolorcommand.d.ts +37 -37
  124. package/src/tableproperties/commands/tablebordercolorcommand.js +44 -44
  125. package/src/tableproperties/commands/tableborderstylecommand.d.ts +37 -37
  126. package/src/tableproperties/commands/tableborderstylecommand.js +44 -44
  127. package/src/tableproperties/commands/tableborderwidthcommand.d.ts +51 -51
  128. package/src/tableproperties/commands/tableborderwidthcommand.js +64 -64
  129. package/src/tableproperties/commands/tableheightcommand.d.ts +46 -46
  130. package/src/tableproperties/commands/tableheightcommand.js +54 -54
  131. package/src/tableproperties/commands/tablepropertycommand.d.ts +61 -61
  132. package/src/tableproperties/commands/tablepropertycommand.js +81 -80
  133. package/src/tableproperties/commands/tablewidthcommand.d.ts +46 -46
  134. package/src/tableproperties/commands/tablewidthcommand.js +54 -54
  135. package/src/tableproperties/tablepropertiesediting.d.ts +40 -40
  136. package/src/tableproperties/tablepropertiesediting.js +206 -206
  137. package/src/tableproperties/tablepropertiesui.d.ts +114 -114
  138. package/src/tableproperties/tablepropertiesui.js +321 -321
  139. package/src/tableproperties/ui/tablepropertiesview.d.ts +207 -207
  140. package/src/tableproperties/ui/tablepropertiesview.js +466 -466
  141. package/src/tableproperties.d.ts +30 -30
  142. package/src/tableproperties.js +34 -34
  143. package/src/tableselection.d.ts +107 -107
  144. package/src/tableselection.js +297 -297
  145. package/src/tabletoolbar.d.ts +32 -32
  146. package/src/tabletoolbar.js +57 -57
  147. package/src/tableui.d.ts +53 -53
  148. package/src/tableui.js +309 -309
  149. package/src/tableutils.d.ts +448 -448
  150. package/src/tableutils.js +1055 -1055
  151. package/src/tablewalker.d.ts +362 -362
  152. package/src/tablewalker.js +393 -393
  153. package/src/ui/colorinputview.d.ts +140 -140
  154. package/src/ui/colorinputview.js +271 -271
  155. package/src/ui/formrowview.d.ts +61 -61
  156. package/src/ui/formrowview.js +57 -57
  157. package/src/ui/inserttableview.d.ts +77 -77
  158. package/src/ui/inserttableview.js +169 -169
  159. package/src/utils/common.d.ts +46 -42
  160. package/src/utils/common.js +68 -57
  161. package/src/utils/structure.d.ts +245 -245
  162. package/src/utils/structure.js +426 -426
  163. package/src/utils/table-properties.d.ts +67 -67
  164. package/src/utils/table-properties.js +86 -86
  165. package/src/utils/ui/contextualballoon.d.ts +34 -34
  166. package/src/utils/ui/contextualballoon.js +110 -106
  167. package/src/utils/ui/table-properties.d.ts +195 -195
  168. package/src/utils/ui/table-properties.js +362 -362
  169. package/src/utils/ui/widget.d.ts +20 -16
  170. package/src/utils/ui/widget.js +48 -38
  171. package/build/table.js.map +0 -1
@@ -1,107 +1,107 @@
1
- /**
2
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
- */
5
- /**
6
- * Injects a table cell post-fixer into the model which inserts a `paragraph` element into empty table cells.
7
- *
8
- * A table cell must contain at least one block element as a child. An empty table cell will have an empty `paragraph` as a child.
9
- *
10
- * ```xml
11
- * <table>
12
- * <tableRow>
13
- * <tableCell></tableCell>
14
- * </tableRow>
15
- * </table>
16
- * ```
17
- *
18
- * Will be fixed to:
19
- *
20
- * ```xml
21
- * <table>
22
- * <tableRow>
23
- * <tableCell><paragraph></paragraph></tableCell>
24
- * </tableRow>
25
- * </table>
26
- * ```
27
- */
28
- export default function injectTableCellParagraphPostFixer(model) {
29
- model.document.registerPostFixer(writer => tableCellContentsPostFixer(writer, model));
30
- }
31
- /**
32
- * The table cell contents post-fixer.
33
- */
34
- function tableCellContentsPostFixer(writer, model) {
35
- const changes = model.document.differ.getChanges();
36
- let wasFixed = false;
37
- for (const entry of changes) {
38
- if (entry.type == 'insert' && entry.name == 'table') {
39
- wasFixed = fixTable(entry.position.nodeAfter, writer) || wasFixed;
40
- }
41
- if (entry.type == 'insert' && entry.name == 'tableRow') {
42
- wasFixed = fixTableRow(entry.position.nodeAfter, writer) || wasFixed;
43
- }
44
- if (entry.type == 'insert' && entry.name == 'tableCell') {
45
- wasFixed = fixTableCellContent(entry.position.nodeAfter, writer) || wasFixed;
46
- }
47
- if ((entry.type == 'remove' || entry.type == 'insert') && checkTableCellChange(entry)) {
48
- wasFixed = fixTableCellContent(entry.position.parent, writer) || wasFixed;
49
- }
50
- }
51
- return wasFixed;
52
- }
53
- /**
54
- * Fixes all table cells in a table.
55
- */
56
- function fixTable(table, writer) {
57
- let wasFixed = false;
58
- for (const row of table.getChildren()) {
59
- if (row.is('element', 'tableRow')) {
60
- wasFixed = fixTableRow(row, writer) || wasFixed;
61
- }
62
- }
63
- return wasFixed;
64
- }
65
- /**
66
- * Fixes all table cells in a table row.
67
- */
68
- function fixTableRow(tableRow, writer) {
69
- let wasFixed = false;
70
- for (const tableCell of tableRow.getChildren()) {
71
- wasFixed = fixTableCellContent(tableCell, writer) || wasFixed;
72
- }
73
- return wasFixed;
74
- }
75
- /**
76
- * Fixes all table cell content by:
77
- * - Adding a paragraph to a table cell without any child.
78
- * - Wrapping direct $text in a `<paragraph>`.
79
- */
80
- function fixTableCellContent(tableCell, writer) {
81
- // Insert paragraph to an empty table cell.
82
- if (tableCell.childCount == 0) {
83
- // @if CK_DEBUG_TABLE // console.log( 'Post-fixing table: insert paragraph in empty cell.' );
84
- writer.insertElement('paragraph', tableCell);
85
- return true;
86
- }
87
- // Check table cell children for directly placed text nodes.
88
- // Temporary solution. See https://github.com/ckeditor/ckeditor5/issues/1464.
89
- const textNodes = Array.from(tableCell.getChildren()).filter(child => child.is('$text'));
90
- // @if CK_DEBUG_TABLE // textNodes.length && console.log( 'Post-fixing table: wrap cell content with paragraph.' );
91
- for (const child of textNodes) {
92
- writer.wrap(writer.createRangeOn(child), 'paragraph');
93
- }
94
- // Return true when there were text nodes to fix.
95
- return !!textNodes.length;
96
- }
97
- /**
98
- * Checks if a differ change should fix the table cell. This happens on:
99
- * - Removing content from the table cell (i.e. `tableCell` can be left empty).
100
- * - Adding a text node directly into a table cell.
101
- */
102
- function checkTableCellChange(entry) {
103
- if (!entry.position.parent.is('element', 'tableCell')) {
104
- return false;
105
- }
106
- return entry.type == 'insert' && entry.name == '$text' || entry.type == 'remove';
107
- }
1
+ /**
2
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
+ */
5
+ /**
6
+ * Injects a table cell post-fixer into the model which inserts a `paragraph` element into empty table cells.
7
+ *
8
+ * A table cell must contain at least one block element as a child. An empty table cell will have an empty `paragraph` as a child.
9
+ *
10
+ * ```xml
11
+ * <table>
12
+ * <tableRow>
13
+ * <tableCell></tableCell>
14
+ * </tableRow>
15
+ * </table>
16
+ * ```
17
+ *
18
+ * Will be fixed to:
19
+ *
20
+ * ```xml
21
+ * <table>
22
+ * <tableRow>
23
+ * <tableCell><paragraph></paragraph></tableCell>
24
+ * </tableRow>
25
+ * </table>
26
+ * ```
27
+ */
28
+ export default function injectTableCellParagraphPostFixer(model) {
29
+ model.document.registerPostFixer(writer => tableCellContentsPostFixer(writer, model));
30
+ }
31
+ /**
32
+ * The table cell contents post-fixer.
33
+ */
34
+ function tableCellContentsPostFixer(writer, model) {
35
+ const changes = model.document.differ.getChanges();
36
+ let wasFixed = false;
37
+ for (const entry of changes) {
38
+ if (entry.type == 'insert' && entry.name == 'table') {
39
+ wasFixed = fixTable(entry.position.nodeAfter, writer) || wasFixed;
40
+ }
41
+ if (entry.type == 'insert' && entry.name == 'tableRow') {
42
+ wasFixed = fixTableRow(entry.position.nodeAfter, writer) || wasFixed;
43
+ }
44
+ if (entry.type == 'insert' && entry.name == 'tableCell') {
45
+ wasFixed = fixTableCellContent(entry.position.nodeAfter, writer) || wasFixed;
46
+ }
47
+ if ((entry.type == 'remove' || entry.type == 'insert') && checkTableCellChange(entry)) {
48
+ wasFixed = fixTableCellContent(entry.position.parent, writer) || wasFixed;
49
+ }
50
+ }
51
+ return wasFixed;
52
+ }
53
+ /**
54
+ * Fixes all table cells in a table.
55
+ */
56
+ function fixTable(table, writer) {
57
+ let wasFixed = false;
58
+ for (const row of table.getChildren()) {
59
+ if (row.is('element', 'tableRow')) {
60
+ wasFixed = fixTableRow(row, writer) || wasFixed;
61
+ }
62
+ }
63
+ return wasFixed;
64
+ }
65
+ /**
66
+ * Fixes all table cells in a table row.
67
+ */
68
+ function fixTableRow(tableRow, writer) {
69
+ let wasFixed = false;
70
+ for (const tableCell of tableRow.getChildren()) {
71
+ wasFixed = fixTableCellContent(tableCell, writer) || wasFixed;
72
+ }
73
+ return wasFixed;
74
+ }
75
+ /**
76
+ * Fixes all table cell content by:
77
+ * - Adding a paragraph to a table cell without any child.
78
+ * - Wrapping direct $text in a `<paragraph>`.
79
+ */
80
+ function fixTableCellContent(tableCell, writer) {
81
+ // Insert paragraph to an empty table cell.
82
+ if (tableCell.childCount == 0) {
83
+ // @if CK_DEBUG_TABLE // console.log( 'Post-fixing table: insert paragraph in empty cell.' );
84
+ writer.insertElement('paragraph', tableCell);
85
+ return true;
86
+ }
87
+ // Check table cell children for directly placed text nodes.
88
+ // Temporary solution. See https://github.com/ckeditor/ckeditor5/issues/1464.
89
+ const textNodes = Array.from(tableCell.getChildren()).filter(child => child.is('$text'));
90
+ // @if CK_DEBUG_TABLE // textNodes.length && console.log( 'Post-fixing table: wrap cell content with paragraph.' );
91
+ for (const child of textNodes) {
92
+ writer.wrap(writer.createRangeOn(child), 'paragraph');
93
+ }
94
+ // Return true when there were text nodes to fix.
95
+ return !!textNodes.length;
96
+ }
97
+ /**
98
+ * Checks if a differ change should fix the table cell. This happens on:
99
+ * - Removing content from the table cell (i.e. `tableCell` can be left empty).
100
+ * - Adding a text node directly into a table cell.
101
+ */
102
+ function checkTableCellChange(entry) {
103
+ if (!entry.position.parent.is('element', 'tableCell')) {
104
+ return false;
105
+ }
106
+ return entry.type == 'insert' && entry.name == '$text' || entry.type == 'remove';
107
+ }
@@ -1,18 +1,18 @@
1
- /**
2
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
- */
5
- /**
6
- * @module table/converters/table-cell-refresh-handler
7
- */
8
- import type { EditingController, Model } from 'ckeditor5/src/engine';
9
- /**
10
- * A table cell refresh handler which marks the table cell in the differ to have it re-rendered.
11
- *
12
- * Model `paragraph` inside a table cell can be rendered as `<span>` or `<p>`. It is rendered as `<span>` if this is the only block
13
- * element in that table cell and it does not have any attributes. It is rendered as `<p>` otherwise.
14
- *
15
- * When table cell content changes, for example a second `paragraph` element is added, we need to ensure that the first `paragraph` is
16
- * re-rendered so it changes from `<span>` to `<p>`. The easiest way to do it is to re-render the entire table cell.
17
- */
18
- export default function tableCellRefreshHandler(model: Model, editing: EditingController): void;
1
+ /**
2
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
+ */
5
+ /**
6
+ * @module table/converters/table-cell-refresh-handler
7
+ */
8
+ import type { EditingController, Model } from 'ckeditor5/src/engine';
9
+ /**
10
+ * A table cell refresh handler which marks the table cell in the differ to have it re-rendered.
11
+ *
12
+ * Model `paragraph` inside a table cell can be rendered as `<span>` or `<p>`. It is rendered as `<span>` if this is the only block
13
+ * element in that table cell and it does not have any attributes. It is rendered as `<p>` otherwise.
14
+ *
15
+ * When table cell content changes, for example a second `paragraph` element is added, we need to ensure that the first `paragraph` is
16
+ * re-rendered so it changes from `<span>` to `<p>`. The easiest way to do it is to re-render the entire table cell.
17
+ */
18
+ export default function tableCellRefreshHandler(model: Model, editing: EditingController): void;
@@ -1,45 +1,45 @@
1
- /**
2
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
- */
5
- import { isSingleParagraphWithoutAttributes } from './downcast';
6
- /**
7
- * A table cell refresh handler which marks the table cell in the differ to have it re-rendered.
8
- *
9
- * Model `paragraph` inside a table cell can be rendered as `<span>` or `<p>`. It is rendered as `<span>` if this is the only block
10
- * element in that table cell and it does not have any attributes. It is rendered as `<p>` otherwise.
11
- *
12
- * When table cell content changes, for example a second `paragraph` element is added, we need to ensure that the first `paragraph` is
13
- * re-rendered so it changes from `<span>` to `<p>`. The easiest way to do it is to re-render the entire table cell.
14
- */
15
- export default function tableCellRefreshHandler(model, editing) {
16
- const differ = model.document.differ;
17
- // Stores cells to be refreshed, so the table cell will be refreshed once for multiple changes.
18
- const cellsToCheck = new Set();
19
- for (const change of differ.getChanges()) {
20
- const parent = change.type == 'attribute' ? change.range.start.parent : change.position.parent;
21
- if (parent.is('element', 'tableCell')) {
22
- cellsToCheck.add(parent);
23
- }
24
- }
25
- for (const tableCell of cellsToCheck.values()) {
26
- const paragraphsToRefresh = Array.from(tableCell.getChildren())
27
- .filter(child => shouldRefresh(child, editing.mapper));
28
- for (const paragraph of paragraphsToRefresh) {
29
- editing.reconvertItem(paragraph);
30
- }
31
- }
32
- }
33
- /**
34
- * Check if given model element needs refreshing.
35
- */
36
- function shouldRefresh(child, mapper) {
37
- if (!child.is('element', 'paragraph')) {
38
- return false;
39
- }
40
- const viewElement = mapper.toViewElement(child);
41
- if (!viewElement) {
42
- return false;
43
- }
44
- return isSingleParagraphWithoutAttributes(child) !== viewElement.is('element', 'span');
45
- }
1
+ /**
2
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
+ */
5
+ import { isSingleParagraphWithoutAttributes } from './downcast';
6
+ /**
7
+ * A table cell refresh handler which marks the table cell in the differ to have it re-rendered.
8
+ *
9
+ * Model `paragraph` inside a table cell can be rendered as `<span>` or `<p>`. It is rendered as `<span>` if this is the only block
10
+ * element in that table cell and it does not have any attributes. It is rendered as `<p>` otherwise.
11
+ *
12
+ * When table cell content changes, for example a second `paragraph` element is added, we need to ensure that the first `paragraph` is
13
+ * re-rendered so it changes from `<span>` to `<p>`. The easiest way to do it is to re-render the entire table cell.
14
+ */
15
+ export default function tableCellRefreshHandler(model, editing) {
16
+ const differ = model.document.differ;
17
+ // Stores cells to be refreshed, so the table cell will be refreshed once for multiple changes.
18
+ const cellsToCheck = new Set();
19
+ for (const change of differ.getChanges()) {
20
+ const parent = change.type == 'attribute' ? change.range.start.parent : change.position.parent;
21
+ if (parent.is('element', 'tableCell')) {
22
+ cellsToCheck.add(parent);
23
+ }
24
+ }
25
+ for (const tableCell of cellsToCheck.values()) {
26
+ const paragraphsToRefresh = Array.from(tableCell.getChildren())
27
+ .filter(child => shouldRefresh(child, editing.mapper));
28
+ for (const paragraph of paragraphsToRefresh) {
29
+ editing.reconvertItem(paragraph);
30
+ }
31
+ }
32
+ }
33
+ /**
34
+ * Check if given model element needs refreshing.
35
+ */
36
+ function shouldRefresh(child, mapper) {
37
+ if (!child.is('element', 'paragraph')) {
38
+ return false;
39
+ }
40
+ const viewElement = mapper.toViewElement(child);
41
+ if (!viewElement) {
42
+ return false;
43
+ }
44
+ return isSingleParagraphWithoutAttributes(child) !== viewElement.is('element', 'span');
45
+ }
@@ -1,17 +1,17 @@
1
- /**
2
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
- */
5
- /**
6
- * @module table/converters/table-headings-refresh-handler
7
- */
8
- import type { EditingController, Model } from 'ckeditor5/src/engine';
9
- /**
10
- * A table headings refresh handler which marks the table cells or rows in the differ to have it re-rendered
11
- * if the headings attribute changed.
12
- *
13
- * Table heading rows and heading columns are represented in the model by a `headingRows` and `headingColumns` attributes.
14
- *
15
- * When table headings attribute changes, all the cells/rows are marked to re-render to change between `<td>` and `<th>`.
16
- */
17
- export default function tableHeadingsRefreshHandler(model: Model, editing: EditingController): void;
1
+ /**
2
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
+ */
5
+ /**
6
+ * @module table/converters/table-headings-refresh-handler
7
+ */
8
+ import type { EditingController, Model } from 'ckeditor5/src/engine';
9
+ /**
10
+ * A table headings refresh handler which marks the table cells or rows in the differ to have it re-rendered
11
+ * if the headings attribute changed.
12
+ *
13
+ * Table heading rows and heading columns are represented in the model by a `headingRows` and `headingColumns` attributes.
14
+ *
15
+ * When table headings attribute changes, all the cells/rows are marked to re-render to change between `<td>` and `<th>`.
16
+ */
17
+ export default function tableHeadingsRefreshHandler(model: Model, editing: EditingController): void;
@@ -1,49 +1,49 @@
1
- /**
2
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
- */
5
- import TableWalker from '../tablewalker';
6
- /**
7
- * A table headings refresh handler which marks the table cells or rows in the differ to have it re-rendered
8
- * if the headings attribute changed.
9
- *
10
- * Table heading rows and heading columns are represented in the model by a `headingRows` and `headingColumns` attributes.
11
- *
12
- * When table headings attribute changes, all the cells/rows are marked to re-render to change between `<td>` and `<th>`.
13
- */
14
- export default function tableHeadingsRefreshHandler(model, editing) {
15
- const differ = model.document.differ;
16
- for (const change of differ.getChanges()) {
17
- let table;
18
- let isRowChange = false;
19
- if (change.type == 'attribute') {
20
- const element = change.range.start.nodeAfter;
21
- if (!element || !element.is('element', 'table')) {
22
- continue;
23
- }
24
- if (change.attributeKey != 'headingRows' && change.attributeKey != 'headingColumns') {
25
- continue;
26
- }
27
- table = element;
28
- isRowChange = change.attributeKey == 'headingRows';
29
- }
30
- else if (change.name == 'tableRow' || change.name == 'tableCell') {
31
- table = change.position.findAncestor('table');
32
- isRowChange = change.name == 'tableRow';
33
- }
34
- if (!table) {
35
- continue;
36
- }
37
- const headingRows = table.getAttribute('headingRows') || 0;
38
- const headingColumns = table.getAttribute('headingColumns') || 0;
39
- const tableWalker = new TableWalker(table);
40
- for (const tableSlot of tableWalker) {
41
- const isHeading = tableSlot.row < headingRows || tableSlot.column < headingColumns;
42
- const expectedElementName = isHeading ? 'th' : 'td';
43
- const viewElement = editing.mapper.toViewElement(tableSlot.cell);
44
- if (viewElement && viewElement.is('element') && viewElement.name != expectedElementName) {
45
- editing.reconvertItem((isRowChange ? tableSlot.cell.parent : tableSlot.cell));
46
- }
47
- }
48
- }
49
- }
1
+ /**
2
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
+ */
5
+ import TableWalker from '../tablewalker';
6
+ /**
7
+ * A table headings refresh handler which marks the table cells or rows in the differ to have it re-rendered
8
+ * if the headings attribute changed.
9
+ *
10
+ * Table heading rows and heading columns are represented in the model by a `headingRows` and `headingColumns` attributes.
11
+ *
12
+ * When table headings attribute changes, all the cells/rows are marked to re-render to change between `<td>` and `<th>`.
13
+ */
14
+ export default function tableHeadingsRefreshHandler(model, editing) {
15
+ const differ = model.document.differ;
16
+ for (const change of differ.getChanges()) {
17
+ let table;
18
+ let isRowChange = false;
19
+ if (change.type == 'attribute') {
20
+ const element = change.range.start.nodeAfter;
21
+ if (!element || !element.is('element', 'table')) {
22
+ continue;
23
+ }
24
+ if (change.attributeKey != 'headingRows' && change.attributeKey != 'headingColumns') {
25
+ continue;
26
+ }
27
+ table = element;
28
+ isRowChange = change.attributeKey == 'headingRows';
29
+ }
30
+ else if (change.name == 'tableRow' || change.name == 'tableCell') {
31
+ table = change.position.findAncestor('table');
32
+ isRowChange = change.name == 'tableRow';
33
+ }
34
+ if (!table) {
35
+ continue;
36
+ }
37
+ const headingRows = table.getAttribute('headingRows') || 0;
38
+ const headingColumns = table.getAttribute('headingColumns') || 0;
39
+ const tableWalker = new TableWalker(table);
40
+ for (const tableSlot of tableWalker) {
41
+ const isHeading = tableSlot.row < headingRows || tableSlot.column < headingColumns;
42
+ const expectedElementName = isHeading ? 'th' : 'td';
43
+ const viewElement = editing.mapper.toViewElement(tableSlot.cell);
44
+ if (viewElement && viewElement.is('element') && viewElement.name != expectedElementName) {
45
+ editing.reconvertItem((isRowChange ? tableSlot.cell.parent : tableSlot.cell));
46
+ }
47
+ }
48
+ }
49
+ }