@atlaskit/editor-plugin-table 7.25.2 → 7.25.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 (10) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/nodeviews/TableComponent.js +4 -9
  3. package/dist/cjs/pm-plugins/main.js +0 -1
  4. package/dist/es2019/nodeviews/TableComponent.js +4 -9
  5. package/dist/es2019/pm-plugins/main.js +1 -2
  6. package/dist/esm/nodeviews/TableComponent.js +4 -9
  7. package/dist/esm/pm-plugins/main.js +1 -2
  8. package/package.json +9 -12
  9. package/src/nodeviews/TableComponent.tsx +6 -6
  10. package/src/pm-plugins/main.ts +0 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/editor-plugin-table
2
2
 
3
+ ## 7.25.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`46b889c01d03e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/46b889c01d03e) -
8
+ [ux] Clean up Reaact 18 Feature Flags
9
+
3
10
  ## 7.25.2
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/nodeviews/TableComponent.js CHANGED
@@ -360,6 +360,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
360
360
  (0, _createClass2.default)(TableComponent, [{
361
361
  key: "componentDidMount",
362
362
  value: function componentDidMount() {
363
+ var _this$table2;
363
364
  var _this$props7 = this.props,
364
365
  allowColumnResizing = _this$props7.allowColumnResizing,
365
366
  eventDispatcher = _this$props7.eventDispatcher,
@@ -377,10 +378,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
377
378
  this === null || this === void 0 || (_this$table = this.table) === null || _this$table === void 0 || _this$table.addEventListener('mouseenter', this.handleMouseEnter);
378
379
  }
379
380
  }
380
- if ((0, _platformFeatureFlags.fg)('editor_react_18_fix_table_delete_col_decorations')) {
381
- var _this$table2;
382
- this === null || this === void 0 || (_this$table2 = this.table) === null || _this$table2 === void 0 || _this$table2.addEventListener('mouseout', this.handleMouseOut);
383
- }
381
+ this === null || this === void 0 || (_this$table2 = this.table) === null || _this$table2 === void 0 || _this$table2.addEventListener('mouseout', this.handleMouseOut);
384
382
  if ((0, _platformFeatureFlags.fg)('platform_editor_react_18_table_column_resize_hover')) {
385
383
  var _this$table3;
386
384
  this === null || this === void 0 || (_this$table3 = this.table) === null || _this$table3 === void 0 || _this$table3.addEventListener('mouseover', this.handleMouseOver);
@@ -434,7 +432,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
434
432
  }, {
435
433
  key: "componentWillUnmount",
436
434
  value: function componentWillUnmount() {
437
- var _this$resizeObserver;
435
+ var _this$resizeObserver, _this$table5;
438
436
  var _this$props8 = this.props,
439
437
  allowColumnResizing = _this$props8.allowColumnResizing,
440
438
  eventDispatcher = _this$props8.eventDispatcher,
@@ -469,10 +467,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
469
467
  var _this$table4;
470
468
  this === null || this === void 0 || (_this$table4 = this.table) === null || _this$table4 === void 0 || _this$table4.removeEventListener('mouseenter', this.handleMouseEnter);
471
469
  }
472
- if ((0, _platformFeatureFlags.fg)('editor_react_18_fix_table_delete_col_decorations')) {
473
- var _this$table5;
474
- this === null || this === void 0 || (_this$table5 = this.table) === null || _this$table5 === void 0 || _this$table5.removeEventListener('mouseout', this.handleMouseOut);
475
- }
470
+ this === null || this === void 0 || (_this$table5 = this.table) === null || _this$table5 === void 0 || _this$table5.removeEventListener('mouseout', this.handleMouseOut);
476
471
  if ((0, _platformFeatureFlags.fg)('platform_editor_react_18_table_column_resize_hover')) {
477
472
  var _this$table6;
478
473
  this === null || this === void 0 || (_this$table6 = this.table) === null || _this$table6 === void 0 || _this$table6.removeEventListener('mouseover', this.handleMouseOver);
package/dist/cjs/pm-plugins/main.js CHANGED
@@ -281,7 +281,6 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
281
281
  mousedown: (0, _eventHandlers.withCellTracking)(_eventHandlers.handleMouseDown),
282
282
  mouseover: (0, _platformFeatureFlags.fg)('platform_editor_react_18_table_column_resize_hover') ? undefined : (0, _eventHandlers.withCellTracking)((0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseOver)),
283
283
  mouseleave: _eventHandlers.handleMouseLeave,
284
- mouseout: (0, _platformFeatureFlags.fg)('editor_react_18_fix_table_delete_col_decorations') ? undefined : (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseOut),
285
284
  mousemove: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseMove),
286
285
  mouseenter: _eventHandlers.handleMouseEnter,
287
286
  mouseup: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseUp),
package/dist/es2019/nodeviews/TableComponent.js CHANGED
@@ -342,6 +342,7 @@ class TableComponent extends React.Component {
342
342
  }
343
343
  }
344
344
  componentDidMount() {
345
+ var _this$table2;
345
346
  const {
346
347
  allowColumnResizing,
347
348
  eventDispatcher,
@@ -361,10 +362,7 @@ class TableComponent extends React.Component {
361
362
  this === null || this === void 0 ? void 0 : (_this$table = this.table) === null || _this$table === void 0 ? void 0 : _this$table.addEventListener('mouseenter', this.handleMouseEnter);
362
363
  }
363
364
  }
364
- if (fg('editor_react_18_fix_table_delete_col_decorations')) {
365
- var _this$table2;
366
- this === null || this === void 0 ? void 0 : (_this$table2 = this.table) === null || _this$table2 === void 0 ? void 0 : _this$table2.addEventListener('mouseout', this.handleMouseOut);
367
- }
365
+ this === null || this === void 0 ? void 0 : (_this$table2 = this.table) === null || _this$table2 === void 0 ? void 0 : _this$table2.addEventListener('mouseout', this.handleMouseOut);
368
366
  if (fg('platform_editor_react_18_table_column_resize_hover')) {
369
367
  var _this$table3;
370
368
  this === null || this === void 0 ? void 0 : (_this$table3 = this.table) === null || _this$table3 === void 0 ? void 0 : _this$table3.addEventListener('mouseover', this.handleMouseOver);
@@ -416,7 +414,7 @@ class TableComponent extends React.Component {
416
414
  }
417
415
  }
418
416
  componentWillUnmount() {
419
- var _this$resizeObserver;
417
+ var _this$resizeObserver, _this$table5;
420
418
  const {
421
419
  allowColumnResizing,
422
420
  eventDispatcher,
@@ -453,10 +451,7 @@ class TableComponent extends React.Component {
453
451
  var _this$table4;
454
452
  this === null || this === void 0 ? void 0 : (_this$table4 = this.table) === null || _this$table4 === void 0 ? void 0 : _this$table4.removeEventListener('mouseenter', this.handleMouseEnter);
455
453
  }
456
- if (fg('editor_react_18_fix_table_delete_col_decorations')) {
457
- var _this$table5;
458
- this === null || this === void 0 ? void 0 : (_this$table5 = this.table) === null || _this$table5 === void 0 ? void 0 : _this$table5.removeEventListener('mouseout', this.handleMouseOut);
459
- }
454
+ this === null || this === void 0 ? void 0 : (_this$table5 = this.table) === null || _this$table5 === void 0 ? void 0 : _this$table5.removeEventListener('mouseout', this.handleMouseOut);
460
455
  if (fg('platform_editor_react_18_table_column_resize_hover')) {
461
456
  var _this$table6;
462
457
  this === null || this === void 0 ? void 0 : (_this$table6 = this.table) === null || _this$table6 === void 0 ? void 0 : _this$table6.removeEventListener('mouseover', this.handleMouseOver);
package/dist/es2019/pm-plugins/main.js CHANGED
@@ -10,7 +10,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
10
10
  import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../commands';
11
11
  import { stopKeyboardColumnResizing } from '../commands/column-resize';
12
12
  import { removeResizeHandleDecorations, transformSliceRemoveCellBackgroundColor, transformSliceToAddTableHeaders, transformSliceToRemoveColumnsWidths } from '../commands/misc';
13
- import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseOut, handleMouseOver, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../event-handlers';
13
+ import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseOver, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../event-handlers';
14
14
  import { lazyTableCellView, lazyTableHeaderView, lazyTableRowView, lazyTableView } from '../nodeviews/lazy-node-views';
15
15
  import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
16
16
  import { fixTables, replaceSelectedTable } from '../transforms';
@@ -279,7 +279,6 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
279
279
  mousedown: withCellTracking(handleMouseDown),
280
280
  mouseover: fg('platform_editor_react_18_table_column_resize_hover') ? undefined : withCellTracking(whenTableInFocus(handleMouseOver)),
281
281
  mouseleave: handleMouseLeave,
282
- mouseout: fg('editor_react_18_fix_table_delete_col_decorations') ? undefined : whenTableInFocus(handleMouseOut),
283
282
  mousemove: whenTableInFocus(handleMouseMove),
284
283
  mouseenter: handleMouseEnter,
285
284
  mouseup: whenTableInFocus(handleMouseUp),
package/dist/esm/nodeviews/TableComponent.js CHANGED
@@ -353,6 +353,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
353
353
  _createClass(TableComponent, [{
354
354
  key: "componentDidMount",
355
355
  value: function componentDidMount() {
356
+ var _this$table2;
356
357
  var _this$props7 = this.props,
357
358
  allowColumnResizing = _this$props7.allowColumnResizing,
358
359
  eventDispatcher = _this$props7.eventDispatcher,
@@ -370,10 +371,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
370
371
  this === null || this === void 0 || (_this$table = this.table) === null || _this$table === void 0 || _this$table.addEventListener('mouseenter', this.handleMouseEnter);
371
372
  }
372
373
  }
373
- if (fg('editor_react_18_fix_table_delete_col_decorations')) {
374
- var _this$table2;
375
- this === null || this === void 0 || (_this$table2 = this.table) === null || _this$table2 === void 0 || _this$table2.addEventListener('mouseout', this.handleMouseOut);
376
- }
374
+ this === null || this === void 0 || (_this$table2 = this.table) === null || _this$table2 === void 0 || _this$table2.addEventListener('mouseout', this.handleMouseOut);
377
375
  if (fg('platform_editor_react_18_table_column_resize_hover')) {
378
376
  var _this$table3;
379
377
  this === null || this === void 0 || (_this$table3 = this.table) === null || _this$table3 === void 0 || _this$table3.addEventListener('mouseover', this.handleMouseOver);
@@ -427,7 +425,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
427
425
  }, {
428
426
  key: "componentWillUnmount",
429
427
  value: function componentWillUnmount() {
430
- var _this$resizeObserver;
428
+ var _this$resizeObserver, _this$table5;
431
429
  var _this$props8 = this.props,
432
430
  allowColumnResizing = _this$props8.allowColumnResizing,
433
431
  eventDispatcher = _this$props8.eventDispatcher,
@@ -462,10 +460,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
462
460
  var _this$table4;
463
461
  this === null || this === void 0 || (_this$table4 = this.table) === null || _this$table4 === void 0 || _this$table4.removeEventListener('mouseenter', this.handleMouseEnter);
464
462
  }
465
- if (fg('editor_react_18_fix_table_delete_col_decorations')) {
466
- var _this$table5;
467
- this === null || this === void 0 || (_this$table5 = this.table) === null || _this$table5 === void 0 || _this$table5.removeEventListener('mouseout', this.handleMouseOut);
468
- }
463
+ this === null || this === void 0 || (_this$table5 = this.table) === null || _this$table5 === void 0 || _this$table5.removeEventListener('mouseout', this.handleMouseOut);
469
464
  if (fg('platform_editor_react_18_table_column_resize_hover')) {
470
465
  var _this$table6;
471
466
  this === null || this === void 0 || (_this$table6 = this.table) === null || _this$table6 === void 0 || _this$table6.removeEventListener('mouseover', this.handleMouseOver);
package/dist/esm/pm-plugins/main.js CHANGED
@@ -13,7 +13,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
13
13
  import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../commands';
14
14
  import { stopKeyboardColumnResizing } from '../commands/column-resize';
15
15
  import { removeResizeHandleDecorations, transformSliceRemoveCellBackgroundColor, transformSliceToAddTableHeaders, transformSliceToRemoveColumnsWidths } from '../commands/misc';
16
- import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseOut, handleMouseOver, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../event-handlers';
16
+ import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseEnter, handleMouseLeave, handleMouseMove, handleMouseOver, handleMouseUp, handleTripleClick, whenTableInFocus, withCellTracking } from '../event-handlers';
17
17
  import { lazyTableCellView, lazyTableHeaderView, lazyTableRowView, lazyTableView } from '../nodeviews/lazy-node-views';
18
18
  import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
19
19
  import { fixTables, replaceSelectedTable } from '../transforms';
@@ -274,7 +274,6 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
274
274
  mousedown: withCellTracking(handleMouseDown),
275
275
  mouseover: fg('platform_editor_react_18_table_column_resize_hover') ? undefined : withCellTracking(whenTableInFocus(handleMouseOver)),
276
276
  mouseleave: handleMouseLeave,
277
- mouseout: fg('editor_react_18_fix_table_delete_col_decorations') ? undefined : whenTableInFocus(handleMouseOut),
278
277
  mousemove: whenTableInFocus(handleMouseMove),
279
278
  mouseenter: handleMouseEnter,
280
279
  mouseup: whenTableInFocus(handleMouseUp),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-table",
3
- "version": "7.25.2",
3
+ "version": "7.25.3",
4
4
  "description": "Table plugin for the @atlaskit/editor",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -29,9 +29,9 @@
29
29
  },
30
30
  "dependencies": {
31
31
  "@atlaskit/adf-schema": "^40.8.1",
32
- "@atlaskit/button": "^19.1.0",
32
+ "@atlaskit/button": "^19.2.0",
33
33
  "@atlaskit/custom-steps": "^0.7.0",
34
- "@atlaskit/editor-common": "^87.6.0",
34
+ "@atlaskit/editor-common": "^87.9.0",
35
35
  "@atlaskit/editor-palette": "1.6.0",
36
36
  "@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
37
37
  "@atlaskit/editor-plugin-analytics": "^1.7.0",
@@ -43,17 +43,17 @@
43
43
  "@atlaskit/editor-prosemirror": "5.0.1",
44
44
  "@atlaskit/editor-shared-styles": "^2.13.0",
45
45
  "@atlaskit/editor-tables": "^2.8.0",
46
- "@atlaskit/icon": "^22.11.0",
47
- "@atlaskit/menu": "^2.10.0",
46
+ "@atlaskit/icon": "^22.12.0",
47
+ "@atlaskit/menu": "^2.12.0",
48
48
  "@atlaskit/platform-feature-flags": "^0.3.0",
49
49
  "@atlaskit/pragmatic-drag-and-drop": "^1.3.0",
50
50
  "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.4.0",
51
51
  "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
52
52
  "@atlaskit/primitives": "^12.0.0",
53
- "@atlaskit/theme": "^12.11.0",
54
- "@atlaskit/toggle": "^13.2.0",
55
- "@atlaskit/tokens": "^1.57.0",
56
- "@atlaskit/tooltip": "^18.6.0",
53
+ "@atlaskit/theme": "^12.12.0",
54
+ "@atlaskit/toggle": "^13.3.0",
55
+ "@atlaskit/tokens": "^1.58.0",
56
+ "@atlaskit/tooltip": "^18.7.0",
57
57
  "@babel/runtime": "^7.0.0",
58
58
  "@emotion/react": "^11.7.1",
59
59
  "classnames": "^2.2.5",
@@ -117,9 +117,6 @@
117
117
  "platform.editor.table.live-pages-sorting_4malx": {
118
118
  "type": "boolean"
119
119
  },
120
- "editor_react_18_fix_table_delete_col_decorations": {
121
- "type": "boolean"
122
- },
123
120
  "platform_editor_a11y_table_context_menu": {
124
121
  "type": "boolean"
125
122
  },
package/src/nodeviews/TableComponent.tsx CHANGED
@@ -224,9 +224,9 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
224
224
  this?.table?.addEventListener('mouseenter', this.handleMouseEnter);
225
225
  }
226
226
  }
227
- if (fg('editor_react_18_fix_table_delete_col_decorations')) {
228
- this?.table?.addEventListener('mouseout', this.handleMouseOut);
229
- }
227
+
228
+ this?.table?.addEventListener('mouseout', this.handleMouseOut);
229
+
230
230
  if (fg('platform_editor_react_18_table_column_resize_hover')) {
231
231
  this?.table?.addEventListener('mouseover', this.handleMouseOver);
232
232
  }
@@ -334,9 +334,9 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
334
334
  if (fg('platform.editor.table.live-pages-sorting_4malx')) {
335
335
  this?.table?.removeEventListener('mouseenter', this.handleMouseEnter);
336
336
  }
337
- if (fg('editor_react_18_fix_table_delete_col_decorations')) {
338
- this?.table?.removeEventListener('mouseout', this.handleMouseOut);
339
- }
337
+
338
+ this?.table?.removeEventListener('mouseout', this.handleMouseOut);
339
+
340
340
  if (fg('platform_editor_react_18_table_column_resize_hover')) {
341
341
  this?.table?.removeEventListener('mouseover', this.handleMouseOver);
342
342
  }
package/src/pm-plugins/main.ts CHANGED
@@ -44,7 +44,6 @@ import {
44
44
  handleMouseEnter,
45
45
  handleMouseLeave,
46
46
  handleMouseMove,
47
- handleMouseOut,
48
47
  handleMouseOver,
49
48
  handleMouseUp,
50
49
  handleTripleClick,
@@ -375,9 +374,6 @@ export const createPlugin = (
375
374
  ? undefined
376
375
  : withCellTracking(whenTableInFocus(handleMouseOver)),
377
376
  mouseleave: handleMouseLeave,
378
- mouseout: fg('editor_react_18_fix_table_delete_col_decorations')
379
- ? undefined
380
- : whenTableInFocus(handleMouseOut),
381
377
  mousemove: whenTableInFocus(handleMouseMove),
382
378
  mouseenter: handleMouseEnter,
383
379
  mouseup: whenTableInFocus(handleMouseUp),