@atlaskit/editor-plugin-table 4.0.1 → 4.0.3

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 (209) hide show
  1. package/CHANGELOG.md +146 -133
  2. package/README.md +1 -1
  3. package/dist/cjs/i18n/cs.js +2 -3
  4. package/dist/cjs/i18n/da.js +2 -3
  5. package/dist/cjs/i18n/de.js +2 -3
  6. package/dist/cjs/i18n/en.js +2 -3
  7. package/dist/cjs/i18n/en_GB.js +2 -3
  8. package/dist/cjs/i18n/en_ZZ.js +2 -3
  9. package/dist/cjs/i18n/es.js +2 -3
  10. package/dist/cjs/i18n/fi.js +2 -3
  11. package/dist/cjs/i18n/fr.js +2 -3
  12. package/dist/cjs/i18n/hu.js +2 -3
  13. package/dist/cjs/i18n/it.js +2 -3
  14. package/dist/cjs/i18n/ja.js +2 -3
  15. package/dist/cjs/i18n/ko.js +2 -3
  16. package/dist/cjs/i18n/nb.js +2 -3
  17. package/dist/cjs/i18n/nl.js +2 -3
  18. package/dist/cjs/i18n/pl.js +2 -3
  19. package/dist/cjs/i18n/pt_BR.js +2 -3
  20. package/dist/cjs/i18n/ru.js +2 -3
  21. package/dist/cjs/i18n/sv.js +2 -3
  22. package/dist/cjs/i18n/th.js +2 -3
  23. package/dist/cjs/i18n/tr.js +2 -3
  24. package/dist/cjs/i18n/uk.js +2 -3
  25. package/dist/cjs/i18n/vi.js +2 -3
  26. package/dist/cjs/i18n/zh.js +2 -3
  27. package/dist/cjs/i18n/zh_TW.js +2 -3
  28. package/dist/cjs/plugins/table/commands/clear.js +3 -5
  29. package/dist/cjs/plugins/table/commands/collapse.js +2 -3
  30. package/dist/cjs/plugins/table/commands/go-to-next-cell.js +2 -3
  31. package/dist/cjs/plugins/table/commands/hover.js +8 -15
  32. package/dist/cjs/plugins/table/commands/insert.js +8 -13
  33. package/dist/cjs/plugins/table/commands/misc.js +23 -45
  34. package/dist/cjs/plugins/table/commands/referentiality.js +2 -3
  35. package/dist/cjs/plugins/table/commands/selection.js +3 -6
  36. package/dist/cjs/plugins/table/commands/sort.js +5 -6
  37. package/dist/cjs/plugins/table/commands/split-cell.js +2 -3
  38. package/dist/cjs/plugins/table/commands/toggle.js +7 -13
  39. package/dist/cjs/plugins/table/commands-with-analytics.js +19 -37
  40. package/dist/cjs/plugins/table/create-plugin-config.js +2 -3
  41. package/dist/cjs/plugins/table/event-handlers.js +12 -22
  42. package/dist/cjs/plugins/table/handlers.js +4 -5
  43. package/dist/cjs/plugins/table/index.js +8 -9
  44. package/dist/cjs/plugins/table/nodeviews/OverflowShadowsObserver.js +5 -6
  45. package/dist/cjs/plugins/table/nodeviews/TableComponent.js +2 -3
  46. package/dist/cjs/plugins/table/nodeviews/TableContainer.js +10 -13
  47. package/dist/cjs/plugins/table/nodeviews/TableResizer.js +4 -5
  48. package/dist/cjs/plugins/table/nodeviews/TableStickyScrollbar.js +5 -10
  49. package/dist/cjs/plugins/table/nodeviews/table.js +4 -6
  50. package/dist/cjs/plugins/table/nodeviews/tableCell.js +2 -3
  51. package/dist/cjs/plugins/table/nodeviews/update-overflow-shadows.js +2 -3
  52. package/dist/cjs/plugins/table/pm-plugins/decorations/plugin.js +5 -9
  53. package/dist/cjs/plugins/table/pm-plugins/decorations/utils/column-controls.js +3 -5
  54. package/dist/cjs/plugins/table/pm-plugins/decorations/utils/column-resizing.js +3 -5
  55. package/dist/cjs/plugins/table/pm-plugins/decorations/utils/compose-decorations.js +2 -3
  56. package/dist/cjs/plugins/table/pm-plugins/default-table-selection.js +2 -3
  57. package/dist/cjs/plugins/table/pm-plugins/keymap.js +1 -2
  58. package/dist/cjs/plugins/table/pm-plugins/main.js +2 -3
  59. package/dist/cjs/plugins/table/pm-plugins/plugin-factory.js +3 -6
  60. package/dist/cjs/plugins/table/pm-plugins/plugin-key.js +1 -2
  61. package/dist/cjs/plugins/table/pm-plugins/safari-delete-composition-text-issue-workaround.js +3 -5
  62. package/dist/cjs/plugins/table/pm-plugins/sticky-headers/commands.js +3 -5
  63. package/dist/cjs/plugins/table/pm-plugins/sticky-headers/nodeviews/dom.js +3 -5
  64. package/dist/cjs/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js +6 -8
  65. package/dist/cjs/plugins/table/pm-plugins/sticky-headers/plugin-key.js +1 -2
  66. package/dist/cjs/plugins/table/pm-plugins/sticky-headers/plugin-state.js +2 -4
  67. package/dist/cjs/plugins/table/pm-plugins/sticky-headers/plugin.js +2 -3
  68. package/dist/cjs/plugins/table/pm-plugins/sticky-headers/util.js +2 -3
  69. package/dist/cjs/plugins/table/pm-plugins/table-analytics.js +5 -8
  70. package/dist/cjs/plugins/table/pm-plugins/table-local-id.js +2 -3
  71. package/dist/cjs/plugins/table/pm-plugins/table-resizing/commands.js +7 -13
  72. package/dist/cjs/plugins/table/pm-plugins/table-resizing/event-handlers.js +3 -4
  73. package/dist/cjs/plugins/table/pm-plugins/table-resizing/plugin-factory.js +3 -6
  74. package/dist/cjs/plugins/table/pm-plugins/table-resizing/plugin-key.js +1 -2
  75. package/dist/cjs/plugins/table/pm-plugins/table-resizing/reducer.js +2 -3
  76. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/colgroup.js +7 -13
  77. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/column-state.js +5 -10
  78. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/consts.js +2 -4
  79. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/dom.js +8 -15
  80. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/misc.js +2 -3
  81. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/resize-column.js +2 -3
  82. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/resize-logic.js +70 -71
  83. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/resize-state.js +11 -21
  84. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/scale-table.js +5 -9
  85. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/unit-to-number.js +2 -3
  86. package/dist/cjs/plugins/table/pm-plugins/table-selection-keymap.js +1 -2
  87. package/dist/cjs/plugins/table/pm-plugins/table-width.js +3 -5
  88. package/dist/cjs/plugins/table/reducer.js +2 -3
  89. package/dist/cjs/plugins/table/toolbar.js +8 -12
  90. package/dist/cjs/plugins/table/transforms/column-width.js +4 -6
  91. package/dist/cjs/plugins/table/transforms/delete-columns.js +60 -60
  92. package/dist/cjs/plugins/table/transforms/delete-rows.js +52 -52
  93. package/dist/cjs/plugins/table/transforms/fix-tables.js +3 -6
  94. package/dist/cjs/plugins/table/transforms/replace-table.js +3 -4
  95. package/dist/cjs/plugins/table/types.js +5 -9
  96. package/dist/cjs/plugins/table/ui/ColumnResizeWidget/index.js +2 -3
  97. package/dist/cjs/plugins/table/ui/FloatingContextualButton/FixedButton.js +5 -10
  98. package/dist/cjs/plugins/table/ui/FloatingContextualButton/styles.js +3 -5
  99. package/dist/cjs/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js +7 -10
  100. package/dist/cjs/plugins/table/ui/FloatingContextualMenu/index.js +1 -2
  101. package/dist/cjs/plugins/table/ui/FloatingContextualMenu/styles.js +2 -4
  102. package/dist/cjs/plugins/table/ui/FloatingDeleteButton/DeleteButton.js +1 -2
  103. package/dist/cjs/plugins/table/ui/FloatingDeleteButton/index.js +1 -2
  104. package/dist/cjs/plugins/table/ui/FloatingInsertButton/InsertButton.js +1 -2
  105. package/dist/cjs/plugins/table/ui/FloatingInsertButton/getPopupOptions.js +1 -2
  106. package/dist/cjs/plugins/table/ui/FloatingInsertButton/index.js +2 -4
  107. package/dist/cjs/plugins/table/ui/LayoutButton/index.js +1 -2
  108. package/dist/cjs/plugins/table/ui/TableFloatingControls/CornerControls/index.js +1 -2
  109. package/dist/cjs/plugins/table/ui/TableFloatingControls/NumberColumn/index.js +2 -3
  110. package/dist/cjs/plugins/table/ui/TableFloatingControls/RowControls/index.js +1 -2
  111. package/dist/cjs/plugins/table/ui/TableFloatingControls/index.js +1 -2
  112. package/dist/cjs/plugins/table/ui/common-styles.js +23 -14
  113. package/dist/cjs/plugins/table/ui/consts.js +47 -94
  114. package/dist/cjs/plugins/table/ui/messages.js +2 -3
  115. package/dist/cjs/plugins/table/ui/ui-styles.js +32 -38
  116. package/dist/cjs/plugins/table/utils/analytics.js +7 -12
  117. package/dist/cjs/plugins/table/utils/collapse.js +3 -5
  118. package/dist/cjs/plugins/table/utils/column-controls.js +6 -11
  119. package/dist/cjs/plugins/table/utils/decoration.js +10 -19
  120. package/dist/cjs/plugins/table/utils/dom.js +16 -28
  121. package/dist/cjs/plugins/table/utils/guidelines.js +1 -2
  122. package/dist/cjs/plugins/table/utils/nodes.js +12 -23
  123. package/dist/cjs/plugins/table/utils/paste.js +10 -16
  124. package/dist/cjs/plugins/table/utils/row-controls.js +7 -13
  125. package/dist/cjs/plugins/table/utils/selection.js +5 -9
  126. package/dist/cjs/plugins/table/utils/snapping.js +4 -7
  127. package/dist/cjs/plugins/table/utils/table.js +3 -5
  128. package/dist/cjs/plugins/table/utils/update-plugin-state-decorations.js +2 -3
  129. package/dist/cjs/plugins/table-plugin.js +1 -2
  130. package/dist/es2019/plugins/table/commands/insert.js +1 -1
  131. package/dist/es2019/plugins/table/commands/sort.js +1 -1
  132. package/dist/es2019/plugins/table/handlers.js +1 -1
  133. package/dist/es2019/plugins/table/toolbar.js +1 -1
  134. package/dist/es2019/plugins/table/transforms/delete-columns.js +1 -1
  135. package/dist/es2019/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js +1 -1
  136. package/dist/es2019/plugins/table/ui/common-styles.js +40 -4
  137. package/dist/es2019/plugins/table/ui/ui-styles.js +223 -85
  138. package/dist/esm/plugins/table/commands/insert.js +1 -1
  139. package/dist/esm/plugins/table/commands/sort.js +1 -1
  140. package/dist/esm/plugins/table/event-handlers.js +1 -1
  141. package/dist/esm/plugins/table/handlers.js +1 -1
  142. package/dist/esm/plugins/table/index.js +7 -7
  143. package/dist/esm/plugins/table/nodeviews/OverflowShadowsObserver.js +3 -3
  144. package/dist/esm/plugins/table/nodeviews/TableComponent.js +1 -1
  145. package/dist/esm/plugins/table/nodeviews/TableContainer.js +6 -6
  146. package/dist/esm/plugins/table/nodeviews/TableResizer.js +2 -2
  147. package/dist/esm/plugins/table/nodeviews/TableStickyScrollbar.js +3 -7
  148. package/dist/esm/plugins/table/nodeviews/table.js +1 -1
  149. package/dist/esm/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js +3 -3
  150. package/dist/esm/plugins/table/pm-plugins/table-analytics.js +1 -1
  151. package/dist/esm/plugins/table/pm-plugins/table-resizing/event-handlers.js +1 -1
  152. package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/resize-logic.js +68 -67
  153. package/dist/esm/plugins/table/toolbar.js +2 -2
  154. package/dist/esm/plugins/table/transforms/column-width.js +1 -1
  155. package/dist/esm/plugins/table/transforms/delete-columns.js +57 -56
  156. package/dist/esm/plugins/table/transforms/delete-rows.js +51 -50
  157. package/dist/esm/plugins/table/transforms/replace-table.js +1 -1
  158. package/dist/esm/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js +2 -2
  159. package/dist/esm/plugins/table/ui/common-styles.js +20 -6
  160. package/dist/esm/plugins/table/ui/ui-styles.js +18 -10
  161. package/dist/esm/plugins/table/utils/analytics.js +1 -1
  162. package/dist/esm/plugins/table/utils/dom.js +1 -1
  163. package/dist/esm/plugins/table/utils/paste.js +4 -4
  164. package/dist/types/plugins/table/commands/sort.d.ts +2 -2
  165. package/dist/types/plugins/table/commands-with-analytics.d.ts +4 -4
  166. package/dist/types/plugins/table/handlers.d.ts +2 -2
  167. package/dist/types/plugins/table/nodeviews/TableComponent.d.ts +1 -1
  168. package/dist/types/plugins/table/types.d.ts +1 -1
  169. package/dist/types/plugins/table/ui/TableFloatingControls/index.d.ts +4 -4
  170. package/dist/types-ts4.5/plugins/table/commands/sort.d.ts +2 -2
  171. package/dist/types-ts4.5/plugins/table/commands-with-analytics.d.ts +4 -4
  172. package/dist/types-ts4.5/plugins/table/handlers.d.ts +2 -2
  173. package/dist/types-ts4.5/plugins/table/nodeviews/TableComponent.d.ts +1 -1
  174. package/dist/types-ts4.5/plugins/table/types.d.ts +1 -1
  175. package/dist/types-ts4.5/plugins/table/ui/TableFloatingControls/index.d.ts +4 -4
  176. package/docs/0-intro.tsx +1 -1
  177. package/package.json +8 -4
  178. package/src/__tests__/integration/__snapshots__/auto-size.ts.snap +3 -0
  179. package/src/__tests__/integration/__snapshots__/copy-button.ts.snap +2 -0
  180. package/src/__tests__/integration/__snapshots__/delete-columns.ts.snap +2 -0
  181. package/src/__tests__/integration/__snapshots__/delete-last-column-in-full-width.ts.snap +1 -0
  182. package/src/__tests__/integration/__snapshots__/delete-last-column-with-empty-action.ts.snap +1 -0
  183. package/src/__tests__/integration/__snapshots__/delete-last-row-with-empty-action.ts.snap +2 -0
  184. package/src/__tests__/integration/__snapshots__/delete-rows.ts.snap +3 -0
  185. package/src/__tests__/integration/__snapshots__/deleting-empty-paragraph-under-table.ts.snap +3 -0
  186. package/src/__tests__/integration/__snapshots__/even-columns.ts.snap +2 -0
  187. package/src/__tests__/integration/__snapshots__/insert-cell-header-with-strong-mark.ts.snap +1 -0
  188. package/src/__tests__/integration/__snapshots__/insert-row-inside-layout.ts.snap +1 -0
  189. package/src/__tests__/integration/__snapshots__/layout.ts.snap +9 -0
  190. package/src/__tests__/integration/__snapshots__/resize.ts.snap +11 -0
  191. package/src/__tests__/integration/__snapshots__/scale.ts.snap +2 -0
  192. package/src/__tests__/unit/commands/sort.ts +1 -1
  193. package/src/__tests__/unit/pm-plugins/table-width.ts +190 -1
  194. package/src/__tests__/unit/sort-column.ts +1 -1
  195. package/src/plugins/table/commands/insert.ts +1 -1
  196. package/src/plugins/table/commands/sort.ts +7 -7
  197. package/src/plugins/table/commands-with-analytics.ts +11 -6
  198. package/src/plugins/table/handlers.ts +7 -8
  199. package/src/plugins/table/nodeviews/TableComponent.tsx +1 -1
  200. package/src/plugins/table/nodeviews/table.tsx +1 -1
  201. package/src/plugins/table/toolbar.tsx +1 -1
  202. package/src/plugins/table/transforms/delete-columns.ts +1 -1
  203. package/src/plugins/table/types.ts +1 -1
  204. package/src/plugins/table/ui/FloatingContextualMenu/ContextualMenu.tsx +1 -1
  205. package/src/plugins/table/ui/TableFloatingControls/index.tsx +4 -4
  206. package/src/plugins/table/ui/common-styles.ts +46 -4
  207. package/src/plugins/table/ui/ui-styles.ts +235 -90
  208. package/tsconfig.app.json +3 -0
  209. package/tsconfig.dev.json +3 -0
