@atlaskit/renderer 124.18.0 → 124.19.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/renderer
 
+## 124.19.0
+
+### Minor Changes
+
+- [`5f95a3d8edc0c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f95a3d8edc0c) -
+  EDITOR-3356 fix macro renderer syle inside layout
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 124.18.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -24,6 +24,9 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
+		{
+			"path": "../../adf-schema/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../adf-utils/afm-cc/tsconfig.json"
 		},
@@ -51,6 +54,9 @@
 		{
 			"path": "../../editor-palette/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../editor-prosemirror/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../editor-shared-styles/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -24,6 +24,9 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
+		{
+			"path": "../../adf-schema/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../adf-utils/afm-jira/tsconfig.json"
 		},
@@ -51,6 +54,9 @@
 		{
 			"path": "../../editor-palette/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../editor-prosemirror/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../editor-shared-styles/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -24,6 +24,9 @@
 		"../src/**/stories/**/*"
 	],
 	"references": [
+		{
+			"path": "../../adf-schema/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../adf-utils/afm-products/tsconfig.json"
 		},
@@ -51,6 +54,9 @@
 		{
 			"path": "../../editor-palette/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../editor-prosemirror/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../editor-shared-styles/afm-products/tsconfig.json"
 		},

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

@@ -6,13 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderExtension = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@emotion/react");
+var _react2 = _interopRequireDefault(require("react"));
 var _ExtensionRenderer = _interopRequireDefault(require("../../ui/ExtensionRenderer"));
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _consts = require("../../consts");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _breakout = require("../utils/breakout");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var viewportSizes = ['small', 'medium', 'default', 'large', 'xlarge'];
 // Mirrors sizes from https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/browse/platform/packages/forge/xen-editor-provider/src/render/renderers/ForgeUIExtension.tsx
 var macroHeights = {
@@ -34,6 +43,9 @@ var getViewportSize = function getViewportSize(extensionId, extensionViewportSiz
     return macroHeights[viewportSize];
   }
 };
+var containerStyle = (0, _react.css)({
+  containerType: 'inline-size'
+});
 var renderExtension = exports.renderExtension = function renderExtension(content, layout) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var removeOverflow = arguments.length > 3 ? arguments[3] : undefined;
@@ -57,7 +69,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
   var viewportSize = getViewportSize(extensionId, extensionViewportSizes);
   var extensionHeight = nodeHeight || viewportSize;
   if ((0, _expValEquals.expValEquals)('platform_editor_renderer_extension_width_fix', 'isEnabled', true)) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return (0, _react.jsx)("div", {
       ref: options.handleRef
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -72,13 +84,15 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       "data-local-id": localId,
       "data-testid": "extension--wrapper",
       "data-node-type": "extension"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: overflowContainerClass
+    }, (0, _react.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: overflowContainerClass,
+      css: [(0, _platformFeatureFlags.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, content));
   }
-  return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref2) {
+  return (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref2) {
     var width = _ref2.width;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return (0, _react.jsx)("div", {
       ref: options.handleRef
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -91,8 +105,10 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       },
       "data-layout": layout,
       "data-local-id": localId
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: overflowContainerClass
+    }, (0, _react.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: overflowContainerClass,
+      css: [(0, _platformFeatureFlags.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, content));
   });
 };
@@ -108,7 +124,7 @@ var Extension = function Extension(props) {
     parameters = props.parameters,
     nodeHeight = props.nodeHeight,
     localId = props.localId;
-  return /*#__PURE__*/_react.default.createElement(_ExtensionRenderer.default
+  return (0, _react.jsx)(_ExtensionRenderer.default
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , (0, _extends2.default)({}, props, {
@@ -117,7 +133,7 @@ var Extension = function Extension(props) {
     var result = _ref3.result;
     try {
       // Return the result directly if it's a valid JSX.Element
-      if (result && /*#__PURE__*/_react.default.isValidElement(result)) {
+      if (result && /*#__PURE__*/_react2.default.isValidElement(result)) {
         return renderExtension(result, layout, {
           isTopLevel: path.length < 1,
           handleRef: handleRef,

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

@@ -69,7 +69,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.18.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -1,4 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx, css } from '@emotion/react';
 import React from 'react';
 import ExtensionRenderer from '../../ui/ExtensionRenderer';
 import { overflowShadow, WidthConsumer } from '@atlaskit/editor-common/ui';
@@ -6,6 +13,7 @@ import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { RendererCssClassName } from '../../consts';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { calcBreakoutWidthCss } from '../utils/breakout';
+import { fg } from '@atlaskit/platform-feature-flags';
 const viewportSizes = ['small', 'medium', 'default', 'large', 'xlarge'];
 // Mirrors sizes from https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/browse/platform/packages/forge/xen-editor-provider/src/render/renderers/ForgeUIExtension.tsx
 const macroHeights = {
@@ -25,6 +33,9 @@ const getViewportSize = (extensionId, extensionViewportSizes) => {
     return macroHeights[viewportSize];
   }
 };
+const containerStyle = css({
+  containerType: 'inline-size'
+});
 export const renderExtension = (content, layout, options = {}, removeOverflow, extensionId, extensionViewportSizes, nodeHeight, localId) => {
   const overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
 
@@ -42,7 +53,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
   const viewportSize = getViewportSize(extensionId, extensionViewportSizes);
   const extensionHeight = nodeHeight || viewportSize;
   if (expValEquals('platform_editor_renderer_extension_width_fix', 'isEnabled', true)) {
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       ref: options.handleRef
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -57,13 +68,15 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
       "data-local-id": localId,
       "data-testid": "extension--wrapper",
       "data-node-type": "extension"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: overflowContainerClass
+    }, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: overflowContainerClass,
+      css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, content));
   }
-  return /*#__PURE__*/React.createElement(WidthConsumer, null, ({
+  return jsx(WidthConsumer, null, ({
     width
-  }) => /*#__PURE__*/React.createElement("div", {
+  }) => jsx("div", {
     ref: options.handleRef
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
@@ -76,8 +89,10 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
     },
     "data-layout": layout,
     "data-local-id": localId
-  }, /*#__PURE__*/React.createElement("div", {
-    className: overflowContainerClass
+  }, jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: overflowContainerClass,
+    css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
   }, content)));
 };
 const Extension = props => {
@@ -92,7 +107,7 @@ const Extension = props => {
     nodeHeight,
     localId
   } = props;
-  return /*#__PURE__*/React.createElement(ExtensionRenderer
+  return jsx(ExtensionRenderer
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {

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

@@ -55,7 +55,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 const TABLE_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "0.0.0-development";
+const packageVersion = "124.18.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -1,4 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx, css } from '@emotion/react';
 import React from 'react';
 import ExtensionRenderer from '../../ui/ExtensionRenderer';
 import { overflowShadow, WidthConsumer } from '@atlaskit/editor-common/ui';
@@ -6,6 +13,7 @@ import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { RendererCssClassName } from '../../consts';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { calcBreakoutWidthCss } from '../utils/breakout';
+import { fg } from '@atlaskit/platform-feature-flags';
 var viewportSizes = ['small', 'medium', 'default', 'large', 'xlarge'];
 // Mirrors sizes from https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/browse/platform/packages/forge/xen-editor-provider/src/render/renderers/ForgeUIExtension.tsx
 var macroHeights = {
@@ -27,6 +35,9 @@ var getViewportSize = function getViewportSize(extensionId, extensionViewportSiz
     return macroHeights[viewportSize];
   }
 };
+var containerStyle = css({
+  containerType: 'inline-size'
+});
 export var renderExtension = function renderExtension(content, layout) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var removeOverflow = arguments.length > 3 ? arguments[3] : undefined;
@@ -50,7 +61,7 @@ export var renderExtension = function renderExtension(content, layout) {
   var viewportSize = getViewportSize(extensionId, extensionViewportSizes);
   var extensionHeight = nodeHeight || viewportSize;
   if (expValEquals('platform_editor_renderer_extension_width_fix', 'isEnabled', true)) {
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       ref: options.handleRef
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -65,13 +76,15 @@ export var renderExtension = function renderExtension(content, layout) {
       "data-local-id": localId,
       "data-testid": "extension--wrapper",
       "data-node-type": "extension"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: overflowContainerClass
+    }, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: overflowContainerClass,
+      css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, content));
   }
-  return /*#__PURE__*/React.createElement(WidthConsumer, null, function (_ref2) {
+  return jsx(WidthConsumer, null, function (_ref2) {
     var width = _ref2.width;
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       ref: options.handleRef
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -84,8 +97,10 @@ export var renderExtension = function renderExtension(content, layout) {
       },
       "data-layout": layout,
       "data-local-id": localId
-    }, /*#__PURE__*/React.createElement("div", {
-      className: overflowContainerClass
+    }, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: overflowContainerClass,
+      css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, content));
   });
 };
@@ -101,7 +116,7 @@ var Extension = function Extension(props) {
     parameters = props.parameters,
     nodeHeight = props.nodeHeight,
     localId = props.localId;
-  return /*#__PURE__*/React.createElement(ExtensionRenderer
+  return jsx(ExtensionRenderer
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {

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

@@ -60,7 +60,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.18.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -148,6 +148,9 @@ type SyncedBlockFetchErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNC
 type SyncedBlockGetSourceInfoErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_GET_SOURCE_INFO, {
     error: string;
 }>;
-export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP;
+type ReferenceSyncedBlockUpdateErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_UPDATE, {
+    error: string;
+}>;
+export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | ReferenceSyncedBlockUpdateErrorAEP;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

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

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type Mark as PMMark, type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { type RendererContext, type ExtensionViewportSize } from '../types';

package/dist/types/ui/annotations/element/mark.d.ts

@@ -22,10 +22,10 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
     } | undefined;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
     'data-mark-annotation-state'?: AnnotationMarkStates;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     'aria-disabled': boolean;
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
@@ -38,9 +38,9 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-is-hovered': boolean;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     'aria-disabled': boolean;
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
@@ -50,10 +50,10 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
     } | undefined;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
     'data-mark-annotation-state'?: AnnotationMarkStates;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     role?: undefined;
     tabIndex?: undefined;
     onKeyDown?: undefined;
@@ -71,9 +71,9 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-is-hovered': boolean;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     role?: undefined;
     tabIndex?: undefined;
     onKeyDown?: undefined;
@@ -88,10 +88,10 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
     } | undefined;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
     'data-mark-annotation-state'?: AnnotationMarkStates;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     role: string;
     tabIndex: number;
     onKeyDown: (evt: KeyboardEvent) => void;
@@ -109,9 +109,9 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-is-hovered': boolean;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     role: string;
     tabIndex: number;
     onKeyDown: (evt: KeyboardEvent) => void;

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

@@ -148,6 +148,9 @@ type SyncedBlockFetchErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNC
 type SyncedBlockGetSourceInfoErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_GET_SOURCE_INFO, {
     error: string;
 }>;
-export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP;
+type ReferenceSyncedBlockUpdateErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_UPDATE, {
+    error: string;
+}>;
+export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | ReferenceSyncedBlockUpdateErrorAEP;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

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

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type Mark as PMMark, type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { type RendererContext, type ExtensionViewportSize } from '../types';

package/dist/types-ts4.5/ui/annotations/element/mark.d.ts

@@ -22,10 +22,10 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
     } | undefined;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
     'data-mark-annotation-state'?: AnnotationMarkStates;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     'aria-disabled': boolean;
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
@@ -38,9 +38,9 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-is-hovered': boolean;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     'aria-disabled': boolean;
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
@@ -50,10 +50,10 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
     } | undefined;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
     'data-mark-annotation-state'?: AnnotationMarkStates;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     role?: undefined;
     tabIndex?: undefined;
     onKeyDown?: undefined;
@@ -71,9 +71,9 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-is-hovered': boolean;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     role?: undefined;
     tabIndex?: undefined;
     onKeyDown?: undefined;
@@ -88,10 +88,10 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
         '--ak-renderer-annotation-startmarker': string;
         '--ak-renderer-annotation-endmarker': string;
     } | undefined;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
     'data-mark-annotation-state'?: AnnotationMarkStates;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     role: string;
     tabIndex: number;
     onKeyDown: (evt: KeyboardEvent) => void;
@@ -109,9 +109,9 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-mark-annotation-state': AnnotationMarkStates;
     'data-has-focus': boolean;
     'data-is-hovered': boolean;
-    'data-mark-type': string;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
     'data-id': AnnotationId;
+    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
+    'data-mark-type': string;
     role: string;
     tabIndex: number;
     onKeyDown: (evt: KeyboardEvent) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.18.0",
+	"version": "124.19.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -23,7 +23,7 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^51.5.1",
+		"@atlaskit/adf-schema": "^51.5.0",
 		"@atlaskit/adf-utils": "^19.26.0",
 		"@atlaskit/afm-i18n-platform-editor-renderer": "2.10.0",
 		"@atlaskit/analytics-listeners": "^9.1.0",
@@ -34,11 +34,11 @@
 		"@atlaskit/code": "^17.4.0",
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-palette": "^2.1.0",
-		"@atlaskit/editor-prosemirror": "7.0.0",
+		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/emoji": "^69.9.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/icon": "^29.1.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.30.0",
 		"@atlaskit/link-extractors": "^2.4.0",
@@ -53,11 +53,11 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^4.15.0",
-		"@atlaskit/smart-card": "^43.14.0",
+		"@atlaskit/smart-card": "^43.15.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^15.8.0",
+		"@atlaskit/tmp-editor-statsig": "^15.10.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.41.0",
+		"@atlaskit/editor-common": "^110.42.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -247,6 +247,9 @@
 		},
 		"platform-custom-icon-migration": {
 			"type": "boolean"
+		},
+		"platform_fix_macro_renders_in_layouts": {
+			"type": "boolean"
 		}
 	}
 }