@atlaskit/renderer 120.3.7 → 120.4.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/renderer
 
+## 120.4.1
+
+### Patch Changes
+
+- [#199353](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/199353)
+  [`f2d4ca35574b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2d4ca35574b8) -
+  Internal changes to how border radius values are applied. No visual change.
+- Updated dependencies
+
+## 120.4.0
+
+### Minor Changes
+
+- [`13a1ad07bb39e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/13a1ad07bb39e) -
+  [ux] EDITOR-1146 | EDITOR-1176 Introduce `blockTaskItem` node to Renderer and Editor
+  `editor-plugin-tasks-and-decisions` which adopts the same code and functionality as the regular
+  `taskItem` except that it allows block content such as extensions to be inserted. This is to
+  facilitate TinyMCE migration which requires usage of the Legacy Content Extension.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 120.3.7
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -67,7 +67,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         parentInfo = _ref.parentInfo;
       var pos = _this.startPos;
       var currentPath = parentInfo && parentInfo.path || [];
-      var parentIsIncompleteTask = node.type.name === 'taskItem' && node.attrs.state !== 'DONE';
+      var parentIsIncompleteTask = node.type.name === 'taskItem' || node.type.name === 'blockTaskItem' && (0, _expValEquals.expValEquals)('platform_editor_blocktaskitem_node', 'isEnabled', true) && node.attrs.state !== 'DONE';
       var nodeKey = "".concat(node.type.name, "__").concat(_this.startPos);
       var serializedContent = _this.serializeFragment(node.content, _this.getNodeProps(node, parentInfo), (0, _nodes.toReact)(node, {
         allowSelectAllTrap: _this.allowSelectAllTrap,

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

@@ -477,7 +477,8 @@ var nodeToReact = exports.nodeToReact = {
   unsupportedInline: _ui.UnsupportedInline,
   expand: Expand,
   nestedExpand: Expand,
-  embedCard: EmbedCard
+  embedCard: EmbedCard,
+  blockTaskItem: TaskItem
 };
 var toReact = exports.toReact = function toReact(node, flags, nodeComponents
 // Ignored via go/ees005

package/dist/cjs/react/nodes/loosely-lazy.js

@@ -178,5 +178,6 @@ var nodeToReact = exports.nodeToReact = {
   tableRow: _tableRow.default,
   expand: Expand,
   nestedExpand: Expand,
-  embedCard: EmbedCard
+  embedCard: EmbedCard,
+  blockTaskItem: TaskItem
 };

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

@@ -63,7 +63,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "120.3.6";
+var packageVersion = "120.4.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/react/index.js

@@ -52,7 +52,7 @@ export default class ReactSerializer {
     }) => {
       const pos = this.startPos;
       const currentPath = parentInfo && parentInfo.path || [];
-      const parentIsIncompleteTask = node.type.name === 'taskItem' && node.attrs.state !== 'DONE';
+      const parentIsIncompleteTask = node.type.name === 'taskItem' || node.type.name === 'blockTaskItem' && expValEquals('platform_editor_blocktaskitem_node', 'isEnabled', true) && node.attrs.state !== 'DONE';
       const nodeKey = `${node.type.name}__${this.startPos}`;
       const serializedContent = this.serializeFragment(node.content, this.getNodeProps(node, parentInfo), toReact(node, {
         allowSelectAllTrap: this.allowSelectAllTrap,

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

@@ -169,7 +169,8 @@ export const nodeToReact = {
   unsupportedInline: UnsupportedInline,
   expand: Expand,
   nestedExpand: Expand,
-  embedCard: EmbedCard
+  embedCard: EmbedCard,
+  blockTaskItem: TaskItem
 };
 export const toReact = (node, flags, nodeComponents
 // Ignored via go/ees005

package/dist/es2019/react/nodes/loosely-lazy.js

@@ -65,5 +65,6 @@ export const nodeToReact = {
   tableRow: TableRow,
   expand: Expand,
   nestedExpand: Expand,
-  embedCard: EmbedCard
+  embedCard: EmbedCard,
+  blockTaskItem: TaskItem
 };

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

@@ -49,7 +49,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "120.3.6";
+const packageVersion = "120.4.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/react/index.js

@@ -60,7 +60,7 @@ var ReactSerializer = /*#__PURE__*/function () {
         parentInfo = _ref.parentInfo;
       var pos = _this.startPos;
       var currentPath = parentInfo && parentInfo.path || [];
-      var parentIsIncompleteTask = node.type.name === 'taskItem' && node.attrs.state !== 'DONE';
+      var parentIsIncompleteTask = node.type.name === 'taskItem' || node.type.name === 'blockTaskItem' && expValEquals('platform_editor_blocktaskitem_node', 'isEnabled', true) && node.attrs.state !== 'DONE';
       var nodeKey = "".concat(node.type.name, "__").concat(_this.startPos);
       var serializedContent = _this.serializeFragment(node.content, _this.getNodeProps(node, parentInfo), toReact(node, {
         allowSelectAllTrap: _this.allowSelectAllTrap,

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

@@ -286,7 +286,8 @@ export var nodeToReact = {
   unsupportedInline: UnsupportedInline,
   expand: Expand,
   nestedExpand: Expand,
-  embedCard: EmbedCard
+  embedCard: EmbedCard,
+  blockTaskItem: TaskItem
 };
 export var toReact = function toReact(node, flags, nodeComponents
 // Ignored via go/ees005

package/dist/esm/react/nodes/loosely-lazy.js

@@ -137,5 +137,6 @@ export var nodeToReact = {
   tableRow: TableRow,
   expand: Expand,
   nestedExpand: Expand,
-  embedCard: EmbedCard
+  embedCard: EmbedCard,
+  blockTaskItem: TaskItem
 };

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

@@ -54,7 +54,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "120.3.6";
+var packageVersion = "120.4.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/actions/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import type { AnnotationActionResult, AnnotationByMatches } from '@atlaskit/editor-common/types';
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';

package/dist/types/react/hooks/use-in-viewport.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useInViewport: <RefType extends Element>() => {
     isInViewport: boolean;
     trackingRef: import("react").MutableRefObject<RefType | null>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Fragment, Mark, Node } from '@atlaskit/editor-prosemirror/model';
 import { type GetPMNodeHeight } from '@atlaskit/editor-common/extensibility';
 import type { Serializer } from '../serializer';

package/dist/types/react/marks/code.d.ts

@@ -9,12 +9,12 @@ export declare function CodeWithIntl(props: MarkProps<{
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     codeBidiWarningTooltipEnabled: boolean;
 } & import("../types").MarkMeta & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
         codeBidiWarningTooltipEnabled: boolean;
     } & import("../types").MarkMeta & {
-        children?: React.ReactNode;
+        children?: React.ReactNode | undefined;
     } & WrappedComponentProps>;
 };
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { SupportedLanguages } from '@atlaskit/code';
 export interface Props {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
 type Props = {
     content: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx

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

@@ -29,12 +29,12 @@ type RenderExtensionOptions = {
 export declare const renderExtension: (content: any, layout: string, options?: RenderExtensionOptions, removeOverflow?: boolean, extensionId?: string, extensionViewportSizes?: ExtensionViewportSize[], nodeHeight?: string) => React.JSX.Element;
 declare const _default: {
     new (props: (Props & OverflowShadowProps) | Readonly<Props & OverflowShadowProps>): {
-        overflowContainer?: HTMLElement | null | undefined;
-        container?: HTMLElement | undefined;
-        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
+        overflowContainer?: HTMLElement | null;
+        container?: HTMLElement;
+        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver;
         overflowContainerWidth: number;
-        scrollable?: NodeList | undefined;
-        diff?: number | undefined;
+        scrollable?: NodeList;
+        diff?: number;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -68,12 +68,12 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
     };
     new (props: Props & OverflowShadowProps, context: any): {
-        overflowContainer?: HTMLElement | null | undefined;
-        container?: HTMLElement | undefined;
-        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
+        overflowContainer?: HTMLElement | null;
+        container?: HTMLElement;
+        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver;
         overflowContainerWidth: number;
-        scrollable?: NodeList | undefined;
-        diff?: number | undefined;
+        scrollable?: NodeList;
+        diff?: number;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -89,7 +89,7 @@ declare const _default: {
         initShadowObserver(): void;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props & OverflowShadowProps>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
+        setState<K extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props & OverflowShadowProps>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Props & OverflowShadowProps>;
         refs: {

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

@@ -2,7 +2,6 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-/// <reference types="react" />
 import { jsx } from '@emotion/react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererContext } from '../types';

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

@@ -35,42 +35,42 @@ declare const Status: React.ComponentType<import("./status").Props> & Loadable.L
 declare const Emoji: React.ComponentType<import("./emoji").EmojiProps> & Loadable.LoadableComponent;
 declare const Panel: React.ComponentType<import("./panel").Props> & Loadable.LoadableComponent;
 declare const EmbedCard: React.ComponentType<{
-    url?: string | undefined;
-    data?: object | undefined;
-    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
-    portal?: HTMLElement | undefined;
-    originalHeight?: number | undefined;
-    originalWidth?: number | undefined;
-    width?: number | undefined;
+    url?: string;
+    data?: object;
+    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers;
+    portal?: HTMLElement;
+    originalHeight?: number;
+    originalWidth?: number;
+    width?: number;
     layout: import("@atlaskit/adf-schema").RichMediaLayout;
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
-    isInsideOfBlockNode?: boolean | undefined;
-    smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions | undefined;
-    isInsideOfInlineExtension?: boolean | undefined;
+    isInsideOfBlockNode?: boolean;
+    smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions;
+    isInsideOfInlineExtension?: boolean;
 }> & Loadable.LoadableComponent;
 declare const InlineCard: React.ComponentType<import("@atlaskit/editor-common/utils").Diff<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, import("../../ui/SmartCardStorage").WithSmartCardStorageProps>> & Loadable.LoadableComponent;
 declare const BlockCard: React.ComponentType<{
-    url?: string | undefined;
-    data?: object | undefined;
-    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
-    datasource?: import("@atlaskit/adf-schema").DatasourceAttributeProperties | undefined;
-    portal?: HTMLElement | undefined;
+    url?: string;
+    data?: object;
+    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers;
+    datasource?: import("@atlaskit/adf-schema").DatasourceAttributeProperties;
+    portal?: HTMLElement;
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
-    smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions | undefined;
-    layout?: string | undefined;
-    isNodeNested?: boolean | undefined;
+    smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions;
+    layout?: string;
+    isNodeNested?: boolean;
 }> & Loadable.LoadableComponent;
 declare const Media: React.ComponentType<React.PropsWithChildren<import("./media").MediaProps>> & Loadable.LoadableComponent;
 declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent;
 declare const MediaInline: React.ComponentType<import("react-intl-next").WithIntlProps<{
     id: string;
     providers: import("@atlaskit/editor-common/provider-factory").ProviderFactory;
-    collection?: string | undefined;
-    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
+    collection?: string;
+    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers;
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
-    featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags | undefined;
-    marks?: Mark[] | undefined;
-    ssr?: import("../..").MediaSSR | undefined;
+    featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags;
+    marks?: Array<Mark>;
+    ssr?: import("../..").MediaSSR;
 } & import("react-intl-next").WrappedComponentProps & import("@atlaskit/editor-common/media-inline").MediaInlineAttrs>> & Loadable.LoadableComponent;
 declare const MediaSingle: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps>> & Loadable.LoadableComponent;
 declare const Mention: React.ComponentType<import("./mention").Props> & Loadable.LoadableComponent;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Mark } from '@atlaskit/editor-prosemirror/model';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { WithSmartCardStorageProps } from '../../ui/SmartCardStorage';

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

@@ -14,7 +14,7 @@ export type TableArrayMapped = {
 };
 export declare const isTableResizingEnabled: (appearance: RendererAppearance) => boolean;
 export declare const isStickyScrollbarEnabled: (appearance: RendererAppearance) => boolean;
-export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps['smartCardStorage'], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
+export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps["smartCardStorage"], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
 export declare const hasRowspan: (row: PMNode) => boolean;
 export declare const getRefTop: (refElement: HTMLElement) => number;
 export declare const shouldHeaderStick: (scrollTop: number, tableTop: number, tableBottom: number, rowHeight: number) => boolean;

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

@@ -15,7 +15,7 @@ export type TableArrayMapped = {
 };
 export declare const isTableResizingEnabled: (appearance: RendererAppearance) => boolean;
 export declare const isStickyScrollbarEnabled: (appearance: RendererAppearance) => boolean;
-export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps['smartCardStorage'], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
+export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps["smartCardStorage"], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
 export declare const hasRowspan: (row: PMNode) => boolean;
 export declare const getRefTop: (refElement: HTMLElement) => number;
 export declare const shouldHeaderStick: (scrollTop: number, tableTop: number, tableBottom: number, rowHeight: number) => boolean;

package/dist/types/react/utils/EditorMediaClientProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { MediaSSR } from '../../types/mediaOptions';
 export declare const EditorMediaClientProvider: ({ children, ssr, }: React.PropsWithChildren<{
-    ssr?: MediaSSR | undefined;
+    ssr?: MediaSSR;
 }>) => React.JSX.Element;

package/dist/types/react/utils/appearance.d.ts

@@ -1,5 +1,5 @@
 import { type RendererAppearance } from '../../ui/Renderer/types';
-export declare const isFullWidthAppearance: (appearance: RendererAppearance) => boolean;
-export declare const isFullPageAppearance: (appearance: RendererAppearance) => boolean;
-export declare const isCommentAppearance: (appearance: RendererAppearance) => boolean;
-export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => boolean;
+export declare const isFullWidthAppearance: (appearance: RendererAppearance) => appearance is "full-width";
+export declare const isFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-page";
+export declare const isCommentAppearance: (appearance: RendererAppearance) => appearance is "comment";
+export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-page" | "full-width";

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

@@ -29,7 +29,7 @@ interface Props {
 }
 export default function ExtensionRenderer(props: Props): JSX.Element;
 export declare const InlineNodeRendererWrapper: ({ children, ssrPlaceholder, ssrPlaceholderReplace, }: React.PropsWithChildren<{
-    ssrPlaceholder?: string | undefined;
-    ssrPlaceholderReplace?: string | undefined;
+    ssrPlaceholder?: string;
+    ssrPlaceholderReplace?: string;
 }>) => jsx.JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ValidationContextType = {
     skipValidation?: boolean;
     allowNestedTables?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type RendererAppearance = 'comment' | 'full-page' | 'full-width' | undefined;
 /**
  * DO NOT USE THESE OPTIONS

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

@@ -1,4 +1,3 @@
-/// <reference types="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>;

package/dist/types/ui/annotations/contexts/AnnotationManagerContext.d.ts

@@ -63,8 +63,8 @@ type AnnotationManagerAction = {
 };
 export declare const AnnotationManagerProvider: ({ children, annotationManager, updateSubscriber, }: {
     children?: ReactNode;
-    annotationManager?: AnnotationManager | undefined;
-    updateSubscriber?: AnnotationUpdateEmitter | undefined;
+    annotationManager?: AnnotationManager;
+    updateSubscriber?: AnnotationUpdateEmitter;
 }) => React.JSX.Element;
 export declare const useAnnotationManagerState: () => AnnotationManagerStateContext;
 export declare const useAnnotationManagerDispatch: () => AnnotationManagerDispatchContext;

package/dist/types/ui/annotations/contexts/AnnotationRangeContext.d.ts

@@ -38,12 +38,12 @@ export declare const AnnotationRangeStateContext: React.Context<AnnotationRangeS
 export declare const AnnotationRangeDispatchContext: React.Context<AnnotationRangeDispatchContext>;
 export declare const AnnotationRangeProviderInner: ({ children, allowCommentsOnMedia, }: {
     children?: ReactNode;
-    allowCommentsOnMedia?: boolean | undefined;
+    allowCommentsOnMedia?: boolean;
 }) => React.JSX.Element;
 export declare const AnnotationRangeProvider: ({ children, allowCommentsOnMedia, isNestedRender, }: {
     children?: ReactNode;
-    allowCommentsOnMedia?: boolean | undefined;
-    isNestedRender?: boolean | undefined;
+    allowCommentsOnMedia?: boolean;
+    isNestedRender?: boolean;
 }) => React.JSX.Element;
 export declare const useAnnotationRangeState: () => AnnotationRangeStateContext;
 export declare const useAnnotationRangeDispatch: () => AnnotationRangeDispatchContext;

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

@@ -24,8 +24,8 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     } | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
-    'data-mark-annotation-state'?: AnnotationMarkStates | undefined;
+    'data-id': AnnotationId;
+    'data-mark-annotation-state'?: AnnotationMarkStates;
     'aria-disabled': boolean;
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
@@ -40,7 +40,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-is-hovered': boolean;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
+    'data-id': AnnotationId;
     'aria-disabled': boolean;
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
@@ -52,8 +52,8 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     } | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
-    'data-mark-annotation-state'?: AnnotationMarkStates | undefined;
+    'data-id': AnnotationId;
+    'data-mark-annotation-state'?: AnnotationMarkStates;
     role?: undefined;
     tabIndex?: undefined;
     onKeyDown?: undefined;
@@ -73,7 +73,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-is-hovered': boolean;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
+    'data-id': AnnotationId;
     role?: undefined;
     tabIndex?: undefined;
     onKeyDown?: undefined;
@@ -90,8 +90,8 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     } | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
-    'data-mark-annotation-state'?: AnnotationMarkStates | undefined;
+    'data-id': AnnotationId;
+    'data-mark-annotation-state'?: AnnotationMarkStates;
     role: string;
     tabIndex: number;
     onKeyDown: (evt: KeyboardEvent) => void;
@@ -111,7 +111,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-is-hovered': boolean;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
+    'data-id': AnnotationId;
     role: string;
     tabIndex: number;
     onKeyDown: (evt: KeyboardEvent) => void;

package/dist/types/ui/annotations/hooks/use-events.d.ts

@@ -18,5 +18,5 @@ export declare const useHasFocusEvent: ({ id, updateSubscriber }: ListenEventPro
     isHovered: boolean;
 };
 type AnnotationsWithClickTarget = Pick<InlineCommentViewComponentProps, 'annotations' | 'clickElementTarget'> | null;
-export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, 'updateSubscriber' | 'createAnalyticsEvent' | 'isNestedRender'>) => AnnotationsWithClickTarget;
+export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, "updateSubscriber" | "createAnalyticsEvent" | "isNestedRender">) => AnnotationsWithClickTarget;
 export {};

package/dist/types/ui/annotations/hooks/user-selection.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type RangeType } from '../contexts/AnnotationRangeContext';
 type Props = {
     rendererRef: React.RefObject<HTMLDivElement>;

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

@@ -3,5 +3,5 @@ import { type AnnotationsWrapperProps } from './types';
 export declare const AnnotationsPositionContext: React.Context<{
     startPos: number;
 }>;
-export declare const AnnotationsWrapperInner: (props: Omit<AnnotationsWrapperProps, 'annotationProvider'>) => React.JSX.Element;
+export declare const AnnotationsWrapperInner: (props: Omit<AnnotationsWrapperProps, "annotationProvider">) => React.JSX.Element;
 export declare const AnnotationsWrapper: (props: AnnotationsWrapperProps) => React.JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
 import type { AnnotationProviders } from '@atlaskit/editor-common/types';
 export declare enum InsertDraftPosition {

package/dist/types/ui/renderer-props.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DocNode } from '@atlaskit/adf-schema';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';

package/dist/types/use-feature-flags.d.ts

@@ -1,2 +1,2 @@
 import { type RendererContextProps } from './renderer-context';
-export declare const useFeatureFlags: () => RendererContextProps['featureFlags'] | undefined;
+export declare const useFeatureFlags: () => RendererContextProps["featureFlags"] | undefined;

package/dist/types-ts4.5/actions/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import type { AnnotationActionResult, AnnotationByMatches } from '@atlaskit/editor-common/types';
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';

package/dist/types-ts4.5/react/hooks/use-in-viewport.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useInViewport: <RefType extends Element>() => {
     isInViewport: boolean;
     trackingRef: import("react").MutableRefObject<RefType | null>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Fragment, Mark, Node } from '@atlaskit/editor-prosemirror/model';
 import { type GetPMNodeHeight } from '@atlaskit/editor-common/extensibility';
 import type { Serializer } from '../serializer';

package/dist/types-ts4.5/react/marks/code.d.ts

@@ -9,12 +9,12 @@ export declare function CodeWithIntl(props: MarkProps<{
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     codeBidiWarningTooltipEnabled: boolean;
 } & import("../types").MarkMeta & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
         codeBidiWarningTooltipEnabled: boolean;
     } & import("../types").MarkMeta & {
-        children?: React.ReactNode;
+        children?: React.ReactNode | undefined;
     } & WrappedComponentProps>;
 };
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { SupportedLanguages } from '@atlaskit/code';
 export interface Props {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
 type Props = {
     content: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx

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

@@ -29,12 +29,12 @@ type RenderExtensionOptions = {
 export declare const renderExtension: (content: any, layout: string, options?: RenderExtensionOptions, removeOverflow?: boolean, extensionId?: string, extensionViewportSizes?: ExtensionViewportSize[], nodeHeight?: string) => React.JSX.Element;
 declare const _default: {
     new (props: (Props & OverflowShadowProps) | Readonly<Props & OverflowShadowProps>): {
-        overflowContainer?: HTMLElement | null | undefined;
-        container?: HTMLElement | undefined;
-        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
+        overflowContainer?: HTMLElement | null;
+        container?: HTMLElement;
+        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver;
         overflowContainerWidth: number;
-        scrollable?: NodeList | undefined;
-        diff?: number | undefined;
+        scrollable?: NodeList;
+        diff?: number;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -68,12 +68,12 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
     };
     new (props: Props & OverflowShadowProps, context: any): {
-        overflowContainer?: HTMLElement | null | undefined;
-        container?: HTMLElement | undefined;
-        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
+        overflowContainer?: HTMLElement | null;
+        container?: HTMLElement;
+        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver;
         overflowContainerWidth: number;
-        scrollable?: NodeList | undefined;
-        diff?: number | undefined;
+        scrollable?: NodeList;
+        diff?: number;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -89,7 +89,7 @@ declare const _default: {
         initShadowObserver(): void;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props & OverflowShadowProps>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
+        setState<K extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props & OverflowShadowProps>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Props & OverflowShadowProps>;
         refs: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx

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

@@ -35,42 +35,42 @@ declare const Status: React.ComponentType<import("./status").Props> & Loadable.L
 declare const Emoji: React.ComponentType<import("./emoji").EmojiProps> & Loadable.LoadableComponent;
 declare const Panel: React.ComponentType<import("./panel").Props> & Loadable.LoadableComponent;
 declare const EmbedCard: React.ComponentType<{
-    url?: string | undefined;
-    data?: object | undefined;
-    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
-    portal?: HTMLElement | undefined;
-    originalHeight?: number | undefined;
-    originalWidth?: number | undefined;
-    width?: number | undefined;
+    url?: string;
+    data?: object;
+    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers;
+    portal?: HTMLElement;
+    originalHeight?: number;
+    originalWidth?: number;
+    width?: number;
     layout: import("@atlaskit/adf-schema").RichMediaLayout;
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
-    isInsideOfBlockNode?: boolean | undefined;
-    smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions | undefined;
-    isInsideOfInlineExtension?: boolean | undefined;
+    isInsideOfBlockNode?: boolean;
+    smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions;
+    isInsideOfInlineExtension?: boolean;
 }> & Loadable.LoadableComponent;
 declare const InlineCard: React.ComponentType<import("@atlaskit/editor-common/utils").Diff<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, import("../../ui/SmartCardStorage").WithSmartCardStorageProps>> & Loadable.LoadableComponent;
 declare const BlockCard: React.ComponentType<{
-    url?: string | undefined;
-    data?: object | undefined;
-    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
-    datasource?: import("@atlaskit/adf-schema").DatasourceAttributeProperties | undefined;
-    portal?: HTMLElement | undefined;
+    url?: string;
+    data?: object;
+    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers;
+    datasource?: import("@atlaskit/adf-schema").DatasourceAttributeProperties;
+    portal?: HTMLElement;
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
-    smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions | undefined;
-    layout?: string | undefined;
-    isNodeNested?: boolean | undefined;
+    smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions;
+    layout?: string;
+    isNodeNested?: boolean;
 }> & Loadable.LoadableComponent;
 declare const Media: React.ComponentType<React.PropsWithChildren<import("./media").MediaProps>> & Loadable.LoadableComponent;
 declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent;
 declare const MediaInline: React.ComponentType<import("react-intl-next").WithIntlProps<{
     id: string;
     providers: import("@atlaskit/editor-common/provider-factory").ProviderFactory;
-    collection?: string | undefined;
-    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
+    collection?: string;
+    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers;
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
-    featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags | undefined;
-    marks?: Mark[] | undefined;
-    ssr?: import("../..").MediaSSR | undefined;
+    featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags;
+    marks?: Array<Mark>;
+    ssr?: import("../..").MediaSSR;
 } & import("react-intl-next").WrappedComponentProps & import("@atlaskit/editor-common/media-inline").MediaInlineAttrs>> & Loadable.LoadableComponent;
 declare const MediaSingle: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps>> & Loadable.LoadableComponent;
 declare const Mention: React.ComponentType<import("./mention").Props> & Loadable.LoadableComponent;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Mark } from '@atlaskit/editor-prosemirror/model';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { WithSmartCardStorageProps } from '../../ui/SmartCardStorage';

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

@@ -14,7 +14,7 @@ export type TableArrayMapped = {
 };
 export declare const isTableResizingEnabled: (appearance: RendererAppearance) => boolean;
 export declare const isStickyScrollbarEnabled: (appearance: RendererAppearance) => boolean;
-export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps['smartCardStorage'], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
+export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps["smartCardStorage"], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
 export declare const hasRowspan: (row: PMNode) => boolean;
 export declare const getRefTop: (refElement: HTMLElement) => number;
 export declare const shouldHeaderStick: (scrollTop: number, tableTop: number, tableBottom: number, rowHeight: number) => boolean;

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

@@ -15,7 +15,7 @@ export type TableArrayMapped = {
 };
 export declare const isTableResizingEnabled: (appearance: RendererAppearance) => boolean;
 export declare const isStickyScrollbarEnabled: (appearance: RendererAppearance) => boolean;
-export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps['smartCardStorage'], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
+export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps["smartCardStorage"], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
 export declare const hasRowspan: (row: PMNode) => boolean;
 export declare const getRefTop: (refElement: HTMLElement) => number;
 export declare const shouldHeaderStick: (scrollTop: number, tableTop: number, tableBottom: number, rowHeight: number) => boolean;

package/dist/types-ts4.5/react/utils/EditorMediaClientProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { MediaSSR } from '../../types/mediaOptions';
 export declare const EditorMediaClientProvider: ({ children, ssr, }: React.PropsWithChildren<{
-    ssr?: MediaSSR | undefined;
+    ssr?: MediaSSR;
 }>) => React.JSX.Element;

package/dist/types-ts4.5/react/utils/appearance.d.ts

@@ -1,5 +1,5 @@
 import { type RendererAppearance } from '../../ui/Renderer/types';
-export declare const isFullWidthAppearance: (appearance: RendererAppearance) => boolean;
-export declare const isFullPageAppearance: (appearance: RendererAppearance) => boolean;
-export declare const isCommentAppearance: (appearance: RendererAppearance) => boolean;
-export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => boolean;
+export declare const isFullWidthAppearance: (appearance: RendererAppearance) => appearance is "full-width";
+export declare const isFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-page";
+export declare const isCommentAppearance: (appearance: RendererAppearance) => appearance is "comment";
+export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => appearance is "full-page" | "full-width";

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

@@ -29,7 +29,7 @@ interface Props {
 }
 export default function ExtensionRenderer(props: Props): JSX.Element;
 export declare const InlineNodeRendererWrapper: ({ children, ssrPlaceholder, ssrPlaceholderReplace, }: React.PropsWithChildren<{
-    ssrPlaceholder?: string | undefined;
-    ssrPlaceholderReplace?: string | undefined;
+    ssrPlaceholder?: string;
+    ssrPlaceholderReplace?: string;
 }>) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/Renderer/ValidationContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ValidationContextType = {
     skipValidation?: boolean;
     allowNestedTables?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type RendererAppearance = 'comment' | 'full-page' | 'full-width' | undefined;
 /**
  * DO NOT USE THESE OPTIONS

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

@@ -1,4 +1,3 @@
-/// <reference types="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>;

package/dist/types-ts4.5/ui/annotations/contexts/AnnotationManagerContext.d.ts

@@ -63,8 +63,8 @@ type AnnotationManagerAction = {
 };
 export declare const AnnotationManagerProvider: ({ children, annotationManager, updateSubscriber, }: {
     children?: ReactNode;
-    annotationManager?: AnnotationManager | undefined;
-    updateSubscriber?: AnnotationUpdateEmitter | undefined;
+    annotationManager?: AnnotationManager;
+    updateSubscriber?: AnnotationUpdateEmitter;
 }) => React.JSX.Element;
 export declare const useAnnotationManagerState: () => AnnotationManagerStateContext;
 export declare const useAnnotationManagerDispatch: () => AnnotationManagerDispatchContext;

package/dist/types-ts4.5/ui/annotations/contexts/AnnotationRangeContext.d.ts

@@ -38,12 +38,12 @@ export declare const AnnotationRangeStateContext: React.Context<AnnotationRangeS
 export declare const AnnotationRangeDispatchContext: React.Context<AnnotationRangeDispatchContext>;
 export declare const AnnotationRangeProviderInner: ({ children, allowCommentsOnMedia, }: {
     children?: ReactNode;
-    allowCommentsOnMedia?: boolean | undefined;
+    allowCommentsOnMedia?: boolean;
 }) => React.JSX.Element;
 export declare const AnnotationRangeProvider: ({ children, allowCommentsOnMedia, isNestedRender, }: {
     children?: ReactNode;
-    allowCommentsOnMedia?: boolean | undefined;
-    isNestedRender?: boolean | undefined;
+    allowCommentsOnMedia?: boolean;
+    isNestedRender?: boolean;
 }) => React.JSX.Element;
 export declare const useAnnotationRangeState: () => AnnotationRangeStateContext;
 export declare const useAnnotationRangeDispatch: () => AnnotationRangeDispatchContext;

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

@@ -24,8 +24,8 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     } | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
-    'data-mark-annotation-state'?: AnnotationMarkStates | undefined;
+    'data-id': AnnotationId;
+    'data-mark-annotation-state'?: AnnotationMarkStates;
     'aria-disabled': boolean;
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
@@ -40,7 +40,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-is-hovered': boolean;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
+    'data-id': AnnotationId;
     'aria-disabled': boolean;
     ref: ((node: HTMLElement | null) => void) | undefined;
     id: string;
@@ -52,8 +52,8 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     } | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
-    'data-mark-annotation-state'?: AnnotationMarkStates | undefined;
+    'data-id': AnnotationId;
+    'data-mark-annotation-state'?: AnnotationMarkStates;
     role?: undefined;
     tabIndex?: undefined;
     onKeyDown?: undefined;
@@ -73,7 +73,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-is-hovered': boolean;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
+    'data-id': AnnotationId;
     role?: undefined;
     tabIndex?: undefined;
     onKeyDown?: undefined;
@@ -90,8 +90,8 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     } | undefined;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
-    'data-mark-annotation-state'?: AnnotationMarkStates | undefined;
+    'data-id': AnnotationId;
+    'data-mark-annotation-state'?: AnnotationMarkStates;
     role: string;
     tabIndex: number;
     onKeyDown: (evt: KeyboardEvent) => void;
@@ -111,7 +111,7 @@ export declare const MarkComponent: ({ annotationParentIds, children, dataAttrib
     'data-is-hovered': boolean;
     'data-mark-type': string;
     'data-mark-annotation-type': import("@atlaskit/adf-schema").AnnotationTypes;
-    'data-id': string;
+    'data-id': AnnotationId;
     role: string;
     tabIndex: number;
     onKeyDown: (evt: KeyboardEvent) => void;

package/dist/types-ts4.5/ui/annotations/hooks/use-events.d.ts

@@ -18,5 +18,5 @@ export declare const useHasFocusEvent: ({ id, updateSubscriber }: ListenEventPro
     isHovered: boolean;
 };
 type AnnotationsWithClickTarget = Pick<InlineCommentViewComponentProps, 'annotations' | 'clickElementTarget'> | null;
-export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, 'updateSubscriber' | 'createAnalyticsEvent' | 'isNestedRender'>) => AnnotationsWithClickTarget;
+export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, "updateSubscriber" | "createAnalyticsEvent" | "isNestedRender">) => AnnotationsWithClickTarget;
 export {};

package/dist/types-ts4.5/ui/annotations/hooks/user-selection.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type RangeType } from '../contexts/AnnotationRangeContext';
 type Props = {
     rendererRef: React.RefObject<HTMLDivElement>;

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

@@ -3,5 +3,5 @@ import { type AnnotationsWrapperProps } from './types';
 export declare const AnnotationsPositionContext: React.Context<{
     startPos: number;
 }>;
-export declare const AnnotationsWrapperInner: (props: Omit<AnnotationsWrapperProps, 'annotationProvider'>) => React.JSX.Element;
+export declare const AnnotationsWrapperInner: (props: Omit<AnnotationsWrapperProps, "annotationProvider">) => React.JSX.Element;
 export declare const AnnotationsWrapper: (props: AnnotationsWrapperProps) => React.JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
 import type { AnnotationProviders } from '@atlaskit/editor-common/types';
 export declare enum InsertDraftPosition {

package/dist/types-ts4.5/ui/renderer-props.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DocNode } from '@atlaskit/adf-schema';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';

package/dist/types-ts4.5/use-feature-flags.d.ts

@@ -1,2 +1,2 @@
 import { type RendererContextProps } from './renderer-context';
-export declare const useFeatureFlags: () => RendererContextProps['featureFlags'] | undefined;
+export declare const useFeatureFlags: () => RendererContextProps["featureFlags"] | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "120.3.7",
+	"version": "120.4.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,7 +24,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^50.2.0",
-		"@atlaskit/adf-utils": "^19.20.0",
+		"@atlaskit/adf-utils": "^19.21.0",
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.1.0",
@@ -33,15 +33,15 @@
 		"@atlaskit/editor-json-transformer": "^8.25.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.5.0",
+		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/icon": "^27.9.0",
+		"@atlaskit/icon": "^27.11.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.19.0",
-		"@atlaskit/media-card": "^79.4.0",
-		"@atlaskit/media-client": "^35.2.0",
+		"@atlaskit/media-card": "^79.5.0",
+		"@atlaskit/media-client": "^35.3.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-filmstrip": "^51.0.0",
@@ -49,12 +49,12 @@
 		"@atlaskit/media-viewer": "^52.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
-		"@atlaskit/react-ufo": "^4.1.0",
-		"@atlaskit/smart-card": "^40.7.0",
+		"@atlaskit/react-ufo": "^4.2.0",
+		"@atlaskit/smart-card": "^40.8.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.24.0",
+		"@atlaskit/tmp-editor-statsig": "^9.27.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -68,7 +68,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.17.0",
+		"@atlaskit/editor-common": "^107.20.0",
 		"@atlaskit/link-provider": "^3.4.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -89,8 +89,8 @@
 		"@atlaskit/mention": "^24.2.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-d1445f2f74.patch",
-		"@atlaskit/profilecard": "^24.1.0",
-		"@atlaskit/util-data-test": "^18.0.0",
+		"@atlaskit/profilecard": "^24.3.0",
+		"@atlaskit/util-data-test": "^18.1.0",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@testing-library/react": "^13.4.0",
@@ -109,7 +109,6 @@
 		"react-test-renderer": "^18.2.0",
 		"rxjs": "^5.5.0",
 		"sinon": "^2.2.0",
-		"typescript": "~5.4.2",
 		"worker-plugin": "^4.0.2"
 	},
 	"techstack": {