@atlaskit/renderer 109.21.0 → 109.21.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/renderer
 
+## 109.21.1
+
+### Patch Changes
+
+- [#94757](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94757) [`22e7c4a1a8f4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22e7c4a1a8f4) - add ff and fix table width issue in renderer
+- Updated dependencies
+
 ## 109.21.0
 
 ### Minor Changes

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

@@ -20,6 +20,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _types = require("@atlaskit/editor-common/types");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _style = require("../../ui/Renderer/style");
 var _tableCell = require("./tableCell");
 var _SmartCardStorage = require("../../ui/SmartCardStorage");
@@ -440,26 +441,24 @@ var TableWithShadows = (0, _ui.overflowShadow)(TableProcessor, {
   useShadowObserver: true
 });
 var TableWithWidth = function TableWithWidth(props) {
-  return (
-    /*#__PURE__*/
-    // Remember, `width` will be 0 during SSR
-    _react.default.createElement(_ui.WidthConsumer, null, function (_ref2) {
-      var _props$columnWidths;
-      var width = _ref2.width;
-      var renderWidth = props.rendererAppearance === 'full-page' ? width - _style.FullPagePadding * 2 : width;
-      var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
-        return total + val;
-      }, 0)) || 0;
-      if (colWidthsSum || isTableResizingEnabled(props.rendererAppearance)) {
-        return /*#__PURE__*/_react.default.createElement(TableWithShadows, (0, _extends2.default)({
-          renderWidth: renderWidth
-        }, props));
-      }
-      // there should not be a case when colWidthsSum is 0 and table is in overflow state - so no need to render shadows in this case
-      return /*#__PURE__*/_react.default.createElement(TableProcessor, (0, _extends2.default)({
+  // Remember, `width` will be 0 during SSR
+  return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref2) {
+    var _props$columnWidths;
+    var width = _ref2.width;
+    // we are adding full page padding before but now it cause difference between editor and renderer so we need to remove it, and 1px also for matching exact width.
+    var renderWidth = props.rendererAppearance === 'full-page' ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table-width-diff-in-renderer_x5s3z') ? width + _style.FullPagePadding - 1 : width - _style.FullPagePadding * 2 : width;
+    var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
+      return total + val;
+    }, 0)) || 0;
+    if (colWidthsSum || isTableResizingEnabled(props.rendererAppearance)) {
+      return /*#__PURE__*/_react.default.createElement(TableWithShadows, (0, _extends2.default)({
         renderWidth: renderWidth
       }, props));
-    })
-  );
+    }
+    // there should not be a case when colWidthsSum is 0 and table is in overflow state - so no need to render shadows in this case
+    return /*#__PURE__*/_react.default.createElement(TableProcessor, (0, _extends2.default)({
+      renderWidth: renderWidth
+    }, props));
+  });
 };
 var _default = exports.default = (0, _SmartCardStorage.withSmartCardStorage)(TableWithWidth);

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

@@ -55,7 +55,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.21.0";
+var packageVersion = "109.21.1";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

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

@@ -7,6 +7,7 @@ import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMerged
 import { SortOrder } from '@atlaskit/editor-common/types';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
@@ -379,23 +380,24 @@ const TableWithShadows = overflowShadow(TableProcessor, {
   overflowSelector: `.${TableSharedCssClassName.TABLE_NODE_WRAPPER}`,
   useShadowObserver: true
 });
