@atlaskit/renderer 114.13.0 → 115.0.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/renderer
 
+## 115.0.0
+
+### Minor Changes
+
+- [#148116](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148116)
+  [`6170d49320f56`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6170d49320f56) -
+  [ux] EDITOR-618 Add border style when a panel is nested in other panels
+
+### Patch Changes
+
+- Updated dependencies
+
+## 114.13.1
+
+### Patch Changes
+
+- [#148536](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148536)
+  [`da7c16d27cfcc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/da7c16d27cfcc) -
+  Update fragment serializer logic
+- Updated dependencies
+
 ## 114.13.0
 
 ### Minor Changes

package/dist/cjs/i18n/cs.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Kopírování se nezdařilo',
   'fabric.editor.headingLink.noneSortingLabel': 'Žádné',
   'fabric.editor.inlineComment.marker.end': 'konec vloženého komentáře',
-  'fabric.editor.inlineComment.marker.start': 'začátek vloženého komentáře',
-  'fabric.editor.status.accessibilityLabel': 'stav:'
+  'fabric.editor.inlineComment.marker.start': 'začátek vloženého komentáře'
 };

package/dist/cjs/i18n/da.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Kopiering mislykkedes',
   'fabric.editor.headingLink.noneSortingLabel': 'ingen',
   'fabric.editor.inlineComment.marker.end': 'slut på indlejret kommentar',
-  'fabric.editor.inlineComment.marker.start': 'start på indlejret kommentar',
-  'fabric.editor.status.accessibilityLabel': 'status:'
+  'fabric.editor.inlineComment.marker.start': 'start på indlejret kommentar'
 };

package/dist/cjs/i18n/de.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Kopieren ist fehlgeschlagen',
   'fabric.editor.headingLink.noneSortingLabel': 'Keine',
   'fabric.editor.inlineComment.marker.end': 'Ende des Inline-Kommentars',
-  'fabric.editor.inlineComment.marker.start': 'Beginn des Inline-Kommentars',
-  'fabric.editor.status.accessibilityLabel': 'Status:'
+  'fabric.editor.inlineComment.marker.start': 'Beginn des Inline-Kommentars'
 };

package/dist/cjs/i18n/en.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Copy failed',
   'fabric.editor.headingLink.noneSortingLabel': 'none',
   'fabric.editor.inlineComment.marker.end': 'inline comment end',
-  'fabric.editor.inlineComment.marker.start': 'inline comment start',
-  'fabric.editor.status.accessibilityLabel': 'status:'
+  'fabric.editor.inlineComment.marker.start': 'inline comment start'
 };

package/dist/cjs/i18n/en_GB.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Copy failed',
   'fabric.editor.headingLink.noneSortingLabel': 'none',
   'fabric.editor.inlineComment.marker.end': 'inline comment end',
-  'fabric.editor.inlineComment.marker.start': 'inline comment start',
-  'fabric.editor.status.accessibilityLabel': 'status:'
+  'fabric.editor.inlineComment.marker.start': 'inline comment start'
 };

package/dist/cjs/i18n/en_ZZ.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': '⁣⁢Copy failed⁠⁠‌⁠‌‍‌⁣⁤',
   'fabric.editor.headingLink.noneSortingLabel': '⁣⁢none⁡؜⁡⁡؜⁠⁠⁣⁤',
   'fabric.editor.inlineComment.marker.end': '⁣⁢inline comment end⁠‍⁡⁡؜⁠‌⁣⁤',
-  'fabric.editor.inlineComment.marker.start': '⁣⁢inline comment start؜‌‌‍⁡‍‍؜‌⁣⁤',
-  'fabric.editor.status.accessibilityLabel': '⁣⁢status:؜⁠‍‍⁡؜⁠⁠⁠⁡⁣⁤'
+  'fabric.editor.inlineComment.marker.start': '⁣⁢inline comment start؜‌‌‍⁡‍‍؜‌⁣⁤'
 };

package/dist/cjs/i18n/es.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Copia fallida',
   'fabric.editor.headingLink.noneSortingLabel': 'ninguno',
   'fabric.editor.inlineComment.marker.end': 'final de comentario insertado',
-  'fabric.editor.inlineComment.marker.start': 'inicio de comentario insertado',
-  'fabric.editor.status.accessibilityLabel': 'estado:'
+  'fabric.editor.inlineComment.marker.start': 'inicio de comentario insertado'
 };

package/dist/cjs/i18n/fi.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Kopiointi epäonnistui',
   'fabric.editor.headingLink.noneSortingLabel': 'Ei mitään',
   'fabric.editor.inlineComment.marker.end': 'tekstin sisäisen kommentin loppu',
-  'fabric.editor.inlineComment.marker.start': 'tekstin sisäisen kommentin alku',
-  'fabric.editor.status.accessibilityLabel': 'tila:'
+  'fabric.editor.inlineComment.marker.start': 'tekstin sisäisen kommentin alku'
 };

package/dist/cjs/i18n/fr.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Copie impossible',
   'fabric.editor.headingLink.noneSortingLabel': 'Néant',
   'fabric.editor.inlineComment.marker.end': 'fin du commentaire contextuel',
-  'fabric.editor.inlineComment.marker.start': 'début du commentaire contextuel',
-  'fabric.editor.status.accessibilityLabel': 'état :'
+  'fabric.editor.inlineComment.marker.start': 'début du commentaire contextuel'
 };

package/dist/cjs/i18n/hr.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.
+ */
+//Croatian (Croatia) [hr-HR]
+var _default = exports.default = {
+  'fabric.editor.headingLink.ascSortingLabel': 'uzlazno',
+  'fabric.editor.headingLink.copied': 'Kopirano!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj poveznicu u zaglavlju',
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
+  'fabric.editor.headingLink.descSortingLabel': 'silazno',
+  'fabric.editor.headingLink.failedToCopy': 'Neuspjelo kopiranje',
+  'fabric.editor.headingLink.noneSortingLabel': 'nema',
+  'fabric.editor.inlineComment.marker.end': 'završetak za umetnuti komentar',
+  'fabric.editor.inlineComment.marker.start': 'početak za umetnuti komentar'
+};

package/dist/cjs/i18n/hu.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'A másolás nem sikerült',
   'fabric.editor.headingLink.noneSortingLabel': 'Nincs',
   'fabric.editor.inlineComment.marker.end': 'beágyazott megjegyzés vége',
-  'fabric.editor.inlineComment.marker.start': 'beágyazott megjegyzés kezdete',
-  'fabric.editor.status.accessibilityLabel': 'állapot:'
+  'fabric.editor.inlineComment.marker.start': 'beágyazott megjegyzés kezdete'
 };

package/dist/cjs/i18n/it.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Copia non riuscita',
   'fabric.editor.headingLink.noneSortingLabel': 'nessuno',
   'fabric.editor.inlineComment.marker.end': 'fine del commento in linea',
-  'fabric.editor.inlineComment.marker.start': 'inizio del commento in linea',
-  'fabric.editor.status.accessibilityLabel': 'stato:'
+  'fabric.editor.inlineComment.marker.start': 'inizio del commento in linea'
 };

package/dist/cjs/i18n/ja.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'コピーできませんでした。',
   'fabric.editor.headingLink.noneSortingLabel': 'なし',
   'fabric.editor.inlineComment.marker.end': 'インライン コメント終了',
-  'fabric.editor.inlineComment.marker.start': 'インライン コメント開始',
-  'fabric.editor.status.accessibilityLabel': 'ステータス:'
+  'fabric.editor.inlineComment.marker.start': 'インライン コメント開始'
 };

package/dist/cjs/i18n/ko.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': '복사 실패',
   'fabric.editor.headingLink.noneSortingLabel': '없음',
   'fabric.editor.inlineComment.marker.end': '인라인 댓글 끝',
-  'fabric.editor.inlineComment.marker.start': '인라인 댓글 시작',
-  'fabric.editor.status.accessibilityLabel': '상태:'
+  'fabric.editor.inlineComment.marker.start': '인라인 댓글 시작'
 };

package/dist/cjs/i18n/nb.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Kopiering mislyktes',
   'fabric.editor.headingLink.noneSortingLabel': 'ingen',
   'fabric.editor.inlineComment.marker.end': 'kommentar i margen slutt',
-  'fabric.editor.inlineComment.marker.start': 'kommentar i margen start',
-  'fabric.editor.status.accessibilityLabel': 'status:'
+  'fabric.editor.inlineComment.marker.start': 'kommentar i margen start'
 };

package/dist/cjs/i18n/nl.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Kopiëren mislukt',
   'fabric.editor.headingLink.noneSortingLabel': 'Geen',
   'fabric.editor.inlineComment.marker.end': 'einde inline-opmerking',
-  'fabric.editor.inlineComment.marker.start': 'begin inline-opmerking',
-  'fabric.editor.status.accessibilityLabel': 'status:'
+  'fabric.editor.inlineComment.marker.start': 'begin inline-opmerking'
 };

package/dist/cjs/i18n/pl.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się',
   'fabric.editor.headingLink.noneSortingLabel': 'Brak',
   'fabric.editor.inlineComment.marker.end': 'koniec komentarza śródwierszowego',
-  'fabric.editor.inlineComment.marker.start': 'początek komentarza śródwierszowego',
-  'fabric.editor.status.accessibilityLabel': 'status:'
+  'fabric.editor.inlineComment.marker.start': 'początek komentarza śródwierszowego'
 };

package/dist/cjs/i18n/pt_BR.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Falha na cópia',
   'fabric.editor.headingLink.noneSortingLabel': 'nenhum',
   'fabric.editor.inlineComment.marker.end': 'fim de comentário em linha',
-  'fabric.editor.inlineComment.marker.start': 'início de comentário em linha',
-  'fabric.editor.status.accessibilityLabel': 'status:'
+  'fabric.editor.inlineComment.marker.start': 'início de comentário em linha'
 };

package/dist/cjs/i18n/ru.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Ошибка копирования',
   'fabric.editor.headingLink.noneSortingLabel': 'Нет',
   'fabric.editor.inlineComment.marker.end': 'конец встроенного комментария',
-  'fabric.editor.inlineComment.marker.start': 'начало встроенного комментария',
-  'fabric.editor.status.accessibilityLabel': 'статус:'
+  'fabric.editor.inlineComment.marker.start': 'начало встроенного комментария'
 };

package/dist/cjs/i18n/sk.js

@@ -4,11 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Slovak
-var _default = exports.default = {};
+//Slovak
+var _default = exports.default = {
+  'fabric.editor.headingLink.ascSortingLabel': 'None',
+  'fabric.editor.headingLink.copied': 'None',
+  'fabric.editor.headingLink.copyAnchorLink': 'None',
+  'fabric.editor.headingLink.copyAriaLabel': 'None',
+  'fabric.editor.headingLink.failedToCopy': 'None',
+  'fabric.editor.inlineComment.marker.end': 'koniec vnoreného komentára',
+  'fabric.editor.inlineComment.marker.start': 'začiatok vnoreného komentára'
+};

package/dist/cjs/i18n/sv.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Kopiering misslyckades',
   'fabric.editor.headingLink.noneSortingLabel': 'Ingen',
   'fabric.editor.inlineComment.marker.end': 'slut på inlinekommentarer',
-  'fabric.editor.inlineComment.marker.start': 'start på inlinekommentarer',
-  'fabric.editor.status.accessibilityLabel': 'status:'
+  'fabric.editor.inlineComment.marker.start': 'start på inlinekommentarer'
 };

package/dist/cjs/i18n/th.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'การคัดลอกไม่สำเร็จ',
   'fabric.editor.headingLink.noneSortingLabel': 'ไม่มี',
   'fabric.editor.inlineComment.marker.end': 'สิ้นสุดความคิดเห็นในบรรทัด',
-  'fabric.editor.inlineComment.marker.start': 'เริ่มต้นความคิดเห็นในบรรทัด',
-  'fabric.editor.status.accessibilityLabel': 'สถานะ:'
+  'fabric.editor.inlineComment.marker.start': 'เริ่มต้นความคิดเห็นในบรรทัด'
 };

package/dist/cjs/i18n/tr.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Kopyalama işlemi başarısız oldu',
   'fabric.editor.headingLink.noneSortingLabel': 'yok',
   'fabric.editor.inlineComment.marker.end': 'satır içi yorum sonu',
-  'fabric.editor.inlineComment.marker.start': 'satır içi yorum başlangıcı',
-  'fabric.editor.status.accessibilityLabel': 'durum:'
+  'fabric.editor.inlineComment.marker.start': 'satır içi yorum başlangıcı'
 };

package/dist/cjs/i18n/uk.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Не вдалося скопіювати',
   'fabric.editor.headingLink.noneSortingLabel': 'Немає',
   'fabric.editor.inlineComment.marker.end': 'кінець вбудованого коментаря',
-  'fabric.editor.inlineComment.marker.start': 'початок вбудованого коментаря',
-  'fabric.editor.status.accessibilityLabel': 'стан:'
+  'fabric.editor.inlineComment.marker.start': 'початок вбудованого коментаря'
 };

package/dist/cjs/i18n/vi.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': 'Sao chép không thành công',
   'fabric.editor.headingLink.noneSortingLabel': 'không có',
   'fabric.editor.inlineComment.marker.end': 'bình luận nội tuyến kết thúc',
-  'fabric.editor.inlineComment.marker.start': 'bình luận nội tuyến bắt đầu',
-  'fabric.editor.status.accessibilityLabel': 'trạng thái:'
+  'fabric.editor.inlineComment.marker.start': 'bình luận nội tuyến bắt đầu'
 };

package/dist/cjs/i18n/zh.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': '复制失败',
   'fabric.editor.headingLink.noneSortingLabel': '无',
   'fabric.editor.inlineComment.marker.end': '内联评论结束',
-  'fabric.editor.inlineComment.marker.start': '内联评论开始',
-  'fabric.editor.status.accessibilityLabel': '状态：'
+  'fabric.editor.inlineComment.marker.start': '内联评论开始'
 };

package/dist/cjs/i18n/zh_TW.js

@@ -21,6 +21,5 @@ var _default = exports.default = {
   'fabric.editor.headingLink.failedToCopy': '複製失敗',
   'fabric.editor.headingLink.noneSortingLabel': '無',
   'fabric.editor.inlineComment.marker.end': '內嵌留言結束',
-  'fabric.editor.inlineComment.marker.start': '內嵌留言開始',
-  'fabric.editor.status.accessibilityLabel': '狀態：'
+  'fabric.editor.inlineComment.marker.start': '內嵌留言開始'
 };

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

@@ -154,6 +154,12 @@ var panelNestedIconStyles = (0, _react2.css)({
     paddingRight: "var(--ds-space-150, 12px)"
   }
 });
+var nestedPanelStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-panel__content .ak-editor-panel': {
+    border: "1px solid ".concat("var(--ds-border, #091E42)")
+  }
+});
 var panelCustomBackground = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
   '&.ak-editor-panel': {
@@ -174,7 +180,7 @@ var PanelStyled = function PanelStyled(_ref) {
     {
       '--ak-renderer-panel-custom-bg-color': customBackgroundColor
     },
-    css: [panelBaseStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor && panelCustomBackground, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && panelNestedIconStyles]
+    css: [panelBaseStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor && panelCustomBackground, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && panelNestedIconStyles, (0, _platformFeatureFlags.fg)('platform_editor_add_border_for_nested_panel') && nestedPanelStyles]
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props), props.children);

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

@@ -615,9 +615,25 @@ var TableWithShadows = (0, _ui.overflowShadow)(TableProcessor, {
   overflowSelector: ":scope > .".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER),
   useShadowObserver: true
 });
+
+// Legacy tables have only one of the three layouts and do not have a width attribute
+var isLegacyTable = function isLegacyTable(layout) {
+  return Boolean(['default', 'wide', 'full-width'].includes(layout));
+};
+var shouldRenderTableWithCSSWidth = function shouldRenderTableWithCSSWidth(layout, width) {
+  // The CSS width optimization is currently only in place when the table node
+  // has a defined width and is not a legacy table
+
+  // the optimization is also skipped for Safari due to browser limitations with container styles
+  if (_browser.browser.safari || !width || isLegacyTable(layout)) {
+    return false;
+  }
+  return true;
+};
 var TableWithWidth = function TableWithWidth(props) {
+  var _props$tableNode$attr, _props$tableNode, _props$tableNode2;
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  if (!_browser.browser.safari && (0, _platformFeatureFlags.fg)('platform-ssr-table-resize')) {
+  if (shouldRenderTableWithCSSWidth((_props$tableNode$attr = (_props$tableNode = props.tableNode) === null || _props$tableNode === void 0 || (_props$tableNode = _props$tableNode.attrs) === null || _props$tableNode === void 0 ? void 0 : _props$tableNode.layout) !== null && _props$tableNode$attr !== void 0 ? _props$tableNode$attr : '', (_props$tableNode2 = props.tableNode) === null || _props$tableNode2 === void 0 || (_props$tableNode2 = _props$tableNode2.attrs) === null || _props$tableNode2 === void 0 ? void 0 : _props$tableNode2.width) && (0, _platformFeatureFlags.fg)('platform-ssr-table-resize')) {
     var _props$columnWidths;
     var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
       return total + val;

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

@@ -40,6 +40,7 @@ var getColgroupChildrenLength = function getColgroupChildrenLength(table) {
   return map.width;
 };
 var gutterPadding = (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2;
+var TABLE_MAX_WIDTH = 1800;
 var COLUMN_MIN_WIDTH = 48;
 var isTableResizingEnabled = exports.isTableResizingEnabled = function isTableResizingEnabled(appearance) {
   return (0, _appearance.isFullWidthOrFullPageAppearance)(appearance) || (0, _appearance.isCommentAppearance)(appearance) && (0, _experiments.editorExperiment)('support_table_in_comment', true, {
@@ -353,7 +354,20 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         allowTableResizing = _this$props.allowTableResizing,
         isPresentational = _this$props.isPresentational;
       var stickyMode = this.state.stickyMode;
-      var tableWidthAttribute = tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? "".concat(tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.width, "px") : "100%";
+      var getTableWidthAttribute = function getTableWidthAttribute() {
+        // this scenario occurs when there is a full width table within the full width renderer,
+        // in which case the parent container is already the correct size
+        if (rendererAppearance === 'full-width' && (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.width) === TABLE_MAX_WIDTH) {
+          return "100%";
+        }
+        // this scenario occurs when there is a full width table nested within a component (expand, column layout). In these cases
+        // the table should inherit the width of its parent component
+        if (rendererAppearance === 'full-page' && (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.width) === TABLE_MAX_WIDTH && layout === 'align-start') {
+          return "100%";
+        }
+        return "".concat(tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.width, "px");
+      };
+      var tableWidthAttribute = getTableWidthAttribute();
       var children = _react.default.Children.toArray(this.props.children);
       var tableMinWidth;
       if (tableNode) {
@@ -362,7 +376,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
 
       // Historically, tables in the full-width renderer had their layout set to 'default' which is deceiving.
       // This check caters for those tables and helps with SSR logic
-      var isFullWidth = !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) && rendererAppearance === 'full-width' && layout !== 'full-width';
+      var isFullWidth = rendererAppearance === 'full-width' && layout !== 'full-width';
       if (isFullWidth) {
         this.updatedLayout = 'full-width';
         // if table has width explicity set, ensure SSR is handled
@@ -371,6 +385,12 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       } else {
         this.updatedLayout = layout;
       }
+
+      // full width tables can have either left-aligned or centered layout despite looking centered in the renderer.
+      // in these cases, keep the alignment unset
+      var getTableAlignment = function getTableAlignment() {
+        return isFullWidth && (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.width) === TABLE_MAX_WIDTH ? '' : tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
+      };
       return /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         className: "table-alignment-container"
@@ -378,7 +398,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         ,
         style: {
           display: 'flex',
-          justifyContent: "".concat(tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout)
+          justifyContent: getTableAlignment()
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -396,7 +416,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
           position: 'relative',
           userSelect: 'auto',
           boxSizing: 'border-box'
-        }, '--ak-editor-table-gutter-padding', "".concat(gutterPadding, "px")), '--ak-editor-table-max-width', "1800px"), '--ak-editor-table-min-width', "".concat(tableMinWidth, "px")), "minWidth", 'var(--ak-editor-table-min-width)'), "maxWidth", "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))"), "width", "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ".concat(tableWidthAttribute, ")"))
+        }, '--ak-editor-table-gutter-padding', "".concat(gutterPadding, "px")), '--ak-editor-table-max-width', "".concat(TABLE_MAX_WIDTH, "px")), '--ak-editor-table-min-width', "".concat(tableMinWidth, "px")), "minWidth", 'var(--ak-editor-table-min-width)'), "maxWidth", "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))"), "width", "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ".concat(tableWidthAttribute, ")"))
       }, /*#__PURE__*/_react.default.createElement("span", {
         className: "resizer-hover-zone"
       }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -139,6 +139,18 @@ var baseStyles = (0, _react.css)((_css = {
 }), (0, _defineProperty2.default)(_css, '& span[data-placeholder]', {
   color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")")
 })));
+var hideHeadingCopyLinkWrapperStyles = (0, _react.css)({
+  '& h1, & h2, & h3, & h4, & h5, & h6': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_headingAnchor.HeadingAnchorWrapperClassName), {
+    '&:focus-within': {
+      opacity: 1
+    }
+  }), "@media (hover: hover) and (pointer: fine)", (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_headingAnchor.HeadingAnchorWrapperClassName), {
+    opacity: 0,
+    transition: "opacity 0.2s ease 0s"
+  }), '&:hover', (0, _defineProperty2.default)({}, ".".concat(_headingAnchor.HeadingAnchorWrapperClassName), {
+    opacity: 1
+  })))
+});
 var rendererFullPageStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
   maxWidth: "".concat(_editorSharedStyles.akEditorDefaultLayoutWidth, "px"),
@@ -1377,7 +1389,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
         '--ak-renderer-editor-font-heading-h6': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6')),
         '--ak-renderer-editor-font-normal-text': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.body'))
       },
-      css: [baseStyles, appearance === 'full-page' && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, telepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? paragraphSharedStylesWithEditorUGC : paragraphSharedStyles, listsSharedStyles, _browser.browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, tasksAndDecisionsStyles, smartCardStyles, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && smartCardStylesAvatarFix,
+      css: [baseStyles, (0, _platformFeatureFlags.fg)('platform_hide_heading_anchor_wrapper_before_hover') && hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, telepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? paragraphSharedStylesWithEditorUGC : paragraphSharedStyles, listsSharedStyles, _browser.browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, tasksAndDecisionsStyles, smartCardStyles, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && smartCardStylesAvatarFix,
       // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix

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

@@ -48,6 +48,7 @@ var _ValidationContext = require("./ValidationContext");
 var _RendererStyleContainer = require("./RendererStyleContainer");
 var _getBaseFontSize = require("./get-base-font-size");
 var _rendererHelper = require("./rendererHelper");
+var _useMemoFromPropsDerivative = require("./useMemoFromPropsDerivative");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -59,7 +60,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 = "114.13.0";
+var packageVersion = "115.0.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -207,13 +208,14 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
     exposure: true
   }) ? fireAnalyticsEventNew : fireAnalyticsEventOld;
   var deriveSerializerProps = (0, _react.useCallback)(function (props) {
+    var _props$startPos;
     var stickyHeaders = props.stickyHeaders ? props.stickyHeaders === true ? {} : props.stickyHeaders : undefined;
     var annotationProvider = props.annotationProvider;
     var allowAnnotationsDraftMode = Boolean(annotationProvider && annotationProvider.inlineComment && annotationProvider.inlineComment.allowDraftMode);
     var _createRendererContex = createRendererContext(props.featureFlags, props.isTopLevelRenderer),
       featureFlags = _createRendererContex.featureFlags;
     return {
-      startPos: props.startPos,
+      startPos: (_props$startPos = props.startPos) !== null && _props$startPos !== void 0 ? _props$startPos : 0,
       providers: providerFactory,
       eventHandlers: props.eventHandlers,
       extensionHandlers: props.extensionHandlers,
@@ -252,20 +254,11 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       allowTableResizing: props.UNSTABLE_allowTableResizing
     };
   }, [createRendererContext, providerFactory, _fireAnalyticsEvent]);
-  var serializer = (0, _react.useMemo)(function () {
-    var _props$startPos;
-    var init = deriveSerializerProps(_objectSpread(_objectSpread({}, props), {}, {
-      startPos: (_props$startPos = props.startPos) !== null && _props$startPos !== void 0 ? _props$startPos : 0
-    }));
-    if ((0, _platformFeatureFlags.fg)('cc_complexit_fe_progressive_adf_rendering')) {
-      var _props$createSerializ;
-      var newSerializer = (_props$createSerializ = props.createSerializer) === null || _props$createSerializ === void 0 ? void 0 : _props$createSerializ.call(props, init);
-      if (newSerializer) {
-        return newSerializer;
-      }
-    }
-    return new _.ReactSerializer(init);
-  }, [deriveSerializerProps, props]);
+
+  // Abstract out the logic into its own function
+  var serializer = (0, _useMemoFromPropsDerivative.useMemoFromPropsDerivative)(function (serializerProps) {
+    return new _.ReactSerializer(serializerProps);
+  }, deriveSerializerProps, props);
   var localRef = (0, _react.useRef)(null);
   var editorRef = props.innerRef || localRef;
   var id = (0, _react.useMemo)(function () {

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

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMemoFromPropsDerivative = useMemoFromPropsDerivative;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+function useMemoFromPropsDerivative(factory, propsDerivator, props) {
+  // cache the last set of props
+  var prev = (0, _react.useRef)(props);
+  var prevFactory = (0, _react.useRef)(null);
+  return (0, _react.useMemo)(function () {
+    var init = propsDerivator(props);
+    if ((0, _platformFeatureFlags.fg)('cc_complexit_fe_reduce_fragment_serialization')) {
+      // check if the serializer is already created
+      var shouldCreate = !prevFactory.current;
+      // check each prop to see if value has changed and also check if the number of props has changed
+      if (prev.current !== props) {
+        // @ts-ignore - error TS2769: No overload matches this call.
+        var propsEntries = Object.entries(props);
+        // Break these into its own const to skip TS checks.
+        // @ts-ignore - error TS2769: No overload matches this call.
+        var isLengthDifferent = propsEntries.length !== Object.keys(prev.current).length;
+        // @ts-ignore
+        var isValueDifferent = propsEntries.some(function (_ref) {
+          var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+            key = _ref2[0],
+            prop = _ref2[1];
+          return prev.current[key] !== prop;
+        });
+        shouldCreate = isLengthDifferent || isValueDifferent;
+      }
+      prev.current = props;
+      // If first time or any prop value has changed, create a new serializer
+      if (shouldCreate) {
+        prevFactory.current = factory(init);
+      }
+    }
+
+    // If progressive rendering is enabled, create a new serializer
+    if ((0, _platformFeatureFlags.fg)('cc_complexit_fe_progressive_adf_rendering')) {
+      var _props$createSerializ;
+      // @ts-ignore - erorr TS2339 Property 'createSerializer' does not exist on type 'Props'.
+      var newSerializer = (_props$createSerializ = props.createSerializer) === null || _props$createSerializ === void 0 ? void 0 : _props$createSerializ.call(props, init);
+      if (newSerializer) {
+        return newSerializer;
+      }
+    }
+    return (0, _platformFeatureFlags.fg)('cc_complexit_fe_reduce_fragment_serialization') ? prevFactory.current : factory(init);
+  },
+  // To keep deps consistent, here disable the exhaustive-deps rule to drop factory from the deps array
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [propsDerivator, props]);
+}

package/dist/es2019/i18n/cs.js

@@ -15,6 +15,5 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Kopírování se nezdařilo',
   'fabric.editor.headingLink.noneSortingLabel': 'Žádné',
   'fabric.editor.inlineComment.marker.end': 'konec vloženého komentáře',
-  'fabric.editor.inlineComment.marker.start': 'začátek vloženého komentáře',
-  'fabric.editor.status.accessibilityLabel': 'stav:'
+  'fabric.editor.inlineComment.marker.start': 'začátek vloženého komentáře'
 };

package/dist/es2019/i18n/da.js

@@ -15,6 +15,5 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Kopiering mislykkedes',
   'fabric.editor.headingLink.noneSortingLabel': 'ingen',
   'fabric.editor.inlineComment.marker.end': 'slut på indlejret kommentar',
-  'fabric.editor.inlineComment.marker.start': 'start på indlejret kommentar',
-  'fabric.editor.status.accessibilityLabel': 'status:'
+  'fabric.editor.inlineComment.marker.start': 'start på indlejret kommentar'
 };

package/dist/es2019/i18n/de.js

@@ -15,6 +15,5 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Kopieren ist fehlgeschlagen',
   'fabric.editor.headingLink.noneSortingLabel': 'Keine',
   'fabric.editor.inlineComment.marker.end': 'Ende des Inline-Kommentars',
-  'fabric.editor.inlineComment.marker.start': 'Beginn des Inline-Kommentars',
-  'fabric.editor.status.accessibilityLabel': 'Status:'
+  'fabric.editor.inlineComment.marker.start': 'Beginn des Inline-Kommentars'
 };