@atlaskit/editor-common 99.7.2 → 99.8.0

package/dist/types/quick-insert/assets/link.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconLink(): JSX.Element;
+import React from 'react';
+export default function IconLink(): React.JSX.Element;

package/dist/types/quick-insert/assets/list-number.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconListOrdered(): JSX.Element;
+import React from 'react';
+export default function IconListOrdered(): React.JSX.Element;

package/dist/types/quick-insert/assets/list.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconList(): JSX.Element;
+import React from 'react';
+export default function IconList(): React.JSX.Element;

package/dist/types/quick-insert/assets/loom.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconLayout(): JSX.Element;
+import React from 'react';
+export default function IconLayout(): React.JSX.Element;

package/dist/types/quick-insert/assets/mention.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconMention(): JSX.Element;
+import React from 'react';
+export default function IconMention(): React.JSX.Element;

package/dist/types/quick-insert/assets/one-column-layout.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function OneColumnLayoutIcon(): JSX.Element;
+import React from 'react';
+export default function OneColumnLayoutIcon(): React.JSX.Element;

package/dist/types/quick-insert/assets/panel-error.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconPanelError(): JSX.Element;
+import React from 'react';
+export default function IconPanelError(): React.JSX.Element;

package/dist/types/quick-insert/assets/panel-note.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconPanelNote(): JSX.Element;
+import React from 'react';
+export default function IconPanelNote(): React.JSX.Element;

package/dist/types/quick-insert/assets/panel-success.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconPanelSuccess(): JSX.Element;
+import React from 'react';
+export default function IconPanelSuccess(): React.JSX.Element;

package/dist/types/quick-insert/assets/panel-warning.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconPanelWarning(): JSX.Element;
+import React from 'react';
+export default function IconPanelWarning(): React.JSX.Element;

package/dist/types/quick-insert/assets/panel.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconPanel(): JSX.Element;
+import React from 'react';
+export default function IconPanel(): React.JSX.Element;

package/dist/types/quick-insert/assets/quote.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconQuote(): JSX.Element;
+import React from 'react';
+export default function IconQuote(): React.JSX.Element;

package/dist/types/quick-insert/assets/status.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconStatus(): JSX.Element;
+import React from 'react';
+export default function IconStatus(): React.JSX.Element;

package/dist/types/quick-insert/assets/three-column-layout.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function ThreeColumnLayoutIcon(): JSX.Element;
+import React from 'react';
+export default function ThreeColumnLayoutIcon(): React.JSX.Element;

package/dist/types/quick-insert/assets/two-column-layout.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function TwoColumnLayoutIcon(): JSX.Element;
+import React from 'react';
+export default function TwoColumnLayoutIcon(): React.JSX.Element;

package/dist/types/resizer/BreakoutResizer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EditorAnalyticsAPI } from '../analytics';
 import { type EditorContainerWidth, type getPosHandlerNode } from '../types';
@@ -23,5 +23,5 @@ declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled
     parentRef?: HTMLElement | undefined;
     editorAnalyticsApi?: EditorAnalyticsAPI | undefined;
     displayGapCursor: (toggle: boolean) => boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export { BreakoutResizer };

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

@@ -12,10 +12,10 @@ declare module '@emotion/react' {
         layoutMaxWidth: number;
     }
 }
-export declare function BaseThemeWrapper({ baseFontSize, children }: BaseThemeWrapperProps): JSX.Element;
+export declare function BaseThemeWrapper({ baseFontSize, children }: BaseThemeWrapperProps): React.JSX.Element;
 type BaseThemeProps = {
     children: React.ReactNode;
     baseFontSize?: number;
 };
-export declare function BaseTheme({ children, baseFontSize }: BaseThemeProps): JSX.Element;
+export declare function BaseTheme({ children, baseFontSize }: BaseThemeProps): React.JSX.Element;
 export {};

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

@@ -18,7 +18,7 @@ export declare class ContextPanelWidthProvider extends React.Component<any, Cont
     constructor(props: any);
     broadcastSidebarWidth: (width: number) => void;
     broadcastPosition: (positionedOverEditor: boolean) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const Provider: React.Provider<ContextPanelContext>, Consumer: React.Consumer<ContextPanelContext>;
 export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

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

