@ckeditor/ckeditor5-table 39.0.2 → 40.0.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 (169) hide show
  1. package/build/table.js +1 -1
  2. package/build/table.js.map +1 -0
  3. package/build/translations/hy.js +1 -0
  4. package/lang/translations/hy.po +262 -0
  5. package/package.json +2 -2
  6. package/src/augmentation.d.ts +76 -76
  7. package/src/augmentation.js +5 -5
  8. package/src/commands/insertcolumncommand.d.ts +55 -55
  9. package/src/commands/insertcolumncommand.js +67 -67
  10. package/src/commands/insertrowcommand.d.ts +54 -54
  11. package/src/commands/insertrowcommand.js +66 -66
  12. package/src/commands/inserttablecommand.d.ts +44 -44
  13. package/src/commands/inserttablecommand.js +69 -69
  14. package/src/commands/mergecellcommand.d.ts +68 -68
  15. package/src/commands/mergecellcommand.js +198 -198
  16. package/src/commands/mergecellscommand.d.ts +28 -28
  17. package/src/commands/mergecellscommand.js +94 -94
  18. package/src/commands/removecolumncommand.d.ts +29 -29
  19. package/src/commands/removecolumncommand.js +109 -109
  20. package/src/commands/removerowcommand.d.ts +29 -29
  21. package/src/commands/removerowcommand.js +82 -82
  22. package/src/commands/selectcolumncommand.d.ts +33 -33
  23. package/src/commands/selectcolumncommand.js +60 -60
  24. package/src/commands/selectrowcommand.d.ts +33 -33
  25. package/src/commands/selectrowcommand.js +56 -56
  26. package/src/commands/setheadercolumncommand.d.ts +50 -50
  27. package/src/commands/setheadercolumncommand.js +71 -71
  28. package/src/commands/setheaderrowcommand.d.ts +53 -53
  29. package/src/commands/setheaderrowcommand.js +79 -79
  30. package/src/commands/splitcellcommand.d.ts +43 -43
  31. package/src/commands/splitcellcommand.js +54 -54
  32. package/src/converters/downcast.d.ts +63 -63
  33. package/src/converters/downcast.js +146 -146
  34. package/src/converters/table-caption-post-fixer.d.ts +20 -20
  35. package/src/converters/table-caption-post-fixer.js +53 -53
  36. package/src/converters/table-cell-paragraph-post-fixer.d.ts +32 -32
  37. package/src/converters/table-cell-paragraph-post-fixer.js +107 -107
  38. package/src/converters/table-cell-refresh-handler.d.ts +18 -18
  39. package/src/converters/table-cell-refresh-handler.js +45 -45
  40. package/src/converters/table-headings-refresh-handler.d.ts +17 -17
  41. package/src/converters/table-headings-refresh-handler.js +49 -49
  42. package/src/converters/table-layout-post-fixer.d.ts +226 -226
  43. package/src/converters/table-layout-post-fixer.js +367 -367
  44. package/src/converters/tableproperties.d.ts +54 -54
  45. package/src/converters/tableproperties.js +159 -159
  46. package/src/converters/upcasttable.d.ts +49 -49
  47. package/src/converters/upcasttable.js +243 -243
  48. package/src/index.d.ts +60 -60
  49. package/src/index.js +30 -30
  50. package/src/plaintableoutput.d.ts +26 -26
  51. package/src/plaintableoutput.js +123 -123
  52. package/src/table.d.ts +40 -40
  53. package/src/table.js +44 -44
  54. package/src/tablecaption/tablecaptionediting.d.ts +63 -63
  55. package/src/tablecaption/tablecaptionediting.js +122 -122
  56. package/src/tablecaption/tablecaptionui.d.ts +21 -21
  57. package/src/tablecaption/tablecaptionui.js +57 -57
  58. package/src/tablecaption/toggletablecaptioncommand.d.ts +68 -68
  59. package/src/tablecaption/toggletablecaptioncommand.js +104 -104
  60. package/src/tablecaption/utils.d.ts +42 -42
  61. package/src/tablecaption/utils.js +67 -67
  62. package/src/tablecaption.d.ts +24 -24
  63. package/src/tablecaption.js +28 -28
  64. package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.d.ts +32 -32
  65. package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.js +30 -30
  66. package/src/tablecellproperties/commands/tablecellbordercolorcommand.d.ts +37 -37
  67. package/src/tablecellproperties/commands/tablecellbordercolorcommand.js +44 -44
  68. package/src/tablecellproperties/commands/tablecellborderstylecommand.d.ts +37 -37
  69. package/src/tablecellproperties/commands/tablecellborderstylecommand.js +44 -44
  70. package/src/tablecellproperties/commands/tablecellborderwidthcommand.d.ts +51 -51
  71. package/src/tablecellproperties/commands/tablecellborderwidthcommand.js +64 -64
  72. package/src/tablecellproperties/commands/tablecellheightcommand.d.ts +46 -46
  73. package/src/tablecellproperties/commands/tablecellheightcommand.js +51 -51
  74. package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.d.ts +32 -32
  75. package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.js +30 -30
  76. package/src/tablecellproperties/commands/tablecellpaddingcommand.d.ts +51 -51
  77. package/src/tablecellproperties/commands/tablecellpaddingcommand.js +64 -64
  78. package/src/tablecellproperties/commands/tablecellpropertycommand.d.ts +62 -62
  79. package/src/tablecellproperties/commands/tablecellpropertycommand.js +92 -92
  80. package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.d.ts +40 -40
  81. package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.js +38 -38
  82. package/src/tablecellproperties/tablecellpropertiesediting.d.ts +43 -43
  83. package/src/tablecellproperties/tablecellpropertiesediting.js +241 -241
  84. package/src/tablecellproperties/tablecellpropertiesui.d.ts +112 -112
  85. package/src/tablecellproperties/tablecellpropertiesui.js +330 -330
  86. package/src/tablecellproperties/ui/tablecellpropertiesview.d.ts +228 -228
  87. package/src/tablecellproperties/ui/tablecellpropertiesview.js +548 -539
  88. package/src/tablecellproperties.d.ts +30 -30
  89. package/src/tablecellproperties.js +34 -34
  90. package/src/tablecellwidth/commands/tablecellwidthcommand.d.ts +46 -46
  91. package/src/tablecellwidth/commands/tablecellwidthcommand.js +51 -51
  92. package/src/tablecellwidth/tablecellwidthediting.d.ts +29 -29
  93. package/src/tablecellwidth/tablecellwidthediting.js +45 -45
  94. package/src/tableclipboard.d.ts +65 -65
  95. package/src/tableclipboard.js +450 -450
  96. package/src/tablecolumnresize/constants.d.ts +20 -20
  97. package/src/tablecolumnresize/constants.js +20 -20
  98. package/src/tablecolumnresize/converters.d.ts +18 -18
  99. package/src/tablecolumnresize/converters.js +46 -46
  100. package/src/tablecolumnresize/tablecolumnresizeediting.d.ts +139 -139
  101. package/src/tablecolumnresize/tablecolumnresizeediting.js +583 -583
  102. package/src/tablecolumnresize/tablewidthscommand.d.ts +38 -38
  103. package/src/tablecolumnresize/tablewidthscommand.js +61 -61
  104. package/src/tablecolumnresize/utils.d.ts +148 -148
  105. package/src/tablecolumnresize/utils.js +358 -358
  106. package/src/tablecolumnresize.d.ts +26 -26
  107. package/src/tablecolumnresize.js +30 -30
  108. package/src/tableconfig.d.ts +343 -343
  109. package/src/tableconfig.js +5 -5
  110. package/src/tableediting.d.ts +98 -98
  111. package/src/tableediting.js +191 -191
  112. package/src/tablekeyboard.d.ts +68 -68
  113. package/src/tablekeyboard.js +279 -279
  114. package/src/tablemouse/mouseeventsobserver.d.ts +62 -62
  115. package/src/tablemouse/mouseeventsobserver.js +35 -35
  116. package/src/tablemouse.d.ts +48 -48
  117. package/src/tablemouse.js +172 -172
  118. package/src/tableproperties/commands/tablealignmentcommand.d.ts +32 -32
  119. package/src/tableproperties/commands/tablealignmentcommand.js +30 -30
  120. package/src/tableproperties/commands/tablebackgroundcolorcommand.d.ts +32 -32
  121. package/src/tableproperties/commands/tablebackgroundcolorcommand.js +30 -30
  122. package/src/tableproperties/commands/tablebordercolorcommand.d.ts +37 -37
  123. package/src/tableproperties/commands/tablebordercolorcommand.js +44 -44
  124. package/src/tableproperties/commands/tableborderstylecommand.d.ts +37 -37
  125. package/src/tableproperties/commands/tableborderstylecommand.js +44 -44
  126. package/src/tableproperties/commands/tableborderwidthcommand.d.ts +51 -51
  127. package/src/tableproperties/commands/tableborderwidthcommand.js +64 -64
  128. package/src/tableproperties/commands/tableheightcommand.d.ts +46 -46
  129. package/src/tableproperties/commands/tableheightcommand.js +54 -54
  130. package/src/tableproperties/commands/tablepropertycommand.d.ts +61 -61
  131. package/src/tableproperties/commands/tablepropertycommand.js +80 -80
  132. package/src/tableproperties/commands/tablewidthcommand.d.ts +46 -46
  133. package/src/tableproperties/commands/tablewidthcommand.js +54 -54
  134. package/src/tableproperties/tablepropertiesediting.d.ts +40 -40
  135. package/src/tableproperties/tablepropertiesediting.js +206 -206
  136. package/src/tableproperties/tablepropertiesui.d.ts +114 -114
  137. package/src/tableproperties/tablepropertiesui.js +321 -321
  138. package/src/tableproperties/ui/tablepropertiesview.d.ts +207 -207
  139. package/src/tableproperties/ui/tablepropertiesview.js +466 -457
  140. package/src/tableproperties.d.ts +30 -30
  141. package/src/tableproperties.js +34 -34
  142. package/src/tableselection.d.ts +107 -107
  143. package/src/tableselection.js +297 -297
  144. package/src/tabletoolbar.d.ts +32 -32
  145. package/src/tabletoolbar.js +57 -57
  146. package/src/tableui.d.ts +53 -53
  147. package/src/tableui.js +309 -309
  148. package/src/tableutils.d.ts +448 -448
  149. package/src/tableutils.js +1055 -1055
  150. package/src/tablewalker.d.ts +362 -362
  151. package/src/tablewalker.js +393 -393
  152. package/src/ui/colorinputview.d.ts +140 -140
  153. package/src/ui/colorinputview.js +271 -265
  154. package/src/ui/formrowview.d.ts +61 -61
  155. package/src/ui/formrowview.js +57 -57
  156. package/src/ui/inserttableview.d.ts +77 -77
  157. package/src/ui/inserttableview.js +169 -169
  158. package/src/utils/common.d.ts +42 -42
  159. package/src/utils/common.js +57 -57
  160. package/src/utils/structure.d.ts +245 -245
  161. package/src/utils/structure.js +426 -426
  162. package/src/utils/table-properties.d.ts +67 -67
  163. package/src/utils/table-properties.js +86 -86
  164. package/src/utils/ui/contextualballoon.d.ts +34 -34
  165. package/src/utils/ui/contextualballoon.js +106 -106
  166. package/src/utils/ui/table-properties.d.ts +195 -195
  167. package/src/utils/ui/table-properties.js +362 -362
  168. package/src/utils/ui/widget.d.ts +16 -16
  169. package/src/utils/ui/widget.js +38 -38
@@ -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
+ }