@atlaskit/editor-plugin-table 7.12.3 → 7.12.4

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-table
2
2
 
3
+ ## 7.12.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#98128](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98128)
8
+ [`befad90f2a13`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/befad90f2a13) -
9
+ Visually scale table when number column is enabled
10
+ - Updated dependencies
11
+
3
12
  ## 7.12.3
4
13
 
5
14
  ### Patch Changes
@@ -474,7 +474,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
474
474
  // Needed for undo / redo
475
475
  var isTableWidthChanged = tableNodeWidth !== this.tableNodeWidth;
476
476
  var isTableSquashed = tableRenderWidth < tableNodeWidth;
477
- var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth;
477
+ var isNumberColumnChanged = tableNode.attrs.isNumberColumnEnabled !== this.node.attrs.isNumberColumnEnabled;
478
+ var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged;
478
479
  if (force || maybeScale) {
479
480
  var _this$containerWidth;
480
481
  var containerWidthValue = containerWidth.width;
@@ -483,7 +484,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
483
484
  var isTableResized = (0, _colgroup.hasTableBeenResized)(tableNode);
484
485
  var isColumnsDistributed = wasTableResized && !isTableResized;
485
486
  var isTableDisplayModeChanged = this.node.attrs.displayMode !== tableNode.attrs.displayMode;
486
- var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged;
487
+ var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged;
487
488
  if (force || !isResizing && shouldUpdateColgroup) {
488
489
  var _this$props$options, _this$props$options2;
489
490
  var resizeState = (0, _utils4.getResizeState)({
@@ -457,7 +457,8 @@ class TableComponent extends React.Component {
457
457
  // Needed for undo / redo
458
458
  const isTableWidthChanged = tableNodeWidth !== this.tableNodeWidth;
459
459
  const isTableSquashed = tableRenderWidth < tableNodeWidth;
460
- const maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth;
460
+ const isNumberColumnChanged = tableNode.attrs.isNumberColumnEnabled !== this.node.attrs.isNumberColumnEnabled;
461
+ const maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged;
461
462
  if (force || maybeScale) {
462
463
  var _this$containerWidth;
463
464
  const {
@@ -468,7 +469,7 @@ class TableComponent extends React.Component {
468
469
  const isTableResized = hasTableBeenResized(tableNode);
469
470
  const isColumnsDistributed = wasTableResized && !isTableResized;
470
471
  const isTableDisplayModeChanged = this.node.attrs.displayMode !== tableNode.attrs.displayMode;
471
- const shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged;
472
+ const shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged;
472
473
  if (force || !isResizing && shouldUpdateColgroup) {
473
474
  var _this$props$options, _this$props$options2;
474
475
  const resizeState = getResizeState({
@@ -467,7 +467,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
467
467
  // Needed for undo / redo
468
468
  var isTableWidthChanged = tableNodeWidth !== this.tableNodeWidth;
469
469
  var isTableSquashed = tableRenderWidth < tableNodeWidth;
470
- var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth;
470
+ var isNumberColumnChanged = tableNode.attrs.isNumberColumnEnabled !== this.node.attrs.isNumberColumnEnabled;
471
+ var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged;
471
472
  if (force || maybeScale) {
472
473
  var _this$containerWidth;
473
474
  var containerWidthValue = containerWidth.width;
@@ -476,7 +477,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
476
477
  var isTableResized = hasTableBeenResized(tableNode);
477
478
  var isColumnsDistributed = wasTableResized && !isTableResized;
478
479
  var isTableDisplayModeChanged = this.node.attrs.displayMode !== tableNode.attrs.displayMode;
479
- var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged;
480
+ var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged;
480
481
  if (force || !isResizing && shouldUpdateColgroup) {
481
482
  var _this$props$options, _this$props$options2;
482
483
  var resizeState = getResizeState({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-table",
3
- "version": "7.12.3",
3
+ "version": "7.12.4",
4
4
  "description": "Table plugin for the @atlaskit/editor",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
30
30
  "dependencies": {
31
31
  "@atlaskit/adf-schema": "^35.12.2",
32
32
  "@atlaskit/custom-steps": "^0.1.0",
33
- "@atlaskit/editor-common": "^79.1.0",
33
+ "@atlaskit/editor-common": "^79.2.0",
34
34
  "@atlaskit/editor-palette": "1.6.0",
35
35
  "@atlaskit/editor-plugin-accessibility-utils": "^1.1.0",
36
36
  "@atlaskit/editor-plugin-analytics": "^1.1.0",
@@ -384,9 +384,16 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
384
384
  // Needed for undo / redo
385
385
  const isTableWidthChanged = tableNodeWidth !== this.tableNodeWidth;
386
386
  const isTableSquashed = tableRenderWidth < tableNodeWidth;
387
+ const isNumberColumnChanged =
388
+ tableNode.attrs.isNumberColumnEnabled !==
389
+ this.node.attrs.isNumberColumnEnabled;
387
390
 
388
391
  const maybeScale =
389
- isTableSquashed || isTableWidthChanged || isTableResizedFullWidth;
392
+ isTableSquashed ||
393
+ isTableWidthChanged ||
394
+ isTableResizedFullWidth ||
395
+ isNumberColumnChanged;
396
+
390
397
  if (force || maybeScale) {
391
398
  const { width: containerWidthValue } = containerWidth;
392
399
  const isWidthChanged = this.containerWidth?.width !== containerWidthValue;
@@ -401,7 +408,8 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
401
408
  isColumnsDistributed ||
402
409
  isTableResizedFullWidth ||
403
410
  isTableWidthChanged ||
404
- isTableDisplayModeChanged;
411
+ isTableDisplayModeChanged ||
412
+ isNumberColumnChanged;
405
413
 
406
414
  if (force || (!isResizing && shouldUpdateColgroup)) {
407
415
  const resizeState = getResizeState({
@@ -758,7 +766,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
758
766
 
759
767
  const shadowStyle = memoizeOne(
760
768
  (visible) =>
761
- ({ visibility: visible ? 'visible' : 'hidden' } as CSSProperties),
769
+ ({ visibility: visible ? 'visible' : 'hidden' }) as CSSProperties,
762
770
  );
763
771
 
764
772
  /**