@@ -10,5 +10,5 @@ export interface EmojiProps extends EmojiId {
     resourceConfig?: EmojiResourceConfig;
     emojiProvider?: EmojiProvider;
 }
-declare const _default: React.MemoExoticComponent<(props: EmojiProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: EmojiProps) => React.JSX.Element>;
 export default _default;

package/dist/types/ui/FloatingToolbar/Button.d.ts

@@ -34,5 +34,5 @@ export interface Props {
     pulse?: boolean;
     spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
 }
-declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onMount, onUnmount, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, pulse, spotlightConfig, }: Props) => JSX.Element;
+declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onMount, onUnmount, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, pulse, spotlightConfig, }: Props) => React.JSX.Element;
 export default _default;

package/dist/types/ui/FloatingToolbar/ButtonSpotlightCard.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentProps } from 'react';
+import React, { type ComponentProps } from 'react';
 import { SpotlightCard } from '@atlaskit/onboarding';
 import { type Placement } from '@atlaskit/popper';
 type PropsFromSpotlightCard = ComponentProps<typeof SpotlightCard>;
@@ -6,5 +6,5 @@ export type ButtonSpotlightCardProps = PropsFromSpotlightCard & {
     referenceElement: HTMLElement;
     placement?: Placement;
 };
-export declare const ButtonSpotlightCard: (props: ButtonSpotlightCardProps) => JSX.Element;
+export declare const ButtonSpotlightCard: (props: ButtonSpotlightCardProps) => React.JSX.Element;
 export {};

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

@@ -11,6 +11,6 @@ export declare class IntlErrorBoundary extends React.Component<ErrorBoundaryProp
         missingIntlProviderInAncestry: boolean;
     };
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 }
 export {};

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

@@ -44,5 +44,5 @@ export default class Layer extends Component<Props, State> {
     calculateMaxHeight(originalHeight: number, currentHeight: number, positionTop: number, cssPosition: string): number | null;
     extractStyles: (state: Data) => void;
     applyPopper(props: Props): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import { ProviderFactory } from '../../provider-factory';
 import { type ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import { type MentionEventHandlers } from '../EventHandlers';
@@ -18,5 +18,5 @@ export default class Mention extends PureComponent<MentionProps, Object> {
     constructor(props: MentionProps);
     componentWillUnmount(): void;
     private renderWithProvider;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types/ui/Mention/mention-with-profilecard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { MentionProvider } from '@atlaskit/mention';
 import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import type { MentionEventHandler } from '../EventHandlers';
@@ -14,4 +14,4 @@ export interface Props {
     onMouseLeave?: MentionEventHandler;
     localId?: string;
 }
-export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, }: Props): JSX.Element;
+export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, }: Props): React.JSX.Element;

package/dist/types/ui/Mention/mention-with-providers.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import type { MentionProvider } from '@atlaskit/mention/resource';
 import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import type { MentionEventHandlers } from '../EventHandlers';
