@atlaskit/renderer 108.7.0 → 108.7.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/renderer
 
+## 108.7.1
+
+### Patch Changes
+
+- [`4fe49c40988`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4fe49c40988) - [ux] ED-18966 fix default table in renderer full-width appearance mode
+
 ## 108.7.0
 
 ### Minor Changes

package/dist/cjs/react/nodes/table.js

@@ -258,8 +258,11 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
       var lineLength = _editorSharedStyles.akEditorDefaultLayoutWidth;
       var tableWidth;
       var left;
+      var calcDefaultLayoutWidthByAppearance = function calcDefaultLayoutWidthByAppearance(tableNode, rendererAppearance) {
+        return rendererAppearance === 'full-width' && !tableNode.attrs.width ? Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, renderWidth) : Math.min((0, _nodeWidth.getTableContainerWidth)(tableNode), renderWidth);
+      };
       if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') && tableNode) {
-        tableWidth = Math.min((0, _nodeWidth.getTableContainerWidth)(tableNode), renderWidth);
+        tableWidth = calcDefaultLayoutWidthByAppearance(tableNode, rendererAppearance);
       } else {
         tableWidth = (0, _styles.calcTableWidth)(layout, renderWidth, false);
       }

package/dist/cjs/ui/Renderer/index.js

@@ -55,7 +55,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
 var DEGRADED_SEVERITY_THRESHOLD = 3000;
 exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.7.0";
+var packageVersion = "108.7.1";
 var Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.7.0",
+	"version": "108.7.1",
 	"sideEffects": false
 }

package/dist/es2019/react/nodes/table.js

@@ -8,6 +8,7 @@ import { SortOrder } from '@atlaskit/editor-common/types';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
+import { akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
@@ -217,8 +218,11 @@ export class TableContainer extends React.Component {
     const lineLength = akEditorDefaultLayoutWidth;
     let tableWidth;
     let left;
+    const calcDefaultLayoutWidthByAppearance = (tableNode, rendererAppearance) => {
+      return rendererAppearance === 'full-width' && !tableNode.attrs.width ? Math.min(akEditorFullWidthLayoutWidth, renderWidth) : Math.min(getTableContainerWidth(tableNode), renderWidth);
+    };
     if (getBooleanFF('platform.editor.custom-table-width') && tableNode) {
-      tableWidth = Math.min(getTableContainerWidth(tableNode), renderWidth);
+      tableWidth = calcDefaultLayoutWidthByAppearance(tableNode, rendererAppearance);
     } else {
       tableWidth = calcTableWidth(layout, renderWidth, false);
     }

package/dist/es2019/ui/Renderer/index.js

@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "108.7.0";
+const packageVersion = "108.7.1";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.7.0",
+	"version": "108.7.1",
 	"sideEffects": false
 }

package/dist/esm/react/nodes/table.js

@@ -16,6 +16,7 @@ import { SortOrder } from '@atlaskit/editor-common/types';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
+import { akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
@@ -251,8 +252,11 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       var lineLength = akEditorDefaultLayoutWidth;
       var tableWidth;
       var left;
+      var calcDefaultLayoutWidthByAppearance = function calcDefaultLayoutWidthByAppearance(tableNode, rendererAppearance) {
+        return rendererAppearance === 'full-width' && !tableNode.attrs.width ? Math.min(akEditorFullWidthLayoutWidth, renderWidth) : Math.min(getTableContainerWidth(tableNode), renderWidth);
+      };
       if (getBooleanFF('platform.editor.custom-table-width') && tableNode) {
-        tableWidth = Math.min(getTableContainerWidth(tableNode), renderWidth);
+        tableWidth = calcDefaultLayoutWidthByAppearance(tableNode, rendererAppearance);
       } else {
         tableWidth = calcTableWidth(layout, renderWidth, false);
       }

package/dist/esm/ui/Renderer/index.js

@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.7.0";
+var packageVersion = "108.7.1";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.7.0",
+	"version": "108.7.1",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "108.7.0",
+  "version": "108.7.1",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"