@atlaskit/editor-plugin-table 7.12.5 → 7.12.6

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 (6) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/nodeviews/TableComponent.js +4 -3
  3. package/dist/es2019/nodeviews/TableComponent.js +4 -3
  4. package/dist/esm/nodeviews/TableComponent.js +4 -3
  5. package/package.json +3 -3
  6. package/src/nodeviews/TableComponent.tsx +9 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/editor-plugin-table
2
2
 
3
+ ## 7.12.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#98646](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98646)
8
+ [`b96ae2cfbd99`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b96ae2cfbd99) -
9
+ [ux] Fixes an issue where when the table is in overflow and is scaled due to a narrow screen
10
+ size and a column is inserted or deleted the oveflow is lost.
11
+ - Updated dependencies
12
+
3
13
  ## 7.12.5
4
14
 
5
15
  ### Patch Changes
package/dist/cjs/nodeviews/TableComponent.js CHANGED
@@ -475,7 +475,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
475
475
  var isTableWidthChanged = tableNodeWidth !== this.tableNodeWidth;
476
476
  var isTableSquashed = tableRenderWidth < tableNodeWidth;
477
477
  var isNumberColumnChanged = tableNode.attrs.isNumberColumnEnabled !== this.node.attrs.isNumberColumnEnabled;
