@atlaskit/renderer 130.2.12 → 130.2.14

package/dist/esm/ui/ExtensionRenderer.js

@@ -3,8 +3,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
+import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
 import React from 'react';
 import memoizeOne from 'memoize-one';
 import { getNodeRenderer } from '@atlaskit/editor-common/extensions';
@@ -35,6 +35,8 @@ var plainTextMacroStyle = css({
     display: 'inline'
   }
 });
+
+/** Renders extension (macro) nodes inside the ADF renderer. */
 export default function ExtensionRenderer(props) {
   var extensionHandlers = props.extensionHandlers,
     rendererContext = props.rendererContext,

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

@@ -1,3 +1,4 @@
+/* eslint-disable jsdoc/require-jsdoc -- thin portal context helpers */
 import React, { useContext } from 'react';
 export var PortalContext = /*#__PURE__*/React.createContext(undefined);
 export function usePortal(props) {

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

@@ -9,8 +9,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css, jsx } from '@emotion/react';
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
+import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
+
 import { FullPagePadding } from './style';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { RendererCssClassName } from '../../consts';

package/dist/esm/ui/Renderer/breakout-ssr.js

@@ -1,3 +1,4 @@
+/* eslint-disable jsdoc/require-jsdoc -- SSR inline script helpers */
 import React from 'react';
 import { breakoutConsts } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -70,7 +71,9 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
       element = element.parentElement;
     }
   }
