@ckeditor/ckeditor5-table 39.0.1 → 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 (229) hide show
  1. package/LICENSE.md +1 -1
  2. package/README.md +3 -3
  3. package/build/table.js +1 -1
  4. package/build/table.js.map +1 -0
  5. package/build/translations/hy.js +1 -0
  6. package/lang/translations/ar.po +1 -0
  7. package/lang/translations/az.po +1 -0
  8. package/lang/translations/bg.po +1 -0
  9. package/lang/translations/bn.po +1 -0
  10. package/lang/translations/ca.po +1 -0
  11. package/lang/translations/cs.po +1 -0
  12. package/lang/translations/da.po +1 -0
  13. package/lang/translations/de-ch.po +1 -0
  14. package/lang/translations/de.po +1 -0
  15. package/lang/translations/el.po +1 -0
  16. package/lang/translations/en-au.po +1 -0
  17. package/lang/translations/en-gb.po +1 -0
  18. package/lang/translations/en.po +1 -0
  19. package/lang/translations/es.po +1 -0
  20. package/lang/translations/et.po +1 -0
  21. package/lang/translations/fa.po +1 -0
  22. package/lang/translations/fi.po +1 -0
  23. package/lang/translations/fr.po +1 -0
  24. package/lang/translations/gl.po +1 -0
  25. package/lang/translations/he.po +1 -0
  26. package/lang/translations/hi.po +1 -0
  27. package/lang/translations/hr.po +1 -0
  28. package/lang/translations/hu.po +1 -0
  29. package/lang/translations/hy.po +262 -0
  30. package/lang/translations/id.po +1 -0
  31. package/lang/translations/it.po +1 -0
  32. package/lang/translations/ja.po +1 -0
  33. package/lang/translations/ko.po +1 -0
  34. package/lang/translations/ku.po +1 -0
  35. package/lang/translations/lt.po +1 -0
  36. package/lang/translations/lv.po +1 -0
  37. package/lang/translations/ms.po +1 -0
  38. package/lang/translations/nb.po +1 -0
  39. package/lang/translations/ne.po +1 -0
  40. package/lang/translations/nl.po +1 -0
  41. package/lang/translations/no.po +1 -0
  42. package/lang/translations/pl.po +1 -0
  43. package/lang/translations/pt-br.po +1 -0
  44. package/lang/translations/pt.po +1 -0
  45. package/lang/translations/ro.po +1 -0
  46. package/lang/translations/ru.po +1 -0
  47. package/lang/translations/sk.po +1 -0
  48. package/lang/translations/sl.po +1 -0
  49. package/lang/translations/sq.po +1 -0
  50. package/lang/translations/sr-latn.po +1 -0
  51. package/lang/translations/sr.po +1 -0
  52. package/lang/translations/sv.po +1 -0
  53. package/lang/translations/th.po +1 -0
  54. package/lang/translations/tk.po +1 -0
  55. package/lang/translations/tr.po +1 -0
  56. package/lang/translations/tt.po +1 -0
  57. package/lang/translations/ug.po +1 -0
  58. package/lang/translations/uk.po +1 -0
  59. package/lang/translations/ur.po +1 -0
  60. package/lang/translations/uz.po +1 -0
  61. package/lang/translations/vi.po +1 -0
  62. package/lang/translations/zh-cn.po +1 -0
  63. package/lang/translations/zh.po +1 -0
  64. package/package.json +2 -6
  65. package/src/augmentation.d.ts +76 -76
  66. package/src/augmentation.js +5 -5
  67. package/src/commands/insertcolumncommand.d.ts +55 -55
  68. package/src/commands/insertcolumncommand.js +67 -67
  69. package/src/commands/insertrowcommand.d.ts +54 -54
  70. package/src/commands/insertrowcommand.js +66 -66
  71. package/src/commands/inserttablecommand.d.ts +44 -44
  72. package/src/commands/inserttablecommand.js +69 -69
  73. package/src/commands/mergecellcommand.d.ts +68 -68
  74. package/src/commands/mergecellcommand.js +198 -198
  75. package/src/commands/mergecellscommand.d.ts +28 -28
  76. package/src/commands/mergecellscommand.js +94 -94
  77. package/src/commands/removecolumncommand.d.ts +29 -29
  78. package/src/commands/removecolumncommand.js +109 -109
  79. package/src/commands/removerowcommand.d.ts +29 -29
  80. package/src/commands/removerowcommand.js +82 -82
  81. package/src/commands/selectcolumncommand.d.ts +33 -33
  82. package/src/commands/selectcolumncommand.js +60 -60
  83. package/src/commands/selectrowcommand.d.ts +33 -33
  84. package/src/commands/selectrowcommand.js +56 -56
  85. package/src/commands/setheadercolumncommand.d.ts +50 -50
  86. package/src/commands/setheadercolumncommand.js +71 -71
  87. package/src/commands/setheaderrowcommand.d.ts +53 -53
  88. package/src/commands/setheaderrowcommand.js +79 -79
  89. package/src/commands/splitcellcommand.d.ts +43 -43
  90. package/src/commands/splitcellcommand.js +54 -54
  91. package/src/converters/downcast.d.ts +63 -63
  92. package/src/converters/downcast.js +146 -146
  93. package/src/converters/table-caption-post-fixer.d.ts +20 -20
  94. package/src/converters/table-caption-post-fixer.js +53 -53
  95. package/src/converters/table-cell-paragraph-post-fixer.d.ts +32 -32
  96. package/src/converters/table-cell-paragraph-post-fixer.js +107 -107
  97. package/src/converters/table-cell-refresh-handler.d.ts +18 -18
  98. package/src/converters/table-cell-refresh-handler.js +45 -45
  99. package/src/converters/table-headings-refresh-handler.d.ts +17 -17
  100. package/src/converters/table-headings-refresh-handler.js +49 -49
  101. package/src/converters/table-layout-post-fixer.d.ts +226 -226
  102. package/src/converters/table-layout-post-fixer.js +367 -367
  103. package/src/converters/tableproperties.d.ts +54 -54
  104. package/src/converters/tableproperties.js +159 -159
  105. package/src/converters/upcasttable.d.ts +49 -49
  106. package/src/converters/upcasttable.js +243 -243
  107. package/src/index.d.ts +60 -60
  108. package/src/index.js +30 -30
  109. package/src/plaintableoutput.d.ts +26 -26
  110. package/src/plaintableoutput.js +123 -123
  111. package/src/table.d.ts +40 -40
  112. package/src/table.js +44 -44
  113. package/src/tablecaption/tablecaptionediting.d.ts +63 -63
  114. package/src/tablecaption/tablecaptionediting.js +122 -122
  115. package/src/tablecaption/tablecaptionui.d.ts +21 -21
  116. package/src/tablecaption/tablecaptionui.js +57 -57
  117. package/src/tablecaption/toggletablecaptioncommand.d.ts +68 -68
  118. package/src/tablecaption/toggletablecaptioncommand.js +104 -104
  119. package/src/tablecaption/utils.d.ts +42 -42
  120. package/src/tablecaption/utils.js +67 -67
  121. package/src/tablecaption.d.ts +24 -24
  122. package/src/tablecaption.js +28 -28
  123. package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.d.ts +32 -32
  124. package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.js +30 -30
  125. package/src/tablecellproperties/commands/tablecellbordercolorcommand.d.ts +37 -37
  126. package/src/tablecellproperties/commands/tablecellbordercolorcommand.js +44 -44
  127. package/src/tablecellproperties/commands/tablecellborderstylecommand.d.ts +37 -37
  128. package/src/tablecellproperties/commands/tablecellborderstylecommand.js +44 -44
  129. package/src/tablecellproperties/commands/tablecellborderwidthcommand.d.ts +51 -51
  130. package/src/tablecellproperties/commands/tablecellborderwidthcommand.js +64 -64
  131. package/src/tablecellproperties/commands/tablecellheightcommand.d.ts +46 -46
  132. package/src/tablecellproperties/commands/tablecellheightcommand.js +51 -51
  133. package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.d.ts +32 -32
  134. package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.js +30 -30
  135. package/src/tablecellproperties/commands/tablecellpaddingcommand.d.ts +51 -51
  136. package/src/tablecellproperties/commands/tablecellpaddingcommand.js +64 -64
  137. package/src/tablecellproperties/commands/tablecellpropertycommand.d.ts +62 -62
  138. package/src/tablecellproperties/commands/tablecellpropertycommand.js +92 -92
  139. package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.d.ts +40 -40
  140. package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.js +38 -38
  141. package/src/tablecellproperties/tablecellpropertiesediting.d.ts +43 -43
  142. package/src/tablecellproperties/tablecellpropertiesediting.js +241 -241
  143. package/src/tablecellproperties/tablecellpropertiesui.d.ts +112 -112
  144. package/src/tablecellproperties/tablecellpropertiesui.js +330 -330
  145. package/src/tablecellproperties/ui/tablecellpropertiesview.d.ts +228 -228
  146. package/src/tablecellproperties/ui/tablecellpropertiesview.js +548 -539
  147. package/src/tablecellproperties.d.ts +30 -30
  148. package/src/tablecellproperties.js +34 -34
  149. package/src/tablecellwidth/commands/tablecellwidthcommand.d.ts +46 -46
  150. package/src/tablecellwidth/commands/tablecellwidthcommand.js +51 -51
  151. package/src/tablecellwidth/tablecellwidthediting.d.ts +29 -29
  152. package/src/tablecellwidth/tablecellwidthediting.js +45 -45
  153. package/src/tableclipboard.d.ts +65 -65
  154. package/src/tableclipboard.js +450 -450
  155. package/src/tablecolumnresize/constants.d.ts +20 -20
  156. package/src/tablecolumnresize/constants.js +20 -20
  157. package/src/tablecolumnresize/converters.d.ts +18 -18
  158. package/src/tablecolumnresize/converters.js +46 -45
  159. package/src/tablecolumnresize/tablecolumnresizeediting.d.ts +139 -139
  160. package/src/tablecolumnresize/tablecolumnresizeediting.js +583 -571
  161. package/src/tablecolumnresize/tablewidthscommand.d.ts +38 -38
  162. package/src/tablecolumnresize/tablewidthscommand.js +61 -61
  163. package/src/tablecolumnresize/utils.d.ts +148 -141
  164. package/src/tablecolumnresize/utils.js +358 -330
  165. package/src/tablecolumnresize.d.ts +26 -26
  166. package/src/tablecolumnresize.js +30 -30
  167. package/src/tableconfig.d.ts +343 -343
  168. package/src/tableconfig.js +5 -5
  169. package/src/tableediting.d.ts +98 -98
  170. package/src/tableediting.js +191 -191
  171. package/src/tablekeyboard.d.ts +68 -68
  172. package/src/tablekeyboard.js +279 -279
  173. package/src/tablemouse/mouseeventsobserver.d.ts +62 -62
  174. package/src/tablemouse/mouseeventsobserver.js +35 -35
  175. package/src/tablemouse.d.ts +48 -48
  176. package/src/tablemouse.js +172 -172
  177. package/src/tableproperties/commands/tablealignmentcommand.d.ts +32 -32
  178. package/src/tableproperties/commands/tablealignmentcommand.js +30 -30
  179. package/src/tableproperties/commands/tablebackgroundcolorcommand.d.ts +32 -32
  180. package/src/tableproperties/commands/tablebackgroundcolorcommand.js +30 -30
  181. package/src/tableproperties/commands/tablebordercolorcommand.d.ts +37 -37
  182. package/src/tableproperties/commands/tablebordercolorcommand.js +44 -44
  183. package/src/tableproperties/commands/tableborderstylecommand.d.ts +37 -37
  184. package/src/tableproperties/commands/tableborderstylecommand.js +44 -44
  185. package/src/tableproperties/commands/tableborderwidthcommand.d.ts +51 -51
  186. package/src/tableproperties/commands/tableborderwidthcommand.js +64 -64
  187. package/src/tableproperties/commands/tableheightcommand.d.ts +46 -46
  188. package/src/tableproperties/commands/tableheightcommand.js +54 -54
  189. package/src/tableproperties/commands/tablepropertycommand.d.ts +61 -61
  190. package/src/tableproperties/commands/tablepropertycommand.js +80 -80
  191. package/src/tableproperties/commands/tablewidthcommand.d.ts +46 -46
  192. package/src/tableproperties/commands/tablewidthcommand.js +54 -54
  193. package/src/tableproperties/tablepropertiesediting.d.ts +40 -40
  194. package/src/tableproperties/tablepropertiesediting.js +206 -206
  195. package/src/tableproperties/tablepropertiesui.d.ts +114 -114
  196. package/src/tableproperties/tablepropertiesui.js +321 -321
  197. package/src/tableproperties/ui/tablepropertiesview.d.ts +207 -207
  198. package/src/tableproperties/ui/tablepropertiesview.js +466 -457
  199. package/src/tableproperties.d.ts +30 -30
  200. package/src/tableproperties.js +34 -34
  201. package/src/tableselection.d.ts +107 -107
  202. package/src/tableselection.js +297 -297
  203. package/src/tabletoolbar.d.ts +32 -32
  204. package/src/tabletoolbar.js +57 -57
  205. package/src/tableui.d.ts +53 -53
  206. package/src/tableui.js +309 -309
  207. package/src/tableutils.d.ts +448 -448
  208. package/src/tableutils.js +1055 -1041
  209. package/src/tablewalker.d.ts +362 -323
  210. package/src/tablewalker.js +393 -333
  211. package/src/ui/colorinputview.d.ts +140 -140
  212. package/src/ui/colorinputview.js +271 -265
  213. package/src/ui/formrowview.d.ts +61 -61
  214. package/src/ui/formrowview.js +57 -57
  215. package/src/ui/inserttableview.d.ts +77 -77
  216. package/src/ui/inserttableview.js +169 -169
  217. package/src/utils/common.d.ts +42 -42
  218. package/src/utils/common.js +57 -57
  219. package/src/utils/structure.d.ts +245 -245
  220. package/src/utils/structure.js +426 -426
  221. package/src/utils/table-properties.d.ts +67 -67
  222. package/src/utils/table-properties.js +86 -86
  223. package/src/utils/ui/contextualballoon.d.ts +34 -34
  224. package/src/utils/ui/contextualballoon.js +106 -106
  225. package/src/utils/ui/table-properties.d.ts +195 -195
  226. package/src/utils/ui/table-properties.js +362 -362
  227. package/src/utils/ui/widget.d.ts +16 -16
  228. package/src/utils/ui/widget.js +38 -38
  229. package/theme/tablecolumnresize.css +8 -6
