@atlaskit/renderer 118.6.14 → 118.6.16

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/renderer
 
+## 118.6.16
+
+### Patch Changes
+
+- [#169039](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/169039)
+  [`d2488752fcad8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2488752fcad8) -
+  EDITOR-508 Part 1 of cleaning up `platform_editor_use_nested_table_pm_nodes`
+- Updated dependencies
+
+## 118.6.15
+
+### Patch Changes
+
+- [#171405](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/171405)
+  [`cf426feee2ec4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cf426feee2ec4) -
+  Use css variables for breakout width calculation
+  [commit](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/924963a1871eb4c6dd79b8461da35946cca7a484).
+
 ## 118.6.14
 
 ### Patch Changes

package/dist/cjs/i18n/sl.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Slovenian (Slovenia) [sl-SI]
+var _default = exports.default = {
+  'fabric.editor.headingLink.ascSortingLabel': 'naraščajoče',
+  'fabric.editor.headingLink.copied': 'Kopirano!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj povezavo do naslova',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
+  'fabric.editor.headingLink.descSortingLabel': 'padajoče',
+  'fabric.editor.headingLink.failedToCopy': 'Kopiranje ni uspelo',
+  'fabric.editor.headingLink.noneSortingLabel': 'brez',
+  'fabric.editor.inlineComment.marker.end': 'konec komentarja v vrstici',
+  'fabric.editor.inlineComment.marker.start': 'začetek komentarja v vrstici'
+};

package/dist/cjs/i18n/sr_RS.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+var _default = exports.default = {
+  'fabric.editor.headingLink.ascSortingLabel': 'rastući',
+  'fabric.editor.headingLink.copied': 'Kopirano!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj link naslova',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
+  'fabric.editor.headingLink.descSortingLabel': 'opadajući',
+  'fabric.editor.headingLink.failedToCopy': 'Kopiranje nije uspelo',
+  'fabric.editor.headingLink.noneSortingLabel': 'nijedno',
+  'fabric.editor.inlineComment.marker.end': 'kraj umetnutog komentara',
+  'fabric.editor.inlineComment.marker.start': 'početak umetnutog komentara'
+};

package/dist/cjs/react/marks/breakout.js

@@ -25,16 +25,15 @@ var wrapperStyles = (0, _react.css)({
   marginLeft: '50%',
   transform: 'translateX(-50%)'
 });
-var CONTAINER_WITHOUT_GUTTER = "calc(100cqw - ".concat(_editorSharedStyles.akEditorGutterPadding, "px * 2)");
 var getWidth = function getWidth(width, mode) {
   if ((0, _experiments.editorExperiment)('advanced_layouts', true) && width) {
-    return "min(".concat(width, "px, ").concat(CONTAINER_WITHOUT_GUTTER, ")");
+    return "min(".concat(width, "px, var(--ak-editor--breakout-container-without-gutter-width))");
   } else {
     if (mode === 'full-width') {
-      return "max(".concat(_editorSharedStyles.akEditorDefaultLayoutWidth, "px, min(").concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, ").concat(CONTAINER_WITHOUT_GUTTER, "))");
+      return "max(".concat(_editorSharedStyles.akEditorDefaultLayoutWidth, "px, min(").concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, var(--ak-editor--breakout-container-without-gutter-width))))");
     }
     if (mode === 'wide') {
-      return "min(var(--ak-editor--breakout-wide-layout-width), ".concat(CONTAINER_WITHOUT_GUTTER, ")");
+      return "min(var(--ak-editor--breakout-wide-layout-width), var(--ak-editor--breakout-container-without-gutter-width)))";
     }
   }
 };

package/dist/cjs/render-document.js

@@ -67,34 +67,33 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
       result.version = 1;
     }
   }
