@atlaskit/renderer 108.2.7 → 108.3.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/renderer
 
+## 108.3.1
+
+### Patch Changes
+
+- [`5e15dddfbe2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5e15dddfbe2) - skip border mark if it is not a child of mediaSingle
+
+## 108.3.0
+
+### Minor Changes
+
+- [`714f16e525a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/714f16e525a) - [ux] Added blockCard integration with datasource ADFs
+
 ## 108.2.6
 
 ### Patch Changes

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

@@ -1,21 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockCard;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
 var _smartCard = require("@atlaskit/smart-card");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("../../utils");
 var _fallback = require("./fallback");
 var _getCardClickHandler = require("../utils/getCardClickHandler");
 var _analyticsNext = require("@atlaskit/analytics-next");
-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; }
+var _linkDatasource = require("@atlaskit/link-datasource");
+/** @jsx jsx */
+
+//  Temporary, until we add aspect ratio to the datasource table
+var datasourceContainerStyle = (0, _react2.css)({
+  height: '500px',
+  overflow: 'auto'
+});
 function BlockCard(props) {
   var url = props.url,
     data = props.data,
@@ -42,22 +48,48 @@ function BlockCard(props) {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
-  var onError = function onError(_ref2) {
-    var err = _ref2.err;
+  if (props.datasource) {
+    var views = props.datasource.views;
+    var tableView = views.find(function (view) {
+      return view.type === 'table';
+    });
+    if (tableView) {
+      var _tableView$properties;
+      var visibleColumnKeys = (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(function (_ref2) {
+        var key = _ref2.key;
+        return key;
+      });
+      return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+        data: analyticsData
+      }, (0, _react2.jsx)("div", {
+        css: datasourceContainerStyle
+      }, (0, _react2.jsx)(_fallback.CardErrorBoundary, (0, _extends2.default)({
+        unsupportedComponent: _ui.UnsupportedBlock
+      }, cardProps), (0, _react2.jsx)(_linkDatasource.DatasourceTableView, {
+        datasourceId: props.datasource.id,
+        parameters: props.datasource.parameters,
+        visibleColumnKeys: visibleColumnKeys,
+        onVisibleColumnKeysChange: undefined
+      }))));
+    }
+    return null;
+  }
+  var onError = function onError(_ref3) {
+    var err = _ref3.err;
     if (err) {
       throw err;
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: analyticsData
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     className: "blockCardView-content-wrap",
     "data-block-card": true,
     "data-card-data": data ? JSON.stringify(data) : undefined,
     "data-card-url": url
-  }, /*#__PURE__*/_react.default.createElement(_fallback.CardErrorBoundary, (0, _extends2.default)({
+  }, (0, _react2.jsx)(_fallback.CardErrorBoundary, (0, _extends2.default)({
     unsupportedComponent: _ui.UnsupportedBlock
-  }, cardProps), /*#__PURE__*/_react.default.createElement(_smartCard.Card, (0, _extends2.default)({
+  }, cardProps), (0, _react2.jsx)(_smartCard.Card, (0, _extends2.default)({
     appearance: "block",
     showActions: rendererAppearance !== 'mobile',
     platform: platform,

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.2.7";
+var packageVersion = "108.3.1";
 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.2.7",
+	"version": "108.3.1",
 	"sideEffects": false
 }

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

@@ -1,11 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useMemo } from 'react';
+/** @jsx jsx */
+import { useMemo } from 'react';
+import { css, jsx } from '@emotion/react';
 import { Card } from '@atlaskit/smart-card';
 import { UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { getPlatform } from '../../utils';
 import { CardErrorBoundary } from './fallback';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { DatasourceTableView } from '@atlaskit/link-datasource';
+//  Temporary, until we add aspect ratio to the datasource table
+const datasourceContainerStyle = css({
+  height: '500px',
+  overflow: 'auto'
+});
 export default function BlockCard(props) {
   const {
     url,
@@ -33,6 +41,29 @@ export default function BlockCard(props) {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
+  if (props.datasource) {
+    const views = props.datasource.views;
+    const tableView = views.find(view => view.type === 'table');
+    if (tableView) {
+      var _tableView$properties;
+      const visibleColumnKeys = (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(({
+        key
+      }) => key);
+      return jsx(AnalyticsContext, {
+        data: analyticsData
+      }, jsx("div", {
+        css: datasourceContainerStyle
+      }, jsx(CardErrorBoundary, _extends({
+        unsupportedComponent: UnsupportedBlock
+      }, cardProps), jsx(DatasourceTableView, {
+        datasourceId: props.datasource.id,
+        parameters: props.datasource.parameters,
+        visibleColumnKeys: visibleColumnKeys,
+        onVisibleColumnKeysChange: undefined
+      }))));
+    }
+    return null;
+  }
   const onError = ({
     err
   }) => {
@@ -40,16 +71,16 @@ export default function BlockCard(props) {
       throw err;
     }
   };
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+  return jsx(AnalyticsContext, {
     data: analyticsData
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     className: "blockCardView-content-wrap",
     "data-block-card": true,
     "data-card-data": data ? JSON.stringify(data) : undefined,
     "data-card-url": url
-  }, /*#__PURE__*/React.createElement(CardErrorBoundary, _extends({
+  }, jsx(CardErrorBoundary, _extends({
     unsupportedComponent: UnsupportedBlock
-  }, cardProps), /*#__PURE__*/React.createElement(Card, _extends({
+  }, cardProps), jsx(Card, _extends({
     appearance: "block",
     showActions: rendererAppearance !== 'mobile',
     platform: platform,

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.2.7";
+const packageVersion = "108.3.1";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/es2019/version.json

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

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

@@ -1,11 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useMemo } from 'react';
+/** @jsx jsx */
+import { useMemo } from 'react';
+import { css, jsx } from '@emotion/react';
 import { Card } from '@atlaskit/smart-card';
 import { UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { getPlatform } from '../../utils';
 import { CardErrorBoundary } from './fallback';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { DatasourceTableView } from '@atlaskit/link-datasource';
+//  Temporary, until we add aspect ratio to the datasource table
+var datasourceContainerStyle = css({
+  height: '500px',
+  overflow: 'auto'
+});
 export default function BlockCard(props) {
   var url = props.url,
     data = props.data,
@@ -32,22 +40,48 @@ export default function BlockCard(props) {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
-  var onError = function onError(_ref2) {
-    var err = _ref2.err;
+  if (props.datasource) {
+    var views = props.datasource.views;
+    var tableView = views.find(function (view) {
+      return view.type === 'table';
+    });
+    if (tableView) {
+      var _tableView$properties;
+      var visibleColumnKeys = (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(function (_ref2) {
+        var key = _ref2.key;
+        return key;
+      });
+      return jsx(AnalyticsContext, {
+        data: analyticsData
+      }, jsx("div", {
+        css: datasourceContainerStyle
+      }, jsx(CardErrorBoundary, _extends({
+        unsupportedComponent: UnsupportedBlock
+      }, cardProps), jsx(DatasourceTableView, {
+        datasourceId: props.datasource.id,
+        parameters: props.datasource.parameters,
+        visibleColumnKeys: visibleColumnKeys,
+        onVisibleColumnKeysChange: undefined
+      }))));
+    }
+    return null;
+  }
+  var onError = function onError(_ref3) {
+    var err = _ref3.err;
     if (err) {
       throw err;
     }
   };
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+  return jsx(AnalyticsContext, {
     data: analyticsData
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     className: "blockCardView-content-wrap",
     "data-block-card": true,
     "data-card-data": data ? JSON.stringify(data) : undefined,
     "data-card-url": url
-  }, /*#__PURE__*/React.createElement(CardErrorBoundary, _extends({
+  }, jsx(CardErrorBoundary, _extends({
     unsupportedComponent: UnsupportedBlock
-  }, cardProps), /*#__PURE__*/React.createElement(Card, _extends({
+  }, cardProps), jsx(Card, _extends({
     appearance: "block",
     showActions: rendererAppearance !== 'mobile',
     platform: platform,

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.2.7";
+var packageVersion = "108.3.1";
 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.2.7",
+	"version": "108.3.1",
 	"sideEffects": false
 }

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

@@ -1,12 +1,14 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import { RendererAppearance } from '../../ui/Renderer/types';
 import { SmartLinksOptions } from '../../types/smartLinksOptions';
+import type { DatasourceAttributeProperties } from '@atlaskit/adf-schema/schema';
 export default function BlockCard(props: {
     url?: string;
     data?: object;
     eventHandlers?: EventHandlers;
+    datasource?: DatasourceAttributeProperties;
     portal?: HTMLElement;
     rendererAppearance?: RendererAppearance;
     smartLinks?: SmartLinksOptions;
-}): JSX.Element;
+}): jsx.JSX.Element | null;

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

@@ -49,6 +49,7 @@ declare const BlockCard: React.ComponentType<{
     url?: string | undefined;
     data?: object | undefined;
     eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
+    datasource?: import("@atlaskit/adf-schema/schema").DatasourceAttributeProperties | undefined;
     portal?: HTMLElement | undefined;
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
     smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions | undefined;

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

@@ -1,12 +1,14 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import { RendererAppearance } from '../../ui/Renderer/types';
 import { SmartLinksOptions } from '../../types/smartLinksOptions';
+import type { DatasourceAttributeProperties } from '@atlaskit/adf-schema/schema';
 export default function BlockCard(props: {
     url?: string;
     data?: object;
     eventHandlers?: EventHandlers;
+    datasource?: DatasourceAttributeProperties;
     portal?: HTMLElement;
     rendererAppearance?: RendererAppearance;
     smartLinks?: SmartLinksOptions;
-}): JSX.Element;
+}): jsx.JSX.Element | null;

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

@@ -49,6 +49,7 @@ declare const BlockCard: React.ComponentType<{
     url?: string | undefined;
     data?: object | undefined;
     eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
+    datasource?: import("@atlaskit/adf-schema/schema").DatasourceAttributeProperties | undefined;
     portal?: HTMLElement | undefined;
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
     smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "108.2.7",
+  "version": "108.3.1",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -45,6 +45,7 @@
     "@atlaskit/editor-shared-styles": "^2.4.0",
     "@atlaskit/emoji": "^67.4.0",
     "@atlaskit/icon": "^21.12.0",
+    "@atlaskit/link-datasource": "^0.24.0",
     "@atlaskit/media-card": "^76.0.0",
     "@atlaskit/media-client": "^23.1.0",
     "@atlaskit/media-common": "^7.0.0",
@@ -80,7 +81,7 @@
     "@atlaskit/avatar": "^21.3.0",
     "@atlaskit/css-reset": "^6.5.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-core": "^185.3.0",
+    "@atlaskit/editor-core": "^185.4.0",
     "@atlaskit/editor-test-helpers": "^18.7.0",
     "@atlaskit/inline-edit": "^12.3.3",
     "@atlaskit/link-provider": "^1.6.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<any>[];
+    // (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)
+
+```