@atlaskit/renderer 132.6.1 → 133.0.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @atlaskit/renderer
 
+## 133.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Minor Changes
+
+- [`458ee17c2c8ee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/458ee17c2c8ee) -
+  Register layout column vertical alignment rendering experiment and gate renderer layout column
+  vertical alignment styles behind it
+
+### Patch Changes
+
+- [`eb0de97776ce5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb0de97776ce5) -
+  cleanup to prefer static regex as part of ees019
+- Updated dependencies
+
+## 132.7.0
+
+### Minor Changes
+
+- [`a80e758660883`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a80e758660883) -
+  add remixSource attribute to mediaCardRender events behind
+  cc-maui-add-mark-for-remix-generated-images FF
+
 ## 132.6.1
 
 ### Patch Changes

package/dist/cjs/react/nodes/layoutColumn-compiled.js

@@ -28,6 +28,8 @@ var multipleWrappedImagesStyle = null;
 var clearNextSiblingBlockMarkMarginTopStyle = null;
 var LayoutSectionCompiled = exports.LayoutSectionCompiled = function LayoutSectionCompiled(props) {
   var isLayoutColumnMenuEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  var isLayoutColumnValignRenderingEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -37,7 +39,7 @@ var LayoutSectionCompiled = exports.LayoutSectionCompiled = function LayoutSecti
     style: {
       flexBasis: "".concat(props.width, "%")
     },
-    className: (0, _runtime.ax)([isLayoutColumnMenuEnabled && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", isLayoutColumnMenuEnabled && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
+    className: (0, _runtime.ax)([(isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
   }, /*#__PURE__*/_react.default.createElement(_ui.WidthProvider, null, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
   }), props.children));

package/dist/cjs/react/nodes/layoutColumn-emotion.js

@@ -58,6 +58,8 @@ var clearNextSiblingBlockMarkMarginTopStyle = (0, _react2.css)((0, _defineProper
 }));
 var LayoutSectionEmotion = exports.LayoutSectionEmotion = function LayoutSectionEmotion(props) {
   var isLayoutColumnMenuEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  var isLayoutColumnValignRenderingEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return (0, _react2.jsx)("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -69,7 +71,7 @@ var LayoutSectionEmotion = exports.LayoutSectionEmotion = function LayoutSection
     },
     css: [
     // Keep separate: Compiled crashes on ternary/object lookup here.
-    isLayoutColumnMenuEnabled && props.valign === 'middle' && verticalAlignMiddleStyles, isLayoutColumnMenuEnabled && props.valign === 'bottom' && verticalAlignBottomStyles, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
+    (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && verticalAlignMiddleStyles, (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && verticalAlignBottomStyles, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
   }, (0, _react2.jsx)(_ui.WidthProvider, null, (0, _react2.jsx)("div", {
     css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
   }), props.children));

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

@@ -247,6 +247,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
     (0, _classCallCheck2.default)(this, Media);
     _this = _callSuper(this, Media, [props]);
     (0, _defineProperty2.default)(_this, "renderCard", function () {
+      var _dataConsumerMark$att;
       var providers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var contextIdentifierProvider = providers.contextIdentifierProvider;
       var _this$props = _this.props,
@@ -263,6 +264,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         isDrafting = _this$props$isDraftin === void 0 ? false : _this$props$isDraftin;
       var annotationMarks = _this.props.isAnnotationMark ? _this.props.marks.filter(_this.props.isAnnotationMark) : undefined;
       var borderMark = _this.props.marks.find(_this.props.isBorderMark);
+      var dataConsumerMark = (0, _platformFeatureFlags.fg)('cc-maui-add-mark-for-remix-generated-images') ? _this.props.marks.find(function (m) {
+        var _m$type;
+        return m.type === 'dataConsumer' || ((_m$type = m.type) === null || _m$type === void 0 ? void 0 : _m$type.name) === 'dataConsumer';
+      }) : undefined;
       var linkMark = _this.props.marks.find(_this.props.isLinkMark);
       var linkHref = linkMark === null || linkMark === void 0 ? void 0 : linkMark.attrs.href;
       var eventHandlers = linkHref ? undefined : _this.props.eventHandlers;
@@ -281,7 +286,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         data: (0, _defineProperty2.default)({}, _analyticsNamespacedContext.MEDIA_CONTEXT, {
-          border: !!borderMark
+          border: !!borderMark,
+          // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
+          // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
+          remixSource: dataConsumerMark === null || dataConsumerMark === void 0 || (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
         })
       }, (0, _react2.jsx)(_mediaSingle.MediaBadges, {
         mediaElement: mediaSingleElement,

package/dist/cjs/react/utils/use-select-all-trap.js

@@ -9,16 +9,16 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _react = _interopRequireDefault(require("react"));
 var _analyticsContext = _interopRequireDefault(require("../../analytics/analyticsContext"));
 var _elementSelection = require("./element-selection");
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var MAC_PLATFORM_REGEX = /Mac/;
 var useSelectAllTrap = exports.useSelectAllTrap = function useSelectAllTrap() {
   var _React$useContext = _react.default.useContext(_analyticsContext.default),
     fireAnalyticsEvent = _React$useContext.fireAnalyticsEvent;
   var ref = _react.default.useRef(null);
   var clicked = _react.default.useRef(false);
   var caught = _react.default.useRef();
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  var mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
+  var mac = typeof navigator !== 'undefined' ? MAC_PLATFORM_REGEX.test(navigator.platform) : false;
   var onKeyDown = _react.default.useCallback(function (e) {
     var _e$target, _e$target$matches;
     var el = ref.current;

package/dist/cjs/steps/index.js

@@ -13,6 +13,9 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 /* eslint-disable jsdoc/require-jsdoc -- internal step helpers */
 
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var MEDIA_OR_MEDIA_SINGLE_REGEX = /media|mediaSingle/;
 function getStartPos(element) {
   return parseInt(element.dataset.rendererStartPos || '-1', 10);
 }
@@ -231,10 +234,7 @@ function getPosFromRange(range) {
   var possibleMediaOrMediaSingleElement = findParent(startContainer);
 
   // Video hover targets return media single, not media, thus, the extra check in condition.
-  var isMediaOrMediaSingle = possibleMediaOrMediaSingleElement &&
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  /media|mediaSingle/.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
+  var isMediaOrMediaSingle = possibleMediaOrMediaSingleElement && MEDIA_OR_MEDIA_SINGLE_REGEX.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
   if (isMediaOrMediaSingle) {
     var pos;
     var mediaSingleElement = getNodeType(possibleMediaOrMediaSingleElement) === 'mediaSingle' ? possibleMediaOrMediaSingleElement : findMediaParent(possibleMediaOrMediaSingleElement);

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

@@ -21,6 +21,9 @@ var _uuid = _interopRequireDefault(require("uuid"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 // Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var FAILED_TO_EXECUTE_REGEX = /Failed to execute.*on 'Node'.*/;
+// Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   function ErrorBoundary() {
@@ -78,10 +81,7 @@ var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Compon
       (0, _monitoring.logException)(error, {
         location: 'renderer'
       });
-      // Ignored via go/ees005
-      // eslint-disable-next-line require-unicode-regexp
-      var pattern = /Failed to execute.*on 'Node'.*/;
-      var matchesPattern = pattern.test(error.message);
+      var matchesPattern = FAILED_TO_EXECUTE_REGEX.test(error.message);
       if (matchesPattern) {
         this.fireAnalyticsEvent({
           action: _analytics.ACTION.CAUGHT_DOM_ERROR,

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

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

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

@@ -88,10 +88,12 @@ var markStylesWithCommentsPanel = (0, _react2.css)((0, _defineProperty2.default)
     boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
   }
 }));
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var MOBILE_USER_AGENT_REGEX = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
 var isMobile = function isMobile() {
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  return MOBILE_USER_AGENT_REGEX.test(navigator.userAgent);
 };
 var accessibilityStylesNew = (0, _react2.css)({
   '&::before, &::after': {

package/dist/es2019/react/nodes/layoutColumn-compiled.js

@@ -22,6 +22,8 @@ const multipleWrappedImagesStyle = null;
 const clearNextSiblingBlockMarkMarginTopStyle = null;
 export const LayoutSectionCompiled = props => {
   const isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  const isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return /*#__PURE__*/React.createElement("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -31,7 +33,7 @@ export const LayoutSectionCompiled = props => {
     style: {
       flexBasis: `${props.width}%`
     },
-    className: ax([isLayoutColumnMenuEnabled && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", isLayoutColumnMenuEnabled && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
+    className: ax([(isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
   }, /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement("div", {
     className: ax(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
   }), props.children));

package/dist/es2019/react/nodes/layoutColumn-emotion.js

@@ -60,6 +60,8 @@ const clearNextSiblingBlockMarkMarginTopStyle = css({
 });
 export const LayoutSectionEmotion = props => {
   const isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  const isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return jsx("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -71,7 +73,7 @@ export const LayoutSectionEmotion = props => {
     },
     css: [
     // Keep separate: Compiled crashes on ternary/object lookup here.
-    isLayoutColumnMenuEnabled && props.valign === 'middle' && verticalAlignMiddleStyles, isLayoutColumnMenuEnabled && props.valign === 'bottom' && verticalAlignBottomStyles, fg('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
+    (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && verticalAlignMiddleStyles, (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && verticalAlignBottomStyles, fg('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
   }, jsx(WidthProvider, null, jsx("div", {
     css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
   }), props.children));

package/dist/es2019/react/nodes/media/index.js

@@ -216,6 +216,7 @@ class Media extends PureComponent {
   constructor(props) {
     super(props);
     _defineProperty(this, "renderCard", (providers = {}) => {
+      var _dataConsumerMark$att;
       const {
         contextIdentifierProvider
       } = providers;
@@ -233,6 +234,10 @@ class Media extends PureComponent {
       } = this.props;
       const annotationMarks = this.props.isAnnotationMark ? this.props.marks.filter(this.props.isAnnotationMark) : undefined;
       const borderMark = this.props.marks.find(this.props.isBorderMark);
+      const dataConsumerMark = fg('cc-maui-add-mark-for-remix-generated-images') ? this.props.marks.find(m => {
+        var _m$type;
+        return m.type === 'dataConsumer' || ((_m$type = m.type) === null || _m$type === void 0 ? void 0 : _m$type.name) === 'dataConsumer';
+      }) : undefined;
       const linkMark = this.props.marks.find(this.props.isLinkMark);
       const linkHref = linkMark === null || linkMark === void 0 ? void 0 : linkMark.attrs.href;
       const eventHandlers = linkHref ? undefined : this.props.eventHandlers;
@@ -252,7 +257,10 @@ class Media extends PureComponent {
       , {
         data: {
           [MEDIA_CONTEXT]: {
-            border: !!borderMark
+            border: !!borderMark,
+            // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
+            // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
+            remixSource: dataConsumerMark === null || dataConsumerMark === void 0 ? void 0 : (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
           }
         }
       }, jsx(MediaBadges, {

package/dist/es2019/react/utils/use-select-all-trap.js

@@ -2,6 +2,10 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import React from 'react';
 import AnalyticsContext from '../../analytics/analyticsContext';
 import { ElementSelection } from './element-selection';
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+const MAC_PLATFORM_REGEX = /Mac/;
 export const useSelectAllTrap = () => {
   const {
     fireAnalyticsEvent
@@ -9,10 +13,7 @@ export const useSelectAllTrap = () => {
   const ref = React.useRef(null);
   const clicked = React.useRef(false);
   const caught = React.useRef();
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  const mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
+  const mac = typeof navigator !== 'undefined' ? MAC_PLATFORM_REGEX.test(navigator.platform) : false;
   const onKeyDown = React.useCallback(e => {
     var _e$target, _e$target$matches;
     const el = ref.current;

package/dist/es2019/steps/index.js

@@ -1,6 +1,10 @@
 /* eslint-disable jsdoc/require-jsdoc -- internal step helpers */
 import { fg } from '@atlaskit/platform-feature-flags';
 import { AddMarkStep } from '@atlaskit/editor-prosemirror/transform';
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+const MEDIA_OR_MEDIA_SINGLE_REGEX = /media|mediaSingle/;
 export function getStartPos(element) {
   return parseInt(element.dataset.rendererStartPos || '-1', 10);
 }
@@ -224,10 +228,7 @@ export function getPosFromRange(range) {
   const possibleMediaOrMediaSingleElement = findParent(startContainer);
 
   // Video hover targets return media single, not media, thus, the extra check in condition.
-  const isMediaOrMediaSingle = possibleMediaOrMediaSingleElement &&
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  /media|mediaSingle/.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
+  const isMediaOrMediaSingle = possibleMediaOrMediaSingleElement && MEDIA_OR_MEDIA_SINGLE_REGEX.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
   if (isMediaOrMediaSingle) {
     let pos;
     const mediaSingleElement = getNodeType(possibleMediaOrMediaSingleElement) === 'mediaSingle' ? possibleMediaOrMediaSingleElement : findMediaParent(possibleMediaOrMediaSingleElement);

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

@@ -7,6 +7,10 @@ import { PLATFORM } from '../../analytics/events';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+const FAILED_TO_EXECUTE_REGEX = /Failed to execute.*on 'Node'.*/;
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class ErrorBoundary extends React.Component {
@@ -51,10 +55,7 @@ export class ErrorBoundary extends React.Component {
     logException(error, {
       location: 'renderer'
     });
-    // Ignored via go/ees005
-    // eslint-disable-next-line require-unicode-regexp
-    const pattern = /Failed to execute.*on 'Node'.*/;
-    const matchesPattern = pattern.test(error.message);
+    const matchesPattern = FAILED_TO_EXECUTE_REGEX.test(error.message);
     if (matchesPattern) {
       this.fireAnalyticsEvent({
         action: ACTION.CAUGHT_DOM_ERROR,

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

@@ -58,7 +58,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 = "132.6.0";
+const packageVersion = "132.7.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -94,10 +94,12 @@ const markStylesWithCommentsPanel = css({
     }
   }
 });
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+const MOBILE_USER_AGENT_REGEX = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
 const isMobile = () => {
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  return MOBILE_USER_AGENT_REGEX.test(navigator.userAgent);
 };
 const accessibilityStylesNew = css({
   '&::before, &::after': {

package/dist/esm/react/nodes/layoutColumn-compiled.js

@@ -22,6 +22,8 @@ var multipleWrappedImagesStyle = null;
 var clearNextSiblingBlockMarkMarginTopStyle = null;
 export var LayoutSectionCompiled = function LayoutSectionCompiled(props) {
   var isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  var isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return /*#__PURE__*/React.createElement("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -31,7 +33,7 @@ export var LayoutSectionCompiled = function LayoutSectionCompiled(props) {
     style: {
       flexBasis: "".concat(props.width, "%")
     },
-    className: ax([isLayoutColumnMenuEnabled && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", isLayoutColumnMenuEnabled && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
+    className: ax([(isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
   }, /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement("div", {
     className: ax(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
   }), props.children));

package/dist/esm/react/nodes/layoutColumn-emotion.js

@@ -51,6 +51,8 @@ var clearNextSiblingBlockMarkMarginTopStyle = css(_defineProperty({}, "+ .fabric
 }));
 export var LayoutSectionEmotion = function LayoutSectionEmotion(props) {
   var isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  var isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return jsx("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -62,7 +64,7 @@ export var LayoutSectionEmotion = function LayoutSectionEmotion(props) {
     },
     css: [
     // Keep separate: Compiled crashes on ternary/object lookup here.
-    isLayoutColumnMenuEnabled && props.valign === 'middle' && verticalAlignMiddleStyles, isLayoutColumnMenuEnabled && props.valign === 'bottom' && verticalAlignBottomStyles, fg('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
+    (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && verticalAlignMiddleStyles, (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && verticalAlignBottomStyles, fg('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
   }, jsx(WidthProvider, null, jsx("div", {
     css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
   }), props.children));

package/dist/esm/react/nodes/media/index.js

@@ -239,6 +239,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
     _classCallCheck(this, Media);
     _this = _callSuper(this, Media, [props]);
     _defineProperty(_this, "renderCard", function () {
+      var _dataConsumerMark$att;
       var providers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var contextIdentifierProvider = providers.contextIdentifierProvider;
       var _this$props = _this.props,
@@ -255,6 +256,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         isDrafting = _this$props$isDraftin === void 0 ? false : _this$props$isDraftin;
       var annotationMarks = _this.props.isAnnotationMark ? _this.props.marks.filter(_this.props.isAnnotationMark) : undefined;
       var borderMark = _this.props.marks.find(_this.props.isBorderMark);
+      var dataConsumerMark = fg('cc-maui-add-mark-for-remix-generated-images') ? _this.props.marks.find(function (m) {
+        var _m$type;
+        return m.type === 'dataConsumer' || ((_m$type = m.type) === null || _m$type === void 0 ? void 0 : _m$type.name) === 'dataConsumer';
+      }) : undefined;
       var linkMark = _this.props.marks.find(_this.props.isLinkMark);
       var linkHref = linkMark === null || linkMark === void 0 ? void 0 : linkMark.attrs.href;
       var eventHandlers = linkHref ? undefined : _this.props.eventHandlers;
@@ -273,7 +278,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         data: _defineProperty({}, MEDIA_CONTEXT, {
-          border: !!borderMark
+          border: !!borderMark,
+          // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
+          // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
+          remixSource: dataConsumerMark === null || dataConsumerMark === void 0 || (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
         })
       }, jsx(MediaBadges, {
         mediaElement: mediaSingleElement,

package/dist/esm/react/utils/use-select-all-trap.js

@@ -2,16 +2,17 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import React from 'react';
 import AnalyticsContext from '../../analytics/analyticsContext';
 import { ElementSelection } from './element-selection';
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var MAC_PLATFORM_REGEX = /Mac/;
 export var useSelectAllTrap = function useSelectAllTrap() {
   var _React$useContext = React.useContext(AnalyticsContext),
     fireAnalyticsEvent = _React$useContext.fireAnalyticsEvent;
   var ref = React.useRef(null);
   var clicked = React.useRef(false);
   var caught = React.useRef();
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  var mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
+  var mac = typeof navigator !== 'undefined' ? MAC_PLATFORM_REGEX.test(navigator.platform) : false;
   var onKeyDown = React.useCallback(function (e) {
     var _e$target, _e$target$matches;
     var el = ref.current;

package/dist/esm/steps/index.js

@@ -1,6 +1,10 @@
 /* eslint-disable jsdoc/require-jsdoc -- internal step helpers */
 import { fg } from '@atlaskit/platform-feature-flags';
 import { AddMarkStep } from '@atlaskit/editor-prosemirror/transform';
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var MEDIA_OR_MEDIA_SINGLE_REGEX = /media|mediaSingle/;
 export function getStartPos(element) {
   return parseInt(element.dataset.rendererStartPos || '-1', 10);
 }
@@ -219,10 +223,7 @@ export function getPosFromRange(range) {
   var possibleMediaOrMediaSingleElement = findParent(startContainer);
 
   // Video hover targets return media single, not media, thus, the extra check in condition.
-  var isMediaOrMediaSingle = possibleMediaOrMediaSingleElement &&
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  /media|mediaSingle/.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
+  var isMediaOrMediaSingle = possibleMediaOrMediaSingleElement && MEDIA_OR_MEDIA_SINGLE_REGEX.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
   if (isMediaOrMediaSingle) {
     var pos;
     var mediaSingleElement = getNodeType(possibleMediaOrMediaSingleElement) === 'mediaSingle' ? possibleMediaOrMediaSingleElement : findMediaParent(possibleMediaOrMediaSingleElement);

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

@@ -14,6 +14,10 @@ import { PLATFORM } from '../../analytics/events';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var FAILED_TO_EXECUTE_REGEX = /Failed to execute.*on 'Node'.*/;
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
@@ -72,10 +76,7 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       logException(error, {
         location: 'renderer'
       });
-      // Ignored via go/ees005
-      // eslint-disable-next-line require-unicode-regexp
-      var pattern = /Failed to execute.*on 'Node'.*/;
-      var matchesPattern = pattern.test(error.message);
+      var matchesPattern = FAILED_TO_EXECUTE_REGEX.test(error.message);
       if (matchesPattern) {
         this.fireAnalyticsEvent({
           action: ACTION.CAUGHT_DOM_ERROR,

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

@@ -63,7 +63,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 = "132.6.0";
+var packageVersion = "132.7.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -84,10 +84,12 @@ var markStylesWithCommentsPanel = css(_defineProperty({}, "&[data-mark-annotatio
     boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
   }
 }));
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var MOBILE_USER_AGENT_REGEX = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
 var isMobile = function isMobile() {
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  return MOBILE_USER_AGENT_REGEX.test(navigator.userAgent);
 };
 var accessibilityStylesNew = css({
   '&::before, &::after': {

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

@@ -9,7 +9,7 @@ import { jsx } from '@emotion/react';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { MediaCardProps } from '../../../ui/MediaCard';
-import type { LinkDefinition, BorderMarkDefinition, AnnotationMarkDefinition } from '@atlaskit/adf-schema';
+import type { LinkDefinition, BorderMarkDefinition, AnnotationMarkDefinition, DataConsumerDefinition } from '@atlaskit/adf-schema';
 import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { AnalyticsEventPayload } from '../../../analytics/events';
 export type MediaProps = MediaCardProps & {
@@ -26,7 +26,7 @@ export type MediaProps = MediaCardProps & {
     isDrafting: boolean;
     isInsideOfBlockNode?: boolean;
     isLinkMark: () => boolean;
-    marks: Array<LinkDefinition | BorderMarkDefinition | AnnotationMarkDefinition>;
+    marks: Array<LinkDefinition | BorderMarkDefinition | AnnotationMarkDefinition | DataConsumerDefinition>;
     mediaSingleElement?: HTMLElement | null;
     providers?: ProviderFactory;
     width?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "132.6.1",
+	"version": "133.0.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,46 +30,46 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^54.0.0",
-		"@atlaskit/adf-utils": "^19.33.0",
+		"@atlaskit/adf-schema": "^55.0.0",
+		"@atlaskit/adf-utils": "^20.0.0",
 		"@atlaskit/afm-i18n-platform-editor-renderer": "2.10.0",
-		"@atlaskit/analytics-listeners": "^10.1.0",
-		"@atlaskit/analytics-namespaced-context": "^7.3.0",
-		"@atlaskit/analytics-next": "^11.3.0",
-		"@atlaskit/browser-apis": "^0.0.2",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/code": "^17.5.0",
-		"@atlaskit/editor-json-transformer": "^8.33.0",
-		"@atlaskit/editor-palette": "^2.2.0",
-		"@atlaskit/editor-prosemirror": "^7.3.0",
-		"@atlaskit/editor-shared-styles": "^3.11.0",
-		"@atlaskit/editor-smart-link-draggable": "^0.5.0",
-		"@atlaskit/emoji": "^70.17.0",
-		"@atlaskit/feature-gate-js-client": "^5.8.0",
-		"@atlaskit/icon": "^35.4.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/link-datasource": "^5.6.0",
-		"@atlaskit/link-extractors": "^2.7.0",
-		"@atlaskit/linking-common": "^9.13.0",
-		"@atlaskit/media-card": "^80.8.0",
-		"@atlaskit/media-client": "^36.3.0",
-		"@atlaskit/media-client-react": "^5.2.0",
-		"@atlaskit/media-common": "^13.3.0",
-		"@atlaskit/media-filmstrip": "^51.3.0",
-		"@atlaskit/media-ui": "^29.3.0",
-		"@atlaskit/media-viewer": "^53.2.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/platform-feature-flags-react": "^0.5.0",
-		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
-		"@atlaskit/react-ufo": "^6.7.0",
-		"@atlaskit/smart-card": "^44.29.0",
-		"@atlaskit/status": "^4.1.0",
-		"@atlaskit/task-decision": "^20.2.0",
-		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tmp-editor-statsig": "^103.0.0",
-		"@atlaskit/tokens": "^13.4.0",
-		"@atlaskit/tooltip": "^22.6.0",
-		"@atlaskit/visually-hidden": "^3.1.0",
+		"@atlaskit/analytics-listeners": "^11.0.0",
+		"@atlaskit/analytics-namespaced-context": "^8.0.0",
+		"@atlaskit/analytics-next": "^12.0.0",
+		"@atlaskit/browser-apis": "^1.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/code": "^18.0.0",
+		"@atlaskit/editor-json-transformer": "^9.0.0",
+		"@atlaskit/editor-palette": "^3.0.0",
+		"@atlaskit/editor-prosemirror": "^8.0.0",
+		"@atlaskit/editor-shared-styles": "^4.0.0",
+		"@atlaskit/editor-smart-link-draggable": "^1.0.0",
+		"@atlaskit/emoji": "^71.0.0",
+		"@atlaskit/feature-gate-js-client": "^6.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/link-datasource": "^6.0.0",
+		"@atlaskit/link-extractors": "^3.0.0",
+		"@atlaskit/linking-common": "^10.0.0",
+		"@atlaskit/media-card": "^81.0.0",
+		"@atlaskit/media-client": "^37.0.0",
+		"@atlaskit/media-client-react": "^6.0.0",
+		"@atlaskit/media-common": "^14.0.0",
+		"@atlaskit/media-filmstrip": "^52.0.0",
+		"@atlaskit/media-ui": "^30.0.0",
+		"@atlaskit/media-viewer": "^54.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/platform-feature-flags-react": "^1.0.0",
+		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
+		"@atlaskit/react-ufo": "^7.0.0",
+		"@atlaskit/smart-card": "^45.0.0",
+		"@atlaskit/status": "^5.0.0",
+		"@atlaskit/task-decision": "^21.0.0",
+		"@atlaskit/theme": "^26.0.0",
+		"@atlaskit/tmp-editor-statsig": "^104.0.0",
+		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tooltip": "^23.0.0",
+		"@atlaskit/visually-hidden": "^4.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1",
@@ -80,9 +80,9 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.16.0",
-		"@atlaskit/link-provider": "^4.7.0",
-		"@atlaskit/media-core": "^37.1.0",
+		"@atlaskit/editor-common": "^116.0.0",
+		"@atlaskit/link-provider": "^5.0.0",
+		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
@@ -90,20 +90,20 @@
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/analytics-gas-types": "^5.1.0",
-		"@atlaskit/checkbox": "^17.3.0",
-		"@atlaskit/editor-card-provider": "^6.8.0",
-		"@atlaskit/link-provider": "^4.7.0",
-		"@atlaskit/link-test-helpers": "^10.4.0",
-		"@atlaskit/media-core": "^37.1.0",
+		"@atlaskit/analytics-gas-types": "^6.0.0",
+		"@atlaskit/checkbox": "^18.0.0",
+		"@atlaskit/editor-card-provider": "^7.0.0",
+		"@atlaskit/link-provider": "^5.0.0",
+		"@atlaskit/link-test-helpers": "^11.0.0",
+		"@atlaskit/media-core": "^38.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
-		"@atlaskit/media-test-helpers": "^41.2.0",
-		"@atlaskit/mention": "^26.2.0",
-		"@atlaskit/modal-dialog": "^15.3.0",
-		"@atlaskit/navigation-system": "^9.4.0",
-		"@atlaskit/profilecard": "^25.9.0",
-		"@atlaskit/side-nav-items": "^1.14.0",
-		"@atlaskit/util-data-test": "^18.6.0",
+		"@atlaskit/media-test-helpers": "^42.0.0",
+		"@atlaskit/mention": "^27.0.0",
+		"@atlaskit/modal-dialog": "^16.0.0",
+		"@atlaskit/navigation-system": "^10.0.0",
+		"@atlaskit/profilecard": "^26.0.0",
+		"@atlaskit/side-nav-items": "^2.0.0",
+		"@atlaskit/util-data-test": "^19.0.0",
 		"@atlassian/a11y-jest-testing": "^0.12.0",
 		"@atlassian/a11y-playwright-testing": "^0.10.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
@@ -271,6 +271,10 @@
 		},
 		"platform_nested_table_style_override": {
 			"type": "boolean"
+		},
+		"cc-maui-add-mark-for-remix-generated-images": {
+			"type": "boolean",
+			"referenceOnly": true
 		}
 	}
 }