@atlaskit/renderer 128.11.1 → 130.0.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/renderer
 
+## 130.0.0
+
+### Major Changes
+
+- [`901c87a57486e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/901c87a57486e) -
+  Removed `react-intl-next` alias and replaced all usages with `react-intl` directly.
+
+  What changed: The `react-intl-next` npm alias (which resolved to `react-intl@^5`) has been
+  removed. All imports now reference `react-intl` directly, and `peerDependencies` have been updated
+  to `"^5.25.1 || ^6.0.0 || ^7.0.0"`.
+
+  How consumer should update their code: Ensure `react-intl` is installed at a version satisfying
+  `^5.25.1 || ^6.0.0 || ^7.0.0`. If your application was using `react-intl-next` as an npm alias, it
+  can be safely removed. Replace any remaining `react-intl-next` imports with `react-intl`.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 129.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 128.11.1
 
 ### Patch Changes

package/dist/cjs/messages.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tableCellMessages = exports.inlineCommentMessages = exports.headingAnchorLinkMessages = void 0;
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
-var headingAnchorLinkMessages = exports.headingAnchorLinkMessages = (0, _reactIntlNext.defineMessages)({
+var headingAnchorLinkMessages = exports.headingAnchorLinkMessages = (0, _reactIntl.defineMessages)({
   copyHeadingLinkToClipboard: {
     id: 'fabric.editor.headingLink.copyAnchorLink',
     defaultMessage: 'Copy link to heading',
@@ -40,7 +40,7 @@ var headingAnchorLinkMessages = exports.headingAnchorLinkMessages = (0, _reactIn
     description: 'Aria label for the copy link button displayed next to a heading. Used by screen readers to describe the button that copies the heading anchor link to the clipboard.'
   }
 });
-var tableCellMessages = exports.tableCellMessages = (0, _reactIntlNext.defineMessages)({
+var tableCellMessages = exports.tableCellMessages = (0, _reactIntl.defineMessages)({
   noneSortingLabel: {
     id: 'fabric.editor.headingLink.noneSortingLabel',
     defaultMessage: 'none',
@@ -57,7 +57,7 @@ var tableCellMessages = exports.tableCellMessages = (0, _reactIntlNext.defineMes
     description: 'this table column is sorted in descending order'
   }
 });
-var inlineCommentMessages = exports.inlineCommentMessages = (0, _reactIntlNext.defineMessages)({
+var inlineCommentMessages = exports.inlineCommentMessages = (0, _reactIntl.defineMessages)({
   contentRendererInlineCommentMarkerStart: {
     id: 'fabric.editor.inlineComment.marker.start',
     defaultMessage: 'inline comment start',

package/dist/cjs/react/hooks/use-bidi-warnings.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useBidiWarnings = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _bidiWarning = _interopRequireDefault(require("@atlaskit/code/bidi-warning"));
 var _messages = require("@atlaskit/editor-common/messages");
 var _bidiWarningDecorator = _interopRequireDefault(require("@atlaskit/code/bidi-warning-decorator"));
@@ -14,7 +14,7 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var useBidiWarnings = exports.useBidiWarnings = function useBidiWarnings(_ref) {
   var _ref$enableWarningToo = _ref.enableWarningTooltip,
     enableWarningTooltip = _ref$enableWarningToo === void 0 ? true : _ref$enableWarningToo;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var warningLabel = intl.formatMessage(_messages.codeBidiWarningMessages.label);
   var renderBidiWarnings = function renderBidiWarnings(text) {
     if ((0, _expValEquals.expValEquals)('platform_editor_remove_bidi_char_warning', 'isEnabled', true)) {

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

@@ -8,7 +8,7 @@ exports.CodeWithIntl = CodeWithIntl;
 exports.isCodeMark = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _inline = _interopRequireDefault(require("@atlaskit/code/inline"));
 var _messages = require("@atlaskit/editor-common/messages");
 var isCodeMark = exports.isCodeMark = function isCodeMark(mark) {
@@ -26,4 +26,4 @@ function CodeWithIntl(props) {
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props.dataAttributes), props.children);
 }
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(CodeWithIntl);
+var _default = exports.default = (0, _reactIntl.injectIntl)(CodeWithIntl);

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

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _styles = require("@atlaskit/editor-common/styles");
 var _code = require("@atlaskit/code");
 var _messages = require("@atlaskit/editor-common/messages");
@@ -56,4 +56,4 @@ function CodeBlock(props) {
     hasBidiWarnings: (0, _expValEquals.expValEquals)('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
   }));
 }
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(CodeBlock);
+var _default = exports.default = (0, _reactIntl.injectIntl)(CodeBlock);

package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -13,7 +13,7 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _react = require("@emotion/react");
 var _react2 = require("react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _analyticsContext = _interopRequireDefault(require("../../../../analytics/analyticsContext"));
 var _enums = require("../../../../analytics/enums");
 var _clipboard = require("../../../utils/clipboard");
@@ -78,4 +78,4 @@ var CopyButton = function CopyButton(_ref) {
     }))));
   });
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(CopyButton);
+var _default = exports.default = (0, _reactIntl.injectIntl)(CopyButton);

package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _textWrap = _interopRequireDefault(require("@atlaskit/icon/core/text-wrap"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _messages = require("@atlaskit/editor-common/messages");
@@ -62,4 +62,4 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
     })));
   });
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(CodeBlockWrapButton);
+var _default = exports.default = (0, _reactIntl.injectIntl)(CodeBlockWrapButton);

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

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _rendererContext = require("../../renderer-context");
 var _TaskItemsFormatContext = require("../../ui/TaskItemsFormatContext/TaskItemsFormatContext");
 var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
@@ -38,7 +38,7 @@ var Date = /*#__PURE__*/(0, _react.memo)(function Date(props) {
     "data-timestamp": timestamp
   }, parentIsIncompleteTask ? (0, _utils.timestampToTaskContext)(timestamp, intl, timeZone) : (0, _utils.timestampToString)(timestamp, intl)));
 });
-var DateComponent = exports.DateComponent = (0, _reactIntlNext.injectIntl)(Date);
+var DateComponent = exports.DateComponent = (0, _reactIntl.injectIntl)(Date);
 function DateWithFormatContext(props) {
   var _useTaskItemsFormatCo = (0, _TaskItemsFormatContext.useTaskItemsFormatContext)(),
     _useTaskItemsFormatCo2 = (0, _slicedToArray2.default)(_useTaskItemsFormatCo, 1),

package/dist/cjs/react/nodes/heading-anchor.js

@@ -17,7 +17,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -164,4 +164,4 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
 }(_react.default.PureComponent);
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(HeadingAnchor);
+var _default = exports.default = (0, _reactIntl.injectIntl)(HeadingAnchor);

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

@@ -17,7 +17,7 @@ var _mediaCard = require("@atlaskit/media-card");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaUi = require("@atlaskit/media-ui");
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _MediaCard = require("../../ui/MediaCard");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _ErrorBoundary = require("../../ui/Renderer/ErrorBoundary");
@@ -212,4 +212,4 @@ var MediaInline = function MediaInline(props) {
     featureFlags: featureFlags
   });
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(MediaInline);
+var _default = exports.default = (0, _reactIntl.injectIntl)(MediaInline);

package/dist/cjs/react/nodes/mediaSingle/index.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _ui = require("@atlaskit/editor-common/ui");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -288,4 +288,4 @@ var MediaSingle = function MediaSingle(props) {
     caption: caption
   }));
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(MediaSingle);
+var _default = exports.default = (0, _reactIntl.injectIntl)(MediaSingle);

package/dist/cjs/react/nodes/table/content-mode.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isTableInContentMode = exports.hasColWidths = void 0;
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
+/**
+ * Checks whether any cell in the first row of the table has a colwidth attribute set.
+ *
+ * This mirrors `hasTableColumnBeenResized` from editor-plugin-table's `colgroup.ts`.
+ */
+var hasColWidths = exports.hasColWidths = function hasColWidths(tableNode) {
+  var firstRow = tableNode.content.firstChild;
+  if (!firstRow) {
+    return false;
+  }
+  for (var i = 0; i < firstRow.childCount; i++) {
+    if (firstRow.child(i).attrs.colwidth) {
+      return true;
+    }
+  }
+  return false;
+};
+/**
+ * Mirrors `isContentModeSupported()` from editor-plugin-table's `tableMode.ts`.
+ *
+ * In the editor this checks `allowColumnResizing && allowTableResizing && isFullPageEditor`.
+ * In the renderer there is no separate `allowColumnResizing` flag — `allowTableResizing`
+ * covers both — and `isFullPageEditor` maps to `rendererAppearance === 'full-page'`.
+ */
+var isContentModeSupported = function isContentModeSupported(_ref) {
+  var allowTableResizing = _ref.allowTableResizing,
+    rendererAppearance = _ref.rendererAppearance;
+  return !!allowTableResizing && (rendererAppearance === 'full-page' || rendererAppearance === 'full-width' || rendererAppearance === 'max');
+};
+
+/**
+ * Determines whether a table should render in content mode.
+ *
+ * Content mode tables have no fixed column widths — the browser sizes columns to fit their
+ * content (table-layout: auto). A table is in content mode when:
+ *
+ * 1. The feature is supported (table resizing enabled, full-page appearance)
+ * 2. The table is at the top level of the document (not nested in another table or block node)
+ * 3. The table node exists
+ * 4. `table.attrs.width` is null (no explicit width set by the user)
+ * 5. No cells in the first row have `colwidth` set (table has not been column-resized)
+ * 6. The `platform_editor_table_fit_to_content_auto_convert` experiment is enabled
+ *
+ * This mirrors `isTableInContentMode()` from editor-plugin-table's `tableMode.ts`.
+ *
+ * SSR-safe: `expValEquals` returns false on the server (FeatureGates not initialised),
+ * so content mode is never active during SSR — no hydration mismatch.
+ */
+var isTableInContentMode = exports.isTableInContentMode = function isTableInContentMode(_ref2) {
+  var tableNode = _ref2.tableNode,
+    allowTableResizing = _ref2.allowTableResizing,
+    rendererAppearance = _ref2.rendererAppearance,
+    isTableNested = _ref2.isTableNested;
+  if (!(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
+    return false;
+  }
+  if (!tableNode) {
+    return false;
+  }
+  return !isTableNested && isContentModeSupported({
+    allowTableResizing: allowTableResizing,
+    rendererAppearance: rendererAppearance
+  }) && tableNode.attrs.width === null && !hasColWidths(tableNode) && tableNode.attrs.layout === 'align-start';
+};

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

@@ -11,6 +11,8 @@ var _colgroup = require("./colgroup");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _contentMode = require("./content-mode");
 var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
   var _tableNode$attrs;
   var innerRef = _ref.innerRef,
@@ -53,6 +55,12 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
   }
   var tableLayout = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
   var tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
+  var isContentMode = (0, _contentMode.isTableInContentMode)({
+    tableNode: tableNode,
+    allowTableResizing: allowTableResizing,
+    rendererAppearance: rendererAppearance,
+    isTableNested: isInsideOfBlockNode || isInsideOfTable
+  }) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
   return /*#__PURE__*/_react.default.createElement("table", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_renderer_isPresentational') && {
     role: isPresentational ? 'presentation' : undefined
   }, {
@@ -61,6 +69,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     "data-table-width": tableWidth,
     "data-layout": tableLayout,
     "data-table-display-mode": tableDisplayMode,
+    "data-initial-width-mode": isContentMode ? 'content' : undefined,
     ref: innerRef,
     style: {
       marginTop: fixTableSSRResizing ? '0px' : ''

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

@@ -14,7 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _styles = require("@atlaskit/editor-common/styles");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
@@ -33,6 +33,9 @@ var _appearance = require("../utils/appearance");
 var _TableStickyScrollbar = require("./TableStickyScrollbar");
 var _tableNew = require("./tableNew");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _contentMode = require("./table/content-mode");
+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; } } }; }
 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; }
@@ -142,7 +145,7 @@ var TableWrapper = function TableWrapper(_ref2) {
     onScroll = _ref2.onScroll,
     stickyHeaders = _ref2.stickyHeaders,
     tabIndex = _ref2.tabIndex;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var isScrollableRegion = tabIndex !== undefined;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -518,19 +521,29 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         // instead of 760 that was set on tableNode when the table had been published.
         finalTableContainerWidth = ((tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'align-start' || (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'center') && tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? fixTableSSRResizing ? "calc(".concat(tableWidthCSS, ")") : tableWidth : 'inherit';
       }
+      var isContentModeTable = (0, _contentMode.isTableInContentMode)({
+        tableNode: tableNode,
+        allowTableResizing: allowTableResizing,
+        rendererAppearance: rendererAppearance,
+        isTableNested: isInsideOfBlockNode || isInsideOfTable
+      }) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       var style;
       if (fixTableSSRResizing) {
-        style = {
+        style = _objectSpread(_objectSpread({}, isContentModeTable && {
+          '--renderer-table-max-width': renderWidthCSS
+        }), {}, {
           width: finalTableContainerWidth,
           left: leftCSS ? "calc(".concat(leftCSS, ")") : undefined,
           marginLeft: shouldCalculateLeftForAlignment && leftCSS !== undefined ? "calc(-1 * (".concat(leftCSS, "))") : undefined
-        };
+        });
       } else {
-        style = {
+        style = _objectSpread(_objectSpread({}, isContentModeTable && {
+          '--renderer-table-max-width': "".concat(renderWidth, "px")
+        }), {}, {
           width: finalTableContainerWidth,
           left: left,
           marginLeft: shouldCalculateLeftForAlignment && left !== undefined ? -left : undefined
-        };
+        });
       }
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

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

@@ -15,7 +15,7 @@ var _table = require("@atlaskit/editor-common/table");
 var _events = require("../../analytics/events");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _consts = require("../../consts");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _messages = require("../../messages");
 var IgnoreSorting = ['LABEL', 'INPUT'];
 var nextStatusOrder = function nextStatusOrder(currentSortOrder) {
@@ -182,7 +182,7 @@ var getWithCellProps = function getWithCellProps(WrapperComponent) {
 var TH = getWithCellProps('th');
 var withSortableColumn = exports.withSortableColumn = function withSortableColumn(WrapperComponent) {
   return function THWithSortableColumn(props) {
-    var intl = (0, _reactIntlNext.useIntl)();
+    var intl = (0, _reactIntl.useIntl)();
     var allowColumnSorting = props.allowColumnSorting,
       onSorting = props.onSorting,
       children = props.children,

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

@@ -26,6 +26,7 @@ var _table = require("./table/table");
 var _appearance = require("../utils/appearance");
 var _TableStickyScrollbar = require("./TableStickyScrollbar");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _contentMode = require("./table/content-mode");
 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; } } }; }
@@ -477,11 +478,19 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         // instead of 760 that was set on tableNode when the table had been published.
         finalTableContainerWidth = ((tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'align-start' || (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'center') && tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? "calc(".concat(tableWidthCSS, ")") : 'inherit';
       }
-      var style = {
+      var isContentModeTable = (0, _contentMode.isTableInContentMode)({
+        tableNode: tableNode,
+        allowTableResizing: allowTableResizing,
+        rendererAppearance: rendererAppearance,
+        isTableNested: isInsideOfBlockNode || isInsideOfTable
+      }) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
+      var style = _objectSpread(_objectSpread({}, isContentModeTable && {
+        '--renderer-table-max-width': renderWidthCSS
+      }), {}, {
         width: finalTableContainerWidth,
         left: leftCSS ? "calc(".concat(leftCSS, ")") : undefined,
         marginLeft: shouldCalculateLeftForAlignment && leftCSS !== undefined ? "calc(-1 * (".concat(leftCSS, "))") : undefined
-      };
+      });
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: "".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " ").concat(this.props.shadowClassNames || ''),

package/dist/cjs/ui/Expand.js

@@ -16,7 +16,7 @@ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _events = require("../analytics/events");
 var _activeHeaderIdProvider = require("./active-header-id-provider");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -303,4 +303,4 @@ function Expand(_ref2) {
     fallback: (0, _react.jsx)("div", null, intl.formatMessage(_ui.expandMessages.loading))
   }, (0, _react.jsx)(LazyChildren, null, children)) : null : children))));
 }
-var _default2 = exports.default = (0, _reactIntlNext.injectIntl)(Expand);
+var _default2 = exports.default = (0, _reactIntl.injectIntl)(Expand);

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

@@ -1460,6 +1460,10 @@ var tableSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _define
   '&[data-autosize="true"]': {
     tableLayout: 'auto'
   },
+  '&[data-initial-width-mode="content"]': {
+    tableLayout: 'auto',
+    width: 'auto'
+  },
   '*': {
     boxSizing: 'border-box'
   },
@@ -1500,6 +1504,14 @@ var tableSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _define
     }))
   }
 }));
+var tableContentModeStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ":has(table[data-initial-width-mode=\"content\"])"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+  width: 'max-content !important',
+  maxWidth: 'var(--renderer-table-max-width)'
+}), ".".concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > colgroup > col"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+  width: 'unset !important'
+}));
 var tableRendererHeaderStylesForTableCellOnly = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   '> tbody > tr > th, > tbody > tr > td': {
     minWidth: "".concat(_styles.tableCellMinWidth, "px"),
@@ -2063,7 +2075,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
     // this should be placed after baseOtherStyles
     (0, _expValEquals.expValEquals)('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), inlineExtensionRendererMarginFix, allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle,
     // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
-    (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, (0, _table.isStickyScrollbarEnabled)(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, (0, _experiments.editorExperiment)('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && isInsideSyncBlock && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_9') ? syncBlockRendererStyles : null, (0, _expValEquals.expValEquals)('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
+    (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, (0, _table.isStickyScrollbarEnabled)(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, (0, _experiments.editorExperiment)('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && isInsideSyncBlock && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_9') ? syncBlockRendererStyles : null, (0, _expValEquals.expValEquals)('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
     "data-testid": testId
   }, children);
 };

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

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "128.11.0";
+var packageVersion = "129.0.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -11,7 +11,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _messages = require("../../../messages");
 var _AnnotationManagerContext = require("../contexts/AnnotationManagerContext");
 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; }
@@ -141,7 +141,7 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
     isHovered = _ref.isHovered,
     onClick = _ref.onClick,
     useBlockLevel = _ref.useBlockLevel;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var annotationIds = (0, _react.useMemo)(function () {
     return (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(annotationParentIds), [id])));
   }, [id, annotationParentIds]);

package/dist/es2019/messages.js

@@ -1,7 +1,7 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const headingAnchorLinkMessages = defineMessages({
   copyHeadingLinkToClipboard: {
     id: 'fabric.editor.headingLink.copyAnchorLink',

package/dist/es2019/react/hooks/use-bidi-warnings.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import CodeBidiWarning from '@atlaskit/code/bidi-warning';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 import codeBidiWarningDecorator from '@atlaskit/code/bidi-warning-decorator';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import AkCode from '@atlaskit/code/inline';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 export const isCodeMark = mark => {

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

@@ -5,7 +5,7 @@
 import { useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { CodeBlock as AkCodeBlock } from '@atlaskit/code';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';

package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -10,7 +10,7 @@ import Tooltip from '@atlaskit/tooltip';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useState } from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import AnalyticsContext from '../../../../analytics/analyticsContext';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
 import { copyTextToClipboard } from '../../../utils/clipboard';

package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
 import Button from '@atlaskit/button/custom-theme-button';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';

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

@@ -3,7 +3,7 @@ import React, { memo } from 'react';
 import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { useRendererContext } from '../../renderer-context';
 import { useTaskItemsFormatContext } from '../../ui/TaskItemsFormatContext/TaskItemsFormatContext';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';

package/dist/es2019/react/nodes/heading-anchor.js

@@ -8,7 +8,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import LinkIcon from '@atlaskit/icon/core/link';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';

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

@@ -5,7 +5,7 @@ import { MediaInlineCard } from '@atlaskit/media-card';
 import { MediaClientContext, getMediaClient } from '@atlaskit/media-client-react';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
 import React, { useCallback, useEffect, useState, useContext } from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ErrorBoundary } from '../../ui/Renderer/ErrorBoundary';