@atlaskit/renderer 108.7.3 → 108.7.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/renderer
 
+## 108.7.4
+
+### Patch Changes
+
+- [`5057217ab16`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5057217ab16) - [ux] Fix border cutoff on renderer for linked images
+
 ## 108.7.3
 
 ### Patch Changes

package/dist/cjs/react/nodes/{media.js → media/index.js}

@@ -20,11 +20,12 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _ui = require("@atlaskit/editor-common/ui");
-var _MediaCard = require("../../ui/MediaCard");
+var _MediaCard = require("../../../ui/MediaCard");
 var _editorPalette = require("@atlaskit/editor-palette");
-var _utils = require("../../utils");
+var _utils = require("../../../utils");
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _events = require("../../analytics/events");
+var _events = require("../../../analytics/events");
+var _styles = require("./styles");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -79,21 +80,14 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         "data-mark-type": "border",
         "data-color": borderColor,
         "data-size": borderWidth,
-        style: {
-          width: "calc(100% - ".concat(_ui.IMAGE_AND_BORDER_ADJUSTMENT, "px)"),
-          height: "calc(100% - ".concat(_ui.IMAGE_AND_BORDER_ADJUSTMENT, "px)"),
-          borderColor: paletteColorValue,
-          borderWidth: "".concat(borderWidth, "px"),
-          borderStyle: 'solid',
-          borderRadius: "".concat(borderWidth * 2, "px")
-        }
+        css: (0, _styles.borderStyle)(!!linkHref, paletteColorValue, borderWidth)
       }, mediaComponent) : mediaComponent;
       return linkHref ? (0, _react2.jsx)("a", {
         href: linkHref,
         rel: "noreferrer noopener",
         onClick: _this.handleMediaLinkClick,
         "data-block-link": linkHref,
-        css: _ui.mediaLinkStyle
+        css: (0, _styles.linkStyle)(!!borderMark)
       }, mediaComponentWithBorder) : mediaComponentWithBorder;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMediaLinkClick", function (event) {

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

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.linkStyle = exports.borderStyle = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _ui = require("@atlaskit/editor-common/ui");
+var _templateObject, _templateObject2;
+var linkStyle = function linkStyle(hasBorderMark) {
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  background: transparent;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  cursor: pointer;\n  width: ", ";\n  height: ", ";\n"])), hasBorderMark ? "calc(100% - ".concat(_ui.IMAGE_AND_BORDER_ADJUSTMENT, "px)") : '100%', hasBorderMark ? "calc(100% - ".concat(_ui.IMAGE_AND_BORDER_ADJUSTMENT, "px)") : '100%');
+};
+exports.linkStyle = linkStyle;
+var borderStyle = function borderStyle(hasLinkMark, color, width) {
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  height: ", ";\n  border-color: ", ";\n  border-width: ", "px;\n  border-style: solid;\n  border-radius: ", "px;\n"])), hasLinkMark ? '100%' : "calc(100% - ".concat(_ui.IMAGE_AND_BORDER_ADJUSTMENT, "px)"), hasLinkMark ? '100%' : "calc(100% - ".concat(_ui.IMAGE_AND_BORDER_ADJUSTMENT, "px)"), color, width, width * 2);
+};
+exports.borderStyle = borderStyle;

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

@@ -55,7 +55,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
 var DEGRADED_SEVERITY_THRESHOLD = 3000;
 exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.7.3";
+var packageVersion = "108.7.4";
 var Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.7.3",
+	"version": "108.7.4",
 	"sideEffects": false
 }

package/dist/es2019/react/nodes/{media.js → media/index.js}

@@ -7,12 +7,13 @@ import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import { mediaLinkStyle, IMAGE_AND_BORDER_ADJUSTMENT } from '@atlaskit/editor-common/ui';
-import { MediaCard } from '../../ui/MediaCard';
+import { IMAGE_AND_BORDER_ADJUSTMENT } from '@atlaskit/editor-common/ui';
+import { MediaCard } from '../../../ui/MediaCard';
 import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
