@atlaskit/renderer 130.0.1 → 130.2.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/renderer
 
+## 130.2.0
+
+### Minor Changes
+
+- [`3394e81c10e6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3394e81c10e6e) -
+  Fix table flicker on focus: defer data-initial-width-mode removal to after colgroup update.
+  Consolidate isTableInContentMode and hasTableBeenResized into editor-common/table.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 130.1.0
+
+### Minor Changes
+
+- [`b6bb07e5d72ac`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b6bb07e5d72ac) -
+  [ux] Fix for #hot-301450, add new media option for fallback media name fetcher to allow confluence
+  to use the attachment service instead of the media service to get filenames. After DC -> Cloud
+  migration filenames were not properly copied across to the media service causing inline media to
+  show an error.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 130.0.1
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -593,9 +593,10 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
   }, {
     key: "getMediaInlineProps",
     value: function getMediaInlineProps(node) {
-      var _this$media6;
+      var _this$media6, _this$media7;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
-        ssr: (_this$media6 = this.media) === null || _this$media6 === void 0 ? void 0 : _this$media6.ssr
+        ssr: (_this$media6 = this.media) === null || _this$media6 === void 0 ? void 0 : _this$media6.ssr,
+        fallbackMediaNameFetcher: (_this$media7 = this.media) === null || _this$media7 === void 0 ? void 0 : _this$media7.fallbackMediaNameFetcher
       });
     }
   }, {

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

@@ -31,7 +31,8 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
     clipboardAttrs = _ref.clipboardAttrs,
     collectionName = _ref.collection,
     eventHandlers = _ref.eventHandlers,
-    identifier = _ref.identifier;
+    identifier = _ref.identifier,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     contextIdentifier = _useState2[0],
@@ -141,7 +142,8 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
       shouldOpenMediaViewer: shouldOpenMediaViewer,
       shouldDisplayToolTip: shouldDisplayToolTip,
       mediaClientConfig: mediaClient.mediaClientConfig,
-      mediaViewerItems: Array.from(_MediaCard.mediaIdentifierMap.values())
+      mediaViewerItems: Array.from(_MediaCard.mediaIdentifierMap.values()),
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher
     }))
   );
 };
@@ -156,7 +158,8 @@ var MediaInline = function MediaInline(props) {
     width = props.width,
     height = props.height,
     marks = props.marks,
-    ssr = props.ssr;
+    ssr = props.ssr,
+    fallbackMediaNameFetcher = props.fallbackMediaNameFetcher;
   var clipboardAttrs = {
     id: id,
     collection: collection
@@ -209,7 +212,8 @@ var MediaInline = function MediaInline(props) {
     rendererAppearance: rendererAppearance,
     intl: intl,
     collection: collection,
-    featureFlags: featureFlags
+    featureFlags: featureFlags,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 var _default = exports.default = (0, _reactIntl.injectIntl)(MediaInline);

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

@@ -3,69 +3,9 @@
 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) {
+exports.isContentModeSupported = void 0;
+var isContentModeSupported = exports.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

@@ -12,6 +12,7 @@ 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 _table = require("@atlaskit/editor-common/table");
 var _contentMode = require("./content-mode");
 var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
   var _tableNode$attrs;
@@ -55,10 +56,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)({
+  var isContentMode = (0, _table.isTableInContentMode)({
     tableNode: tableNode,
-    allowTableResizing: allowTableResizing,
-    rendererAppearance: rendererAppearance,
+    isSupported: (0, _contentMode.isContentModeSupported)({
+      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') && {

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

@@ -33,6 +33,7 @@ var _appearance = require("../utils/appearance");
 var _TableStickyScrollbar = require("./TableStickyScrollbar");
 var _tableNew = require("./tableNew");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _table2 = require("@atlaskit/editor-common/table");
 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; }
@@ -521,10 +522,12 @@ 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)({
+      var isContentModeTable = (0, _table2.isTableInContentMode)({
         tableNode: tableNode,
-        allowTableResizing: allowTableResizing,
-        rendererAppearance: rendererAppearance,
+        isSupported: (0, _contentMode.isContentModeSupported)({
+          allowTableResizing: allowTableResizing,
+          rendererAppearance: rendererAppearance
+        }),
         isTableNested: isInsideOfBlockNode || isInsideOfTable
       }) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       var style;

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 _table2 = require("@atlaskit/editor-common/table");
 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; }
@@ -478,10 +479,12 @@ 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 isContentModeTable = (0, _contentMode.isTableInContentMode)({
+      var isContentModeTable = (0, _table2.isTableInContentMode)({
         tableNode: tableNode,
-        allowTableResizing: allowTableResizing,
-        rendererAppearance: rendererAppearance,
+        isSupported: (0, _contentMode.isContentModeSupported)({
+          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 && {

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 = "0.0.0-development";
+var packageVersion = "130.1.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/react/index.js

@@ -531,10 +531,11 @@ export default class ReactSerializer {
     };
   }
   getMediaInlineProps(node) {
-    var _this$media6;
+    var _this$media6, _this$media7;
     return {
       ...this.getProps(node),
-      ssr: (_this$media6 = this.media) === null || _this$media6 === void 0 ? void 0 : _this$media6.ssr
+      ssr: (_this$media6 = this.media) === null || _this$media6 === void 0 ? void 0 : _this$media6.ssr,
+      fallbackMediaNameFetcher: (_this$media7 = this.media) === null || _this$media7 === void 0 ? void 0 : _this$media7.fallbackMediaNameFetcher
     };
   }
   getTaskItemProps(node, path = []) {

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

@@ -16,7 +16,8 @@ const RenderMediaInline = ({
   clipboardAttrs,
   collection: collectionName,
   eventHandlers,
-  identifier
+  identifier,
+  fallbackMediaNameFetcher
 }) => {
   const [contextIdentifier, setContextIdentifier] = useState();
   const [fileState, setFileState] = useState();
@@ -107,7 +108,8 @@ const RenderMediaInline = ({
       shouldOpenMediaViewer: shouldOpenMediaViewer,
       shouldDisplayToolTip: shouldDisplayToolTip,
       mediaClientConfig: mediaClient.mediaClientConfig,
-      mediaViewerItems: Array.from(mediaIdentifierMap.values())
+      mediaViewerItems: Array.from(mediaIdentifierMap.values()),
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher
     }))
   );
 };
@@ -123,7 +125,8 @@ const MediaInline = props => {
     width,
     height,
     marks,
-    ssr
+    ssr,
+    fallbackMediaNameFetcher
   } = props;
   const clipboardAttrs = {
     id,
@@ -174,7 +177,8 @@ const MediaInline = props => {
     rendererAppearance: rendererAppearance,
     intl: intl,
     collection: collection,
-    featureFlags: featureFlags
+    featureFlags: featureFlags,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 export default injectIntl(MediaInline);

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

@@ -1,67 +1,6 @@
-import { expValEqualsNoExposure } from '@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`.
- */
-export const hasColWidths = tableNode => {
-  const firstRow = tableNode.content.firstChild;
-  if (!firstRow) {
-    return false;
-  }
-  for (let 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'`.
- */
-const isContentModeSupported = ({
+export const isContentModeSupported = ({
   allowTableResizing,
   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.
- */
-export const isTableInContentMode = ({
-  tableNode,
-  allowTableResizing,
-  rendererAppearance,
-  isTableNested
-}) => {
-  if (!expValEqualsNoExposure('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
-    return false;
-  }
-  if (!tableNode) {
-    return false;
-  }
-  return !isTableNested && isContentModeSupported({
-    allowTableResizing,
-    rendererAppearance
-  }) && tableNode.attrs.width === null && !hasColWidths(tableNode) && tableNode.attrs.layout === 'align-start';
 };

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

@@ -5,7 +5,8 @@ import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { isTableInContentMode } from './content-mode';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { isContentModeSupported } from './content-mode';
 export const Table = /*#__PURE__*/React.memo(({
   innerRef,
   isNumberColumnEnabled,
@@ -49,8 +50,10 @@ export const Table = /*#__PURE__*/React.memo(({
   const tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
   const isContentMode = isTableInContentMode({
     tableNode,
-    allowTableResizing,
-    rendererAppearance,
+    isSupported: isContentModeSupported({
+      allowTableResizing,
+      rendererAppearance
+    }),
     isTableNested: isInsideOfBlockNode || isInsideOfTable
   }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
   return /*#__PURE__*/React.createElement("table", _extends({}, fg('platform_renderer_isPresentational') && {

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

@@ -20,7 +20,8 @@ import { isCommentAppearance, isFullPageAppearance, isFullWidthAppearance, isFul
 import { TableStickyScrollbar } from './TableStickyScrollbar';
 import { TableProcessorWithContainerStyles } from './tableNew';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { isTableInContentMode } from './table/content-mode';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { isContentModeSupported } from './table/content-mode';
 export const isTableResizingEnabled = appearance => isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance);
 export const isStickyScrollbarEnabled = appearance => isFullWidthOrFullPageAppearance(appearance) && editorExperiment('platform_renderer_table_sticky_scrollbar', true, {
   exposure: true
@@ -464,8 +465,10 @@ export class TableContainer extends React.Component {
     }
     const isContentModeTable = isTableInContentMode({
       tableNode,
-      allowTableResizing,
-      rendererAppearance,
+      isSupported: isContentModeSupported({
+        allowTableResizing,
+        rendererAppearance
+      }),
       isTableNested: isInsideOfBlockNode || isInsideOfTable
     }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
     let style;

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

@@ -15,7 +15,8 @@ import { Table } from './table/table';
 import { isCommentAppearance, isFullWidthOrFullPageAppearance, isFullWidthAppearance, isMaxWidthAppearance, isFullPageAppearance } from '../utils/appearance';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { isTableInContentMode } from './table/content-mode';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { isContentModeSupported } from './table/content-mode';
 const stickyContainerBaseStyles = {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   height: "var(--ds-space-250, 20px)",
@@ -424,8 +425,10 @@ export class TableContainer extends React.Component {
     }
     const isContentModeTable = isTableInContentMode({
       tableNode,
-      allowTableResizing,
-      rendererAppearance,
+      isSupported: isContentModeSupported({
+        allowTableResizing,
+        rendererAppearance
+      }),
       isTableNested: isInsideOfBlockNode || isInsideOfTable
     }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
     const style = {

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

@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "0.0.0-development";
+const packageVersion = "130.1.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/react/index.js

@@ -586,9 +586,10 @@ var ReactSerializer = /*#__PURE__*/function () {
   }, {
     key: "getMediaInlineProps",
     value: function getMediaInlineProps(node) {
-      var _this$media6;
+      var _this$media6, _this$media7;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
-        ssr: (_this$media6 = this.media) === null || _this$media6 === void 0 ? void 0 : _this$media6.ssr
+        ssr: (_this$media6 = this.media) === null || _this$media6 === void 0 ? void 0 : _this$media6.ssr,
+        fallbackMediaNameFetcher: (_this$media7 = this.media) === null || _this$media7 === void 0 ? void 0 : _this$media7.fallbackMediaNameFetcher
       });
     }
   }, {

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

@@ -22,7 +22,8 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
     clipboardAttrs = _ref.clipboardAttrs,
     collectionName = _ref.collection,
     eventHandlers = _ref.eventHandlers,
-    identifier = _ref.identifier;
+    identifier = _ref.identifier,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     contextIdentifier = _useState2[0],
@@ -132,7 +133,8 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
       shouldOpenMediaViewer: shouldOpenMediaViewer,
       shouldDisplayToolTip: shouldDisplayToolTip,
       mediaClientConfig: mediaClient.mediaClientConfig,
-      mediaViewerItems: Array.from(mediaIdentifierMap.values())
+      mediaViewerItems: Array.from(mediaIdentifierMap.values()),
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher
     }))
   );
 };
@@ -147,7 +149,8 @@ var MediaInline = function MediaInline(props) {
     width = props.width,
     height = props.height,
     marks = props.marks,
-    ssr = props.ssr;
+    ssr = props.ssr,
+    fallbackMediaNameFetcher = props.fallbackMediaNameFetcher;
   var clipboardAttrs = {
     id: id,
     collection: collection
@@ -200,7 +203,8 @@ var MediaInline = function MediaInline(props) {
     rendererAppearance: rendererAppearance,
     intl: intl,
     collection: collection,
-    featureFlags: featureFlags
+    featureFlags: featureFlags,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 export default injectIntl(MediaInline);

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

@@ -1,65 +1,5 @@
-import { expValEqualsNoExposure } from '@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`.
- */
-export var 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) {
+export 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.
- */
-export var isTableInContentMode = function isTableInContentMode(_ref2) {
-  var tableNode = _ref2.tableNode,
-    allowTableResizing = _ref2.allowTableResizing,
-    rendererAppearance = _ref2.rendererAppearance,
-    isTableNested = _ref2.isTableNested;
-  if (!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/esm/react/nodes/table/table.js

@@ -5,7 +5,8 @@ import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { isTableInContentMode } from './content-mode';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { isContentModeSupported } from './content-mode';
 export var Table = /*#__PURE__*/React.memo(function (_ref) {
   var _tableNode$attrs;
   var innerRef = _ref.innerRef,
@@ -50,8 +51,10 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
   var tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
   var isContentMode = isTableInContentMode({
     tableNode: tableNode,
-    allowTableResizing: allowTableResizing,
-    rendererAppearance: rendererAppearance,
+    isSupported: isContentModeSupported({
+      allowTableResizing: allowTableResizing,
+      rendererAppearance: rendererAppearance
+    }),
     isTableNested: isInsideOfBlockNode || isInsideOfTable
   }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
   return /*#__PURE__*/React.createElement("table", _extends({}, fg('platform_renderer_isPresentational') && {

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

@@ -33,7 +33,8 @@ import { isCommentAppearance, isFullPageAppearance, isFullWidthAppearance, isFul
 import { TableStickyScrollbar } from './TableStickyScrollbar';
 import { TableProcessorWithContainerStyles } from './tableNew';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { isTableInContentMode } from './table/content-mode';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { isContentModeSupported } from './table/content-mode';
 export var isTableResizingEnabled = function isTableResizingEnabled(appearance) {
   return isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance);
 };
@@ -516,8 +517,10 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       }
       var isContentModeTable = isTableInContentMode({
         tableNode: tableNode,
-        allowTableResizing: allowTableResizing,
-        rendererAppearance: rendererAppearance,
+        isSupported: isContentModeSupported({
+          allowTableResizing: allowTableResizing,
+          rendererAppearance: rendererAppearance
+        }),
         isTableNested: isInsideOfBlockNode || isInsideOfTable
       }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       var style;

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

@@ -27,7 +27,8 @@ import { Table } from './table/table';
 import { isCommentAppearance, isFullWidthOrFullPageAppearance, isFullWidthAppearance, isMaxWidthAppearance, isFullPageAppearance } from '../utils/appearance';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { isTableInContentMode } from './table/content-mode';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { isContentModeSupported } from './table/content-mode';
 var stickyContainerBaseStyles = {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   height: "var(--ds-space-250, 20px)",
@@ -474,8 +475,10 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       }
       var isContentModeTable = isTableInContentMode({
         tableNode: tableNode,
-        allowTableResizing: allowTableResizing,
-        rendererAppearance: rendererAppearance,
+        isSupported: isContentModeSupported({
+          allowTableResizing: allowTableResizing,
+          rendererAppearance: rendererAppearance
+        }),
         isTableNested: isInsideOfBlockNode || isInsideOfTable
       }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       var style = _objectSpread(_objectSpread({}, isContentModeTable && {

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

@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "130.1.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/react/nodes/index.d.ts

@@ -68,6 +68,7 @@ declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupP
 declare const MediaInline: React.ComponentType<import("react-intl").WithIntlProps<{
     collection?: string;
     eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags;
     id: string;
     marks?: Array<Mark>;

package/dist/types/react/nodes/mediaInline.d.ts

@@ -10,6 +10,7 @@ import type { MediaSSR } from '../../types/mediaOptions';
 type MediaInlineProps = {
     collection?: string;
     eventHandlers?: EventHandlers;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     featureFlags?: MediaFeatureFlags;
     id: string;
     marks?: Array<Mark>;

package/dist/types/react/nodes/table/content-mode.d.ts

@@ -1,34 +1,10 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererAppearance } from '../../../ui/Renderer/types';
-/**
- * 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`.
- */
-export declare const hasColWidths: (tableNode: PMNode) => boolean;
 type ContentModeOptions = {
     allowTableResizing?: boolean;
     isTableNested?: boolean;
     rendererAppearance?: RendererAppearance;
     tableNode: PMNode | undefined;
 };
-/**
- * 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.
- */
-export declare const isTableInContentMode: ({ tableNode, allowTableResizing, rendererAppearance, isTableNested, }: ContentModeOptions) => boolean;
+export declare const isContentModeSupported: ({ allowTableResizing, rendererAppearance, }: Pick<ContentModeOptions, "allowTableResizing" | "rendererAppearance">) => boolean;
 export {};

package/dist/types/types/mediaOptions.d.ts

@@ -10,6 +10,12 @@ export interface MediaOptions {
     allowLinking?: boolean;
     enableDownloadButton?: boolean;
     enableSyncMediaCard?: boolean;
+    /**
+     * Optional fallback fetcher to retrieve the media filename from another service
+     * Workaround for #hot-301450 where media service is missing filenames for DC -> Cloud migrated media
+     * Receives the file ID and should resolve to the filename string.
+     */
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     featureFlags?: MediaFeatureFlags;
     /** Extensions for the media viewer header (e.g. comment navigation button). */
     mediaViewerExtensions?: MediaViewerExtensions;

package/dist/types-ts4.5/react/nodes/index.d.ts

@@ -68,6 +68,7 @@ declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupP
 declare const MediaInline: React.ComponentType<import("react-intl").WithIntlProps<{
     collection?: string;
     eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags;
     id: string;
     marks?: Array<Mark>;

package/dist/types-ts4.5/react/nodes/mediaInline.d.ts

@@ -10,6 +10,7 @@ import type { MediaSSR } from '../../types/mediaOptions';
 type MediaInlineProps = {
     collection?: string;
     eventHandlers?: EventHandlers;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     featureFlags?: MediaFeatureFlags;
     id: string;
     marks?: Array<Mark>;

package/dist/types-ts4.5/react/nodes/table/content-mode.d.ts

@@ -1,34 +1,10 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererAppearance } from '../../../ui/Renderer/types';
-/**
- * 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`.
- */
-export declare const hasColWidths: (tableNode: PMNode) => boolean;
 type ContentModeOptions = {
     allowTableResizing?: boolean;
     isTableNested?: boolean;
     rendererAppearance?: RendererAppearance;
     tableNode: PMNode | undefined;
 };
-/**
- * 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.
- */
-export declare const isTableInContentMode: ({ tableNode, allowTableResizing, rendererAppearance, isTableNested, }: ContentModeOptions) => boolean;
+export declare const isContentModeSupported: ({ allowTableResizing, rendererAppearance, }: Pick<ContentModeOptions, "allowTableResizing" | "rendererAppearance">) => boolean;
 export {};

package/dist/types-ts4.5/types/mediaOptions.d.ts

@@ -10,6 +10,12 @@ export interface MediaOptions {
     allowLinking?: boolean;
     enableDownloadButton?: boolean;
     enableSyncMediaCard?: boolean;
+    /**
+     * Optional fallback fetcher to retrieve the media filename from another service
+     * Workaround for #hot-301450 where media service is missing filenames for DC -> Cloud migrated media
+     * Receives the file ID and should resolve to the filename string.
+     */
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     featureFlags?: MediaFeatureFlags;
     /** Extensions for the media viewer header (e.g. comment navigation button). */
     mediaViewerExtensions?: MediaViewerExtensions;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "130.0.1",
+	"version": "130.2.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
 		"@atlaskit/link-datasource": "^5.0.0",
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/linking-common": "^9.11.0",
-		"@atlaskit/media-card": "^80.0.0",
+		"@atlaskit/media-card": "^80.1.0",
 		"@atlaskit/media-client": "^36.0.0",
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-common": "^13.0.0",
@@ -59,7 +59,7 @@
 		"@atlaskit/status": "^4.0.0",
 		"@atlaskit/task-decision": "^20.0.0",
 		"@atlaskit/theme": "^23.1.0",
-		"@atlaskit/tmp-editor-statsig": "^62.7.0",
+		"@atlaskit/tmp-editor-statsig": "^62.8.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.1.0",
+		"@atlaskit/editor-common": "^114.2.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -91,8 +91,8 @@
 		"@atlaskit/media-test-helpers": "^41.0.0",
 		"@atlaskit/mention": "^25.0.0",
 		"@atlaskit/modal-dialog": "^14.15.0",
-		"@atlaskit/navigation-system": "^7.3.0",
-		"@atlaskit/profilecard": "^25.0.0",
+		"@atlaskit/navigation-system": "^8.0.0",
+		"@atlaskit/profilecard": "^25.1.0",
 		"@atlaskit/side-nav-items": "^1.13.0",
 		"@atlaskit/util-data-test": "^18.5.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",