-  if ((0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes')) {
-    // Convert nested-table extensions into nested tables
-    try {
-      var _transformNestedTable = (0, _transforms.transformNestedTablesIncomingDocument)(result, {
-          environment: 'renderer',
-          disableNestedRendererTreatment: (0, _platformFeatureFlags.fg)('platform_editor_nested_table_extension_comment_fix')
-        }),
-        _transformedAdf = _transformNestedTable.transformedAdf,
-        _isTransformed = _transformNestedTable.isTransformed;
-      if (_isTransformed) {
-        dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
-          action: _analytics.ACTION.NESTED_TABLE_TRANSFORMED,
-          actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
-          eventType: _analytics.EVENT_TYPE.OPERATIONAL
-        });
-        result = _transformedAdf;
-      }
-    } catch (e) {
+
+  // Convert nested-table extensions into nested tables
+  try {
+    var _transformNestedTable = (0, _transforms.transformNestedTablesIncomingDocument)(result, {
+        environment: 'renderer',
+        disableNestedRendererTreatment: (0, _platformFeatureFlags.fg)('platform_editor_nested_table_extension_comment_fix')
+      }),
+      _transformedAdf = _transformNestedTable.transformedAdf,
+      _isTransformed = _transformNestedTable.isTransformed;
+    if (_isTransformed) {
       dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
-        action: _analytics.ACTION.INVALID_PROSEMIRROR_DOCUMENT,
+        action: _analytics.ACTION.NESTED_TABLE_TRANSFORMED,
         actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          platform: _events.PLATFORM.WEB,
-          errorStack: "".concat(e instanceof Error && e.name === 'NodeNestingTransformError' ? 'NodeNestingTransformError - Failed to encode one or more nested tables' : undefined)
-        }
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL
       });
+      result = _transformedAdf;
     }
+  } catch (e) {
+    dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
+      action: _analytics.ACTION.INVALID_PROSEMIRROR_DOCUMENT,
+      actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
+      eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        platform: _events.PLATFORM.WEB,
+        errorStack: "".concat(e instanceof Error && e.name === 'NodeNestingTransformError' ? 'NodeNestingTransformError - Failed to encode one or more nested tables' : undefined)
+      }
+    });
   }
   return result;
 };

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

@@ -140,9 +140,9 @@ var baseStyles = (0, _react.css)((_css = {
   color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")")
 })));
 var akEditorBreakpointForSmallDevice = '1266px';