-import { getEventHandler } from '../../utils';
+import { getEventHandler } from '../../../utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { MODE, PLATFORM } from '../../analytics/events';
+import { MODE, PLATFORM } from '../../../analytics/events';
+import { linkStyle, borderStyle } from './styles';
 export default class Media extends PureComponent {
   constructor(...args) {
     super(...args);
@@ -60,21 +61,14 @@ export default class Media extends PureComponent {
         "data-mark-type": "border",
         "data-color": borderColor,
         "data-size": borderWidth,
-        style: {
-          width: `calc(100% - ${IMAGE_AND_BORDER_ADJUSTMENT}px)`,
-          height: `calc(100% - ${IMAGE_AND_BORDER_ADJUSTMENT}px)`,
-          borderColor: paletteColorValue,
-          borderWidth: `${borderWidth}px`,
-          borderStyle: 'solid',
-          borderRadius: `${borderWidth * 2}px`
-        }
+        css: borderStyle(!!linkHref, paletteColorValue, borderWidth)
       }, mediaComponent) : mediaComponent;
       return linkHref ? jsx("a", {
         href: linkHref,
         rel: "noreferrer noopener",
         onClick: this.handleMediaLinkClick,
         "data-block-link": linkHref,
-        css: mediaLinkStyle
+        css: linkStyle(!!borderMark)
       }, mediaComponentWithBorder) : mediaComponentWithBorder;
     });
     _defineProperty(this, "handleMediaLinkClick", event => {

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

@@ -0,0 +1,21 @@
+import { css } from '@emotion/react';
+import { IMAGE_AND_BORDER_ADJUSTMENT } from '@atlaskit/editor-common/ui';
+export const linkStyle = hasBorderMark => css`
+  position: absolute;
+  background: transparent;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  cursor: pointer;
+  width: ${hasBorderMark ? `calc(100% - ${IMAGE_AND_BORDER_ADJUSTMENT}px)` : '100%'};
+  height: ${hasBorderMark ? `calc(100% - ${IMAGE_AND_BORDER_ADJUSTMENT}px)` : '100%'};
+`;
+export const borderStyle = (hasLinkMark, color, width) => css`
+  width: ${hasLinkMark ? '100%' : `calc(100% - ${IMAGE_AND_BORDER_ADJUSTMENT}px)`};
+  height: ${hasLinkMark ? '100%' : `calc(100% - ${IMAGE_AND_BORDER_ADJUSTMENT}px)`};
+  border-color: ${color};
+  border-width: ${width}px;
+  border-style: solid;
+  border-radius: ${width * 2}px;
+`;

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

@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "108.7.3";
+const packageVersion = "108.7.4";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.7.3",
+	"version": "108.7.4",
 	"sideEffects": false
 }

package/dist/esm/react/nodes/{media.js → media/index.js}

@@ -15,12 +15,13 @@ import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import { mediaLinkStyle, IMAGE_AND_BORDER_ADJUSTMENT } from '@atlaskit/editor-common/ui';
-import { MediaCard } from '../../ui/MediaCard';
+import { IMAGE_AND_BORDER_ADJUSTMENT } from '@atlaskit/editor-common/ui';
+import { MediaCard } from '../../../ui/MediaCard';
 import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
-import { getEventHandler } from '../../utils';
+import { getEventHandler } from '../../../utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { MODE, PLATFORM } from '../../analytics/events';
+import { MODE, PLATFORM } from '../../../analytics/events';
+import { linkStyle, borderStyle } from './styles';
 var Media = /*#__PURE__*/function (_PureComponent) {
   _inherits(Media, _PureComponent);
   var _super = _createSuper(Media);
@@ -71,21 +72,14 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         "data-mark-type": "border",
         "data-color": borderColor,
         "data-size": borderWidth,
-        style: {
-          width: "calc(100% - ".concat(IMAGE_AND_BORDER_ADJUSTMENT, "px)"),
-          height: "calc(100% - ".concat(IMAGE_AND_BORDER_ADJUSTMENT, "px)"),
-          borderColor: paletteColorValue,
-          borderWidth: "".concat(borderWidth, "px"),
-          borderStyle: 'solid',
-          borderRadius: "".concat(borderWidth * 2, "px")
-        }
+        css: borderStyle(!!linkHref, paletteColorValue, borderWidth)
       }, mediaComponent) : mediaComponent;
       return linkHref ? jsx("a", {
         href: linkHref,
         rel: "noreferrer noopener",
         onClick: _this.handleMediaLinkClick,
         "data-block-link": linkHref,
-        css: mediaLinkStyle
+        css: linkStyle(!!borderMark)
       }, mediaComponentWithBorder) : mediaComponentWithBorder;
     });
     _defineProperty(_assertThisInitialized(_this), "handleMediaLinkClick", function (event) {

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

@@ -0,0 +1,10 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+import { css } from '@emotion/react';
+import { IMAGE_AND_BORDER_ADJUSTMENT } from '@atlaskit/editor-common/ui';
+export var linkStyle = function linkStyle(hasBorderMark) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  background: transparent;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  cursor: pointer;\n  width: ", ";\n  height: ", ";\n"])), hasBorderMark ? "calc(100% - ".concat(IMAGE_AND_BORDER_ADJUSTMENT, "px)") : '100%', hasBorderMark ? "calc(100% - ".concat(IMAGE_AND_BORDER_ADJUSTMENT, "px)") : '100%');
+};
+export var borderStyle = function borderStyle(hasLinkMark, color, width) {
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  border-color: ", ";\n  border-width: ", "px;\n  border-style: solid;\n  border-radius: ", "px;\n"])), hasLinkMark ? '100%' : "calc(100% - ".concat(IMAGE_AND_BORDER_ADJUSTMENT, "px)"), hasLinkMark ? '100%' : "calc(100% - ".concat(IMAGE_AND_BORDER_ADJUSTMENT, "px)"), color, width, width * 2);
+};

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

@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.7.3";
+var packageVersion = "108.7.4";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.7.3",
+	"version": "108.7.4",
 	"sideEffects": false
 }