-  var renderer = findUp(document.querySelector("[data-breakout-script-id=\"".concat(id, "\"]")), function (elem) {
+  var renderer = findUp(
+  // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- inline script runs in browser document context
+  document.querySelector("[data-breakout-script-id=\"".concat(id, "\"]")), function (elem) {
     var _elem$parentElement;
     return !!((_elem$parentElement = elem.parentElement) !== null && _elem$parentElement !== void 0 && _elem$parentElement.classList.contains('ak-renderer-wrapper'));
   });

package/dist/esm/ui/Renderer/count-nodes.js

@@ -1,3 +1,4 @@
+/* eslint-disable jsdoc/require-jsdoc */
 import { reduce } from '@atlaskit/adf-utils/traverse';
 
 // Ignored via go/ees005

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

@@ -9,13 +9,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsx jsx
  */
 import React, { Fragment, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { getSchemaBasedOnStage } from '@atlaskit/adf-schema/schema-default';
 import { ProviderFactory, ProviderFactoryProvider } from '@atlaskit/editor-common/provider-factory';
 import { BaseTheme, IntlErrorBoundary, UnsupportedBlock, WidthProvider, WithCreateAnalyticsEvent } from '@atlaskit/editor-common/ui';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
+import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
+
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "130.2.11";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -299,6 +299,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
     var hash = window.location.hash && decodeURIComponent(window.location.hash.slice(1));
     var disableHeadingIDs = props.disableHeadingIDs;
     if (!disableHeadingIDs && hash && editorRef && editorRef.current instanceof HTMLElement) {
+      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- anchor navigation uses document.getElementById for hash targets
       var anchorLinkElement = document.getElementById(hash);
       if (anchorLinkElement && editorRef.current.contains(anchorLinkElement)) {
         _fireAnalyticsEvent({
@@ -537,9 +538,8 @@ var RendererFunctionalComponentWithPortalContext = /*#__PURE__*/React.memo(funct
 });
 
 /**
- *
- * @param props
- * @example
+ * Top-level ADF renderer: renders document content with analytics and validation context.
+ * @param props Renderer configuration and document tree.
  */
 export function Renderer(props) {
   var _props$isTopLevelRend;
@@ -617,6 +617,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
     isTopLevelRenderer = props.isTopLevelRenderer,
     allowRendererContainerStyles = props.allowRendererContainerStyles;
   var createTelepointer = function createTelepointer() {
+    // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- telepointer span for collaborative presence
     var telepointer = document.createElement('span');
     telepointer.textContent = "\u200B";
     telepointer.id = TELEPOINTER_ID;
@@ -702,7 +703,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
     }
   }, [innerRef, addTelepointer]);
   var renderer = jsx(WidthProvider
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop -- legacy renderer wrapper appearance classes
   , {
     className: "ak-renderer-wrapper is-".concat(appearance),
     "data-appearance": appearance,

package/dist/esm/ui/Renderer/truncated-wrapper.js

@@ -9,8 +9,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
+import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
 import { Component } from 'react';
 var fadeOutStyles = function fadeOutStyles(maxHeight, top, backgroundColor) {
   return css({

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

@@ -1,4 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/* eslint-disable jsdoc/require-jsdoc */
 import { useMemo, useRef } from 'react';
 export function useMemoFromPropsDerivative(factory, propsDerivator, props) {
   // cache the last set of props

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

@@ -1,3 +1,4 @@
+/* eslint-disable jsdoc/require-jsdoc */
 import React, { useMemo } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/ui/TaskItemsFormatContext/TaskItemsFormatContext.js

@@ -1,3 +1,4 @@
+/* eslint-disable jsdoc/require-jsdoc */
 import React from 'react';
 var defaultValue = [undefined, function () {}];
 var TaskItemsFormatContext = /*#__PURE__*/React.createContext(defaultValue);

package/dist/esm/ui/active-header-id-provider.js

@@ -1,8 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState } from 'react';
-var _React$createContext = /*#__PURE__*/React.createContext(undefined),
-  Provider = _React$createContext.Provider,
-  Consumer = _React$createContext.Consumer;
+var dest = /*#__PURE__*/React.createContext(undefined);
+var Provider = dest.Provider;
+var Consumer = dest.Consumer;
 /**
  * We need to expose this abstraction on top of the native Consumer in order to control when
  * The consumer will get notified when a match has happened. If we use the Consumer directly in

package/dist/esm/ui/annotations/contexts/AnnotationManagerContext.js

@@ -284,6 +284,7 @@ export var AnnotationManagerProvider = function AnnotationManagerProvider(_ref)
         dispatch({
           type: 'setSelectedMarkRef',
           data: {
+            // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- resolve mark node by id in the document
             markRef: document.getElementById(id) || undefined
           }
         });

package/dist/esm/ui/annotations/contexts/AnnotationRangeContext.js

@@ -142,6 +142,7 @@ export var AnnotationRangeProviderInner = function AnnotationRangeProviderInner(
     if (!mediaNode) {
       return;
     }
+    // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- range for media hover highlight
     var range = document.createRange();
     range.setStartBefore(mediaNode);
     range.setEndAfter(mediaNode);

package/dist/esm/ui/annotations/draft/component.js

@@ -4,8 +4,9 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsx jsx
  */
 import React, { Fragment, useCallback } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
+import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
+
 import { InsertDraftPosition } from '../types';
 import { splitText, calcTextSplitOffset, findTextString } from './text';
 import { calcInsertDraftPositionOnText } from './position';

package/dist/esm/ui/annotations/draft/dom.js

@@ -1,5 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/* eslint-disable @atlaskit/platform/no-direct-document-usage -- draft selection uses document range APIs */
+
 export var dataAttributes = function dataAttributes(_ref) {
   var from = _ref.from,
     to = _ref.to;

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

@@ -204,6 +204,7 @@ export var MarkComponent = function MarkComponent(_ref) {
   }, [annotationIds, onClick, state, isAnnotationManagerEnabled]);
   var onMarkEnter = function onMarkEnter(evt) {
     var _document$activeEleme;
+    // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- keyboard focus for mark / Enter handling
     var focusedElementTag = (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName;
     if (focusedElementTag === 'MARK' && evt.key === 'Enter') {
       onMarkClick(evt);

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

@@ -1,3 +1,4 @@
+/* eslint-disable jsdoc/require-jsdoc */
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
 export function useInlineAnnotationProps(props) {

package/dist/types/react/nodes/codeBlock/components/lightWeightCodeBlock.d.ts

@@ -13,5 +13,5 @@ export declare const LightWeightCodeBlockCssClassName: {
  * @deprecated styles are moved to RendererStyleContainer
  */
 export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => SerializedStyles;
-declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, "text" | "className" | "codeBidiWarningTooltipEnabled"> & React.RefAttributes<HTMLDivElement>>;
+declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, 'text' | 'className' | 'codeBidiWarningTooltipEnabled'> & React.RefAttributes<HTMLDivElement>>;
 export default LightWeightCodeBlock;

package/dist/types/ui/Expand.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WrappedComponentProps } from 'react-intl';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 import type { AnalyticsEventPayload } from '../analytics/events';
 import type { RendererAppearance, RendererContentMode } from './Renderer/types';
 export interface ExpandProps {
@@ -13,7 +13,7 @@ export interface ExpandProps {
     rendererContentMode?: RendererContentMode;
     title: string;
 }
-declare const _default: React.FC<import("react-intl").WithIntlProps<ExpandProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<ExpandProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<ExpandProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types/ui/ExtensionRenderer.d.ts

@@ -28,7 +28,8 @@ interface Props {
     text?: string;
     type: 'extension' | 'inlineExtension' | 'bodiedExtension' | 'multiBodiedExtension';
 }
-export default function ExtensionRenderer(props: Props): JSX.Element;
+/** Renders extension (macro) nodes inside the ADF renderer. */
+export default function ExtensionRenderer(props: Props): jsx.JSX.Element;
 export declare const InlineNodeRendererWrapper: ({ children, isPlainTextMacro, ssrPlaceholder, ssrPlaceholderReplace, }: React.PropsWithChildren<{
     isPlainTextMacro?: boolean;
     ssrPlaceholder?: string;

package/dist/types/ui/MediaCard.d.ts

@@ -5,7 +5,7 @@ import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { ImageResizeMode, Identifier, FileState, MediaClient } from '@atlaskit/media-client';
 import type { MediaType } from '@atlaskit/adf-schema';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
-import type { ImageStatus } from '@atlaskit/editor-common/utils';
+import type { ImageLoaderProps, ImageStatus } from '@atlaskit/editor-common/utils';
 import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { RendererAppearance } from './Renderer/types';
 import type { RendererContext } from '../react/types';
@@ -94,5 +94,5 @@ export declare const getClipboardAttrs: ({ id, alt, collection, contextIdentifie
     [key: string]: string | number | undefined;
 };
 export declare const MediaCardInternal: (props: MediaCardProps) => React.JSX.Element;
-export declare const MediaCard: React.ComponentClass<MediaCardProps & import("@atlaskit/editor-common/utils").ImageLoaderProps, any>;
+export declare const MediaCard: React.ComponentClass<MediaCardProps & ImageLoaderProps>;
 export {};

package/dist/types/ui/Renderer/RendererStyleContainer.d.ts

@@ -2,9 +2,9 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+import { jsx, type SerializedStyles } from '@emotion/react';
 import type { RendererWrapperProps } from './index';
-export declare const textHighlightPaddingStyles: import("@emotion/utils").SerializedStyles;
+export declare const textHighlightPaddingStyles: SerializedStyles;
 type RendererStyleContainerProps = Pick<RendererWrapperProps, 'onClick' | 'onMouseDown' | 'appearance' | 'contentMode' | 'allowNestedHeaderLinks' | 'allowColumnSorting' | 'useBlockRenderForCodeBlock' | 'allowAnnotations' | 'allowTableResizing' | 'innerRef' | 'children' | 'allowRendererContainerStyles'> & {
     isInsideOfSyncBlock?: boolean;
     isInsideSyncBlock?: boolean;

package/dist/types/ui/Renderer/ValidationContext.d.ts

@@ -1,3 +1,4 @@
+import { type Context, type Provider } from 'react';
 type ValidationContextType = {
     allowNestedTables?: boolean;
     skipValidation?: boolean;
@@ -8,6 +9,6 @@ type ValidationContextType = {
  * to bypass the ADF schema validation when necessary.
  * It also allows validation overrides to be passed to nested renderers. For example renderers nested inside bodiedExtension
  */
-export declare const ValidationContext: import("react").Context<ValidationContextType>;
-export declare const ValidationContextProvider: import("react").Provider<ValidationContextType>;
+export declare const ValidationContext: Context<ValidationContextType>;
+export declare const ValidationContextProvider: Provider<ValidationContextType>;
 export {};

package/dist/types/ui/Renderer/get-base-font-size.d.ts

@@ -1,2 +1,2 @@
 import type { RendererAppearance, RendererContentMode } from './types';
-export declare const getBaseFontSize: (appearance: RendererAppearance, contentMode: RendererContentMode) => 16 | 13 | 14;
+export declare const getBaseFontSize: (appearance: RendererAppearance, contentMode: RendererContentMode) => 13 | 14 | 16;

package/dist/types/ui/Renderer/index.d.ts

@@ -17,9 +17,8 @@ export declare const RendererFunctionalComponent: (props: RendererProps & {
     };
 }) => jsx.JSX.Element;
 /**
- *
- * @param props
- * @example
+ * Top-level ADF renderer: renders document content with analytics and validation context.
+ * @param props Renderer configuration and document tree.
  */
 export declare function Renderer(props: RendererProps): jsx.JSX.Element;
 export declare const RendererWithAnalytics: React.MemoExoticComponent<(props: RendererProps) => jsx.JSX.Element>;

package/dist/types/ui/annotations/context.d.ts

@@ -1,4 +1,5 @@
+import { type Context } from 'react';
 import type { AnnotationProviders } from '@atlaskit/editor-common/types';
 import type { AnnotationMarkStates } from '@atlaskit/adf-schema';
-export declare const ProvidersContext: import("react").Context<AnnotationProviders | null | undefined>;
-export declare const InlineCommentsStateContext: import("react").Context<Record<string, AnnotationMarkStates | null>>;
+export declare const ProvidersContext: Context<AnnotationProviders | null | undefined>;
+export declare const InlineCommentsStateContext: Context<Record<string, AnnotationMarkStates | null>>;

package/dist/types/ui/annotations/draft/dom.d.ts

@@ -1,7 +1,7 @@
 import type { Position } from '../types';
 export declare const dataAttributes: ({ from, to }: Position) => {
     "data-annotation-draft-mark": boolean;
-    "data-draft-start-at": number;
     "data-draft-end-at": number;
+    "data-draft-start-at": number;
 };
 export declare const updateWindowSelectionAroundDraft: (pos: Position) => boolean;

package/dist/types/ui/annotations/draft/text.d.ts

@@ -7,7 +7,7 @@ type Offset = {
 };
 export declare const splitText: (text: string, { startOffset, endOffset }: Offset) => string[] | null;
 export declare const calcTextSplitOffset: (position: Position, textPosition: TextPosition, text: string) => {
-    startOffset: number;
     endOffset: number;
+    startOffset: number;
 };
 export {};

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

@@ -3,8 +3,9 @@
  * @jsx jsx
  */
 import type React from 'react';
+import { type SerializedStyles } from '@emotion/react';
 import type { OnAnnotationClickPayload } from '@atlaskit/editor-common/types';
-import type { AnnotationId, AnnotationDataAttributes } from '@atlaskit/adf-schema';
+import type { AnnotationId, AnnotationDataAttributes, AnnotationTypes } from '@atlaskit/adf-schema';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
 type MarkComponentProps = {
     annotationParentIds: AnnotationId[];
@@ -17,108 +18,108 @@ type MarkComponentProps = {
     useBlockLevel?: boolean;
 };
 export declare const MarkComponent: ({ annotationParentIds, children, dataAttributes, id, state, hasFocus, isHovered, onClick, useBlockLevel, }: React.PropsWithChildren<MarkComponentProps>) => React.ReactElement<{
-    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
+    "aria-disabled": boolean;
+    css?: (false | SerializedStyles)[] | undefined;
+    "data-id": AnnotationId;
+    "data-mark-annotation-state"?: AnnotationMarkStates;
+    "data-mark-annotation-type": AnnotationTypes;
+    "data-mark-type": string;
+    id: string;
+    ref: ((node: HTMLElement | null) => void) | undefined;
     style?: {
-        '--ak-renderer-annotation-startmarker': string;
-        '--ak-renderer-annotation-endmarker': string;
+        "--ak-renderer-annotation-endmarker": string;
+        "--ak-renderer-annotation-startmarker": string;
     } | undefined;
-    '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;
 } | {
-    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
+    "aria-disabled": boolean;
+    css?: (false | SerializedStyles)[] | undefined;
+    "data-has-focus": boolean;
+    "data-id": AnnotationId;
+    "data-is-hovered": boolean;
+    "data-mark-annotation-state": AnnotationMarkStates;
+    "data-mark-annotation-type": AnnotationTypes;
+    "data-mark-type": string;
+    id: string;
+    ref: ((node: HTMLElement | null) => void) | undefined;
     style?: {
-        '--ak-renderer-annotation-startmarker': string;
-        '--ak-renderer-annotation-endmarker': string;
+        "--ak-renderer-annotation-endmarker": string;
+        "--ak-renderer-annotation-startmarker": string;
     } | undefined;
-    'data-mark-annotation-state': AnnotationMarkStates;
-    'data-has-focus': boolean;
-    'data-is-hovered': boolean;
-    '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;
 } | {
-    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
+    "aria-details": string;
+    "aria-disabled"?: undefined;
+    "aria-expanded"?: undefined;
+    css?: (false | SerializedStyles)[] | undefined;
+    "data-id": AnnotationId;
+    "data-mark-annotation-state"?: AnnotationMarkStates;
+    "data-mark-annotation-type": AnnotationTypes;
+    "data-mark-type": string;
+    id: string;
+    onKeyDown?: undefined;
+    ref: ((node: HTMLElement | null) => void) | undefined;
+    role?: undefined;
     style?: {
-        '--ak-renderer-annotation-startmarker': string;
-        '--ak-renderer-annotation-endmarker': string;
+        "--ak-renderer-annotation-endmarker": string;
+        "--ak-renderer-annotation-startmarker": string;
     } | undefined;
-    '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;
+} | {
+    "aria-details": string;
+    "aria-disabled"?: undefined;
+    "aria-expanded"?: undefined;
+    css?: (false | SerializedStyles)[] | undefined;
+    "data-has-focus": boolean;
+    "data-id": AnnotationId;
+    "data-is-hovered": boolean;
+    "data-mark-annotation-state": AnnotationMarkStates;
+    "data-mark-annotation-type": AnnotationTypes;
+    "data-mark-type": string;
+    id: string;
     onKeyDown?: undefined;
-    'aria-expanded'?: undefined;
-    'aria-details': string;
-    'aria-disabled'?: undefined;
     ref: ((node: HTMLElement | null) => void) | undefined;
-    id: string;
-} | {
-    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
+    role?: undefined;
     style?: {
-        '--ak-renderer-annotation-startmarker': string;
-        '--ak-renderer-annotation-endmarker': string;
+        "--ak-renderer-annotation-endmarker": string;
+        "--ak-renderer-annotation-startmarker": string;
     } | undefined;
-    'data-mark-annotation-state': AnnotationMarkStates;
-    'data-has-focus': boolean;
-    'data-is-hovered': boolean;
-    'data-id': AnnotationId;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-mark-type': string;
-    role?: undefined;
     tabIndex?: undefined;
-    onKeyDown?: undefined;
-    'aria-expanded'?: undefined;
-    'aria-details': string;
-    'aria-disabled'?: undefined;
-    ref: ((node: HTMLElement | null) => void) | undefined;
-    id: string;
 } | {
-    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
+    "aria-details": string;
+    "aria-disabled"?: undefined;
+    "aria-expanded": boolean;
+    css?: (false | SerializedStyles)[] | undefined;
+    "data-id": AnnotationId;
+    "data-mark-annotation-state"?: AnnotationMarkStates;
+    "data-mark-annotation-type": AnnotationTypes;
+    "data-mark-type": string;
+    id: string;
+    onKeyDown: (evt: KeyboardEvent) => void;
+    ref: ((node: HTMLElement | null) => void) | undefined;
+    role: string;
     style?: {
-        '--ak-renderer-annotation-startmarker': string;
-        '--ak-renderer-annotation-endmarker': string;
+        "--ak-renderer-annotation-endmarker": string;
+        "--ak-renderer-annotation-startmarker": string;
     } | undefined;
-    '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;
+} | {
+    "aria-details": string;
+    "aria-disabled"?: undefined;
+    "aria-expanded": boolean;
+    css?: (false | SerializedStyles)[] | undefined;
+    "data-has-focus": boolean;
+    "data-id": AnnotationId;
+    "data-is-hovered": boolean;
+    "data-mark-annotation-state": AnnotationMarkStates;
+    "data-mark-annotation-type": AnnotationTypes;
+    "data-mark-type": string;
+    id: string;
     onKeyDown: (evt: KeyboardEvent) => void;
-    'aria-expanded': boolean;
-    'aria-details': string;
-    'aria-disabled'?: undefined;
     ref: ((node: HTMLElement | null) => void) | undefined;
-    id: string;
-} | {
-    css?: (false | import("@emotion/utils").SerializedStyles)[] | undefined;
+    role: string;
     style?: {
-        '--ak-renderer-annotation-startmarker': string;
-        '--ak-renderer-annotation-endmarker': string;
+        "--ak-renderer-annotation-endmarker": string;
+        "--ak-renderer-annotation-startmarker": string;
     } | undefined;
-    'data-mark-annotation-state': AnnotationMarkStates;
-    'data-has-focus': boolean;
-    'data-is-hovered': boolean;
-    'data-id': AnnotationId;
-    'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-mark-type': string;
-    role: string;
     tabIndex: number;
-    onKeyDown: (evt: KeyboardEvent) => void;
-    'aria-expanded': boolean;
-    'aria-details': string;
-    'aria-disabled'?: undefined;
-    ref: ((node: HTMLElement | null) => void) | undefined;
-    id: string;
-}, string | React.JSXElementConstructor<any>>;
+}>;
 export {};

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

@@ -4,21 +4,21 @@ export type MarkDataAttributes = {
     };
 };
 export declare function useInlineAnnotationProps(props: MarkDataAttributes): {
-    'data-renderer-mark'?: undefined;
     'data-annotation-draft-mark'?: undefined;
     'data-annotation-inline-node'?: undefined;
-    'data-renderer-start-pos'?: undefined;
     'data-annotation-mark'?: undefined;
+    'data-renderer-mark'?: undefined;
+    'data-renderer-start-pos'?: undefined;
 } | {
-    'data-renderer-mark': boolean;
     'data-annotation-draft-mark': boolean;
     'data-annotation-inline-node': boolean;
-    'data-renderer-start-pos': number;
     'data-annotation-mark'?: undefined;
+    'data-renderer-mark': boolean;
+    'data-renderer-start-pos': number;
 } | {
+    'data-annotation-draft-mark'?: undefined;
     'data-annotation-inline-node': boolean;
     'data-annotation-mark': boolean;
-    'data-renderer-start-pos': number;
     'data-renderer-mark'?: undefined;
-    'data-annotation-draft-mark'?: undefined;
+    'data-renderer-start-pos': number;
 };

package/dist/types/ui/annotations/hooks/use-inline-comment-subscriber.d.ts

@@ -1 +1,2 @@
-export declare const useInlineCommentSubscriberContext: () => import("@atlaskit/editor-common/types").AnnotationUpdateEmitter | null;
+import type { AnnotationUpdateEmitter } from '@atlaskit/editor-common/types';
+export declare const useInlineCommentSubscriberContext: () => AnnotationUpdateEmitter | null;

package/dist/types-ts4.5/react/nodes/codeBlock/components/lightWeightCodeBlock.d.ts

@@ -13,5 +13,5 @@ export declare const LightWeightCodeBlockCssClassName: {
  * @deprecated styles are moved to RendererStyleContainer
  */
 export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => SerializedStyles;
-declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, "text" | "className" | "codeBidiWarningTooltipEnabled"> & React.RefAttributes<HTMLDivElement>>;
+declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, 'text' | 'className' | 'codeBidiWarningTooltipEnabled'> & React.RefAttributes<HTMLDivElement>>;
 export default LightWeightCodeBlock;

package/dist/types-ts4.5/ui/Expand.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WrappedComponentProps } from 'react-intl';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 import type { AnalyticsEventPayload } from '../analytics/events';
 import type { RendererAppearance, RendererContentMode } from './Renderer/types';
 export interface ExpandProps {
@@ -13,7 +13,7 @@ export interface ExpandProps {
     rendererContentMode?: RendererContentMode;
     title: string;
 }
-declare const _default: React.FC<import("react-intl").WithIntlProps<ExpandProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<ExpandProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<ExpandProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types-ts4.5/ui/ExtensionRenderer.d.ts

@@ -28,7 +28,8 @@ interface Props {
     text?: string;
     type: 'extension' | 'inlineExtension' | 'bodiedExtension' | 'multiBodiedExtension';
 }
-export default function ExtensionRenderer(props: Props): JSX.Element;
+/** Renders extension (macro) nodes inside the ADF renderer. */
+export default function ExtensionRenderer(props: Props): jsx.JSX.Element;
 export declare const InlineNodeRendererWrapper: ({ children, isPlainTextMacro, ssrPlaceholder, ssrPlaceholderReplace, }: React.PropsWithChildren<{
     isPlainTextMacro?: boolean;
     ssrPlaceholder?: string;