-const TableWithWidth = props =>
-/*#__PURE__*/
-// Remember, `width` will be 0 during SSR
-React.createElement(WidthConsumer, null, ({
-  width
-}) => {
-  var _props$columnWidths;
-  const renderWidth = props.rendererAppearance === 'full-page' ? width - FullPagePadding * 2 : width;
-  const colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce((total, val) => total + val, 0)) || 0;
-  if (colWidthsSum || isTableResizingEnabled(props.rendererAppearance)) {
-    return /*#__PURE__*/React.createElement(TableWithShadows, _extends({
+const TableWithWidth = props => {
+  // Remember, `width` will be 0 during SSR
+  return /*#__PURE__*/React.createElement(WidthConsumer, null, ({
+    width
+  }) => {
+    var _props$columnWidths;
+    // we are adding full page padding before but now it cause difference between editor and renderer so we need to remove it, and 1px also for matching exact width.
+    const renderWidth = props.rendererAppearance === 'full-page' ? getBooleanFF('platform.editor.table-width-diff-in-renderer_x5s3z') ? width + FullPagePadding - 1 : width - FullPagePadding * 2 : width;
+    const colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce((total, val) => total + val, 0)) || 0;
+    if (colWidthsSum || isTableResizingEnabled(props.rendererAppearance)) {
+      return /*#__PURE__*/React.createElement(TableWithShadows, _extends({
+        renderWidth: renderWidth
+      }, props));
+    }
+    // there should not be a case when colWidthsSum is 0 and table is in overflow state - so no need to render shadows in this case
+    return /*#__PURE__*/React.createElement(TableProcessor, _extends({
       renderWidth: renderWidth
     }, props));
-  }
-  // there should not be a case when colWidthsSum is 0 and table is in overflow state - so no need to render shadows in this case
-  return /*#__PURE__*/React.createElement(TableProcessor, _extends({
-    renderWidth: renderWidth
-  }, props));
-});
+  });
+};
 export default withSmartCardStorage(TableWithWidth);

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

@@ -36,7 +36,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.21.0";
+const packageVersion = "109.21.1";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

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

@@ -18,6 +18,7 @@ import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMerged
 import { SortOrder } from '@atlaskit/editor-common/types';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
@@ -433,26 +434,24 @@ var TableWithShadows = overflowShadow(TableProcessor, {
   useShadowObserver: true
 });
 var TableWithWidth = function TableWithWidth(props) {
-  return (
-    /*#__PURE__*/
-    // Remember, `width` will be 0 during SSR
-    React.createElement(WidthConsumer, null, function (_ref2) {
-      var _props$columnWidths;
-      var width = _ref2.width;
-      var renderWidth = props.rendererAppearance === 'full-page' ? width - FullPagePadding * 2 : width;
-      var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
-        return total + val;
-      }, 0)) || 0;
-      if (colWidthsSum || isTableResizingEnabled(props.rendererAppearance)) {
-        return /*#__PURE__*/React.createElement(TableWithShadows, _extends({
-          renderWidth: renderWidth
-        }, props));
-      }
-      // there should not be a case when colWidthsSum is 0 and table is in overflow state - so no need to render shadows in this case
-      return /*#__PURE__*/React.createElement(TableProcessor, _extends({
+  // Remember, `width` will be 0 during SSR
+  return /*#__PURE__*/React.createElement(WidthConsumer, null, function (_ref2) {
+    var _props$columnWidths;
+    var width = _ref2.width;
+    // we are adding full page padding before but now it cause difference between editor and renderer so we need to remove it, and 1px also for matching exact width.
+    var renderWidth = props.rendererAppearance === 'full-page' ? getBooleanFF('platform.editor.table-width-diff-in-renderer_x5s3z') ? width + FullPagePadding - 1 : width - FullPagePadding * 2 : width;
+    var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
+      return total + val;
+    }, 0)) || 0;
+    if (colWidthsSum || isTableResizingEnabled(props.rendererAppearance)) {
+      return /*#__PURE__*/React.createElement(TableWithShadows, _extends({
         renderWidth: renderWidth
       }, props));
-    })
-  );
+    }
+    // there should not be a case when colWidthsSum is 0 and table is in overflow state - so no need to render shadows in this case
+    return /*#__PURE__*/React.createElement(TableProcessor, _extends({
+      renderWidth: renderWidth
+    }, props));
+  });
 };
 export default withSmartCardStorage(TableWithWidth);

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

@@ -46,7 +46,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.21.0";
+var packageVersion = "109.21.1";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "109.21.0",
+  "version": "109.21.1",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/button": "^17.14.0",
     "@atlaskit/code": "^15.1.0",
-    "@atlaskit/editor-common": "^78.34.0",
+    "@atlaskit/editor-common": "^78.35.0",
     "@atlaskit/editor-json-transformer": "^8.11.0",
     "@atlaskit/editor-palette": "1.5.3",
     "@atlaskit/editor-prosemirror": "4.0.0",
@@ -129,6 +129,9 @@
     "platform.editor.inline_extension.extended_lcqdn": {
       "type": "boolean"
     },
+    "platform.editor.table-width-diff-in-renderer_x5s3z": {
+      "type": "boolean"
+    },
     "platform.editor.allow-inline-comments-for-inline-nodes": {
       "type": "boolean"
     },