@atlaskit/renderer 130.2.12 → 130.2.14

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "130.2.12",
+	"version": "130.2.14",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -66,7 +66,7 @@
 		"@atlaskit/status": "^4.0.0",
 		"@atlaskit/task-decision": "^20.0.0",
 		"@atlaskit/theme": "^23.2.0",
-		"@atlaskit/tmp-editor-statsig": "^69.0.0",
+		"@atlaskit/tmp-editor-statsig": "^70.2.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.2.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -79,7 +79,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.10.0",
+		"@atlaskit/editor-common": "^114.11.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",