@@ -1,367 +1,367 @@
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
- import { createEmptyTableCell, updateNumericAttribute } from '../utils/common';
7
- /**
8
- * Injects a table layout post-fixer into the model.
9
- *
10
- * The role of the table layout post-fixer is to ensure that the table rows have the correct structure
11
- * after a {@link module:engine/model/model~Model#change `change()`} block was executed.
12
- *
13
- * The correct structure means that:
14
- *
15
- * * All table rows have the same size.
16
- * * None of the table cells extend vertically beyond their section (either header or body).
17
- * * A table cell has always at least one element as a child.
18
- *
19
- * If the table structure is not correct, the post-fixer will automatically correct it in two steps:
20
- *
21
- * 1. It will clip table cells that extend beyond their section.
22
- * 2. It will add empty table cells to the rows that are narrower than the widest table row.
23
- *
24
- * ## Clipping overlapping table cells
25
- *
26
- * Such situation may occur when pasting a table (or a part of a table) to the editor from external sources.
27
- *
28
- * For example, see the following table which has a cell (FOO) with the rowspan attribute (2):
29
- *
30
- * ```xml
31
- * <table headingRows="1">
32
- * <tableRow>
33
- * <tableCell rowspan="2"><paragraph>FOO</paragraph></tableCell>
34
- * <tableCell colspan="2"><paragraph>BAR</paragraph></tableCell>
35
- * </tableRow>
36
- * <tableRow>
37
- * <tableCell><paragraph>BAZ</paragraph></tableCell>
38
- * <tableCell><paragraph>XYZ</paragraph></tableCell>
39
- * </tableRow>
40
- * </table>
41
- * ```
42
- *
43
- * It will be rendered in the view as:
44
- *
45
- * ```xml
46
- * <table>
47
- * <thead>
48
- * <tr>
49
- * <td rowspan="2">FOO</td>
50
- * <td colspan="2">BAR</td>
51
- * </tr>
52
- * </thead>
53
- * <tbody>
54
- * <tr>
55
- * <td>BAZ</td>
56
- * <td>XYZ</td>
57
- * </tr>
58
- * </tbody>
59
- * </table>
60
- * ```
61
- *
62
- * In the above example the table will be rendered as a table with two rows: one in the header and second one in the body.
63
- * The table cell (FOO) cannot span over multiple rows as it would extend from the header to the body section.
64
- * The `rowspan` attribute must be changed to (1). The value (1) is the default value of the `rowspan` attribute
65
- * so the `rowspan` attribute will be removed from the model.
66
- *
67
- * The table cell with BAZ in the content will be in the first column of the table.
68
- *
69
- * ## Adding missing table cells
70
- *
71
- * The table post-fixer will insert empty table cells to equalize table row sizes (the number of columns).
72
- * The size of a table row is calculated by counting column spans of table cells, both horizontal (from the same row) and
73
- * vertical (from the rows above).
74
- *
75
- * In the above example, the table row in the body section of the table is narrower then the row from the header: it has two cells
76
- * with the default colspan (1). The header row has one cell with colspan (1) and the second with colspan (2).
77
- * The table cell (FOO) does not extend beyond the head section (and as such will be fixed in the first step of this post-fixer).
78
- * The post-fixer will add a missing table cell to the row in the body section of the table.
79
- *
80
- * The table from the above example will be fixed and rendered to the view as below:
81
- *
82
- * ```xml
83
- * <table>
84
- * <thead>
85
- * <tr>
86
- * <td rowspan="2">FOO</td>
87
- * <td colspan="2">BAR</td>
88
- * </tr>
89
- * </thead>
90
- * <tbody>
91
- * <tr>
92
- * <td>BAZ</td>
93
- * <td>XYZ</td>
94
- * </tr>
95
- * </tbody>
96
- * </table>
97
- * ```
98
- *
99
- * ## Collaboration and undo - Expectations vs post-fixer results
100
- *
101
- * The table post-fixer only ensures proper structure without a deeper analysis of the nature of the change. As such, it might lead
102
- * to a structure which was not intended by the user. In particular, it will also fix undo steps (in conjunction with collaboration)
103
- * in which the editor content might not return to the original state.
104
- *
105
- * This will usually happen when one or more users change the size of the table.
106
- *
107
- * As an example see the table below:
108
- *
109
- * ```xml
110
- * <table>
111
- * <tbody>
112
- * <tr>
113
- * <td>11</td>
114
- * <td>12</td>
115
- * </tr>
116
- * <tr>
117
- * <td>21</td>
118
- * <td>22</td>
119
- * </tr>
120
- * </tbody>
121
- * </table>
122
- * ```
123
- *
124
- * and the user actions:
125
- *
126
- * 1. Both users have a table with two rows and two columns.
127
- * 2. User A adds a column at the end of the table. This will insert empty table cells to two rows.
128
- * 3. User B adds a row at the end of the table. This will insert a row with two empty table cells.
129
- * 4. Both users will have a table as below:
130
- *
131
- * ```xml
132
- * <table>
133
- * <tbody>
134
- * <tr>
135
- * <td>11</td>
136
- * <td>12</td>
137
- * <td>(empty, inserted by A)</td>
138
- * </tr>
139
- * <tr>
140
- * <td>21</td>
141
- * <td>22</td>
142
- * <td>(empty, inserted by A)</td>
143
- * </tr>
144
- * <tr>
145
- * <td>(empty, inserted by B)</td>
146
- * <td>(empty, inserted by B)</td>
147
- * </tr>
148
- * </tbody>
149
- * </table>
150
- * ```
151
- *
152
- * The last row is shorter then others so the table post-fixer will add an empty row to the last row:
153
- *
154
- * ```xml
155
- * <table>
156
- * <tbody>
157
- * <tr>
158
- * <td>11</td>
159
- * <td>12</td>
160
- * <td>(empty, inserted by A)</td>
161
- * </tr>
162
- * <tr>
163
- * <td>21</td>
164
- * <td>22</td>
165
- * <td>(empty, inserted by A)</td>
166
- * </tr>
167
- * <tr>
168
- * <td>(empty, inserted by B)</td>
169
- * <td>(empty, inserted by B)</td>
170
- * <td>(empty, inserted by the post-fixer)</td>
171
- * </tr>
172
- * </tbody>
173
- * </table>
174
- * ```
175
- *
176
- * Unfortunately undo does not know the nature of the changes and depending on which user applies the post-fixer changes, undoing them
177
- * might lead to a broken table. If User B undoes inserting the column to the table, the undo engine will undo only the operations of
178
- * inserting empty cells to rows from the initial table state (row 1 and 2) but the cell in the post-fixed row will remain:
179
- *
180
- * ```xml
181
- * <table>
182
- * <tbody>
183
- * <tr>
184
- * <td>11</td>
185
- * <td>12</td>
186
- * </tr>
187
- * <tr>
188
- * <td>21</td>
189
- * <td>22</td>
190
- * </tr>
191
- * <tr>
192
- * <td>(empty, inserted by B)</td>
193
- * <td>(empty, inserted by B)</td>
194
- * <td>(empty, inserted by a post-fixer)</td>
195
- * </tr>
196
- * </tbody>
197
- * </table>
198
- * ```
199
- *
200
- * After undo, the table post-fixer will detect that two rows are shorter than others and will fix the table to:
201
- *
202
- * ```xml
203
- * <table>
204
- * <tbody>
205
- * <tr>
206
- * <td>11</td>
207
- * <td>12</td>
208
- * <td>(empty, inserted by a post-fixer after undo)</td>
209
- * </tr>
210
- * <tr>
211
- * <td>21</td>
212
- * <td>22</td>
213
- * <td>(empty, inserted by a post-fixer after undo)</td>
214
- * </tr>
215
- * <tr>
216
- * <td>(empty, inserted by B)</td>
217
- * <td>(empty, inserted by B)</td>
218
- * <td>(empty, inserted by a post-fixer)</td>
219
- * </tr>
220
- * </tbody>
221
- * </table>
222
- * ```
223
- */
224
- export default function injectTableLayoutPostFixer(model) {
225
- model.document.registerPostFixer(writer => tableLayoutPostFixer(writer, model));
226
- }
227
- /**
228
- * The table layout post-fixer.
229
- */
230
- function tableLayoutPostFixer(writer, model) {
231
- const changes = model.document.differ.getChanges();
232
- let wasFixed = false;
233
- // Do not analyze the same table more then once - may happen for multiple changes in the same table.
234
- const analyzedTables = new Set();
235
- for (const entry of changes) {
236
- let table = null;
237
- if (entry.type == 'insert' && entry.name == 'table') {
238
- table = entry.position.nodeAfter;
239
- }
240
- // Fix table on adding/removing table cells and rows.
241
- if ((entry.type == 'insert' || entry.type == 'remove') && (entry.name == 'tableRow' || entry.name == 'tableCell')) {
242
- table = entry.position.findAncestor('table');
243
- }
244
- // Fix table on any table's attribute change - including attributes of table cells.
245
- if (isTableAttributeEntry(entry)) {
246
- table = entry.range.start.findAncestor('table');
247
- }
248
- if (table && !analyzedTables.has(table)) {
249
- // Step 1: correct rowspans of table cells if necessary.
250
- // The wasFixed flag should be true if any of tables in batch was fixed - might be more then one.
251
- wasFixed = fixTableCellsRowspan(table, writer) || wasFixed;
252
- // Step 2: fix table rows sizes.
253
- wasFixed = fixTableRowsSizes(table, writer) || wasFixed;
254
- analyzedTables.add(table);
255
- }
256
- }
257
- return wasFixed;
258
- }
259
- /**
260
- * Fixes the invalid value of the `rowspan` attribute because a table cell cannot vertically extend beyond the table section it belongs to.
261
- *
262
- * @returns Returns `true` if the table was fixed.
263
- */
264
- function fixTableCellsRowspan(table, writer) {
265
- let wasFixed = false;
266
- const cellsToTrim = findCellsToTrim(table);
267
- if (cellsToTrim.length) {
268
- // @if CK_DEBUG_TABLE // console.log( `Post-fixing table: trimming cells row-spans (${ cellsToTrim.length }).` );
269
- wasFixed = true;
270
- for (const data of cellsToTrim) {
271
- updateNumericAttribute('rowspan', data.rowspan, data.cell, writer, 1);
272
- }
273
- }
274
- return wasFixed;
275
- }
276
- /**
277
- * Makes all table rows in a table the same size.
278
- *
279
- * @returns Returns `true` if the table was fixed.
280
- */
281
- function fixTableRowsSizes(table, writer) {
282
- let wasFixed = false;
283
- const childrenLengths = getChildrenLengths(table);
284
- const rowsToRemove = [];
285
- // Find empty rows.
286
- for (const [rowIndex, size] of childrenLengths.entries()) {
287
- // Ignore all non-row models.
288
- if (!size && table.getChild(rowIndex).is('element', 'tableRow')) {
289
- rowsToRemove.push(rowIndex);
290
- }
291
- }
292
- // Remove empty rows.
293
- if (rowsToRemove.length) {
294
- // @if CK_DEBUG_TABLE // console.log( `Post-fixing table: remove empty rows (${ rowsToRemove.length }).` );
295
- wasFixed = true;
296
- for (const rowIndex of rowsToRemove.reverse()) {
297
- writer.remove(table.getChild(rowIndex));
298
- childrenLengths.splice(rowIndex, 1);
299
- }
300
- }
301
- // Filter out everything that's not a table row.
302
- const rowsLengths = childrenLengths.filter((row, rowIndex) => table.getChild(rowIndex).is('element', 'tableRow'));
303
- // Verify if all the rows have the same number of columns.
304
- const tableSize = rowsLengths[0];
305
- const isValid = rowsLengths.every(length => length === tableSize);
306
- if (!isValid) {
307
- // @if CK_DEBUG_TABLE // console.log( 'Post-fixing table: adding missing cells.' );
308
- // Find the maximum number of columns.
309
- const maxColumns = rowsLengths.reduce((prev, current) => current > prev ? current : prev, 0);
310
- for (const [rowIndex, size] of rowsLengths.entries()) {
311
- const columnsToInsert = maxColumns - size;
312
- if (columnsToInsert) {
313
- for (let i = 0; i < columnsToInsert; i++) {
314
- createEmptyTableCell(writer, writer.createPositionAt(table.getChild(rowIndex), 'end'));
315
- }
316
- wasFixed = true;
317
- }
318
- }
319
- }
320
- return wasFixed;
321
- }
322
- /**
323
- * Searches for table cells that extend beyond the table section to which they belong to. It will return an array of objects
324
- * that stores table cells to be trimmed and the correct value of the `rowspan` attribute to set.
325
- */
326
- function findCellsToTrim(table) {
327
- const headingRows = parseInt(table.getAttribute('headingRows') || '0');
328
- const maxRows = Array.from(table.getChildren())
329
- .reduce((count, row) => row.is('element', 'tableRow') ? count + 1 : count, 0);
330
- const cellsToTrim = [];
331
- for (const { row, cell, cellHeight } of new TableWalker(table)) {
332
- // Skip cells that do not expand over its row.
333
- if (cellHeight < 2) {
334
- continue;
335
- }
336
- const isInHeader = row < headingRows;
337
- // Row limit is either end of header section or whole table as table body is after the header.
338
- const rowLimit = isInHeader ? headingRows : maxRows;
339
- // If table cell expands over its limit reduce it height to proper value.
340
- if (row + cellHeight > rowLimit) {
341
- const newRowspan = rowLimit - row;
342
- cellsToTrim.push({ cell, rowspan: newRowspan });
343
- }
344
- }
345
- return cellsToTrim;
346
- }
347
- /**
348
- * Returns an array with lengths of rows assigned to the corresponding row index.
349
- */
350
- function getChildrenLengths(table) {
351
- // TableWalker will not provide items for the empty rows, we need to pre-fill this array.
352
- const lengths = new Array(table.childCount).fill(0);
353
- for (const { rowIndex } of new TableWalker(table, { includeAllSlots: true })) {
354
- lengths[rowIndex]++;
355
- }
356
- return lengths;
357
- }
358
- /**
359
- * Checks if the differ entry for an attribute change is one of the table's attributes.
360
- */
361
- function isTableAttributeEntry(entry) {
362
- if (entry.type !== 'attribute') {
363
- return false;
364
- }
365
- const key = entry.attributeKey;
366
- return key === 'headingRows' || key === 'colspan' || key === 'rowspan';
367
- }
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
+ import { createEmptyTableCell, updateNumericAttribute } from '../utils/common';
7
+ /**
8
+ * Injects a table layout post-fixer into the model.
9
+ *
10
+ * The role of the table layout post-fixer is to ensure that the table rows have the correct structure
11
+ * after a {@link module:engine/model/model~Model#change `change()`} block was executed.
12
+ *
13
+ * The correct structure means that:
14
+ *
15
+ * * All table rows have the same size.
16
+ * * None of the table cells extend vertically beyond their section (either header or body).
17
+ * * A table cell has always at least one element as a child.
18
+ *
19
+ * If the table structure is not correct, the post-fixer will automatically correct it in two steps:
20
+ *
21
+ * 1. It will clip table cells that extend beyond their section.
22
+ * 2. It will add empty table cells to the rows that are narrower than the widest table row.
23
+ *
24
+ * ## Clipping overlapping table cells
25
+ *
26
+ * Such situation may occur when pasting a table (or a part of a table) to the editor from external sources.
27
+ *
28
+ * For example, see the following table which has a cell (FOO) with the rowspan attribute (2):
29
+ *
30
+ * ```xml
31
+ * <table headingRows="1">
32
+ * <tableRow>
33
+ * <tableCell rowspan="2"><paragraph>FOO</paragraph></tableCell>
34
+ * <tableCell colspan="2"><paragraph>BAR</paragraph></tableCell>
35
+ * </tableRow>
36
+ * <tableRow>
37
+ * <tableCell><paragraph>BAZ</paragraph></tableCell>
38
+ * <tableCell><paragraph>XYZ</paragraph></tableCell>
39
+ * </tableRow>
40
+ * </table>
41
+ * ```
42
+ *
43
+ * It will be rendered in the view as:
44
+ *
45
+ * ```xml
46
+ * <table>
47
+ * <thead>
48
+ * <tr>
49
+ * <td rowspan="2">FOO</td>
50
+ * <td colspan="2">BAR</td>
51
+ * </tr>
52
+ * </thead>
53
+ * <tbody>
54
+ * <tr>
55
+ * <td>BAZ</td>
56
+ * <td>XYZ</td>
57
+ * </tr>
58
+ * </tbody>
59
+ * </table>
60
+ * ```
61
+ *
62
+ * In the above example the table will be rendered as a table with two rows: one in the header and second one in the body.
63
+ * The table cell (FOO) cannot span over multiple rows as it would extend from the header to the body section.
64
+ * The `rowspan` attribute must be changed to (1). The value (1) is the default value of the `rowspan` attribute
65
+ * so the `rowspan` attribute will be removed from the model.
66
+ *
67
+ * The table cell with BAZ in the content will be in the first column of the table.
68
+ *
69
+ * ## Adding missing table cells
70
+ *
71
+ * The table post-fixer will insert empty table cells to equalize table row sizes (the number of columns).
72
+ * The size of a table row is calculated by counting column spans of table cells, both horizontal (from the same row) and
73
+ * vertical (from the rows above).
74
+ *
75
+ * In the above example, the table row in the body section of the table is narrower then the row from the header: it has two cells
76
+ * with the default colspan (1). The header row has one cell with colspan (1) and the second with colspan (2).
77
+ * The table cell (FOO) does not extend beyond the head section (and as such will be fixed in the first step of this post-fixer).
78
+ * The post-fixer will add a missing table cell to the row in the body section of the table.
79
+ *
80
+ * The table from the above example will be fixed and rendered to the view as below:
81
+ *
82
+ * ```xml
83
+ * <table>
84
+ * <thead>
85
+ * <tr>
86
+ * <td rowspan="2">FOO</td>
87
+ * <td colspan="2">BAR</td>
88
+ * </tr>
89
+ * </thead>
90
+ * <tbody>
91
+ * <tr>
92
+ * <td>BAZ</td>
93
+ * <td>XYZ</td>
94
+ * </tr>
95
+ * </tbody>
96
+ * </table>
97
+ * ```
98
+ *
99
+ * ## Collaboration and undo - Expectations vs post-fixer results
100
+ *
101
+ * The table post-fixer only ensures proper structure without a deeper analysis of the nature of the change. As such, it might lead
102
+ * to a structure which was not intended by the user. In particular, it will also fix undo steps (in conjunction with collaboration)
103
+ * in which the editor content might not return to the original state.
104
+ *
105
+ * This will usually happen when one or more users change the size of the table.
106
+ *
107
+ * As an example see the table below:
108
+ *
109
+ * ```xml
110
+ * <table>
111
+ * <tbody>
112
+ * <tr>
113
+ * <td>11</td>
114
+ * <td>12</td>
115
+ * </tr>
116
+ * <tr>
117
+ * <td>21</td>
118
+ * <td>22</td>
119
+ * </tr>
120
+ * </tbody>
121
+ * </table>
122
+ * ```
123
+ *
124
+ * and the user actions:
125
+ *
126
+ * 1. Both users have a table with two rows and two columns.
127
+ * 2. User A adds a column at the end of the table. This will insert empty table cells to two rows.
128
+ * 3. User B adds a row at the end of the table. This will insert a row with two empty table cells.
129
+ * 4. Both users will have a table as below:
130
+ *
131
+ * ```xml
132
+ * <table>
133
+ * <tbody>
134
+ * <tr>
135
+ * <td>11</td>
136
+ * <td>12</td>
137
+ * <td>(empty, inserted by A)</td>
138
+ * </tr>
139
+ * <tr>
140
+ * <td>21</td>
141
+ * <td>22</td>
142
+ * <td>(empty, inserted by A)</td>
143
+ * </tr>
144
+ * <tr>
145
+ * <td>(empty, inserted by B)</td>
146
+ * <td>(empty, inserted by B)</td>
147
+ * </tr>
148
+ * </tbody>
149
+ * </table>
150
+ * ```
151
+ *
152
+ * The last row is shorter then others so the table post-fixer will add an empty row to the last row:
153
+ *
154
+ * ```xml
155
+ * <table>
156
+ * <tbody>
157
+ * <tr>
158
+ * <td>11</td>
159
+ * <td>12</td>
160
+ * <td>(empty, inserted by A)</td>
161
+ * </tr>
162
+ * <tr>
163
+ * <td>21</td>
164
+ * <td>22</td>
165
+ * <td>(empty, inserted by A)</td>
166
+ * </tr>
167
+ * <tr>
168
+ * <td>(empty, inserted by B)</td>
169
+ * <td>(empty, inserted by B)</td>
170
+ * <td>(empty, inserted by the post-fixer)</td>
171
+ * </tr>
172
+ * </tbody>
173
+ * </table>
174
+ * ```
175
+ *
176
+ * Unfortunately undo does not know the nature of the changes and depending on which user applies the post-fixer changes, undoing them
177
+ * might lead to a broken table. If User B undoes inserting the column to the table, the undo engine will undo only the operations of
178
+ * inserting empty cells to rows from the initial table state (row 1 and 2) but the cell in the post-fixed row will remain:
179
+ *
180
+ * ```xml
181
+ * <table>
182
+ * <tbody>
183
+ * <tr>
184
+ * <td>11</td>
185
+ * <td>12</td>
186
+ * </tr>
187
+ * <tr>
188
+ * <td>21</td>
189
+ * <td>22</td>
190
+ * </tr>
191
+ * <tr>
192
+ * <td>(empty, inserted by B)</td>
193
+ * <td>(empty, inserted by B)</td>
194
+ * <td>(empty, inserted by a post-fixer)</td>
195
+ * </tr>
196
+ * </tbody>
197
+ * </table>
198
+ * ```
199
+ *
200
+ * After undo, the table post-fixer will detect that two rows are shorter than others and will fix the table to:
201
+ *
202
+ * ```xml
203
+ * <table>
204
+ * <tbody>
205
+ * <tr>
206
+ * <td>11</td>
207
+ * <td>12</td>
208
+ * <td>(empty, inserted by a post-fixer after undo)</td>
209
+ * </tr>
210
+ * <tr>
211
+ * <td>21</td>
212
+ * <td>22</td>
213
+ * <td>(empty, inserted by a post-fixer after undo)</td>
214
+ * </tr>
215
+ * <tr>
216
+ * <td>(empty, inserted by B)</td>
217
+ * <td>(empty, inserted by B)</td>
218
+ * <td>(empty, inserted by a post-fixer)</td>
219
+ * </tr>
220
+ * </tbody>
221
+ * </table>
222
+ * ```
223
+ */
224
+ export default function injectTableLayoutPostFixer(model) {
225
+ model.document.registerPostFixer(writer => tableLayoutPostFixer(writer, model));
226
+ }
227
+ /**
228
+ * The table layout post-fixer.
229
+ */
230
+ function tableLayoutPostFixer(writer, model) {
231
+ const changes = model.document.differ.getChanges();
232
+ let wasFixed = false;
233
+ // Do not analyze the same table more then once - may happen for multiple changes in the same table.
234
+ const analyzedTables = new Set();
235
+ for (const entry of changes) {
236
+ let table = null;
237
+ if (entry.type == 'insert' && entry.name == 'table') {
238
+ table = entry.position.nodeAfter;
239
+ }
240
+ // Fix table on adding/removing table cells and rows.
241
+ if ((entry.type == 'insert' || entry.type == 'remove') && (entry.name == 'tableRow' || entry.name == 'tableCell')) {
242
+ table = entry.position.findAncestor('table');
243
+ }
244
+ // Fix table on any table's attribute change - including attributes of table cells.
245
+ if (isTableAttributeEntry(entry)) {
246
+ table = entry.range.start.findAncestor('table');
247
+ }
248
+ if (table && !analyzedTables.has(table)) {
249
+ // Step 1: correct rowspans of table cells if necessary.
250
+ // The wasFixed flag should be true if any of tables in batch was fixed - might be more then one.
251
+ wasFixed = fixTableCellsRowspan(table, writer) || wasFixed;
252
+ // Step 2: fix table rows sizes.
253
+ wasFixed = fixTableRowsSizes(table, writer) || wasFixed;
254
+ analyzedTables.add(table);
255
+ }
256
+ }
257
+ return wasFixed;
258
+ }
259
+ /**
260
+ * Fixes the invalid value of the `rowspan` attribute because a table cell cannot vertically extend beyond the table section it belongs to.
261
+ *
262
+ * @returns Returns `true` if the table was fixed.
263
+ */
264
+ function fixTableCellsRowspan(table, writer) {
265
+ let wasFixed = false;
266
+ const cellsToTrim = findCellsToTrim(table);
267
+ if (cellsToTrim.length) {
268
+ // @if CK_DEBUG_TABLE // console.log( `Post-fixing table: trimming cells row-spans (${ cellsToTrim.length }).` );
269
+ wasFixed = true;
270
+ for (const data of cellsToTrim) {
271
+ updateNumericAttribute('rowspan', data.rowspan, data.cell, writer, 1);
272
+ }
273
+ }
274
+ return wasFixed;
275
+ }
276
+ /**
277
+ * Makes all table rows in a table the same size.
278
+ *
279
+ * @returns Returns `true` if the table was fixed.
280
+ */
281
+ function fixTableRowsSizes(table, writer) {
282
+ let wasFixed = false;
283
+ const childrenLengths = getChildrenLengths(table);
284
+ const rowsToRemove = [];
285
+ // Find empty rows.
286
+ for (const [rowIndex, size] of childrenLengths.entries()) {
287
+ // Ignore all non-row models.
288
+ if (!size && table.getChild(rowIndex).is('element', 'tableRow')) {
289
+ rowsToRemove.push(rowIndex);
290
+ }
291
+ }
292
+ // Remove empty rows.
293
+ if (rowsToRemove.length) {
294
+ // @if CK_DEBUG_TABLE // console.log( `Post-fixing table: remove empty rows (${ rowsToRemove.length }).` );
295
+ wasFixed = true;
296
+ for (const rowIndex of rowsToRemove.reverse()) {
297
+ writer.remove(table.getChild(rowIndex));
298
+ childrenLengths.splice(rowIndex, 1);
299
+ }
300
+ }
301
+ // Filter out everything that's not a table row.
302
+ const rowsLengths = childrenLengths.filter((row, rowIndex) => table.getChild(rowIndex).is('element', 'tableRow'));
303
+ // Verify if all the rows have the same number of columns.
304
+ const tableSize = rowsLengths[0];
305
+ const isValid = rowsLengths.every(length => length === tableSize);
306
+ if (!isValid) {
307
+ // @if CK_DEBUG_TABLE // console.log( 'Post-fixing table: adding missing cells.' );
308
+ // Find the maximum number of columns.
309
+ const maxColumns = rowsLengths.reduce((prev, current) => current > prev ? current : prev, 0);
310
+ for (const [rowIndex, size] of rowsLengths.entries()) {
311
+ const columnsToInsert = maxColumns - size;
312
+ if (columnsToInsert) {
313
+ for (let i = 0; i < columnsToInsert; i++) {
314
+ createEmptyTableCell(writer, writer.createPositionAt(table.getChild(rowIndex), 'end'));
315
+ }
316
+ wasFixed = true;
317
+ }
318
+ }
319
+ }
320
+ return wasFixed;
321
+ }
322
+ /**
323
+ * Searches for table cells that extend beyond the table section to which they belong to. It will return an array of objects
324
+ * that stores table cells to be trimmed and the correct value of the `rowspan` attribute to set.
325
+ */
326
+ function findCellsToTrim(table) {
327
+ const headingRows = parseInt(table.getAttribute('headingRows') || '0');
328
+ const maxRows = Array.from(table.getChildren())
329
+ .reduce((count, row) => row.is('element', 'tableRow') ? count + 1 : count, 0);
330
+ const cellsToTrim = [];
331
+ for (const { row, cell, cellHeight } of new TableWalker(table)) {
332
+ // Skip cells that do not expand over its row.
333
+ if (cellHeight < 2) {
334
+ continue;
335
+ }
336
+ const isInHeader = row < headingRows;
337
+ // Row limit is either end of header section or whole table as table body is after the header.
338
+ const rowLimit = isInHeader ? headingRows : maxRows;
339
+ // If table cell expands over its limit reduce it height to proper value.
340
+ if (row + cellHeight > rowLimit) {
341
+ const newRowspan = rowLimit - row;
342
+ cellsToTrim.push({ cell, rowspan: newRowspan });
343
+ }
344
+ }
345
+ return cellsToTrim;
346
+ }
347
+ /**
348
+ * Returns an array with lengths of rows assigned to the corresponding row index.
349
+ */
350
+ function getChildrenLengths(table) {
351
+ // TableWalker will not provide items for the empty rows, we need to pre-fill this array.
352
+ const lengths = new Array(table.childCount).fill(0);
353
+ for (const { rowIndex } of new TableWalker(table, { includeAllSlots: true })) {
354
+ lengths[rowIndex]++;
355
+ }
356
+ return lengths;
357
+ }
358
+ /**
359
+ * Checks if the differ entry for an attribute change is one of the table's attributes.
360
+ */
361
+ function isTableAttributeEntry(entry) {
362
+ if (entry.type !== 'attribute') {
363
+ return false;
364
+ }
365
+ const key = entry.attributeKey;
366
+ return key === 'headingRows' || key === 'colspan' || key === 'rowspan';
367
+ }