-
-// Corresponds to the legacyContentStyles from `@atlaskit/editor-core` meant to introduce responsive breakout width.
 var responsiveBreakoutWidth = (0, _react.css)((0, _defineProperty2.default)({
+  '--ak-editor--breakout-container-without-gutter-width': "calc(100cqw - ".concat(_editorSharedStyles.akEditorGutterPadding, "px * 2)"),
+  // Corresponds to the legacyContentStyles from `@atlaskit/editor-core` meant to introduce responsive breakout width.
   '--ak-editor--breakout-wide-layout-width': "".concat(_editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, "px")
 }, "@media (min-width: ".concat(akEditorBreakpointForSmallDevice, ")"), {
   '--ak-editor--breakout-wide-layout-width': "".concat(_editorSharedStyles.akEditorCalculatedWideLayoutWidth, "px")

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

@@ -62,7 +62,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "118.6.14";
+var packageVersion = "118.6.16";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/i18n/sl.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Slovenian (Slovenia) [sl-SI]
+export default {
+  'fabric.editor.headingLink.ascSortingLabel': 'naraščajoče',
+  'fabric.editor.headingLink.copied': 'Kopirano!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj povezavo do naslova',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
+  'fabric.editor.headingLink.descSortingLabel': 'padajoče',
+  'fabric.editor.headingLink.failedToCopy': 'Kopiranje ni uspelo',
+  'fabric.editor.headingLink.noneSortingLabel': 'brez',
+  'fabric.editor.inlineComment.marker.end': 'konec komentarja v vrstici',
+  'fabric.editor.inlineComment.marker.start': 'začetek komentarja v vrstici'
+};

package/dist/es2019/i18n/sr_RS.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+export default {
+  'fabric.editor.headingLink.ascSortingLabel': 'rastući',
+  'fabric.editor.headingLink.copied': 'Kopirano!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj link naslova',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
+  'fabric.editor.headingLink.descSortingLabel': 'opadajući',
+  'fabric.editor.headingLink.failedToCopy': 'Kopiranje nije uspelo',
+  'fabric.editor.headingLink.noneSortingLabel': 'nijedno',
+  'fabric.editor.inlineComment.marker.end': 'kraj umetnutog komentara',
+  'fabric.editor.inlineComment.marker.start': 'početak umetnutog komentara'
+};

package/dist/es2019/react/marks/breakout.js

@@ -7,7 +7,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { css, jsx } from '@emotion/react';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { calcBreakoutWithCustomWidth, calcBreakoutWidth } from '@atlaskit/editor-common/utils';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { fg } from '@atlaskit/platform-feature-flags';
 const wrapperStyles = css({
@@ -17,16 +17,15 @@ const wrapperStyles = css({
   marginLeft: '50%',
   transform: 'translateX(-50%)'
 });
-const CONTAINER_WITHOUT_GUTTER = `calc(100cqw - ${akEditorGutterPadding}px * 2)`;
 const getWidth = (width, mode) => {
   if (editorExperiment('advanced_layouts', true) && width) {
-    return `min(${width}px, ${CONTAINER_WITHOUT_GUTTER})`;
+    return `min(${width}px, var(--ak-editor--breakout-container-without-gutter-width))`;
   } else {
     if (mode === 'full-width') {
-      return `max(${akEditorDefaultLayoutWidth}px, min(${akEditorFullWidthLayoutWidth}px, ${CONTAINER_WITHOUT_GUTTER}))`;
+      return `max(${akEditorDefaultLayoutWidth}px, min(${akEditorFullWidthLayoutWidth}px, var(--ak-editor--breakout-container-without-gutter-width))))`;
     }
     if (mode === 'wide') {
-      return `min(var(--ak-editor--breakout-wide-layout-width), ${CONTAINER_WITHOUT_GUTTER})`;
+      return `min(var(--ak-editor--breakout-wide-layout-width), var(--ak-editor--breakout-container-without-gutter-width)))`;
     }
   }
 };

package/dist/es2019/render-document.js

@@ -60,35 +60,34 @@ const _validation = (doc, schema, adfStage, useSpecBasedValidator, dispatchAnaly
       result.version = 1;
     }
   }
-  if (fg('platform_editor_use_nested_table_pm_nodes')) {
-    // Convert nested-table extensions into nested tables
-    try {
-      const {
-        transformedAdf,
-        isTransformed
-      } = transformNestedTablesIncomingDocument(result, {
-        environment: 'renderer',
-        disableNestedRendererTreatment: fg('platform_editor_nested_table_extension_comment_fix')
-      });
-      if (isTransformed) {
-        dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 ? void 0 : dispatchAnalyticsEvent({
-          action: ACTION.NESTED_TABLE_TRANSFORMED,
-          actionSubject: ACTION_SUBJECT.RENDERER,
-          eventType: EVENT_TYPE.OPERATIONAL
-        });
-        result = transformedAdf;
-      }
-    } catch (e) {
+
+  // Convert nested-table extensions into nested tables
+  try {
+    const {
+      transformedAdf,
+      isTransformed
+    } = transformNestedTablesIncomingDocument(result, {
+      environment: 'renderer',
+      disableNestedRendererTreatment: fg('platform_editor_nested_table_extension_comment_fix')
+    });
+    if (isTransformed) {
       dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 ? void 0 : dispatchAnalyticsEvent({
-        action: ACTION.INVALID_PROSEMIRROR_DOCUMENT,
+        action: ACTION.NESTED_TABLE_TRANSFORMED,
         actionSubject: ACTION_SUBJECT.RENDERER,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          platform: PLATFORM.WEB,
-          errorStack: `${e instanceof Error && e.name === 'NodeNestingTransformError' ? 'NodeNestingTransformError - Failed to encode one or more nested tables' : undefined}`
-        }
+        eventType: EVENT_TYPE.OPERATIONAL
       });
+      result = transformedAdf;
     }
+  } catch (e) {
+    dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 ? void 0 : dispatchAnalyticsEvent({
+      action: ACTION.INVALID_PROSEMIRROR_DOCUMENT,
+      actionSubject: ACTION_SUBJECT.RENDERER,
+      eventType: EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        platform: PLATFORM.WEB,
+        errorStack: `${e instanceof Error && e.name === 'NodeNestingTransformError' ? 'NodeNestingTransformError - Failed to encode one or more nested tables' : undefined}`
+      }
+    });
   }
   return result;
 };

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

@@ -11,7 +11,7 @@ import { B300, B400, B500, N20, N200, N30A, N40A, N60A, N800, R50, R500, Y300, Y
 import { FullPagePadding } from './style';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { RendererCssClassName } from '../../consts';
-import { akEditorBlockquoteBorderColor, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorBlockquoteBorderColor, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
 import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
 import { HeadingAnchorWrapperClassName } from '../../react/nodes/heading-anchor';
 import { CodeBlockSharedCssClassName, DateSharedCssClassName, listItemCounterPadding, richMediaClassName, SmartCardSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginTop, TableSharedCssClassName, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
@@ -199,9 +199,9 @@ const baseStyles = css({
   }
 });
 const akEditorBreakpointForSmallDevice = '1266px';
-
-// Corresponds to the legacyContentStyles from `@atlaskit/editor-core` meant to introduce responsive breakout width.
 const responsiveBreakoutWidth = css({
+  '--ak-editor--breakout-container-without-gutter-width': `calc(100cqw - ${akEditorGutterPadding}px * 2)`,
+  // Corresponds to the legacyContentStyles from `@atlaskit/editor-core` meant to introduce responsive breakout width.
   '--ak-editor--breakout-wide-layout-width': `${akEditorCalculatedWideLayoutWidthSmallViewport}px`,
   [`@media (min-width: ${akEditorBreakpointForSmallDevice})`]: {
     '--ak-editor--breakout-wide-layout-width': `${akEditorCalculatedWideLayoutWidth}px`

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

@@ -48,7 +48,7 @@ import { PortalContext } from './PortalContext';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "118.6.14";
+const packageVersion = "118.6.16";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/i18n/sl.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Slovenian (Slovenia) [sl-SI]
+export default {
+  'fabric.editor.headingLink.ascSortingLabel': 'naraščajoče',
+  'fabric.editor.headingLink.copied': 'Kopirano!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj povezavo do naslova',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
+  'fabric.editor.headingLink.descSortingLabel': 'padajoče',
+  'fabric.editor.headingLink.failedToCopy': 'Kopiranje ni uspelo',
+  'fabric.editor.headingLink.noneSortingLabel': 'brez',
+  'fabric.editor.inlineComment.marker.end': 'konec komentarja v vrstici',
+  'fabric.editor.inlineComment.marker.start': 'začetek komentarja v vrstici'
+};

package/dist/esm/i18n/sr_RS.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+export default {
+  'fabric.editor.headingLink.ascSortingLabel': 'rastući',
+  'fabric.editor.headingLink.copied': 'Kopirano!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj link naslova',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
+  'fabric.editor.headingLink.descSortingLabel': 'opadajući',
+  'fabric.editor.headingLink.failedToCopy': 'Kopiranje nije uspelo',
+  'fabric.editor.headingLink.noneSortingLabel': 'nijedno',
+  'fabric.editor.inlineComment.marker.end': 'kraj umetnutog komentara',
+  'fabric.editor.inlineComment.marker.start': 'početak umetnutog komentara'
+};

package/dist/esm/react/marks/breakout.js

@@ -7,7 +7,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { css, jsx } from '@emotion/react';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { calcBreakoutWithCustomWidth, calcBreakoutWidth } from '@atlaskit/editor-common/utils';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { fg } from '@atlaskit/platform-feature-flags';
 var wrapperStyles = css({
@@ -17,16 +17,15 @@ var wrapperStyles = css({
   marginLeft: '50%',
   transform: 'translateX(-50%)'
 });
-var CONTAINER_WITHOUT_GUTTER = "calc(100cqw - ".concat(akEditorGutterPadding, "px * 2)");
 var getWidth = function getWidth(width, mode) {
   if (editorExperiment('advanced_layouts', true) && width) {
-    return "min(".concat(width, "px, ").concat(CONTAINER_WITHOUT_GUTTER, ")");
+    return "min(".concat(width, "px, var(--ak-editor--breakout-container-without-gutter-width))");
   } else {
     if (mode === 'full-width') {
-      return "max(".concat(akEditorDefaultLayoutWidth, "px, min(").concat(akEditorFullWidthLayoutWidth, "px, ").concat(CONTAINER_WITHOUT_GUTTER, "))");
+      return "max(".concat(akEditorDefaultLayoutWidth, "px, min(").concat(akEditorFullWidthLayoutWidth, "px, var(--ak-editor--breakout-container-without-gutter-width))))");
     }
     if (mode === 'wide') {
-      return "min(var(--ak-editor--breakout-wide-layout-width), ".concat(CONTAINER_WITHOUT_GUTTER, ")");
+      return "min(var(--ak-editor--breakout-wide-layout-width), var(--ak-editor--breakout-container-without-gutter-width)))";
     }
   }
 };

package/dist/esm/render-document.js

@@ -60,34 +60,33 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
       result.version = 1;
     }
   }
-  if (fg('platform_editor_use_nested_table_pm_nodes')) {
-    // Convert nested-table extensions into nested tables
-    try {
-      var _transformNestedTable = transformNestedTablesIncomingDocument(result, {
-          environment: 'renderer',
-          disableNestedRendererTreatment: fg('platform_editor_nested_table_extension_comment_fix')
-        }),
-        _transformedAdf = _transformNestedTable.transformedAdf,
-        _isTransformed = _transformNestedTable.isTransformed;
-      if (_isTransformed) {
-        dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
-          action: ACTION.NESTED_TABLE_TRANSFORMED,
-          actionSubject: ACTION_SUBJECT.RENDERER,
-          eventType: EVENT_TYPE.OPERATIONAL
-        });
-        result = _transformedAdf;
-      }
-    } catch (e) {
+
+  // Convert nested-table extensions into nested tables
+  try {
+    var _transformNestedTable = transformNestedTablesIncomingDocument(result, {
+        environment: 'renderer',
+        disableNestedRendererTreatment: fg('platform_editor_nested_table_extension_comment_fix')
+      }),
+      _transformedAdf = _transformNestedTable.transformedAdf,
+      _isTransformed = _transformNestedTable.isTransformed;
+    if (_isTransformed) {
       dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
-        action: ACTION.INVALID_PROSEMIRROR_DOCUMENT,
+        action: ACTION.NESTED_TABLE_TRANSFORMED,
         actionSubject: ACTION_SUBJECT.RENDERER,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          platform: PLATFORM.WEB,
-          errorStack: "".concat(e instanceof Error && e.name === 'NodeNestingTransformError' ? 'NodeNestingTransformError - Failed to encode one or more nested tables' : undefined)
-        }
+        eventType: EVENT_TYPE.OPERATIONAL
       });
+      result = _transformedAdf;
     }
+  } catch (e) {
+    dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
+      action: ACTION.INVALID_PROSEMIRROR_DOCUMENT,
+      actionSubject: ACTION_SUBJECT.RENDERER,
+      eventType: EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        platform: PLATFORM.WEB,
+        errorStack: "".concat(e instanceof Error && e.name === 'NodeNestingTransformError' ? 'NodeNestingTransformError - Failed to encode one or more nested tables' : undefined)
+      }
+    });
   }
   return result;
 };

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

@@ -13,7 +13,7 @@ import { B300, B400, B500, N20, N200, N30A, N40A, N60A, N800, R50, R500, Y300, Y
 import { FullPagePadding } from './style';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { RendererCssClassName } from '../../consts';
-import { akEditorBlockquoteBorderColor, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorBlockquoteBorderColor, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
 import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
 import { HeadingAnchorWrapperClassName } from '../../react/nodes/heading-anchor';
 import { CodeBlockSharedCssClassName, DateSharedCssClassName, listItemCounterPadding, richMediaClassName, SmartCardSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginTop, TableSharedCssClassName, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
@@ -133,9 +133,9 @@ var baseStyles = css((_css = {
   color: "var(--ds-text-subtlest, ".concat(N200, ")")
 })));
 var akEditorBreakpointForSmallDevice = '1266px';
-
-// Corresponds to the legacyContentStyles from `@atlaskit/editor-core` meant to introduce responsive breakout width.
 var responsiveBreakoutWidth = css(_defineProperty({
+  '--ak-editor--breakout-container-without-gutter-width': "calc(100cqw - ".concat(akEditorGutterPadding, "px * 2)"),
+  // Corresponds to the legacyContentStyles from `@atlaskit/editor-core` meant to introduce responsive breakout width.
   '--ak-editor--breakout-wide-layout-width': "".concat(akEditorCalculatedWideLayoutWidthSmallViewport, "px")
 }, "@media (min-width: ".concat(akEditorBreakpointForSmallDevice, ")"), {
   '--ak-editor--breakout-wide-layout-width': "".concat(akEditorCalculatedWideLayoutWidth, "px")

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

@@ -53,7 +53,7 @@ import { PortalContext } from './PortalContext';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "118.6.14";
+var packageVersion = "118.6.16";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/i18n/sl.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.editor.headingLink.ascSortingLabel': string;
+    'fabric.editor.headingLink.copied': string;
+    'fabric.editor.headingLink.copyAnchorLink': string;
+    'fabric.editor.headingLink.copyAriaLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
+    'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.inlineComment.marker.end': string;
+    'fabric.editor.inlineComment.marker.start': string;
+};
+export default _default;

package/dist/types/i18n/sr_RS.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.editor.headingLink.ascSortingLabel': string;
+    'fabric.editor.headingLink.copied': string;
+    'fabric.editor.headingLink.copyAnchorLink': string;
+    'fabric.editor.headingLink.copyAriaLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
+    'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.inlineComment.marker.end': string;
+    'fabric.editor.inlineComment.marker.start': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/sl.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.editor.headingLink.ascSortingLabel': string;
+    'fabric.editor.headingLink.copied': string;
+    'fabric.editor.headingLink.copyAnchorLink': string;
+    'fabric.editor.headingLink.copyAriaLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
+    'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.inlineComment.marker.end': string;
+    'fabric.editor.inlineComment.marker.start': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/sr_RS.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.editor.headingLink.ascSortingLabel': string;
+    'fabric.editor.headingLink.copied': string;
+    'fabric.editor.headingLink.copyAnchorLink': string;
+    'fabric.editor.headingLink.copyAriaLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
+    'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.inlineComment.marker.end': string;
+    'fabric.editor.inlineComment.marker.start': string;
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "118.6.14",
+	"version": "118.6.16",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/code": "^17.2.0",
-		"@atlaskit/editor-common": "^106.6.0",
+		"@atlaskit/editor-common": "^106.7.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.11.0",
 		"@atlaskit/media-card": "^79.3.0",
-		"@atlaskit/media-client": "^33.3.0",
+		"@atlaskit/media-client": "^33.4.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.1.0",
 		"@atlaskit/media-filmstrip": "^50.1.0",
@@ -57,7 +57,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tmp-editor-statsig": "^7.0.0",
-		"@atlaskit/tokens": "^5.1.0",
+		"@atlaskit/tokens": "^5.2.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -166,9 +166,6 @@
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		},
-		"platform_editor_use_nested_table_pm_nodes": {
-			"type": "boolean"
-		},
 		"platform_editor_hyperlink_underline": {
 			"type": "boolean"
 		},