@@ -14,11 +14,11 @@ export interface Props {
 export interface State {
     profilecardProvider: ProfilecardProvider | null;
 }
-export declare const MentionWithProviders: ({ accessLevel, eventHandlers, id, mentionProvider, profilecardProvider: profilecardProviderResolver, text, localId, }: Props) => JSX.Element;
+export declare const MentionWithProviders: ({ accessLevel, eventHandlers, id, mentionProvider, profilecardProvider: profilecardProviderResolver, text, localId, }: Props) => React.JSX.Element;
 export declare class MentionWithProvidersOld extends PureComponent<Props, State> {
     state: State;
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     private updateProfilecardProvider;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -37,7 +37,7 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends keyof OverflowShadowState>(state: OverflowShadowState | ((prevState: Readonly<OverflowShadowState>, props: Readonly<P>) => OverflowShadowState | Pick<OverflowShadowState, K> | null) | Pick<OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -76,7 +76,7 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends keyof OverflowShadowState>(state: OverflowShadowState | ((prevState: Readonly<OverflowShadowState>, props: Readonly<P>) => OverflowShadowState | Pick<OverflowShadowState, K> | null) | Pick<OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

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

@@ -78,5 +78,5 @@ export default class Popup extends React.Component<Props, State> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     private renderPopup;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 interface Props {
     /** If true, the component will have pulse onboarding effect around it. */
     pulse?: boolean;
@@ -14,5 +14,5 @@ interface Props {
  * This custom component exists because the {@link SpotlightPulse} with `pulse={false}` renders extra `div` around `children`.
  * We want to keep `children` as it is if there is no `pulse`.
  */
-export declare function Pulse({ pulse, radius, children }: Props): JSX.Element;
+export declare function Pulse({ pulse, radius, children }: Props): React.JSX.Element;
 export {};

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

@@ -39,5 +39,5 @@ export default class Resizer extends React.Component<ResizerProps, ResizerState>
     private handleResizeStart;
     private handleResize;
     private handleResizeStop;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.d.ts

@@ -4,4 +4,4 @@ import type { ColorPaletteArrowKeyNavigationProps } from '../types';
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
  */
-export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, popupsMountPoint, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;
+export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, popupsMountPoint, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => React.JSX.Element;

package/dist/types/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.d.ts

@@ -4,4 +4,4 @@ import type { MenuArrowKeyNavigationProviderProps } from '../types';
  * This component is a wrapper of vertical menus which listens to keydown events of children
  * and handles up/down arrow key navigation
  */
-export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, popupsMountPoint, disableCloseOnArrowClick, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, popupsMountPoint, disableCloseOnArrowClick, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => React.JSX.Element;

package/dist/types/ui-menu/ArrowKeyNavigationProvider/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { ArrowKeyNavigationProviderProps } from './types';
-export declare const ArrowKeyNavigationProvider: (props: React.PropsWithChildren<ArrowKeyNavigationProviderProps>) => JSX.Element;
+export declare const ArrowKeyNavigationProvider: (props: React.PropsWithChildren<ArrowKeyNavigationProviderProps>) => React.JSX.Element;

package/dist/types/ui-menu/ColorPickerButton/index.d.ts

@@ -14,7 +14,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Omit<{
     colorPalette: PaletteColor[];
     placement: string;
     cols?: number | undefined;
-    alignX?: "center" | "left" | "right" | "end" | undefined;
+    alignX?: "left" | "right" | "center" | "end" | undefined;
     size?: {
         width: string;
         height: string;

package/dist/types/ui-menu/Dropdown/index.d.ts

@@ -34,7 +34,7 @@ export declare class Dropdown extends PureComponent<Props, State> {
     private handleCloseAndFocus;
     private handleClose;
     private renderDropdown;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type DropdownPropsWithOutsideClickProps = Props & WithOutsideClickProps;
 declare const DropdownWithOuterListeners: React.ComponentType<React.PropsWithChildren<DropdownPropsWithOutsideClickProps>>;

package/dist/types/utils/withFeatureFlaggedComponent.d.ts

@@ -6,4 +6,4 @@ import React from 'react';
  * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2_v2')
  * @returns
  */
-export declare const withFeatureFlaggedComponent: <P extends object>(ComponentOld: React.ComponentType<P>, ComponentNext: React.ComponentType<P>, featureFlagFn: () => boolean) => (props: P) => JSX.Element;
+export declare const withFeatureFlaggedComponent: <P extends object>(ComponentOld: React.ComponentType<P>, ComponentNext: React.ComponentType<P>, featureFlagFn: () => boolean) => (props: P) => React.JSX.Element;

package/dist/types/with-plugin-state/index.d.ts

@@ -75,7 +75,7 @@ export interface Props<P extends NamedPluginKeys> {
  */
 declare class WithPluginState<P extends NamedPluginKeys> extends React.Component<WithPluginStateInnerProps<P>, State> {
     constructor(props: WithPluginStateInnerProps<P>);
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 type WithPluginStateInnerProps<P extends NamedPluginKeys> = Props<P> & {
     editorActions?: EditorActionsPrivateAccess;

package/dist/types-ts4.5/card/ui/assets/card.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconCard: (props: NewIconProps) => JSX.Element;
+export declare const IconCard: (props: NewIconProps) => React.JSX.Element;

package/dist/types-ts4.5/card/ui/assets/embed.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconEmbed: (props: NewIconProps) => JSX.Element;
+export declare const IconEmbed: (props: NewIconProps) => React.JSX.Element;

package/dist/types-ts4.5/card/ui/assets/inline.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconInline: (props: NewIconProps) => JSX.Element;
+export declare const IconInline: (props: NewIconProps) => React.JSX.Element;

package/dist/types-ts4.5/card/ui/assets/url.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { NewCoreIconProps } from '@atlaskit/icon/types';
-export declare const IconUrl: (props: NewCoreIconProps) => JSX.Element;
+export declare const IconUrl: (props: NewCoreIconProps) => React.JSX.Element;

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

@@ -1,6 +1,7 @@
 import type { ReactElement } from 'react';
 import { type BatchAttrsStep, type OverrideDocumentStepJSON as OverrideDocumentStep } from '@atlaskit/adf-schema/steps';
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { Step } from '@atlaskit/editor-prosemirror/transform';
 import { token } from '@atlaskit/tokens';
@@ -416,6 +417,9 @@ export type UserPermitType = {
     isPermittedToEdit: boolean;
 };
 export type CollabPermissionEventPayload = UserPermitType;
+export interface CollabEventConflictPayload {
+    offlineDoc: PMNode;
+}
 export interface CollabEvents {
     /**
      * Experimental Only: Teammate Presence (Confluence Land and Onboarding)
@@ -446,6 +450,7 @@ export interface CollabEvents {
     permission: CollabPermissionEventPayload;
     'commit-status': CollabCommitStatusEventPayload;
     'namespace-lock:check': CollabNamespaceLockCheckPayload;
+    'data:conflict': CollabEventConflictPayload;
 }
 export type SyncUpErrorFunction = (attributes: NewCollabSyncUpErrorAttributes) => void;
 export interface CollabEditProvider<Events extends CollabEvents = CollabEvents> {

package/dist/types-ts4.5/doc-utils/editor-use-only.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function createEditorUseOnlyNotice(componentName: string, alternatePackages?: {
     name: string;
     link: string;
-}[]): JSX.Element;
+}[]): React.JSX.Element;

package/dist/types-ts4.5/element-browser/ElementBrowser.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import type { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import type { QuickInsertItem } from '../provider-factory';
 import type { EmptyStateHandler } from '../types';
@@ -35,5 +35,5 @@ export default class ElementBrowser extends PureComponent<Props, State> {
     componentDidUpdate(prevProps: Props, prevState: State): void;
     handleSearch: (searchTerm: string) => void;
     handleCategorySelection: (clickedCategory: Category) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types-ts4.5/extensibility/Extension/Extension/index.d.ts

@@ -47,7 +47,7 @@ declare const _default: {
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends keyof import("../../../ui").OverflowShadowState>(state: import("../../../ui").OverflowShadowState | ((prevState: Readonly<import("../../../ui").OverflowShadowState>, props: Readonly<Props>) => import("../../../ui").OverflowShadowState | Pick<import("../../../ui").OverflowShadowState, K> | null) | Pick<import("../../../ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -86,7 +86,7 @@ declare const _default: {
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends keyof import("../../../ui").OverflowShadowState>(state: import("../../../ui").OverflowShadowState | ((prevState: Readonly<import("../../../ui").OverflowShadowState>, props: Readonly<Props>) => import("../../../ui").OverflowShadowState | Pick<import("../../../ui").OverflowShadowState, K> | null) | Pick<import("../../../ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/dist/types-ts4.5/extensibility/Extension.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { type ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -30,5 +30,5 @@ export declare class Extension extends Component<Props, any> {
     constructor(props: Props);
     componentWillUnmount(): void;
     private renderWithProvider;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types-ts4.5/extensibility/ExtensionComponent.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -53,7 +53,7 @@ export declare class ExtensionComponentOld extends Component<Props, State> {
     getExtensionModuleNodePrivateProps: import("memoize-one").MemoizedFn<typeof getExtensionModuleNodePrivateProps>;
     setIsNodeHovered: (isHovered: boolean) => void;
     setShowBodiedExtensionRendererView: (showRendererView: boolean) => void;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
     private setStateFromPromise;
     /**
      * Parses any private nodes once an extension provider is available.
@@ -66,5 +66,5 @@ export declare class ExtensionComponentOld extends Component<Props, State> {
     private tryExtensionHandler;
     private handleExtension;
 }
-export declare const ExtensionComponentNew: (props: Props) => JSX.Element;
-export declare const ExtensionComponent: (props: Props) => JSX.Element;
+export declare const ExtensionComponentNew: (props: Props) => React.JSX.Element;
+export declare const ExtensionComponent: (props: Props) => React.JSX.Element;

package/dist/types-ts4.5/extensibility/extensionNodeView.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
@@ -30,7 +30,7 @@ export declare class ExtensionNode extends ReactNodeView {
         showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
         showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean;
         rendererExtensionHandlers?: ExtensionHandlers;
-    }, forwardRef: ForwardRef): JSX.Element;
+    }, forwardRef: ForwardRef): React.JSX.Element;
 }
 export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean, showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean, rendererExtensionHandlers?: ExtensionHandlers): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

package/dist/types-ts4.5/icons/shared/BorderIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const BorderIcon: (props: GlyphProps) => JSX.Element;
+export declare const BorderIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types-ts4.5/icons/shared/PanelErrorIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const PanelErrorIcon: (props: GlyphProps) => JSX.Element;
+export declare const PanelErrorIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types-ts4.5/icons/shared/PanelInfoIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const PanelInfoIcon: (props: GlyphProps) => JSX.Element;
+export declare const PanelInfoIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types-ts4.5/icons/shared/PanelNoteIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const PanelNoteIcon: (props: GlyphProps) => JSX.Element;
+export declare const PanelNoteIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types-ts4.5/icons/shared/PanelSuccessIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const PanelSuccessIcon: (props: GlyphProps) => JSX.Element;
+export declare const PanelSuccessIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types-ts4.5/icons/shared/PanelWarningIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const PanelWarningIcon: (props: GlyphProps) => JSX.Element;
+export declare const PanelWarningIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types-ts4.5/icons/shared/table.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconTable(): JSX.Element;
+import React from 'react';
+export default function IconTable(): React.JSX.Element;

package/dist/types-ts4.5/link/LinkPicker/EditorLinkPicker/index.d.ts

@@ -19,5 +19,5 @@ export interface EditorLinkPickerProps extends OptionalKeys<React.ComponentProps
     onEscapeCallback?: Command;
     onClickAwayCallback?: Command;
 }
-export declare const EditorLinkPicker: ({ view, onCancel, invokeMethod, editorAppearance, onClose, onEscapeCallback, onClickAwayCallback, ...restProps }: EditorLinkPickerProps) => JSX.Element;
+export declare const EditorLinkPicker: ({ view, onCancel, invokeMethod, editorAppearance, onClose, onEscapeCallback, onClickAwayCallback, ...restProps }: EditorLinkPickerProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/link/LinkPicker/HyperlinkAddToolbar/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { ProviderFactory } from '../../../provider-factory';
@@ -19,4 +19,4 @@ export interface HyperlinkAddToolbarProps extends Pick<EditorLinkPickerProps, 'o
     searchSessionId?: string;
     timesViewed?: number;
 }
-export declare function HyperlinkAddToolbar({ linkPickerOptions, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, editorAppearance, inputMethod, searchSessionId, timesViewed, }: HyperlinkAddToolbarProps): JSX.Element;
+export declare function HyperlinkAddToolbar({ linkPickerOptions, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, editorAppearance, inputMethod, searchSessionId, timesViewed, }: HyperlinkAddToolbarProps): React.JSX.Element;

package/dist/types-ts4.5/link/LinkSearch/index.d.ts

@@ -3,8 +3,8 @@ import { type RecentSearchProps } from './types';
 import { type WithActivityProviderProps } from './withActivityProvider';
 declare const _default: {
     new (props: (import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps) | Readonly<import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps>): {
-        renderNode: (providers: import("../../provider-factory").Providers) => JSX.Element;
-        render(): JSX.Element;
+        renderNode: (providers: import("../../provider-factory").Providers) => React.JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -27,8 +27,8 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps, context: any): {
-        renderNode: (providers: import("../../provider-factory").Providers) => JSX.Element;
-        render(): JSX.Element;
+        renderNode: (providers: import("../../provider-factory").Providers) => React.JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;