478
- var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged;
478
+ var isNumberOfColumnsChanged = (0, _utils5.tablesHaveDifferentNoOfColumns)(tableNode, this.node);
479
+ var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged || isNumberOfColumnsChanged;
479
480
  if (force || maybeScale) {
480
481
  var _this$containerWidth;
481
482
  var containerWidthValue = containerWidth.width;
@@ -484,7 +485,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
484
485
  var isTableResized = (0, _colgroup.hasTableBeenResized)(tableNode);
485
486
  var isColumnsDistributed = wasTableResized && !isTableResized;
486
487
  var isTableDisplayModeChanged = this.node.attrs.displayMode !== tableNode.attrs.displayMode;
487
- var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged;
488
+ var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged || isNumberOfColumnsChanged;
488
489
  if (force || !isResizing && shouldUpdateColgroup) {
489
490
  var _this$props$options, _this$props$options2;
490
491
  var resizeState = (0, _utils4.getResizeState)({
@@ -493,7 +494,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
493
494
  table: tableNode,
494
495
  tableRef: this.table,
495
496
  start: start,
496
- domAtPos: view.domAtPos,
497
+ domAtPos: view.domAtPos.bind(view),
497
498
  isTableScalingEnabled: true
498
499
  });
499
500
  var shouldScaleOnColgroupUpdate = false;
package/dist/es2019/nodeviews/TableComponent.js CHANGED
@@ -458,7 +458,8 @@ class TableComponent extends React.Component {
458
458
  const isTableWidthChanged = tableNodeWidth !== this.tableNodeWidth;
459
459
  const isTableSquashed = tableRenderWidth < tableNodeWidth;
460
460
  const isNumberColumnChanged = tableNode.attrs.isNumberColumnEnabled !== this.node.attrs.isNumberColumnEnabled;
461
- const maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged;
461
+ const isNumberOfColumnsChanged = tablesHaveDifferentNoOfColumns(tableNode, this.node);
462
+ const maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged || isNumberOfColumnsChanged;
462
463
  if (force || maybeScale) {
463
464
  var _this$containerWidth;
464
465
  const {
@@ -469,7 +470,7 @@ class TableComponent extends React.Component {
469
470
  const isTableResized = hasTableBeenResized(tableNode);
470
471
  const isColumnsDistributed = wasTableResized && !isTableResized;
471
472
  const isTableDisplayModeChanged = this.node.attrs.displayMode !== tableNode.attrs.displayMode;
472
- const shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged;
473
+ const shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged || isNumberOfColumnsChanged;
473
474
  if (force || !isResizing && shouldUpdateColgroup) {
474
475
  var _this$props$options, _this$props$options2;
475
476
  const resizeState = getResizeState({
@@ -478,7 +479,7 @@ class TableComponent extends React.Component {
478
479
  table: tableNode,
479
480
  tableRef: this.table,
480
481
  start,
481
- domAtPos: view.domAtPos,
482
+ domAtPos: view.domAtPos.bind(view),
482
483
  isTableScalingEnabled: true
483
484
  });
484
485
  let shouldScaleOnColgroupUpdate = false;
package/dist/esm/nodeviews/TableComponent.js CHANGED
@@ -468,7 +468,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
468
468
  var isTableWidthChanged = tableNodeWidth !== this.tableNodeWidth;
469
469
  var isTableSquashed = tableRenderWidth < tableNodeWidth;
470
470
  var isNumberColumnChanged = tableNode.attrs.isNumberColumnEnabled !== this.node.attrs.isNumberColumnEnabled;
471
- var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged;
471
+ var isNumberOfColumnsChanged = tablesHaveDifferentNoOfColumns(tableNode, this.node);
472
+ var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged || isNumberOfColumnsChanged;
472
473
  if (force || maybeScale) {
473
474
  var _this$containerWidth;
474
475
  var containerWidthValue = containerWidth.width;
@@ -477,7 +478,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
477
478
  var isTableResized = hasTableBeenResized(tableNode);
478
479
  var isColumnsDistributed = wasTableResized && !isTableResized;
479
480
  var isTableDisplayModeChanged = this.node.attrs.displayMode !== tableNode.attrs.displayMode;
480
- var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged;
481
+ var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged || isNumberOfColumnsChanged;
481
482
  if (force || !isResizing && shouldUpdateColgroup) {
482
483
  var _this$props$options, _this$props$options2;
483
484
  var resizeState = getResizeState({
@@ -486,7 +487,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
486
487
  table: tableNode,
487
488
  tableRef: this.table,
488
489
  start: start,
489
- domAtPos: view.domAtPos,
490
+ domAtPos: view.domAtPos.bind(view),
490
491
  isTableScalingEnabled: true
491
492
  });
492
493
  var shouldScaleOnColgroupUpdate = false;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-table",
3
- "version": "7.12.5",
3
+ "version": "7.12.6",
4
4
  "description": "Table plugin for the @atlaskit/editor",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -49,9 +49,9 @@
49
49
  "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.3.0",
50
50
  "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
51
51
  "@atlaskit/primitives": "^6.1.0",
52
- "@atlaskit/theme": "^12.7.0",
52
+ "@atlaskit/theme": "^12.8.0",
53
53
  "@atlaskit/toggle": "^13.1.0",
54
- "@atlaskit/tokens": "^1.45.0",
54
+ "@atlaskit/tokens": "^1.46.0",
55
55
  "@atlaskit/tooltip": "^18.3.0",
56
56
  "@babel/runtime": "^7.0.0",
57
57
  "@emotion/react": "^11.7.1",
package/src/nodeviews/TableComponent.tsx CHANGED
@@ -387,12 +387,17 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
387
387
  const isNumberColumnChanged =
388
388
  tableNode.attrs.isNumberColumnEnabled !==
389
389
  this.node.attrs.isNumberColumnEnabled;
390
+ const isNumberOfColumnsChanged = tablesHaveDifferentNoOfColumns(
391
+ tableNode,
392
+ this.node,
393
+ );
390
394
 
391
395
  const maybeScale =
392
396
  isTableSquashed ||
393
397
  isTableWidthChanged ||
394
398
  isTableResizedFullWidth ||
395
- isNumberColumnChanged;
399
+ isNumberColumnChanged ||
400
+ isNumberOfColumnsChanged;
396
401
 
397
402
  if (force || maybeScale) {
398
403
  const { width: containerWidthValue } = containerWidth;
@@ -409,7 +414,8 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
409
414
  isTableResizedFullWidth ||
410
415
  isTableWidthChanged ||
411
416
  isTableDisplayModeChanged ||
412
- isNumberColumnChanged;
417
+ isNumberColumnChanged ||
418
+ isNumberOfColumnsChanged;
413
419
 
414
420
  if (force || (!isResizing && shouldUpdateColgroup)) {
415
421
  const resizeState = getResizeState({
@@ -418,7 +424,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
418
424
  table: tableNode,
419
425
  tableRef: this.table,
420
426
  start,
421
- domAtPos: view.domAtPos,
427
+ domAtPos: view.domAtPos.bind(view),
422
428
  isTableScalingEnabled: true,
423
429
  });
424
430