@@ -10,11 +10,10 @@ var _utils = require("@atlaskit/editor-prosemirror/utils");
10
10
  var _tableMap = require("@atlaskit/editor-tables/table-map");
11
11
  var _utils2 = require("@atlaskit/editor-tables/utils");
12
12
  var _pluginKey = require("../pm-plugins/plugin-key");
13
- var isIsolating = function isIsolating(node) {
13
+ var isIsolating = exports.isIsolating = function isIsolating(node) {
14
14
  return !!node.type.spec.isolating;
15
15
  };
16
- exports.isIsolating = isIsolating;
17
- var containsHeaderColumn = function containsHeaderColumn(table) {
16
+ var containsHeaderColumn = exports.containsHeaderColumn = function containsHeaderColumn(table) {
18
17
  var map = _tableMap.TableMap.get(table);
19
18
  // Get cell positions for first column.
20
19
  var cellPositions = map.cellsInRect({
@@ -35,8 +34,7 @@ var containsHeaderColumn = function containsHeaderColumn(table) {
35
34
  }
36
35
  return true;
37
36
  };
38
- exports.containsHeaderColumn = containsHeaderColumn;
39
- var containsHeaderRow = function containsHeaderRow(table) {
37
+ var containsHeaderRow = exports.containsHeaderRow = function containsHeaderRow(table) {
40
38
  var map = _tableMap.TableMap.get(table);
41
39
  for (var i = 0; i < map.width; i++) {
42
40
  var cell = table.nodeAt(map.map[i]);
@@ -46,22 +44,18 @@ var containsHeaderRow = function containsHeaderRow(table) {
46
44
  }
47
45
  return true;
48
46
  };
49
- exports.containsHeaderRow = containsHeaderRow;
50
- var checkIfHeaderColumnEnabled = function checkIfHeaderColumnEnabled(selection) {
47
+ var checkIfHeaderColumnEnabled = exports.checkIfHeaderColumnEnabled = function checkIfHeaderColumnEnabled(selection) {
51
48
  return filterNearSelection(selection, _utils2.findTable, containsHeaderColumn, false);
52
49
  };
53
- exports.checkIfHeaderColumnEnabled = checkIfHeaderColumnEnabled;
54
- var checkIfHeaderRowEnabled = function checkIfHeaderRowEnabled(selection) {
50
+ var checkIfHeaderRowEnabled = exports.checkIfHeaderRowEnabled = function checkIfHeaderRowEnabled(selection) {
55
51
  return filterNearSelection(selection, _utils2.findTable, containsHeaderRow, false);
56
52
  };
57
- exports.checkIfHeaderRowEnabled = checkIfHeaderRowEnabled;
58
- var checkIfNumberColumnEnabled = function checkIfNumberColumnEnabled(selection) {
53
+ var checkIfNumberColumnEnabled = exports.checkIfNumberColumnEnabled = function checkIfNumberColumnEnabled(selection) {
59
54
  return filterNearSelection(selection, _utils2.findTable, function (table) {
60
55
  return !!table.attrs.isNumberColumnEnabled;
61
56
  }, false);
62
57
  };
63
- exports.checkIfNumberColumnEnabled = checkIfNumberColumnEnabled;
64
- var isLayoutSupported = function isLayoutSupported(state) {
58
+ var isLayoutSupported = exports.isLayoutSupported = function isLayoutSupported(state) {
65
59
  var _pluginKey$getState;
66
60
  var _ref = ((_pluginKey$getState = _pluginKey.pluginKey.getState(state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.pluginConfig) || {},
67
61
  permittedLayouts = _ref.permittedLayouts;
@@ -71,14 +65,12 @@ var isLayoutSupported = function isLayoutSupported(state) {
71
65
  expand = _state$schema$nodes.expand;
72
66
  return !(0, _utils.hasParentNodeOfType)([expand, layoutSection, bodiedExtension])(state.selection) && !!permittedLayouts && (permittedLayouts === 'all' || permittedLayouts.indexOf('default') > -1 && permittedLayouts.indexOf('wide') > -1 && permittedLayouts.indexOf('full-width') > -1);
73
67
  };
74
- exports.isLayoutSupported = isLayoutSupported;
75
- var getTableWidth = function getTableWidth(node) {
68
+ var getTableWidth = exports.getTableWidth = function getTableWidth(node) {
76
69
  return getTableWidths(node).reduce(function (acc, current) {
77
70
  return acc + current;
78
71
  }, 0);
79
72
  };
80
- exports.getTableWidth = getTableWidth;
81
- var tablesHaveDifferentColumnWidths = function tablesHaveDifferentColumnWidths(currentTable, previousTable) {
73
+ var tablesHaveDifferentColumnWidths = exports.tablesHaveDifferentColumnWidths = function tablesHaveDifferentColumnWidths(currentTable, previousTable) {
82
74
  var currentTableWidths = getTableWidths(currentTable);
83
75
  var previousTableWidths = getTableWidths(previousTable);
84
76
  if (currentTableWidths.length !== previousTableWidths.length) {
@@ -89,13 +81,11 @@ var tablesHaveDifferentColumnWidths = function tablesHaveDifferentColumnWidths(c
89
81
  });
90
82
  return sameWidths === false;
91
83
  };
92
- exports.tablesHaveDifferentColumnWidths = tablesHaveDifferentColumnWidths;
93
- var tablesHaveDifferentNoOfColumns = function tablesHaveDifferentNoOfColumns(currentTable, previousTable) {
84
+ var tablesHaveDifferentNoOfColumns = exports.tablesHaveDifferentNoOfColumns = function tablesHaveDifferentNoOfColumns(currentTable, previousTable) {
94
85
  var prevMap = _tableMap.TableMap.get(previousTable);
95
86
  var currentMap = _tableMap.TableMap.get(currentTable);
96
87
  return prevMap.width !== currentMap.width;
97
88
  };
98
- exports.tablesHaveDifferentNoOfColumns = tablesHaveDifferentNoOfColumns;
99
89
  function filterNearSelection(selection, findNode, predicate, defaultValue) {
100
90
  var found = findNode(selection);
101
91
  if (!found) {
@@ -116,10 +106,9 @@ function getTableWidths(node) {
116
106
  });
117
107
  return tableWidths;
118
108
  }
119
- var isTableNested = function isTableNested(state) {
109
+ var isTableNested = exports.isTableNested = function isTableNested(state) {
120
110
  var tablePos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
121
111
  var parent = state.doc.resolve(tablePos).parent;
122
112
  var nodeTypes = state.schema.nodes;
123
113
  return parent.type === nodeTypes.layoutColumn || parent.type === nodeTypes.expand || parent.type === nodeTypes.bodiedExtension;
124
- };
125
- exports.isTableNested = isTableNested;
114
+ };
@@ -12,7 +12,7 @@ var _model = require("@atlaskit/editor-prosemirror/model");
12
12
  var _utils2 = require("@atlaskit/editor-prosemirror/utils");
13
13
  var _pluginFactory = require("../pm-plugins/plugin-factory");
14
14
  // lifts up the content of each cell, returning an array of nodes
15
- var unwrapContentFromTable = function unwrapContentFromTable(maybeTable) {
15
+ var unwrapContentFromTable = exports.unwrapContentFromTable = function unwrapContentFromTable(maybeTable) {
16
16
  var schema = maybeTable.type.schema;
17
17
  if (maybeTable.type === schema.nodes.table) {
18
18
  var content = [];
@@ -31,12 +31,10 @@ var unwrapContentFromTable = function unwrapContentFromTable(maybeTable) {
31
31
  }
32
32
  return maybeTable;
33
33
  };
34
- exports.unwrapContentFromTable = unwrapContentFromTable;
35
- var removeTableFromFirstChild = function removeTableFromFirstChild(node, i) {
34
+ var removeTableFromFirstChild = exports.removeTableFromFirstChild = function removeTableFromFirstChild(node, i) {
36
35
  return i === 0 ? unwrapContentFromTable(node) : node;
37
36
  };
38
- exports.removeTableFromFirstChild = removeTableFromFirstChild;
39
- var removeTableFromLastChild = function removeTableFromLastChild(node, i, fragment) {
37
+ var removeTableFromLastChild = exports.removeTableFromLastChild = function removeTableFromLastChild(node, i, fragment) {
40
38
  return i === fragment.childCount - 1 ? unwrapContentFromTable(node) : node;
41
39
  };
42
40
 
@@ -45,8 +43,7 @@ var removeTableFromLastChild = function removeTableFromLastChild(node, i, fragme
45
43
  * the slice generated will come with a hardBreak outside of the table.
46
44
  * This code will look for that pattern and fix it.
47
45
  */
48
- exports.removeTableFromLastChild = removeTableFromLastChild;
49
- var transformSliceToFixHardBreakProblemOnCopyFromCell = function transformSliceToFixHardBreakProblemOnCopyFromCell(slice, schema) {
46
+ var transformSliceToFixHardBreakProblemOnCopyFromCell = exports.transformSliceToFixHardBreakProblemOnCopyFromCell = function transformSliceToFixHardBreakProblemOnCopyFromCell(slice, schema) {
50
47
  var _schema$nodes2 = schema.nodes,
51
48
  paragraph = _schema$nodes2.paragraph,
52
49
  table = _schema$nodes2.table,
@@ -66,9 +63,8 @@ var transformSliceToFixHardBreakProblemOnCopyFromCell = function transformSliceT
66
63
  }
67
64
  return slice;
68
65
  };
69
- exports.transformSliceToFixHardBreakProblemOnCopyFromCell = transformSliceToFixHardBreakProblemOnCopyFromCell;
70
- var transformSliceToRemoveOpenTable = function transformSliceToRemoveOpenTable(slice, schema) {
71
- var _slice$content$firstC6;
66
+ var transformSliceToRemoveOpenTable = exports.transformSliceToRemoveOpenTable = function transformSliceToRemoveOpenTable(slice, schema) {
67
+ var _slice$content$firstC2;
72
68
  // we're removing the table, tableRow and tableCell reducing the open depth by 3
73
69
  var depthDecrement = 3;
74
70
 
@@ -78,14 +74,14 @@ var transformSliceToRemoveOpenTable = function transformSliceToRemoveOpenTable(s
78
74
  slice.openStart >= 4 && slice.openEnd >= 4 &&
79
75
  // slice is a table node
80
76
  slice.content.childCount === 1 && slice.content.firstChild.type === schema.nodes.table) {
81
- var _slice$content$firstC, _slice$content$firstC2, _slice$content$firstC3, _slice$content$firstC4, _slice$content$firstC5;
77
+ var _slice$content$firstC;
82
78
  // prosemirror-view has a bug that it duplicates table entry when selecting multiple paragraphs in a table cell.
83
79
  // https://github.com/ProseMirror/prosemirror/issues/1270
84
80
  // The structure becomes
85
81
  // table(genuine) > tableRow(genuine) > table(duplicated) > tableRow(duplicated) > tableCell/tableHeader(genuine) > contents(genuine)
86
82
  // As we are removing wrapping table anyway, we keep duplicated table and tableRow for simplicity
87
83
  var cleaned = slice;
88
- if (((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : (_slice$content$firstC2 = _slice$content$firstC.content) === null || _slice$content$firstC2 === void 0 ? void 0 : (_slice$content$firstC3 = _slice$content$firstC2.firstChild) === null || _slice$content$firstC3 === void 0 ? void 0 : (_slice$content$firstC4 = _slice$content$firstC3.content) === null || _slice$content$firstC4 === void 0 ? void 0 : (_slice$content$firstC5 = _slice$content$firstC4.firstChild) === null || _slice$content$firstC5 === void 0 ? void 0 : _slice$content$firstC5.type) === schema.nodes.table) {
84
+ if (((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 || (_slice$content$firstC = _slice$content$firstC.content) === null || _slice$content$firstC === void 0 || (_slice$content$firstC = _slice$content$firstC.firstChild) === null || _slice$content$firstC === void 0 || (_slice$content$firstC = _slice$content$firstC.content) === null || _slice$content$firstC === void 0 || (_slice$content$firstC = _slice$content$firstC.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === schema.nodes.table) {
89
85
  cleaned = new _model.Slice(slice.content.firstChild.content.firstChild.content, slice.openStart - 2, slice.openEnd - 2);
90
86
  }
91
87
  return new _model.Slice((0, _utils.flatmap)(cleaned.content, unwrapContentFromTable), cleaned.openStart - depthDecrement, cleaned.openEnd - depthDecrement);
@@ -96,15 +92,14 @@ var transformSliceToRemoveOpenTable = function transformSliceToRemoveOpenTable(s
96
92
  // starts inside of a cell but ends outside of the starting table
97
93
  slice.openStart >= 4 &&
98
94
  // slice starts from a table node (and spans across more than one node)
99
- slice.content.childCount > 1 && ((_slice$content$firstC6 = slice.content.firstChild) === null || _slice$content$firstC6 === void 0 ? void 0 : _slice$content$firstC6.type) === schema.nodes.table) {
95
+ slice.content.childCount > 1 && ((_slice$content$firstC2 = slice.content.firstChild) === null || _slice$content$firstC2 === void 0 ? void 0 : _slice$content$firstC2.type) === schema.nodes.table) {
100
96
  // repoint the slice's cutting depth so that cell content where the slice starts
101
97
  // does not get lifted out of the cell on paste
102
98
  return new _model.Slice(slice.content, 1, slice.openEnd);
103
99
  }
104
100
  return slice;
105
101
  };
106
- exports.transformSliceToRemoveOpenTable = transformSliceToRemoveOpenTable;
107
- var transformSliceToCorrectEmptyTableCells = function transformSliceToCorrectEmptyTableCells(slice, schema) {
102
+ var transformSliceToCorrectEmptyTableCells = exports.transformSliceToCorrectEmptyTableCells = function transformSliceToCorrectEmptyTableCells(slice, schema) {
108
103
  var _schema$nodes3 = schema.nodes,
109
104
  tableCell = _schema$nodes3.tableCell,
110
105
  tableHeader = _schema$nodes3.tableHeader;
@@ -115,7 +110,6 @@ var transformSliceToCorrectEmptyTableCells = function transformSliceToCorrectEmp
115
110
  return node;
116
111
  });
117
112
  };
118
- exports.transformSliceToCorrectEmptyTableCells = transformSliceToCorrectEmptyTableCells;
119
113
  function isHeaderRowRequired(state) {
120
114
  var tableState = (0, _pluginFactory.getPluginState)(state);
121
115
  return tableState && tableState.pluginConfig.isHeaderRowRequired;
@@ -15,7 +15,7 @@ var _types = require("../types");
15
15
  var _consts = require("../ui/consts");
16
16
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
17
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
- var getRowHeights = function getRowHeights(tableRef) {
18
+ var getRowHeights = exports.getRowHeights = function getRowHeights(tableRef) {
19
19
  var heights = [];
20
20
  var tableBody = tableRef.querySelector('tbody');
21
21
  if (tableBody) {
@@ -34,15 +34,13 @@ var getRowHeights = function getRowHeights(tableRef) {
34
34
  }
35
35
  return heights;
36
36
  };
37
- exports.getRowHeights = getRowHeights;
38
- var isRowDeleteButtonVisible = function isRowDeleteButtonVisible(selection) {
37
+ var isRowDeleteButtonVisible = exports.isRowDeleteButtonVisible = function isRowDeleteButtonVisible(selection) {
39
38
  if (!(0, _utils3.isTableSelected)(selection) && selection instanceof _cellSelection.CellSelection && selection.isRowSelection()) {
40
39
  return true;
41
40
  }
42
41
  return false;
43
42
  };
44
- exports.isRowDeleteButtonVisible = isRowDeleteButtonVisible;
45
- var getRowDeleteButtonParams = function getRowDeleteButtonParams(rowsHeights, selection) {
43
+ var getRowDeleteButtonParams = exports.getRowDeleteButtonParams = function getRowDeleteButtonParams(rowsHeights, selection) {
46
44
  var offsetTop = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
47
45
  var rect = (0, _utils3.getSelectionRect)(selection);
48
46
  if (!rect) {
@@ -72,8 +70,7 @@ var getRowDeleteButtonParams = function getRowDeleteButtonParams(rowsHeights, se
72
70
  indexes: indexes
73
71
  };
74
72
  };
75
- exports.getRowDeleteButtonParams = getRowDeleteButtonParams;
76
- var getRowsParams = function getRowsParams(rowsHeights) {
73
+ var getRowsParams = exports.getRowsParams = function getRowsParams(rowsHeights) {
77
74
  var rows = [];
78
75
  for (var i = 0, count = rowsHeights.length; i < count; i++) {
79
76
  var height = rowsHeights[i];
@@ -95,8 +92,7 @@ var getRowsParams = function getRowsParams(rowsHeights) {
95
92
  }
96
93
  return rows;
97
94
  };
98
- exports.getRowsParams = getRowsParams;
99
- var getRowClassNames = function getRowClassNames(index, selection) {
95
+ var getRowClassNames = exports.getRowClassNames = function getRowClassNames(index, selection) {
100
96
  var hoveredRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
101
97
  var isInDanger = arguments.length > 3 ? arguments[3] : undefined;
102
98
  var isResizing = arguments.length > 4 ? arguments[4] : undefined;
@@ -109,8 +105,7 @@ var getRowClassNames = function getRowClassNames(index, selection) {
109
105
  }
110
106
  return classNames.join(' ');
111
107
  };
112
- exports.getRowClassNames = getRowClassNames;
113
- var copyPreviousRow = function copyPreviousRow(schema) {
108
+ var copyPreviousRow = exports.copyPreviousRow = function copyPreviousRow(schema) {
114
109
  return function (insertNewRowIndex) {
115
110
  return function (tr) {
116
111
  var table = (0, _utils3.findTable)(tr.selection);
@@ -190,5 +185,4 @@ var copyPreviousRow = function copyPreviousRow(schema) {
190
185
  return (0, _utils2.safeInsert)(tableRow.createChecked(cloneRow.attrs, cells, cloneRow.marks), rowPos)(tr);
191
186
  };
192
187
  };
193
- };
194
- exports.copyPreviousRow = copyPreviousRow;
188
+ };
@@ -7,10 +7,9 @@ exports.normalizeSelection = exports.isSelectionUpdated = exports.getSelectedRow
7
7
  var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
8
8
  var _tableMap = require("@atlaskit/editor-tables/table-map");
9
9
  var _utils = require("@atlaskit/editor-tables/utils");
10
- var isSelectionUpdated = function isSelectionUpdated(oldSelection, newSelection) {
10
+ var isSelectionUpdated = exports.isSelectionUpdated = function isSelectionUpdated(oldSelection, newSelection) {
11
11
  return !!(!newSelection && oldSelection) || (0, _utils.isSelectionType)(oldSelection, 'cell') !== (0, _utils.isSelectionType)(newSelection, 'cell') || (0, _utils.isSelectionType)(oldSelection, 'cell') && (0, _utils.isSelectionType)(newSelection, 'cell') && oldSelection.ranges !== newSelection.ranges;
12
12
  };
13
- exports.isSelectionUpdated = isSelectionUpdated;
14
13
  var isRectangularCellSelection = function isRectangularCellSelection(selection, rect) {
15
14
  var table = (0, _utils.findTable)(selection);
16
15
  if (!table) {
@@ -40,7 +39,7 @@ var isRectangularCellSelection = function isRectangularCellSelection(selection,
40
39
  }
41
40
  return true;
42
41
  };
43
- var normalizeSelection = function normalizeSelection(tr) {
42
+ var normalizeSelection = exports.normalizeSelection = function normalizeSelection(tr) {
44
43
  var selection = tr.selection;
45
44
  var rect = (0, _utils.getSelectionRect)(selection);
46
45
  if (!rect || !(selection instanceof _cellSelection.CellSelection) || isRectangularCellSelection(selection, rect)) {
@@ -64,20 +63,17 @@ var normalizeSelection = function normalizeSelection(tr) {
64
63
  }
65
64
  return tr;
66
65
  };
67
- exports.normalizeSelection = normalizeSelection;
68
- var getSelectedColumnIndexes = function getSelectedColumnIndexes(selectionRect) {
66
+ var getSelectedColumnIndexes = exports.getSelectedColumnIndexes = function getSelectedColumnIndexes(selectionRect) {
69
67
  var columnIndexes = [];
70
68
  for (var i = selectionRect.left; i < selectionRect.right; i++) {
71
69
  columnIndexes.push(i);
72
70
  }
73
71
  return columnIndexes;
74
72
  };
75
- exports.getSelectedColumnIndexes = getSelectedColumnIndexes;
76
- var getSelectedRowIndexes = function getSelectedRowIndexes(selectionRect) {
73
+ var getSelectedRowIndexes = exports.getSelectedRowIndexes = function getSelectedRowIndexes(selectionRect) {
77
74
  var rowIndexes = [];
78
75
  for (var i = selectionRect.top; i < selectionRect.bottom; i++) {
79
76
  rowIndexes.push(i);
80
77
  }
81
78
  return rowIndexes;
82
- };
83
- exports.getSelectedRowIndexes = getSelectedRowIndexes;
79
+ };
@@ -14,18 +14,16 @@ var calculateSubSnappingWidths = function calculateSubSnappingWidths(totalLanes,
14
14
  return v * (i + 1) * 2;
15
15
  });
16
16
  };
17
- var calculateDefaultSnappings = function calculateDefaultSnappings() {
17
+ var calculateDefaultSnappings = exports.calculateDefaultSnappings = function calculateDefaultSnappings() {
18
18
  var lengthOffset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
19
19
  return [].concat((0, _toConsumableArray2.default)(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, _editorSharedStyles.akEditorDefaultLayoutWidth + lengthOffset)), [_editorSharedStyles.akEditorDefaultLayoutWidth + lengthOffset, _editorSharedStyles.akEditorCalculatedWideLayoutWidth + lengthOffset, _editorSharedStyles.akEditorFullWidthLayoutWidth + lengthOffset]);
20
20
  };
21
- exports.calculateDefaultSnappings = calculateDefaultSnappings;
22
- var defaultSnappingWidths = calculateDefaultSnappings();
21
+ var defaultSnappingWidths = exports.defaultSnappingWidths = calculateDefaultSnappings();
23
22
 
24
23
  /**
25
24
  * Returns keys of guidelines that are closest to the table and withthin the snapGap
26
25
  */
27
- exports.defaultSnappingWidths = defaultSnappingWidths;
28
- var findClosestSnap = function findClosestSnap(currentWidth, snapWidths, guidelines) {
26
+ var findClosestSnap = exports.findClosestSnap = function findClosestSnap(currentWidth, snapWidths, guidelines) {
29
27
  var snapGap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
30
28
  var tolerance = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
31
29
  var closestGapIndex = snapWidths.reduce(function (prev, curr, index) {
@@ -53,5 +51,4 @@ var findClosestSnap = function findClosestSnap(currentWidth, snapWidths, guideli
53
51
  gap: gap,
54
52
  keys: []
55
53
  };
56
- };
57
- exports.findClosestSnap = findClosestSnap;
54
+ };
@@ -8,7 +8,7 @@ exports.getMergedCellsPositions = exports.colsToRect = void 0;
8
8
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
9
9
  var _tableMap = require("@atlaskit/editor-tables/table-map");
10
10
  var _utils = require("@atlaskit/editor-tables/utils");
11
- var getMergedCellsPositions = function getMergedCellsPositions(tr) {
11
+ var getMergedCellsPositions = exports.getMergedCellsPositions = function getMergedCellsPositions(tr) {
12
12
  var table = (0, _utils.findTable)(tr.selection);
13
13
  if (!table) {
14
14
  return [];
@@ -25,13 +25,11 @@ var getMergedCellsPositions = function getMergedCellsPositions(tr) {
25
25
  });
26
26
  return mergedCells;
27
27
  };
28
- exports.getMergedCellsPositions = getMergedCellsPositions;
29
- var colsToRect = function colsToRect(cols, noOfRows) {
28
+ var colsToRect = exports.colsToRect = function colsToRect(cols, noOfRows) {
30
29
  return {
31
30
  left: Math.min.apply(Math, (0, _toConsumableArray2.default)(cols)),
32
31
  right: Math.max.apply(Math, (0, _toConsumableArray2.default)(cols)) + 1,
33
32
  top: 0,
34
33
  bottom: noOfRows
35
34
  };
36
- };
37
- exports.colsToRect = colsToRect;
35
+ };
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.updatePluginStateDecorations = void 0;
7
7
  var _plugin = require("../pm-plugins/decorations/plugin");
8
8
  var _decoration = require("./decoration");
9
- var updatePluginStateDecorations = function updatePluginStateDecorations(state, decorations, key) {
9
+ var updatePluginStateDecorations = exports.updatePluginStateDecorations = function updatePluginStateDecorations(state, decorations, key) {
10
10
  return (0, _decoration.updateDecorations)(state.doc, (0, _plugin.getDecorations)(state), decorations, key);
11
- };
12
- exports.updatePluginStateDecorations = updatePluginStateDecorations;
11
+ };
@@ -6,5 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _table = _interopRequireDefault(require("./table"));
9
- var _default = _table.default;
10
- exports.default = _default;
9
+ var _default = exports.default = _table.default;
@@ -1,5 +1,5 @@
1
1
  // #region Imports
2
- import { AddColumnStep } from '@atlaskit/adf-schema/steps';
2
+ import { AddColumnStep } from '@atlaskit/custom-steps';
3
3
  import { TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
4
4
  import { Selection } from '@atlaskit/editor-prosemirror/state';
5
5
  import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
@@ -1,4 +1,4 @@
1
- import { TableSortOrder as SortOrder, TableSortStep } from '@atlaskit/adf-schema/steps';
1
+ import { TableSortOrder as SortOrder, TableSortStep } from '@atlaskit/custom-steps';
2
2
  import { createCompareNodes } from '@atlaskit/editor-common/utils';
3
3
  import { Selection } from '@atlaskit/editor-prosemirror/state';
4
4
  import { TableMap } from '@atlaskit/editor-tables/table-map';
@@ -1,5 +1,5 @@
1
1
  // #region Imports
2
- import { TableSortStep } from '@atlaskit/adf-schema/steps';
2
+ import { TableSortStep } from '@atlaskit/custom-steps';
3
3
  import { isTextInput } from '@atlaskit/editor-common/utils';
4
4
 
5
5
  // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
@@ -1,7 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import { jsx } from '@emotion/react';
3
3
  import { defineMessages } from 'react-intl-next';
4
- import { TableSortOrder as SortOrder } from '@atlaskit/adf-schema/steps';
4
+ import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
5
5
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
6
6
  import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
7
7
  import commonMessages from '@atlaskit/editor-common/messages';
@@ -1,4 +1,4 @@
1
- import { AddColumnStep } from '@atlaskit/adf-schema/steps';
1
+ import { AddColumnStep } from '@atlaskit/custom-steps';
2
2
  import { TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
3
3
  import { Selection } from '@atlaskit/editor-prosemirror/state';
4
4
  import { TableMap } from '@atlaskit/editor-tables/table-map';
@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import { Component } from 'react';
4
4
  import { jsx } from '@emotion/react';
5
5
  import { defineMessages, injectIntl } from 'react-intl-next';
6
- import { TableSortOrder as SortOrder } from '@atlaskit/adf-schema/steps';
6
+ import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
7
7
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
8
8
  import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
9
9
  import { DropdownMenuSharedCssClassName } from '@atlaskit/editor-common/styles';
@@ -120,6 +120,44 @@ const breakoutWidthStyling = () => {
120
120
  }
121
121
  `;
122
122
  };
123
+ const tableBorderStyles = props => {
124
+ if (getBooleanFF('platform.editor.table.column-controls-styles-updated')) {
125
+ return `border-color: ${tableBorderDeleteColor(props)}`;
126
+ } else {
127
+ return `border: 1px solid ${tableBorderDeleteColor(props)}`;
128
+ }
129
+ };
130
+ const tableStickyHeaderColumnControlsDecorationsStyle = props => {
131
+ if (getBooleanFF('platform.editor.table.column-controls-styles-updated')) {
132
+ return css`
133
+ .${ClassName.TABLE_STICKY} .${ClassName.COLUMN_CONTROLS_DECORATIONS} {
134
+ z-index: 0;
135
+ left: -1px;
136
+ }
137
+
138
+ .${ClassName.TABLE_STICKY}
139
+ .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
140
+ border-left: 1px solid ${tableBorderColor(props)};
141
+ }
142
+
143
+ .${ClassName.TABLE_STICKY}
144
+ tr:first-of-type
145
+ th.${ClassName.TABLE_HEADER_CELL} {
146
+ &.${ClassName.COLUMN_SELECTED}, &.${ClassName.HOVERED_COLUMN} {
147
+ .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
148
+ left: 0;
149
+ }
150
+ }
151
+ }
152
+ `;
153
+ } else {
154
+ return css`
155
+ .${ClassName.TABLE_STICKY} .${ClassName.COLUMN_CONTROLS_DECORATIONS} {
156
+ z-index: 0;
157
+ }
158
+ `;
159
+ }
160
+ };
123
161
  const tableWrapperStyles = () => {
124
162
  if (getBooleanFF('platform.editor.custom-table-width')) {
125
163
  return css`
@@ -249,9 +287,7 @@ export const tableStyles = props => {
249
287
  width: ${tableToolbarSize}px;
250
288
  }
251
289
 
252
- .${ClassName.TABLE_STICKY} .${ClassName.COLUMN_CONTROLS_DECORATIONS} {
253
- z-index: 0;
254
- }
290
+ ${tableStickyHeaderColumnControlsDecorationsStyle(props)}
255
291
 
256
292
  .${ClassName.TABLE_STICKY}
257
293
  .${ClassName.ROW_CONTROLS}
@@ -709,7 +745,7 @@ export const tableStyles = props => {
709
745
  pointer-events: none;
710
746
  }
711
747
  &.${ClassName.HOVERED_CELL_IN_DANGER}::after {
712
- border: 1px solid ${tableBorderDeleteColor(props)};
748
+ ${tableBorderStyles(props)};
713
749
  z-index: ${akEditorUnitZIndex * 100};
714
750
  }
715
751
  }