package/dist/{types-ts4.5/react/nodes/media.d.ts → types/react/nodes/media/index.d.ts}

@@ -4,10 +4,10 @@ import { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { MediaCardProps } from '../../ui/MediaCard';
+import { MediaCardProps } from '../../../ui/MediaCard';
 import { LinkDefinition, BorderMarkDefinition } from '@atlaskit/adf-schema';
 import type { MediaFeatureFlags } from '@atlaskit/media-common';
-import { AnalyticsEventPayload } from '../../analytics/events';
+import { AnalyticsEventPayload } from '../../../analytics/events';
 export type MediaProps = MediaCardProps & {
     providers?: ProviderFactory;
     allowAltTextOnImages?: boolean;

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

@@ -0,0 +1,2 @@
+export declare const linkStyle: (hasBorderMark: boolean) => import("@emotion/react").SerializedStyles;
+export declare const borderStyle: (hasLinkMark: boolean, color: string, width: number) => import("@emotion/react").SerializedStyles;

package/dist/{types/react/nodes/media.d.ts → types-ts4.5/react/nodes/media/index.d.ts}

@@ -4,10 +4,10 @@ import { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { MediaCardProps } from '../../ui/MediaCard';
+import { MediaCardProps } from '../../../ui/MediaCard';
 import { LinkDefinition, BorderMarkDefinition } from '@atlaskit/adf-schema';
 import type { MediaFeatureFlags } from '@atlaskit/media-common';
-import { AnalyticsEventPayload } from '../../analytics/events';
+import { AnalyticsEventPayload } from '../../../analytics/events';
 export type MediaProps = MediaCardProps & {
     providers?: ProviderFactory;
     allowAltTextOnImages?: boolean;

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

@@ -0,0 +1,2 @@
+export declare const linkStyle: (hasBorderMark: boolean) => import("@emotion/react").SerializedStyles;
+export declare const borderStyle: (hasLinkMark: boolean, color: string, width: number) => import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "108.7.3",
+  "version": "108.7.4",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/button": "^16.8.0",
     "@atlaskit/code": "^14.6.0",
-    "@atlaskit/editor-common": "^74.23.0",
+    "@atlaskit/editor-common": "^74.24.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-shared-styles": "^2.4.0",

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,546 @@
+## API Report File for "@atlaskit/renderer"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { ACTION } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import type { ADFStage } from '@atlaskit/editor-common/validator';
+import type { AnnotationProviders } from '@atlaskit/editor-common/types';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { DocNode } from '@atlaskit/adf-schema';
+import { EmojiResourceConfig } from '@atlaskit/emoji/resource';
+import { EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import type { EventHandlers } from '@atlaskit/editor-common/ui';
+import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
+import { Fragment } from 'prosemirror-model';
+import { jsx } from '@emotion/react';
+import { Mark } from 'prosemirror-model';
+import { MediaClientConfig } from '@atlaskit/media-core';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { Node as Node_2 } from 'prosemirror-model';
+import { OperationalAEP } from '@atlaskit/editor-common/analytics';
+import { PropsDifference } from '@atlaskit/editor-common/utils';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { Schema } from 'prosemirror-model';
+import { SEVERITY } from '@atlaskit/editor-common/utils';
+import { ShallowPropsDifference } from '@atlaskit/editor-common/utils';
+import { SortOrder } from '@atlaskit/editor-common/types';
+import { SSR } from '@atlaskit/media-common';
+import type { Transformer as Transformer_2 } from '@atlaskit/editor-common/types';
+import { UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
+import type { UnsupportedContentLevelsTracking } from '@atlaskit/editor-common/utils';
+import type { UnsupportedContentPayload } from '@atlaskit/editor-common/utils';
+import type { UnsupportedContentTooltipPayload } from '@atlaskit/editor-common/utils';
+
+// @public (undocumented)
+export class ADFEncoder<T> {
+    constructor(createTransformerWithSchema: TransformerProvider<T>);
+    // (undocumented)
+    encode: (value: T) => any;
+}
+
+// @public (undocumented)
+type AEP<Action, ActionSubject, ActionSubjectID, Attributes, EventType> = {
+    action: Action;
+    actionSubject: ActionSubject;
+    actionSubjectId?: ActionSubjectID;
+    attributes?: Attributes;
+    eventType: EventType;
+};
+
+// @public (undocumented)
+type AnalyticsEventPayload<T = void> = AnchorLinkAEP | AnnotationAEP | AnnotationDeleteAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | ComponentCrashErrorAEP | ExpandAEP | HeadingAnchorLinkButtonAEP | InvalidProsemirrorDocumentErrorAEP | MediaLnkTransformedAEP | RendererReRenderedAEP<T> | RendererRenderedAEP | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | RendererStartAEP | RendererTTIAEP | RendererUnsupportedContentLevelsTrackingErrored | RendererUnsupportedContentLevelsTrackingSucceeded | TableSortColumnAEP | TableSortColumnNotAllowedAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | VisitLinkAEP | VisitMediaLinkAEP;
+
+// @public (undocumented)
+type AnchorLinkAEP = UIAEP<ACTION.VIEWED, ACTION_SUBJECT.ANCHOR_LINK, undefined, {
+    platform: PLATFORM.WEB;
+    mode: MODE.RENDERER;
+}>;
+
+// @public (undocumented)
+type AnnotationActionType = ACTION.CLOSED | ACTION.CREATE_NOT_ALLOWED | ACTION.DELETED | ACTION.EDITED | ACTION.INSERTED | ACTION.OPENED | ACTION.RESOLVED | ACTION.VIEWED;
+
+// @public (undocumented)
+type AnnotationAEP = AEP<AnnotationActionType, ACTION_SUBJECT.ANNOTATION, ACTION_SUBJECT_ID.INLINE_COMMENT, AnnotationAEPAttributes, undefined>;
+
+// @public (undocumented)
+type AnnotationAEPAttributes = AnnotationDraftAEPAttributes | AnnotationResolvedAEPAttributes;
+
+// @public (undocumented)
+type AnnotationDeleteAEP = AEP<AnnotationActionType, ACTION_SUBJECT.ANNOTATION, ACTION_SUBJECT_ID, undefined, EVENT_TYPE.TRACK>;
+
+// @public (undocumented)
+type AnnotationDraftAEPAttributes = {
+    overlap?: number;
+};
+
+// @public (undocumented)
+type AnnotationResolvedAEPAttributes = {
+    method?: RESOLVE_METHOD;
+};
+
+// @public (undocumented)
+type ButtonAEP<ActionSubjectID, Attributes> = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.BUTTON, ActionSubjectID, Attributes>;
+
+// @public (undocumented)
+type CodeBlockCopyAEP = ButtonAEP<ACTION_SUBJECT_ID.CODEBLOCK_COPY, undefined>;
+
+// @public (undocumented)
+type CodeBlockWrapAEP = ButtonAEP<ACTION_SUBJECT_ID.CODEBLOCK_WRAP, {
+    wrapped: boolean;
+}>;
+
+// @public (undocumented)
+type ComponentCrashErrorAEP = OperationalAEP<ACTION.CRASHED, ACTION_SUBJECT.RENDERER, ACTION_SUBJECT_ID, {
+    platform: PLATFORM.WEB;
+    errorMessage?: string;
+    errorStack?: string;
+    componentStack?: string;
+    errorRethrown?: boolean;
+}, {
+    errorStack?: string;
+}>;
+
+// @public (undocumented)
+type DispatchAnalyticsEvent = (event: AnalyticsEventPayload) => void;
+
+// @public (undocumented)
+type ExpandAEP = AEP<ACTION.TOGGLE_EXPAND, ACTION_SUBJECT.EXPAND | ACTION_SUBJECT.NESTED_EXPAND, undefined, {
+    platform: PLATFORM.WEB;
+    mode: MODE.RENDERER;
+    expanded: boolean;
+}, EVENT_TYPE.TRACK>;
+
+// @public (undocumented)
+type HeadingAnchorLinkButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK, undefined>;
+
+// @public (undocumented)
+type HeadingAnchorLinksConfig = {
+    activeHeadingId?: string;
+    allowNestedHeaderLinks?: boolean;
+};
+
+// @public (undocumented)
+export type HeadingAnchorLinksProps = HeadingAnchorLinksConfig | boolean;
+
+// @public (undocumented)
+type InvalidProsemirrorDocumentErrorAEP = AEP<ACTION.INVALID_PROSEMIRROR_DOCUMENT, ACTION_SUBJECT.RENDERER, ACTION_SUBJECT_ID, {
+    platform: PLATFORM.WEB;
+    errorStack?: string;
+}, EVENT_TYPE.OPERATIONAL>;
+
+// @public (undocumented)
+type MediaLnkTransformedAEP = AEP<ACTION.MEDIA_LINK_TRANSFORMED, ACTION_SUBJECT.RENDERER, undefined, undefined, EVENT_TYPE.OPERATIONAL>;
+
+// @public (undocumented)
+interface MediaOptions {
+    // (undocumented)
+    allowLinking?: boolean;
+    // (undocumented)
+    enableDownloadButton?: boolean;
+    // (undocumented)
+    featureFlags?: MediaFeatureFlags;
+    // (undocumented)
+    ssr?: MediaSSR;
+}
+
+// @public (undocumented)
+export type MediaSSR = {
+    mode: SSR;
+    config: MediaClientConfig;
+};
+
+// @public (undocumented)
+enum MODE {
+    // (undocumented)
+    EDITOR = "editor",
+    // (undocumented)
+    RENDERER = "renderer"
+}
+
+// @public (undocumented)
+type NodeComponentsProps = {
+    [key: string]: React.ComponentType<any>;
+};
+
+// @public (undocumented)
+interface ParentInfo {
+    // (undocumented)
+    parentIsIncompleteTask: boolean;
+    // (undocumented)
+    path: Array<Node_2>;
+    // (undocumented)
+    pos: number;
+}
+
+// @public (undocumented)
+enum PLATFORM {
+    // (undocumented)
+    HYBRID = "mobileHybrid",
+    // (undocumented)
+    NATIVE = "mobileNative",
+    // (undocumented)
+    WEB = "web"
+}
+
+// @public (undocumented)
+interface RawObjectFeatureFlags {
+    // (undocumented)
+    ['renderer-render-tracking']: string;
+}
+
+// @public (undocumented)
+export const ReactRenderer: (props: RendererProps) => jsx.JSX.Element;
+
+// @public (undocumented)
+export class ReactSerializer implements Serializer<JSX.Element> {
+    constructor(init: ReactSerializerInit);
+    // (undocumented)
+    static buildMarkStructure(content: Node_2[]): Mark[];
+    // (undocumented)
+    static fromSchema(_: unknown, init: ReactSerializerInit): ReactSerializer;
+    // (undocumented)
+    static getChildNodes(fragment: Fragment): (Node_2 | TextWrapper)[];
+    // (undocumented)
+    static getMarks(node: Node_2): Mark[];
+    // (undocumented)
+    serializeFragment(fragment: Fragment, props?: any, target?: any, key?: string, parentInfo?: ParentInfo): JSX.Element | null;
+}
+
+// @public (undocumented)
+interface ReactSerializerInit {
+    // (undocumented)
+    allowAltTextOnImages?: boolean;
+    // (undocumented)
+    allowAnnotations?: boolean;
+    // (undocumented)
+    allowColumnSorting?: boolean;
+    // (undocumented)
+    allowCopyToClipboard?: boolean;
+    // (undocumented)
+    allowCustomPanels?: boolean;
+    // (undocumented)
+    allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
+    // (undocumented)
+    allowMediaLinking?: boolean;
+    // (undocumented)
+    allowPlaceholderText?: boolean;
+    // (undocumented)
+    allowSelectAllTrap?: boolean;
+    // (undocumented)
+    allowWindowedCodeBlock?: boolean;
+    // (undocumented)
+    allowWrapCodeBlock?: boolean;
+    // (undocumented)
+    appearance?: RendererAppearance;
+    // (undocumented)
+    disableActions?: boolean;
+    // (undocumented)
+    disableHeadingIDs?: boolean;
+    // (undocumented)
+    emojiResourceConfig?: EmojiResourceConfig;
+    // (undocumented)
+    eventHandlers?: EventHandlers;
+    // (undocumented)
+    extensionHandlers?: ExtensionHandlers;
+    // (undocumented)
+    fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
+    // (undocumented)
+    media?: MediaOptions;
+    // (undocumented)
+    nodeComponents?: NodeComponentsProps;
+    // (undocumented)
+    objectContext?: RendererContext;
+    // (undocumented)
+    portal?: HTMLElement;
+    // (undocumented)
+    providers?: ProviderFactory;
+    // (undocumented)
+    shouldOpenMediaViewer?: boolean;
+    // (undocumented)
+    smartLinks?: SmartLinksOptions;
+    // (undocumented)
+    stickyHeaders?: StickyHeaderConfig;
+    // (undocumented)
+    surroundTextNodesWithTextWrapper?: boolean;
+}
+
+// @public (undocumented)
+export const renderDocument: <T>(doc: any, serializer: Serializer<T>, schema?: Schema, adfStage?: ADFStage, useSpecBasedValidator?: boolean, rendererId?: string, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, unsupportedContentLevelsTracking?: UnsupportedContentLevelsTracking, appearance?: RendererAppearance) => RenderOutput<T | null>;
+
+// @public (undocumented)
+export type RendererAppearance = 'comment' | 'full-page' | 'full-width' | 'mobile' | undefined;
+
+// @public (undocumented)
+export interface RendererContext {
+    // (undocumented)
+    adDoc?: any;
+    // (undocumented)
+    containerAri?: string;
+    // (undocumented)
+    objectAri?: string;
+    // (undocumented)
+    schema?: Schema;
+}
+
+// @public (undocumented)
+export interface RendererProps {
+    // (undocumented)
+    adfStage?: ADFStage;
+    // (undocumented)
+    allowAltTextOnImages?: boolean;
+    // (undocumented)
+    allowAnnotations?: boolean;
+    // (undocumented)
+    allowColumnSorting?: boolean;
+    // (undocumented)
+    allowCopyToClipboard?: boolean;
+    // (undocumented)
+    allowCustomPanels?: boolean;
+    // (undocumented)
+    allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
+    // (undocumented)
+    allowPlaceholderText?: boolean;
+    // (undocumented)
+    allowSelectAllTrap?: boolean;
+    // (undocumented)
+    allowUgcScrubber?: boolean;
+    // (undocumented)
+    allowWrapCodeBlock?: boolean;
+    // (undocumented)
+    analyticsEventSeverityTracking?: {
+        enabled: boolean;
+        severityNormalThreshold: number;
+        severityDegradedThreshold: number;
+    };
+    // (undocumented)
+    annotationProvider?: AnnotationProviders | null;
+    // (undocumented)
+    appearance?: RendererAppearance;
+    // (undocumented)
+    createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    // (undocumented)
+    dataProviders?: ProviderFactory;
+    // (undocumented)
+    disableActions?: boolean;
+    // (undocumented)
+    disableHeadingIDs?: boolean;
+    // (undocumented)
+    document: DocNode;
+    // (undocumented)
+    emojiResourceConfig?: EmojiResourceConfig;
+    // (undocumented)
+    enableSsrInlineScripts?: boolean;
+    // (undocumented)
+    eventHandlers?: EventHandlers;
+    // (undocumented)
+    extensionHandlers?: ExtensionHandlers;
+    // (undocumented)
+    fadeOutHeight?: number;
+    featureFlags?: Partial<RawObjectFeatureFlags> | {
+        [featureFlag: string]: boolean;
+    };
+    // (undocumented)
+    innerRef?: React.RefObject<HTMLDivElement>;
+    // (undocumented)
+    maxHeight?: number;
+    // (undocumented)
+    media?: MediaOptions;
+    // (undocumented)
+    nodeComponents?: NodeComponentsProps;
+    // (undocumented)
+    onComplete?: (stat: RenderOutputStat) => void;
+    // (undocumented)
+    onError?: (error: any) => void;
+    // (undocumented)
+    portal?: HTMLElement;
+    // (undocumented)
+    rendererContext?: RendererContext;
+    // (undocumented)
+    schema?: Schema;
+    // (undocumented)
+    shouldOpenMediaViewer?: boolean;
+    // (undocumented)
+    smartLinks?: SmartLinksOptions;
+    // (undocumented)
+    stickyHeaders?: StickyHeaderProps;
+    // (undocumented)
+    truncated?: boolean;
+    // (undocumented)
+    unsupportedContentLevelsTracking?: UnsupportedContentLevelsTracking;
+    // (undocumented)
+    useSpecBasedValidator?: boolean;
+}
+
+// @public (undocumented)
+type RendererRenderedAEP = AEP<ACTION.RENDERED, ACTION_SUBJECT.RENDERER, undefined, {
+    platform: PLATFORM.WEB;
+    duration: number;
+    distortedDuration: boolean;
+    ttfb?: number;
+    nodes: Record<string, number>;
+    severity?: SEVERITY;
+}, EVENT_TYPE.OPERATIONAL>;
+
+// @public (undocumented)
+type RendererReRenderedAEP<Props> = AEP<ACTION.RE_RENDERED, ACTION_SUBJECT.RENDERER, undefined, {
+    propsDifference: PropsDifference<Props> | ShallowPropsDifference<Props>;
+    count: number;
+    componentId?: string;
+}, EVENT_TYPE.OPERATIONAL>;
+
+// @public (undocumented)
+type RendererSelectAllCaughtAEP = AEP<ACTION.SELECT_ALL_CAUGHT, ACTION_SUBJECT.RENDERER, undefined, {
+    platform: PLATFORM.WEB;
+}, EVENT_TYPE.TRACK>;
+
+// @public (undocumented)
+type RendererSelectAllEscapedAEP = AEP<ACTION.SELECT_ALL_ESCAPED, ACTION_SUBJECT.RENDERER, undefined, {
+    platform: PLATFORM.WEB;
+}, EVENT_TYPE.TRACK>;
+
+// @public (undocumented)
+type RendererStartAEP = AEP<ACTION.STARTED, ACTION_SUBJECT.RENDERER, undefined, {
+    platform: PLATFORM.WEB;
+}, EVENT_TYPE.UI>;
+
+// @public (undocumented)
+type RendererTTIAEP = AEP<ACTION.RENDERER_TTI, ACTION_SUBJECT.RENDERER, undefined, {
+    tti: number;
+    ttiFromInvocation: number;
+    canceled: boolean;
+}, EVENT_TYPE.OPERATIONAL>;
+
+// @public (undocumented)
+type RendererUnsupportedContentLevelsTrackingErrored = AEP<ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED, ACTION_SUBJECT.RENDERER, undefined, {
+    platform: PLATFORM.WEB;
+    error: string;
+}, EVENT_TYPE.OPERATIONAL>;
+
+// @public (undocumented)
+type RendererUnsupportedContentLevelsTrackingSucceeded = AEP<ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED, ACTION_SUBJECT.RENDERER, undefined, {
+    appearance?: string;
+    platform: PLATFORM.WEB;
+    unsupportedContentLevelSeverity: UNSUPPORTED_CONTENT_LEVEL_SEVERITY;
+    unsupportedContentLevelPercentage: number;
+    unsupportedNodesCount: number;
+    supportedNodesCount: number;
+}, EVENT_TYPE.OPERATIONAL>;
+
+// @public (undocumented)
+interface RenderOutput<T> {
+    // (undocumented)
+    pmDoc?: Node_2;
+    // (undocumented)
+    result: T;
+    // (undocumented)
+    stat: RenderOutputStat;
+}
+
+// @public (undocumented)
+export interface RenderOutputStat {
+    // (undocumented)
+    buildTreeTime?: number;
+    // (undocumented)
+    sanitizeTime: number;
+    // (undocumented)
+    serializeTime?: number;
+}
+
+// @public (undocumented)
+enum RESOLVE_METHOD {
+    // (undocumented)
+    COMPONENT = "component",
+    // (undocumented)
+    CONSUMER = "consumer",
+    // (undocumented)
+    ORPHANED = "orphaned"
+}
+
+// @public (undocumented)
+export interface Serializer<T> {
+    // (undocumented)
+    serializeFragment(fragment: Fragment, props?: any, target?: any, key?: string): T | null;
+}
+
+// @public (undocumented)
+interface SmartLinksOptions {
+    // (undocumented)
+    showAuthTooltip?: boolean;
+    // (undocumented)
+    showServerActions?: boolean;
+    // (undocumented)
+    ssr?: boolean;
+}
+
+// @public (undocumented)
+type StickyHeaderConfig = {
+    offsetTop?: number;
+};
+
+// @public (undocumented)
+type StickyHeaderProps = ({
+    show?: boolean;
+} & StickyHeaderConfig) | boolean;
+
+// @public (undocumented)
+type TableSortColumnAEP = AEP<ACTION.SORT_COLUMN, ACTION_SUBJECT.TABLE, undefined, {
+    platform: PLATFORM.WEB;
+    mode: MODE.RENDERER;
+    sortOrder: SortOrder;
+    columnIndex: number;
+}, EVENT_TYPE.TRACK>;
+
+// @public (undocumented)
+type TableSortColumnNotAllowedAEP = AEP<ACTION.SORT_COLUMN_NOT_ALLOWED, ACTION_SUBJECT.TABLE, undefined, {
+    platform: PLATFORM.WEB;
+    mode: MODE.RENDERER;
+}, EVENT_TYPE.TRACK>;
+
+// @public (undocumented)
+export class TextSerializer implements Serializer<string> {
+    constructor(schema: Schema);
+    // (undocumented)
+    static fromSchema(schema?: Schema): TextSerializer;
+    // (undocumented)
+    serializeFragment(fragment: Fragment): string;
+}
+
+// @public (undocumented)
+interface TextWrapper {
+    // (undocumented)
+    content: Node_2[];
+    // (undocumented)
+    nodeSize: number;
+    // (undocumented)
+    type: {
+        name: 'textWrapper';
+    };
+}
+
+// @public (undocumented)
+type TransformerProvider<T> = (schema: Schema) => Transformer_2<T>;
+
+// @public (undocumented)
+type UIAEP<Action, ActionSubject, ActionSubjectID, Attributes> = AEP<Action, ActionSubject, ActionSubjectID, Attributes, EVENT_TYPE.UI>;
+
+// @public (undocumented)
+type VisitLinkAEP = AEP<ACTION.VISITED, ACTION_SUBJECT.LINK, undefined, {
+    platform: PLATFORM.WEB;
+    mode: MODE.RENDERER;
+}, EVENT_TYPE.TRACK>;
+
+// @public (undocumented)
+type VisitMediaLinkAEP = AEP<ACTION.VISITED, ACTION_SUBJECT.MEDIA, ACTION_SUBJECT_ID.LINK, {
+    platform: PLATFORM.WEB;
+    mode: MODE.RENDERER;
+}, EVENT_TYPE.TRACK>;
+
+// (No @packageDocumentation comment for this package)
+
+```