@atlaskit/renderer 124.16.0 → 124.16.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 124.16.2
+
+### Patch Changes
+
+- [`d3461a5b84b81`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d3461a5b84b81) -
+  Suppress i18n errors
+- Updated dependencies
+
+## 124.16.1
+
+### Patch Changes
+
+- [`516909774accc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/516909774accc) -
+  Fixing type issues
+- Updated dependencies
+
 ## 124.16.0
 
 ### Minor Changes

package/dist/cjs/actions/index.js

@@ -152,7 +152,7 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
     }
   }, {
     key: "annotate",
-    value: function annotate(range, annotationId, annotationType) {
+    value: function annotate(range, annotationId, _annotationType) {
       if (!this.doc || !this.schema || !this.schema.marks.annotation) {
         return false;
       }

package/dist/cjs/react/index.js

@@ -300,15 +300,14 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     key: "serializeTextWrapper",
     value: function serializeTextWrapper(content, _ref2) {
       var _this3 = this;
-      var index = _ref2.index,
-        parentInfo = _ref2.parentInfo;
+      var parentInfo = _ref2.parentInfo;
       var currentPath = parentInfo && parentInfo.path || [];
       var nodePosition = parentInfo && parentInfo.pos || 1;
       if ((0, _expValEquals.expValEquals)('platform_editor_text_highlight_padding', 'isEnabled', true)) {
         var _this$standaloneBackg;
         (_this$standaloneBackg = this.standaloneBackgroundColorMarks).push.apply(_this$standaloneBackg, (0, _toConsumableArray2.default)((0, _getStandaloneBackgroundColorMarks.getStandaloneBackgroundColorMarks)(content)));
       }
-      return ReactSerializer.buildMarkStructure(content).map(function (mark, index) {
+      return ReactSerializer.buildMarkStructure(content).map(function (mark, _index) {
         return _this3.serializeMark({
           mark: mark,
           parentNode: {
@@ -329,7 +328,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         parentNode = _ref3.parentNode,
         parentMark = _ref3.parentMark;
       if (!(0, _nodes.isTextNode)(mark)) {
-        var serializeContent = function serializeContent(childMark, index) {
+        var serializeContent = function serializeContent(childMark, _index) {
           return _this4.serializeMark({
             mark: childMark,
             parentNode: parentNode,
@@ -665,7 +664,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     key: "getExpandProps",
     value: function getExpandProps(node) {
       var _this7 = this;
-      var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+      var _path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       if (!(0, _links.isNestedHeaderLinksEnabled)(this.allowHeadingAnchorLinks)) {
         return this.getProps(node);
       }

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

@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RenderMediaInline = function RenderMediaInline(_ref) {
-  var rendererAppearance = _ref.rendererAppearance,
+  var _rendererAppearance = _ref.rendererAppearance,
     clipboardAttrs = _ref.clipboardAttrs,
     collectionName = _ref.collection,
     eventHandlers = _ref.eventHandlers,

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

@@ -39,10 +39,10 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
       getChildrenCount: function getChildrenCount() {
         return children ? children === null || children === void 0 ? void 0 : children.length : 0;
       },
-      removeChild: function removeChild(index) {
+      removeChild: function removeChild(_index) {
         return false;
       },
-      updateParameters: function updateParameters(parameters) {
+      updateParameters: function updateParameters(_parameters) {
         return false;
       },
       // Ignored via go/ees005

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

@@ -234,12 +234,12 @@ var Colgroup = exports.Colgroup = function Colgroup(props) {
   }
   var colStyles = renderScaleDownColgroup(_objectSpread(_objectSpread({}, props), {}, {
     isTopLevelRenderer: isTopLevelRenderer,
-    isTableScalingEnabled: props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'comment' && (0, _experiments.editorExperiment)('support_table_in_comment', true, {
+    isTableScalingEnabled: props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || props.rendererAppearance === 'comment' && (0, _experiments.editorExperiment)('support_table_in_comment', true, {
       exposure: true
     }) || props.rendererAppearance === 'comment' && (0, _experiments.editorExperiment)('support_table_in_comment_jira', true, {
       exposure: true
     }),
-    isTableFixedColumnWidthsOptionEnabled: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width')
+    isTableFixedColumnWidthsOptionEnabled: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true))
   }));
   if (!colStyles) {
     return null;

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

@@ -32,6 +32,7 @@ var _table = require("./table/table");
 var _appearance = require("../utils/appearance");
 var _TableStickyScrollbar = require("./TableStickyScrollbar");
 var _tableNew = require("./tableNew");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -432,6 +433,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       var calcDefaultLayoutWidthByAppearance = function calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode) {
         if (rendererAppearance === 'full-width' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
           return [isRenderWidthValid ? Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, renderWidth) : _editorSharedStyles.akEditorFullWidthLayoutWidth, "min(".concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")")];
+        } else if (rendererAppearance === 'max' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
+          return [isRenderWidthValid ? Math.min(_editorSharedStyles.akEditorMaxWidthLayoutWidth, renderWidth) : _editorSharedStyles.akEditorMaxWidthLayoutWidth, "min(".concat(_editorSharedStyles.akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")")];
         } else if (rendererAppearance === 'comment' && allowTableResizing && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
           var tableContainerWidth = (0, _nodeWidth.getTableContainerWidth)(tableNode);
           return [isRenderWidthValid ? renderWidth : tableContainerWidth, renderWidthCSS];
@@ -450,15 +453,17 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       var isTableAlignStart = tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && allowTableAlignment;
       var fullWidthLineLength = isRenderWidthValid ? Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, renderWidth) : _editorSharedStyles.akEditorFullWidthLayoutWidth;
       var fullWidthLineLengthCSS = "min(".concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
+      var maxWidthLineLength = isRenderWidthValid ? Math.min(_editorSharedStyles.akEditorMaxWidthLayoutWidth, renderWidth) : _editorSharedStyles.akEditorMaxWidthLayoutWidth;
+      var maxWidthLineLengthCSS = "min(".concat(_editorSharedStyles.akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
       var commentLineLength = isRenderWidthValid ? renderWidth : lineLengthFixedWidth;
       var isCommentAppearanceAndTableAlignmentEnabled = (0, _appearance.isCommentAppearance)(rendererAppearance) && allowTableAlignment;
-      var lineLength = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLength : isCommentAppearanceAndTableAlignmentEnabled ? commentLineLength : lineLengthFixedWidth;
-      var lineLengthCSS = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : "".concat(lineLengthFixedWidth, "px");
+      var lineLength = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLength : (0, _appearance.isMaxWidthAppearance)(rendererAppearance) && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) ? maxWidthLineLength : isCommentAppearanceAndTableAlignmentEnabled ? commentLineLength : lineLengthFixedWidth;
+      var lineLengthCSS = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLengthCSS : (0, _appearance.isMaxWidthAppearance)(rendererAppearance) && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) ? maxWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : "".concat(lineLengthFixedWidth, "px");
 
       // Setting fixTableSSRResizing to false while FG logic is true in tableNew
       var fixTableSSRResizing = false;
       var tableWidthNew = fixTableSSRResizing ? (0, _nodeWidth.getTableContainerWidth)(tableNode) : tableWidth;
-      var shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && ((0, _appearance.isFullPageAppearance)(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || (0, _appearance.isFullWidthAppearance)(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled);
+      var shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && ((0, _appearance.isFullPageAppearance)(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || (0, _appearance.isFullWidthAppearance)(rendererAppearance) || (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) && (0, _appearance.isMaxWidthAppearance)(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled);
       var leftCSS;
       if (shouldCalculateLeftForAlignment) {
         left = (tableWidth - lineLength) / 2;
@@ -494,7 +499,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       // We can only use CSS to determine the width when we have a known width in container.
       // When appearance is full-page, full-width or comment we use CSS based width calculation.
       // Otherwise it's fixed table width (customized width) or inherit.
-      if ((rendererAppearance === 'full-page' || rendererAppearance === 'full-width') && fixTableSSRResizing) {
+      if ((rendererAppearance === 'full-page' || rendererAppearance === 'full-width' || rendererAppearance === 'max') && fixTableSSRResizing) {
         finalTableContainerWidth = allowTableResizing ? "calc(".concat(tableWidthCSS, ")") : 'inherit';
       }
       if (rendererAppearance === 'comment' && allowTableResizing && !allowTableAlignment) {

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

@@ -25,6 +25,7 @@ var _sticky = require("./table/sticky");
 var _table = require("./table/table");
 var _appearance = require("../utils/appearance");
 var _TableStickyScrollbar = require("./TableStickyScrollbar");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
@@ -404,7 +405,9 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       }) ? 'calc(100cqw - var(--ak-renderer--full-page-gutter) * 2)' : "100cqw - ".concat(_style.FullPagePadding, "px * 2");
       var renderWidthCSS = rendererAppearance === 'full-page' ? fullPageRendererWidthCSS : "100cqw";
       var calcDefaultLayoutWidthByAppearance = function calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode) {
-        if (rendererAppearance === 'full-width' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
+        if (rendererAppearance === 'max' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true)) {
+          return "min(".concat(_editorSharedStyles.akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
+        } else if (rendererAppearance === 'full-width' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
           return "min(".concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
         } else if (rendererAppearance === 'comment' && allowTableResizing && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
           return renderWidthCSS;
@@ -419,10 +422,11 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       // Logic for table alignment in renderer
       var isTableAlignStart = tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && allowTableAlignment;
       var fullWidthLineLengthCSS = "min(".concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
+      var maxWidthLineLengthCSS = "min(".concat(_editorSharedStyles.akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
       var isCommentAppearanceAndTableAlignmentEnabled = (0, _appearance.isCommentAppearance)(rendererAppearance) && allowTableAlignment;
-      var lineLengthCSS = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : "".concat(lineLengthFixedWidth, "px");
+      var lineLengthCSS = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLengthCSS : (0, _appearance.isMaxWidthAppearance)(rendererAppearance) && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) ? maxWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : "".concat(lineLengthFixedWidth, "px");
       var tableWidthNew = (0, _nodeWidth.getTableContainerWidth)(tableNode);
-      var shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && ((0, _appearance.isFullPageAppearance)(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || (0, _appearance.isFullWidthAppearance)(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled);
+      var shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && ((0, _appearance.isFullPageAppearance)(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || (0, _appearance.isFullWidthAppearance)(rendererAppearance) || (0, _appearance.isMaxWidthAppearance)(rendererAppearance) && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || isCommentAppearanceAndTableAlignmentEnabled);
       var leftCSS;
       if (shouldCalculateLeftForAlignment) {
         leftCSS = "(".concat(tableWidthCSS, " - ").concat(lineLengthCSS, ") / 2");
@@ -451,7 +455,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       // We can only use CSS to determine the width when we have a known width in container.
       // When appearance is full-page, full-width or comment we use CSS based width calculation.
       // Otherwise it's fixed table width (customized width) or inherit.
-      if (rendererAppearance === 'full-page' || rendererAppearance === 'full-width') {
+      if (rendererAppearance === 'full-page' || rendererAppearance === 'full-width' || rendererAppearance === 'max' && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true)) {
         finalTableContainerWidth = allowTableResizing ? "calc(".concat(tableWidthCSS, ")") : 'inherit';
       }
       if (rendererAppearance === 'comment' && allowTableResizing && !allowTableAlignment) {

package/dist/cjs/react/utils/appearance.js

@@ -3,10 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isFullWidthOrFullPageAppearance = exports.isFullWidthAppearance = exports.isFullPageAppearance = exports.isCommentAppearance = void 0;
+exports.isMaxWidthAppearance = exports.isFullWidthOrFullPageAppearance = exports.isFullWidthAppearance = exports.isFullPageAppearance = exports.isCommentAppearance = void 0;
 var isFullWidthAppearance = exports.isFullWidthAppearance = function isFullWidthAppearance(appearance) {
   return appearance === 'full-width';
 };
+var isMaxWidthAppearance = exports.isMaxWidthAppearance = function isMaxWidthAppearance(appearance) {
+  return appearance === 'max';
+};
 var isFullPageAppearance = exports.isFullPageAppearance = function isFullPageAppearance(appearance) {
   return appearance === 'full-page';
 };
@@ -14,5 +17,5 @@ var isCommentAppearance = exports.isCommentAppearance = function isCommentAppear
   return appearance === 'comment';
 };
 var isFullWidthOrFullPageAppearance = exports.isFullWidthOrFullPageAppearance = function isFullWidthOrFullPageAppearance(appearance) {
-  return isFullPageAppearance(appearance) || isFullWidthAppearance(appearance);
+  return isFullPageAppearance(appearance) || isFullWidthAppearance(appearance) || isMaxWidthAppearance(appearance);
 };

package/dist/cjs/text/nodes/date.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("../../utils");
-var date = function date(node, schema) {
+var date = function date(node, _schema) {
   return node.attrs.timestamp ? (0, _utils.timestampToIsoFormat)(node.attrs.timestamp) : (0, _utils2.getText)(node);
 };
 var _default = exports.default = date;

package/dist/cjs/text/nodes/inlineCard.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _utils = require("../../utils");
-var inlineCard = function inlineCard(node, schema) {
+var inlineCard = function inlineCard(node, _schema) {
   var _node$attrs$data;
   return node.attrs.url || ((_node$attrs$data = node.attrs.data) === null || _node$attrs$data === void 0 ? void 0 : _node$attrs$data.url) || (0, _utils.getText)(node);
 };

package/dist/cjs/text/nodes/mention.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var mention = function mention(node, schema) {
+var mention = function mention(node, _schema) {
   if (['all', 'here'].indexOf(node.attrs.id) !== -1) {
     return "@".concat(node.attrs.id);
   }

package/dist/cjs/text/nodes/status.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _utils = require("../../utils");
-var status = function status(node, schema) {
+var status = function status(node, _schema) {
   return node.attrs.text ? "[ ".concat(node.attrs.text.toUpperCase(), " ]") : (0, _utils.getText)(node);
 };
 var _default = exports.default = status;

package/dist/cjs/ui/Expand.js

@@ -202,7 +202,6 @@ function Expand(_ref2) {
     fireAnalyticsEvent = _ref2.fireAnalyticsEvent,
     localId = _ref2.localId,
     nestedHeaderIds = _ref2.nestedHeaderIds,
-    rendererAppearance = _ref2.rendererAppearance,
     rendererContentMode = _ref2.rendererContentMode;
   var _React$useState = _react2.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
@@ -295,7 +294,9 @@ function Expand(_ref2) {
     className: "".concat(nodeType, "-content-wrapper")
   }, (0, _react.jsx)(_ui.WidthProvider, null, (0, _react.jsx)("div", {
     css: clearNextSiblingMarginTopStyle
-  }), (0, _platformFeatureFlags.fg)('hot-121622_lazy_load_expand_content') ? hasLoadedChildren ? (0, _react.jsx)(_react2.Suspense, {
+  }), (0, _platformFeatureFlags.fg)('hot-121622_lazy_load_expand_content') ? hasLoadedChildren ?
+  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+  (0, _react.jsx)(_react2.Suspense, {
     fallback: (0, _react.jsx)("div", null, "Loading...")
   }, (0, _react.jsx)(LazyChildren, null, children)) : null : children))));
 }

package/dist/cjs/ui/ExtensionRenderer.js

@@ -69,7 +69,7 @@ function ExtensionRenderer(props) {
 
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var handleProvider = _react2.default.useCallback(function (name, providerPromise) {
+  var handleProvider = _react2.default.useCallback(function (_name, providerPromise) {
     providerPromise && providerPromise.then(function (provider) {
       if (isMounted.current) {
         setExtensionProvider(provider);

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

@@ -616,7 +616,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
         lastChild && lastChild.appendChild(createTelepointer());
       }
       var mutateTelepointer = function mutateTelepointer(mutations) {
-        mutations.forEach(function (mutation, index) {
+        mutations.forEach(function (mutation, _index) {
           var _mutation$addedNodes$, _mutation$removedNode;
           if (initialUpdate.current) {
             var oldTelepointer = _renderer.querySelector("#".concat(_style.TELEPOINTER_ID));

package/dist/cjs/ui/annotations/contexts/AnnotationManagerContext.js

@@ -451,8 +451,8 @@ var AnnotationManagerProvider = exports.AnnotationManagerProvider = function Ann
     var onAnnotationClick = function onAnnotationClick(_ref2) {
       var annotationIds = _ref2.annotationIds,
         eventTarget = _ref2.eventTarget,
-        eventTargetType = _ref2.eventTargetType,
-        viewMethod = _ref2.viewMethod;
+        _eventTargetType = _ref2.eventTargetType,
+        _viewMethod = _ref2.viewMethod;
       dispatch({
         type: 'updateAnnotation',
         data: {

package/dist/cjs/ui/annotations/element/index.js

@@ -74,7 +74,7 @@ var MarkElement = exports.MarkElement = function MarkElement(_ref) {
         } else {
           // TODO: EDITOR-595 - If the preemptive gate returns false, should we track the analytics event?
         }
-      }).catch(function (error) {
+      }).catch(function (_error) {
         // TODO: EDITOR-595 - An error occurred while checking the preemptive gate. We should report this error.
       });
     } else {

package/dist/cjs/ui/annotations/hooks/user-selection.js

@@ -22,7 +22,7 @@ var useUserSelectionRange = exports.useUserSelectionRange = function useUserSele
     annotationManager = _useAnnotationManager.annotationManager;
   var lastRangeRef = (0, _react.useRef)(null);
   var isAnnotationManagerEnabled = !!annotationManager;
-  var onSelectionChange = (0, _react.useCallback)(function (event) {
+  var onSelectionChange = (0, _react.useCallback)(function (_event) {
     if (selectionTimeoutRef.current) {
       clearTimeout(selectionTimeoutRef.current);
     }

package/dist/es2019/actions/index.js

@@ -130,7 +130,7 @@ export default class RendererActions {
     }
     return false;
   }
-  annotate(range, annotationId, annotationType) {
+  annotate(range, annotationId, _annotationType) {
     if (!this.doc || !this.schema || !this.schema.marks.annotation) {
       return false;
     }

package/dist/es2019/react/index.js

@@ -278,7 +278,6 @@ export default class ReactSerializer {
     }));
   }
   serializeTextWrapper(content, {
-    index,
     parentInfo
   }) {
     const currentPath = parentInfo && parentInfo.path || [];
@@ -286,7 +285,7 @@ export default class ReactSerializer {
     if (expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true)) {
       this.standaloneBackgroundColorMarks.push(...getStandaloneBackgroundColorMarks(content));
     }
-    return ReactSerializer.buildMarkStructure(content).map((mark, index) => {
+    return ReactSerializer.buildMarkStructure(content).map((mark, _index) => {
       return this.serializeMark({
         mark,
         parentNode: {
@@ -305,7 +304,7 @@ export default class ReactSerializer {
     parentMark
   }) {
     if (!isTextNode(mark)) {
-      const serializeContent = (childMark, index) => this.serializeMark({
+      const serializeContent = (childMark, _index) => this.serializeMark({
         mark: childMark,
         parentNode,
         parentMark: {
@@ -589,7 +588,7 @@ export default class ReactSerializer {
       showAnchorLink: this.appearance !== 'comment' && this.allowHeadingAnchorLinks && !this.disableHeadingIDs && this.headingAnchorSupported(path)
     };
   }
-  getExpandProps(node, path = []) {
+  getExpandProps(node, _path = []) {
     if (!isNestedHeaderLinksEnabled(this.allowHeadingAnchorLinks)) {
       return this.getProps(node);
     }

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

@@ -12,7 +12,7 @@ import { ErrorBoundary } from '../../ui/Renderer/ErrorBoundary';
 import { ACTION_SUBJECT } from '../../analytics/enums';
 import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 const RenderMediaInline = ({
-  rendererAppearance,
+  rendererAppearance: _rendererAppearance,
   clipboardAttrs,
   collection: collectionName,
   eventHandlers,

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

@@ -29,10 +29,10 @@ const useMultiBodiedExtensionActions = ({
       getChildrenCount() {
         return children ? children === null || children === void 0 ? void 0 : children.length : 0;
       },
-      removeChild(index) {
+      removeChild(_index) {
         return false;
       },
-      updateParameters(parameters) {
+      updateParameters(_parameters) {
         return false;
       },
       // Ignored via go/ees005

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

@@ -223,12 +223,12 @@ export const Colgroup = props => {
   const colStyles = renderScaleDownColgroup({
     ...props,
     isTopLevelRenderer,
-    isTableScalingEnabled: props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment', true, {
+    isTableScalingEnabled: props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment', true, {
       exposure: true
     }) || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment_jira', true, {
       exposure: true
     }),
-    isTableFixedColumnWidthsOptionEnabled: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width')
+    isTableFixedColumnWidthsOptionEnabled: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true))
   });
   if (!colStyles) {
     return null;

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

@@ -8,7 +8,7 @@ import { WidthConsumer, overflowShadow } from '@atlaskit/editor-common/ui';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMergedCell, compose } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { FullPagePadding } from '../../ui/Renderer/style';
@@ -16,9 +16,10 @@ import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { StickyTable, tableStickyPadding, OverflowParent } from './table/sticky';
 import { Table } from './table/table';
-import { isCommentAppearance, isFullPageAppearance, isFullWidthAppearance, isFullWidthOrFullPageAppearance } from '../utils/appearance';
+import { isCommentAppearance, isFullPageAppearance, isFullWidthAppearance, isFullWidthOrFullPageAppearance, isMaxWidthAppearance } from '../utils/appearance';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
 import { TableProcessorWithContainerStyles } from './tableNew';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const isTableResizingEnabled = appearance => isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance) && editorExperiment('support_table_in_comment', true, {
   exposure: true
 });
@@ -378,6 +379,8 @@ export class TableContainer extends React.Component {
     const calcDefaultLayoutWidthByAppearance = (rendererAppearance, tableNode) => {
       if (rendererAppearance === 'full-width' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
         return [isRenderWidthValid ? Math.min(akEditorFullWidthLayoutWidth, renderWidth) : akEditorFullWidthLayoutWidth, `min(${akEditorFullWidthLayoutWidth}px, ${renderWidthCSS})`];
+      } else if (rendererAppearance === 'max' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
+        return [isRenderWidthValid ? Math.min(akEditorMaxWidthLayoutWidth, renderWidth) : akEditorMaxWidthLayoutWidth, `min(${akEditorMaxWidthLayoutWidth}px, ${renderWidthCSS})`];
       } else if (rendererAppearance === 'comment' && allowTableResizing && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
         const tableContainerWidth = getTableContainerWidth(tableNode);
         return [isRenderWidthValid ? renderWidth : tableContainerWidth, renderWidthCSS];
@@ -393,15 +396,17 @@ export class TableContainer extends React.Component {
     const isTableAlignStart = tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && allowTableAlignment;
     const fullWidthLineLength = isRenderWidthValid ? Math.min(akEditorFullWidthLayoutWidth, renderWidth) : akEditorFullWidthLayoutWidth;
     const fullWidthLineLengthCSS = `min(${akEditorFullWidthLayoutWidth}px, ${renderWidthCSS})`;
+    const maxWidthLineLength = isRenderWidthValid ? Math.min(akEditorMaxWidthLayoutWidth, renderWidth) : akEditorMaxWidthLayoutWidth;
+    const maxWidthLineLengthCSS = `min(${akEditorMaxWidthLayoutWidth}px, ${renderWidthCSS})`;
     const commentLineLength = isRenderWidthValid ? renderWidth : lineLengthFixedWidth;
     const isCommentAppearanceAndTableAlignmentEnabled = isCommentAppearance(rendererAppearance) && allowTableAlignment;
-    const lineLength = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLength : isCommentAppearanceAndTableAlignmentEnabled ? commentLineLength : lineLengthFixedWidth;
-    const lineLengthCSS = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : `${lineLengthFixedWidth}px`;
+    const lineLength = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLength : isMaxWidthAppearance(rendererAppearance) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) ? maxWidthLineLength : isCommentAppearanceAndTableAlignmentEnabled ? commentLineLength : lineLengthFixedWidth;
+    const lineLengthCSS = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLengthCSS : isMaxWidthAppearance(rendererAppearance) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) ? maxWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : `${lineLengthFixedWidth}px`;
 
     // Setting fixTableSSRResizing to false while FG logic is true in tableNew
     const fixTableSSRResizing = false;
     const tableWidthNew = fixTableSSRResizing ? getTableContainerWidth(tableNode) : tableWidth;
-    const shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && (isFullPageAppearance(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || isFullWidthAppearance(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled);
+    const shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && (isFullPageAppearance(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || isFullWidthAppearance(rendererAppearance) || expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) && isMaxWidthAppearance(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled);
     let leftCSS;
     if (shouldCalculateLeftForAlignment) {
       left = (tableWidth - lineLength) / 2;
@@ -437,7 +442,7 @@ export class TableContainer extends React.Component {
     // We can only use CSS to determine the width when we have a known width in container.
     // When appearance is full-page, full-width or comment we use CSS based width calculation.
     // Otherwise it's fixed table width (customized width) or inherit.
-    if ((rendererAppearance === 'full-page' || rendererAppearance === 'full-width') && fixTableSSRResizing) {
+    if ((rendererAppearance === 'full-page' || rendererAppearance === 'full-width' || rendererAppearance === 'max') && fixTableSSRResizing) {
       finalTableContainerWidth = allowTableResizing ? `calc(${tableWidthCSS})` : 'inherit';
     }
     if (rendererAppearance === 'comment' && allowTableResizing && !allowTableAlignment) {

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

@@ -7,13 +7,14 @@ import { FullPagePadding } from '../../ui/Renderer/style';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMergedCell, compose } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { TableHeader } from './tableCell';
 import { StickyTable, tableStickyPadding, OverflowParent } from './table/sticky';
 import { Table } from './table/table';
-import { isCommentAppearance, isFullWidthOrFullPageAppearance, isFullWidthAppearance, isFullPageAppearance } from '../utils/appearance';
+import { isCommentAppearance, isFullWidthOrFullPageAppearance, isFullWidthAppearance, isMaxWidthAppearance, isFullPageAppearance } from '../utils/appearance';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const stickyContainerBaseStyles = {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   height: "var(--ds-space-250, 20px)",
@@ -348,7 +349,9 @@ export class TableContainer extends React.Component {
     }) ? 'calc(100cqw - var(--ak-renderer--full-page-gutter) * 2)' : `100cqw - ${FullPagePadding}px * 2`;
     const renderWidthCSS = rendererAppearance === 'full-page' ? fullPageRendererWidthCSS : `100cqw`;
     const calcDefaultLayoutWidthByAppearance = (rendererAppearance, tableNode) => {
-      if (rendererAppearance === 'full-width' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
+      if (rendererAppearance === 'max' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true)) {
+        return `min(${akEditorMaxWidthLayoutWidth}px, ${renderWidthCSS})`;
+      } else if (rendererAppearance === 'full-width' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
         return `min(${akEditorFullWidthLayoutWidth}px, ${renderWidthCSS})`;
       } else if (rendererAppearance === 'comment' && allowTableResizing && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
         return renderWidthCSS;
@@ -363,10 +366,11 @@ export class TableContainer extends React.Component {
     // Logic for table alignment in renderer
     const isTableAlignStart = tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && allowTableAlignment;
     const fullWidthLineLengthCSS = `min(${akEditorFullWidthLayoutWidth}px, ${renderWidthCSS})`;
+    const maxWidthLineLengthCSS = `min(${akEditorMaxWidthLayoutWidth}px, ${renderWidthCSS})`;
     const isCommentAppearanceAndTableAlignmentEnabled = isCommentAppearance(rendererAppearance) && allowTableAlignment;
-    const lineLengthCSS = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : `${lineLengthFixedWidth}px`;
+    const lineLengthCSS = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLengthCSS : isMaxWidthAppearance(rendererAppearance) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) ? maxWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : `${lineLengthFixedWidth}px`;
     const tableWidthNew = getTableContainerWidth(tableNode);
-    const shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && (isFullPageAppearance(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || isFullWidthAppearance(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled);
+    const shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && (isFullPageAppearance(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || isFullWidthAppearance(rendererAppearance) || isMaxWidthAppearance(rendererAppearance) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || isCommentAppearanceAndTableAlignmentEnabled);
     let leftCSS;
     if (shouldCalculateLeftForAlignment) {
       leftCSS = `(${tableWidthCSS} - ${lineLengthCSS}) / 2`;
@@ -395,7 +399,7 @@ export class TableContainer extends React.Component {
     // We can only use CSS to determine the width when we have a known width in container.
     // When appearance is full-page, full-width or comment we use CSS based width calculation.
     // Otherwise it's fixed table width (customized width) or inherit.
-    if (rendererAppearance === 'full-page' || rendererAppearance === 'full-width') {
+    if (rendererAppearance === 'full-page' || rendererAppearance === 'full-width' || rendererAppearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true)) {
       finalTableContainerWidth = allowTableResizing ? `calc(${tableWidthCSS})` : 'inherit';
     }
     if (rendererAppearance === 'comment' && allowTableResizing && !allowTableAlignment) {

package/dist/es2019/react/utils/appearance.js

@@ -1,4 +1,5 @@
 export const isFullWidthAppearance = appearance => appearance === 'full-width';
+export const isMaxWidthAppearance = appearance => appearance === 'max';
 export const isFullPageAppearance = appearance => appearance === 'full-page';
 export const isCommentAppearance = appearance => appearance === 'comment';
-export const isFullWidthOrFullPageAppearance = appearance => isFullPageAppearance(appearance) || isFullWidthAppearance(appearance);
+export const isFullWidthOrFullPageAppearance = appearance => isFullPageAppearance(appearance) || isFullWidthAppearance(appearance) || isMaxWidthAppearance(appearance);

package/dist/es2019/text/nodes/date.js

@@ -1,6 +1,6 @@
 import { timestampToIsoFormat } from '@atlaskit/editor-common/utils';
 import { getText } from '../../utils';
-const date = (node, schema) => {
+const date = (node, _schema) => {
   return node.attrs.timestamp ? timestampToIsoFormat(node.attrs.timestamp) : getText(node);
 };
 export default date;

package/dist/es2019/text/nodes/inlineCard.js

@@ -1,5 +1,5 @@
 import { getText } from '../../utils';
-const inlineCard = (node, schema) => {
+const inlineCard = (node, _schema) => {
   var _node$attrs$data;
   return node.attrs.url || ((_node$attrs$data = node.attrs.data) === null || _node$attrs$data === void 0 ? void 0 : _node$attrs$data.url) || getText(node);
 };

package/dist/es2019/text/nodes/mention.js

@@ -1,4 +1,4 @@
-const mention = (node, schema) => {
+const mention = (node, _schema) => {
   if (['all', 'here'].indexOf(node.attrs.id) !== -1) {
     return `@${node.attrs.id}`;
   }

package/dist/es2019/text/nodes/status.js

@@ -1,5 +1,5 @@
 import { getText } from '../../utils';
-const status = (node, schema) => {
+const status = (node, _schema) => {
   return node.attrs.text ? `[ ${node.attrs.text.toUpperCase()} ]` : getText(node);
 };
 export default status;

package/dist/es2019/ui/Expand.js

@@ -193,7 +193,6 @@ function Expand({
   fireAnalyticsEvent,
   localId,
   nestedHeaderIds,
-  rendererAppearance,
   rendererContentMode
 }) {
   const [expanded, setExpanded] = React.useState(false);
@@ -275,7 +274,9 @@ function Expand({
     className: `${nodeType}-content-wrapper`
   }, jsx(WidthProvider, null, jsx("div", {
     css: clearNextSiblingMarginTopStyle
-  }), fg('hot-121622_lazy_load_expand_content') ? hasLoadedChildren ? jsx(Suspense, {
+  }), fg('hot-121622_lazy_load_expand_content') ? hasLoadedChildren ?
+  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+  jsx(Suspense, {
     fallback: jsx("div", null, "Loading...")
   }, jsx(LazyChildren, null, children)) : null : children))));
 }

package/dist/es2019/ui/ExtensionRenderer.js

@@ -56,7 +56,7 @@ export default function ExtensionRenderer(props) {
 
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const handleProvider = React.useCallback((name, providerPromise) => {
+  const handleProvider = React.useCallback((_name, providerPromise) => {
     providerPromise && providerPromise.then(provider => {
       if (isMounted.current) {
         setExtensionProvider(provider);

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

@@ -604,7 +604,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
         lastChild && lastChild.appendChild(createTelepointer());
       }
       const mutateTelepointer = mutations => {
-        mutations.forEach((mutation, index) => {
+        mutations.forEach((mutation, _index) => {
           var _mutation$addedNodes$, _mutation$removedNode;
           if (initialUpdate.current) {
             const oldTelepointer = renderer.querySelector(`#${TELEPOINTER_ID}`);

package/dist/es2019/ui/annotations/contexts/AnnotationManagerContext.js

@@ -450,8 +450,8 @@ export const AnnotationManagerProvider = ({
     const onAnnotationClick = ({
       annotationIds,
       eventTarget,
-      eventTargetType,
-      viewMethod
+      eventTargetType: _eventTargetType,
+      viewMethod: _viewMethod
     }) => {
       dispatch({
         type: 'updateAnnotation',

package/dist/es2019/ui/annotations/element/index.js

@@ -69,7 +69,7 @@ const MarkElement = ({
         } else {
           // TODO: EDITOR-595 - If the preemptive gate returns false, should we track the analytics event?
         }
-      }).catch(error => {
+      }).catch(_error => {
         // TODO: EDITOR-595 - An error occurred while checking the preemptive gate. We should report this error.
       });
     } else {

package/dist/es2019/ui/annotations/hooks/user-selection.js

@@ -23,7 +23,7 @@ export const useUserSelectionRange = props => {
   } = useAnnotationManagerDispatch();
   const lastRangeRef = useRef(null);
   const isAnnotationManagerEnabled = !!annotationManager;
-  const onSelectionChange = useCallback(event => {
+  const onSelectionChange = useCallback(_event => {
     if (selectionTimeoutRef.current) {
       clearTimeout(selectionTimeoutRef.current);
     }

package/dist/esm/actions/index.js

@@ -145,7 +145,7 @@ var RendererActions = /*#__PURE__*/function () {
     }
   }, {
     key: "annotate",
-    value: function annotate(range, annotationId, annotationType) {
+    value: function annotate(range, annotationId, _annotationType) {
       if (!this.doc || !this.schema || !this.schema.marks.annotation) {
         return false;
       }

package/dist/esm/react/index.js

@@ -293,15 +293,14 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "serializeTextWrapper",
     value: function serializeTextWrapper(content, _ref2) {
       var _this3 = this;
-      var index = _ref2.index,
-        parentInfo = _ref2.parentInfo;
+      var parentInfo = _ref2.parentInfo;
       var currentPath = parentInfo && parentInfo.path || [];
       var nodePosition = parentInfo && parentInfo.pos || 1;
       if (expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true)) {
         var _this$standaloneBackg;
         (_this$standaloneBackg = this.standaloneBackgroundColorMarks).push.apply(_this$standaloneBackg, _toConsumableArray(getStandaloneBackgroundColorMarks(content)));
       }
-      return ReactSerializer.buildMarkStructure(content).map(function (mark, index) {
+      return ReactSerializer.buildMarkStructure(content).map(function (mark, _index) {
         return _this3.serializeMark({
           mark: mark,
           parentNode: {
@@ -322,7 +321,7 @@ var ReactSerializer = /*#__PURE__*/function () {
         parentNode = _ref3.parentNode,
         parentMark = _ref3.parentMark;
       if (!isTextNode(mark)) {
-        var serializeContent = function serializeContent(childMark, index) {
+        var serializeContent = function serializeContent(childMark, _index) {
           return _this4.serializeMark({
             mark: childMark,
             parentNode: parentNode,
@@ -658,7 +657,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "getExpandProps",
     value: function getExpandProps(node) {
       var _this7 = this;
-      var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+      var _path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       if (!isNestedHeaderLinksEnabled(this.allowHeadingAnchorLinks)) {
         return this.getProps(node);
       }

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

@@ -18,7 +18,7 @@ import { ErrorBoundary } from '../../ui/Renderer/ErrorBoundary';
 import { ACTION_SUBJECT } from '../../analytics/enums';
 import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 var RenderMediaInline = function RenderMediaInline(_ref) {
-  var rendererAppearance = _ref.rendererAppearance,
+  var _rendererAppearance = _ref.rendererAppearance,
     clipboardAttrs = _ref.clipboardAttrs,
     collectionName = _ref.collection,
     eventHandlers = _ref.eventHandlers,

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

@@ -31,10 +31,10 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
       getChildrenCount: function getChildrenCount() {
         return children ? children === null || children === void 0 ? void 0 : children.length : 0;
       },
-      removeChild: function removeChild(index) {
+      removeChild: function removeChild(_index) {
         return false;
       },
-      updateParameters: function updateParameters(parameters) {
+      updateParameters: function updateParameters(_parameters) {
         return false;
       },
       // Ignored via go/ees005

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

@@ -228,12 +228,12 @@ export var Colgroup = function Colgroup(props) {
   }
   var colStyles = renderScaleDownColgroup(_objectSpread(_objectSpread({}, props), {}, {
     isTopLevelRenderer: isTopLevelRenderer,
-    isTableScalingEnabled: props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment', true, {
+    isTableScalingEnabled: props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment', true, {
       exposure: true
     }) || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment_jira', true, {
       exposure: true
     }),
-    isTableFixedColumnWidthsOptionEnabled: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width')
+    isTableFixedColumnWidthsOptionEnabled: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true))
   }));
   if (!colStyles) {
     return null;

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

@@ -19,7 +19,7 @@ import { WidthConsumer, overflowShadow } from '@atlaskit/editor-common/ui';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMergedCell, compose } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { FullPagePadding } from '../../ui/Renderer/style';
@@ -27,9 +27,10 @@ import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { StickyTable, tableStickyPadding, OverflowParent } from './table/sticky';
 import { Table } from './table/table';
-import { isCommentAppearance, isFullPageAppearance, isFullWidthAppearance, isFullWidthOrFullPageAppearance } from '../utils/appearance';
+import { isCommentAppearance, isFullPageAppearance, isFullWidthAppearance, isFullWidthOrFullPageAppearance, isMaxWidthAppearance } from '../utils/appearance';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
 import { TableProcessorWithContainerStyles } from './tableNew';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var isTableResizingEnabled = function isTableResizingEnabled(appearance) {
   return isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance) && editorExperiment('support_table_in_comment', true, {
     exposure: true
@@ -425,6 +426,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       var calcDefaultLayoutWidthByAppearance = function calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode) {
         if (rendererAppearance === 'full-width' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
           return [isRenderWidthValid ? Math.min(akEditorFullWidthLayoutWidth, renderWidth) : akEditorFullWidthLayoutWidth, "min(".concat(akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")")];
+        } else if (rendererAppearance === 'max' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
+          return [isRenderWidthValid ? Math.min(akEditorMaxWidthLayoutWidth, renderWidth) : akEditorMaxWidthLayoutWidth, "min(".concat(akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")")];
         } else if (rendererAppearance === 'comment' && allowTableResizing && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
           var tableContainerWidth = getTableContainerWidth(tableNode);
           return [isRenderWidthValid ? renderWidth : tableContainerWidth, renderWidthCSS];
@@ -443,15 +446,17 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       var isTableAlignStart = tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && allowTableAlignment;
       var fullWidthLineLength = isRenderWidthValid ? Math.min(akEditorFullWidthLayoutWidth, renderWidth) : akEditorFullWidthLayoutWidth;
       var fullWidthLineLengthCSS = "min(".concat(akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
+      var maxWidthLineLength = isRenderWidthValid ? Math.min(akEditorMaxWidthLayoutWidth, renderWidth) : akEditorMaxWidthLayoutWidth;
+      var maxWidthLineLengthCSS = "min(".concat(akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
       var commentLineLength = isRenderWidthValid ? renderWidth : lineLengthFixedWidth;
       var isCommentAppearanceAndTableAlignmentEnabled = isCommentAppearance(rendererAppearance) && allowTableAlignment;
-      var lineLength = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLength : isCommentAppearanceAndTableAlignmentEnabled ? commentLineLength : lineLengthFixedWidth;
-      var lineLengthCSS = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : "".concat(lineLengthFixedWidth, "px");
+      var lineLength = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLength : isMaxWidthAppearance(rendererAppearance) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) ? maxWidthLineLength : isCommentAppearanceAndTableAlignmentEnabled ? commentLineLength : lineLengthFixedWidth;
+      var lineLengthCSS = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLengthCSS : isMaxWidthAppearance(rendererAppearance) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) ? maxWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : "".concat(lineLengthFixedWidth, "px");
 
       // Setting fixTableSSRResizing to false while FG logic is true in tableNew
       var fixTableSSRResizing = false;
       var tableWidthNew = fixTableSSRResizing ? getTableContainerWidth(tableNode) : tableWidth;
-      var shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && (isFullPageAppearance(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || isFullWidthAppearance(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled);
+      var shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && (isFullPageAppearance(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || isFullWidthAppearance(rendererAppearance) || expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) && isMaxWidthAppearance(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled);
       var leftCSS;
       if (shouldCalculateLeftForAlignment) {
         left = (tableWidth - lineLength) / 2;
@@ -487,7 +492,7 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       // We can only use CSS to determine the width when we have a known width in container.
       // When appearance is full-page, full-width or comment we use CSS based width calculation.
       // Otherwise it's fixed table width (customized width) or inherit.
-      if ((rendererAppearance === 'full-page' || rendererAppearance === 'full-width') && fixTableSSRResizing) {
+      if ((rendererAppearance === 'full-page' || rendererAppearance === 'full-width' || rendererAppearance === 'max') && fixTableSSRResizing) {
         finalTableContainerWidth = allowTableResizing ? "calc(".concat(tableWidthCSS, ")") : 'inherit';
       }
       if (rendererAppearance === 'comment' && allowTableResizing && !allowTableAlignment) {

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

@@ -19,13 +19,14 @@ import { FullPagePadding } from '../../ui/Renderer/style';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMergedCell, compose } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { TableHeader } from './tableCell';
 import { StickyTable, tableStickyPadding, OverflowParent } from './table/sticky';
 import { Table } from './table/table';
-import { isCommentAppearance, isFullWidthOrFullPageAppearance, isFullWidthAppearance, isFullPageAppearance } from '../utils/appearance';
+import { isCommentAppearance, isFullWidthOrFullPageAppearance, isFullWidthAppearance, isMaxWidthAppearance, isFullPageAppearance } from '../utils/appearance';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var stickyContainerBaseStyles = {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   height: "var(--ds-space-250, 20px)",
@@ -398,7 +399,9 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       }) ? 'calc(100cqw - var(--ak-renderer--full-page-gutter) * 2)' : "100cqw - ".concat(FullPagePadding, "px * 2");
       var renderWidthCSS = rendererAppearance === 'full-page' ? fullPageRendererWidthCSS : "100cqw";
       var calcDefaultLayoutWidthByAppearance = function calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode) {
-        if (rendererAppearance === 'full-width' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
+        if (rendererAppearance === 'max' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true)) {
+          return "min(".concat(akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
+        } else if (rendererAppearance === 'full-width' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
           return "min(".concat(akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
         } else if (rendererAppearance === 'comment' && allowTableResizing && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
           return renderWidthCSS;
@@ -413,10 +416,11 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       // Logic for table alignment in renderer
       var isTableAlignStart = tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && allowTableAlignment;
       var fullWidthLineLengthCSS = "min(".concat(akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
+      var maxWidthLineLengthCSS = "min(".concat(akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
       var isCommentAppearanceAndTableAlignmentEnabled = isCommentAppearance(rendererAppearance) && allowTableAlignment;
-      var lineLengthCSS = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : "".concat(lineLengthFixedWidth, "px");
+      var lineLengthCSS = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLengthCSS : isMaxWidthAppearance(rendererAppearance) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) ? maxWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : "".concat(lineLengthFixedWidth, "px");
       var tableWidthNew = getTableContainerWidth(tableNode);
-      var shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && (isFullPageAppearance(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || isFullWidthAppearance(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled);
+      var shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && (isFullPageAppearance(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || isFullWidthAppearance(rendererAppearance) || isMaxWidthAppearance(rendererAppearance) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || isCommentAppearanceAndTableAlignmentEnabled);
       var leftCSS;
       if (shouldCalculateLeftForAlignment) {
         leftCSS = "(".concat(tableWidthCSS, " - ").concat(lineLengthCSS, ") / 2");
@@ -445,7 +449,7 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       // We can only use CSS to determine the width when we have a known width in container.
       // When appearance is full-page, full-width or comment we use CSS based width calculation.
       // Otherwise it's fixed table width (customized width) or inherit.
-      if (rendererAppearance === 'full-page' || rendererAppearance === 'full-width') {
+      if (rendererAppearance === 'full-page' || rendererAppearance === 'full-width' || rendererAppearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true)) {
         finalTableContainerWidth = allowTableResizing ? "calc(".concat(tableWidthCSS, ")") : 'inherit';
       }
       if (rendererAppearance === 'comment' && allowTableResizing && !allowTableAlignment) {

package/dist/esm/react/utils/appearance.js

@@ -1,6 +1,9 @@
 export var isFullWidthAppearance = function isFullWidthAppearance(appearance) {
   return appearance === 'full-width';
 };
+export var isMaxWidthAppearance = function isMaxWidthAppearance(appearance) {
+  return appearance === 'max';
+};
 export var isFullPageAppearance = function isFullPageAppearance(appearance) {
   return appearance === 'full-page';
 };
@@ -8,5 +11,5 @@ export var isCommentAppearance = function isCommentAppearance(appearance) {
   return appearance === 'comment';
 };
 export var isFullWidthOrFullPageAppearance = function isFullWidthOrFullPageAppearance(appearance) {
-  return isFullPageAppearance(appearance) || isFullWidthAppearance(appearance);
+  return isFullPageAppearance(appearance) || isFullWidthAppearance(appearance) || isMaxWidthAppearance(appearance);
 };

package/dist/esm/text/nodes/date.js

@@ -1,6 +1,6 @@
 import { timestampToIsoFormat } from '@atlaskit/editor-common/utils';
 import { getText } from '../../utils';
-var date = function date(node, schema) {
+var date = function date(node, _schema) {
   return node.attrs.timestamp ? timestampToIsoFormat(node.attrs.timestamp) : getText(node);
 };
 export default date;

package/dist/esm/text/nodes/inlineCard.js

@@ -1,5 +1,5 @@
 import { getText } from '../../utils';
-var inlineCard = function inlineCard(node, schema) {
+var inlineCard = function inlineCard(node, _schema) {
   var _node$attrs$data;
   return node.attrs.url || ((_node$attrs$data = node.attrs.data) === null || _node$attrs$data === void 0 ? void 0 : _node$attrs$data.url) || getText(node);
 };

package/dist/esm/text/nodes/mention.js

@@ -1,4 +1,4 @@
-var mention = function mention(node, schema) {
+var mention = function mention(node, _schema) {
   if (['all', 'here'].indexOf(node.attrs.id) !== -1) {
     return "@".concat(node.attrs.id);
   }

package/dist/esm/text/nodes/status.js

@@ -1,5 +1,5 @@
 import { getText } from '../../utils';
-var status = function status(node, schema) {
+var status = function status(node, _schema) {
   return node.attrs.text ? "[ ".concat(node.attrs.text.toUpperCase(), " ]") : getText(node);
 };
 export default status;

package/dist/esm/ui/Expand.js

@@ -193,7 +193,6 @@ function Expand(_ref2) {
     fireAnalyticsEvent = _ref2.fireAnalyticsEvent,
     localId = _ref2.localId,
     nestedHeaderIds = _ref2.nestedHeaderIds,
-    rendererAppearance = _ref2.rendererAppearance,
     rendererContentMode = _ref2.rendererContentMode;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -286,7 +285,9 @@ function Expand(_ref2) {
     className: "".concat(nodeType, "-content-wrapper")
   }, jsx(WidthProvider, null, jsx("div", {
     css: clearNextSiblingMarginTopStyle
-  }), fg('hot-121622_lazy_load_expand_content') ? hasLoadedChildren ? jsx(Suspense, {
+  }), fg('hot-121622_lazy_load_expand_content') ? hasLoadedChildren ?
+  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+  jsx(Suspense, {
     fallback: jsx("div", null, "Loading...")
   }, jsx(LazyChildren, null, children)) : null : children))));
 }

package/dist/esm/ui/ExtensionRenderer.js

@@ -60,7 +60,7 @@ export default function ExtensionRenderer(props) {
 
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var handleProvider = React.useCallback(function (name, providerPromise) {
+  var handleProvider = React.useCallback(function (_name, providerPromise) {
     providerPromise && providerPromise.then(function (provider) {
       if (isMounted.current) {
         setExtensionProvider(provider);

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

@@ -607,7 +607,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
         lastChild && lastChild.appendChild(createTelepointer());
       }
       var mutateTelepointer = function mutateTelepointer(mutations) {
-        mutations.forEach(function (mutation, index) {
+        mutations.forEach(function (mutation, _index) {
           var _mutation$addedNodes$, _mutation$removedNode;
           if (initialUpdate.current) {
             var oldTelepointer = _renderer.querySelector("#".concat(TELEPOINTER_ID));

package/dist/esm/ui/annotations/contexts/AnnotationManagerContext.js

@@ -442,8 +442,8 @@ export var AnnotationManagerProvider = function AnnotationManagerProvider(_ref)
     var onAnnotationClick = function onAnnotationClick(_ref2) {
       var annotationIds = _ref2.annotationIds,
         eventTarget = _ref2.eventTarget,
-        eventTargetType = _ref2.eventTargetType,
-        viewMethod = _ref2.viewMethod;
+        _eventTargetType = _ref2.eventTargetType,
+        _viewMethod = _ref2.viewMethod;
       dispatch({
         type: 'updateAnnotation',
         data: {

package/dist/esm/ui/annotations/element/index.js

@@ -66,7 +66,7 @@ var MarkElement = function MarkElement(_ref) {
         } else {
           // TODO: EDITOR-595 - If the preemptive gate returns false, should we track the analytics event?
         }
-      }).catch(function (error) {
+      }).catch(function (_error) {
         // TODO: EDITOR-595 - An error occurred while checking the preemptive gate. We should report this error.
       });
     } else {

package/dist/esm/ui/annotations/hooks/user-selection.js

@@ -16,7 +16,7 @@ export var useUserSelectionRange = function useUserSelectionRange(props) {
     annotationManager = _useAnnotationManager.annotationManager;
   var lastRangeRef = useRef(null);
   var isAnnotationManagerEnabled = !!annotationManager;
-  var onSelectionChange = useCallback(function (event) {
+  var onSelectionChange = useCallback(function (_event) {
     if (selectionTimeoutRef.current) {
       clearTimeout(selectionTimeoutRef.current);
     }

package/dist/types/actions/index.d.ts

@@ -49,7 +49,7 @@ export default class RendererActions implements RendererActionsOptions, Annotati
         step: RemoveNodeMarkStep | RemoveMarkStep;
         doc: JSONDocNode;
     };
-    annotate(range: Range, annotationId: string, annotationType: 'inlineComment'): AnnotationActionResult;
+    annotate(range: Range, annotationId: string, _annotationType: 'inlineComment'): AnnotationActionResult;
     isValidAnnotationRange(range: Range | null): boolean;
     isRangeAnnotatable(range: Range | null): boolean;
     /**

package/dist/types/analytics/events.d.ts

@@ -142,6 +142,6 @@ export type MediaRenderErrorEvent = UIAEP<ACTION.ERRORED, ACTION_SUBJECT.RENDERE
     external?: boolean;
     reason: string;
 }>;
-export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent;
+export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

package/dist/types/react/utils/appearance.d.ts

@@ -1,5 +1,6 @@
 import { type RendererAppearance } from '../../ui/Renderer/types';
 export declare const isFullWidthAppearance: (appearance: RendererAppearance) => appearance is "full-width";
+export declare const isMaxWidthAppearance: (appearance: RendererAppearance) => appearance is "max";
 export declare const isFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-page";
 export declare const isCommentAppearance: (appearance: RendererAppearance) => appearance is "comment";
-export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-page" | "full-width";
+export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-page" | "full-width" | "max";

package/dist/types-ts4.5/actions/index.d.ts

@@ -49,7 +49,7 @@ export default class RendererActions implements RendererActionsOptions, Annotati
         step: RemoveNodeMarkStep | RemoveMarkStep;
         doc: JSONDocNode;
     };
-    annotate(range: Range, annotationId: string, annotationType: 'inlineComment'): AnnotationActionResult;
+    annotate(range: Range, annotationId: string, _annotationType: 'inlineComment'): AnnotationActionResult;
     isValidAnnotationRange(range: Range | null): boolean;
     isRangeAnnotatable(range: Range | null): boolean;
     /**

package/dist/types-ts4.5/analytics/events.d.ts

@@ -142,6 +142,6 @@ export type MediaRenderErrorEvent = UIAEP<ACTION.ERRORED, ACTION_SUBJECT.RENDERE
     external?: boolean;
     reason: string;
 }>;
-export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent;
+export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

package/dist/types-ts4.5/react/utils/appearance.d.ts

@@ -1,5 +1,6 @@
 import { type RendererAppearance } from '../../ui/Renderer/types';
 export declare const isFullWidthAppearance: (appearance: RendererAppearance) => appearance is "full-width";
+export declare const isMaxWidthAppearance: (appearance: RendererAppearance) => appearance is "max";
 export declare const isFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-page";
 export declare const isCommentAppearance: (appearance: RendererAppearance) => appearance is "comment";
-export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-page" | "full-width";
+export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-page" | "full-width" | "max";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.16.0",
+	"version": "124.16.2",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,12 +54,12 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^4.15.0",
-		"@atlaskit/smart-card": "^43.8.0",
+		"@atlaskit/smart-card": "^43.9.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.39.0",
-		"@atlaskit/tokens": "^8.0.0",
+		"@atlaskit/tmp-editor-statsig": "^13.40.0",
+		"@atlaskit/tokens": "^8.1.0",
 		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.32.0",
+		"@atlaskit/editor-common": "^110.33.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",